calcite-design-system

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)

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

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)

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)

⚠ BREAKING CHANGES

• label: the label's disable-spacing property has been removed. Use the new --calcite-label-margin-bottom css variable to control the spacing instead.

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)
• 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: Do not allow nested panels when allowDescendantPanels is true (#4872) (840b2f1)
• 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)
• label: deprecate disable-spacing property by allowing a css variable to override the bottom margin (#4889) (9b112ba)
• 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)

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)

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

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)

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

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

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)