chore: release main

[calcite-admin]

🤖 I have created a release beep boop

@esri/calcite-design-tokens: 2.0.0

2.0.0 (2023-12-02)

⚠ BREAKING CHANGES

• Change the default export to a tree-shakable list of design tokens in camelCase format rather than a JSON object (import * as tokens from "@esri/calcite-design-tokens";)

• Use font name in core font family tokens

• Remove unnecessary core tokens line-height, font-size, letter-spacing, paragraph-spacing as these can be exclusive to semantic and reference core size tokens

• Core size tokens now use their pixel size in their name

• Change border-radius to corner-radius

• Remove unnecessary border-width tokens none, sm, md, lg

• Platform output

  • Remove component tokens from global output
  • Add new platform output
    • css
      • index
      • global
      • light
      • dark
      • core
      • breakpoint
      • typography classes
    • scss
      • index
      • global
      • light
      • dark
      • core
      • breakpoints
      • typography mixins
  • Replace "headless" with "global"
  • Remove "calcite" from filenames

• Package.json exports

  • @esri/calcite-design-tokens/css/headless is now @esri/calcite-design-tokens/css/global
  • @esri/calcite-design-tokens/scss/headless is now @esri/calcite-design-tokens/scss/global
  • @esri/calcite-design-tokens/js/headless is now @esri/calcite-design-tokens/js/global
  • @esri/calcite-design-tokens/es6/headless is now @esri/calcite-design-tokens/es6/global

• Token paths and values

  • Border
    • Use t-shirt sizing for border width tokens
      • Border.border-width.0 is now border.width.none (--calcite-border-width-none)
      • border.border-width.1 is now border.width.sm (--calcite-border-width-sm)
      • border.border-width.2 is now border.width.md (--calcite-border-width-md)
      • border.border-width.3 is now border.width.lg (--calcite-border-width-lg)
      • border.border-width.4 is removed
    • Remove unused border radius tokens
      • Core.border.border-radius.0
      • Core.border.border-radius.2
      • Core.border.border-radius.3
    • Use t-shirt sizing for border radius (now called corner radius) tokens
      • semantic.ui.border.border-radius is semantic.corner.radius.default
      • Core.border.border-radius.1 is now semantic.corner.radius.sharp
      • Core.border.border-radius.4 is now semantic.corner.radius.round
      • Core.border.border-radius.5 is now semantic.corner.radius.pill
  • Sizing
    • core.sizing. tokens are now core.size.default
  • Breakpoints
    • Move breakpoint tokens to their own separate output file for most platform outputs (except JS)
    • Update breakpoint token path from .breakpoint. to .container-size.
    • Delete unused breakpoint.cols tokens
  • Box Shadow
    • Use t-shirt sizing for global box shadow tokens
      • box-shadow.0 is now shadow.none
      • box-shadow.1 is now shadow.sm
      • box-shadow.2 is now shadow.md
  • Colors
    • Remove "palette" from core color paths
    • core.color.palette.high-saturation is now core.color.high-saturation
  • Light Mode and Dark Mode
    • Semantic color tokens now use the composite color scheme token type to reference "light" and "dark" mode instead of having separate light and dark tokens.
    • .calcite-mode-light and .calcite-mode-dark classes as well as the color scheme media queries are now provided via calcite-design-tokens/css/index.css
    • Provide light and dark mode mixins via calcite-design-tokens/css/index.scss
    • Remove "ui" from output platform names in favor of "color"
    • --calcite-ui-background is now --calcite-color-background
    • --calcite-ui-brand is now --calcite-color-brand
    • --calcite-ui-success is now --calcite-color-status-success
    • --calcite-ui-danger is now --calcite-color-status-danger
    • --calcite-ui-warning is now --calcite-color-status-warning
    • --calcite-ui-hint is now --calcite-color-status-hint
    • --calcite-button-transparent-hover is now --calcite-color-transparent-press

Features

