calcite-design-system

Fixed

• fix NPM release issue

Breaking Changes

• calcite-accordion - calciteAccordionItemHasChanged event has been renamed to calciteAccordionChange
• calcite-accordion-item - calciteAccordionItemSelected event has been renamed to calciteAccordionItemSelect
• calcite-accordion-item - closeCalciteAccordionItem event has been renamed to calciteAccordionItemClose
• calcite-accordion-item - registerCalciteAccordionItem event has been renamed to calciteAccordionItemRegister
• calcite-dropdown-group - registerCalciteItemHasChanged event has been renamed to calciteDropdownItemChange
• calcite-dropdown-group - registerCalciteDropdownGroup event has been renamed to calciteDropdownGroupRegister
• calcite-dropdown-item - registerCalciteDropdownItem event has been renamed to calciteDropdownItemRegister
• calcite-dropdown-item - calciteDropdownItemSelected event has been renamed to calciteDropdownItemSelect and is now internal.
• calcite-dropdown-item - closeCalciteDropdown event has been renamed to calciteDropdownClose

Added

• calcite-dropdown now has a read-only selectedItems prop that contains all selected items.
• calcite-dropdown now emits calciteDropdownSelect when an item selection changes.

Fixed

• calcite-accordion - Fix for incorrect keyboard navigation behavior when a calcite-accordion was nested inside another calcite-accordion
• calcite-accordion - Fix for incorrect display of icon-position when a calcite-accordion was nested inside another calcite-accordion

Updated

• calcite-popover - max-width has been removed. Content may need width set.

Breaking Changes

• calcite-input - calciteInputChange event has been renamed to calciteInputInput

Added

• calcite-radio-group now has a width prop that accepts auto (default) or full values.

Fixed

• calcite-input - will now properly position a requested icon if prefix-text is also set
• calcite-switch - will now properly display in RTL
• calcite-alert - will now properly animate the direction of the auto-dismiss progress bar in RTL
• calcite-tree - will now properly wrap long, unbroken strings in calcite-tree-item children

Updated

• calcite-accordion - styling of icon-position=end icons has been updated for chevron and caret values - it will now display upward when a calcite-accordion-item is collapsed, and downward when expanded
• calcite-input - when status="valid", icon (if present) will appear green

Breaking Changes

• calcite-checkbox - size prop is now scale to be consistent with other components
• calcite-chip - will not show the dismiss ("x") button unless new dismissible prop is true
• calcite-button - will no longer accept xs or xl values for scale prop
• calcite-chip - will no longer accept xs or xl values for scale
• calcite-combobox - will no longer accept xs or xl values for scale

Added

• calcite-radio-group-item can now display an icon by passing a Calcite UI Icon name to the icon attribute. The icon can be positioned with the icon-position attribute.
• calcite-split-button now accepts ellipsis as a value for the dropdown-icon-type attribute
• calcite-graph component for simple area graphs from series data sets
• calcite-chip - now has a color prop that will accept grey (default), blue, red, yellow, and green as values
• calcite-chip - now has an appearance prop that will accept solid (default) and clear as values

Fixed

• calcite-dropdown - will now properly open and close when children of the dropdown-trigger slot are acted on.
• calcite-button - now trims whitespace to accurately display "icon only" buttons as squares.
• :root styles now include some text rendering improvements
• calcite-input - fixed missing icons in firefox
• calcite-date - fixed small margin/gap above input

Updated

• calcite-button - styling of appearance=transparent buttons has been updated
• calcite-button - dimensions and font-size of buttons have been updated

Breaking Changes

• calcite-button no longer accepts inline as a value for appearance - you can instead
• calcite-pagination - backgroundStyle property removed (always transparent)
• calcite-pagination - num, start, and total now refer to records not pages
• calcite-pagination - calcitePaginationUpdate event now only fires in response to user input
• calcite-pagination - setPage method removed
• calcite-date - show-calendar prop changed to active

Added

