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
nowrap
for 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-link
class (#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-group
component (#762)- Improve handling of input validation for RTL (#990)
Fixed
- Error thrown from
calcite-web.js
when 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-scroll
class 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-input
cascade (#977) html
element now usesoverflow:auto
instead of forcing a scroll bar (#980)
1.0.3
Fixes
- fix diacritical marks in Hebrew (#966)
- allow override of
$vw-ratio
variable (#960) - use
$dark-green
for 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: auto
fromtable-no-table
class
1.0.0
Fixes
- Fix rounding error on certain column widths (#742)
- Fix
pre
andpost
missing on large screen size - Fix
pre
on first nested column at largest size (#806) - Use unitless line-height (#847)
Modified
- icon classes now have
vertical-align: middle
- small tweaks to
label
andcode
sizing
Breaking
- :warning: Font size changed from
17px
to16px
(#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
table
class to get styles (#852)
1.0.0-rc.9
Fixes
- remove some
!important
rules (#877) margin-left/right
andpadding-left/right
now 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-link
so it can be abutton
element - update
top-nav-link
so it can be abutton
element - remove fonts.com and use self-hosted fonts from esri CDN
- declare demi-bold as
700
so browser defaults render - make headings
400
instead 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-blue
helper class (#855)btn-link
helper 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-column
class for centering columns (#783)
Modified
- make background color of social icons more accessible (#823)
- use
font-family: inherit
instead of family name where possible (#824) - card captions should use the
<figcaption>
element (#827) - update instagram icon (#812)
input-minimal
now 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
leader
andtrailer
(#785)
Fixed
- Missing styles for
<input type="file">
(#761) - Cards with long words overflowing card-content (#778)
- Fixed issue with
calcite-web.js
breaking 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-full
modifier for full-width alerts
Fixed
- added upper limit to normal pre and post media query (#745)
- fixed first columns inside columns with a
pre
in large sizes search-input
on 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 thebtn
class.
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-icon
class
Modified
figcaption
elements 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
search
now display properly in Safari (#740) pre
andpost
should always work in right-to-left languages now (#731)
1.0.0-rc.0
Added
input-success
,input-error
, andinput-error-message
validation helpersinput-search
helper for magnifying glass in search inputinput-minimal
helper for more subtle input- Disabled input styles
Removed
- Expander JavaScript Pattern
Modified
- Placeholder text now passes 4.5/1 contrast requirement (#703)
tabs-translucent
now 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
placeholder
mixin
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-yellow
passes WCAG AA contrast (#654)block-groups
should only style direct descendantblocks
(#659)- links in
table-striped
rows now accessible (#655) - Min width 0 on
block
helps 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:after
no longer positioned absolutelylist-numbered
number alignment in IE11 (#614)aria
helper will not crash if array passed as parameter contains null values.modal
will not pass arrays with null values to helpers.
Modified
btn-clear
now has white background instead of transparent in order to pass WCAG contrast on light grays.
1.0.0-beta.30
Removed
- removed
esri-icon
classes 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
@include
rather than@extend()
1.0.0-beta.25
Added
- Marketing Extension
- E-commerce Extension
- Lots of Doc Examples
icon-ui-yellow
card-wide
for 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-white
text 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 a
selected- app switcher pattern
- btn-arrow
- naive check for
column pre-n:first-child
use 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-tab
pattern added$opaque-white
color$transparent-white
color$opaque-black
color
Fixed
- translucent tab wiggle on active change
- checkboxes and radio buttons left alignment in IE10
user-nav
pattern in IE10 (#591)dropdown-btn
in IE10backgound
changed tobackground
in 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-pricing
adjusts headers on tables.- rebuild webfont
1.0.0-beta.20
Modified
- More clear focus state for dropdown links
- Make dropdown
:hover
andis-active
state 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-Compass
toicon-ui-compass
- drawer sliding moves wrapper with it
Fixed
calcite.dropdown()
now only adds click events once- drawer aria roles fixed
btn-arrow
should point other direction in right-to-left- Icon padding on wrong side in right-to-left
icon-ui-compass
casing fixeddropdown-btn
arrow 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-nav
functionality
Fixed
- Third nav arrow absolute position
- dont
extend
mixins 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-down
animate-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-n
andgutter-right-n
on 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-n
andpost-n
exist 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-0
classes..radio
and.checkbox
classes 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
toggleActive
class, always removes active from array, adds to el. dropdown
menu shouldn't have restricted height, and themax-height
offilter-dropdown
should be a bit taller
1.0.0-beta.9
Added
- Responsive type scale
Modified
- Default type scale has a wider range of sizes
text-left
andtext-right
use supported values for ie, use checks to support rtl.sub-nav-title
smaller 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-dropdown
pattern - Visual improvements to
loader
component
Fixed
textarea
elements now cannot overlap other elementsselect
elements display properly in Firefox
1.0.0-beta.7
Fixed
calcite-web.js
can 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-base
inside 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-right
alias classes for gutters.margin-gutter()
mixins for margin-left/right support.
Fixed
- Removed underlines on
:hover
for 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.btn
class is now required.
0.15.1
Fixed
- Greater specificity for input group inputs
0.15.0
Added
esri-icon-light-blue
icon-ui-light-blue
esri-icon-dark-blue
icon-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-active
state 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: auto
removed from tab sections, which caused a bug on pre's when zoomed in.
Modified
<code>
in.panel
background 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
:hover
and.is-active
state 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-small
modifier to make icons about 3/4 existing size.icon-ui-flush
modifier to remove any padding- Minimal
<dl>
styles
Modified
.panel-light-blue
is now slightly darker with light text.nav-bar-title
is 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
focusin
events - Polyfill for
strinc.includes()
- Some cool new icons
- Codeblocks inside tab styles other than
tabs-gray
are now styled normally. - Make import variables more granular
0.13.0
Fixed
include
rather thanextend
clearfix in column base and grid container. Fixes error of invalid sass in ruby.- Include column base in the
column
mixin rather than extend a class that doesn't exist.
Modified
- Dark blue hover slightly desaturated.
Added
.filter-dropdown
interactive 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
:hover
and:focus
, remove default outline - Buttons are one step lighter, get darker on hover
Added
.label
component 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-indent
on third nav
Fixed
- Don't set fixed height on
textarea
elements - 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-in
class 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-base
now has no margin
Fixed
- Responsive
pre
andpost
apply to correct screen sizes - Columns with medium but no small column render properly
- Breadcrumb separator no longer gets underlined
Modified
column
,pre
, andpost
at standard size apply at large size
Added
breadcrumbs-white
modifier 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 > code
elements (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
sticky
first 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
video
to 100% max width - Document hero subnav.
- Loader bar container div relative
Modified
.panel
uses$off-white
instead 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-logo
uses$image-path
instead 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-width
declaration in thecolumn
andcolumn-width
mixins
0.10.2
Modified
- Tabs get same style on hover and focus
inline
helper class is now namedinline-block
- Links now have
text-decoration: underline
on hover instead of cool background hack - Updated footer with legal copyright information
- List style type disc rather than circle
Added
list-plain
for 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-white
placeholder
mixin- 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
.tooltip
line 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-role
and other required attributes - Grid documentation for large columns
- Updated type documentation
- Skip to Content component
Modified
imports
is 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: false
now 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-border
andpanel-no-padding
classes for panels- Add
is-active
state for side navigation
0.7.0
- General documentation improvements/updates
Added
input-group
componentaction-bar
component
0.6.1
Added
- Badges
Modified
- Icon font has baked-in padding right
0.6.0
Fixed
- Modals not blurry
Modified
.text-rule
color is now the same as<hr>
<hr>
elements now have slightly less margin top and bottomsub-nav-title
is no longer floated left (enables larger banner-like subnavs)
Added
- Styled list items by default
Removed
.bulleted-list
removed as bulleted lists are default
0.5.2
Added
calcite-web/scss/imports
for 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-full
for 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-path
variable for configuration of font folder
Modified
- Updated Patterns Color dependency to v0.1.1
- Calcite color icons now referenced with
icon-calcite-
andicon-calcite-large
icon classes
Removed
- Removed vecticons in favor of icon font
0.4.0
Added
- Social media icons
$image-path
variable 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.js
patterns 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
keyframes
mixin - 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-n
to 36 columns - Remove
container-max
andcontainer-min
extra-large-hide
and-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
https
for font imports - Table rows now have the same
font-weight
as 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
.footer
has defaultpadding-top
Fixed
- Fix tooling for deploy and s3
- Fix problem with font loading
0.2.0
Modified
- Tooltips use
aria-label
for tooltip text - Modify tooltip styles
- Multi-line tooltips
- Custom
select
style
Removed
label.required
0.1.2
Added
files
key inpackage.json
0.1.1
Added
- Color dependency copied out of
node_modules
and intodist
on release.
Modified
.block
extends new default typeface.
0.1.0
Modified
.container
class 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-regular
body-face
=>content-face
Added
- Third nav hover state
label.required
.input-warning
.input-success
.table-blue.table-striped
- Additional panel options
- IE9 bugfixes
.gif
fallback for loader componenttransform2d
for 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-dropdown
class - 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-condensed
class - Blog layout
- Homepage layout
- Documentation layout
- Api reference layout
.font-size-x
.gutter-left-x
and.gutter-right-x
Modified
- Esri logo modified to fit in navigation better
- Removed
preventDefault
frombindDrawer()
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-in
class 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-light
on 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
C
tocalcite
- Renamed
dom.makeArray()
function todom.nodeListToArray
- Added
arr
andbrowser
subsets tocalcite
functions - Moved
isTouch()
fromdom
tobrowser
- Moved
indexOf
fromdom
toarr
- Fixed
hr
border - Added some usage examples to JS doc
- Copy editing
0.0.4
Documentation and small style additions.
Added
- Favicon
img
tags 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