• Add json to design token output (#8290) (753061f)
• Reduce global design tokens in calcite.css (#8215) (335d010)
• Update default main file output for design tokens (#8299) (4050a91)
• Update json shape for docs (#8308) (6fac3e9)

Bug Fixes

• Align tokens with figma variables (#8311) (8d7cf3f)

@esri/eslint-plugin-calcite-components: 1.0.0

1.0.0 (2023-12-02)

⚠ BREAKING CHANGES

• deps: We are treating the @stencil/core@v4 bump as a precautionary measure, particularly due to its potential impact on projects using calcite-components and Stencil.

Build System

• deps: Bump Stencil to v4 (#8108) (bcbb79f)

@esri/calcite-components: 2.0.0

2.0.0 (2023-12-02)

⚠ BREAKING CHANGES

• tokens: Changes to @esri/calcite-design-tokens, including the names of CSS variables used to customize component styling. See the breaking changes section of the @esri/calcite-design-tokens changelog. (#8311) (8d7cf3f), (#8299) (4050a91), (#8215) (335d010)
• button, list, pick-list, value-list: Setting loading prop to true no longer prevents interaction nor applies disabled styles. If you'd like to block interaction when loading, please set disabled along with loading. (#8292) (db3c5c7)
• dropdown: Dropdown's default display was changed from inline-flex to inline-block to make it easier to prompt truncation in trigger button text with minimal impact to layout (by setting an explicit width or setting width: 100% or display: block on the dropdown of a width-constrained parent). (#8253) (7c96e9f)
• dropdown, modal: For consistency, renames the width property to widthScale. (#8251) (ab12968), (#8252) (6b09245)
• react: Disabled includeImportCustomElements. Make sure to import components from @esri/calcite-components in addition to the React wrappers. For example, the first code snippet in #7185 is now required, or else the custom elements will not be defined in the browser. (#8248) (0948c1a)
• i18n: Reduced numbering system support to latn, arab and arabext. The following numbering systems were removed: bali, beng, deva, fullwide, gujr, guru, hanidec, khmr, knda, laoo, limb, mlym, mong, mymr, orya, tamldec, telu, thai, tibt. (#8217) (9946ac1)
• stepper-item: Removed both previousStep and nextStep message properties. These are no longer overrideable via messageOverrides. (#8234) (331aafb)
• card: Removed the deselect message property – this property was deprecated in #6657 as it is no longer being rendered. This is no longer overrideable via messageOverrides. (#8099) (1bab172)
• deps: We are treating the @stencil/core@v4 bump as a precautionary measure, particularly due to its potential impact on projects using calcite-components and Stencil. (#8108) (bcbb79f)

Features

• action-menu: Set max height of the action menu (#8275) (ca1be28)
• action-menu: Support action-groups (#8273) (c07144f)
• combobox, checkbox, input-time-zone, select, text-area: Add status property (#8304) (a44e9fe)
• handle: Add disabled property (#8283) (7aeecd5)
• list-item: Add dragDisabled property (#8285) (f091f26)
• list: Support multiple selection using the shift key (#8301) (79538be)
• Reduce global design tokens in calcite.css (#8215) (335d010)
• stepper: Enable responsive layout (#7744) (556b8bc)

Bug Fixes

• Align tokens with figma variables (#8311) (8d7cf3f)
• button, list, pick-list, value-list: Prevent loading prop from affecting interactivity (#8292) (db3c5c7)
• button: Sets aria-disabled instead of disabled on internal anchor element (#8270) (0926eb6)
• color-picker, popover, shell-panel, slider, tooltip: Register events on the window instead of the document (#8247) (2aaf592)
• combobox, dropdown, input-date-picker, popover, tooltip: Fix positioning of component when component is moved (#8296) (2b2506d)
• Dragging floating ui components (#8230) (5a81f6c)
• dropdown: Change display to inline-block to ease truncation setup (#8253) (7c96e9f)
• dropdown: Restore trigger container height (51d1ea8)
• input-time-zone: Update time zone items when item-dependent props change (#8271) (f77532e)
• input: Prevents mutating value on blur when type="number" (#8245) (58ededd)
• label: Associate label to component when for prop is set after initialization (#8309) (e81b650)
• list-item: Adds border between grouped and ungrouped list-items (#8134) (ae9b083)
• list-item: Adds border between last item in a group and slotted item (#8262) (9b5cf76)
• list-item: An item with an empty slotted list should be openable. (#8240) (d615b39)
• list-item: Focus on the first focusable element within the component when using arrow keys (#8291) (b902365)
• list-item: Reserve space for empty open lists. (#8239) (484a5aa)
• list: Add live region for dynamically changing list items (#8148) (e3c0c06)
• react: Disable includeImportCustomElements to resolve initial render issues (#8248) (0948c1a)
• stepper: Typo in CSS variable for step bar's fill (#8255) (2e643aa)

Build System

• deps: Bump Stencil to v4 (#8108) (bcbb79f)

Code Refactoring

• card: Remove deprecated deselected message (#8099) (1bab172)
• dropdown: Rename width property to widthScale (#8251) (ab12968)
• i18n: Reduce list of supported numbering systems to latn, arab, and arabext (#8217) (9946ac1)
• modal: Rename width property to widthScale (#8252) (6b09245)
• stepper-item: No longer supports previousStep and nextStep messages (#8234) (331aafb)

Dependencies

• The following workspace dependencies were updated
  • devDependencies
    • @esri/calcite-design-tokens bumped from 1.1.1-next.2 to 2.0.0
    • @esri/eslint-plugin-calcite-components bumped from 0.2.4-next.0 to 1.0.0

@esri/calcite-components-angular: 2.0.0

2.0.0 (2023-12-02)

⚠ BREAKING CHANGES

• deps: We are treating the @stencil/core@v4 bump as a precautionary measure, particularly due to its potential impact on projects using calcite-components and Stencil.

Build System

• deps: Bump Stencil to v4 (#8108) (bcbb79f)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @esri/calcite-components bumped from ^1.12.0-next.7 to ^2.0.0

@esri/calcite-components-react: 2.0.0

2.0.0 (2023-12-02)

⚠ BREAKING CHANGES

• react: Disabled includeImportCustomElements. Make sure to import components from @esri/calcite-components in addition to the React wrappers. For example, the first code snippet in #7185 is now required, or else the custom elements will not be defined in the browser.
• deps: We are treating the @stencil/core@v4 bump as a precautionary measure, particularly due to its potential impact on projects using calcite-components and Stencil.

Bug Fixes

• react: Disable includeImportCustomElements to resolve initial render issues (#8248) (0948c1a)

Build System

• deps: Bump Stencil to v4 (#8108) (bcbb79f)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @esri/calcite-components bumped from ^1.12.0-next.7 to ^2.0.0

---

This PR was generated with Release Please. See documentation.

[benelan]

🧑‍🚀 📢 2️⃣ 🚀 🌙 🌟

[calcite-admin]

🤖 Release is at https://github.com/Esri/calcite-design-system/releases/tag/%40esri/calcite-components%402.0.0 🌻

[calcite-admin]

🤖 Release is at https://github.com/Esri/calcite-design-system/releases/tag/%40esri/calcite-components-react%402.0.0 🌻

[calcite-admin]

🤖 Release is at https://github.com/Esri/calcite-design-system/releases/tag/%40esri/calcite-components-angular%402.0.0 🌻

[calcite-admin]

🤖 Release is at https://github.com/Esri/calcite-design-system/releases/tag/%40esri/calcite-design-tokens%402.0.0 🌻

[calcite-admin]

🤖 Release is at https://github.com/Esri/calcite-design-system/releases/tag/%40esri/eslint-plugin-calcite-components%401.0.0 🌻