• new component calcite-link
• new calcite-label, calcite-input, and calcite-input-message components
• calcite-slider can now be programmatically focused with the setFocus() method
• calcite-date now has scale prop for small, medium, and large
• calcite-radio-group now has an appearance prop that accepts outline or solid (default) values
• calcite-radio-group now has a layout prop that accepts vertical or horizontal (default) values
• calcite-input can now be programmatically focused with the setFocus() method
• calcite-pagination now has a scale prop that accepts s, m (default), or l values
• calcite-accordion-item can now display an icon by passing a Calcite UI Icon name to the icon attribute

Fixed

• calcite-pagination - pages and next/previous can now be navigated with keyboard
• calcite-icon - fixed use of kebab case in filled icon variants (#494)

Fixed

• fix NPM deployment issue

Breaking Changes

• calcite-icon - filled prop removed (use F at end of icon name)

Added

• Support for icons which use multiple paths + opacity

Breaking Changes

• calcite-date-picker is now calcite-date
• calcite-date no longer accepts start of week as a prop

Added

• new component calcite-stepper
• new component calcite-split-button
• improved focus styles across all components
• a max-items attribute has been added to calcite-dropdown (#396)

Updated

• calcite-date - automatically finds start of week for given locale
• calcite-date - automatically formats date in input for given locale
• calcite-date - support for buddhist era
• calcite-date - support for arabic numerals
• calcite-date - calciteDateChange emits selected Date object in event.detail

Fixed

• calcite-date - fixed in ie11 (#368)
• calcite-date - fixed date entering via input (#307)
• calcite-date - columns correct even when very narrow (#308)
• calcite-icon - always render in target size to prevent shifting layout (#432)
• calcite-accordion - fixed in ie11 (#366)
• calcite-dropdown - fixed in ie11 (#369)

Fixed

• calcite-icon: fixed issue where icon would not load its icon data. #314

Fixed

• calcite-date-picker - Corrected date picker calendar opening up on null or no value property.
• calcite-date-picker - Change of input value updates the calendar to show same date.

Breaking Changes

• calcite-button - iconposition attribute updated to icon-position
• calcite-dropdown-group - grouptitle attribute updated to group-title
• calcite-dropdown-item - linktitle attribute updated to link-title
• calcite-alert - dismiss attribute updated to auto-dismiss
• calcite-alert - duration attribute updated to auto-dismiss-duration
• calcite-alert - .openCalciteAlert() method updated to .open()
• calcite-alert - .closeCalciteAlert() method updated to .close()
• calcite-alert no longer requires a wrapping calcite-alerts component
• calcite-alerts has been removed

Added

• calcite-notice - new component has been added
• calcite-alert - scale is now available as a configurable attribute
• calcite-dropdown now has configurable selection-mode (#220)
• no-padding attribute for modals allowing modal content to fill space
• calcite-dropdown now has configurable type - click or hover (#220)

Fixed

• Fix for calcite-dropdown taking up height when closed (#213)
• Fixed incorrect dark theme color, other styling updates

Updated

Added

• Added accordion component (#10)
• New ScrollContent method on modals, which allows manipulating scroll position of modal content
• Border radius on popover (#218)

Fixed

• Fix clicks of radio group item in Edge (#139)
• Fix clicks of calcite-switch in Edge (#138)
• Fix calcite-button of type submit (#193)
• Fix calcite-dropdown focus style (#181)

Updated

• Improved modal styling (#191)

Added

• Adds support for dropdown items as links
• Updates toggle styling and adds props for scale

Fixed

• calcite-tree-items with both a <a> and a calcite-tree

Added

• adds scale prop to calcite-radio-group
• updates style of calcite-radio-group
• adds transparent appearance style for calcite-button
• adds iconposition prop to calcite-button
• updates dark theme style for calcite-button
• updates theme for calcite-tree

Fixed

• fix width of medium/large modals with narrow contents

Added

• dark theme for calcite-slider
• added <calcite-dropdown>
• added <calcite-tree>

Fixed

• solved issue with incorrect positioning of handle in calcite-slider
• fix various issue in Edge

Added

• date picker keyboard support
• date picker page-up and page-down buttons
• pre-render support for existing components

Fixes

• style updates/dark theme for buttons
• fixed styling of modals in firefox
• fixed radio-group styling in Edge
• pointed calcite-base to correct npm version

Fix issue with previous release.

First initial beta release.

Additional features and fixes for <calcite-tab> based on testing.