CHANGELOG.md

Changelog

This document maintains a list of released versions and changes introduced by them. This project adheres to Semantic Versioning

Unreleased

⚠ BREAKING CHANGES

• tip-manager: Removed the calciteTipManagerToggle event, use calciteTipManagerClose instead.

• action: Removed the calciteActionClick event and the clear value for the appearance property.

• Listen to the click event instead of `calciteActionClick.

• Use the value transparent instead of clear for the property appearance.

• list, list-item, list-item-group: To know when calcite-list-item content is selected, listen to the event calciteListItemSelect instead of click.

  • List
    • Adds label property to specify an accessible name for the component.
    • Adds loading property to show a busy indicator.
    • Adds selectionMode and selectionAppearance properties to handle configuration of selection.
    • Adds filterEnabled, filteredData, filteredItems, filterText, and filterPlaceholder properties to support filtering.
    • Adds calciteListFilter event to notify when a filter has changed.
    • Deprecates headingLevel property.
  • ListItemGroup
    • Adds disabled property to prevent user interaction.
    • Deprecates headingLevel property.
  • ListItem
    • Adds calciteListItemSelect event to notify when list item content is selected.
    • Adds selected and value properties to handle selection.
    • Adds open property to show child components.
    • Deprecates nonInteractive property.

• calcite-loader, calcite-input-message: use hidden native global attribute to toggle visibility on the components instead of the deprecated active prop.

• block, date-picker, list-item-group, panel, pick-list-group, popover, tip, tip-manager: Sets internal heading HTML element to be a div by default. If users would like to retain an internal H1-H6 HTML element, they will need to set the headingLevel property on the component. Users already setting the headingLevel property are not affected. (#5728) (38ca639), closes 5099

Features

• input, input-text, input-number: add attributes autocomplete, accept, multiple, pattern (#5807) (feb4fce), closes #4079

• alert: support actions-end (#5750) (2447e16)
• list, list-item, list-item-group: Adds support for selecting and filtering list items. Improves accessibility by using aria "treegrid" role. (#4527) (f489c57)
• pick-list, value-list: Add calciteListFilter event, filteredItems prop, filterText prop and filteredData prop. (#5681) (943d208), closes #4333
• popover: Add focus-trap to popover and disableFocusTrap property. (#5725) (a8ef353), closes #2133
• popover: Escape key should close open popovers. (#5726) (2e2621d)
• tabs: Add support for navigating with Home and End keys (#5727) (823c429), closes #5661
• tooltip: Add tooltip open, close, beforeOpen, and beforeClose events (#5772) (64b5675), closes #5734

Bug Fixes

• combobox: 5540 - handle focus (#5774) (6a114b6), closes #5540

• tree-item: Allow space and enter key events when selectionMode is "none" (#5800) (2fa483b), closes #5735 #5735

• input-date-picker: display updated valueAsDate in the two range inputs (#5758) (ea93555), closes #5207

• block: slow down loading icon spin (#5778) (7b990dc), closes #5776
• setFocus methods should wait for the component to be loaded (#5749) (06d4767)
• block, date-picker, list-item-group, panel, pick-list-group, popover, tip, tip-manager: Set default internal heading to a div. (#5728) (38ca639), closes #5099
• button, fab: adjust padding on 'l' scale button to accommodate 'm' scale icon without change in height (#5659) (d68d95c)
• calcite-loader, calcite-input-message: drop active in favor of hidden (#5761) (c2e05d1)
• combobox: Wrap and break text on long items (#5672) (4a4d776), closes #5419
• flow-item: Position back tooltip above (#5688) (bb67992)
• inline-editable: Add text-ellipsis when not editing (#5679) (2524e6f), closes #5489
• input-date-picker: restores mouse clicks on date-picker popup (#5760) (98f28c6)
• input, input-number: decimals no longer contain groupSeparators and remove leading zeros (#5490) (07142f3)
• value-list-item: Prevent scrolling when space is pressed on drag button (#5709) (81d4c71)

Reverts

• bump semver-regex and screener-storybook (#5741) (#5742) (5718b8d)

1.0.0-beta.98 (2022-11-09)

Features

• accordion, combobox, dropdown-group, tree: Deprecate "multi" selectionMode and add support for "multiple" selectionMode (#5251) (e89820e)

Bug Fixes

• block: Position internal container relative for dragEnabled (#5717) (7e88173)
• Avoid size changes before and after positioning floating-ui elements (#5695) (3157ff5)
• floating-ui handles visibility and pointer-events on the floating element (#5666) (349c0e5)
• Tweak position reset logic to avoid layout interference (#5696) (2611066)
• dropdown: Fix calculation of max-items for non-Chromium browsers (#5677) (3e4a575), closes #5663
• input-date-picker: Commit value and refresh calendar on blur or Enter key press in the input (#5459) (b991c89)
• link: Fix link underline and icon placement when used with Calcite fonts 2.x (#5650) (3a756e5)
• popover: Adds a new scale property (#5560) (38a0d34)
• tooltip, popover: Fix pointer when text-align is right (#5682) (e7e5a4d), closes #5680
• value-list: No longer display screen reader only text when drag-enabled (#5691) (1e64df1)

1.0.0-beta.97 (2022-10-27)

Bug Fixes

• date-picker: Prevent cached formatter from conflicting with other numberingSystem components (#5645) (8f459c7)
• input-message,loader: Revert unintended breaking change to the active property (#5656) (80376a8)

1.0.0-beta.96 (2022-10-27)

⚠ BREAKING CHANGES

• build: dropped ES5 build output – this was disabled as legacy browsers are no longer supported, any nomodule scripts should be removed (#5412)
• build: dropped dist-custom-elements-bundle output target – this is deprecated by Stencil and developers should use the custom-elements output target instead (#5411)

Features

• alert: Add numberingSystem property (#5340) (ac3746a)
• date-picker, input-date-picker: Add numberingSystem property (#5488) (2e025d8)
• flow-item: Add calciteFlowItemScroll event (#5547) (85e89d6), closes #5546
• stepper, stepper-item: Add numberingSystem property (#5467) (9ca3117)
• time-picker, input-time-picker: Add numberingSystem property (#5301) (7eaf051)
• tree-item: Allow disabling tree-item (#5194) (a16bea2), closes #3772
• Allow lang to be inherited to set component locale (#5338) (3c58569)
• Use pointer events instead of mouse events to improve device compatibility (#5339) (2dcd031)

Bug Fixes

• action-menu: Fix keydown support (#5642) (8297482), closes #5559
• alert, date-picker-month-header, input-date-picker, loader, panel: Adds RTL equivalent CSS (#5368) (9582c04)
• block: Improve content layout (#5473) (2cc0a5f), closes #5422
• button, fab: Bumping the scale of icon to M when the parent Button / FAB is scale L (#5521) (fa508e8)
• date-picker: Display correct date format order in header for zh-CN locale. (#5534) (ef3ebf8)
• date-picker: No longer hides year for zh-CN locale (#5344) (d10593e)
• date-picker-day: Adds RTL equivalent CSS (#5363) (98106c2)
• flow-item: Fix scrollContentTo (#5487) (246e470), closes #5414
• flow-item: Render back button first (#5511) (35b10e7)
• flow-item, panel: Fix layout issue that would cause double scrollbars (#5486) (96dcb78), closes #5428
• input, input-number: NumberingSystem property works correctly (#5427) (2a15c79)
• input, input-number, input-text: Fix input icons not displaying properly in Firefox (#5475) (3d6ba64), closes #5417
• slider: Dragging range fires input event (#5641) (dc48d00), closes #5449
• slider: Fix slider (single-value) error when clicking range (#5533) (519df13), closes #5321
• slider: Thumb no longer appears above track at min (#5397) (dc91d3c)
• stepper-item: Make sure numberingSystem is rendered on load (#5640) (187620a)
• tab: Applies section styles onto the enclosing parent (#5516) (f3e06a4)
• tabs: Bordered and layout center combination works (#5647) (eb7fe04)
• tile-select: Ensure checked tile border is visible within tile-select group (#5390) (0b28dbd)
• tooltip: Prevent opening when closeOnClick is true and referenceElement is clicked quickly (#5643) (35b3fe0), closes #5538
• types: Fix type issue caused by unintentionally moving @floating-ui/dom as a dev dependency (#5649) (3ae1826)
• Add custom logic for floating-ui positioning across shadow DOM in non-Chromium browsers (#5542) (04cb8cb)
• Fix jarring positioning when a closed component is first opened (#5484) (4c939ea)
• tree, tree-item: Works when tree is the topmost element in a shadow root where it has no parent (#5472) (8ac3785), closes #5333
• value-list-item: Change drag handle color (#5543) (49d871d)
• Components should only react to primary button pointer events (#5519) (ed55933)

1.0.0-beta.95 (2022-09-29)

Features

• flow-item: Add calciteFlowItemBack event and deprecate calciteFlowItemBackClick event (#5343) (8bfcdb2)
• flow-item: Add calciteFlowItemClose event (#5342) (1f06430)
• panel: Add calcitePanelClose event and deprecate calcitePanelDismiss event (#5341) (f5b6a72)
• Use global lang attribute to determine locale, deprecates locale property (#5216) (640cece), closes #4213
• animation: Support reduced motion preference for animations (#5314) (920f5bd)

Bug Fixes

• action-bar, combobox, dropdown, filter, input-date-picker, popover, tooltip: Make methods using debounce/throttle private to prevent lodash type errors (#5335) (eafa135)
• card: Prevent header from overlapping with checkbox (#5325) (c7f50c2), closes #4802
• date-picker-month-header: Adds RTL equivalent CSS (#5365) (174d9ad)
• modal: Fix modal not opening when calcite-hydrated attribute is not applied for open/close eventing (#5383) (ec9f5ad), closes #5396
• panel: Do not close non closable panel on ESC key (#5330) (ed93061), closes #5329
• progress: Text now responds to light/dark theme mode change (#5336) (54a5765)
• tab-nav, tab-title: Centered layout allows to scroll to the extent (#5332) (9163982)

1.0.0-beta.94 (2022-09-15)

⚠ BREAKING CHANGES

• pagination: For consistency, a groupSeparator prop was introduced to opt-into including the localized, numeric group separator in page numbers. Before this change, page numbers automatically included the group separator when rendered. In order to keep this behavior, developers will need to set groupSeparator = true(prop), or group-separator (attribute)  on the component.
• slider: For consistency, a groupSeparator prop was introduced to opt-into including the localized, numeric group separator in labels. Before this change, labels automatically included the group separator when rendered. In order to keep this behavior, developers will need to set groupSeparator = true (prop), or group-separator (attribute) on the component.

Features

• accordion-item,radio-group-item: Add iconStart and iconEnd properties to replace now deprecated iconPosition and icon properties (#4807) (40a3f11), closes #4688
• flow: Add flow-item component to replace use of panel within a flow (#5129) (6f6316c), closes #5071
• flow-item: Add back button tooltip (#5256) (5100de9)
• input, input-number, input-text: Improve keyboard navigation by preventing the clear button from being focusable (#5219) (c0973b4), closes #2381
• Reflect props if they do not represent content nor rich-data (#5269) (e36bd5a), closes #5069
• action: Add a slot for a calcite-tooltip (#5293) (adc76c2), closes #4414
• input-time-picker: Add overlayPositioning property (#5290) (b3db005)
• input-time-picker: Deprecate active property and add open property (#5179) (7223e66)
• link: Add support for HTMLElement.click() (#5231) (8294509), closes #4212
• pagination: Add groupSeparator property to optionally display separator in page numbers (#5265) (cdcec6a), closes #5259
• slider: Add a groupSeparator property to optionally display separator in label (#5138) (5720f12), closes #4976

Bug Fixes

• checkbox: Hide check icon from screen readers (#5211) (15ef5e6), closes #5131
• input, input-number: Hide non-interactive number up/down buttons from assistive technologies (#5324) (58b1adf)
• Remove unsafe-eval to support CSP script-src (#5299) (2ad4456)
• card: Drop hover/press styling (#5212) (7740137), closes #5204
• combobox, dropdown, input-date-picker, popover, tooltip: Improve floating ui performance (#5289) (9071c87), closes #5286
• input-date-picker: Set end date's time to the end of the day (#5220) (a2166f7), closes #5027
• list-item: Use margin instead of padding when slotting icons (#5277) (5f05989)
• modal: Align close button padding (#5217) (4051a70), closes #5210
• tab: Active indicator width grows with tab-title (#5250) (4e96c15)
• time-picker, input-time-picker: Initialize meridiem at the start of the time for RTL locales (#5246) (4207654), closes #4957
• tree-item: Preserve the alignment of tree-items when selection-mode is none regardless of whether they have children (#5292) (5e23272)

1.0.0-beta.93 (2022-08-23)

Features

• accordion, action, button, chip, color-picker, split-button: deprecate clear & default appearance types (#4744) (29e2811)
• color-picker: allow pasting hex values with # character (#5189) (65d0701), closes #4072

Bug Fixes

• combobox: eliminates extra tab required to focus input via keyboard (#5198) (7f1788b), closes #5191
• combobox: no longer has left padding when placeholder-icon is empty (#5073) (f8cf9a0)
• combobox, dropdown, input-date-picker, popover: Correctly honor flipPlacements property. (#5170) (d99d917)
• dropdown: Correct placement when opening (#5169) (3472392), closes #5102
• dropdown: Fix placement typings (#5165) (f5a72e0), closes #5163
• dropdown: Remove scrolling when max-items >= number of dropdown items (#5188) (d839de7), closes #4880
• modal: calciteModalOpen and calciteModalBeforeOpen emit after initial transition (#5187) (f1322c8), closes #4689
• popover: autoClose should work when clicking on another popover reference element (#5178) (0b18203), closes #5142
• shell: fix z-index for content-behind mode (#5183) (fd5959a), closes #5177
• tooltip, popover: reconnecting the component to the DOM should work (#5185) (db0bcae), closes #5182
• initialize calciteThemeChange when DOM content is loaded before globalScript executes (#5184) (7fd27f9)

1.0.0-beta.92 (2022-08-18)

Features

• stepper-item,dropdown-item: deprecate active and add support for selected prop (#5097) (b6f29a6)
• tree: add none selection mode (#5128) (e96bfbe), closes #3121

Bug Fixes

• wait for body to load before initializing theme change event (#5180) (39e4877)
• date-picker: no longer misalign dates with day in en-gb,en-au,nb,es,de locales (#5175) (f6db589)
• input: display autofilled username/password input values (#5149) (5313fd4)
• radio-button-group: fix incorrect event payload type (#5153) (efb0114)
• scrim: reverts change to hidden attribute that caused a transition regression on scrim (#5174) (eac9c04)
• stepper-item: avoid emitting change event when clicking content in horizontal layout (#5150) (922fa01), closes #5127
• ensure handled key events are canceled and ignore canceled-events (#5083) (418b8b3), closes #4144
• patch esm resolution issue causing webpack build error (#5145) (81e7c33)

1.0.0-beta.91 (2022-08-10)

Features

• emit calciteThemeChange event when dynamically toggling between light and dark modes (#5104) (b39aa65)
• tab,tab-title: deprecate active and support selected prop (#5093) (963bb61)
• ensure global hidden attribute is honored for all components (#5059) (adcbb55)
• alert: deprecates active prop and syncs with open (#5029) (3161b8e)
• dropdown: include selection-triggering item in select event payload (#5030) (59006fc), closes #1967
• input-text: create separate component for input type text (#4946) (568bb36)

Bug Fixes

• action-menu: Correctly close on touch devices (#5034) (2d523df), closes #4771
• action-menu: Fix focus styling and opening behavior (#5081) (bd4646e), closes #5082
• combobox: set min width of combobox items to match its input (#5045) (5b2c04d), closes #3099
• combobox, dropdown: Make sure menus do not take up more than half of available height by default (#5015) (4729c80), closes #4772
• date-picker: add short day names for pt-PT date picker (#5028) (c4f818e), closes #4776
• dropdown,modal,combobox: active prop will be in sync with open prop (#4997) (b3b2ebd)
• modal: escape key closes modal when open on page load (#5038) (58913e6)
• modal: fix 'fixed-positioned' floating-ui-owning components inside modal (#5046) (0affbc3), closes #3099
• notice,chip,popover: setting closable prop to false will remove dismissible prop (#5044) (8d81401)
• pick-list-group, tip, tip-manager, block, panel: headingLevel should not adjust styling (#5014) (4365fbb), closes #4768
• slider: Focus active handle on pointerdown instead of click (#5037) (24a6b95), closes #4290
• stepper: allow overriding stepper width (#5051) (d4e348e), closes #4883
• tab: Screen reader support to access tab content (#5061) (d8edc8d)
• tabs: reverts regression that makes tabs ignore layout center (#5112) (ad14590)
• apply layered z-indices across components (#5058) (c01f71e), closes #4372 #3099 #4682 #3724 #4781
• tab, tab-title: Fix accessibility and keyboard navigation (#4979) (36cbe2a), closes #2124
• tree: fix keyboard navigation when wrapped in shadow DOM (#5057) (6937b8a), closes #4814

1.0.0-beta.90 (2022-07-26)

Bug Fixes

• pick-list, value-list: fix error when typing special regex chars (#5012) (cb850d0), closes #4851

1.0.0-beta.89 (2022-07-25)

Bug Fixes

• shell: Allow a single detached shell-panel at the end in content-behind mode (#5000) (6e71b85), closes #4156
• stepper-item: Correctly emit position in calciteStepperItemChange event (#4938) (f7deebc)

1.0.0-beta.88 (2022-07-25)

Features

• action-bar: Add property for "horizontal" layout (#4838) (92a567b), closes #2137 #2380

Bug Fixes

• action-bar, action-pad: Allow users to define custom max-width with CSS (#5006) (2270d71), closes #2380
• dropdown: Fix navigating without a dropdown-group (#4949) (4392fb2), closes #4944

1.0.0-beta.87 (2022-07-23)

⚠ BREAKING CHANGES

• action-menu, date-picker, input-date-picker, input-time-picker, modal, tip-manager: any keyup event listeners used to intercept behavior on action-menu, date-picker, input-date-picker, input-time-picker, modal, tip-manager will need to be updated to keydown.

Features

• accordion-item: add actions-end and actions-start slots (#4958) (04dcb01)
• action-menu, date-picker, input-date-picker, input-time-picker, modal, tip-manager: use keydown for consistent interaction behavior (#4936) (8afa14a)
• input-date-picker: deprecate active property in favor of open (#4972) (d9e0f2b)
• modal,block,loader: deprecate disablePadding , noPadding and add support for custom CSS variables (#4939) (87e6aa8)
• notice: deprecate active prop and add support for open prop (#4973) (7401103)

Bug Fixes

• accordion-item: add on-demand screen reader feedback to collapsed and expansion interaction (#4931) (296b4d3)
• accordion-item: allows initially expanded items to toggle (#4974) (6226f7c)
• action: updates line-height and affected y padding (07b0b84), closes #3955 #3955
• card: align footer leading and trailing slots vertically. (#4920) (6dc346b)
• combobox: Announce selection to assistive technologies in focus and on demand (#5002) (1798571)
• combobox: Remove popper remnants. (#4995) (0d8a4c8)
• modal, alert, combobox, dropdown, input-date-picker, popover: Scope open and close events to component (#4962) (b4d30c7), closes #4902
• panel: removes dismissed prop on close (#4977) (a3fc91d)
• pick-list-item: Make label property required. (#3373) (#4907) (567a424)
• stepper: revisit horizontal layout approach to avoid rearranging the DOM (#4367) (992d822), closes #1258
• stepper-item: avoid cursor-pointer on item content for horizontal layouts (#4965) (c74894a), closes #4954
• stepper-item: remove bottom margin on content from horizontal layout (#4966) (a736af3), closes #4956
• stepper-item: restore disabled styling on horizontal layout stepper items (#4964) (2980763), closes #4955

1.0.0-beta.86 (2022-07-13)

Features

• chip,notice,panel,popover: deprecate dismissible & dismissed props and add support for closable & closed props (#4789) (74f47a9)

Bug Fixes

• accordion, combobox, dropdown, tree: remove excessive borders in high contrast mode (#4913) (a5c9206), closes #4912 #4912 #4912 #4912 #4912
• card: Prevent content from overflowing when corners are rounded (#4908) (c5144b3), closes #4895
• combobox: Correctly read back items in voiceover (#4905) (30807e6), closes #4388
• revert: css-only hydration to prevent FOUC (#4916) (579837d)

1.0.0-beta.85 (2022-07-13)

Features

• input-number: create new, separate component for input type number (#4870) (fb2428c), closes #4884
• input-time-picker: add readOnly prop support (#4910) (3188538)
• input-date-picker: added readOnly prop support (#4888) (efdd450)

Bug Fixes

• action-bar, action-pad: Background color should be transparent on host. (#4904) (0a5b207)
• card: Prevent content from overflowing when corners are rounded. (#4895) (25ed4df)
• value-list: enable auditory reordering of items when dragEnabled (#4228) (ed9108a)

1.0.0-beta.84 (2022-07-12)

Features

• accordion-item,combobox,dropdown,modal: deprecate active prop for open in collapsible components (#4775) (efe7cb4)
• accordion-item,stepper-item,block,panel: add heading & description prop (#4732) (33cbffe)
• action: Add css variable to override indicator color (#4717) (abdbc7d)
• block: support disable-padding property (#4812) (f117ca3)
• chip: add support for closed prop (#4836) (6f58d7b)
• color-picker: support customizing numbering system for locale (#4801) (aef3839)
• combobox: add support for placeholder icon & no longer display leading space for placeholder text (#4784) (2c9f5e8)
• flow: Allow panels to be descendants of child elements within a flow (#4842) (a991086)
• input: add selectText method (#4827) (137c98e)
• label: the label's disable-spacing property has been deprecated. Use the new --calcite-label-margin-bottom css variable to control the spacing instead (#4889)
• rating: Add ability to clear a user-set rating (#4833) (ce6ab22)
• stepper: Add calciteStepperItemChange event (#4737) (7b899e5), closes #4595
• tabs,tab-nav,tab-title: add top,bottom values for position prop (#4729) (7e3891b)

Bug Fixes

• accordion-item: Indicate whether accordion is expanded to screen readers. (#4822) (9b36a90), closes #4691
• color-picker: fixed hue bar click and drag interaction (#4734) (78d9e64)
• color-picker: resize color field/hue slider canvas on scale change (#4839) (3145066), closes #4685
• color-picker: update color-field and hue slider to work with both mouse/touch inputs (#4845) (ff91cff), closes #4171
• combobox: Correctly honor max-items (#4816) (74f85c2), closes #4773
• date-picker: update Thai locale to use Buddhist calendar (#4847) (b03bc15), closes #4571
• dropdown: Restore trigger container to flex-auto (#4823) (74d1a22), closes #404
• flow: Only set showBackButton on active panel. (#4886) (314543e)
• input: set the default numbering system for arab languages to latin (#4809) (265cbe7)
• input: support larger than 64-bit floating point numbers without losing precision (#4679) (b81dd82)
• input: update number stepper buttons to work with both mouse/touch inputs (#4846) (c8b33f5), closes #4172
• input: type number spinner buttons will no longer interact when disabled (#4884) (645e812)
• popover: Add aria-live="polite" for screen readers (#4894) (87da60c)
• radio-group-item: Add aria-label providing context to users (#4899) (2efe19b)
• (radio group) - apply forced-colors styles (#4877) (1af345e)
• css-only hydration to prevent FOUC (#991) (#4856) (dae9586)
• label: expose bottom margin value and remove the disable-spacing property (#4694) (6976d12)
• popover: autoClose property should work in Shadow DOM (#4810) (e18e71d), closes #4792
• radio-group: fix form reset for radio groups with initial selected item (#4848) (8fcdb76), closes #4662
• stepper: remove invalid layout value (#4766) (#4767) (2a3b777)
• stepper: setting active property should update content (#4745) (060a757), closes #4743
• tabs: update style for centered and bordered tab titles (#4714) (e4aa3f5)
• tooltip: Add aria-live="polite" for screen readers (#4885) (41b08b8), closes #4864
• Enter key should submit forms in Safari (#4815) (ae432dd), closes #4793
• Make sure component setFocus methods do not throw error (#4739) (c07dd56), closes #4731
• tooltip: Fix syntax typo in TooltipManager (#4711) (c8eed66)

1.0.0-beta.83 (2022-06-07)

Features

• card: horizontal thumbnail layout (#4607) (2afc3b2)
• dropdown: Set dropdown minimum width to width of the trigger (#4635) (7ad58ac), closes #404
• input: allow customizing numbering system (#4195) (3dc2268)
• pagination: format page numbers with localized group separators (#4574) (a4658da)
• popover: Add triggerDisabled property to disable automatically toggling a popover via mouse or keyboard (#4540) (338ea86), closes #4539
• popover, tooltip: Support virtual elements for positioning. (#4665) (bd18b76)
• tooltip: Add property to close tooltip when referenceElement is clicked (#4680) (8d87772), closes #4399
• drop focus transitions to look snappier (#4516) (4e95337), closes #4036

Bug Fixes

• action-menu: Hide tooltip when open. (#4609) (#4668) (c570b8a)
• date-picker: display correct day abbreviations when locale='ru' (#4525) (6046129)
• dropdown-item: Only prevent default event for specific keys. (#4625) (051c765), closes #4614
• dropdown-item, dropdown-group: text align to "start" by default. (#4615) (5a1cd3e), closes #4220
• flow: Only slotted panels should be managed. (#4667) (#4670) (3488191)
• graph: Set default height to 100% (#4530) (0b389fd), closes #4518
• input: Align type="time" correctly in Firefox (#4601) (cc6dd2c), closes #4591
• input-message: remove the scaling transition effect when displaying an input message (#4572) (61ef046)
• modal: Remove unused 'firstFocus' property. (#4613) (#4671) (b484e3d)
• panel: Add back z-index usage for internal component styles (#4683) (438e7bc), closes #4682
• popover: Fix toggling popover via keyboard (#4541) (e621644), closes #4538
• popover: height is no longer inconsistent when dismissable enabled (#4627) (fed3e38)
• popover, tooltip, alert, tree-item: Make component invisible and have no pointer events by default (#4581) (4fe3f25), closes #4577
• tooltip: Remove internal flex display. (#4631) (#4684) (35f30b3)
• Ensure components are using logical css properties for margin and padding. (#4663) (4169f30)
• stepper: Stepper methods should replace active content correctly (#4573) (f2fa7ec), closes #4567
• patch __spreadArray helper to work around tslib bug (#4481) (#4575) (756437b)
• stepper: Add high contrast specific styles to stepper (#4565) (0874e95)
• stepper-item: focus outline wraps item title (#4515) (1e310e2)
• tabs: a11y - apply forced colors styles where needed (#4559) (84b2e52)

1.0.0-beta.82 (2022-05-10)

Features

• input-time-picker: Add reposition method. (#4364) (#4448) (7097b3b)
• popover: Simplify popover usage by deprecating popover-manager component (#4423) (04d5374)
• tooltip: Simplify tooltip usage by deprecating tooltip-manager component. (#4422) (6e5d13f)

Bug Fixes

• action-pad, action-bar: toggleChange event emit only on user interaction (#4275) (32e8cc0)
• checkbox: no longer displays focus outline in chrome and FF (#4472) (9706898)
• chip: apply --calcite-ui-icon-color to chip icon if defined (#4450) (73d7335), closes #4306
• color-picker: color field and hue slider thumbs do not overflow container (#4493) (205d3f6), closes #4492
• combobox: input value will now filter correctly as typed in (#4405) (6fcaa88)
• combobox: when listbox item is selected with a click, "tab" will now close the listbox and unfocus the element before moving to the next (#4464) (e137732)
• combobox, filter: only test regex on string properties when filtering (#4443) (0f57c7a)
• date-picker: display appropriate last date of previous month (#4501) (9f1494e)
• filter: fix inconsistent text-clearing UX (#4456) (3a59aa7), closes #4376
• inline-editable: will no longer emit unnecessary calciteInlineEditableEditCancel events (#4432) (84bb7cc)
• input: correctly delocalize numbers with group separators (#4403) (fd51c93)
• input: negative numbers delocalize correctly in ar locale (#4400) (935b859)
• input: stop emitting a change event on blur when the value is set directly and in cases when the value hasn't changed (#4463) (896dfd3)
• input: up key moves caret to the beginning of text for text input and text area, for number it only increments (#4471) (2f05f7c)
• input-date-picker: emit events when date is cleared (#4406) (f876e90)
• input-date-picker: no longer allows selection before minAsDate and after maxAsDate (#4486) (4f8639c)
• input, combobox, input-date-picker, input-time-picker: Enter key event should submit form (#4439) (ae18784), closes #3961
• label: fix memory leak from label util (#4498) (933619d), closes #4495
• label util: avoid accumulation of event listeners (#4413) (10c48f9)
• panel: Conditionally set tabindex on scrollable area. (#4374) (b493bec), closes #1642
• shell-panel: Remove border on slotted panels that are dismissed (#4503) (1017345), closes #4489
• slider: add high contrast specific styles for component (#4517) (ca8de4a)
• slider: prevent parent word-break from breaking labels (#4457) (d3a24c6), closes #4126
• split-button: Enable keyboard navigation (#4375) (5863b47), closes #4293
• stepper: Selection methods should ignore disabled items (#4490) (8bcc8be), closes #4315
• Ensure components set boolean aria values properly (#4504) (a82cee8), closes #4462
• fix potential memory leak for form resetting on form controls (#4499) (a5a4116), closes #4500
• tile: Prevent description from overflowing (#4433) (220dfdb), closes #4390

1.0.0-beta.81 (2022-04-12)

⚠ BREAKING CHANGES

• tabs: Setting active on calcite-tab-title programmatically will no longer emit an event, so make sure to run active-tab-handling code when setting it directly.
• color-picker: Changing the value programmatically will no longer emit an event, so make sure to run value-handling code when setting it directly.
• button: Change type property to be "button" by default. (#4117) (#4335)

Features

• input-date-picker, input-time-picker: add placement props (#4253) (57f1c88), closes #1785
• ListItem: updates flex definitions on start and end content slots (35c3d27), closes #4336 #4336 #4336

Bug Fixes

• button: Change type property to be "button" by default. (#4117) (#4335) (0ff143c)
• color-picker: color channels order no longer mirrors when dir='rtl' (#4327) (65935d5), closes #4238
• color-picker: emit color change and input events on user-interaction only (#4288) (817ce35), closes #2033
• color-picker: setting value programmatically twice or more in a row will no longer emit change/input events (#4395) (a4294f5), closes #2033
• combobox: can toggle the dropdown using the icon (#4218) (5b3a6bd)
• combobox: listbox item focused with home or end now scrolls into view (#4304) (8b09553)
• combobox-item: items align to left when added dynamically (#4176) (fdca1e9)
• combobox, dropdown, input-date-picker, popover: Ensure flipPlacements are computed placements. (#4359) (70dc5bd)
• date-picker: Allow changing year in header when minValue/maxValue are set. (#4252) (7a5405c), closes #4186
• filter: emit events only on user interaction (#4287) (5660247), closes #4284
• input: correctly de-localize negative numbers in ar and et (#4387) (ffff3d5)
• input-time-picker, time-picker: fixing direct value setting issue where the minutes and seconds weren't respected when a default value is supplied (#4321) (b7dc95e)
• modal: focus traps when close button is disabled (#4160) (db34d1d)
• panel: drop z-index usage for internal component styles (#4182) (f18140e), closes #3724
• slider: Properly reset and submit form value when a range is used (#4249) (4962420), closes #4174
• stepper: visually change position using component methods when inside a custom element (#4313) (3ca27c2)
• switch: Calling click() on switch should toggle checked (#4320) (fbdc031), closes #4211
• tab-title, tab: Support nested tabs (#4250) (7a8b6db), closes #4198
• tabs: emit calciteTabsActivate and calciteTabChange events on user interaction (#4353) (e17edcb)
• tabs: update active tab styling on resize (#4351) (838b54f), closes #2885
• tile: match content-start spacing when dir set to rtl (#4324) (3cb4523), closes #4240
• tooltip: Removes console error when querying the tooltip (#4280) (dcffd15), closes #4279
• tooltip-manager: click on tooltip no longer closes it (#4294) (#4310) (83b6d40)

1.0.0-beta.80 (2022-03-17)

Bug Fixes

• action-bar, action-pad: allow expanding via API when expandDisabled. #4169 (#4241) (543267f)
• action-menu: Correctly set flipPlacements on popover. (#4074) (3406469), closes #2814
• dropdown: trigger keydown handler should only work for trigger element. #4066 #3880 (#4243) (e057822)
• dropdown-item: ensure dropdown items are initialized properly (#4244) (9b08b2a), closes #4215
• input-date-picker: fix issue where clicking on the date picker would immediately close it (d0eb0f6), closes #2655
• pick-list: only remove group if removable item is slotted as parent (#4245) (3575119), closes #4208
• popover, tooltip, combobox, dropdown, input-date-picker: display escaped poppers (#4239) (6aa6072), closes #4197

1.0.0-beta.79 (2022-03-15)

Features

• combobox, dropdown, input-date-picker: Add flipPlacements property (#4073) (19a1657), closes #2814

Bug Fixes

• combobox, dropdown, input-date-picker, popover, tooltip: disable scroll event listeners for hidden poppers (#4216) (85ab670), closes #3727
• ensure components are disabled consistently (#4109) (083d283), closes #2655
• filter: filter method runs on load in case there is a predefined search value prop (#4207) (454938c)
• label, input, label util: clicking the label always triggers a "click" event, whether the label was added before component was added or after (#4029) (53451bb)
• solve regression with preact type generation (#4181) (30e3f84)
• pick-list: change unselected items to be untabbable when an item is selected (#4177) (5e47301)
• slider: aria-role is assigned to appropriate element (#4173) (3a73ae4)
• tree, tree-item: calciteTreeSelect only emits when item is selected and not on toggle parent icon (#4170) (12ec17f)

1.0.0-beta.78 (2022-03-02)

Bug Fixes

• accordion: transparent appearance no longer has border (#4122) (0b4bccb)
• action-bar, action-pad: Remove warning when when expanding with expand tooltip #3978 (#4067) (f3a5632)
• action, loader: adjust the loadable icon size to match regular icon size (#4175) (86bf1a0)
• combobox: balance the margin to be equal on vertical chip sides (#4068) (5b4a27a)
• date-picker: set correct first day of week for all locales (#4118) (efe509d), closes #4075
• input: Allow "" to clear a number input (#4119) (1c052f0)
• input: update number programmatically after blur event (#4125) (9d62f32)
• popover-manager, tooltip-manager: Misalignment of tooltips in FireFox #3900 (#4069) (7c03bf0)
• popover, tooltip, combobox, dropdown, input-date-picker: Hide popover when the reference element or popover is out of view. (#4115) (e5ab5ff)
• tab-title, tab: tab switching will function even when wrapped within a custom external element (#4114) (ce7759c)
• time-picker: meridiem order matches with input time picker (#4030) (808c1ef)
• tree-item: Pressing right arrow key focuses first child when the tree-item contains an expanded subtree (#4150) (cddaf20)

1.0.0-beta.77 (2022-02-15)

Features

• calcite-filter: add scale prop/attribute (#4041) (9d35be0)
• card: use css variable to change border-radius (#4026) (b6e4c3e)

Bug Fixes

• combobox: Align with dropdown logic and repositioning (#4059) (631c49f), closes #3868
• combobox: limit the auto selection for custom new values at single selection mode #3928 (#4080) (91f829b), closes #3298
• date-picker: make date picker work in high-contrast (#4005) (#4011) (15e89f7)
• date-picker: update the calendar instantly as the year changes (#4056) (72160b9)
• dropdown: Reposition floating menu correctly. (#4058) (2be87c1), closes #3234
• fab, color-picker, inline-editable, split-button: Set calcite button type (#4070) (9b8bce4), closes #4007
• input-message: contained links work (#4084) (dc2a842)
• pick-list: prevent disabling tabbing into slot while in the curr… (#4053) (4da2dd0)
• popover: Allow nesting of popovers (#4021) (31b7d8f), closes #4009
• popover-manager, tooltip-manager: Properly query referenceElement in shadowRoot (#4014) (12a70eb), closes #3625
• progress: make progress visible in high contrast (#3896) (#3988) (debe612)
• radio-button: scale selection indicator with radio button size (#3952) (dfa1304)
• value-list-item: change to older tailwind class for outlining a selected item (#4057) (56e9d94)
• input: reverted fix for negative values in ar and et locales (#4083) (#4020) (c8de9f0)

1.0.0-beta.76 (2022-02-01)

Features

• label: deprecate status prop (#3984) (066571f), closes #3962 #3924 #3960 #3940 #3972 #3977 #3981 #3889 #3686 #3969 #3985 #3989 #3994 #3970 #3964 #3996 #3968 #3999 #3980 #3733 #3998
• panel: Add method to scroll content. #3924 (#3960) (1ebcb3f)
• tree: multi-selection no longer requires holding shift key (#3733) (b8fdfbf)

Bug Fixes

• accordion: no longer has white background when set to transparent (#3954) (0af12f3)
• Action: updates font-family declaration. (bf1072c)
• combobox: fix stacking icon on very narrow combobox (#3891) (#3983) (574ad1e)
• date-picker: update utils locale to get the lang code if regional code is not found (#3968) (6dcd01f)
• date-picker, input-date-picker: update pt-BR and pt-PT localization files (#3980) (e060029)
• input: correct negative values in ar and et locales (#4020) (c8de9f0)
• switch: provide a selected color to track element (#3987) (#3991) (8a4dcbe)
• time-picker: match rtl order with ltr (#3993) (ccca4c5)

1.0.0-beta.75 (2022-01-20)

Features

• calcite-link: Add support for download attribute. #3758 (#3922) (3ae875d)
• combobox: Add 'intlRemoveTag' property to override the remove tag text. (#3920) (4070c2e)
• inline-editable: change internal events to public (#3872) (3d0daa7)

Bug Fixes

• action, action-group: alignment center when enclosed within group (grid layout, text-enabled vs no text) (#3929) (f3290e2)
• alert: Emit calciteAlertClose/calciteAlertOpen after animation. #3760 (#3923) (9c4486c)
• card, combobox-item: rerender components with conditional slots when slotting elements after initialization (#3959) (b6feb0d), closes #3686
• combobox: Properly set internal identifiers. #3754 (#3919) (ab807c5)
• dropdown: dropdown wrapper no longer overflows inside a panel (#3378) (5b966e3)
• input: number input no longer increments by itself indefinitely when up/down buttons are toggled fast or pressed at the same time; (#3908) (d2863d2)
• input: the visible input value stays in sync with the stored value when it is controlled programmatically (#3915) (7d9e545)
• input-date-picker: return the matching locale code to prop locale (#3941) (fdeb2d2)
• slider: maxValue thumb positioned above minValue when overlapped… (#3813) (9239c24)
• tree: change tab index when tabbing in/out for first element (#3914) (7469960)
• rerender components with conditional slots when slotting elements after initialization (#3871) (2ec9848), closes #3686

1.0.0-beta.74 (2022-01-11)

Features

• alert: add support for alert position (#3856) (0c6b86f)
• date-picker: add support for Bulgaria locale (#3873) (9396a82), closes #3602
• input-date-picker: add calciteInputDatePickerChange event (#3879) (12ca817), closes #3659

Bug Fixes

• color-picker-swatch: double the alpha value on the border when theme is light to make it a bit more pronounced (#3806) (5322076)
• date-picker: ensure change event gets emitted on user interaction (#3833) (92babf5), closes #3659
• dropdown: exclude calcite action from keyDownHandler (#3857) (700ce16)
• input: restrict typing more than two hyphens (#3870) (85a0317)
• radio-button: show selection in high contrast (#3875) (#3886) (8b5e752)
• tree-item: toggle behavior (#3865) (5b014e6)

1.0.0-beta.73 (2022-01-05)

Features

• icon: Add new global CSS variable to customize icon's color. #3200 (#3770) (f25b14f)
• input: add support for exponential number format (#3738) (05d08ed)
• transition: allow customizing animation/transition duration for components utilizing base transition variables (#3828) (2771352)

Bug Fixes

• avatar: avatars containing text vs icon vs image are now lined up when placed next to each other (#3774) (24d6c0d)
• checkbox,radio-button: prevents disabled checkboxes and radio-buttons from receiving keyboard or mouse focus (#3784) (d055b08)
• color-picker-swatch, avatar: in case where theme is set on multiple levels, these components now take theme of the element or the closest parent (#3785) (df7df98)
• dropdown-group: Set display as block. #3427 (#3777) (ac769f3)
• dropdown-item: align items with heading in selection-mode: none (#3742) (266023b)
• input: allow typing negative decimal numbers (#3776) (9b5cc0c)
• input: set value to empty string instead of null or undefined (#3775) (5832151)
• input-date-picker: Clear date properly when deleted via keyboard. #3530 (#3730) (45976b7)
• label: Prevents selecting disabled labeled element. #3574 (#3718) (9b97842)
• link: Set host display to inline. #3675 (#3768) (1ec2fe0)
• list-item: apply line-height to label and description (#3832) (e862e2e)
• Panel: match header height and border color to Action (314294c), closes #3699 #3699
• pick-list, value-list: deselect values when it gets removed from the list (#1954) (#3787) (e9f7f85)
• popover, popover-manager, tooltip, tooltip-manager: Correctly query by ID within the DOM. (#3696) (124876c)
• switch: add back outline offset on focus (#3779) (ce7b514)
• value-list: emit list order change event when value list items are reordered via the keyboard (#3816) (2c8e856), closes #3685
• value-list: include ordered values in list order change event payload (#3820) (6854d50), closes #3685

1.0.0-beta.72 (2021-12-21)

⚠ BREAKING CHANGES

• input-time-picker: localization support for input-time-picker (#3354)

Features

• animation: add animation timing factor global var and match animation timing with calcite base value (#3492) (9ef2f13)
• alert, button, link, loader, modal, notice, radio-button-group-item, scrim, slider, split-button, tip-manager, tree-item: allow disabling animation and customizing animation/transition duration (#3479) (aaf6149) (#3510) (0be50e1) (#3487) (3a2c580) (#3486) (4432b07) (#3485) (bf33843) (#3484) (8e91ad9) (#3483) (cc0004a) (#3482) (0c5e2bc) (#3477) (2d61415) (#3471) (a949003) (#3498) (109f15a)
• color-picker: allow disabling and customizing transition duration on hover (#3488) (736de1a)
• input-time-picker: localization support for input-time-picker (#3354) (4ef1f2f)

Bug Fixes

• action-bar: Allow slotting tooltip after initialization (#3642) (d91132c), closes #3495
• action-bar: removed thick border around action-bar when nested in the shell-center-row (#3698) (7e0f5db)
• Block: only render title node when heading or summary is used (61b9280)
• button: no longer render loader when width set to half or full (#3666) (c82a7e2)
• button: unset margin when icon is empty (#3677) (47fc625)
• combobox: fix focus behavior inside calcite label (#3597) (#3661) (1ec2dab)
• date-picker: date-picker is now updating internally when min is updated after initialization (#3651) (c21e31e)
• date-picker-month-header: add a corresponding aria-label to the year input (#3707) (7db42c1)
• dropdown-item: align items with heading in selection-mode: none (#3690) (5a139fa)
• input: input event fires when number ends with a decimal (#3719) (5583ab4)
• input: sanitize extra dashes and leading zeros from number input value (#3726) (bf35b2f)
• input-date-picker: date-picker is now updating internally when min is updated after initialization (#3630) (d857845)
• label: remove pointer cursor for non interactive content (#3663) (102545c)
• option: update label and value when character data changes (#3653) (b033145), closes #3242
• panel: remove truncating for summary and heading prop (#3736) (e5bed9a)
• panel: the panel is now dismissed on escape keydown and not keyup for consistency (#3657) (7d3b757)
• popover: close button no longer partially hidden (#3635) (bebd22e)
• slider: slider now takes the precision of the step if it's provided or no decimal points if it isn’t; added demos for each study case (#3678) (2bfa349)
• switch: switch no longer has black outline when toggled with label (#3721) (153596b)
• tab: remove content text color from host (#3693) (951c773)
• tab: remove the scroll that pops up regardless of any width size (#3279) (#3387) (09bdd12), closes #3055 #3541

1.0.0-beta.71 (2021-12-07)

Features

• shell-panel: Add resizable property to allow resizing of content. #2770 (#3535) (c08d4c4)
• split-button: Add overlayPositioning property to position dropdown. #3132 (#3595) (c718c5c)

Bug Fixes

• alert: remove clearTimeOut that delays the alert to close on autoDismiss mode #3366 (#3525) (9376b52)
• dropdown: stop calciteDropdownClose event from firing twice when closing the dropdown #1688 (#3612) (a01b9f7)
• input: style read-only and disabled inputs per new design reqs and hide spinners for read-only inputs (#3582) (470f347)
• modal: modal now doesn’t shrink when close button disabled (#3619) (a7fe45a)
• panel: add conditional rendering for slots with fab and no fab (#3616) (16ace3f)
• radio-group: fix issue caused by radio group emitting change events from internal/programmatic changes (#3632) (6745343), closes #3120
• select: ensure selecting item programmatically is reflected in selectedOption (#3634) (bdf68fb), closes #3239 #3241
• shell-panel: click events correctly pass through the host element (#3607) (fbada5e)
• shell-panel: Correct resizing of panels in RTL direction. #2770 (#3614) (fdab1a4)

⚠ BREAKING CHANGES

• input: ensure input's value is an empty string when cleared or set to null/undefined (#3627) (6ef5d4f), closes #3381

1.0.0-beta.70 (2021-11-24)

Features

• input: add calciteInputChange event (#3528) (5681ead)
• list-item: add padding when there is only a label or only a description (daef73b), closes #3362 #3362
• shell, shell-panel, panel: targets border styles to known, slotted components (2c5fdcc), closes #2992 #2992 #2992 #2992 #2992 #2992

Bug Fixes

• accordion-item: clicking on an accordion with selection-mode=single no longer toggles unrelated accordions with the same selection mode (#3511) (6a88f50)
• block: heading and summary now align in RTL (#3490) (331aef8)
• color-picker: ensure props/attrs are initialized consistently (#3550) (8d99243), closes #3552
• input: fix inconsistent value stepping (#3568) (4795f29), closes #3443
• input: prevent default behavior of cursor jumping to the beginning of input, match rate of native input type=number (100ms) (#3527) (980994b)
• input: stepping precision to match the provided step (#3473) (2ae2bce)
• panel: get the fab slot to have more spacing on firefox #3236 (#3413) (18f1e1d)
• popover: when notice width set to full, it now takes full width of the popover, to fully cover it (#3451) (a9fe790)
• slider: focus respective thumb when click on track for range slider (#3356) (1b80866), closes #3109
• slider: range slider maxValue label no longer overlaps with preceding labels (#3439) (233d186)
• tile-select: fixes focus and blur styling for radio buttons (#3516) (042c3c1)
• remove quotes from generic font families (#3502) (ea4ba95)
• slider: set the current min/max to the provided values to keep histogram range updated #2914 (#3452) (13bea68)
• tab: add scroll to tab content #3389 (#3395) (572468e)

⚠ BREAKING CHANGES

• calcite-input-date-picker, calcite-date-picker: deprecate start, end, startAsDate, and endAsDate properties #2570 (#2777)
• calcite-input: deprecate change event in favor of calciteInputChange #2570 (#2777)

1.0.0-beta.69 (2021-11-09)

Features

• filter: add filter component (#3449) (60a291b), closes #2208
• input: add enterkeyhint property to specify mobile enter key type (#3384) (7d88311)
• input: add inputmode property to specify mobile keyboard display (#3382) (f447158)

Bug Fixes

• card: fix focusing behavior when clicking on a checkbox label (#3386) (58dbc67)
• color-picker: avoid input/change events from firing when initializing color/value (#3399) (8167354), closes #2938
• combobox: Do not open dropdown when clicking on chip dismiss button (#3433) (449877d), closes #3103
• dropdown-item: match padding for RTL vs LTR and links vs non-links, consistent focus and hover states for all (#3422) (87f2eb4)
• input: number input controls now increment/decrement in a unifor… (#3340) (6c0971e)
• label: avoid associating labels to nested labelable components (#3424) (29dbc2d), closes #3344
• loader: alter loader styling to prevent no padding prop from overlapping #2145 (#3370) (1dae788), closes #3055
• panel, block: align panel header and block header x-spacing (#3330) (bca3625)
• slider: properly highlight min/max range on histogram #2914 (#3347) (37fad1e)
• switch: ensure checked/switched are in sync if either is set initially (#3400) (5359d3d), closes #3371
• tile: adjust the heading styling to be word wrapped including long string texts #3215 (#3361) (7048816), closes #3055
• tree-item: ensure items are visible when appended to expanded parent item (#3266) (f351018), closes #3134

1.0.0-beta.68 (2021-10-26)

⚠ BREAKING CHANGES

• action: deprecating outline appearance (#3263)

Features

• block: add loading status to block header (#3158) (6dea939)
• button: improve button form integration (#3287) (8ac115b)
• input: allow decimals by default and with integer steps (#3211) (8ff197b), closes #3184
• output-targets: add custom-elements output target (#3224) (69ba692)

Bug Fixes

• action: deprecating outline appearance (#3263) (b628ae9)
• action: fixing RTL display bugs by replacing getElementDir and RTL CSS classes with CSS logical properties (#3140) (6a1c904)
• alert: remove full width styling for mobile modes #2979 (#3274) (c7b2b2c)
• block-section: enable word wrap (#3156) (b1b6ff3)
• button: Setting the href property after init should update rendering (#3248) (cfd1f2a), closes #3222
• checkbox: style the current svg checkbox and interdeterminate icon to be bolder #2848 (#3250) (4503631), closes #3055 #3144 #3197 #3144 #3233
• combobox: add chevron icon at end of input regardless of selecti… (#3143) (0f78fa9), closes #3055 #3055
• combobox: ensure truncated text appears for longer strings when in fixed-width container (#3342) (1fb83a4)
• combox-item: adjust height of the item to be consistent respective to its scale size (#3144) (#3197) (731c555)
• dropdown: close on outside click when disable-close-on-select is true #3136 (#3227) (5874a9e)
• dropdown: remove preventDefault and stopPropagation on click event (#3231) (db8d222), closes #1709
• dropdown: Set the height of the active menu after render. #3234 (#3235) (34af14d)
• dropdown: watch maxItems for changes and update height of dropdown. (#3300) (84d86c2), closes #3295
• label: fix focus issue with nested labelable components (#3286) (f81dc5e)
• link: Setting the href property after init should update rendering (#3222) (eaab123), closes #2153 #3221
• notice: change the padding to be evenly distributed per slot chi… (#3183) (c698cf5)
• radio-group-item: move transition style up from icon to label co… (#3292) (b352d1b)
• slider: slider range value capped to max (#3262) (4a368b9)
• tooltip-manager: mousing out of the tooltip should close the tooltip. #3171 (#3192) (bd39057)

1.0.0-beta.67 (2021-10-12)

⚠ BREAKING CHANGES

• slider: The calciteSliderChange event will be emitted only if the value is changed on thumb release. To track the values as the thumb is dragged use the new calciteSliderInput event.

Features

• combobox: match combobox height with single selection mode (#3094) (4ba9a0d)
• slider: add InputEvent & modify ChangeEvent to emit only when value changes(#3004) (5dc03c0)
• switch: deprecate switched property in favor of new checked property(#3162) (6876686)
• tile-select: add calciteTileSelectChange event (#3187) (b381992)

Bug Fixes

• calcite-action: fixing center alignment appearance (#3128) (272153b)
• combobox: Correct display issues with single select and long strings. #3059 (#3114) (8a4deb3)
• dropdown: dropdown content no longer cut off when expanded inside tab (#3182) (b455c39)
• label: fix issue where clicking on a wrapped labelable component would not update its value correctly (#3161) (19de2b8), closes #3146
• tab, tab-nav: remove z-index so popover appears on top (#2965) (#3115) (2bfbe93)

1.0.0-beta.66 (2021-09-28)

⚠ BREAKING CHANGES

• Components no longer support working with <label>. To fix, existing code should swap <label> for <calcite-label>.

Features

• improve integration with calcite-label (#3091) (4efd8a9)

Bug Fixes

• checkbox: resize calcite-checkbox when unchecked & focusout (#2995) (0c6df8b)
• dropdown: Set scroller height to zero when not active. #3071 (#3116) (69aafdc)
• slider: align histogram minValue thumb when both minValue/maxValue are zero (#3092) (8fe19f7), closes #2480
• slider: align minValue thumb when both minValue/maxValue are zero (#2480) (#3083) (d092ff1)
• slider: move maxValue thumb when at min edge (#2481) (#3078) (ca9c0ce)
• slider: stop emitting change on page load (#3084) (2a4d271)
• sortable-list: updated to use column layout and include layout property (55fbf13), closes #2889 #2889 #2889
• stepper-item: remove margin-bottom for calcite-stepper-item (#3080) (37b7393)
• tree-item: update indeterminate on ancestor tree-items when selected on load (#3111) (a2d33f6), closes #2112

1.0.0-beta.65 (2021-09-15)

Bug Fixes

• action-bar: Better handling of overflow actions on smaller screens (#3042) (10721f6), closes #3025
• color-picker: fix mouse tracking logic when moved within another component's shadow DOM (#3041) (9ca1b8e)

1.0.0-beta.64 (2021-09-14)

Features

• block: add margin between heading/summary (#2932) (7f281fd)
• tree-item: update selection visuals to match Figma (#2082) (#3001) (d811d1c)

Bug Fixes

• accordion: match accordion icon directions with block (#2963) (68532d0)
• accordion: match icon directions with block when positioned at start (#2989) (2e8abc5)
• block-section: style update to align better with label and switch combo (707c214), closes #2577 #2577
• color-picker: render current value when set initially with custom format (#3020) (c06aecf), closes #2994
• input: decrease color padding (#2997) (75c1916)
• input-date-picker: Set value, start, and end properties via input or date-picker. #2955 (#2993) (ee68cb8)
• default boolean properties to be false instead of undefined. (#2990) (edd2598)
• slider: prevent added handle margins in Safari (#2947) (#2987) (7b45506)

1.0.0-beta.63 (2021-08-31)

Features

• action-bar, action-pad, action-menu, action-group: Add scale property to set scale of actions used internally. (#2934) (376ae1b), closes #2781 #2781
• alert, chip, date-picker, input-date-picker, filter, pagination, pick-list-item, rating: capitalize default text values (#2827) (140a051), closes #2755 #2842 #2668 #2783 #2717
• flow: add match-height class (f65fca8), closes #2741
• scrim: render default slot and add related styles (4250c44), closes #2801 #2801 #2801 #2801 #2801
• tile: add content-start/content-end slots (#2890) (f92db21), closes #2113

Bug Fixes

• action-bar, action-pad: expanded property should no longer alter actions within an action-menu. #2813 (#2912) (f78c197)
• calcite-input: number values properly nudge when step is set to a decimal or "any" (#2939) (38e1c09)
• color-picker: fix value for empty color-picker with different format (set initially) (#2886) (1b8f4b9), closes #2853
• combobox: Set focus style correctly. #2515 (#2875) (ac3cf5c)
• date-picker: Fix logic for hovering and setting date ranges. #2763 (#2916) (1da73c0)
• dropdown: Stops closing after selection even with disableCloseOnSelect. #2761 (#2895) (0950e3d)
• inline-editable: prevent button :hover style when disabled, center in container (#2931) (1f4ff3e), closes #2926
• input: ensure clearable button has focus outline (#2929) (98dcf6c)
• input: prevent added margin to number buttons in safari, independent hover styles (#2904) (a109ba2), closes #2874
• slider: align slider handle to container, ensure histogram stretches full width (#2867) (f0ae422), closes #913 #2706
• tree: Tree with nested tree elements should fire only one event (#2893) (ba65ab3), closes #2440

1.0.0-beta.62 (2021-08-17)

Features

• calcite-list-item-group: Add support for grouping list items #2550 (#2700) (f11e21d), closes #2350
• custom-elements: split up standalone action component bundles (#2759) (139663b)
• input: Add readOnly property (#2734) (0a709cf), closes #2726
• tree-item: add s/m/l scales to match Figma (24px/32px/44px) (#2803) (63404cb)

Bug Fixes

• block: stops rendering collapsibleIcon when header-menu-actions slot has content. adds explicit tests for not showing collapsibleIcon when there is a control or header-menu-action. (be791b9)
• calcite-input: number inputs with step="any" should allow decimals (#2804) (ff0e56f)
• date-picker: Selecting a day no longer activates previous day in certain time zones. (#2680) (c047298), closes #1863
• date-picker, input-date-picker: Fix setting date for the correct range input (#2756) (8823b5e), closes #2547
• dropdown: update dropdown-trigger-container width (234477a), closes #2625 #2625 #2625
• input: Prevent keyboard events from changing values when readOnly is true (#2780) (f86d27a), closes #2726
• input-date-picker: When range is true, emit 'calciteDatePickerRangeChange' on input. #2507 (#2779) (a3b4690)
• list: update display to block and updates related test (c5a930d)
• popover, tooltip: Reposition open popover and tooltip on initial load. #2446 (#2830) (7f6ffad)
• select: truncate long labels. #2714 (#2731) (6792161)

1.0.0-beta.61 (2021-08-03)

⚠ BREAKING CHANGES

• color-picker: The calciteColorPickerChange will no longer be emitted as the color field/hue slider thumb is dragged (only on release). To track the color values as the thumb is dragged, use the new calciteColorPickerInput event.

Features

• animation: add global animation classes, duration CSS Custom Property (#2607) (c7f70dc), closes #2411
• calcite-input: allow integer only input when step is a whole number (#2563) (3af675b)
• color-picker: introduce input event and modify change event to no longer fire as hue slider/color field thumbs are dragged (#2653) (8b41ca4), closes #2303
• slider: Add support for histogram color stops (#2572) (9bb242d), closes #834
• value-list-item, pick-list-item: add nonInteractive prop (f06906c), closes #2040 #2040 #2040 #2040 #2040

Bug Fixes

• button: Remove use of document.getElementsByName() (#2574) (59712b4), closes #1958
• button, checkbox, input, radio-button: Support native forms across shadow boundary. (#2575) (0989acb)
• calcite-list-item: adds bit of spacing between label and description (e81c37d)
• color-picker: improve mouse tracking when dragging color field/hue slider thumb (#2676) (35bc30c), closes #2335
• combobox: Deprecate the calciteLookupChange event in favor of calciteComboboxChange (#2579) (fc7c0f8), closes #2499
• input: disabled calcite-input + type=number allows interaction with the up/down buttons (#2609) (7249cad), closes #2582
• input: Fix calcite-input with clearable + "enter" key. #2675 (#2679) (332991a)
• input: fix layout of number input with horizontal button layout (#2581) (58866ac), closes #2422
• slider: ensure change event is emitted consistently (#2677) (ee6240a), closes #2309
• value-list: Prevent tabbing through navigated items with single selection (#2590) (54dfcf3), closes #2402
• x-close input buttons: x hover ui-text-1 (#2596) (1560224)

1.0.0-beta.60 (2021-07-20)

⚠ BREAKING CHANGES

• calcite-input: use the label attribute to set the aria-label on the input.

Features

• button: Display text with loading and add disabled styling. #2420 (#2441) (f7d41d7)
• button: show animation when loading changes (#2565) (a498fc6), closes #2420
• dropdown-item: Use an icon instead of HTML char for selected item. #957 (#2485) (3457694)
• slider: add support for mirroring slider (#2484) (cd16695), closes #720

Bug Fixes

• action-menu: target 1px margin more accurately to actions in menu (fd2c2e1)
• calcite-input: stop spreading attributes (#2443) (6d47b96)
• color-picker: fix nudging hue slider with left/right arrows when color is #000 or #fff (#2551) (7874724), closes #2357
• combobox: Fix selection logic and prevent events from causing stack error (#2493) (42c760a)
• combobox-item: Fix indent style for nested items. (#2487) (172ab36)
• dropdown: Fix dropdown display issues. (#2543) (cc8d424)
• inline-editable, input, radio-button: namespace scoped CSS classes (#2564) (1988202), closes #2422
• input-time-picker: input box supports 12-hour display (#2540) (39e434f)
• list, list-item: UI tweaks to better match lists (5a279fa), closes #2541 #2541 #2541 #2541
• popover, tooltip: Query for referenceElement if needed when the tooltip/popover is opened or closed. #2446 (#2475) (954df61)
• tree: fix item selection when multi + input-enabled (#2555) (44af309), closes #2437

1.0.0-beta.59 (2021-07-07)

⚠ BREAKING CHANGES

button: calcite-button no longer passes down all of its attributes to its own button element. To set an aria-label on calcite-button's button element, use the label attribute now instead of aria-label.

Features

• block: add slot for header menu actions to block (#2434) (9107c8f), closes #963
• list, list-item: Adds CalciteList & CalciteListItem, A general purpose list and list-item. (#2274) (b01b7db)
• modal: Closes modal when the outside is clicked. (#2409) (6085f49), closes #2234
• notice: allow slotting multiple actions (#2394) (78376bb), closes #2144
• sortable-list: Add dragSelector and group properties to allow dragging only specified items. (#2346) (1f19a3e)

Bug Fixes

• alert, notice: update leading and close icons to follow calcite-action icon sizing (#2431) (d415aef), closes #2417

• color-picker: ensure color picker dimensions match its content (#2432) (610df46), closes #2412

• color-picker: setFocus() should focus on the first focusable element. #2267 (#2413) (7a3cc6c)

• combobox: use normal pointer for input of single select combobox (#2363) (bc3f4a1)

• tree: allow focusing out of tree via shift + tab (#2419) (b76dca7)

• tree: allow selecting children with Enter/Space when selection-mode=children (#2416) (0a90c10), closes #2290

• tree: prevent emitting selection event twice when a tree-item's checkbox label is clicked (#2438) (b828bf3), closes #2196

• calcite-button: stop spreading attributes BREAKING CHANGE: to set an aria-label on the button use the label attribute (#2410) (16cec0d)

1.0.0-beta.58 (2021-06-25)

Features

• combobox: Allow for greater nesting of calcite-combobox-items within calcite-combobox (#2340) (9ee8055), closes #2337
• pick-list, value-list: add prop to enable changing selection via keyboard in single-selection mode (#2401) (e5e0837), closes #2344
• split-button: add width property, related styles, and doc (35e4210), closes #921 #921
• value-list-item, pick-list-item: change description font to sans (fd0c192), closes #2258 #2258

Bug Fixes

• calcite-input: initially setting value to empty string results in value being "" instead of null (#2342) (c2c3235)
• combobox: fix maxItems after selection, fix maxItems calculation for nested items (#2354) (784d5d0)
• date-picker: start Russian week on Monday (#2372) (3762db9), closes #2291
• notice: fix setFocus (#2393) (05fadef)
• slider: prevent enter from reseting value (#2373) (405bdca), closes #2316
• tile-select: Add aria-label for the form element used (#2320) (9e5c810), closes #2259

1.0.0-beta.57 (2021-06-22)

Features

• action-menu: Close action-menu when an action is clicked. #2273 (#2285) (89ab28a)
• block, block-section: adds status and relate UI (61a3e37), closes #2261 #2261 #2261 #2261 #2261 #2261 #2261 #2261 #2261 #2261 #2261
• combobox: tab complete of custom values comboboxes (#2345) (a331e3d)
• popover: Add 'dismissible' property in favor of now deprecated 'closeButton' property (#2280) (39f13cf), closes #2223
• tabs: add scale and bordered properties, styles (#2306) (c1563d2), closes #2185
• tile: add disabled property (#2298) (8386376), closes #2142

Bug Fixes

• action-menu: Focus on the menu's trigger when a slotted action is clicked and the menu is closed (#2304) (456d7b6)
• action-menu: Set offsetDistance to zero. (#2294) (ade64aa)
• calcite-input: preventing number input from allowing more than one zero (#2325) (f32bae5)
• color-picker: handle hue scope when color is 000. (#2277) (3898f4f), closes #2230
• combobox: emit lookup change when custom tag is added (#2292) (fe1f287)
• combobox: fix custom chip selection on blur (#2283) (f9511c9)
• combobox: in-progress custom values should get commited on blur or tab (#2312) (c309342)
• combobox: Truncate long strings correctly (#2319) (2fc802a), closes #2096
• dropdown: fix initial processing of groups and items (#2308) (e7a3217), closes #2268 #2026
• input: restore ability to tab backwards (shift+tab) out of number inputs (#2276) (bd03e93)
• modal: update footer when modal is connected to the DOM (#2282) (03d8c2e), closes #2178
• tooltip-manager: Close hovered or focused tooltip when the reference element is clicked. (#2299) (0272d7c)
• tooltip-manager: Mousing over non-reference elements keeps tooltip open #2318 (#2322) (a4ff22e)
• tooltip-manager: Prevents closing prematurely for non-leaf nodes (#2314) (1b79d7f), closes #2310

1.0.0-beta.56 (2021-06-08)

⚠ BREAKING CHANGES

• Using a 'theme' attribute is no longer supported to theme a component. Instead, a HTML class attribute of 'calcite-theme-light', 'calcite-theme-dark', or 'calcite-theme-auto' should be set on a component or one of its parent elements. Example: <calcite-button theme="light" /> now becomes <calcite-button class="calcite-theme-light" />. The calcite-theme-auto class will defer to the browser's CSS 'prefers-color-scheme' media query to decide whether the light or dark theme will be used.

Features

• action-menu: update styling and keyboard behavior (95f13d8), closes #1906 #1906
• input-time-picker, time-picker: add time-picker and input-time-picker components (#1736) (6e4c81d)
• Add auto theme class (#2197) (7377030), closes #2189
• Use HTML classes instead of custom 'theme' attributes for theming components (#2271) (ce3ccd5), closes #2262
• combobox: tapply entered text on tab for custom values combobox (#2239) (82d9afb)
• popover: adds heading prop and header node for when heading is supplied (3c2d9a4), closes #2130 #2130

Bug Fixes

• avatar: Updated large avatar to match design (#2200) (ac97025)
• calcite-accordion: updated large accordion to match figma (#2214) (930d1e6)
• calcite-chip: updated scale to match figma (#2229) (ef5508c)
• combobox: treat entered text as chip in custom values checkboxes on blur (#2263) (1e58793)
• custom-elements: add missing bundles (#2240) (477cc37)
• custom-elements: add missing flow bundle (#2270) (4b11ba3), closes #2269
• modal: improve modal a11y (#2225) (0b7e291), closes #1756
• popover: add forceUpdate to ensure Action is available for setFocus (92636b2)
• rating: restore outset focus (#2247) (3e0b485)
• tile: remove max-width (45366c3)

1.0.0-beta.55 (2021-05-24)

⚠ BREAKING CHANGES

• Remove 'theme' props from components (#2194) The following CSS classes can be used to set the component's theme: .calcite-theme--light, .calcite-theme--dark. These are inherited, so they can be set on the topmost-themed element or on individual elements/components. This was done to avoid using the non-standard theme attribute/property on non-calcite elements.

• calcite-radio-button: removing internal label (#2148)

• 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-radio-button: removing internal label (#2161) (7b1e0bc)

• 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)

• dropdown-item: Remove setting 'dir' attribute in light DOM elements. #1831 (#2090) (634a022)

• dropdown-item: Remove undocumented properties from the Host element. #2059 (#2106) (3632ede)

• filter: Dark theme colors. #1850 (#2075) (76c8df6)

• input: Remove setting 'dir' attribute in light DOM elements. #1831 (#2051) (1a26180)

• label: Remove setting 'dir' attribute in light DOM elements. #1831 (#1980) (8adc4e5)

• link: Remove setting 'dir' attribute in light DOM elements. #1831 (#1981) (3fbfd41)

• modal: aleft align back button with title/content of modal (#2032) (8e5f7c5)

• modal: Remove setting 'dir' attribute in light DOM elements. (#2099) (aef5d61)

• modal: Remove setting 'dir' attribute in light DOM elements. #1831 (#2050) (f0e67a9)

• modal: Remove undocumented properties from the Host element. #2059 (#2105) (a1343f1)

• modal: render correctly with no footer slots (#2021) (e73ffca)

• modal: restore footer slotted content (#2031) (73ad6c5)

• modal: solve issue with custom widths in prod builds (#2027) (56f76fe)

• notice: Remove setting 'dir' attribute in light DOM elements. #1831 (#2087) (4d69c04)

• notice: Remove undocumented properties from the Host element. #2059 (#2104) (229f44d)

• pagination: Remove setting 'dir' attribute in light DOM elements. #1831 (#2049) (6efabe2)

• radio-button: Remove undocumented property/attribute from the Host element. #2059 (#2063) (2bc8d3c)

• radio-group-item: Remove undocumented properties from the Host element. #2059 (#2064) (857528c)

• rating: Remove setting 'dir' attribute in light DOM elements. #1831 (#2043) (b5c3702)

• select: Remove setting 'dir' attribute in light DOM elements. #1831 (#2044) (ace7125)

• slider: Remove undocumented properties from the Host element. #2059 (#2065) (66acc29)

• split-button: Remove setting 'dir' attribute in light DOM elements. #1831 (#2045) (06985c6)

• stepper: Remove setting 'dir' attribute in light DOM elements. #1831 (#2046) (e1e0e3a)

• stepper-item: Remove setting 'dir' attribute in light DOM elements. #1831 (#2077) (0a8a1ad)

• switch: removed unneeded RTL margin (1ad3bdb)

• tab-title: Remove setting 'dir' attribute in light DOM elements. #1831 (#2047) (c5f3d6b)

• tab-title: Remove undocumented properties from the Host element. #2059 (#2066) (27cafa0)

• tile-select: Remove setting 'dir' attribute in light DOM elements. #1831 (#2048) (cc24ef3)

• tooltip-manager: Don't show tooltip on click of referenceElement (#2176) (6cec214), closes #2171

• value-list-item: matches handle color to CalciteHandle colors (f0aafac)

• value-list-item: Remove undocumented properties from the Host element. #2059 (#2067) (e4ac470)

• value-list-item: updated handle color (3e57255)

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

• alert, chip, input, notice, shell: simplify slot names (#2057) (844d815), closes #2034

1.0.0-beta.54 (2021-04-22)

Bug Fixes

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

1.0.0-beta.53 (2021-04-21)

⚠ 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)

1.0.0-beta.52 (2021-04-05)

⚠ 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) (8dd91e0)

• fab: Fix native tooltip display. (#1848) (04e715a), closes #1842

• filter: Escape filter value (#1723) (5ef7aec)

• filter: keep focus on filter after clearing text via mouse #1527 (#1837) (77b25de)

• filter: Place scrim over filter when loading or disabled. (#1757) (a914a97)

• input: only emit input event on user interaction (#1843) (05267bb)

• input: solve bug with decimal precision in number input (#936) (#1830) (451ed05)

• input-date-picker: Menu position should change depending on dir. #1826 (#1882) (b1ebfb6)

• input-date-picker: removes max-widths (70e0017)

• input, label: Removing disabled prop should also updated slotted elements. (#1743) (dcd110a)

• option: fix mutation observer options used to track content changes (#1878) (12cb7fc), closes #1409

• panel: corrected actions layout when header content is not rendered (18dcadd), closes #1822 #1822

• panel: header-actions--end layout fix when header-content is not rendered (e3d2166)

• panel: reverting weight as it's causing visual braking changes (#1716) (dc90836)

• pick-list, value-list: fix keyboard navigation after filtering (#1725) (0a81ff4), closes #1527

• popover, panel: image slot removed and panel sizing styles updated (e507b56), closes #1752 #1752 #1752

• radio-button: hidden input position no longer interferes with document flow (#1776) (d7aa563)

• radio-group: ensure group's outline is included in new total heights (#1903) (20d0310)

• rating: Fix wrapper display. (#1744) (27c02fe)

• select: fix rendering of options for mobile (#1866) (e7ff36f), closes #1836

• select: fix RTL styling (#1909) (c2a110c)

• shell: adds missed style (ec5f4ec)

• shell: adds unique keys for content node. adds related e2e tests (97c59c2)

• shell: simplifies content render and removes center-row conditional and adds async test demo (475f6c3)

• shell-panel: adds contentbody and contentheader divs to provide accurate height calculations (c97777b)

• tip: Hide tip when dismissed. (#1812) (62ee391)

• tooltip: improve tooltip border, tooltip usage in card story, card/link demo html (#1851) (ce86ddd)

• Theme is no longer set by default. (#1735) (c8c1a85)

• action-bar, action-pad: Replace 'tooltipExpand' properties with 'expand-tooltip' slots (#1841) (38787d4)

1.0.0-beta.51 (2021-03-08)

⚠ 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)

1.0.0-beta.50 (2021-02-13)

⚠ 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)

1.0.0-beta.49 (2021-02-05)

⚠ BREAKING CHANGES

• 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)

1.0.0-beta.48 (2021-01-09)

⚠ BREAKING CHANGES

• fab: default scale property to medium (m). #1427 (#1436)
• utils/popper: exported interface CalcitePlacement renamed to PopperPlacement.

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)

1.0.0-beta.47 (2020-12-19)

⚠ 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)

1.0.0-beta.46 (2020-11-17)

⚠ 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)

1.0.0-beta.45 (2020-11-11)

Bug Fixes

• button: Fix loading style in transparent / dark button (#1256) (5bc33a1)
• dropdown: Fix styles in Firefox and Safari (#1242) (e793d66)
• notice: prevent text overflow in smaller notices on ie11 (#1252) (e04108b)
• rating: add props for accessible labels, structure as radio button (#1264) (eb0bdde)
• select: Fix overlapping text with long options (#1239) (93cae17)

1.0.0-beta.44 (2020-11-10)

Bug Fixes

• date: fix prev/next month buttons not rendering (#1243) (357ade1)

1.0.0-beta.43 (2020-11-06)

⚠ BREAKING CHANGES

• icon: Updates prop name from "mirrored" to "flip-rtl" to better reflect the functionality

Features

• alert, notice: Allow custom calcite-ui-icon overrides (#1208) (8f57448)
• avatar: new avatar component to display user thumbnails ✨ (#1175) (bb71d6a)
• chip: allow passing avatar as chip image (#1184) (4fec516)
• icon: Update mirrored prop name, add pass-through props (#1132) (0d99dec)
• inline editable inputs: support inline editable text inputs. (#1188) (2443b15)
• panel, shell-panel: adds width-scale default to panel. adds width-scale property and styles to shell-panel (2f85c8e), closes #1107 #1107
• popover: adds flex-direction and slotted styles for panel and flow (31588b3)
• rating: Add rating component (#821) (176c58e)
• tile-select: Add disabled styling for tile select, updates hover and focus style (#1223) (88c2a0e)
• updates a shortlist of components with new font-sizes for each scale (9b09c9d), closes #1186 #1186 #1137 #1186 #1137 #1186 #1186 #1186 #1186 #1186 #1186 #1186 #1186 #1186 #1186 #1186 #1186 #1186 #1186
• select, option, option-group: add calcite-select, calcite-option, calcite-option-group components (#1112) (0227cb1), closes #302
• split-button: Add support for appearance (#1141) (79bb81d)

Bug Fixes

• a11y: Fixes for accessibility to various components (#1153) (e3c512e)
• calcite-checkbox: resets to initial checked state when form reset event is triggered (#1154) (01b6b7d)
• calcite-radio-button: all children text nodes render inside a single calcite-label (#1195) (6c8e828)
• calcite-radio-button: last checked wins (#1170) (d64982f)
• calcite-radio-button: radio buttons and groups reset to initial state when a form reset event occurs (#1173) (0251531)
• calcite-tile-select, calcite-radio-button: adding an internal calciteRadioButtonCheckedChange event so that tile-select can restore correct selection styling (#1072) (32c98b2)
• combobox: calciteComboboxChipDismiss event not firing #1179 (#1183) (ef7460d)
• date: use correct props for next/previous month labels (#1122) (#1135) (147520e)
• dropdown-item, dropdown-group: adds missing anchor styles. updates missed group-title styles. (#1206) (723354d), closes #1186 #1186
• icon: Explicitly set dir on components with pass-through flip-rtl (#1148) (5747e0a)
• input: Emit calciteInputInput on clear (#1117) (16fd4f6)
• label: only render id on parent calcite-label (#1120) (11f9589)
• modal: Allow re-opening of modal when close button is clicked (#1139) (2f61d90)
• pagination: fix next button when last page has 1 element (#1180) (#1189) (16acc5d)
• panel: removes default width-scale and lets panel default width to be 100% (9a5a299), closes #1126 #1126 #1126 #1126
• panel, block, block-section: updates font-sizes and refactor block-section toggle to use a button (5eb5805), closes #1131 #1131 #1131 #1131
• select: prevent duplicate entries when updating options and option groups (#1227) (d3de3f0), closes #1226
• shell-panel: adds auto bottom margin to make height dynamic. (#1231) (555c0fa)
• stepper: Fix rendering of styled horizontal stepper content (#1199) (7913404)

1.0.0-beta.42 (2020-10-12)

Features

• action, action-group, action-bar, action-pad, block, block-section, flow, panel, shell, shell-panel, tip, tip-group, tip-manager: add calcite app components to distributable (#903) (6f8bb6e), closes #687
• calcite-shell-panel: adds detached-height-scale property (5974010), closes #1029 #1029
• tabs: animate active tab underline (#1093) (072b761)
• tile-select: add width prop to tiles for full width option (#1071) (7039f1f)
• tile-select-group: add layout prop for vertical tile select groups (#1020) (#1066) (4c3ca95)
• value-list-item, pick-list-item: adds start slots, uses conventional slot names, removes non-conventional slot names (f410938), closes #1039 #1039 #1039 #1039 #1039 #1039 #1039

Bug Fixes

• block-section: use expand/collapse tooltips as a section's native tooltip. (#1087) (1cea565), closes #1074
• date: stop date from closing on month next/previous buttons in safari (#1091) (937f555)
• label: prevent calcite-input-message from always showing in disabled label (#1095) (2281be4)

1.0.0-beta.41 (2020-10-05)

⚠ BREAKING CHANGES

• dropping prop validation helps keep components lean and should not be necessary with existing component documentation and typings.

Features

• calcite-radio-button-group: calciteRadioButtonGroup change event (#1056) (662173d)
• date: add full localization support (#585, #979) (#1043) (4c95292)
• date: respect order of year and month in date-header (#908) (#1046) (18ffe9a)
• dom: allow prop lookup to go beyond shadow boundary (#982) (51b2f8e)
• dropdown: Update styling of dropdown groups (#1024) (eb08309)

Bug Fixes

• calcite-radio-button, calcite-checkbox: no longer fires custom change event when the checked attribute is controlled (#1019) (3fabd6d)

• color: initial user-defined value gets set properly (#1038) (0482868)

• date: allow 3 digit years in input #905 (#1047) (8c7717c)

• date: don't fire event on outside value update (#722) (#1053) (3b7912a)

• date: fire date change on interactions with calcite-date-hmonth-header element (#1017) (#1048) (df380eb)

• date: fix display of year in languages with year unit - ja,ko,ch (#907) (#1045) (7f233c0)

• pagination: prev/next disabled, page 1 shown (#1030) (8f17589)

• shell-panel: fixes height styling for panel and flow in undetached shell-panel (#1028) (16c01a5)

• drop prop validation in favor of documentation and types (#954) (3986771), closes #637

1.0.0-beta.40 (2020-09-23)

Bug Fixes

• calcite-radio-button: fixing issue where input isn't properly initialized in some cases (#1011) (2f59ea6)
• dropdown: Adjust display of slotted full width buttons (#1013) (407ef02)

1.0.0-beta.39 (2020-09-17)

Features

• label: Adjust spacing (#956) (5483740)

Bug Fixes

• calcite-checkbox: visibility of hidden input controlled by inline styles to prevent outside CSS from affecting its display (#999) (e1e31bc)
• color: ensure color object values are rounded (#883) (ce9fd18)
• dropdown: fix item selection when dropdown is in a shadow DOM context (#995) (bc0308a), closes #992
• tooltip: Add a11y improvements for hovering over a tooltip (#987) (943bd86), closes #938
• tooltip: Keep tooltip visible if focus occurs after hover #938 (#1005) (94ed432)

1.0.0-beta.38 (2020-09-04)

Features

• calcite-label: adds disable-spacing property also updates label-text spacing (2cca2c6), closes #916 #916
• label: Adds disabled prop to label, radio-group (#923) (cc34b51)
• label: Updates alignment and spacing (#914) (943e5c2)
• split-button: add secondary click event (#889) (bb3b141)
• tabs: add tab-title disabled state (#879) (adef10f)

Bug Fixes

• dropdown: fix tab through (#880) (acbef6f)
• input: emit calcite input input on up and down click on number input #886 (#888) (01a140b)
• input: No longer set clearable by default on type date or time (#895) (d5d9d6a)
• tree: change tabindex to 0 to prevent forced first tab stop on page (#911) (ef4a7ad), closes #634

1.0.0-beta.37 (2020-08-19)

Features

• calcite-checkbox: label support (#849) (30db0f3)
• color: allow hiding sections (#841) (f31fbb3), closes #763
• input: Update default icon of input type email (#865) (be42e9e)
• switch: add disabled prop (#856) (d00cb5e)
• tabs: Add support for content positioning (tabs can now be positioned above (default) or below the tab content with the position prop) (#809) (3b0fc79)
• tabs: Add support for icons in tab-title (now supports icons: icon-start and icon-end props have been added for explicit positioning of up to two icons.) (#807) (5afc650)
• tooltip: Dismiss calcite-tooltip via ESC key #877 (#878) (5b2262e)

Bug Fixes

• calcite-checkbox: cleaning up hidden input when checkbox is unmo… (#813) (2bc35e8)
• calcite-icon: Fixing issue where calcite-icon being rendered in a flex container wasn't sizing properly or not appearing at all. (#805) (2b1c528)
• calcite-radio-button: removing css class on host element (#854) (831b9f4)
• color: ensure color change event is emitted when color is modified via API or interaction (#881) (13d796f), closes #822
• input: Removed calciteInputInput event on componentWillUpdate (#830) (10ccd62)
• loader: ensure fallback id for loaders is generated properly (#836) (9136777)
• pagination: prevent page one rendering twice when total is smaller than num (#835) (bbc74a0)
• storybook: fix split button storybook (#794) (da8f90a)
• storybook: fix stepper storybook (#793) (685cea1)
• tabs: ensure proper ARIA roles (#832) (12467a7), closes #831

[v1.0.0-beta.36]

Added

• Added custom element bundle for tree-shaking bundlers like rollup
• calcite-color - new appearance prop to support embedded use case (#750)

Fixes

• calcite-dropdown - fix regression where multiple triggers didn't work (#774)

[v1.0.0-beta.35]

Fixes

• Added @types/color as a dependency, so public types resolve properly

[v1.0.0-beta.34]

Added

• New component calcite-color
• New component calcite-color-hex-input
• New component calcite-color-swatch
• calcite-dropdown - restore support for multiple triggers

Fixes

• calcite-modal - fix styling for modal when there are no footer buttons
• calcite-popover - prevent tooltip-manager selector conflicting with popover-manager selector
• calcite-tabs - uses proper aria-labelledby attribute

[v1.0.0-beta.33]

Breaking Changes

• calcite-alert - open and close methods have been removed. You can use the active prop to open or add an alert to the queue.
• calcite-alert - currentAlert prop has been removed
• calcite-alert - alertQueue prop has been removed (queue is emitted as a detail of the calciteAlertOpen and calciteAlertClose events)
• calcite-alert - alertQueueLength prop has been removed

Fixes

• calcite-modal - turn off pointer events on hidden modals to prevent interaction (#549)

Added

• calcite-modal - add background-color property for light grey backgrounds (#527)
• calcite-alert - intlClose prop has been added to optionally provide a translated override of the English "close" text

[v1.0.0-beta.32]

• calcite-stepper - calciteStepperItemHasChanged event has been renamed to calciteStepperItemChange
• calcite-stepper-item - calciteStepperItemSelected event has been renamed to calciteStepperItemSelect
• calcite-stepper-item - registerCalciteStepperItem event has been renamed to calciteStepperItemRegister

Breaking Changes

• calcite-modal - close-label prop is now renamed to intl-close for consistency (#466)
• calcite-modal - open and close methods removed in favor of active prop (#466)
• calcite-modal - size => width, which can be passed standard (s/m/l) or custom width in px (#239)
• calcite-modal - fullscreen made it's own prop (#466)
• calcite-modal - new scale prop for setting UI scale of modal (#466);
• calcite-date - prevMonthLabel and nextMonthLabel updated to intlPrevMonth and intlNextMonth (#97)
• calcite-switch - switched boolean has been added to calciteSwitchChange event detail

[v1.0.0-beta.31]

Breaking Changes

• calcite-label - calciteLabelSelectedEvent event has been renamed to calciteLabelFocus
• calcite-button - icon-position and icon props have been removed - you can now use icon-start and icon-end props to position up to two icons.
• calcite-link - icon-position and icon props have been removed - you can now use icon-start and icon-end props to position up to two icons.
• calcite-split-button - primary-icon prop has been removed - you can now use primary-icon-start and primary-icon-end props to position up to two icons.
• calcite-tab - isActive prop is now active to be consistent with other components
• calcite-tab-title - isActive prop is now active to be consistent with other components
• calcite-loader - isActive prop is now active to be consistent with other components
• calcite-popover textClose has been changed to intlClose.
• calcite-card - event name change calciteCardSelected => calciteCardSelect (#459)

Added

• Generate new types for using components inside a Preact + TypeScript
• calcite-loader - add scale for both standard and inline loaders (#465)
• calcite-dropdown now has a disable-close-on-select attribute that allows dropdowns to remain open on selection when calcite-dropdown-group selection-mode is set to single or multi
• calcite-dropdown now emits calciteDropdownClose when it closes.
• calcite-dropdown now emits calciteDropdownOpen when it opens.
• calcite-dropdown now has a disabled prop.
• calcite-input - adds clearable prop to display a clear button when field has a value - this also enables clearing of value while focused and using Escape key.
• calcite-input - adds disabled prop
• calcite-button - icon-start and icon-end props have been added for explicit positioning of up to two icons.
• calcite-link - icon-start and icon-end props have been added for explicit positioning of up to two icons.
• calcite-split-button - primary-icon-start and primary-icon-end props have been added for explicit positioning of up to two icons.
• calcite-split-button - dropdown-icon-type prop now accepts an overflow value for an additional icon option.
• calcite-notice now has a intl-close attribute that allows the title of the close button to be set. It defaults to the English "Close".
• calcite-modal - added disable-close-button prop for hiding X (#669)
• calcite-popover - added disable-close-button prop for hiding X (#669)

Fixed

• calcite-dropdown - will now correctly focus the slotted dropdown-trigger element when the dropdown is closed
• calcite-input - fixes inconsistencies in height of inputs with various configurations
• calcite-label - fixes inconsistencies in layout=inline padding applications
• calcite-slider - fixes positioning of handles and labels, better focus styles (#660)
• calcite-split-button - fixed split button triggering of dropdown
• calcite-tab-title - improve focus state

Updated

• calcite-dropdown - a dropdown will now close if another dropdown is opened
• calcite-dropdown - mouse clicks on calcite-dropdown-group titles will no longer close the dropdown
• calcite-slider - improved disabled styles (#676)

[v1.0.0-beta.30] - June 12th 2020

Fixed

• fix NPM release issue

[v1.0.0-beta.29] - June 12th 2020

Fixed

• fix NPM release issue

[v1.0.0-beta.28] - June 11th 2020

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.

[v1.0.0-beta.27] - May 26th 2020

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

[v1.0.0-beta.26] - May 18th 2020

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

[v1.0.0-beta.25] - Apr 28th 2020

Breaking Changes

• calcite-button no longer accepts inline as a value for appearance - you can instead use the new calcite-link component
• 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)

[v1.0.0-beta.24] - Apr 8th 2020

Fixed

• fix NPM release issue

[v1.0.0-beta.23] - Apr 7th 2020

Breaking Changes

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

Added

• Support for icons which use multiple paths + opacity

[v1.0.0-beta.22] - Apr 3rd 2020

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)

[v1.0.0-beta.21] - Mar 31st 2020

Added

• new calcite-combobox component (#328)
• new calcite-chip component (#328)
• new calcite-popover-manager component (#411)
• new calcite-tooltip-manager component (#411)
• calcite-radio-group - added setFocus() method

Breaking Changes

• calcite-dropdown - alignment attribute now uses start and end values instead of left and right
• calcite-dropdown-item - link-title attribute has been removed
• calcite-icon - drop filled prop as it's no longer valid with the latest calcite UI icons
• calcite-tree - size prop is now scale to be consistent with other components

Updated

• calcite-dropdown - active state indicators for selection-mode=none have been removed
• calcite-dropdown - active state indicators for selection-mode=multi have been updated to use checkmarks
• calcite-dropdown-item - any attributes passed to a calcite-dropdown-item that has a href attribute will now be spread to the rendered child link
• calcite-icon - SVG no longer rendered when icon fails to load
• calcite-loader - now displays as circle, added fade out at the end of determinate loader

Fixed

• calcite-dropdown - alignment=center now correctly positions the dropdown if the slotted dropdown-trigger is wider than the dropdown container
• calcite-dropdown - items are now focused when the dropdown is opened
• calcite-dropdown - items are now scrollable when the dropdown gets long
• calcite-icon - update rendering when scale changes
• calcite-icon - fixed in ie11
• calcite-loader - fixed in ie11
• calcite-radio-group - fixed in ie11
• calcite-progress - fixed in ie11
• calcite-modal - fixed in ie11
• calcite-slider - fixed in ie11
• calcite-tabs - tabs occupy full height
• calcite-tree-item - fixed in ie11
• calcite-tree - fixed in ie11

[v1.0.0-beta.20] - Feb 25th 2020

Added

• new component calcite-card

Updated

• calcite-tooltip, calcite-popover - Allow pointer events for poppers that have escaped their container

[v1.0.0-beta.19] - Feb 19th 2020

Added

• calcite-dropdown-item can now display icons by passing a Calcite UI Icon name(s) to the icon-start and / or icon-end attribute
• calcite-dropdown now has a width attribute which accept a value of "s", "m", or "l", and defaults to "m"

Breaking Changes

• calcite-button no longer accepts path data passed to the icon attribute - instead you can now pass a Calcite UI Icon name.
• calcite-popover and calcite-tooltip - Removed property boundariesElement. It is no longer necessary with the latest version of Popper.
• calcite-popover - Removed property flowInner. Is no longer supported with the latest version of Popper. A user can use negative offset values instead.
• calcite-popover - Renamed property xOffset to offsetDistance to better match popper API. The property now has a default of '6'.
• calcite-popover - Renamed property yOffset to offsetSkidding to better match popper API.

Fixed

• calcite-popover - Fixed an issue with background color on the close button.
• Addressed RTL inconsistencies for calcite-accordion, calcite-alert, and calcite-notice

[v1.0.0-beta.18] - Feb 3rd 2020

Fixed

• calcite-icon - fixed issue where icon would not load its icon data. #314
• calcite-tree - long strings inside calcite-tree-item no longer overflow from calcite-tree.

[v1.0.0-beta.17] - Jan 22nd 2020

Breaking Changes

• calcite-progress no longer accepts slotted content

Added

• new calcite-pagination component (#281)
• calcite-accordion now accepts transparent as an appearance attribute value
• calcite-accordion now accepts an icon-type attribute to specify icon type - "chevron" (default), "caret" or "plus-minus"
• calcite-accordion-item now accepts an item-subtitle attribute to display beneath item-title
• setFocus() added to calcite-alert - focuses a slotted link or a close button, if present
• calcite-loader now accepts a no-padding boolean attribute
• calcitePopoverClose and calcitePopoverOpen events added to calcite-popover component

Updated

• setFocus() now focuses the first element in a calcite-notice - a slotted link or a close button, if present
• styling fixes for calcite-button, calcite-dropdown

[v1.0.0-beta.16] - Dec 19th 2019

Added

• new calcite-icon component
• new CalciteModal.focusElement method for restoring focus to an element in a modal
• calcite-button now accepts boolean attributes round and floating
• calcite-button can now be programmatically focused with the setFocus() method
• the close button of a dismissible calcite-notice can now be programmatically focused with the setFocus() method

Fixed

• fixes for date picker in Edge (#257)

[v1.0.0-beta.15] - Nov 26th 2019

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.

[v1.0.0-beta.14] - Nov 18th 2019

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

[v1.0.0-beta.13] - Nov 11th 2019

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)

[v1.0.0-beta.12] - Nov 1st 2019

Updated

• Medium modals are now a more readable line length (#205)
• Popover modifier enhancements (#207)
• Progress component style
• Button component style
• Dropdown component style
• Popover and tooltip shadow / caret style

Fixed

• Fix back and secondary slots in modal (#209)
• Make docked modal's content section visible on mobile (#203)
• Fix display of modals in edge (#135)
• Fix escape key press when no element is focused but modal is open (#130)
• Fix for button form submission (#193)

[v1.0.0-beta.11] - Oct 22nd 2019

Fixed

• Fixes to popup styling
• Fixes duplicate id in button component
• Fixes for tree nav in Edge
• Fixes for toggle styling

Added

• Added tooltip component
• Added configuration options for Popover

[v1.0.0-beta.10] - Sep 19th 2019

Fixed

• Fixed trees with strange nesting
• Edge fixes for alerts, dropdowns, buttons
• Fixed button container styling
• Fixed button appearance inline / no href tab issue

Added

• Added popover component

[v1.0.0-beta.9] - Sep 9th 2019

Fixed

• Fixed scroll behavior in tall modals (only scroll modal content)
• Bug with nesing tree items with and without links
• Fixes for buttons, alerts and dropdowns in Edge
• Allow buttons to fill the height of their host

[v1.0.0-beta.8] - Sep 3rd 2019

Added

• Adds a boolean "disableEscape" prop to calcite-modal to make closing on escape optional.

[v1.0.0-beta.7] - Aug 30th 2019

Added

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

[v1.0.0-beta.6] - Aug 26th 2019

Fixed

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

[v1.0.0-beta.5] - Aug 21th 2019

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
• adds support for disabled calcite-button

Fixed

• fix width of medium/large modals with narrow contents

[v1.0.0-beta.4] - Aug 19th 2019

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

[v1.0.0-beta.3] - Aug 16th 2019

Added

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

Fixed

• 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

[v1.0.0-beta.2] - Aug 2nd 2019

Fix issue with previous release.

[v1.0.0-beta.1] - Aug 2nd 2019

First initial beta release.