v1.0.0-beta.55

⚠ BREAKING CHANGES

• Remove 'theme' props from components (#2194)

• calcite-checkbox: removing internal label (#2161)

• alert, chip, input, notice, shell: The following slot names have been renamed:

• calcite-alert

  • alert-title => title
  • alert-message => message
  • alert-link => link

• calcite-chip

  • chip-action => action

• calcite-input

  • input-action => action

• calcite-notice

  • notice-title => title
  • notice-message => message
  • notice-link => link

• calcite-shell

  • shell-header => header
  • shell-footer => footer

Features

• action-menu, combobox, dropdown, input-date-picker, popover, tooltip: Add 'overlayPositioning' property. #2069 (#2070) (955b115)
• alert, button, chip, inline-editable, input-message, link, scrim: move theme attribute styles to global.scss (#2114) (1a41c9c), closes #1537
• checkbox, chip, combobox, pick-list, radio-button, switch, tile-select, value-list: widen value prop type (#1961) (56b73e6), closes #1145
• color-picker: improve thumb drag interaction (#2183) (5814feb), closes #2122
• pick-list, value-list: improve keyboard interaction for single-item selection (#2190) (863e3bb), closes #1734
• shell-panel: adds utility class for properly setting the height of external elements and adds related demo apps (#2028) (4ed609a), closes #1927 #1927 #1927
• tile, tile-select, tile-select-group: adds RTL support docs, tests, screenshots (#2129) (6b11306)
• adds opened and closed status icon to Block and updates UI of related components (f862ef8)

Bug Fixes

• accordion-item, alert, color-picker-swatch, combobox-item-group, combobox-item: avoid setting internal attributes on host element (#2085) (555c964), closes #2059
• action-group: 'menu-tooltip' slot to show the tooltip. (#2107) (14af364)
• alert: Remove setting 'dir' attribute in light DOM elements. #1831 (#2056) (941889f)
• calcite-checkbox: removing internal label (#2161) (7b1e0bc)
• calcite-input: disallowing typing any key with shift modifier down inside a number input (#2128) (f807741)
• calcite-input: pasting localized and non-localized numbers works as expected for default locale (#2089) (8b3939b)
• calcite-input: setting initial value for number input to "undefined" doesn't display in the input (#2013) (25bc604)
• calcite-input: setting name explicitly on internal input (#2073) (dc750e3)
• calcite-input: setting value of number inputs restricted to valid numbers or no value (#2036) (d94c4fd)
• calcite-label: label for clicks work properly inside shadowRoots (#2167) (e7e6d9b)
• calcite-radio-button: removing internal label (#2148) (87566d7)
• calcite-slider: slider handle position changes on mousedown instead of click/mouseup (#2165) (cdcae85)
• card: Remove setting 'dir' attribute in light DOM elements. #1831 (#1974) (27e97dc)
• chip: Remove setting 'dir' attribute in light DOM elements. #1831 (#2076) (931dd54)
• combobox-item: Remove setting 'dir' attribute in light DOM elements. #1831 (#2055) (21c7cce)
• combobox-item-group: Remove setting 'dir' attribute in light DOM elements. #1831 (#1975) (fc33da0)
• combobox, combobox-item: Toggling 'selected' on combobox-item should update the combobox parent. #2102 (#2118) (65de3bd)
• date-picker: fixes date range select styles (#2132) (061173b)
• date-picker: Remove setting 'dir' attribute in light DOM elements. #1831 (#2058) (29cd39d)
• date-picker-day: Remove setting 'dir' attribute in light DOM elements. #1831 (#2053) (097d592)
• date-picker-month-header: Remove setting 'dir' attribute in light DOM elements. #1831 (#2052) (514cbad)
• dom: Query whole shadowRoot of elements rootNode instead of just inside of the host. #2103 (#2158) (1a2b797)
• dropdown: Remove setting 'dir' attribute in light DOM elements. #1831 (#1976) (0c9d7e1)
• dropdown-group: Remove undocumented properties from the Host element. #2059 (#2100) ([93d394f](93d394fad38e3159828883cdd40e...

v1.0.0-beta.54

Bug Fixes

• calcite-input: number input localization no longer restricted to static list of locales (#2014) (03a679a)

v1.0.0-beta.53

⚠ BREAKING CHANGES

• block, date, panel, pick-list, pick-list-group, tip, tip-manager: Removes the default headingLevel value and child elements will calculate the value relative to their parent components.

Features

• action-menu: Add 'scale' property to calcite-action-menu #1939 (#1950) (40bf983)
• calcite-input: display localized decimals by default, don't display group separator character by default, but allow opt-in. Deprecates locale-format prop (#1995) (eebc103)
• color-picker: restore previous value when no-color is set and an input is nudged (#1944) (3c09c6c)

Bug Fixes

• accordion-item: Remove setting 'dir' attribute in light DOM elements. #1831 (#1970) (a9e9624)
• action-bar: Fix bug preventing 'overflowActionsDisabled' property from working correctly. (#1946) (db50f41)
• action-bar: Improve overflow logic for certain device heights. #1942 (#1948) (4e112a5)
• action-menu: When opening menu set focus on first action #1896 (#1912) (a7241d2)
• avatar: Remove setting 'dir' attribute in light DOM elements. #1831 (#1971) (6476f5a)
• block: place aria-expanded on block toggle button (#1922) (98e7030), closes #1917
• block, date, panel, pick-list, pick-list-group, tip, tip-manager: Remove default 'headingLevel' value. #1710 (#1960) (ae066f4)
• button, fab: Remove setting 'dir' attribute in light DOM elements. #1831 (#1973) (115566f)
• calcite-input: inputInput event now correctly broadcasts the target element's value (event.target.value) to match event.detail.value (#1992) (db9251b)
• calcite-input: localized number value now correctly updates when value is set programmatically (#1985) (2aba4fb), closes #1982
• calcite-input: number locale support (#1924) (d1d655c)
• color-picker: fix color field thumb nudging when saturation change does not change the color's RGB value (#1962) (e64314a)
• combobox: open combobox in the correct direction based on screen/overflow parent (#1940) (e4a9916)
• custom-elements: tweak script to create a bundle for each entry point (#1984) (0439a84)
• date-picker-day: restore out-of-range day styling (#1923) (c6e693d)
• dropdown-group: Remove setting 'dir' attribute in light DOM elements. #1831 (#1977) (738ff0c)
• input-date-picker: Remove setting 'dir' attribute in light DOM elements. #1831 (#1978) (951e821)
• input-message: Remove setting 'dir' attribute in light DOM elements. #1831 (#1979) (1c8c058)
• panel, shell-panel: flex grow, shrink, basis definitions (69d5668), closes #1914
• panel, shell-panel, flow: fixes height and scrolling issues with Safari (43d1982)
• tile-select: fix full width tile selects with icons, inputs (#1966) (54787e9)
• fix transform value typo from form style util (#1965) (b44d37b)
• pick-list-item: Clicking on icon should trigger a click. #1116 (#1949) (3e0ea12)
• tooltip, tooltip-manager, popover, popover-manager: Work correctly within shadowRoot elements. (#1956) (b184c91), closes #1930
• tree-item: allow trree to begin expanded #1809 (#1943) (917023e)

v1.0.0-beta.52

⚠ BREAKING CHANGES

• action-menu: Remove 'offsetDistance' property. (#1892)
• action-bar, action-pad: Replace 'tooltipExpand' properties with 'expand-tooltip' slots (#1841)
• action-menu: Replace 'intlOptions' property with 'label'. (#1872)
• action-group: Replace 'intlOptions' property with 'intlMore'. (#1870)
• calcite-switch: behavior no longer breaks when changing disabled. BREAKING CHANGE: removes proxy input support (#1854)
• popover, panel: image slot removed and panel sizing styles updated
• dropdown: Replace alignment property with position property. (#1761)

Features

• action: Add 'calciteActionClick' event for when an action is clicked. (#1887) (5b13cfa)
• action-bar: Automatically overflow actions into a menu depending on available height and add 'overflowActionsDisabled' to disable the feature. #1819 (#1869) (9c1e145)
• action-group: Add 'menu-tooltip' slot for adding a tooltip to the overflow menu button. (#1871) (6948bc0)
• action-group, action: add grid layout to action-group. add center layout to action (bb48270), closes #1506 #1500 #1506 #1506 #1506
• action-menu: Add 'calciteActionMenuOpenChange' event; (#1890) (9130dca)
• action-menu: Add 'tooltip' slot for adding an tooltip for the menu. (#1873) (185acb2), closes #1819
• action-menu: Adds setFocus method and focus on first action when open or menu button when closed. (#1904) (2d8de21)
• action-menu: Auto close action menu when clicked outside. (#1898) (e8d68c1)
• combobox: add constant prop to combobox item (#1777) (7eb3586)
• combobox, input-date-picker: Use new placements that flip in RTL. (#1827) (21342b8)
• date-picker, input-date-picker: Add 'minAsDate' and 'maxAsDate' properties. (#1751) (3161aea)
• dropdown: Replace alignment property with position property. (#1761) (a5c3d01)
• filter: clear text on Escape (#1762) (ea56f8a)
• input: add minLength/maxLength props (#1833) (60ea04c)
• panel, shell-panel: add width base unit at root level (a27a12a), closes #1849
• pick-list-item: removes top margin on description (e0fbb9c)
• pick-list, value-list: Add option on setFocus method to focus the filter component. #1622 (#1766) (b13aab6)
• tree: add ancestor selection mode, input-enabled prop for selectable trees (#1768) (f046cd1)

Bug Fixes

• action: reset line-height (d95fdb5)
• action-bar: Only allow one overflow menu open at a time. (#1894) (8e0df96)
• action-bar: Overflow actions at load time. (#1905) (85bb6c1)
• action-bar: Overflow actions on initial render of component. (#1891) (4e9b466)
• action-bar: remove overflow css. (#1908) (a828801)
• action-group: menuOpen should change when menu is opened. (#1893) (7b71c49)
• action-group: Replace 'intlOptions' property with 'intlMore'. (#1870) (c0497a2), closes #1819
• action-menu: Remove 'offsetDistance' property. (#1892) (4d92ec7)
• action-menu: Replace 'intlOptions' property with 'label'. (#1872) (60b598b), closes #1819
• action-menu: Show pointer on menu. (#1889) (ec28f2f)
• action-pad: Only allow one overflow menu open at a time. (#1899) (693041b)
• calcite-label: label no longer modifies slotted children attributes (#1901) (f2aa871)
• calcite-switch: behavior no longer breaks when changing disabled. BREAKING CHANGE: removes proxy input support (#1854) (e8343cc)
• center-row: update style to use updated tailwind reference (20c5731)
• color-picker: add keyboard support to color field and hue slider (#1885) (115d5d2), closes #1406
• color-picker: ensure consistent handling of hex input text selection (#1855) (ab4d16c), closes #1852
• color-picker: prevent invalid hex chars from being entered (#1868) (32a44f9)
• color-picker: update color swatch border to follow spec (#1902) (220a9b9), closes #1886
• combobox: Update scrollable menu height for 'maxItems' (#1883)...

v1.0.0-beta.51

⚠ BREAKING CHANGES

• hide internal styling props (#1523)

• notice: remove open and close methods (#1634)

• button, split-button: light and dark colors of buttons have been removed, replace with neutral and invers, respectively (#1515)

• update storybook, fix references in other components:

• fix issues with split buttons

• update more instances of light/dark

• color: The following events were renamed:

• calciteColorChange -> calciteColorPickerChange

• calciteColorHexInputChange -> calciteColorPickerHexInputChange

• color: The following components were changed:

• calcite-color -> calcite-color-picker

• calcite-color-hex-input -> calcite-color-picker-hex-input†

• calcite-color-swatch -> calcite-color-picker-swatch†

† renamed to indicate that these are supporting components and not meant to be used standalone.

• Remove 'host-context' selector within component CSS. #1601 (#1606)
• FAB: Remove clear option from appearance property. (#1589)

Features

• ActionMenu: Add calcite-action-menu component (#1510) (02be9a4), closes #1466
• checkbox, radio-button: add setFocus() (#1595) (980f1d4), closes #808
• combobox: add ancestor selection mode (#1590) (#1703) (e836fcc)
• combobox: fire event when combobox list is filtered (#1585) (#1600) (01bbe94)
• combobox, combobox-item, combobox-item-group: Add CalciteComboboxItemGroup (#1635) (4a821bf), closes #1617 #1657
• custom-elements: include build utils (#1499) (4ba4170)
• shell-center-row: remove CSS transition for height (#1563) (d76ebd8)
• tailwind: add percentage based text utils for "text that wraps" (#1640) (b2d0ae8)
• add maxlength property to calcite-input (#1570) (9574b3e)

Bug Fixes

• button: fixes missing text-alignment for alignment prop. (#1564) (f419848)

• button, split-button: update light, dark button colors to neutral, inverse (#1618) (b262529)

• calcite-checkbox: fixing focus outline styling weirdness on Safari (#1603) (1df7c9e)

• calcite-checkbox: removing unnecessary aria attributes (#1560) (4e0b5bc)

• color: convert default value based on initial format (#1599) (73a7573), closes #1468

• color: ensure hue slider always updates internal color regardless of RGB value being equal (#1611) (7626089), closes #1474

• combobox: prevent hidden options from causing scroll (#1577) (e50f63d)

• FAB: Remove clear option from appearance property. (#1589) (a81fa15)

• input: Support default value to reset an input (#1571) (388209c)

• notice: remove open and close methods (#1634) (c1cd778)

• shell: content layout when not content-behind (b6f7448), closes #1637 #1637 #1637 #1637 #1637

• tooltip: Tooltip should appear in front of a popover. (#1588) (0e0c298)

• hide internal styling props (#1523) (b8b45e0), closes #1145

• color: rename color to color-picker (#1613) (6fcb994)

• color: rename color to color-picker (#1624) (6500242), closes #1437

• Remove 'host-context' selector within component CSS. #1601 (#1606) (2844ab8)

v1.0.0-beta.50

⚠ BREAKING CHANGES

• tile-select: Updates input display prop nomenclature must add input-enabled to see input (#1450)

Features

• modal: add setFocus method and deprecate focusElement (#1522) (77ef000), closes #1145
• shell-panel: adds slot for header content (#1543) (af013b7)
• tile-select: Updates input display prop nomenclature (#1450) (0b56e1b)

Bug Fixes

• calcite-radio-button: document-level "!important" style overrides applied to hidden input no longer take effect (#1551) (6fa7b1c)
• stop @apply rule from getting into dist CSS (#1550) (2ae5d09)
• action-pad, action-bar: align Collapse button when dir="rtl" (#1504) (ce6fac2)
• button: Allow slotted button content without text (#1449) (f883c9b)
• combobox: solve issue with using combobox inside shadow DOM (#1535) (cfe8ad5)
• date-picker: correct swapped next/prev in header (#1546) (#1548) (4508ed8)
• input-date-picker: document events emitted by input date picker (#1525) (71aac78)

v1.0.0-beta.49

⚠ BREAKING CHANGES

• calcite colors updated to v6.0.0 - this means several colors have new names, now. See the calcite-colors v6.0.0 release notes for more
• the two assets directories have moved to calcite/assets/calcite-date-picker/nls/ and calcite/assets/calcite-icon/ respectively
• rating: display-value => show-chip, also works now (#1481)
• date: Separate Date picker from input (#1404)
• All boolean attributes were updated to conform to the HTML5 spec, namely:

The values "true" and "false" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether.

The following props were changed:

• calcite-action-bar + calcite-action-pad: dropped expand in favor of expand-disabled
• calcite-date: dropped proximity-selection in favor of proximity-selection-disabled
• calcite-link: removed user-select since it is not used by the component
• calcite-slider: changed default of snap to false

Features

• calcite-input: Allow setting "any" on step attribute for calcite-input (#1488) (f0dcfca)
• combobox: single select mode (#1482) (d0960d6)
• input-message: allow custom icons (#1433) (00dbad9)
• radio-group: pass selected value in change event (b6db8a8)
• unify all assets in distributable output (#1457) (31be391)

Bug Fixes

• calcite-checkbox: hidden input can no longer be forced to display with external css (#1483) (09985be)

• calcite-shell: Remove padding in the calcite-shell footer slot (#1505) (09be738)

• date: Separate Date picker from input (#1404) (dd10e9c)

• date-picker: Don't emit range change events on outside prop edits(#1484) (#1494) (a39eeb7)

• date-picker: Update placeholder text for all languages (#1265) (#1480) (55b6aff)

• date-picker, input-date-picker: fix hover style of date range, fix date demo page (#1486) (e62be93)

• date-picker, input-date-picker: fix missing range color, update demos (#1493) (e256508)

• deps: move runtime deps to dependencies (#1495) (4bdfd76)

• rating: display-value => show-chip, also works now (#1481) (7bfc32a)

• ensure boolean attribute usage is spec-compliant (#1411) (b82028d)

v1.0.0-beta.48

⚠ BREAKING CHANGES

• fab: default scale property to medium (m). #1427 (#1436)

Features

• color: allow setting color value format (#1439) (ccd5aed)
• color, color-hex-input, color-swatch: add support for no-color (#1410) (3affc0d), closes #917

Bug Fixes

• calcite-radio-button: radios now properly deselect when the selection changes while wrapped in a parent shadowRoot (#1422) (968a4e9)
• date: start Slovak calendar week on Monday, not Sunday (#1429) (5ffa56a)
• dropdown: use handler event argument (#1451) (49038ec)
• fab: default scale property to medium (m). #1427 (#1436) (027369c)
• label: enforce directionality with new alignment prop (#1428) (61b3d68), closes #1296
• modal: fix styling on mobile safari (#1412), use tailwind (#1440) (9618d03)
• radio-button: Add check for existing input before setting attribute (#1442) (8dac865)
• rating: clicking on a wrapping calcite-label focuses a rating item (#1432) (31ae80e)
• select: handle case where mutation observer fires before internal select is stored (#1441) (587be76)

v1.0.0-beta.47

⚠ BREAKING CHANGES

• date: date component no longer supports setting in input proxy
• button: Remove floating property from calcite-button in favor calcite-fab component. #1167 (#1299)

Features

• a11y: Adds aria labels to required roles (#1327) (e0d8fe3)
• action-bar, action-pad: Add setFocus method for the expand toggle #974 (#1309) (1d13c39)
• button: add alignment property (febaf82), closes #1267 #1267 #922 #922 #922 #922 #922 #922 #922 #922 #922 #922 #922
• card: Adds checkbox label props for selectable cards (#1307) (9a841b1)
• color: allow color input nudging by using ⬆ ⬇ (+shift) keys (#1295) (de83fa8), closes #866
• combobox: add custom-values prop that allows free entry of new tags (#1414) (ac8ecbd), closes #558
• combobox: add max-items prop for combobox (#1361) (bf471b0)
• combobox: improved interaction, a11y support (#1407) (13679fc), closes #1181
• date: support range in calcite-date (#1136) (1ee98d5)
• panel: setFocus to back button on calcite-panel. #1277 (#1293) (61023ff)
• select: add selectedOption convenience prop (#1339) (bb4b537), closes #1250
• tooltip, popover: Make Tooltip ❤️ Popover (#1351) (509afa6)
• tree: Update indicator styling (#1281) (94d7a83)
• value-list-item: add event emitter to value-list-item (#1311) (e8bddd0), closes #1306

Bug Fixes

• button: Remove floating property from calcite-button in favor calcite-fab component. #1167 (#1299) (ceac7b6)
• calcite-checkbox: space key works again on Firefox (#1291) (c83c003)
• calcite-dropdown: calcite-dropdown-item uses unsupported ARIA attribute (#1386) (8e4a4a6), closes #675
• calcite-label: label no longer gets repeated when re-rendering in preact apps (#1369) (5843b5f)
• calcite-radio-button: converting radio-button to a scoped component for simpler rendering which fixes re-rendering issues in maquette apps. (#1344) (6a5b83a)
• date: solve rerender issues in some timezones (#1111) (#1347) (27dfeb2)
• dropdown: Dropdown on RTL page causes long horizontal scroll #1381 (#1387) (236faa7)
• dropdown: Emit close event on trigger click (#1326) (236142b)
• dropdown: Set dropdown scale to 0 when inactive. #1381 (#1403) (971061a)
• icon, link: improve a11y markup for screen readers (#1337) (2cb97cd), closes #646
• input: Prevent error when changing the 'step', 'min', or 'max' properties. #1389 (#1390) (726554a)
• modal: Allow modal to focus on calcite components. (#1382) (7f6e2d7)
• modal: Remove overflow class when modal is removed from DOM (#1396) (80828af)
• pagination: point arrows the correct direction in RTL (#1342) (6063742)
• tab-nav: change rtl tab indicator position to fix nested layouts (#1393) (d00f920)
• tab-nav, tab-title: fix tab icons and active tab highlight in rtl (#1385) (bf0fffd)
• tab, tab-title, tabs: Emit unregister events on the document. (#1372) (a38647f)
• tooltip-manager: Fix race condition between focused and hovered … (#1315) (8057d51), closes #1269
• remove duplicate beta.42 entry from CHANGELOG (#1280) (cbbe345)

v1.0.0-beta.46

⚠ BREAKING CHANGES

• link: Remove red, light, and dark variants and color prop (#1237)
• switch: Remove red variant and color prop (#1236)

Features

• link: Remove red, light, and dark variants and color prop (#1237) (205e1af)
• pick-list, value-list: enhance lists to handle item removal (#1229) (d6940c9), closes #1219
• switch: Remove red variant and color prop (#1236) (ac2a17a)

Bug Fixes

• select: ensure select change event fires after render update (#1273) (8225df5), closes #1262
• fixing click issues when using calcite-label with calcite-checkbox and enabling interoperability with native labels and inputs (#1268) (6081b26)
• rating: fix ratings appearing vertically in certain sites (#1266) (c0da43f)