v1.0.0-beta.73

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

v1.0.0-beta.72

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

v1.0.0-beta.71

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

v1.0.0-beta.70

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)

v1.0.0-beta.69

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

v1.0.0-beta.68

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

v1.0.0-beta.67

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

v1.0.0-beta.66

⚠ 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

v1.0.0-beta.65

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)

v1.0.0-beta.64

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)