Changelog
A comprehensive overview of changes and fixes made to Calcite Web. This documentation is auto-generated from our Changelog.You can view the original CHANGELOG.md on Github
Latest Release
1.2.5
Fixes
- update web font CDN link for more permament fix to Arabic type
- remove
nowrapfor buttons to fix responsive designs (#1063) - open/close accordions with space bar (#1062)
- fix RTL styles for input-search (#1061)
1.2.4
Fixes
- fix Arabic text in Microsoft Edge
- restore outline to
btn-linkclass (#1052)
1.2.3
Fixes
- fix dropdown arrow keys with hidden elements (#1050)
1.2.2
Fixes
- Fixes for switch and radio group
- Updates positioning mixin
- Updates checkbox and radio alignment in Edge
1.2.1
Added
- New mixins for RTL support: border-left, border-right, border-left-color, border-right-color, position-left, position-right
1.2.0
Added
radio-groupcomponent (#762)- Improve handling of input validation for RTL (#990)
Fixed
- Error thrown from
calcite-web.jswhen not using search UI (#992) - Ensure skip to content link is accessible and visible (#995)
- Fix accessibility issues in dropdowns (#989)
1.1.0
Added
overflow-scrollclass for forcing scroll bars
Fixes
- improve keyboard accessibility of tabs pattern (#981)
- improve aria markup of accordion pattern (#978)
- don't allow scroll of content behind drawer or modal
Updates
- use new search icon for search field (#979)
- Fix
.toggle-switch-inputcascade (#977) htmlelement now usesoverflow:autoinstead of forcing a scroll bar (#980)
1.0.3
Fixes
- fix diacritical marks in Hebrew (#966)
- allow override of
$vw-ratiovariable (#960) - use
$dark-greenfor green labels to pass WCAG 2.0 AA requirements (#969) - fix modal toggles when toggle has child element (#953)
1.0.2
Fixes
- remove unused grid configuration variables (#836)
- fixed modal/overlay positioning in Edge (#932)
- fixed filter dropdown rtl display and alignment (#941)
- fixed scroll bar positioning on modal open (#945)
- added RTL support for accordion caret icons (#950)
- fixed rebinding of modal events (#956)
1.0.1
Fixes
- fix baseline in Edge (#929)
- remove
border-collapse: autofromtable-no-tableclass
1.0.0
Fixes
- Fix rounding error on certain column widths (#742)
- Fix
preandpostmissing on large screen size - Fix
preon first nested column at largest size (#806) - Use unitless line-height (#847)
Modified
- icon classes now have
vertical-align: middle - small tweaks to
labelandcodesizing
Breaking
- :warning: Font size changed from
17pxto16px(#889) - :warning: Grid container size default is now 1440px instead of 1450px (#826)
- :warning: List styles now closer to browser defaults (#866)
- :warning: Tables must now use the
tableclass to get styles (#852)
1.0.0-rc.9
Fixes
- remove some
!importantrules (#877) margin-left/rightandpadding-left/rightnow work in rtl (#805)- Fix drawer pattern on Safari, allow for
position: sticky(#863) - Fix fencing of focus in modals (#793)
- make modal js syntax more consistent (#862)
- fix for iOS checkbox rendering (#861)
Modified
- update several patterns to use buttons instead of anchors
- style
dropdown-linkso it can be abuttonelement - update
top-nav-linkso it can be abuttonelement - remove fonts.com and use self-hosted fonts from esri CDN
- declare demi-bold as
700so browser defaults render - make headings
400instead of300 - Large improvements to the display of several languages including Arabic, Hindi, Georgian, Vietnamese, Hebrew, and Thai
- Vietnamese now renders in SST instead of Verdana (#865)
- make button border colors match background on hover (#840)
- update style of file upload button in FF and iOS (#886)
- fix alignment of checkboxes and radio buttons across browsers
Removed
- no more
rtl-classes as they are not needed and are an anti-pattern
Added
link-dark-bluehelper class (#855)btn-linkhelper class (#846)- added range slider input component (#838)
- added toggle switch component (#837)
1.0.0-rc.8
Fixes
- fix rounded buttons in newest chrome
1.0.0-rc.7
Added
center-columnclass for centering columns (#783)
Modified
- make background color of social icons more accessible (#823)
- use
font-family: inheritinstead of family name where possible (#824) - card captions should use the
<figcaption>element (#827) - update instagram icon (#812)
input-minimalnow has a transparent background (#804)- content shouldn't scroll behind modal when open (#766)
- revert to using fonts.com service (#819)
- fix inputs in dark theme (#829)
- fix multiline tooltips in Edge (#773)
- fix focus state of checkboxes in firefox (#802)
Breaking
- :warning: No longer support IE9 (this impacts only block groups, radio inputs, selects, drawers, and the loader)
1.0.0-rc.6
Added
- new icons (not added to font yet):
- calendar
- grid
- sort-ascending
- sort-descending
Fixed
- Fixed Modal content not being left aligned in I.E. and Edge browsers text-align:start is not supported in I.E. changed it to text-algin:left
Modified
- Simplified font-stack for Avenir and monospace
1.0.0-rc.5
Fixed
- Made the calcite-web-dark constants as !default
1.0.0-rc.4
Fixed
- Updated fonts to use new declarations from monotype
1.0.0-rc.3
Added
- JS lib now allows for named ES6 exports with
import {drawer} from 'calcite-web/es6'(#736) - Quarter variants for
leaderandtrailer(#785)
Fixed
- Missing styles for
<input type="file">(#761) - Cards with long words overflowing card-content (#778)
- Fixed issue with
calcite-web.jsbreaking the closure compiler
Breaking
- :warning: Removed JavaScript-based responsive third-nav pattern. Third nav now simply scrolls horizontally when it's container overflows (#748)
1.0.0-rc.2
Added
alert-fullmodifier for full-width alerts
Fixed
- added upper limit to normal pre and post media query (#745)
- fixed first columns inside columns with a
prein large sizes search-inputon mobile safari now properly aligned (#747)- added right-to-left styles for tabs (#776)
- fixed elements inside accordions triggering close event (#774)
- fix alignment of shorter loader-text (#771)
- added right-to-left styles for dropdown-right modifier (#770)
- fix strange escape key behavior in search js (#763)
Breaking
- Raw
<button>elements no longer styled by default, use thebtnclass.
1.0.0-rc.1
Breaking
- The leftover
large-columns are gone. Sizes are now just the documentednormal,medium, andsmall. - Leftover imports for Frutiger font removed
- Ellipsis not added to loader text automatically (better for i18n)
- Accordions with inline svg icons now require the
accordion-iconclass
Modified
figcaptionelements no longer have a left border- breadcrumbs now pass WCAG 2.0 contrast requirements
- fixed spacing between breadcrumbs (#726)
- remove blue active state for top-nav-title (#729)
Fixed
- inputs with a type
searchnow display properly in Safari (#740) preandpostshould always work in right-to-left languages now (#731)
1.0.0-rc.0
Added
input-success,input-error, andinput-error-messagevalidation helpersinput-searchhelper for magnifying glass in search inputinput-minimalhelper for more subtle input- Disabled input styles
Removed
- Expander JavaScript Pattern
Modified
- Placeholder text now passes 4.5/1 contrast requirement (#703)
tabs-translucentnow works in IE9 (#708)- All elements with
lang="vi"will now render properly in Lucida Grande - Blue active indicator for top nav is now below links (#716)
- Modal's z-index is now higher than top-nav (#711)
Breaking
- Accordion icons must be added inline, no longer provided by CSS
- Dropdown icons must be added inline, no longer provided by CSS
- removed
placeholdermixin
1.0.0-beta.36
Added
- Inline SVGs
- Inline SVG Colors
Modified
- Changed all sample code docs to reflect new SVG usage
Breaking
- Filter dropdown now expecting SVGs rather than icon fonts
- Search now expecting SVGs rather than icon fonts
1.0.0-beta.35
Fixed
- Rebinding of accordions now works in
calcite-web.js
1.0.0-beta.34
Added
- Search Component UI
- Table no table modifier
Modified
- Navigation structures updated
Fixed
- Documented
icon-ui-flush
1.0.0-beta.33
Fixed
- Build errors
1.0.0-beta.32
- Copy to clipboard JS
- Responsive trailer half, responsive leader half
Fixed
- card heights rendered incorrectly in IE10-11 (#662)
- labels don't wrap lines (#660)
label-yellowpasses WCAG AA contrast (#654)block-groupsshould only style direct descendantblocks(#659)- links in
table-stripedrows now accessible (#655) - Min width 0 on
blockhelps overflow breakage. - Grid prefixing bug
- Proper keyboard navigation for dropdown components
Modified
- Less padding for card-content
1.0.0-beta.31
Fixed
filter-dropdown-remove:afterno longer positioned absolutelylist-numberednumber alignment in IE11 (#614)ariahelper will not crash if array passed as parameter contains null values.modalwill not pass arrays with null values to helpers.
Modified
btn-clearnow has white background instead of transparent in order to pass WCAG contrast on light grays.
1.0.0-beta.30
Removed
- removed
esri-iconclasses to prevent collisions with JS API
1.0.0-beta.29
Fixed
- RTL for SideNav Active States
Modified
- Margin and list styles
- Odd-numbered black behavior in Block Groups
1.0.0-beta.28
Fixed
- fix for ie11 fix for filter dropdown
1.0.0-beta.27
Fixed
- ie11 fix for filter dropdown
- ie11 fix for
Object.assign()
1.0.0-beta.26
Fixed
- Release tooling, now includes Dist
Modified
- Moved several patterns to
@includerather than@extend()
1.0.0-beta.25
Added
- Marketing Extension
- E-commerce Extension
- Lots of Doc Examples
icon-ui-yellowcard-widefor cards in landscape orientation- calcite Sass and JS extensions
calcite.extend(obj)function
Modified
- changes to card markup. (
card-body => card-content) - cards implemented with flex-box
panel-whitetext now more accessible- headers are focusable
- panels no longer style columns
- translucent tab issue with larger text and hover effects
Removed
- Panels no longer force anchor color
- gutter-n classes. use padding-n instead.
- form hinting
.link-color-foo aselected- app switcher pattern
- btn-arrow
- naive check for
column pre-n:first-childuse explicit.first-column - pricing table
1.0.0.0-beta.24
Removed
- .link-purple
- .link-orange
- .link-brown
- .link-gray
- .text-purple
- .text-orange
- .text-brown
- .text-gray
- supernav
- site search
- search bar
- toolbar
- action bar
- expanding nav
- badges
1.0.0-beta.23
Added
translucent-tabpattern added$opaque-whitecolor$transparent-whitecolor$opaque-blackcolor
Fixed
- translucent tab wiggle on active change
- checkboxes and radio buttons left alignment in IE10
user-navpattern in IE10 (#591)dropdown-btnin IE10backgoundchanged tobackgroundin tab transition
1.0.0-beta.22
Modified
- don't clear focus styles in firefox for inputs + buttons
1.0.0-beta.21
Added
table-pricingadjusts headers on tables.- rebuild webfont
1.0.0-beta.20
Modified
- More clear focus state for dropdown links
- Make dropdown
:hoverandis-activestate consistent with side nav - red buttons are now outlined instead of solid red
1.0.0-beta.19
Fixed
- card caption bug
1.0.0-beta.18
Added
.shaped-card.card-bar-color.btn-half
Fixed
- Tab transparent transition trubs
- combo third nav w/ overflow and sticky fix
- select toggle arrow on wrong side in right to left
Removed
- Deleted selectors for
esri-icon-*
1.0.0-beta.17
Removed
- all language specific type declarations (except for vietnamese)
- unfix fix for #532
1.0.0-beta.16
Added
- Arrow key bus emitters, space bar bus emitter
Modified
- renamed
icon-ui-Compasstoicon-ui-compass - drawer sliding moves wrapper with it
Fixed
calcite.dropdown()now only adds click events once- drawer aria roles fixed
btn-arrowshould point other direction in right-to-left- Icon padding on wrong side in right-to-left
icon-ui-compasscasing fixeddropdown-btnarrow should be on other side in right-to-left
Modified
- dropdown menus are not constrained in width
1.0.0-beta.15
Modified
- cursor: not-allowed on disabled buttons
- pointer events: none on disabled buttons
- Radios and chekboxes bigger
Added
- 'select-full' for 100% wide selects
- Responsive subnav docs
js-select-navfunctionality
Fixed
- Third nav arrow absolute position
- dont
extendmixins thats not right - clicking inside drawer no longer closes drawer
Removed
btn-clear-disabled- custom focus state on checkboxes and radios
1.0.0-beta.14
Added
animate-in-up,animate-in-downanimate-out-up,animate-out-down, animate-fade-out`
1.0.0-beta.13
Modified
- Namespace fieldset checkbox labels.
- Always style fieldsets.
1.0.0-beta.12
Modified
- small visual update to multiple select elements
- Removed all external dependencies.
- Documented animation as unique component, prepared to expand this list out.
Fixed
- using
gutter-left-nandgutter-right-non the same element will no longer break. - Additional RTL on default type styles.
- RTL support for action bars.
- RTL support for table cells.
- RTL mysterious text wrapping bugs.
- RTL on screens larger than 1450px get proper pixel value for pre and post.
- Explicit RTL pre and post classes resolve grid issues in RTL when
pre-nandpost-nexist on the same element. - Opening a dropdown closes all other dropdowns on the page.
Added
- App Switcher pattern
- Fancy form validation styles
- Documentation and samples for responsive images
- Documentation for common grid structures.
rtl-gutter-,rtl-margin-gutter-left and right mixinsrtl-margin-gutter-left-0,rtl-margin-gutter-right-0,rtl-gutter-left-0,rtl-gutter-right-0classes..radioand.checkboxclasses for styling radio and checkbox fieldsets.- Card styles.
Removed
- Default label styling for fieldsets
1.0.0-beta.11
Fixed
- Removing a sticky node from the dom no longer spouts console errors like a fountain
- Simplified
toggleActiveclass, always removes active from array, adds to el. dropdownmenu shouldn't have restricted height, and themax-heightoffilter-dropdownshould be a bit taller
1.0.0-beta.9
Added
- Responsive type scale
Modified
- Default type scale has a wider range of sizes
text-leftandtext-rightuse supported values for ie, use checks to support rtl.sub-nav-titlesmaller to adjust for new type scales.- Type config moved further up the import stack
Fixed
- Monospace type rendering probs in block groups and textareas.
- Block groups declare avenir as font family.
Removed
- Frutiger and Kepler type styles and families
1.0.0-beta.8
Modified
- Small visual style updates to
filter-dropdownpattern - Visual improvements to
loadercomponent
Fixed
textareaelements now cannot overlap other elementsselectelements display properly in Firefox
1.0.0-beta.7
Fixed
calcite-web.jscan now be loaded by the Dojo AMD loader
1.0.0-beta.6
Added
- Created an event bus for interactive js patterns.
- Reintroduced filter dropdown pattern
Changed
- Accordion icons
1.0.0-beta.5
Added
- Distribute a css file that doesn't call fonts.com for Avenir Next
1.0.0-beta.4
Added
calcite.init()now removes any existing events so they're not bound twice
1.0.0-beta.3
Fixed
- remove reference to missing
column-base()mixin - remove Sass debug in
_columns.scss
1.0.0-beta.2
Modified
- Don't extend
%column-baseinside media query (#463)
1.0.0-beta.1
Modified
- Iconography change for accordions
- Opacity used for disabled state in buttons
- Don't use wild-card selector in column-base styles
- Selects now have white background
1.0.0-beta
Added
margin-left,padding-left,margin-right, andpadding-rightalias classes for gutters.margin-gutter()mixins for margin-left/right support.
Fixed
- Removed underlines on
:hoverfor icons inside of links - Zero margin on
p:empty - Style
<select multiple>
Modified
- Changes hover and active on side nav to subtle blue backgrounds
- Darkened sidenav link color to meeet WCAGAA with the new active state background.
- Bottom margin on
<figure>set to 1 baseline from 2.
Removed
- BREAKING Removed automatic button style inheritance for
input[type='button']. Using the.btnclass is now required.
0.15.1
Fixed
- Greater specificity for input group inputs
0.15.0
Added
esri-icon-light-blueicon-ui-light-blueesri-icon-dark-blueicon-ui-dark-blue
Fixed
- Set vietnamese to Helvetica
- Set max width on selects
- Dont override focus on input type submit
Modified
- Default behavior is now always 24 columns with a width defined by
$container-width. Default is 1450px, but can be set to 960px for a 960 grid. - Clicking on modal overlay no longer closes modal
- Slightly less padding on panels
Removed
- Filter dropdown pattern
0.14.6
Fixed
- Hard pixel values blend with grid system
0.14.5
Modified
- Base tool chain for generating icon font and documentation switched to Fontforge (python).
- Variableify Avenir Next font imports
- Document include variables for custom build
Added
dropdown-title
Fixed
- Sticky elements will now recalculate their height correctly when elements change
0.14.4
Fixed
- fix weird bug in Chrome for Windows on elements with
scroll: auto(https://github.com/ArcGIS/arcgis-for-developers/issues/3082#issuecomment-149293246)
Modified
- Hover state for side nav link
- Panel links vibrant blue
is-activestate on side nav links reverted- Better size and positioning for arrows on dropdowns
- icons should inherit line height, not declare it
0.14.3
Fixed
overflow: autoremoved from tab sections, which caused a bug on pre's when zoomed in.
Modified
<code>in.panelbackground white- Default body weight set to regular from light
- Update fonts.com to allow access to *.cybertech.com
0.14.2
Fixed
- Resolved breaking change in icons
0.14.1
Fixed
- Alignment of items in top nav with top of page
- Filter dropdowns work inside modals
- Syntax bug in small last column right to left support
- Ruby gem uses /dist instead of /lib
Modified
- Made user image in top nav smaller and with less padding
- Changes font name for icon font
- Pre and Code line heights, sizes
- Pre and Code blocks inside tabs
- Nested lists dont need margin bottom
- Updated Google Plus social icon
- A hair of padding top added to
<textarea>to match text input
Fixed
- No clear button doesnt destroy app
Added
alert-yellow
0.14.0
Fixed
.top-nav-link:hoverand.is-activestate fallback for IE8 & 9
Modified
- Changed build process for icon fonts
- Changed unicode mapping for icon glyphs
0.13.3
Modified
- Pixel perfect search submit button
Fixed
- Fix nested media query bug for ie in the grid
0.13.2
Added
.btn-clear-disabled.icon-ui-smallmodifier to make icons about 3/4 existing size.icon-ui-flushmodifier to remove any padding- Minimal
<dl>styles
Modified
.panel-light-blueis now slightly darker with light text.nav-bar-titleis now slightly larger with less right margin- Search icon baked into search-submit button, padding cleared
- Transparent button underlines like links
- Links hover darker
Fixed
- Line height has been fixed for
h2's andh4's with multiple lines - Text alignment helpers support rtl
- Modal supports rtl properly
0.13.1
Modified
- Filter dropdown item close button unique and solitary entity.
- Dropdown button down arrow positioned absolute to work with
text-ellipsis - Slight change to user navigation example markup
Fixed
- Browser bugs for filter dropdown
Added
.btn-clear-disabled- Right to left support
- Polyfill for
focusinevents - Polyfill for
strinc.includes() - Some cool new icons
- Codeblocks inside tab styles other than
tabs-grayare now styled normally. - Make import variables more granular
0.13.0
Fixed
includerather thanextendclearfix in column base and grid container. Fixes error of invalid sass in ruby.- Include column base in the
columnmixin rather than extend a class that doesn't exist.
Modified
- Dark blue hover slightly desaturated.
Added
.filter-dropdowninteractive pattern.
0.12.1
Added
- Panel Black
Fixed
- Surpise! Blue and Red really accessible now.
0.12.0
Fixed
- Bug where long dropdowns wrapped just the arrow to the next line
- Cursor should be pointer on side nav
- Bug where hovering on a third nav caused text to flicker strangely
Modified
- Top nav links get same style on
:hoverand:focus, remove default outline - Buttons are one step lighter, get darker on hover
Added
.labelcomponent for calling out text- Grid columns turn themselves off for printing
0.11.7
Fixed
- Accordion binds to specified class, not section siblings.
0.11.6
Modified
- Dropdown button gets
cursor: pointer
Added
- Optional prefix for grid system
- No
text-indenton third nav
Fixed
- Don't set fixed height on
textareaelements - Check for elements before binding to elements.
0.11.5
Fixed
- add icon_names for social icons to API (#328)
0.11.4
Removed
- Unicode Sass variables
Fixed
- Correct user-nav pattern
- Set height on buttons in input groups
- Fix form elements in ie9, ie10, firefox, and safari (#270)
- Small fix to tooltips ie9, ie10, firefox, and safari
Modified
- All patterns that used unicode characters now use icons from ui font
Added
fade-inclass for fading in elements on page load- Responsive Javascript for the third nav.
0.11.3
Fixed
- Sticky elements show up twice (#314)
- JavaScript patterns bind in sticky elements (#315)
0.11.2
Removed
- Bin script for calcite icons
column-basenow has no margin
Fixed
- Responsive
preandpostapply to correct screen sizes - Columns with medium but no small column render properly
- Breadcrumb separator no longer gets underlined
Modified
column,pre, andpostat standard size apply at large size
Added
breadcrumbs-whitemodifier for light-on-dark breadcrumbs
0.11.1
Removed
- No dependency on patterns-color repo (variables are added by hand)
- Carousel configuration
- No calcite icon scss
Modified
- Codeblocks inside tabs are automatically formatted correctly
- Minor changes to
pre > codeelements (slightly smaller type size) - Vertical align
input-group-input - Cool plus and minuses on accordions
- Simplified expanding nav
Fixed
- Leader and trailer classes were being imported twice
- Only bind close click on accordion section title
- Init
stickyfirst so other patterns bind to duplicated nodes
0.11.0
Removed
- Calcite color icons are not a thing we're including. Removing the doc space for this.
Added
- Set
videoto 100% max width - Document hero subnav.
- Loader bar container div relative
Modified
.paneluses$off-whiteinstead of$lightest-gray- Add proper icons to accordion
- Overflow-x scroll and no-wrap on third-nav
- Expanding nav and search pattern
0.10.5
Added
.link-light-blue
Fixed
- Style links inside of panels
- Pre and Post scoping properly
0.10.4
Fixed
.esri-logouses$image-pathinstead of hard-coded location
0.10.3
Fixed
- Columns collapse properly without a max-width
- Minor documentation fixes
- Sticky.js no longer relies on scroll, solving window resize bugs
Added
- Multiple languages for type treatments
- Cyrillic font face declarations
- More intentional responsive design for subnav pattern
Removed
- Removed the
max-widthdeclaration in thecolumnandcolumn-widthmixins
0.10.2
Modified
- Tabs get same style on hover and focus
inlinehelper class is now namedinline-block- Links now have
text-decoration: underlineon hover instead of cool background hack - Updated footer with legal copyright information
- List style type disc rather than circle
Added
list-plainfor plain unordered lists (no bullets)
Fixed
- Fix bug with columns inside panels
0.10.1
Modified
- Fix Bugs
0.10.0
Modified
- No button borders except on hover
- Darken button colors for accessibility.
- Top Nav finalized
Added
btn-whiteplaceholdermixin- Site Search pattern
Removed
btn-orange
Fixed
- Clicking a dropdown button when the dropdown is open closes the dropdown
- Ie9 Shim for
<main> - Ie9 Shim for
<input>line height - Ie9 Shim for
.tooltipline height - Prefixerize transform property in tooltips
- Resizing window recalculates and rebind stickies
0.9.2
Modified
- Sample code for form input include text for accessibility.
- Minor doc fixes
- Tab hover moved to above element
- Top nav active state above element
- Top nav hover blue
- Top nav font size one step down scale
0.9.1
Modified
- Accordion meets accessibility requirements
- Tabs meet accessibility requirements
- Tab hover has blue bar above
0.9.0
Added
- Documentation and structural patterns have proper
aria-roleand other required attributes - Grid documentation for large columns
- Updated type documentation
- Skip to Content component
Modified
importsis now accessed atcalcite-web/imports- Links darker blue, with underline on hover
- Alert text color transparent black
- Icon font setting font family on
:before - Modal meets accessibility requirements
- Drawer meets accessibility requirements
- Dropdown meets accessibility requirements
- Icon font standardized, more icons added
Fixed
$generate-css: falsenow generates no CSS
0.8.0
Modified
- Removed margin-top on
sub-nav-list - Fix accordion hover
- Side-nav and accordion borders fixed in all states
- Tighten up sub-nav vertically
- Panels have padding and border by default
- Improve panel colors
- Improve vertical-spacing of sub-nav
Added
- Automatically remove margin-bottom on the last element in a panel
panel-no-borderandpanel-no-paddingclasses for panels- Add
is-activestate for side navigation
0.7.0
- General documentation improvements/updates
Added
input-groupcomponentaction-barcomponent
0.6.1
Added
- Badges
Modified
- Icon font has baked-in padding right
0.6.0
Fixed
- Modals not blurry
Modified
.text-rulecolor is now the same as<hr><hr>elements now have slightly less margin top and bottomsub-nav-titleis no longer floated left (enables larger banner-like subnavs)
Added
- Styled list items by default
Removed
.bulleted-listremoved as bulleted lists are default
0.5.2
Added
calcite-web/scss/importsfor all sass with no css
Modified
- Inputs have small inset box-shadow
Fixed
- Fonts now included in dist
Improvements
- Focus states for form controls now consistent
0.5.1
Added
.grid-fullfor opt-in to 26 column system- Block groups to 8 up
Modified
- Default grid behavior centers column-24 on large screen sizes
- Changed edge padding back to .04vw from 0.01.vw
0.5.0
Added
- First version of icon font
$font-pathvariable for configuration of font folder
Modified
- Updated Patterns Color dependency to v0.1.1
- Calcite color icons now referenced with
icon-calcite-andicon-calcite-largeicon classes
Removed
- Removed vecticons in favor of icon font
0.4.0
Added
- Social media icons
$image-pathvariable for configuration of image foldercalcite.toggleClass()exposed on public calcite-web.js api
Breaking Changes
- Removed
calcite.getAttr()asElement.getAttribute()support is IE8+
0.3.1
Improvements
calcite-web.jspatterns can be passed a specific dom node as context when they are initialized.- Updated JavaScript documentation
- Proper registration as CommonJS module
0.3.0
Improvements
- Removed ~ 230 LOC from calcite-web.js
Fixed
- Fixed interpolation of variables in the
keyframesmixin - Fixed modals always closing on any click if open
- Document modals properly
Modified
- Increase large breakpoint to 1450px
- Add
extra-large-leader-n- Trailer
- Padding-leader
- Padding-trailer
- Add
extra-large-column-nto 36 columns - Remove
container-maxandcontainer-min extra-large-hideand-only
Removed
- Remove carousel pattern (will be its own project)
0.2.3
Modified
- Pair Avenir Demi with Avenir Light for default strong behavior
- Clicking in drawer while drawer is open will not close drawer
Fixed
- Fix dropdowns in IE9
0.2.2
Fixed
- Set avenir face on buttons
- Use
httpsfor font imports - Table rows now have the same
font-weightas the body - Selects have more right padding
Added
- Tailcoat migration guide
- Code style guides (CSS, HTML, JS)
Modified
- Wrap navigation patterns in a
column-24 - Fix typography documentation
0.2.1
Modified
.footerhas defaultpadding-top
Fixed
- Fix tooling for deploy and s3
- Fix problem with font loading
0.2.0
Modified
- Tooltips use
aria-labelfor tooltip text - Modify tooltip styles
- Multi-line tooltips
- Custom
selectstyle
Removed
label.required
0.1.2
Added
fileskey inpackage.json
0.1.1
Added
- Color dependency copied out of
node_modulesand intodiston release.
Modified
.blockextends new default typeface.
0.1.0
Modified
.containerclass now.grid-container- Alerts now are colored better, higher z-index, and subtle drop shadow
- Sass now rendered with grunt-sass
- Panels work with columns
- Avenir Next Light is default body typeface
- Avenir no longer variablized
header-face=>avenir-regularbody-face=>content-face
Added
- Third nav hover state
label.required.input-warning.input-success.table-blue.table-striped- Additional panel options
- IE9 bugfixes
.giffallback for loader componenttransform2dfor drawers, modals
0.0.10
Modified
- Change bold styles on body from Frutiger 65 to Frutiger 55
0.0.9
Animations, bug fixes, and general cleanup.
Modified
- Clicking accordion sections toggles only that accordion section
- Expanding nav now animates and takes up full screen
- Changed location of the
js-dropdownclass - Visual changes to user dropdown
- Finessed default type styles for raw markdown
- Modals are more in line with best-practices
Added
- Blockquote styles
- Sticky footer
- Sub Nav documentation
- Assets uploaded to s3 on release
- Deploy script works from grunt
0.0.8
Sample page layouts, typography.
Added
- Added
esri-logo-condensedclass - Blog layout
- Homepage layout
- Documentation layout
- Api reference layout
.font-size-x.gutter-left-xand.gutter-right-x
Modified
- Esri logo modified to fit in navigation better
- Removed
preventDefaultfrombindDrawer()function. - Small accordion and tab padding tweaks
0.0.7
JavaScript, documentation, and more patterns.
Added
- Sticky scroll
- Sticky show
- JavScript for interactive patterns
- Invisible class
- Carousel pattern
transition-prefixed()mixin
Modified
- Minor padding right compression on .top-nav-title
- User nav now a real thing
- Move from Sass to LibSass
- Make default body size larger
- Minor adjustments on font-size at values less than 0
- Alpha counters on nested
ol - ITC Charter to Kepler
- Major rework of documentation tech stack
Removed
- Color Map
0.0.6
More documentation, new JavaScript components, working icon tooling prototype.
Added
- Inline helper class
- Drawers
- Expanding nav
- Search bar component
- User login component
- Esri logo component
- Button group support for all button styles
.sign-inclass for sign in + sign out buttons in top nav- Modals
- Dropdowns
Modified
- Disabled button style to look less clickable
- Tweak form styles
- Tighten panel padding
- Nav patterns now responsive
0.0.5
Forms, table improvements, type changes, in progress icon tooling, more documentation.
Added
- Inputs
- Selects
- Radio Buttons
- Checkboxes
- Labels
- Legends
overflow-auto- Helper class can wrap elements that break layoutinput-error- Outlines an input in red for user feedback
Modified
- Nav patterns & Buttons no longer default to
.header-lighton retina. - Buttons have a one pixel stroke
- Change header font of tables to Avenir Next
- Changed body font to Frutiger Light
- Make tables more compact
- Javascript namespace changed from
Ctocalcite - Renamed
dom.makeArray()function todom.nodeListToArray - Added
arrandbrowsersubsets tocalcitefunctions - Moved
isTouch()fromdomtobrowser - Moved
indexOffromdomtoarr - Fixed
hrborder - Added some usage examples to JS doc
- Copy editing
0.0.4
Documentation and small style additions.
Added
- Favicon
imgtags now get max width of 100%- Typography documentation
0.0.3
Additional styles, beginning documentation site.
Modified
- Change color of border-bottom on third-nav
- Fixed font weight on active third nav link
- Adding structure for documentation
Added
<code>styles for code blocks and inline code
0.0.2
Lots of foundational styles.
Modified
- Type adjustments
Added
- Alerts
- Pagination
- Tables
- Tabs
- Modal
- Accordion
- Block Grid
- Code Styles
Fixes
- Type Helpers Cascade Properly
- Leader-Trailer Helpers Cascade Properly
- Grid troubles
0.0.1
Begin foundational sass for the framework.
Modified
- New grayscale color values
Added
- Colors
- Type Styles
- Grid
- Sass Utils
- Breadcrumbs
0.0.0
Added
- Documentation Site
- KSS Parser
- CSS Reset
- Grunt Workflows