@geoscene/calcite-components 3.3.3 → 5.0.2

package/dist/docs/vscode.css-custom-data.json

@@ -1,3051 +1 @@
-{
-  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
-  "version": 1.1,
-  "properties": [
-    {
-      "name": "--calcite-accordion-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-accordion-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-accordion-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-accordion-text-color-hover",
-      "description": "Specifies the component's main text color on hover."
-    },
-    {
-      "name": "--calcite-accordion-text-color-press",
-      "description": "Specifies the component's main text color when pressed."
-    },
-    {
-      "name": "--calcite-accordion-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-accordion-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-accordion-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-accordion-text-color-hover",
-      "description": "Specifies the component's main text color on hover."
-    },
-    {
-      "name": "--calcite-accordion-text-color-press",
-      "description": "Specifies the component's main text color when pressed."
-    },
-    {
-      "name": "--calcite-accordion-item-background-color",
-      "description": "[Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-accordion-item-border-color",
-      "description": "[Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-accordion-item-content-space",
-      "description": "Specifies the component's padding."
-    },
-    {
-      "name": "--calcite-accordion-item-end-icon-color",
-      "description": "Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
-    },
-    {
-      "name": "--calcite-accordion-item-expand-icon-color",
-      "description": "Specifies the component's expand icon color."
-    },
-    {
-      "name": "--calcite-accordion-item-header-background-color",
-      "description": "Specifies the component's `heading` background color."
-    },
-    {
-      "name": "--calcite-accordion-item-header-background-color-hover",
-      "description": "Specifies the component's `heading` background color when hovered."
-    },
-    {
-      "name": "--calcite-accordion-item-header-background-color-press",
-      "description": "Specifies the component's `heading` background color when pressed."
-    },
-    {
-      "name": "--calcite-accordion-item-heading-text-color",
-      "description": "Specifies the component's `heading` text color."
-    },
-    {
-      "name": "--calcite-accordion-item-icon-color",
-      "description": "[Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color."
-    },
-    {
-      "name": "--calcite-accordion-item-start-icon-color",
-      "description": "Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color."
-    },
-    {
-      "name": "--calcite-accordion-item-text-color",
-      "description": "[Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-accordion-item-text-color-hover",
-      "description": "[Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover."
-    },
-    {
-      "name": "--calcite-accordion-item-text-color-press",
-      "description": "[Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press."
-    },
-    {
-      "name": "--calcite-action-background-color-hover",
-      "description": "Specifies the component's background color when hovered or focused."
-    },
-    {
-      "name": "--calcite-action-background-color-press",
-      "description": "Specifies the component's background color when active."
-    },
-    {
-      "name": "--calcite-action-background-color-pressed",
-      "description": "[Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active."
-    },
-    {
-      "name": "--calcite-action-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-action-corner-radius-end-end",
-      "description": "[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end."
-    },
-    {
-      "name": "--calcite-action-corner-radius-end-start",
-      "description": "[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start."
-    },
-    {
-      "name": "--calcite-action-corner-radius-start-end",
-      "description": "[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end."
-    },
-    {
-      "name": "--calcite-action-corner-radius-start-start",
-      "description": "[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start."
-    },
-    {
-      "name": "--calcite-action-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-action-indicator-color",
-      "description": "Specifies the component's indicator color."
-    },
-    {
-      "name": "--calcite-action-text-color-press",
-      "description": "Specifies the component's text color when pressed or hovered."
-    },
-    {
-      "name": "--calcite-action-text-color-pressed",
-      "description": "[Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered."
-    },
-    {
-      "name": "--calcite-action-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-action-bar-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-action-bar-corner-radius",
-      "description": "Specifies the component's border radius when `floating` is `true`."
-    },
-    {
-      "name": "--calcite-action-bar-expanded-max-width",
-      "description": "When `layout` is `\"vertical\"`, specifies the component's maximum width."
-    },
-    {
-      "name": "--calcite-action-bar-items-space",
-      "description": "Specifies the space between slotted components in the component."
-    },
-    {
-      "name": "--calcite-action-bar-shadow",
-      "description": "Specifies the component's shadow when `floating` is `true`."
-    },
-    {
-      "name": "--calcite-action-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-action-group-border-color",
-      "description": "Specifies the component's border color when used in a `calcite-action-bar` or `calcite-action-menu`."
-    },
-    {
-      "name": "--calcite-action-group-columns",
-      "description": "When `layout` is `\"grid\"`, specifies the component's grid-template-columns."
-    },
-    {
-      "name": "--calcite-action-group-gap",
-      "description": "When `layout` is `\"grid\"`, specifies the component's gap."
-    },
-    {
-      "name": "--calcite-action-group-padding",
-      "description": "[Deprecated] Use `--calcite-action-group-gap`. Specifies the component's padding."
-    },
-    {
-      "name": "--calcite-action-menu-items-space",
-      "description": "Specifies the space between actions in the menu."
-    },
-    {
-      "name": "--calcite-action-pad-corner-radius",
-      "description": "Specifies the component's border radius."
-    },
-    {
-      "name": "--calcite-action-pad-expanded-max-width",
-      "description": "When `layout` is `\"vertical\"`, specifies the component's maximum width when `expanded`."
-    },
-    {
-      "name": "--calcite-action-pad-items-space",
-      "description": "Specifies the component's space between slotted components."
-    },
-    {
-      "name": "--calcite-alert-width",
-      "description": "Specifies the width of the component."
-    },
-    {
-      "name": "--calcite-alert-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-alert-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-alert-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-alert-offset-size",
-      "description": "Specifies the component's `placement` offset."
-    },
-    {
-      "name": "--calcite-autocomplete-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-autocomplete-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-autocomplete-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-autocomplete-input-prefix-size",
-      "description": "Specifies the Input's prefix width, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-input-suffix-size",
-      "description": "Specifies the Input's suffix width, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-input-background-color",
-      "description": "Specifies the background color of the Input."
-    },
-    {
-      "name": "--calcite-autocomplete-input-border-color",
-      "description": "Specifies the border color of the Input."
-    },
-    {
-      "name": "--calcite-autocomplete-input-corner-radius",
-      "description": "Specifies the corner radius of the Input."
-    },
-    {
-      "name": "--calcite-autocomplete-input-shadow",
-      "description": "Specifies the shadow of the Input."
-    },
-    {
-      "name": "--calcite-autocomplete-input-icon-color",
-      "description": "Specifies the icon color of the Input."
-    },
-    {
-      "name": "--calcite-autocomplete-input-text-color",
-      "description": "Specifies the text color of the Input."
-    },
-    {
-      "name": "--calcite-autocomplete-input-placeholder-text-color",
-      "description": "Specifies the color of placeholder text in the Input."
-    },
-    {
-      "name": "--calcite-autocomplete-input-actions-background-color",
-      "description": "Specifies the background color of Input's `clearable` element."
-    },
-    {
-      "name": "--calcite-autocomplete-input-actions-background-color-hover",
-      "description": "Specifies the background color of Input's `clearable` element when hovered."
-    },
-    {
-      "name": "--calcite-autocomplete-input-actions-background-color-press",
-      "description": "Specifies the background color of Input's `clearable` element when pressed."
-    },
-    {
-      "name": "--calcite-autocomplete-input-actions-icon-color",
-      "description": "Specifies the icon color of Input's `clearable` element."
-    },
-    {
-      "name": "--calcite-autocomplete-input-actions-icon-color-hover",
-      "description": "Specifies the icon color of Input's `clearable` element when hovered."
-    },
-    {
-      "name": "--calcite-autocomplete-input-actions-icon-color-press",
-      "description": "Specifies the icon color of Input's `clearable` element when pressed."
-    },
-    {
-      "name": "--calcite-autocomplete-input-loading-background-color",
-      "description": "Specifies the background color of the Input's `loading` element, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-input-loading-fill-color",
-      "description": "Specifies the fill color of the Input's `loading` element, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-input-prefix-background-color",
-      "description": "Specifies the background color of the Input's prefix, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-input-prefix-text-color",
-      "description": "Specifies the text color of the Input's prefix, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-input-suffix-background-color",
-      "description": "Specifies the background color of the Input's suffix, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-input-suffix-text-color",
-      "description": "Specifies the text color of the Input's suffix, when present."
-    },
-    {
-      "name": "--calcite-autocomplete-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-autocomplete-description-text-color",
-      "description": "Specifies the text color of the component's description."
-    },
-    {
-      "name": "--calcite-autocomplete-heading-text-color",
-      "description": "Specifies the text color of the component's heading."
-    },
-    {
-      "name": "--calcite-autocomplete-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-autocomplete-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-autocomplete-border-color",
-      "description": "Specifies the border color of the component."
-    },
-    {
-      "name": "--calcite-autocomplete-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-avatar-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-avatar-color",
-      "description": "Specifies the component's icon or initial color."
-    },
-    {
-      "name": "--calcite-avatar-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-block-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-block-content-space",
-      "description": "Specifies the space of the component's `default` slot."
-    },
-    {
-      "name": "--calcite-block-header-background-color",
-      "description": "Specifies the component's `heading` background color."
-    },
-    {
-      "name": "--calcite-block-header-background-color-hover",
-      "description": "Specifies the component's `heading` background color when hovered."
-    },
-    {
-      "name": "--calcite-block-header-background-color-press",
-      "description": "Specifies the component's `heading` background color when pressed."
-    },
-    {
-      "name": "--calcite-block-heading-text-color",
-      "description": "Specifies the component's `heading` text color."
-    },
-    {
-      "name": "--calcite-block-heading-text-color-press",
-      "description": "[Deprecated]  use `--calcite-block-heading-text-color` instead - When the component is `expanded`, specifies the `heading` text color."
-    },
-    {
-      "name": "--calcite-block-padding",
-      "description": "[Deprecated] use `--calcite-block-content-space` instead - Specifies the padding of the component's `default` slot."
-    },
-    {
-      "name": "--calcite-block-text-color",
-      "description": "[Deprecated] Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-block-description-text-color",
-      "description": "Specifies the component's `description` text color."
-    },
-    {
-      "name": "--calcite-block-icon-color",
-      "description": "Specifies the component's `collapsible` icon, `iconStart` and `iconEnd` color."
-    },
-    {
-      "name": "--calcite-block-icon-color-hover",
-      "description": "Specifies the component's `collapsible` icon color when hovered."
-    },
-    {
-      "name": "--calcite-block-section-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-block-section-border-color",
-      "description": "Specifies the component's border color. When `expanded`, applies to the component's bottom border."
-    },
-    {
-      "name": "--calcite-block-section-header-text-color",
-      "description": "Specifies the component's header text color."
-    },
-    {
-      "name": "--calcite-block-section-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-block-section-text-color-hover",
-      "description": "Specifies the component's text color on hover."
-    },
-    {
-      "name": "--calcite-block-section-content-space",
-      "description": "Specifies the padding of the component's content in `default` slot."
-    },
-    {
-      "name": "--calcite-button-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-button-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-button-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-button-icon-color",
-      "description": "Specifies the component's `iconStart` and `iconEnd` color."
-    },
-    {
-      "name": "--calcite-button-loader-color",
-      "description": "Specifies the component's loader color."
-    },
-    {
-      "name": "--calcite-button-shadow-color",
-      "description": "[Deprecated] Use `--calcite-button-shadow`. Specifies the component's box-shadow color."
-    },
-    {
-      "name": "--calcite-button-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-button-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-card-accent-color-selected",
-      "description": "Specifies the component's accent color when `selected`."
-    },
-    {
-      "name": "--calcite-card-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-card-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-card-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-card-selection-background-color-active",
-      "description": "[Deprecated] Use `--calcite-card-selection-background-color-press`. Specifies the component's selection element background color when active."
-    },
-    {
-      "name": "--calcite-card-selection-background-color-hover",
-      "description": "Specifies the component's selection element background color when hovered."
-    },
-    {
-      "name": "--calcite-card-selection-background-color-press",
-      "description": "Specifies the component's selection element background color when active."
-    },
-    {
-      "name": "--calcite-card-selection-background-color-selected",
-      "description": "[Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element icon color when `selected`."
-    },
-    {
-      "name": "--calcite-card-selection-background-color",
-      "description": "[Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element background color."
-    },
-    {
-      "name": "--calcite-card-selection-color-hover",
-      "description": "Specifies the component's selection element color when hovered or focused."
-    },
-    {
-      "name": "--calcite-card-selection-color",
-      "description": "Specifies the component's selection element color."
-    },
-    {
-      "name": "--calcite-card-selection-icon-color-hover",
-      "description": "[Deprecated] Use `--calcite-card-selection-color-hover`. Specifies the component's selection element icon color when hovered."
-    },
-    {
-      "name": "--calcite-card-selection-icon-color-selected",
-      "description": "[Deprecated] Use `--calcite-card-accent-color-selected`. Specifies the component's selection element icon color when `selected`."
-    },
-    {
-      "name": "--calcite-card-selection-icon-color",
-      "description": "[Deprecated] Use `--calcite-card-selection-color`. Specifies the component's selection element icon color."
-    },
-    {
-      "name": "--calcite-card-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-card-group-gap",
-      "description": "[Deprecated] Use `--calcite-card-group-space`. Specifies the gap between slotted elements."
-    },
-    {
-      "name": "--calcite-card-group-space",
-      "description": "Specifies the space between slotted elements."
-    },
-    {
-      "name": "--calcite-checkbox-size",
-      "description": "Specifies the component's height and width."
-    },
-    {
-      "name": "--calcite-checkbox-border-color",
-      "description": "Specifies the component's color."
-    },
-    {
-      "name": "--calcite-checkbox-border-color-hover",
-      "description": "Specifies the component's color when hovered."
-    },
-    {
-      "name": "--calcite-checkbox-border-color-press",
-      "description": "Specifies the component's color when pressed."
-    },
-    {
-      "name": "--calcite-checkbox-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-chip-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-chip-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-chip-close-icon-color",
-      "description": "Specifies the component's close element icon color."
-    },
-    {
-      "name": "--calcite-chip-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-chip-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-chip-select-icon-color-press",
-      "description": "Specifies the component's selection element icon color when active."
-    },
-    {
-      "name": "--calcite-chip-select-icon-color-pressed",
-      "description": "[Deprecated] Use `--calcite-chip-select-icon-color-press`. Specifies the component's selection element icon color when active."
-    },
-    {
-      "name": "--calcite-chip-select-icon-color",
-      "description": "Specifies the component's selection element icon color."
-    },
-    {
-      "name": "--calcite-chip-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-color-picker-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-color-picker-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-color-picker-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-color-picker-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-color-picker-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-color-picker-input-background-color",
-      "description": "Specifies the component's input background color."
-    },
-    {
-      "name": "--calcite-color-picker-input-border-color",
-      "description": "Specifies the component's input border color."
-    },
-    {
-      "name": "--calcite-color-picker-input-text-color",
-      "description": "Specifies the component's input text color."
-    },
-    {
-      "name": "--calcite-color-picker-input-prefix-background-color",
-      "description": "When `hexDisabled` is not `true`, specifies the component's input prefix background color."
-    },
-    {
-      "name": "--calcite-color-picker-input-prefix-text-color",
-      "description": "When `hexDisabled` is not `true`, specifies the component's input prefix text color."
-    },
-    {
-      "name": "--calcite-color-picker-input-suffix-background-color",
-      "description": "When `alphaChannel` is `true`, specifies the component's input suffix background color."
-    },
-    {
-      "name": "--calcite-color-picker-input-suffix-text-color",
-      "description": "When `alphaChannel` is `true`, specifies the component's input suffix text color."
-    },
-    {
-      "name": "--calcite-color-picker-tab-border-color",
-      "description": "Specifies the component's tab border color."
-    },
-    {
-      "name": "--calcite-color-picker-tab-text-color",
-      "description": "Specifies the component's tab text color."
-    },
-    {
-      "name": "--calcite-color-picker-tab-accent-color-press",
-      "description": "Specifies the component's tab accent color when selected or active."
-    },
-    {
-      "name": "--calcite-color-picker-swatch-corner-radius",
-      "description": "Specifies the component's swatch corner radius."
-    },
-    {
-      "name": "--calcite-color-picker-action-text-color-press",
-      "description": "Specifies the component's `savedColors` action text color when pressed."
-    },
-    {
-      "name": "--calcite-color-picker-action-text-color-hover",
-      "description": "Specifies the component's `savedColors` action text color when hovered."
-    },
-    {
-      "name": "--calcite-color-picker-action-text-color",
-      "description": "Specifies the component's `savedColors` action text color."
-    },
-    {
-      "name": "--calcite-combobox-divider-color",
-      "description": "Specifies the component's divider color."
-    },
-    {
-      "name": "--calcite-combobox-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-combobox-icon-color-hover",
-      "description": "Specifies the component's icon color when hovered."
-    },
-    {
-      "name": "--calcite-combobox-background-color",
-      "description": "Specifies the background color of the component's listbox."
-    },
-    {
-      "name": "--calcite-combobox-input-border-color",
-      "description": "Specifies the border color of the component's input."
-    },
-    {
-      "name": "--calcite-combobox-input-background-color",
-      "description": "Specifies the background color of the component's input."
-    },
-    {
-      "name": "--calcite-combobox-input-height",
-      "description": "Specifies the height of the component's input."
-    },
-    {
-      "name": "--calcite-combobox-input-text-color",
-      "description": "When `selectionDisplay` is `\"single\"`, specifies the text color of the component's input."
-    },
-    {
-      "name": "--calcite-combobox-item-border-color",
-      "description": "[Deprecated] Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-combobox-text-color",
-      "description": "Specifies the component's text and `icon` color."
-    },
-    {
-      "name": "--calcite-combobox-text-color-hover",
-      "description": "Specifies the component's text and `icon` color when hovered."
-    },
-    {
-      "name": "--calcite-combobox-item-background-color-active",
-      "description": "Specifies the component's background color when active."
-    },
-    {
-      "name": "--calcite-combobox-item-background-color-hover",
-      "description": "Specifies the component's background color when hovered."
-    },
-    {
-      "name": "--calcite-combobox-item-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-combobox-selected-icon-color",
-      "description": "Specifies the component's selected indicator icon color."
-    },
-    {
-      "name": "--calcite-combobox-description-text-color",
-      "description": "Specifies the component's `description` and `shortHeading` text color."
-    },
-    {
-      "name": "--calcite-combobox-description-text-color-press",
-      "description": "Specifies the component's `description` and `shortHeading` text color when hovered."
-    },
-    {
-      "name": "--calcite-combobox-heading-text-color",
-      "description": "Specifies the component's `heading` text color."
-    },
-    {
-      "name": "--calcite-combobox-item-group-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-combobox-item-group-border-color",
-      "description": "Specifies the border color of the component."
-    },
-    {
-      "name": "--calcite-date-picker-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-date-picker-corner-radius",
-      "description": "Specifies the component's border radius."
-    },
-    {
-      "name": "--calcite-date-picker-range-calendar-divider-color",
-      "description": "Specifies the divider color between calendar's when `range=\"true\"`."
-    },
-    {
-      "name": "--calcite-date-picker-week-header-text-color",
-      "description": "Specifies the week header text color."
-    },
-    {
-      "name": "--calcite-date-picker-header-action-background-color",
-      "description": "Specifies the background color of header action's of the component."
-    },
-    {
-      "name": "--calcite-date-picker-header-action-background-color-hover",
-      "description": "Specifies the background color of header action's of the component when hovered."
-    },
-    {
-      "name": "--calcite-date-picker-header-action-background-color-press",
-      "description": "Specifies the background color of header action's of the component when pressed."
-    },
-    {
-      "name": "--calcite-date-picker-header-action-text-color",
-      "description": "Specifies the text color of header action's of the component."
-    },
-    {
-      "name": "--calcite-date-picker-header-action-text-color-press",
-      "description": "Specifies the text color of header action's of the component when pressed."
-    },
-    {
-      "name": "--calcite-date-picker-year-text-color",
-      "description": "Specifies the text color of year & suffix of the component."
-    },
-    {
-      "name": "--calcite-date-picker-month-select-font-size",
-      "description": "Specifies the font size of month select of the component."
-    },
-    {
-      "name": "--calcite-date-picker-month-select-text-color",
-      "description": "Specifies the text color of month select of the component."
-    },
-    {
-      "name": "--calcite-date-picker-month-select-icon-color",
-      "description": "Specifies the icon color of month select of the component."
-    },
-    {
-      "name": "--calcite-date-picker-month-select-icon-color-hover",
-      "description": "Specifies the icon color of month select of the component when hovered."
-    },
-    {
-      "name": "--calcite-date-picker-day-background-color",
-      "description": "Specifies the background color of day of the component."
-    },
-    {
-      "name": "--calcite-date-picker-day-background-color-hover",
-      "description": "Specifies the background color of day of the component when hovered."
-    },
-    {
-      "name": "--calcite-date-picker-day-text-color",
-      "description": "Specifies the text color of day of the component."
-    },
-    {
-      "name": "--calcite-date-picker-day-text-color-hover",
-      "description": "Specifies the text color of day of the component when hovered."
-    },
-    {
-      "name": "--calcite-date-picker-current-day-text-color",
-      "description": "Specifies the text color of current day of the component."
-    },
-    {
-      "name": "--calcite-date-picker-day-background-color-selected",
-      "description": "Specifies the background color of selected day of the component."
-    },
-    {
-      "name": "--calcite-date-picker-day-text-color-selected",
-      "description": "Specifies the text color of selected day of the component."
-    },
-    {
-      "name": "--calcite-date-picker-day-range-text-color",
-      "description": "Specifies the text color of select day range of the component."
-    },
-    {
-      "name": "--calcite-date-picker-day-range-background-color",
-      "description": "Specifies the background color of select day range of the component."
-    },
-    {
-      "name": "--calcite-date-picker-day-outside-range-background-color-hover",
-      "description": "Specifies the background color of day's outside current range when hovered."
-    },
-    {
-      "name": "--calcite-date-picker-day-outside-range-text-color-hover",
-      "description": "Specifies the text color of day's outside current range when hovered."
-    },
-    {
-      "name": "--calcite-dialog-scrim-background-color",
-      "description": "Specifies the background color of the component's scrim."
-    },
-    {
-      "name": "--calcite-dialog-size-x",
-      "description": "Specifies the width of the component, using `px`, `em`, `rem`, `vw`, or `%`. Does not exceed the viewport's width - applies when `placement=\"cover\"` is set."
-    },
-    {
-      "name": "--calcite-dialog-min-size-x",
-      "description": "Specifies the minimum width of the component, using `px`, `em`, `rem`, `vw`, or `%`."
-    },
-    {
-      "name": "--calcite-dialog-max-size-x",
-      "description": "Specifies the maximum width of the component, using `px`, `em`, `rem`, `vw`, or `%`."
-    },
-    {
-      "name": "--calcite-dialog-size-y",
-      "description": "Specifies the height of the component, using `px`, `em`, `rem`, `vh`, or `%`. Does not exceed the viewport's height - applies when `placement=\"cover\"` is set."
-    },
-    {
-      "name": "--calcite-dialog-min-size-y",
-      "description": "Specifies the minimum height of the component, using `px`, `em`, `rem`, `vh`, or `%`."
-    },
-    {
-      "name": "--calcite-dialog-max-size-y",
-      "description": "Specifies the maximum height of the component, using `px`, `em`, `rem`, `vh`, or `%`."
-    },
-    {
-      "name": "--calcite-dialog-content-space",
-      "description": "Specifies the padding of the component's content."
-    },
-    {
-      "name": "--calcite-dialog-footer-space",
-      "description": "Specifies the padding of the component's footer."
-    },
-    {
-      "name": "--calcite-dialog-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-dialog-offset-x",
-      "description": "Specifies the horizontal offset of the component."
-    },
-    {
-      "name": "--calcite-dialog-offset-y",
-      "description": "Specifies the vertical offset of the component."
-    },
-    {
-      "name": "--calcite-dialog-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-dialog-icon-color",
-      "description": "Specifies the color of the component's icon."
-    },
-    {
-      "name": "--calcite-dialog-accent-color",
-      "description": "Specifies the component's accent color when `kind` is specified."
-    },
-    {
-      "name": "--calcite-dialog-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-dialog-heading-text-color",
-      "description": "Specifies the text color of the component's `heading`."
-    },
-    {
-      "name": "--calcite-dialog-description-text-color",
-      "description": "Specifies the text color of the component's `description`."
-    },
-    {
-      "name": "--calcite-dialog-header-background-color",
-      "description": "Specifies the background color of the component's header."
-    },
-    {
-      "name": "--calcite-dialog-header-action-background-color",
-      "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
-    },
-    {
-      "name": "--calcite-dialog-header-action-background-color-hover",
-      "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered."
-    },
-    {
-      "name": "--calcite-dialog-header-action-background-color-press",
-      "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."
-    },
-    {
-      "name": "--calcite-dialog-header-action-text-color",
-      "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
-    },
-    {
-      "name": "--calcite-dialog-header-action-text-color-press",
-      "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered."
-    },
-    {
-      "name": "--calcite-dialog-footer-background-color",
-      "description": "Specifies the background color of the component's footer."
-    },
-    {
-      "name": "--calcite-dialog-space",
-      "description": "Specifies the padding of the component's `\"unnamed (default)\"` slot."
-    },
-    {
-      "name": "--calcite-dialog-header-content-space",
-      "description": "Specifies the padding of the `\"header-content\"` slot."
-    },
-    {
-      "name": "--calcite-dialog-action-menu-border-color",
-      "description": "Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s."
-    },
-    {
-      "name": "--calcite-dropdown-width",
-      "description": "Specifies the width of the component's wrapper."
-    },
-    {
-      "name": "--calcite-dropdown-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-dropdown-group-border-color",
-      "description": "Specifies the `calcite-dropdown`'s border color."
-    },
-    {
-      "name": "--calcite-dropdown-group-title-text-color",
-      "description": "Specifies the component's `groupTitle` color."
-    },
-    {
-      "name": "--calcite-dropdown-item-background-color-hover",
-      "description": "Specifies the item's background color when hovered."
-    },
-    {
-      "name": "--calcite-dropdown-item-background-color-press",
-      "description": "Specifies the item's background color when selected or active."
-    },
-    {
-      "name": "--calcite-dropdown-item-icon-color-hover",
-      "description": "[Deprecated] Specifies the item's icon selection color when hovered."
-    },
-    {
-      "name": "--calcite-dropdown-item-icon-color-press",
-      "description": "Specifies the item's icon selection color when selected or active."
-    },
-    {
-      "name": "--calcite-dropdown-item-text-color-press",
-      "description": "Specifies the item's text when selected or active."
-    },
-    {
-      "name": "--calcite-dropdown-item-text-color",
-      "description": "Specifies the item's text color."
-    },
-    {
-      "name": "--calcite-fab-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-fab-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-fab-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-fab-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-fab-loader-color",
-      "description": "Specifies the component's loader color."
-    },
-    {
-      "name": "--calcite-fab-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-filter-content-space",
-      "description": "Specifies the padding of the component's content."
-    },
-    {
-      "name": "--calcite-filter-input-background-color",
-      "description": "Specifies the input's background color."
-    },
-    {
-      "name": "--calcite-filter-input-border-color",
-      "description": "Specifies the input's border color."
-    },
-    {
-      "name": "--calcite-filter-input-corner-radius",
-      "description": "Specifies the input's corner radius."
-    },
-    {
-      "name": "--calcite-filter-input-shadow",
-      "description": "Specifies the shadow around the input."
-    },
-    {
-      "name": "--calcite-filter-input-icon-color",
-      "description": "Specifies the input's icon color."
-    },
-    {
-      "name": "--calcite-filter-input-text-color",
-      "description": "Specifies the input's text color."
-    },
-    {
-      "name": "--calcite-filter-input-placeholder-text-color",
-      "description": "Specifies the input's placeholder text color."
-    },
-    {
-      "name": "--calcite-filter-input-actions-background-color",
-      "description": "Specifies the background color of the input's `clearable` element."
-    },
-    {
-      "name": "--calcite-filter-input-actions-background-color-hover",
-      "description": "Specifies the background color of the input's `clearable` element when hovered."
-    },
-    {
-      "name": "--calcite-filter-input-actions-background-color-press",
-      "description": "Specifies the background color of the input's `clearable` element when pressed."
-    },
-    {
-      "name": "--calcite-filter-input-actions-icon-color",
-      "description": "Specifies the icon color of the input's `clearable` element."
-    },
-    {
-      "name": "--calcite-filter-input-actions-icon-color-hover",
-      "description": "Specifies the icon color of the input's `clearable` element when hovered."
-    },
-    {
-      "name": "--calcite-filter-input-actions-icon-color-press",
-      "description": "Specifies the icon color of the input's `clearable` element when pressed."
-    },
-    {
-      "name": "--calcite-flow-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-flow-item-footer-padding",
-      "description": "[Deprecated] Use `--calcite-flow-footer-space` instead. Specifies the padding of the component's footer."
-    },
-    {
-      "name": "--calcite-flow-item-header-border-block-end",
-      "description": "[Deprecated] Use `--calcite-flow-border-color` instead. Specifies the component header's block end border."
-    },
-    {
-      "name": "--calcite-flow-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-flow-heading-text-color",
-      "description": "Specifies the text color of the component's `heading`."
-    },
-    {
-      "name": "--calcite-flow-icon-color",
-      "description": "Specifies the color of the component's icon."
-    },
-    {
-      "name": "--calcite-flow-description-text-color",
-      "description": "Specifies the text color of the component's `description`."
-    },
-    {
-      "name": "--calcite-flow-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-flow-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-flow-header-background-color",
-      "description": "Specifies the background color of the component's header."
-    },
-    {
-      "name": "--calcite-flow-footer-background-color",
-      "description": "Specifies the background color of the component's footer."
-    },
-    {
-      "name": "--calcite-flow-space",
-      "description": "Specifies the padding of the component's `\"unnamed (default)\"` slot."
-    },
-    {
-      "name": "--calcite-flow-header-content-space",
-      "description": "Specifies the padding of the `\"header-content\"` slot."
-    },
-    {
-      "name": "--calcite-flow-footer-space",
-      "description": "Specifies the padding of the component's footer."
-    },
-    {
-      "name": "--calcite-action-background-color",
-      "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s. Applies to any slotted `calcite-action`s."
-    },
-    {
-      "name": "--calcite-action-background-color-hover",
-      "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."
-    },
-    {
-      "name": "--calcite-action-background-color-pressed",
-      "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."
-    },
-    {
-      "name": "--calcite-action-text-color-hover",
-      "description": "Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."
-    },
-    {
-      "name": "--calcite-action-text-color-pressed",
-      "description": "Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."
-    },
-    {
-      "name": "--calcite-popover-border-color",
-      "description": "Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s."
-    },
-    {
-      "name": "--calcite-flow-header-action-background-color-hover",
-      "description": "Specifies the background color of the component's `calcite-action` items  in the flow item header when hovered."
-    },
-    {
-      "name": "--calcite-flow-header-action-background-color-press",
-      "description": "Specifies the background color of the component's `calcite-action` items  in the flow item header when pressed."
-    },
-    {
-      "name": "--calcite-flow-header-action-background-color",
-      "description": "Specifies the background color of the component's `calcite-action` items  in the flow item header."
-    },
-    {
-      "name": "--calcite-flow-header-action-indicator-color",
-      "description": "Specifies the color of the component's `calcite-action` items' indicator in the flow item header."
-    },
-    {
-      "name": "--calcite-flow-header-action-text-color-press",
-      "description": "Specifies the text color of the component's `calcite-action` items in the flow item header when pressed."
-    },
-    {
-      "name": "--calcite-flow-header-action-text-color",
-      "description": "Specifies the text color of the component's `calcite-action` items in the flow item header."
-    },
-    {
-      "name": "--calcite-graph-highlight-fill-color",
-      "description": "Specifies the fill color of the `highlight` element, when present."
-    },
-    {
-      "name": "--calcite-handle-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-handle-background-color-hover",
-      "description": "Specifies the component's background color on hover."
-    },
-    {
-      "name": "--calcite-handle-background-color-selected",
-      "description": "Specifies the component's background color when selected."
-    },
-    {
-      "name": "--calcite-handle-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-handle-icon-color-hover",
-      "description": "Specifies the component's icon color on hover."
-    },
-    {
-      "name": "--calcite-handle-icon-color-selected",
-      "description": "Specifies the component's icon color when selected."
-    },
-    {
-      "name": "--calcite-ui-icon-color",
-      "description": "[Deprecated] Use `--calcite-icon-color`. Specifies the component's color. Defaults to current color."
-    },
-    {
-      "name": "--calcite-icon-color",
-      "description": "Specifies the component's color. Defaults to current color."
-    },
-    {
-      "name": "--calcite-inline-editable-background-color-hover",
-      "description": "Specifies the component's background color when hovered."
-    },
-    {
-      "name": "--calcite-inline-editable-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-inline-editable-button-background-color",
-      "description": "Specifies the button element's background color when appearance=\"solid\" or appearance=\"outline-fill\"."
-    },
-    {
-      "name": "--calcite-inline-editable-button-corner-radius",
-      "description": "Specifies the button element's corner radius."
-    },
-    {
-      "name": "--calcite-inline-editable-button-loader-color",
-      "description": "Specifies the button element's loader color."
-    },
-    {
-      "name": "--calcite-inline-editable-button-shadow-color",
-      "description": "Specifies the button element's box-shadow color."
-    },
-    {
-      "name": "--calcite-inline-editable-button-text-color",
-      "description": "Specifies the button element's text color."
-    },
-    {
-      "name": "--calcite-input-prefix-size",
-      "description": "Specifies the component's prefix width, when present."
-    },
-    {
-      "name": "--calcite-input-suffix-size",
-      "description": "Specifies the component's suffix width, when present."
-    },
-    {
-      "name": "--calcite-input-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-input-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-input-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-input-shadow",
-      "description": "Specifies the shadow around the component."
-    },
-    {
-      "name": "--calcite-input-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-input-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-input-placeholder-text-color",
-      "description": "Specifies the component's placeholder text color."
-    },
-    {
-      "name": "--calcite-input-actions-background-color",
-      "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements."
-    },
-    {
-      "name": "--calcite-input-actions-background-color-hover",
-      "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements when hovered."
-    },
-    {
-      "name": "--calcite-input-actions-background-color-press",
-      "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements when pressed."
-    },
-    {
-      "name": "--calcite-input-actions-icon-color",
-      "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements."
-    },
-    {
-      "name": "--calcite-input-actions-icon-color-hover",
-      "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered."
-    },
-    {
-      "name": "--calcite-input-actions-icon-color-press",
-      "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed."
-    },
-    {
-      "name": "--calcite-input-loading-background-color",
-      "description": "Specifies the background color of the `loading` element, when present."
-    },
-    {
-      "name": "--calcite-input-loading-fill-color",
-      "description": "Specifies the fill color of the `loading` element, when present."
-    },
-    {
-      "name": "--calcite-input-prefix-background-color",
-      "description": "Specifies the component's prefix background color, when present."
-    },
-    {
-      "name": "--calcite-input-prefix-text-color",
-      "description": "Specifies the component's prefix text color, when present."
-    },
-    {
-      "name": "--calcite-input-suffix-background-color",
-      "description": "Specifies the component's suffix background color, when present."
-    },
-    {
-      "name": "--calcite-input-suffix-text-color",
-      "description": "Specifies the component's suffix text color, when present."
-    },
-    {
-      "name": "--calcite-input-date-picker-actions-icon-color",
-      "description": "Specifies the component's actions icon color."
-    },
-    {
-      "name": "--calcite-input-date-picker-actions-icon-color-hover",
-      "description": "Specifies the component's actions icon color on hover."
-    },
-    {
-      "name": "--calcite-input-date-picker-background-color",
-      "description": "Specifies the component's input background color."
-    },
-    {
-      "name": "--calcite-input-date-picker-border-color",
-      "description": "Specifies the component's input border color."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-actions-background-color",
-      "description": "Specifies the background color of actions of the calendar."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-actions-background-color-hover",
-      "description": "Specifies the background color of actions of the calendar when hovered."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-actions-background-color-press",
-      "description": "Specifies the background color of actions of the calendar when pressed."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-actions-text-color",
-      "description": "Specifies the text color of the component's calendar actions."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-actions-text-color-press",
-      "description": "Specifies the text color of the component's calendar actions when pressed."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-border-color",
-      "description": "Specifies the component's calendar border color."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-corner-radius",
-      "description": "Specifies the component's calendar corner radius."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-current-day-text-color",
-      "description": "Specifies the text color of current day of the component's date-picker."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-background-color",
-      "description": "Specifies the background color of day of the calendar."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-background-color-hover",
-      "description": "Specifies the background color of day of the calendar when hovered."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-current-text-color",
-      "description": "[Deprecated] Use `--calcite-input-date-picker-calendar-current-day-text-color`. Specifies the text color of current day of the component's date-picker."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-range-text-color",
-      "description": "Specifies the text color of select day range of the component's date-picker."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-text-color-selected",
-      "description": "Specifies the text color of selected day of the component's date-picker."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-outside-range-background-color-hover",
-      "description": "Specifies the background color of day's outside current range of the component's date-picker when hovered."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-outside-range-text-color-hover",
-      "description": "Specifies the text color of day's outside current range of the component's date-picker when hovered."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-text-color",
-      "description": "Specifies the text color of day of the component's date-picker."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-day-text-color-hover",
-      "description": "Specifies the text color of day of the component's date-picker when hovered."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-selected-background-color",
-      "description": "Specifies the background color of selected day and day range of the calendar."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-shadow",
-      "description": "the component's calendar shadow."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-icon-color",
-      "description": "Specifies the component's calendar icon color."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-icon-color-hover",
-      "description": "Specifies the component's calendar icon color."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-month-select-text-color",
-      "description": "Specifies the text color of month select of the component's date-picker."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-range-divider-color",
-      "description": "Specifies the divider color between the component's date-picker."
-    },
-    {
-      "name": "--calcite-input-date-picker-calendar-text-color",
-      "description": "Specifies the text color of the component's calendar week, year & suffix."
-    },
-    {
-      "name": "--calcite-input-date-picker-corner-radius",
-      "description": "Specifies the component's input corner radius."
-    },
-    {
-      "name": "--calcite-input-date-picker-divider-color",
-      "description": "Specifies the component's divider color between two inputs when in range mode."
-    },
-    {
-      "name": "--calcite-input-date-picker-icon-color",
-      "description": "Specifies the component's in-field input icon color."
-    },
-    {
-      "name": "--calcite-input-date-picker-icon-color-hover",
-      "description": "[Deprecated] Specifies the component's in-field input icon color on hover."
-    },
-    {
-      "name": "--calcite-input-date-picker-placeholder-text-color",
-      "description": "Specifies the component's input placeholder text color."
-    },
-    {
-      "name": "--calcite-input-date-picker-shadow",
-      "description": "Specifies the component's input shadow."
-    },
-    {
-      "name": "--calcite-input-date-picker-text-color",
-      "description": "Specifies the component's input text color."
-    },
-    {
-      "name": "--calcite-input-message-spacing-value",
-      "description": "[Deprecated] Use `--calcite-input-message-spacing`. Specifies the margin spacing at the top of the component."
-    },
-    {
-      "name": "--calcite-input-message-spacing",
-      "description": "Specifies the margin spacing at the top of the component."
-    },
-    {
-      "name": "--calcite-input-message-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-input-actions-background-color",
-      "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements."
-    },
-    {
-      "name": "--calcite-input-actions-background-color-hover",
-      "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements when hovered."
-    },
-    {
-      "name": "--calcite-input-actions-background-color-press",
-      "description": "Specifies the background color of the component's `clearable` and `number-button-type` elements when pressed."
-    },
-    {
-      "name": "--calcite-input-actions-icon-color",
-      "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements."
-    },
-    {
-      "name": "--calcite-input-actions-icon-color-hover",
-      "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered."
-    },
-    {
-      "name": "--calcite-input-actions-icon-color-press",
-      "description": "Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed."
-    },
-    {
-      "name": "--calcite-input-loading-background-color",
-      "description": "Specifies the background color of the `loading` element."
-    },
-    {
-      "name": "--calcite-input-loading-fill-color",
-      "description": "Specifies the fill color of the `loading` element."
-    },
-    {
-      "name": "--calcite-input-number-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-input-number-border-color",
-      "description": "Specifies the border color of the component."
-    },
-    {
-      "name": "--calcite-input-number-corner-radius",
-      "description": "Specifies the border radius of the component."
-    },
-    {
-      "name": "--calcite-input-number-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-input-number-height",
-      "description": "Specifies the height of the component."
-    },
-    {
-      "name": "--calcite-input-number-placeholder-text-color",
-      "description": "Specifies the text color of the placeholder in the component."
-    },
-    {
-      "name": "--calcite-input-number-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-input-number-text-color-focus",
-      "description": "Specifies the text color of the component when focused."
-    },
-    {
-      "name": "--calcite-input-prefix-background-color",
-      "description": "Specifies the background color of the prefix element."
-    },
-    {
-      "name": "--calcite-input-prefix-size",
-      "description": "Specifies the width of the prefix element."
-    },
-    {
-      "name": "--calcite-input-prefix-text-color",
-      "description": "Specifies the text color of the prefix element."
-    },
-    {
-      "name": "--calcite-input-suffix-background-color",
-      "description": "Specifies the background color of the suffix element."
-    },
-    {
-      "name": "--calcite-input-suffix-size",
-      "description": "Specifies the width of the suffix element."
-    },
-    {
-      "name": "--calcite-input-suffix-text-color",
-      "description": "Specifies the text color of the suffix element."
-    },
-    {
-      "name": "--calcite-input-action-background-color",
-      "description": "Specifies the background color of the component's `clearable` element."
-    },
-    {
-      "name": "--calcite-input-action-background-color-hover",
-      "description": "Specifies the background color of the component's `clearable` element when hovered."
-    },
-    {
-      "name": "--calcite-input-action-background-color-press",
-      "description": "Specifies the background color of the component's `clearable` element when pressed."
-    },
-    {
-      "name": "--calcite-input-action-icon-color",
-      "description": "Specifies the icon color of the component's `clearable` & icon elements."
-    },
-    {
-      "name": "--calcite-input-action-icon-color-hover",
-      "description": "Specifies the icon color of the component's `clearable` & icon elements when hovered."
-    },
-    {
-      "name": "--calcite-input-action-icon-color-press",
-      "description": "Specifies the icon color of the component's `clearable` & icon elements when pressed."
-    },
-    {
-      "name": "--calcite-input-loading-background-color",
-      "description": "Specifies the background color of the `loading` element."
-    },
-    {
-      "name": "--calcite-input-loading-fill-color",
-      "description": "Specifies the fill color of the `loading` element."
-    },
-    {
-      "name": "--calcite-input-prefix-background-color",
-      "description": "When `prefixText` is provided, specifies the background color of the component's prefix element."
-    },
-    {
-      "name": "--calcite-input-prefix-size-x",
-      "description": "When `prefixText` is provided, specifies the width of the component's prefix element."
-    },
-    {
-      "name": "--calcite-input-prefix-text-color",
-      "description": "When `prefixText` is provided, specifies the text color of the component's prefix element."
-    },
-    {
-      "name": "--calcite-input-suffix-background-color",
-      "description": "When `suffixText` is provided, specifies the background color of the component's suffix element."
-    },
-    {
-      "name": "--calcite-input-suffix-size-x",
-      "description": "When `suffixText` is provided, specifies the width of the component's suffix element."
-    },
-    {
-      "name": "--calcite-input-suffix-text-color",
-      "description": "When `suffixText` is provided, specifies the color of the component's suffix element."
-    },
-    {
-      "name": "--calcite-input-text-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-input-text-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-input-text-corner-radius",
-      "description": "Specifies the component's border radius."
-    },
-    {
-      "name": "--calcite-input-text-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-input-text-placeholder-text-color",
-      "description": "Specifies the component's `placeholder` text color."
-    },
-    {
-      "name": "--calcite-input-text-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-input-text-text-color-focus",
-      "description": "Specifies the component's text color when focused."
-    },
-    {
-      "name": "--calcite-input-time-picker-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-input-time-picker-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-input-time-picker-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-input-time-picker-icon-color-hover",
-      "description": "Specifies the component's icon color when hovered."
-    },
-    {
-      "name": "--calcite-input-time-picker-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-input-time-picker-corner-radius",
-      "description": "Specifies the component's border radius."
-    },
-    {
-      "name": "--calcite-input-time-picker-input-background-color",
-      "description": "Specifies the component's input background color."
-    },
-    {
-      "name": "--calcite-input-time-picker-input-text-color",
-      "description": "Specifies the component's input text color."
-    },
-    {
-      "name": "--calcite-input-time-picker-input-shadow",
-      "description": "Specifies the component's input shadow."
-    },
-    {
-      "name": "--calcite-input-time-picker-input-corner-radius",
-      "description": "Specifies the component's input border radius."
-    },
-    {
-      "name": "--calcite-input-time-picker-input-border-color",
-      "description": "Specifies the component's input border color."
-    },
-    {
-      "name": "--calcite-input-time-picker-digit-text-color",
-      "description": "Specifies the component's digit text color."
-    },
-    {
-      "name": "--calcite-input-time-picker-digit-icon-color",
-      "description": "Specifies the component's digit icon color."
-    },
-    {
-      "name": "--calcite-input-time-picker-digit-border-color-press",
-      "description": "Specifies the component's digit border color when pressed."
-    },
-    {
-      "name": "--calcite-input-time-picker-digit-border-color-hover",
-      "description": "Specifies the component's digit border color when hovered."
-    },
-    {
-      "name": "--calcite-input-time-picker-action-background-color-hover",
-      "description": "Specifies the background color of the component's actions when hovered or focused."
-    },
-    {
-      "name": "--calcite-input-time-picker-action-background-color-press",
-      "description": "Specifies the background color of the component's actions when active."
-    },
-    {
-      "name": "--calcite-label-margin-bottom",
-      "description": "Specifies the component's bottom spacing."
-    },
-    {
-      "name": "--calcite-label-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-link-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-list-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-list-background-color-hover",
-      "description": "Specifies the component's background color when hovered."
-    },
-    {
-      "name": "--calcite-list-background-color-press",
-      "description": "Specifies the component's background color when pressed."
-    },
-    {
-      "name": "--calcite-list-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-list-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-list-content-text-color",
-      "description": "Specifies the content color."
-    },
-    {
-      "name": "--calcite-list-description-text-color",
-      "description": "Specifies the `description` color."
-    },
-    {
-      "name": "--calcite-list-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-list-label-text-color",
-      "description": "Specifies the `label` color."
-    },
-    {
-      "name": "--calcite-list-selection-border-color",
-      "description": "Specifies the component's selection border color."
-    },
-    {
-      "name": "--calcite-list-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-list-color",
-      "description": "Specifies the component's color."
-    },
-    {
-      "name": "--calcite-loader-font-size",
-      "description": "When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage."
-    },
-    {
-      "name": "--calcite-loader-size",
-      "description": "Specifies the component's width and height."
-    },
-    {
-      "name": "--calcite-loader-size-inline",
-      "description": "[Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline."
-    },
-    {
-      "name": "--calcite-loader-spacing",
-      "description": "Specifies the the component's padding."
-    },
-    {
-      "name": "--calcite-loader-progress-color-inline",
-      "description": "When `inline`, specifies the component's progress ring color."
-    },
-    {
-      "name": "--calcite-loader-text-spacing",
-      "description": "When not `inline`, specifies the component's `text` margin."
-    },
-    {
-      "name": "--calcite-loader-text-weight",
-      "description": "When not `inline` and `text` is provided, specifies the component's `text` font weight."
-    },
-    {
-      "name": "--calcite-loader-text-color",
-      "description": "When not `inline` and `text` is provided, specifies the component's `text` color."
-    },
-    {
-      "name": "--calcite-loader-progress-color",
-      "description": "When not `inline`, specifies the component's progress ring color."
-    },
-    {
-      "name": "--calcite-loader-track-color",
-      "description": "Specifies the component's track color."
-    },
-    {
-      "name": "--calcite-menu-item-accent-color",
-      "description": "Specifies the border color of the component when `active`."
-    },
-    {
-      "name": "--calcite-menu-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-menu-item-sub-menu-border-color",
-      "description": "Specifies the border color of sub-menu."
-    },
-    {
-      "name": "--calcite-menu-item-sub-menu-corner-radius",
-      "description": "Specifies the border radius of sub-menu."
-    },
-    {
-      "name": "--calcite-menu-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-meter-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-meter-border-color",
-      "description": "Specifies the border color of the component and displayed step lines."
-    },
-    {
-      "name": "--calcite-meter-shadow",
-      "description": "Specifies the box shadow of the component."
-    },
-    {
-      "name": "--calcite-meter-corner-radius",
-      "description": "Specifies the corner radius of the component."
-    },
-    {
-      "name": "--calcite-meter-fill-color",
-      "description": "Specifies the color of the component's fill."
-    },
-    {
-      "name": "--calcite-meter-range-text-color",
-      "description": "Specifies the color of the component's range labels."
-    },
-    {
-      "name": "--calcite-meter-value-text-color",
-      "description": "Specifies the color of the component's value label."
-    },
-    {
-      "name": "--calcite-modal-content-background",
-      "description": "Specifies the background color of content placed in the component's `\"content\"` slot."
-    },
-    {
-      "name": "--calcite-modal-content-padding",
-      "description": "Specifies the padding of the component's `\"content\"` slot."
-    },
-    {
-      "name": "--calcite-modal-scrim-background",
-      "description": "Specifies the background color of the component's scrim."
-    },
-    {
-      "name": "--calcite-modal-width",
-      "description": "Specifies the width of the component, using `px`, `em`, `rem`, `vw`, or `%`. Will never exceed the width of the viewport. Will not apply if `fullscreen` if set."
-    },
-    {
-      "name": "--calcite-modal-height",
-      "description": "Specifies the height of the component, using `px`, `em`, `rem`, `vh`, or `%`. Will never exceed the height of the viewport. Will not apply if `fullscreen` if set."
-    },
-    {
-      "name": "--calcite-navigation-width",
-      "description": "Specifies the width of the component's content area."
-    },
-    {
-      "name": "--calcite-navigation-background",
-      "description": "[Deprecated] Use `--calcite-navigation-background-color`. Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-navigation-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-navigation-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-navigation-accent-color",
-      "description": "Specifies the component's border color when `active`."
-    },
-    {
-      "name": "--calcite-navigation-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-navigation-logo-heading-text-color",
-      "description": "Specifies the component's default color for heading text."
-    },
-    {
-      "name": "--calcite-navigation-logo-text-color",
-      "description": "Specifies the component's default color for icon and description text."
-    },
-    {
-      "name": "--calcite-navigation-accent-color",
-      "description": "Specifies the components's border color when `active`."
-    },
-    {
-      "name": "--calcite-navigation-user-avatar-corner-radius",
-      "description": "Specifies the component's avatar corner radius."
-    },
-    {
-      "name": "--calcite-navigation-user-avatar-color",
-      "description": "Specifies the component's avatar icon color."
-    },
-    {
-      "name": "--calcite-navigation-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-navigation-user-full-name-text-color",
-      "description": "Specifies the component's `fullName` text color."
-    },
-    {
-      "name": "--calcite-navigation-user-name-text-color",
-      "description": "Specifies the component's `username` text color."
-    },
-    {
-      "name": "--calcite-notice-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-notice-close-background-color-focus",
-      "description": "Specifies the component's background color when focused."
-    },
-    {
-      "name": "--calcite-notice-close-background-color-press",
-      "description": "Specifies the component's background color when active."
-    },
-    {
-      "name": "--calcite-notice-close-icon-color-hover",
-      "description": "Specifies the background color of the component's close button when hovered."
-    },
-    {
-      "name": "--calcite-notice-close-icon-color",
-      "description": "Specifies the text color of the component's close button."
-    },
-    {
-      "name": "--calcite-notice-title-text-color",
-      "description": "Specifies the component's title text color."
-    },
-    {
-      "name": "--calcite-notice-content-text-color",
-      "description": "Specifies the component's content text color."
-    },
-    {
-      "name": "--calcite-notice-width",
-      "description": "[Deprecated] Specifies the component's width."
-    },
-    {
-      "name": "--calcite-notice-close-text-color-hover",
-      "description": "[Deprecated] Use `--calcite-notice-close-icon-color-hover`. Specifies the background color of the component's close button when hovered."
-    },
-    {
-      "name": "--calcite-notice-close-text-color",
-      "description": "[Deprecated] Use `--calcite-notice-close-icon-color`. Specifies the text color of the component's close button."
-    },
-    {
-      "name": "--calcite-pagination-color",
-      "description": "Specifies the component's item color."
-    },
-    {
-      "name": "--calcite-pagination-color-hover",
-      "description": "Specifies the component's item color when hovered or selected."
-    },
-    {
-      "name": "--calcite-pagination-color-border-hover",
-      "description": "Specifies the component's item bottom border color when hovered."
-    },
-    {
-      "name": "--calcite-pagination-color-border-active",
-      "description": "Specifies the component's item bottom border color when selected."
-    },
-    {
-      "name": "--calcite-pagination-background-color",
-      "description": "Specifies the component's item background color when active."
-    },
-    {
-      "name": "--calcite-pagination-icon-color-background-hover",
-      "description": "Specifies the component's chevron item background color when hovered."
-    },
-    {
-      "name": "--calcite-panel-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-panel-heading-text-color",
-      "description": "Specifies the text color of the component's `heading`."
-    },
-    {
-      "name": "--calcite-panel-icon-color",
-      "description": "Specifies the color of the component's icon."
-    },
-    {
-      "name": "--calcite-panel-description-text-color",
-      "description": "Specifies the text color of the component's `description`."
-    },
-    {
-      "name": "--calcite-panel-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-panel-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-panel-header-background-color",
-      "description": "Specifies the background color of the component's header."
-    },
-    {
-      "name": "--calcite-panel-header-action-background-color",
-      "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
-    },
-    {
-      "name": "--calcite-panel-header-action-background-color-hover",
-      "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered."
-    },
-    {
-      "name": "--calcite-panel-header-action-background-color-press",
-      "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."
-    },
-    {
-      "name": "--calcite-panel-header-action-text-color",
-      "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
-    },
-    {
-      "name": "--calcite-panel-header-action-text-color-press",
-      "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered."
-    },
-    {
-      "name": "--calcite-panel-footer-background-color",
-      "description": "Specifies the background color of the component's footer."
-    },
-    {
-      "name": "--calcite-panel-space",
-      "description": "Specifies the padding of the component's `\"unnamed (default)\"` slot."
-    },
-    {
-      "name": "--calcite-panel-header-content-space",
-      "description": "Specifies the padding of the `\"header-content\"` slot."
-    },
-    {
-      "name": "--calcite-panel-footer-space",
-      "description": "Specifies the padding of the component's footer."
-    },
-    {
-      "name": "--calcite-popover-border-color",
-      "description": "Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s."
-    },
-    {
-      "name": "--calcite-panel-content-space",
-      "description": "[Deprecated] Use `--calcite-panel-space` instead. Specifies the padding of the component's content."
-    },
-    {
-      "name": "--calcite-panel-footer-padding",
-      "description": "[Deprecated] Use `--calcite-panel-footer-space` instead. Specifies the padding of the component's footer."
-    },
-    {
-      "name": "--calcite-panel-header-border-block-end",
-      "description": "[Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border."
-    },
-    {
-      "name": "--calcite-popover-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-popover-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-popover-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-popover-max-size-x",
-      "description": "Specifies the component's maximum width."
-    },
-    {
-      "name": "--calcite-popover-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-popover-z-index",
-      "description": "Specifies the component's z-index value."
-    },
-    {
-      "name": "--calcite-progress-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-progress-fill-color",
-      "description": "Specifies the component's fill color."
-    },
-    {
-      "name": "--calcite-progress-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-radio-button-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-radio-button-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-radio-button-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-radio-button-size",
-      "description": "Specifies the component's size."
-    },
-    {
-      "name": "--calcite-radio-size",
-      "description": "[Deprecated] Use `--calcite-radio-button-size`. Specifies the component's size."
-    },
-    {
-      "name": "--calcite-radio-button-group-gap",
-      "description": "Specifies the space between slotted components in the component."
-    },
-    {
-      "name": "--calcite-radio-button-input-message-spacing",
-      "description": "Specifies the margin spacing at the top of the input-message component."
-    },
-    {
-      "name": "--calcite-rating-spacing-unit",
-      "description": "[Deprecated] Use `--calcite-rating-spacing`. Specifies the amount of left and right margin spacing between each item."
-    },
-    {
-      "name": "--calcite-rating-spacing",
-      "description": "Specifies the amount of left and right margin spacing between each item."
-    },
-    {
-      "name": "--calcite-rating-color-hover",
-      "description": "Specifies the component's item color when hovered."
-    },
-    {
-      "name": "--calcite-rating-color-press",
-      "description": "Specifies the component's item color when active."
-    },
-    {
-      "name": "--calcite-rating-color",
-      "description": "Specifies the component's item color."
-    },
-    {
-      "name": "--calcite-rating-average-color",
-      "description": "Specifies the component's item color when average is set."
-    },
-    {
-      "name": "--calcite-rating-average-text-color",
-      "description": "Specifies the component's average text color."
-    },
-    {
-      "name": "--calcite-rating-count-text-color",
-      "description": "Specifies the component's count text color."
-    },
-    {
-      "name": "--calcite-scrim-background",
-      "description": "Specifies the background color of the scrim."
-    },
-    {
-      "name": "--calcite-segmented-control-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-segmented-control-color",
-      "description": "Specifies the component's color."
-    },
-    {
-      "name": "--calcite-segmented-control-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-segmented-control-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-segmented-control-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-segmented-control-icon-color",
-      "description": "Specifies the icons's color."
-    },
-    {
-      "name": "--calcite-select-font-size",
-      "description": "Specifies the font size of `calcite-option`s in the component."
-    },
-    {
-      "name": "--calcite-select-text-color",
-      "description": "Specifies the text color of `calcite-option`s in the component."
-    },
-    {
-      "name": "--calcite-select-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-select-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-select-icon-color-hover",
-      "description": "Specifies the component's icon color when hovered or active."
-    },
-    {
-      "name": "--calcite-select-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-select-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-select-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-sheet-background-color",
-      "description": "Specifies the background color of the sheet."
-    },
-    {
-      "name": "--calcite-sheet-corner-radius",
-      "description": "Specifies the corner radius of the component."
-    },
-    {
-      "name": "--calcite-sheet-shadow",
-      "description": "Specifies the shadow of the component."
-    },
-    {
-      "name": "--calcite-sheet-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-sheet-resize-background-color",
-      "description": "Specifies the background color of the resize handle."
-    },
-    {
-      "name": "--calcite-sheet-resize-icon-color",
-      "description": "Specifies the text color of the resize handle."
-    },
-    {
-      "name": "--calcite-sheet-scrim-background",
-      "description": "Specifies the background color of the sheet scrim."
-    },
-    {
-      "name": "--calcite-sheet-width",
-      "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component."
-    },
-    {
-      "name": "--calcite-sheet-max-width",
-      "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component."
-    },
-    {
-      "name": "--calcite-sheet-min-width",
-      "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component."
-    },
-    {
-      "name": "--calcite-sheet-height",
-      "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component."
-    },
-    {
-      "name": "--calcite-sheet-max-height",
-      "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component."
-    },
-    {
-      "name": "--calcite-sheet-min-height",
-      "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component."
-    },
-    {
-      "name": "--calcite-shell-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-shell-tip-spacing",
-      "description": "[Deprecated] This component has been deprecated. The left and right spacing of the `calcite-tip-manager` when slotted in the component."
-    },
-    {
-      "name": "--calcite-shell-panel-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-border-color",
-      "description": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
-    },
-    {
-      "name": "--calcite-shell-panel-corner-radius",
-      "description": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-shell-panel-height",
-      "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the height of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-max-height",
-      "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-max-width",
-      "description": "Specifies the maximum width of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-min-height",
-      "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-min-width",
-      "description": "Specifies the minimum width of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-resize-background-color",
-      "description": "Specifies the background color of the resize handle."
-    },
-    {
-      "name": "--calcite-shell-panel-resize-icon-color",
-      "description": "Specifies the text color of the resize handle."
-    },
-    {
-      "name": "--calcite-shell-panel-shadow",
-      "description": "When `displayMode` is `\"float-all\"`, specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-shell-panel-text-color",
-      "description": "Specifies the text color of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-width",
-      "description": "Specifies the width of the component."
-    },
-    {
-      "name": "--calcite-shell-panel-z-index",
-      "description": "Specifies the z-index value for the component."
-    },
-    {
-      "name": "--calcite-slider-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-slider-track-color",
-      "description": "Specifies the component's track color."
-    },
-    {
-      "name": "--calcite-slider-track-fill-color",
-      "description": "Specifies the component's track fill color."
-    },
-    {
-      "name": "--calcite-slider-handle-fill-color",
-      "description": "Specifies the component's handle fill color."
-    },
-    {
-      "name": "--calcite-slider-handle-extension-color",
-      "description": "Specifies the component's handle extension color."
-    },
-    {
-      "name": "--calcite-slider-accent-color",
-      "description": "Specifies the component's accent color."
-    },
-    {
-      "name": "--calcite-slider-tick-color",
-      "description": "Specifies the component's tick color."
-    },
-    {
-      "name": "--calcite-slider-tick-border-color",
-      "description": "Specifies the component's tick border color."
-    },
-    {
-      "name": "--calcite-slider-tick-selected-color",
-      "description": "Specifies the component's tick color when in selected range."
-    },
-    {
-      "name": "--calcite-slider-graph-color",
-      "description": "Specifies the component's graph color."
-    },
-    {
-      "name": "--calcite-split-button-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-split-button-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-split-button-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-split-button-icon-color",
-      "description": "Specifies the component's `iconStart` and `iconEnd` color."
-    },
-    {
-      "name": "--calcite-split-button-loader-color",
-      "description": "Specifies the component's loader color."
-    },
-    {
-      "name": "--calcite-split-button-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-split-button-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-split-button-divider-border-color",
-      "description": "Specifies the component's divider border color."
-    },
-    {
-      "name": "--calcite-split-button-divider-color",
-      "description": "Specifies the component's divider color."
-    },
-    {
-      "name": "--calcite-split-button-dropdown-width",
-      "description": "Specifies the width of the component's dropdown."
-    },
-    {
-      "name": "--calcite-split-button-dropdown-background-color",
-      "description": "Specifies the component's dropdown background color.\n*"
-    },
-    {
-      "name": "--calcite-stack-padding-inline",
-      "description": "Specifies the inline padding of the component's content."
-    },
-    {
-      "name": "--calcite-stack-padding-block",
-      "description": "Specifies the block padding of the component's content."
-    },
-    {
-      "name": "--calcite-stepper-bar-gap",
-      "description": "Specifies the space between items in the component."
-    },
-    {
-      "name": "--calcite-stepper-bar-inactive-fill-color",
-      "description": "Specifies the fill color of items in the component."
-    },
-    {
-      "name": "--calcite-stepper-bar-active-fill-color",
-      "description": "Specifies the fill color of active items in the component."
-    },
-    {
-      "name": "--calcite-stepper-bar-complete-fill-color",
-      "description": "Specifies the fill color of complete items in the component."
-    },
-    {
-      "name": "--calcite-stepper-bar-error-fill-color",
-      "description": "Specifies the fill color of error items in the component."
-    },
-    {
-      "name": "--calcite-stepper-item-background-color-press",
-      "description": "Specifies the component's background-color when active."
-    },
-    {
-      "name": "--calcite-stepper-item-header-text-color",
-      "description": "Specifies the component's header text color."
-    },
-    {
-      "name": "--calcite-stepper-item-header-text-color-hover",
-      "description": "Specifies the component's header text color when hovered or focused."
-    },
-    {
-      "name": "--calcite-stepper-item-selected-header-text-color",
-      "description": "Specifies the component's header text color when selected."
-    },
-    {
-      "name": "--calcite-stepper-item-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-stepper-item-complete-icon-color",
-      "description": "Specifies the component's icon color when complete."
-    },
-    {
-      "name": "--calcite-stepper-item-error-icon-color",
-      "description": "Specifies the component's icon and number color when in error."
-    },
-    {
-      "name": "--calcite-stepper-item-selected-icon-color",
-      "description": "Specifies the component's icon and number color when selected."
-    },
-    {
-      "name": "--calcite-stepper-item-description-text-color",
-      "description": "Specifies the component's description and number text color."
-    },
-    {
-      "name": "--calcite-stepper-item-description-text-color-hover",
-      "description": "Specifies the component's description text color when hovered, focused or selected."
-    },
-    {
-      "name": "--calcite-stepper-bar-gap",
-      "description": "Specifies the component's bottom spacing."
-    },
-    {
-      "name": "--calcite-stepper-bar-fill-color",
-      "description": "Specifies the component's fill color."
-    },
-    {
-      "name": "--calcite-stepper-bar-fill-color-hover",
-      "description": "Specifies the component's fill color when hovered or focused."
-    },
-    {
-      "name": "--calcite-stepper-bar-complete-fill-color",
-      "description": "Specifies the component's fill color when complete."
-    },
-    {
-      "name": "--calcite-stepper-bar-complete-fill-color-hover",
-      "description": "When the component is `complete`, specifies the component's fill color when hovered or focused."
-    },
-    {
-      "name": "--calcite-stepper-bar-error-fill-color",
-      "description": "Specifies the component's fill color when in error."
-    },
-    {
-      "name": "--calcite-stepper-bar-error-fill-color-hover",
-      "description": "When the component contains an `error`, specifies the component's fill color when hovered or focused."
-    },
-    {
-      "name": "--calcite-stepper-bar-selected-fill-color",
-      "description": "Specifies the component's fill color when selected."
-    },
-    {
-      "name": "--calcite-swatch-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-swatch-group-space",
-      "description": "Specifies the space between slotted elements."
-    },
-    {
-      "name": "--calcite-switch-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-switch-background-color-hover",
-      "description": "Specifies the component's background color when hovered or pressed."
-    },
-    {
-      "name": "--calcite-switch-border-color",
-      "description": "[Deprecated] No longer necessary. Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-switch-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-switch-handle-background-color",
-      "description": "Specifies the handle's background color."
-    },
-    {
-      "name": "--calcite-switch-handle-border-color",
-      "description": "[Deprecated] No longer necessary. Specifies the handle's border color."
-    },
-    {
-      "name": "--calcite-switch-handle-shadow",
-      "description": "[Deprecated] No longer necessary. Specifies the handle's shadow."
-    },
-    {
-      "name": "--calcite-tab-content-space-y",
-      "description": "Specifies the vertical space between the component's content in the `default` slot."
-    },
-    {
-      "name": "--calcite-tab-content-block-padding",
-      "description": "[Deprecated] Use `--calcite-tab-content-space-y` instead. Specifies the block padding of the component's content in the `default` slot."
-    },
-    {
-      "name": "--calcite-tab-background-color",
-      "description": "When `calcite-tabs` is `bordered`, specifies the component's background color."
-    },
-    {
-      "name": "--calcite-tab-border-color",
-      "description": "When `calcite-tabs` is `bordered`, specifies the component's border color."
-    },
-    {
-      "name": "--calcite-tab-text-color",
-      "description": "Specifies the component's `iconStart, `iconEnd`, and text color."
-    },
-    {
-      "name": "--calcite-tab-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-tab-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-tab-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-tab-background-color-hover",
-      "description": "When `calcite-tabs` is `bordered`, specifies the component's background color when hovered."
-    },
-    {
-      "name": "--calcite-tab-accent-color-press",
-      "description": "Specifies the component's accent color when selected or active."
-    },
-    {
-      "name": "--calcite-tab-icon-color-end",
-      "description": "Specifies the component's `iconEnd` color. Fallback to `--calcite-icon-color`."
-    },
-    {
-      "name": "--calcite-tab-icon-color-start",
-      "description": "Specifies the component's `iconStart` color. Fallback to `--calcite-icon-color`."
-    },
-    {
-      "name": "--calcite-tab-close-icon-color",
-      "description": "Specifies the component's close element icon color."
-    },
-    {
-      "name": "--calcite-tab-close-icon-color-press",
-      "description": "Specifies the component's close element icon color when hovered, focused, and active."
-    },
-    {
-      "name": "--calcite-tab-close-icon-background-color",
-      "description": "Specifies the component's close element icon background color."
-    },
-    {
-      "name": "--calcite-tab-close-icon-background-color-press",
-      "description": "Specifies the component's close element icon background color when hovered, focused, and active."
-    },
-    {
-      "name": "--calcite-table-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-table-corner-radius",
-      "description": "Specifies the component's border radius."
-    },
-    {
-      "name": "--calcite-table-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-table-number-cell-background-color",
-      "description": "Specifies the background color of the component's `numbered` cell."
-    },
-    {
-      "name": "--calcite-table-number-cell-text-color",
-      "description": "Specifies the text color of the component's `numbered` cell."
-    },
-    {
-      "name": "--calcite-table-selection-cell-background-color",
-      "description": "Specifies the background color of the component's `selectionMode` cell."
-    },
-    {
-      "name": "--calcite-table-selection-cell-background-color-selected",
-      "description": "Specifies the background color of the component's `selectionMode` cell."
-    },
-    {
-      "name": "--calcite-table-selection-cell-icon-color",
-      "description": "Specifies the icon color of the component's `selectionMode` selection icon."
-    },
-    {
-      "name": "--calcite-table-selection-cell-icon-color-selected",
-      "description": "Specifies the icon color of the component's `selectionMode` selection icon when selected."
-    },
-    {
-      "name": "--calcite-table-selection-chip-background-color",
-      "description": "Specifies the background color of the component's `selectionMode` selection chip."
-    },
-    {
-      "name": "--calcite-table-selection-chip-border-color",
-      "description": "Specifies the border color of the component's `selectionMode` selection chip."
-    },
-    {
-      "name": "--calcite-table-selection-chip-corner-radius",
-      "description": "Specifies the corner radius of the component's `selectionMode` selection chip."
-    },
-    {
-      "name": "--calcite-table-selection-chip-shadow",
-      "description": "Specifies the shadow of the component's `selectionMode` selection chip."
-    },
-    {
-      "name": "--calcite-table-selection-chip-text-color",
-      "description": "Specifies the text color of the component's `selectionMode` selection chip."
-    },
-    {
-      "name": "--calcite-table-selection-chip-background-color-selected",
-      "description": "Specifies the background color of the component's `selectionMode` selection chip when Table Rows are selected."
-    },
-    {
-      "name": "--calcite-table-selection-chip-border-color-selected",
-      "description": "Specifies the border color of the component's `selectionMode` selection chip when Table Rows are selected."
-    },
-    {
-      "name": "--calcite-table-selection-chip-text-color-selected",
-      "description": "Specifies the text color of the component's `selectionMode` selection chip when Table Rows are selected."
-    },
-    {
-      "name": "--calcite-table-selection-out-of-view-chip-background-color",
-      "description": "Specifies the background color of the component's `selectionMode` selection out of view chip."
-    },
-    {
-      "name": "--calcite-table-selection-out-of-view-chip-border-color",
-      "description": "Specifies the border color of the component's `selectionMode` selection out of view chip."
-    },
-    {
-      "name": "--calcite-table-selection-out-of-view-chip-corner-radius",
-      "description": "Specifies the corner radius of the component's `selectionMode` selection out of view chip."
-    },
-    {
-      "name": "--calcite-table-selection-out-of-view-chip-icon-color",
-      "description": "Specifies the icon color of the component's `selectionMode` selection out of view chip."
-    },
-    {
-      "name": "--calcite-table-selection-out-of-view-chip-shadow",
-      "description": "Specifies the shadow of the component's `selectionMode` selection out of view chip."
-    },
-    {
-      "name": "--calcite-table-selection-out-of-view-chip-text-color",
-      "description": "Specifies the text color of the component's `selectionMode` selection out of view chip."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-background-color-active",
-      "description": "Specifies the background color of the component's `selectionMode` selection dismiss chip when active."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-background-color-hover",
-      "description": "Specifies the background color of the component's `selectionMode` selection dismiss chip when hovered."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-background-color",
-      "description": "Specifies the background color of the component's `selectionMode` selection dismiss chip."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-border-color-active",
-      "description": "Specifies the border color of the component's `selectionMode` selection dismiss chip when active."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-border-color-hover",
-      "description": "Specifies the border color of the component's `selectionMode` selection dismiss chip when hovered."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-border-color",
-      "description": "Specifies the border color of the component's `selectionMode` selection dismiss chip."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-corner-radius",
-      "description": "Specifies the corner radius of the component's `selectionMode` selection dismiss chip."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-shadow",
-      "description": "Specifies the shadow of the component's `selectionMode` selection dismiss chip."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-text-color-active",
-      "description": "Specifies the text color of the component's `selectionMode` selection dismiss chip when active."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-text-color-hover",
-      "description": "Specifies the text color of the component's `selectionMode` selection dismiss chip when hovered."
-    },
-    {
-      "name": "--calcite-table-selection-dismiss-button-text-color",
-      "description": "Specifies the text color of the component's `selectionMode` selection dismiss chip."
-    },
-    {
-      "name": "--calcite-table-pagination-color",
-      "description": "Specifies the component's `pageSize` pagination item color."
-    },
-    {
-      "name": "--calcite-table-pagination-color-hover",
-      "description": "Specifies the component's `pageSize` pagination item color when hovered or selected."
-    },
-    {
-      "name": "--calcite-table-pagination-color-border-hover",
-      "description": "Specifies the component's `pageSize` pagination item bottom border color when hovered."
-    },
-    {
-      "name": "--calcite-table-pagination-color-border-active",
-      "description": "Specifies the component's `pageSize` pagination item bottom border color when selected."
-    },
-    {
-      "name": "--calcite-table-pagination-background-color",
-      "description": "Specifies the component's `pageSize` pagination item background color when active."
-    },
-    {
-      "name": "--calcite-table-pagination-icon-color-background-hover",
-      "description": "Specifies the component's `pageSize` pagination chevron item background color when hovered."
-    },
-    {
-      "name": "--calcite-table-cell-background",
-      "description": "[Deprecated] Use `--calcite-table-cell-background-color` instead. Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-table-cell-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-table-cell-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-table-cell-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-table-header-background",
-      "description": "[Deprecated] Use the `--calcite-table-header-background-color` property instead. Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-table-header-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-table-header-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-table-header-heading-text-color",
-      "description": "Specifies the component's `heading` text color."
-    },
-    {
-      "name": "--calcite-table-header-description-text-color",
-      "description": "Specifies the component's `description` text color."
-    },
-    {
-      "name": "--calcite-table-row-background",
-      "description": "[Deprecated] Use `--calcite-table-row-background-color` instead. Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-table-row-background-color",
-      "description": "Specifies the background color of the component."
-    },
-    {
-      "name": "--calcite-table-row-background-color-striped",
-      "description": "The background color of the component's `striped` rows, when specified."
-    },
-    {
-      "name": "--calcite-table-row-background-color-selected",
-      "description": "The background color of the component's `selected` rows, when specified."
-    },
-    {
-      "name": "--calcite-table-row-accent-color-selected",
-      "description": "Specifies the selected accent color of the component."
-    },
-    {
-      "name": "--calcite-table-row-border-color",
-      "description": "Specifies the border color of the component."
-    },
-    {
-      "name": "--calcite-tab-background-color",
-      "description": "When `bordered`, specifies the component's background color."
-    },
-    {
-      "name": "--calcite-tab-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-text-area-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-text-area-border-color",
-      "description": "Specifies the component's text area border color."
-    },
-    {
-      "name": "--calcite-text-area-character-limit-text-color",
-      "description": "Specifies the color of the character limit text displayed in the footer of the component."
-    },
-    {
-      "name": "--calcite-text-area-divider-color",
-      "description": "Specifies the color of the divider between the text area and footer."
-    },
-    {
-      "name": "--calcite-text-area-font-size",
-      "description": "Specifies the font size of the text area and footer."
-    },
-    {
-      "name": "--calcite-text-area-max-height",
-      "description": "Specifies the component's text area maximum height."
-    },
-    {
-      "name": "--calcite-text-area-min-height",
-      "description": "Specifies the component's text area minimum height."
-    },
-    {
-      "name": "--calcite-text-area-max-width",
-      "description": "Specifies the component's text area maximum width."
-    },
-    {
-      "name": "--calcite-text-area-min-width",
-      "description": "Specifies the component's text area minimum width."
-    },
-    {
-      "name": "--calcite-text-area-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-text-area-footer-border-color",
-      "description": "Specifies the footer's border color."
-    },
-    {
-      "name": "--calcite-text-area-corner-radius",
-      "description": "Specifies component's corner radius."
-    },
-    {
-      "name": "--calcite-text-area-shadow",
-      "description": "Specifies the component's shadow."
-    },
-    {
-      "name": "--calcite-text-area-footer-background-color",
-      "description": "Specifies the footer's background color."
-    },
-    {
-      "name": "--calcite-tile-accent-color-press",
-      "description": "When the parent `calcite-tile-group` has a `selectionMode` that is not `\"none\"`, specifies the color of the component's selection elements, such as the radio, checkbox, and border."
-    },
-    {
-      "name": "--calcite-tile-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-tile-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-tile-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-tile-heading-text-color",
-      "description": "Specifies the component's `heading` text color."
-    },
-    {
-      "name": "--calcite-tile-link-color",
-      "description": "When `href` is present, specifies the component's link color."
-    },
-    {
-      "name": "--calcite-tile-shadow",
-      "description": "Specifies the shadow around the component."
-    },
-    {
-      "name": "--calcite-tile-text-color",
-      "description": "Specifies the component's `description` and `icon` text color, but not the `heading` text color."
-    },
-    {
-      "name": "--calcite-tile-link-text-color",
-      "description": "Specifies the component's link text color."
-    },
-    {
-      "name": "--calcite-time-picker-background-color",
-      "description": "Specifies the background color of the time picker."
-    },
-    {
-      "name": "--calcite-time-picker-border-color",
-      "description": "Specifies the border color of the time picker."
-    },
-    {
-      "name": "--calcite-time-picker-corner-radius",
-      "description": "Specifies the border radius of the time picker."
-    },
-    {
-      "name": "--calcite-time-picker-button-background-color-hover",
-      "description": "Specifies the button's background color when hovered or focused."
-    },
-    {
-      "name": "--calcite-time-picker-button-background-color-press",
-      "description": "Specifies the button's background color when active."
-    },
-    {
-      "name": "--calcite-time-picker-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-time-picker-icon-color",
-      "description": "Specifies the component's icon color."
-    },
-    {
-      "name": "--calcite-time-picker-input-border-color-press",
-      "description": "Specifies the input's border color when active."
-    },
-    {
-      "name": "--calcite-time-picker-input-border-color-hover",
-      "description": "Specifies the input's border color when hovered."
-    },
-    {
-      "name": "--calcite-tip-manager-height",
-      "description": "The maximum height of the component."
-    },
-    {
-      "name": "--calcite-tip-max-width",
-      "description": "The maximum width of a slotted `calcite-tip` within the component."
-    },
-    {
-      "name": "--calcite-tooltip-background-color",
-      "description": "Specifies the component's background color."
-    },
-    {
-      "name": "--calcite-tooltip-border-color",
-      "description": "Specifies the component's border color."
-    },
-    {
-      "name": "--calcite-tooltip-corner-radius",
-      "description": "Specifies the component's corner radius."
-    },
-    {
-      "name": "--calcite-tooltip-max-size-x",
-      "description": "Specifies the component's maximum width."
-    },
-    {
-      "name": "--calcite-tooltip-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-tooltip-z-index",
-      "description": "Specifies the z-index value for the component."
-    },
-    {
-      "name": "--calcite-tree-text-color",
-      "description": "Specifies the component's text color."
-    },
-    {
-      "name": "--calcite-tree-text-color-selected",
-      "description": "Specifies the component's text color when selected."
-    },
-    {
-      "name": "--calcite-tree-selected-icon-color",
-      "description": "Specifies the component's selection icon color."
-    }
-  ],
-  "pseudoElements": []
-}
+{"$schema":"https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json","version":1.1,"properties":[{"name":"--calcite-accordion-border-color","description":"Specifies the component's border color."},{"name":"--calcite-accordion-background-color","description":"Specifies the component's background color."},{"name":"--calcite-accordion-text-color","description":"Specifies the component's text color."},{"name":"--calcite-accordion-text-color-hover","description":"Specifies the component's main text color on hover."},{"name":"--calcite-accordion-text-color-press","description":"Specifies the component's main text color when pressed."},{"name":"--calcite-accordion-border-color","description":"Specifies the component's border color."},{"name":"--calcite-accordion-background-color","description":"Specifies the component's background color."},{"name":"--calcite-accordion-text-color","description":"Specifies the component's text color."},{"name":"--calcite-accordion-text-color-hover","description":"Specifies the component's main text color on hover."},{"name":"--calcite-accordion-text-color-press","description":"Specifies the component's main text color when pressed."},{"name":"--calcite-accordion-item-background-color","description":"[Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color."},{"name":"--calcite-accordion-item-border-color","description":"[Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color."},{"name":"--calcite-accordion-item-content-space","description":"Specifies the component's padding."},{"name":"--calcite-accordion-item-end-icon-color","description":"Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color."},{"name":"--calcite-accordion-item-expand-icon-color","description":"Specifies the component's expand icon color."},{"name":"--calcite-accordion-item-header-background-color","description":"Specifies the component's `heading` background color."},{"name":"--calcite-accordion-item-header-background-color-hover","description":"Specifies the component's `heading` background color when hovered."},{"name":"--calcite-accordion-item-header-background-color-press","description":"Specifies the component's `heading` background color when pressed."},{"name":"--calcite-accordion-item-heading-text-color","description":"Specifies the component's `heading` text color."},{"name":"--calcite-accordion-item-icon-color","description":"[Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color."},{"name":"--calcite-accordion-item-start-icon-color","description":"Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color."},{"name":"--calcite-accordion-item-text-color","description":"[Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color."},{"name":"--calcite-accordion-item-text-color-hover","description":"[Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover."},{"name":"--calcite-action-background-color-hover","description":"Specifies the component's background color when hovered."},{"name":"--calcite-action-background-color-press","description":"Specifies the component's background color when active."},{"name":"--calcite-action-background-color-pressed","description":"[Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active."},{"name":"--calcite-action-background-color","description":"Specifies the component's background color."},{"name":"--calcite-action-corner-radius-end-end","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end."},{"name":"--calcite-action-corner-radius-end-start","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start."},{"name":"--calcite-action-corner-radius-start-end","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end."},{"name":"--calcite-action-corner-radius-start-start","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start."},{"name":"--calcite-action-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-action-indicator-color","description":"Specifies the component's indicator color."},{"name":"--calcite-action-text-color-press","description":"Specifies the component's text color when pressed or hovered."},{"name":"--calcite-action-text-color-pressed","description":"[Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered."},{"name":"--calcite-action-text-color","description":"Specifies the component's text color."},{"name":"--calcite-action-bar-background-color","description":"Specifies the component's background color."},{"name":"--calcite-action-bar-corner-radius","description":"Specifies the component's border radius when `floating` is `true`."},{"name":"--calcite-action-bar-expanded-max-width","description":"When `layout` is `\"vertical\"`, specifies the component's maximum width."},{"name":"--calcite-action-bar-items-space","description":"Specifies the space between slotted components in the component."},{"name":"--calcite-action-bar-shadow","description":"Specifies the component's shadow when `floating` is `true`."},{"name":"--calcite-action-background-color","description":"Specifies the component's background color."},{"name":"--calcite-action-group-border-color","description":"Specifies the component's border color when used in a `calcite-action-bar` or `calcite-action-menu`."},{"name":"--calcite-action-group-columns","description":"When `layout` is `\"grid\"`, specifies the component's `grid-template-columns`."},{"name":"--calcite-action-group-gap","description":"When `layout` is `\"grid\"`, specifies the component's gap."},{"name":"--calcite-action-menu-items-space","description":"Specifies the space between actions in the menu."},{"name":"--calcite-action-pad-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-action-pad-expanded-max-width","description":"When `expanded` and `layout` is `\"vertical\"`, specifies the component's maximum width."},{"name":"--calcite-action-pad-items-space","description":"Specifies the component's space between slotted components."},{"name":"--calcite-alert-width","description":"Specifies the component's width."},{"name":"--calcite-alert-background-color","description":"Specifies the component's background color."},{"name":"--calcite-alert-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-alert-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-alert-offset-size","description":"Specifies the component's `placement` offset."},{"name":"--calcite-autocomplete-background-color","description":"Specifies the component's background color."},{"name":"--calcite-autocomplete-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-autocomplete-text-color","description":"Specifies the component's text color."},{"name":"--calcite-autocomplete-menu-max-size-y","description":"Specifies the maximum height of the component's menu."},{"name":"--calcite-autocomplete-input-prefix-size","description":"Specifies the input's prefix width, when present."},{"name":"--calcite-autocomplete-input-suffix-size","description":"Specifies the input's suffix width, when present."},{"name":"--calcite-autocomplete-input-background-color","description":"Specifies the background color of the component's input."},{"name":"--calcite-autocomplete-input-border-color","description":"Specifies the border color of the component's input."},{"name":"--calcite-autocomplete-input-corner-radius","description":"Specifies the corner radius of the component's input."},{"name":"--calcite-autocomplete-input-shadow","description":"Specifies the shadow of the component's input."},{"name":"--calcite-autocomplete-input-icon-color","description":"Specifies the icon color of the component's input."},{"name":"--calcite-autocomplete-input-text-color","description":"Specifies the text color of the component's input."},{"name":"--calcite-autocomplete-input-placeholder-text-color","description":"Specifies the placeholder text color of the component's input."},{"name":"--calcite-autocomplete-input-actions-background-color","description":"Specifies the background color of the input's `clearable` element."},{"name":"--calcite-autocomplete-input-actions-background-color-hover","description":"Specifies the background color of the input's `clearable` element when hovered."},{"name":"--calcite-autocomplete-input-actions-background-color-press","description":"Specifies the background color of the input's `clearable` element when pressed."},{"name":"--calcite-autocomplete-input-actions-icon-color","description":"Specifies the icon color of the input's `clearable` element."},{"name":"--calcite-autocomplete-input-actions-icon-color-hover","description":"Specifies the icon color of the input's `clearable` element when hovered."},{"name":"--calcite-autocomplete-input-actions-icon-color-press","description":"Specifies the icon color of the input's `clearable` element when pressed."},{"name":"--calcite-autocomplete-input-loading-background-color","description":"Specifies the background color of the Input's `loading` element, when present."},{"name":"--calcite-autocomplete-input-loading-fill-color","description":"Specifies the fill color of the Input's `loading` element, when present."},{"name":"--calcite-autocomplete-input-prefix-text-color","description":"Specifies the text color of the Input's prefix, when present."},{"name":"--calcite-autocomplete-input-suffix-text-color","description":"Specifies the text color of the Input's suffix, when present."},{"name":"--calcite-autocomplete-background-color","description":"Specifies the component's background color."},{"name":"--calcite-autocomplete-description-text-color","description":"Specifies the text color of the component's `description`."},{"name":"--calcite-autocomplete-heading-text-color","description":"Specifies the text color of the component's `heading`."},{"name":"--calcite-autocomplete-text-color","description":"Specifies the component's text color."},{"name":"--calcite-autocomplete-background-color","description":"Specifies the component's background color."},{"name":"--calcite-autocomplete-border-color","description":"Specifies the component's border color."},{"name":"--calcite-autocomplete-text-color","description":"Specifies the component's text color."},{"name":"--calcite-avatar-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-avatar-color","description":"Specifies the component's icon or initial color."},{"name":"--calcite-avatar-background-color","description":"Specifies the component's background color."},{"name":"--calcite-block-border-color","description":"Specifies the component's border color."},{"name":"--calcite-block-content-space","description":"Specifies the space of the component's `default` slot."},{"name":"--calcite-block-header-background-color","description":"Specifies the component's `heading` background color."},{"name":"--calcite-block-header-background-color-hover","description":"Specifies the component's `heading` background color when hovered."},{"name":"--calcite-block-header-background-color-press","description":"Specifies the component's `heading` background color when pressed."},{"name":"--calcite-block-heading-text-color","description":"Specifies the component's `heading` text color."},{"name":"--calcite-block-heading-text-color-press","description":"[Deprecated]  use `--calcite-block-heading-text-color` instead - When the component is `expanded`, specifies the `heading` text color."},{"name":"--calcite-block-padding","description":"[Deprecated] use `--calcite-block-content-space` instead - Specifies the padding of the component's `default` slot."},{"name":"--calcite-block-text-color","description":"[Deprecated] Specifies the component's text color."},{"name":"--calcite-block-description-text-color","description":"Specifies the component's `description` text color."},{"name":"--calcite-block-icon-color","description":"Specifies the component's `collapsible` icon, `iconStart` and `iconEnd` color."},{"name":"--calcite-block-icon-color-hover","description":"Specifies the component's `collapsible` icon color when hovered."},{"name":"--calcite-block-section-background-color","description":"Specifies the component's background color."},{"name":"--calcite-block-section-border-color","description":"Specifies the component's border color. When `expanded`, applies to the component's bottom border."},{"name":"--calcite-block-section-header-text-color","description":"Specifies the component's header text color."},{"name":"--calcite-block-section-text-color","description":"Specifies the component's text color."},{"name":"--calcite-block-section-text-color-hover","description":"Specifies the component's text color on hover."},{"name":"--calcite-block-section-content-space","description":"Specifies the padding of the component's content in `default` slot."},{"name":"--calcite-button-background-color","description":"Specifies the component's background color."},{"name":"--calcite-button-border-color","description":"Specifies the component's border color."},{"name":"--calcite-button-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-button-icon-color","description":"Specifies the component's `iconStart` and `iconEnd` color."},{"name":"--calcite-button-loader-color","description":"Specifies the component's loader color."},{"name":"--calcite-button-text-color","description":"Specifies the component's text color."},{"name":"--calcite-button-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-card-accent-color-selected","description":"Specifies the component's accent color when `selected`."},{"name":"--calcite-card-background-color","description":"Specifies the component's background color."},{"name":"--calcite-card-border-color","description":"Specifies the component's border color."},{"name":"--calcite-card-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-card-selection-background-color-hover","description":"Specifies the component's selection element background color when hovered."},{"name":"--calcite-card-selection-background-color-press","description":"Specifies the component's selection element background color when active."},{"name":"--calcite-card-selection-background-color","description":"[Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element background color."},{"name":"--calcite-card-selection-color-hover","description":"Specifies the component's selection element color when hovered or focused."},{"name":"--calcite-card-selection-color","description":"Specifies the component's selection element color."},{"name":"--calcite-card-selection-icon-color-hover","description":"[Deprecated] Use `--calcite-card-selection-color-hover`. Specifies the component's selection element icon color when hovered."},{"name":"--calcite-card-selection-icon-color-selected","description":"[Deprecated] Use `--calcite-card-accent-color-selected`. Specifies the component's selection element icon color when `selected`."},{"name":"--calcite-card-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-card-group-gap","description":"[Deprecated] Use `--calcite-card-group-space`. Specifies the gap between slotted elements."},{"name":"--calcite-card-group-space","description":"Specifies the space between slotted elements."},{"name":"--calcite-carousel-pagination-background-color","description":"Specifies the background color of the component's pagination items, navigation arrows, and autoplay controls."},{"name":"--calcite-carousel-pagination-background-color-hover","description":"Specifies the background color of the component's pagination items, navigation arrows, and autoplay controls when hovered."},{"name":"--calcite-carousel-pagination-background-color-press","description":"Specifies the background color of the component's pagination items, navigation arrows, and autoplay controls when pressed."},{"name":"--calcite-carousel-pagination-background-color-selected","description":"Specifies the background color of the component's pagination items, navigation arrows, and autoplay controls when selected."},{"name":"--calcite-carousel-pagination-icon-color","description":"Specifies the icon color of the component's pagination items and autoplay controls."},{"name":"--calcite-carousel-pagination-icon-color-hover","description":"Specifies the icon color of the component's pagination items when hovered or pressed."},{"name":"--calcite-carousel-pagination-icon-color-selected","description":"Specifies the icon color of the component's pagination items when selected."},{"name":"--calcite-carousel-control-icon-color","description":"Specifies the icon color of the component's navigation arrow controls."},{"name":"--calcite-carousel-control-icon-color-hover","description":"Specifies the icon color of the component's navigation arrow controls when hovered or pressed."},{"name":"--calcite-carousel-autoplay-progress-background-color","description":"Specifies the background color of the component's autoplay progress when `autoplay` is specified."},{"name":"--calcite-carousel-autoplay-progress-fill-color","description":"Specifies the fill color of the component's autoplay progress when `autoplay` is specified."},{"name":"--calcite-checkbox-size","description":"Specifies the component's height and width."},{"name":"--calcite-checkbox-border-color","description":"Specifies the component's color."},{"name":"--calcite-checkbox-border-color-hover","description":"Specifies the component's color when hovered."},{"name":"--calcite-checkbox-border-color-press","description":"Specifies the component's color when pressed."},{"name":"--calcite-checkbox-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-chip-background-color","description":"Specifies the component's background color."},{"name":"--calcite-chip-border-color","description":"Specifies the component's border color."},{"name":"--calcite-chip-close-icon-color","description":"Specifies the component's close element icon color."},{"name":"--calcite-chip-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-chip-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-chip-select-icon-color-press","description":"Specifies the component's selection element icon color when active."},{"name":"--calcite-chip-select-icon-color-pressed","description":"[Deprecated] Use `--calcite-chip-select-icon-color-press`. Specifies the component's selection element icon color when active."},{"name":"--calcite-chip-select-icon-color","description":"Specifies the component's selection element icon color."},{"name":"--calcite-chip-text-color","description":"Specifies the component's text color."},{"name":"--calcite-color-picker-background-color","description":"Specifies the component's background color."},{"name":"--calcite-color-picker-border-color","description":"Specifies the component's border color."},{"name":"--calcite-color-picker-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-color-picker-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-color-picker-text-color","description":"Specifies the component's text color."},{"name":"--calcite-color-picker-input-background-color","description":"Specifies the component's input background color."},{"name":"--calcite-color-picker-input-border-color","description":"Specifies the component's input border color."},{"name":"--calcite-color-picker-input-text-color","description":"Specifies the component's input text color."},{"name":"--calcite-color-picker-input-prefix-text-color","description":"When `hexDisabled` is not `true`, specifies the component's input prefix text color."},{"name":"--calcite-color-picker-input-suffix-text-color","description":"When `alphaChannel` is `true`, specifies the component's input suffix text color."},{"name":"--calcite-color-picker-tab-border-color","description":"Specifies the component's tab border color."},{"name":"--calcite-color-picker-tab-text-color","description":"Specifies the component's tab text color."},{"name":"--calcite-color-picker-tab-accent-color-press","description":"Specifies the component's tab accent color when selected or active."},{"name":"--calcite-color-picker-swatch-corner-radius","description":"Specifies the component's swatch corner radius."},{"name":"--calcite-color-picker-action-text-color-press","description":"Specifies the component's `savedColors` action text color when pressed."},{"name":"--calcite-color-picker-action-text-color-hover","description":"Specifies the component's `savedColors` action text color when hovered."},{"name":"--calcite-color-picker-action-text-color","description":"Specifies the component's `savedColors` action text color."},{"name":"--calcite-combobox-divider-color","description":"Specifies the component's divider color."},{"name":"--calcite-combobox-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-combobox-icon-color-hover","description":"Specifies the component's icon color when hovered."},{"name":"--calcite-combobox-background-color","description":"Specifies the background color of the component's listbox."},{"name":"--calcite-combobox-input-border-color","description":"Specifies the border color of the component's input."},{"name":"--calcite-combobox-input-background-color","description":"Specifies the background color of the component's input."},{"name":"--calcite-combobox-input-height","description":"Specifies the height of the component's input."},{"name":"--calcite-combobox-input-text-color","description":"When `selectionDisplay` is `\"single\"`, specifies the text color of the component's input."},{"name":"--calcite-combobox-item-border-color","description":"[Deprecated] Specifies the component's border color."},{"name":"--calcite-combobox-text-color","description":"Specifies the component's text and `icon` color."},{"name":"--calcite-combobox-text-color-hover","description":"Specifies the component's text and `icon` color when hovered."},{"name":"--calcite-combobox-item-background-color-active","description":"When `active`, specifies the component's background color."},{"name":"--calcite-combobox-item-background-color-hover","description":"Specifies the component's background color when hovered."},{"name":"--calcite-combobox-item-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-combobox-selected-icon-color","description":"Specifies the component's `selected` indicator icon color."},{"name":"--calcite-combobox-description-text-color","description":"Specifies the component's `description` and `shortHeading` text color."},{"name":"--calcite-combobox-description-text-color-press","description":"Specifies the component's `description` and `shortHeading` text color when hovered."},{"name":"--calcite-combobox-heading-text-color","description":"Specifies the component's `heading` text color."},{"name":"--calcite-combobox-item-group-text-color","description":"Specifies the component's text color."},{"name":"--calcite-combobox-item-group-border-color","description":"Specifies the component's border color."},{"name":"--calcite-date-picker-border-color","description":"Specifies the component's border color."},{"name":"--calcite-date-picker-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-date-picker-range-calendar-divider-color","description":"When `range` is `true`, specifies the divider color between the component's calendars."},{"name":"--calcite-date-picker-week-header-text-color","description":"Specifies the text color of the component's week header."},{"name":"--calcite-date-picker-header-action-background-color","description":"Specifies the background color of component`s header actions."},{"name":"--calcite-date-picker-header-action-background-color-hover","description":"Specifies the background color of component`s header actions when hovered."},{"name":"--calcite-date-picker-header-action-background-color-press","description":"Specifies the background color of component`s header actions when pressed."},{"name":"--calcite-date-picker-header-action-text-color","description":"Specifies the text color of the component's header actions."},{"name":"--calcite-date-picker-header-action-text-color-press","description":"Specifies the text color of the component's header actions when pressed."},{"name":"--calcite-date-picker-year-text-color","description":"Specifies the text color of the component's year and suffix."},{"name":"--calcite-date-picker-month-select-font-size","description":"Specifies the font size of the component's month selector."},{"name":"--calcite-date-picker-month-select-text-color","description":"Specifies the text color of the component's month selector."},{"name":"--calcite-date-picker-month-select-icon-color","description":"Specifies the icon color of the component's month selector."},{"name":"--calcite-date-picker-month-select-icon-color-hover","description":"Specifies the icon color of the component's month selector when hovered."},{"name":"--calcite-date-picker-day-background-color","description":"Specifies the background color of the component's day elements."},{"name":"--calcite-date-picker-day-background-color-hover","description":"Specifies the background color of the component's day elements when hovered."},{"name":"--calcite-date-picker-day-text-color","description":"Specifies the text color of the component's day elements."},{"name":"--calcite-date-picker-day-text-color-hover","description":"Specifies the text color of the component's day elements when hovered."},{"name":"--calcite-date-picker-current-day-text-color","description":"Specifies the text color of the component's current day."},{"name":"--calcite-date-picker-day-background-color-selected","description":"Specifies the background color of the component's selected day."},{"name":"--calcite-date-picker-day-text-color-selected","description":"Specifies the text color of the component's selected day elements."},{"name":"--calcite-date-picker-day-range-text-color","description":"Specifies the text color of component's selected day range."},{"name":"--calcite-date-picker-day-range-background-color","description":"Specifies the background color the component's selected day range."},{"name":"--calcite-date-picker-day-outside-range-background-color-hover","description":"Specifies the background color of the component's day elements outside the current range when hovered."},{"name":"--calcite-date-picker-day-outside-range-text-color-hover","description":"Specifies the text color of the component's day elements outside the current range when hovered."},{"name":"--calcite-dialog-scrim-background-color","description":"Specifies the background color of the component's scrim."},{"name":"--calcite-dialog-size-x","description":"When `placement` is `\"cover\"`, specifies the component's width, using `px`, `em`, `rem`, `vw`, or `%`. Does not exceed the viewport's width."},{"name":"--calcite-dialog-min-size-x","description":"Specifies the component's minimum width, using `px`, `em`, `rem`, `vw`, or `%`."},{"name":"--calcite-dialog-max-size-x","description":"Specifies the component's maximum width, using `px`, `em`, `rem`, `vw`, or `%`."},{"name":"--calcite-dialog-size-y","description":"When `placement` is `\"cover\"`, specifies the component's height, using `px`, `em`, `rem`, `vh`, or `%`. Does not exceed the viewport's height."},{"name":"--calcite-dialog-min-size-y","description":"Specifies the component's minimum height, using `px`, `em`, `rem`, `vh`, or `%`."},{"name":"--calcite-dialog-max-size-y","description":"Specifies the component's maximum height, using `px`, `em`, `rem`, `vh`, or `%`."},{"name":"--calcite-dialog-content-space","description":"Specifies the padding of the component's content."},{"name":"--calcite-dialog-footer-space","description":"Specifies the padding of the component's footer."},{"name":"--calcite-dialog-border-color","description":"Specifies the component's border color."},{"name":"--calcite-dialog-offset-x","description":"Specifies the component's horizontal offset."},{"name":"--calcite-dialog-offset-y","description":"Specifies the component's vertical offset."},{"name":"--calcite-dialog-background-color","description":"Specifies the component's background color."},{"name":"--calcite-dialog-icon-color","description":"Specifies the color of the component's icon."},{"name":"--calcite-dialog-accent-color","description":"When `kind` is specified, specifies the component's accent color."},{"name":"--calcite-dialog-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-dialog-heading-text-color","description":"Specifies the text color of the component's `heading`."},{"name":"--calcite-dialog-description-text-color","description":"Specifies the text color of the component's `description`."},{"name":"--calcite-dialog-header-background-color","description":"Specifies the background color of the component's header."},{"name":"--calcite-dialog-header-action-background-color","description":"Specifies the background color of the component's `closable`, `collapsible`, and slotted `header-menu-actions` `calcite-action`s."},{"name":"--calcite-dialog-header-action-background-color-hover","description":"Specifies the background color of the component's `closable`, `collapsible`, and slotted `header-menu-actions` `calcite-action`s when hovered."},{"name":"--calcite-dialog-header-action-background-color-press","description":"Specifies the background color of the component's `closable`, `collapsible`, and slotted `header-menu-actions` `calcite-action`s when pressed."},{"name":"--calcite-dialog-header-action-text-color","description":"Specifies the text color of the component's `closable`, `collapsible`, and slotted `header-menu-actions` `calcite-action`s."},{"name":"--calcite-dialog-header-action-text-color-press","description":"Specifies the text color of the component's `closable`, `collapsible`, and slotted `header-menu-actions` `calcite-action`s when pressed or hovered."},{"name":"--calcite-dialog-footer-background-color","description":"Specifies the background color of the component's footer."},{"name":"--calcite-dialog-space","description":"Specifies the padding of the component's `unnamed (default)` slot."},{"name":"--calcite-dialog-header-content-space","description":"Specifies the padding of the component's `header-content` slot."},{"name":"--calcite-dialog-action-menu-border-color","description":"Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s."},{"name":"--calcite-dropdown-width","description":"Specifies the width of the component's wrapper."},{"name":"--calcite-dropdown-background-color","description":"Specifies the component's background color."},{"name":"--calcite-dropdown-group-border-color","description":"Specifies the component's border color."},{"name":"--calcite-dropdown-group-title-text-color","description":"Specifies the component's `groupTitle` color."},{"name":"--calcite-dropdown-item-background-color-hover","description":"Specifies the component's background color when hovered."},{"name":"--calcite-dropdown-item-background-color-press","description":"Specifies the component's background color when `selected` or active."},{"name":"--calcite-dropdown-item-icon-color-hover","description":"[Deprecated] Specifies the color of the component's selection icon when hovered."},{"name":"--calcite-dropdown-item-icon-color-press","description":"Specifies the color of the component's selection icon when `selected` or active."},{"name":"--calcite-dropdown-item-text-color-press","description":"Specifies the component's text color when `selected` or active."},{"name":"--calcite-dropdown-item-text-color","description":"Specifies the component's text color."},{"name":"--calcite-fab-background-color","description":"Specifies the component's background color."},{"name":"--calcite-fab-border-color","description":"Specifies the component's border color."},{"name":"--calcite-fab-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-fab-text-color","description":"Specifies the component's text color."},{"name":"--calcite-fab-loader-color","description":"Specifies the component's loader color."},{"name":"--calcite-fab-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-filter-content-space","description":"Specifies the padding of the component's content."},{"name":"--calcite-filter-input-background-color","description":"Specifies the component's input background color."},{"name":"--calcite-filter-input-border-color","description":"Specifies the component's input border color."},{"name":"--calcite-filter-input-corner-radius","description":"Specifies the component's input corner radius."},{"name":"--calcite-filter-input-shadow","description":"Specifies the component's input shadow."},{"name":"--calcite-filter-input-icon-color","description":"Specifies the component's input icon color."},{"name":"--calcite-filter-input-text-color","description":"Specifies the component's input text color."},{"name":"--calcite-filter-input-placeholder-text-color","description":"Specifies the component's input placeholder text color."},{"name":"--calcite-filter-input-actions-background-color","description":"Specifies the background color of the component's input `clearable` element."},{"name":"--calcite-filter-input-actions-background-color-hover","description":"Specifies the background color of the component's input `clearable` element when hovered."},{"name":"--calcite-filter-input-actions-background-color-press","description":"Specifies the background color of the component's input `clearable` element when pressed."},{"name":"--calcite-filter-input-actions-icon-color","description":"Specifies the icon color of the component's input `clearable` element."},{"name":"--calcite-filter-input-actions-icon-color-hover","description":"Specifies the icon color of the component's input `clearable` element when hovered."},{"name":"--calcite-filter-input-actions-icon-color-press","description":"Specifies the icon color of the component's input `clearable` element when pressed."},{"name":"--calcite-flow-background-color","description":"Specifies the component's background color."},{"name":"--calcite-flow-item-footer-padding","description":"[Deprecated] Use `--calcite-flow-footer-space` instead. Specifies the padding of the component's footer."},{"name":"--calcite-flow-item-header-border-block-end","description":"[Deprecated] Use `--calcite-flow-border-color` instead. Specifies the component header's block end border."},{"name":"--calcite-flow-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-flow-heading-text-color","description":"Specifies the text color of the component's `heading`."},{"name":"--calcite-flow-icon-color","description":"Specifies the color of the component's `icon`."},{"name":"--calcite-flow-description-text-color","description":"Specifies the text color of the component's `description`."},{"name":"--calcite-flow-border-color","description":"Specifies the component's border color."},{"name":"--calcite-flow-background-color","description":"Specifies the component's background color."},{"name":"--calcite-flow-header-background-color","description":"Specifies the background color of the component's header."},{"name":"--calcite-flow-footer-background-color","description":"Specifies the background color of the component's footer."},{"name":"--calcite-flow-space","description":"Specifies the padding of the component's `unnamed (default)` slot."},{"name":"--calcite-flow-header-content-space","description":"Specifies the padding of the `header-content` slot."},{"name":"--calcite-flow-footer-space","description":"Specifies the padding of the component's footer."},{"name":"--calcite-action-background-color","description":"Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s. Applies to any slotted `calcite-action`s."},{"name":"--calcite-action-background-color-hover","description":"Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."},{"name":"--calcite-action-background-color-pressed","description":"Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."},{"name":"--calcite-action-text-color-hover","description":"Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."},{"name":"--calcite-action-text-color-pressed","description":"Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."},{"name":"--calcite-popover-border-color","description":"Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s."},{"name":"--calcite-flow-header-action-background-color-hover","description":"Specifies the background color of any `calcite-action`s in the component's header when hovered."},{"name":"--calcite-flow-header-action-background-color-press","description":"Specifies the background color of any `calcite-action`s in the component's header when pressed."},{"name":"--calcite-flow-header-action-background-color","description":"Specifies the background color of any `calcite-action`s in the component's header."},{"name":"--calcite-flow-header-action-indicator-color","description":"Specifies the color of any `calcite-action`s indicator in the component's header."},{"name":"--calcite-flow-header-action-text-color-press","description":"Specifies the text color of any `calcite-action`s in the component's header when pressed."},{"name":"--calcite-flow-header-action-text-color","description":"Specifies the text color of any `calcite-action`s in the component's header."},{"name":"--calcite-graph-highlight-fill-color","description":"Specifies the fill color of the `highlight` element, when present."},{"name":"--calcite-handle-background-color","description":"Specifies the component's background color."},{"name":"--calcite-handle-background-color-hover","description":"Specifies the component's background color on hover."},{"name":"--calcite-handle-background-color-selected","description":"Specifies the component's background color when selected."},{"name":"--calcite-handle-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-handle-icon-color-hover","description":"Specifies the component's icon color on hover."},{"name":"--calcite-handle-icon-color-selected","description":"Specifies the component's icon color when selected."},{"name":"--calcite-ui-icon-color","description":"[Deprecated] Use `--calcite-icon-color`. Specifies the component's color. Defaults to current color."},{"name":"--calcite-icon-color","description":"Specifies the component's color. Defaults to current color."},{"name":"--calcite-inline-editable-background-color-hover","description":"Specifies the component's background color when hovered."},{"name":"--calcite-inline-editable-background-color","description":"Specifies the component's background color."},{"name":"--calcite-inline-editable-button-background-color","description":"When `appearance=\"solid\"` or `appearance=\"outline-fill\"`, specifies the background color of the component's button element."},{"name":"--calcite-inline-editable-button-corner-radius","description":"Specifies the corner radius of the component's button element."},{"name":"--calcite-inline-editable-button-loader-color","description":"Specifies the loader color of the components's button element."},{"name":"--calcite-inline-editable-button-text-color","description":"Specifies the text color of the component's button element."},{"name":"--calcite-input-prefix-size","description":"When `prefixText` is provided, specifies the width of the component's prefix element."},{"name":"--calcite-input-suffix-size","description":"When `suffixText` is provided, specifies the width of the component's suffix element."},{"name":"--calcite-input-prefix-text-color","description":"When `prefixText` is provided, specifies the text color of the component's prefix element."},{"name":"--calcite-input-suffix-text-color","description":"When `suffixText` is provided, specifies the text color of the component's suffix element."},{"name":"--calcite-input-background-color","description":"Specifies the component's background color."},{"name":"--calcite-input-border-color","description":"Specifies the component's border color."},{"name":"--calcite-input-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-input-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-input-icon-color","description":"Specifies the component's `icon` color."},{"name":"--calcite-input-text-color","description":"Specifies the component's text color."},{"name":"--calcite-input-placeholder-text-color","description":"Specifies the component's placeholder text color."},{"name":"--calcite-input-actions-background-color","description":"Specifies the background color of the component's `clearable` and `number-button-type` elements."},{"name":"--calcite-input-actions-background-color-hover","description":"Specifies the background color of the component's `clearable` and `number-button-type` elements when hovered."},{"name":"--calcite-input-actions-background-color-press","description":"Specifies the background color of the component's `clearable` and `number-button-type` elements when pressed."},{"name":"--calcite-input-actions-icon-color","description":"Specifies the icon color of the component's `clearable` and `number-button-type` elements."},{"name":"--calcite-input-actions-icon-color-hover","description":"Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered."},{"name":"--calcite-input-actions-icon-color-press","description":"Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed."},{"name":"--calcite-input-loading-background-color","description":"When `loading`, specifies the background color of the component's `loading` element."},{"name":"--calcite-input-loading-fill-color","description":"When `loading`, specifies the fill color of the component's `loading` element."},{"name":"--calcite-input-date-picker-actions-icon-color","description":"Specifies the component's actions icon color."},{"name":"--calcite-input-date-picker-actions-icon-color-hover","description":"Specifies the component's actions icon color on hover."},{"name":"--calcite-input-date-picker-background-color","description":"Specifies the component's input background color."},{"name":"--calcite-input-date-picker-border-color","description":"Specifies the component's input border color."},{"name":"--calcite-input-date-picker-calendar-actions-background-color","description":"Specifies the background color of the component's calendar actions."},{"name":"--calcite-input-date-picker-calendar-actions-background-color-hover","description":"Specifies the background color of the component's calendar actions when hovered."},{"name":"--calcite-input-date-picker-calendar-actions-background-color-press","description":"Specifies the background color of the component's calendar actions when pressed."},{"name":"--calcite-input-date-picker-calendar-actions-text-color","description":"Specifies the text color of the component's calendar actions."},{"name":"--calcite-input-date-picker-calendar-actions-text-color-press","description":"Specifies the text color of the component's calendar actions when pressed."},{"name":"--calcite-input-date-picker-calendar-border-color","description":"Specifies the border color of the component's calendar."},{"name":"--calcite-input-date-picker-calendar-corner-radius","description":"Specifies the corner radius of the component's calendar."},{"name":"--calcite-input-date-picker-calendar-current-day-text-color","description":"Specifies the text color of the component's calendar current day element."},{"name":"--calcite-input-date-picker-calendar-day-background-color","description":"Specifies the background color of the component's calendar day elements."},{"name":"--calcite-input-date-picker-calendar-day-background-color-hover","description":"Specifies the background color of the component's calendar day elements when hovered."},{"name":"--calcite-input-date-picker-calendar-day-current-text-color","description":"[Deprecated] Use `--calcite-input-date-picker-calendar-current-day-text-color`. Specifies the text color of current day of the component's date-picker."},{"name":"--calcite-input-date-picker-calendar-day-range-background-color","description":"Specifies the background color of the component's calendar selected day range."},{"name":"--calcite-input-date-picker-calendar-day-range-text-color","description":"Specifies the text color of the component's calendar selected day range."},{"name":"--calcite-input-date-picker-calendar-day-text-color-selected","description":"Specifies the text color of component's calendar selected day."},{"name":"--calcite-input-date-picker-calendar-day-outside-range-background-color-hover","description":"Specifies the background color of the component's calendar day elements outside the current range when hovered."},{"name":"--calcite-input-date-picker-calendar-day-outside-range-text-color-hover","description":"Specifies the text color of the component's calendar day elements outside the current range when hovered."},{"name":"--calcite-input-date-picker-calendar-day-text-color","description":"Specifies the text color of the component's calendar day elements."},{"name":"--calcite-input-date-picker-calendar-day-text-color-hover","description":"Specifies the text color of the component's calendar day elements when hovered."},{"name":"--calcite-input-date-picker-calendar-selected-background-color","description":"Specifies the background color of the component's calendar selected day."},{"name":"--calcite-input-date-picker-calendar-shadow","description":"Specifies the component's calendar shadow."},{"name":"--calcite-input-date-picker-calendar-icon-color","description":"Specifies the component's calendar icon color."},{"name":"--calcite-input-date-picker-calendar-icon-color-hover","description":"Specifies the component's calendar icon color when hovered."},{"name":"--calcite-input-date-picker-calendar-month-select-text-color","description":"Specifies the text color of the component's calendar selected month."},{"name":"--calcite-input-date-picker-calendar-range-divider-color","description":"When `range` is `true`, specifies the divider color between the component's calendars."},{"name":"--calcite-input-date-picker-calendar-text-color","description":"Specifies the text color of the component's calendar week, year & suffix."},{"name":"--calcite-input-date-picker-corner-radius","description":"Specifies the component's input corner radius."},{"name":"--calcite-input-date-picker-divider-color","description":"When `range` is `true`, specifies the component's divider color between two inputs."},{"name":"--calcite-input-date-picker-icon-color","description":"Specifies the component's input icon color."},{"name":"--calcite-input-date-picker-placeholder-text-color","description":"Specifies the component's input placeholder text color."},{"name":"--calcite-input-date-picker-shadow","description":"Specifies the component's input shadow."},{"name":"--calcite-input-date-picker-text-color","description":"Specifies the component's input text color."},{"name":"--calcite-input-message-spacing-value","description":"[Deprecated] Use `--calcite-input-message-spacing`. Specifies the margin spacing at the top of the component."},{"name":"--calcite-input-message-spacing","description":"Specifies the component's top margin spacing."},{"name":"--calcite-input-message-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-input-actions-background-color","description":"Specifies the background color of the component's `clearable` and `number-button-type` elements."},{"name":"--calcite-input-actions-background-color-hover","description":"Specifies the background color of the component's `clearable` and `number-button-type` elements when hovered."},{"name":"--calcite-input-actions-background-color-press","description":"Specifies the background color of the component's `clearable` and `number-button-type` elements when pressed."},{"name":"--calcite-input-actions-icon-color","description":"Specifies the icon color of the component's `clearable` and `number-button-type` elements."},{"name":"--calcite-input-actions-icon-color-hover","description":"Specifies the icon color of the component's `clearable` and `number-button-type` elements when hovered."},{"name":"--calcite-input-actions-icon-color-press","description":"Specifies the icon color of the component's `clearable` and `number-button-type` elements when pressed."},{"name":"--calcite-input-loading-background-color","description":"When `loading`, specifies the background color of the component's `loading` element."},{"name":"--calcite-input-loading-fill-color","description":"When `loading`, specifies the fill color of the component's `loading` element."},{"name":"--calcite-input-number-background-color","description":"Specifies the component's background color."},{"name":"--calcite-input-number-border-color","description":"Specifies the component's border color."},{"name":"--calcite-input-number-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-input-number-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-input-number-height","description":"Specifies the component's height."},{"name":"--calcite-input-number-placeholder-text-color","description":"Specifies the text color of the component's placeholder."},{"name":"--calcite-input-number-text-color","description":"Specifies the component's text color."},{"name":"--calcite-input-number-text-color-focus","description":"Specifies the component's text color when focused."},{"name":"--calcite-input-prefix-size","description":"When `prefixText` is provided, specifies the width of the component's prefix element."},{"name":"--calcite-input-prefix-text-color","description":"When `prefixText` is provided, specifies the text color of the component's prefix element."},{"name":"--calcite-input-suffix-size","description":"When `suffixText` is provided, specifies the width of the component's suffix element."},{"name":"--calcite-input-suffix-text-color","description":"When `suffixText` is provided, specifies the text color of the component's suffix element."},{"name":"--calcite-input-action-background-color","description":"Specifies the background color of the component's `clearable` element."},{"name":"--calcite-input-action-background-color-hover","description":"Specifies the background color of the component's `clearable` element when hovered."},{"name":"--calcite-input-action-background-color-press","description":"Specifies the background color of the component's `clearable` element when pressed."},{"name":"--calcite-input-action-icon-color","description":"Specifies the icon color of the component's `clearable` element."},{"name":"--calcite-input-action-icon-color-hover","description":"Specifies the icon color of the component's `clearable` element when hovered."},{"name":"--calcite-input-action-icon-color-press","description":"Specifies the icon color of the component's `clearable` element when pressed."},{"name":"--calcite-input-loading-background-color","description":"When `loading`, specifies the background color of the component`s `loading` element."},{"name":"--calcite-input-loading-fill-color","description":"When `loading`, specifies the fill color of the component`s `loading` element."},{"name":"--calcite-input-prefix-size-x","description":"When `prefixText` is provided, specifies the width of the component's prefix element."},{"name":"--calcite-input-prefix-text-color","description":"When `prefixText` is provided, specifies the text color of the component's prefix element."},{"name":"--calcite-input-suffix-size-x","description":"When `suffixText` is provided, specifies the width of the component's suffix element."},{"name":"--calcite-input-suffix-text-color","description":"When `suffixText` is provided, specifies the color of the component's suffix element."},{"name":"--calcite-input-text-background-color","description":"Specifies the component's background color."},{"name":"--calcite-input-text-border-color","description":"Specifies the component's border color."},{"name":"--calcite-input-text-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-input-text-icon-color","description":"Specifies the component's `icon` color."},{"name":"--calcite-input-text-placeholder-text-color","description":"Specifies the component's `placeholder` text color."},{"name":"--calcite-input-text-text-color","description":"Specifies the component's text color."},{"name":"--calcite-input-text-text-color-focus","description":"Specifies the component's text color when focused."},{"name":"--calcite-input-time-picker-background-color","description":"Specifies the component's background color."},{"name":"--calcite-input-time-picker-border-color","description":"Specifies the component's border color."},{"name":"--calcite-input-time-picker-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-input-time-picker-icon-color-hover","description":"Specifies the component's icon color when hovered."},{"name":"--calcite-input-time-picker-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-input-time-picker-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-input-time-picker-input-background-color","description":"Specifies the component's input background color."},{"name":"--calcite-input-time-picker-input-text-color","description":"Specifies the component's input text color."},{"name":"--calcite-input-time-picker-input-shadow","description":"Specifies the component's input shadow."},{"name":"--calcite-input-time-picker-input-corner-radius","description":"Specifies the component's input border radius."},{"name":"--calcite-input-time-picker-input-border-color","description":"Specifies the component's input border color."},{"name":"--calcite-input-time-picker-digit-text-color","description":"Specifies the component's digit text color."},{"name":"--calcite-input-time-picker-digit-icon-color","description":"Specifies the component's digit icon color."},{"name":"--calcite-input-time-picker-digit-border-color-press","description":"Specifies the component's digit border color when pressed."},{"name":"--calcite-input-time-picker-digit-border-color-hover","description":"Specifies the component's digit border color when hovered."},{"name":"--calcite-input-time-picker-action-background-color-hover","description":"Specifies the background color of the component's actions when hovered."},{"name":"--calcite-input-time-picker-action-background-color-press","description":"Specifies the background color of the component's actions when active."},{"name":"--calcite-label-margin-bottom","description":"Specifies the component's bottom spacing."},{"name":"--calcite-label-text-color","description":"Specifies the component's text color."},{"name":"--calcite-link-text-color","description":"Specifies the component's text color."},{"name":"--calcite-list-background-color","description":"Specifies the component's background color."},{"name":"--calcite-list-background-color-hover","description":"Specifies the component's background color when hovered."},{"name":"--calcite-list-background-color-press","description":"Specifies the component's background color when pressed."},{"name":"--calcite-list-background-color","description":"Specifies the component's background color."},{"name":"--calcite-list-border-color","description":"Specifies the component's border color."},{"name":"--calcite-list-content-text-color","description":"Specifies the content color."},{"name":"--calcite-list-description-text-color","description":"Specifies the `description` color."},{"name":"--calcite-list-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-list-label-text-color","description":"Specifies the `label` color."},{"name":"--calcite-list-selection-border-color","description":"Specifies the component's selection border color."},{"name":"--calcite-list-background-color","description":"Specifies the component's background color."},{"name":"--calcite-list-color","description":"Specifies the component's color."},{"name":"--calcite-loader-font-size","description":"When `type` is not `\"indeterminate\"` or `inline`, specifies the font size of the loading percentage."},{"name":"--calcite-loader-size","description":"Specifies the component's width and height."},{"name":"--calcite-loader-size-inline","description":"[Deprecated] Use `--calcite-loader-size`. Specifies the width and height of the component when set to inline."},{"name":"--calcite-loader-spacing","description":"Specifies the the component's padding."},{"name":"--calcite-loader-progress-color-inline","description":"When `inline`, specifies the component's progress ring color."},{"name":"--calcite-loader-text-spacing","description":"When not `inline`, specifies the component's `text` margin."},{"name":"--calcite-loader-text-weight","description":"When not `inline` and `text` is provided, specifies the component's `text` font weight."},{"name":"--calcite-loader-text-color","description":"When not `inline` and `text` is provided, specifies the component's `text` color."},{"name":"--calcite-loader-progress-color","description":"When not `inline`, specifies the component's progress ring color."},{"name":"--calcite-loader-track-color","description":"Specifies the component's track color."},{"name":"--calcite-menu-item-accent-color","description":"When `active`, specifies the component's border color."},{"name":"--calcite-menu-background-color","description":"Specifies the component's background color."},{"name":"--calcite-menu-item-sub-menu-border-color","description":"Specifies the submenu's border color."},{"name":"--calcite-menu-item-sub-menu-corner-radius","description":"Specifies the submenu's border radius."},{"name":"--calcite-menu-text-color","description":"Specifies the component's text color."},{"name":"--calcite-meter-background-color","description":"Specifies the background color of the component."},{"name":"--calcite-meter-border-color","description":"Specifies the border color of the component and displayed step lines."},{"name":"--calcite-meter-shadow","description":"Specifies the box shadow of the component."},{"name":"--calcite-meter-corner-radius","description":"Specifies the corner radius of the component."},{"name":"--calcite-meter-fill-color","description":"Specifies the color of the component's fill."},{"name":"--calcite-meter-range-text-color","description":"Specifies the color of the component's range labels."},{"name":"--calcite-meter-value-text-color","description":"Specifies the color of the component's value label."},{"name":"--calcite-navigation-width","description":"Specifies the width of the component's content area."},{"name":"--calcite-navigation-background","description":"[Deprecated] Use `--calcite-navigation-background-color`. Specifies the background color of the component."},{"name":"--calcite-navigation-background-color","description":"Specifies the component's background color."},{"name":"--calcite-navigation-border-color","description":"Specifies the component's border color."},{"name":"--calcite-navigation-accent-color","description":"When `active`, specifies the component's border color."},{"name":"--calcite-navigation-background-color","description":"Specifies the component's background color."},{"name":"--calcite-navigation-logo-heading-text-color","description":"Specifies the component's `heading` text color."},{"name":"--calcite-navigation-logo-text-color","description":"Specifies the component's `description` text color."},{"name":"--calcite-navigation-accent-color","description":"When `active`, specifies the components's border color."},{"name":"--calcite-navigation-user-avatar-corner-radius","description":"Specifies the component's avatar corner radius."},{"name":"--calcite-navigation-user-avatar-color","description":"Specifies the component's avatar icon color."},{"name":"--calcite-navigation-background-color","description":"Specifies the component's background color."},{"name":"--calcite-navigation-user-full-name-text-color","description":"Specifies the component's `fullName` text color."},{"name":"--calcite-navigation-user-name-text-color","description":"Specifies the component's `username` text color."},{"name":"--calcite-notice-background-color","description":"When `appearance=\"outline-fill\"`, specifies the component's background color."},{"name":"--calcite-notice-border-color","description":"When `appearance=\"outline-fill\"`, specifies the component's border color."},{"name":"--calcite-notice-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-notice-close-background-color","description":"Specifies the background color of the component's close element."},{"name":"--calcite-notice-close-background-color-hover","description":"Specifies the background color of the component's close element when hovered."},{"name":"--calcite-notice-close-background-color-focus","description":"[Deprecated] Specifies the background color of the component's close element when hovered. Use `--calcite-notice-close-background-color-hover` instead."},{"name":"--calcite-notice-close-background-color-press","description":"Specifies the background color of the component's close element when active."},{"name":"--calcite-notice-close-icon-color-hover","description":"Specifies the icon color of the component's close element when hovered or active."},{"name":"--calcite-notice-close-icon-color","description":"Specifies the icon color of the component's close element."},{"name":"--calcite-notice-title-text-color","description":"Specifies the component's slotted `\"title\"` content text color."},{"name":"--calcite-notice-content-text-color","description":"Specifies the component's slotted `\"message\"` content text color."},{"name":"--calcite-notice-width","description":"[Deprecated] Specifies the component's width."},{"name":"--calcite-notice-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-pagination-color","description":"Specifies the component's item color."},{"name":"--calcite-pagination-color-hover","description":"Specifies the component's item color when hovered or selected."},{"name":"--calcite-pagination-color-border-hover","description":"Specifies the component's item bottom border color when hovered."},{"name":"--calcite-pagination-color-border-active","description":"Specifies the component's item bottom border color when selected."},{"name":"--calcite-pagination-background-color","description":"Specifies the component's item background color when active."},{"name":"--calcite-pagination-icon-color-background-hover","description":"Specifies the component's chevron item background color when hovered."},{"name":"--calcite-panel-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-panel-heading-text-color","description":"Specifies the text color of the component's `heading`."},{"name":"--calcite-panel-icon-color","description":"Specifies the color of the component's icon."},{"name":"--calcite-panel-description-text-color","description":"Specifies the text color of the component's `description`."},{"name":"--calcite-panel-border-color","description":"Specifies the component's border color."},{"name":"--calcite-panel-background-color","description":"Specifies the component's background color."},{"name":"--calcite-panel-header-background-color","description":"Specifies the background color of the component's header."},{"name":"--calcite-panel-header-action-background-color","description":"Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."},{"name":"--calcite-panel-header-action-background-color-hover","description":"Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered."},{"name":"--calcite-panel-header-action-background-color-press","description":"Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."},{"name":"--calcite-panel-header-action-text-color","description":"Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."},{"name":"--calcite-panel-header-action-text-color-press","description":"Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered."},{"name":"--calcite-panel-footer-background-color","description":"Specifies the background color of the component's footer."},{"name":"--calcite-panel-space","description":"Specifies the padding of the component's `\"unnamed (default)\"` slot."},{"name":"--calcite-panel-header-content-space","description":"Specifies the padding of the `\"header-content\"` slot."},{"name":"--calcite-panel-footer-space","description":"Specifies the padding of the component's footer."},{"name":"--calcite-popover-border-color","description":"Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s."},{"name":"--calcite-panel-content-space","description":"[Deprecated] Use `--calcite-panel-space` instead. Specifies the padding of the component's content."},{"name":"--calcite-panel-footer-padding","description":"[Deprecated] Use `--calcite-panel-footer-space` instead. Specifies the padding of the component's footer."},{"name":"--calcite-panel-header-border-block-end","description":"[Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border."},{"name":"--calcite-popover-background-color","description":"Specifies the component's background color."},{"name":"--calcite-popover-border-color","description":"Specifies the component's border color."},{"name":"--calcite-popover-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-popover-max-size-x","description":"Specifies the component's maximum width."},{"name":"--calcite-popover-text-color","description":"Specifies the component's text color."},{"name":"--calcite-progress-background-color","description":"Specifies the component's background color."},{"name":"--calcite-progress-fill-color","description":"Specifies the component's fill color."},{"name":"--calcite-progress-text-color","description":"Specifies the component's text color."},{"name":"--calcite-radio-button-background-color","description":"Specifies the component's background color."},{"name":"--calcite-radio-button-border-color","description":"Specifies the component's border color."},{"name":"--calcite-radio-button-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-radio-button-size","description":"Specifies the component's size."},{"name":"--calcite-radio-button-group-gap","description":"Specifies the space between slotted components in the component."},{"name":"--calcite-radio-button-input-message-spacing","description":"Specifies the margin spacing at the top of the `calcite-input-message`."},{"name":"--calcite-rating-spacing","description":"Specifies the amount of left and right margin spacing between each item."},{"name":"--calcite-rating-color-hover","description":"Specifies the component's item color when hovered."},{"name":"--calcite-rating-color-press","description":"Specifies the component's item color when active."},{"name":"--calcite-rating-color","description":"Specifies the component's item color."},{"name":"--calcite-rating-average-color","description":"When `average` is set, specifies the component's item color."},{"name":"--calcite-rating-average-text-color","description":"When `average` is set, specifies the component's `average` text color."},{"name":"--calcite-rating-count-text-color","description":"Specifies the component's text color for `count`."},{"name":"--calcite-scrim-background","description":"Specifies the component's background color."},{"name":"--calcite-segmented-control-border-color","description":"Specifies the component's border color."},{"name":"--calcite-segmented-control-color","description":"Specifies the component's color."},{"name":"--calcite-segmented-control-background-color","description":"Specifies the component's background color."},{"name":"--calcite-segmented-control-border-color","description":"Specifies the component's border color."},{"name":"--calcite-segmented-control-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-segmented-control-icon-color","description":"Specifies the icons's color."},{"name":"--calcite-select-font-size","description":"Specifies the font size of `calcite-option`s in the component."},{"name":"--calcite-select-text-color","description":"Specifies the text color of `calcite-option`s in the component."},{"name":"--calcite-select-border-color","description":"Specifies the component's border color."},{"name":"--calcite-select-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-select-icon-color-hover","description":"Specifies the component's icon color when hovered or active."},{"name":"--calcite-select-background-color","description":"Specifies the component's background color."},{"name":"--calcite-select-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-select-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-sheet-background-color","description":"Specifies the component's background color."},{"name":"--calcite-sheet-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-sheet-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-sheet-text-color","description":"Specifies the component's text color."},{"name":"--calcite-sheet-resize-background-color","description":"Specifies the resize handle's background color."},{"name":"--calcite-sheet-resize-icon-color","description":"Specifies the resize handle's text color."},{"name":"--calcite-sheet-scrim-background","description":"Specifies the background color of the component's scrim."},{"name":"--calcite-sheet-width","description":"When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's width."},{"name":"--calcite-sheet-max-width","description":"When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's maximum width."},{"name":"--calcite-sheet-min-width","description":"When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's minimum width."},{"name":"--calcite-sheet-height","description":"When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's height."},{"name":"--calcite-sheet-max-height","description":"When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's maximum height."},{"name":"--calcite-sheet-min-height","description":"When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's minimum height."},{"name":"--calcite-shell-border-color","description":"Specifies the component's border color."},{"name":"--calcite-shell-panel-background-color","description":"Specifies the component's background color."},{"name":"--calcite-shell-panel-border-color","description":"When `displayMode` is `\"float-all\"`, specifies the component's border color."},{"name":"--calcite-shell-panel-corner-radius","description":"When `displayMode` is `\"float-all\"`, specifies the component's corner radius."},{"name":"--calcite-shell-panel-height","description":"When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float` or `float-all`, specifies the component's height."},{"name":"--calcite-shell-panel-max-height","description":"When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's maximum height."},{"name":"--calcite-shell-panel-min-height","description":"When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's minimum height."},{"name":"--calcite-shell-panel-max-width","description":"Specifies the component's maximum width."},{"name":"--calcite-shell-panel-resize-icon-color","description":"Specifies the resize handle's text color."},{"name":"--calcite-shell-panel-shadow","description":"When `displayMode` is `\"float-all\"`, specifies the component's shadow."},{"name":"--calcite-shell-panel-text-color","description":"Specifies the component's text color."},{"name":"--calcite-shell-panel-width","description":"Specifies the component's width."},{"name":"--calcite-shell-panel-z-index","description":"Specifies the component's z-index value."},{"name":"--calcite-slider-text-color","description":"Specifies the component's text color."},{"name":"--calcite-slider-track-color","description":"Specifies the component's track color."},{"name":"--calcite-slider-track-fill-color","description":"Specifies the component's track fill color."},{"name":"--calcite-slider-handle-fill-color","description":"Specifies the component's handle fill color."},{"name":"--calcite-slider-handle-extension-color","description":"Specifies the component's handle extension color."},{"name":"--calcite-slider-accent-color","description":"Specifies the component's accent color."},{"name":"--calcite-slider-tick-color","description":"Specifies the component's tick color."},{"name":"--calcite-slider-tick-border-color","description":"Specifies the component's tick border color."},{"name":"--calcite-slider-tick-selected-color","description":"Specifies the component's tick color when in selected range."},{"name":"--calcite-slider-graph-color","description":"Specifies the component's graph color."},{"name":"--calcite-split-button-background-color","description":"Specifies the component's background color."},{"name":"--calcite-split-button-background-color-hover","description":"Specifies the component's background color when hovered."},{"name":"--calcite-split-button-background-color-focus","description":"Specifies the component's background color when focused."},{"name":"--calcite-split-button-background-color-press","description":"Specifies the component's background color when active."},{"name":"--calcite-split-button-border-color","description":"Specifies the component's border color."},{"name":"--calcite-split-button-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-split-button-icon-color","description":"Specifies the component's `iconStart` and `iconEnd` color."},{"name":"--calcite-split-button-loader-color","description":"Specifies the component's loader color."},{"name":"--calcite-split-button-text-color","description":"Specifies the component's text color."},{"name":"--calcite-split-button-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-split-button-divider-border-color","description":"Specifies the component's divider border color."},{"name":"--calcite-split-button-divider-color","description":"Specifies the component's divider color."},{"name":"--calcite-split-button-dropdown-width","description":"Specifies the width of the component's dropdown."},{"name":"--calcite-split-button-dropdown-background-color","description":"Specifies the component's dropdown background color.\n*"},{"name":"--calcite-stack-padding-inline","description":"Specifies the inline padding of the component's content."},{"name":"--calcite-stack-padding-block","description":"Specifies the block padding of the component's content."},{"name":"--calcite-stepper-bar-gap","description":"Specifies the space between the component's `calcite-stepper-item`s."},{"name":"--calcite-stepper-bar-inactive-fill-color","description":"Specifies the `calcite-stepper-item`s' bar fill color of the component's `calcite-stepper-item`s."},{"name":"--calcite-stepper-bar-active-fill-color","description":"Specifies the `calcite-stepper-item`s' bar fill color of the component's active `calcite-stepper-item`s."},{"name":"--calcite-stepper-bar-complete-fill-color","description":"When `calcite-stepper-item`s are `complete`, specifies the component's `calcite-stepper-item`s' bar fill color."},{"name":"--calcite-stepper-bar-error-fill-color","description":"When `calcite-stepper-item`s contain an `error`, specifies the component's `calcite-stepper-item`s' bar fill color."},{"name":"--calcite-stepper-item-background-color-press","description":"Specifies the component's background-color when active."},{"name":"--calcite-stepper-item-header-text-color","description":"Specifies the component's header text color."},{"name":"--calcite-stepper-item-header-text-color-hover","description":"Specifies the component's header text color when hovered or focused."},{"name":"--calcite-stepper-item-selected-header-text-color","description":"When `selected`, specifies the component's header text color."},{"name":"--calcite-stepper-item-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-stepper-item-complete-icon-color","description":"When `complete`, specifies the component's icon color."},{"name":"--calcite-stepper-item-error-icon-color","description":"When `error`, specifies the component's icon and number color."},{"name":"--calcite-stepper-item-selected-icon-color","description":"When `selected`, specifies the component's icon and number color."},{"name":"--calcite-stepper-item-description-text-color","description":"Specifies the component's description and number text color."},{"name":"--calcite-stepper-item-description-text-color-hover","description":"When `selected`, hovered, or focused, specifies the component's description text color."},{"name":"--calcite-stepper-bar-gap","description":"Specifies the component's bottom spacing."},{"name":"--calcite-stepper-bar-fill-color","description":"Specifies the component's fill color."},{"name":"--calcite-stepper-bar-fill-color-hover","description":"Specifies the component's fill color when hovered or focused."},{"name":"--calcite-stepper-bar-complete-fill-color","description":"When `complete`, specifies the component's fill color."},{"name":"--calcite-stepper-bar-complete-fill-color-hover","description":"When `complete`, specifies the component's fill color when hovered or focused."},{"name":"--calcite-stepper-bar-error-fill-color","description":"When `error`, specifies the component's fill color."},{"name":"--calcite-stepper-bar-error-fill-color-hover","description":"When `error`, specifies the component's fill color when hovered or focused."},{"name":"--calcite-stepper-bar-selected-fill-color","description":"When `selected`, specifies the component's fill color."},{"name":"--calcite-swatch-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-swatch-group-space","description":"Specifies the space between slotted elements."},{"name":"--calcite-switch-background-color","description":"Specifies the component's background color."},{"name":"--calcite-switch-background-color-hover","description":"Specifies the component's background color when hovered or pressed."},{"name":"--calcite-switch-border-color","description":"[Deprecated] No longer necessary. Specifies the component's border color."},{"name":"--calcite-switch-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-switch-handle-background-color","description":"Specifies the handle's background color."},{"name":"--calcite-switch-handle-border-color","description":"[Deprecated] No longer necessary. Specifies the handle's border color."},{"name":"--calcite-switch-handle-shadow","description":"[Deprecated] No longer necessary. Specifies the handle's shadow."},{"name":"--calcite-tab-content-space-y","description":"Specifies the vertical space between the component's content in the `default` slot."},{"name":"--calcite-tab-content-block-padding","description":"[Deprecated] Use `--calcite-tab-content-space-y` instead. Specifies the block padding of the component's content in the `default` slot."},{"name":"--calcite-tab-background-color","description":"Specifies the component's background color."},{"name":"--calcite-tab-border-color","description":"When `calcite-tabs` is `bordered`, specifies the component's border color."},{"name":"--calcite-tab-text-color","description":"Specifies the component's `iconStart`, `iconEnd`, and text color."},{"name":"--calcite-tab-text-color","description":"Specifies the component's text color."},{"name":"--calcite-tab-text-color-press","description":"Specifies the component's text color when hovered, pressed, or selected."},{"name":"--calcite-tab-border-color","description":"Specifies the component's border color."},{"name":"--calcite-tab-background-color","description":"Specifies the component's background color."},{"name":"--calcite-tab-background-color-hover","description":"When `calcite-tabs` is `bordered`, specifies the component's background color when hovered."},{"name":"--calcite-tab-accent-color-press","description":"When `selected` or active, specifies the component's accent color."},{"name":"--calcite-tab-icon-color-start","description":"Specifies the component's `iconStart` color."},{"name":"--calcite-tab-icon-color-start-press","description":"When `selected`, hovered, or pressed, specifies the component's `iconStart` color."},{"name":"--calcite-tab-icon-color-end","description":"Specifies the component's `iconEnd` color."},{"name":"--calcite-tab-icon-color-end-press","description":"When `selected`, hovered, or pressed, specifies the component's `iconEnd` color."},{"name":"--calcite-tab-close-icon-color","description":"Specifies the component's close element icon color."},{"name":"--calcite-tab-close-icon-color-press","description":"Specifies the component's close element icon color when hovered, focused, and active."},{"name":"--calcite-tab-close-icon-background-color","description":"Specifies the component's close element icon background color."},{"name":"--calcite-tab-close-icon-background-color-press","description":"Specifies the component's close element icon background color when pressed."},{"name":"--calcite-tab-close-icon-background-color-hover","description":"Specifies the component's close element icon background color when hovered."},{"name":"--calcite-table-border-color","description":"Specifies the component's border color."},{"name":"--calcite-table-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-table-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-table-number-cell-background-color","description":"Specifies the background color of the component's `numbered` cell."},{"name":"--calcite-table-number-cell-text-color","description":"Specifies the text color of the component's `numbered` cell."},{"name":"--calcite-table-selection-cell-background-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, specifies the background color of cells containing selection icons."},{"name":"--calcite-table-selection-cell-background-color-selected","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, specifies the background color of cells containing selection icons on `selected` `calcite-table-row`s."},{"name":"--calcite-table-selection-cell-icon-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, specifies the icon color of the component's selection icon on `calcite-table-row`s where `selected` is `false`."},{"name":"--calcite-table-selection-cell-icon-color-selected","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, specifies the icon color of the component's selection icon on `selected` `calcite-table-row`s."},{"name":"--calcite-table-selection-chip-background-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are not `selected`, specifies the background color of the component's selection chip."},{"name":"--calcite-table-selection-chip-border-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are not `selected`, specifies the border color of the component's selection chip."},{"name":"--calcite-table-selection-chip-corner-radius","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, specifies the corner radius of the component's selection chip."},{"name":"--calcite-table-selection-chip-shadow","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, specifies the shadow of the component's selection chip."},{"name":"--calcite-table-selection-chip-text-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are not `selected`, specifies the text color of the component's selection chip."},{"name":"--calcite-table-selection-chip-background-color-selected","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection chip."},{"name":"--calcite-table-selection-chip-border-color-selected","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection chip."},{"name":"--calcite-table-selection-chip-text-color-selected","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection chip."},{"name":"--calcite-table-selection-out-of-view-chip-background-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the background color of the component's selection out of view chip."},{"name":"--calcite-table-selection-out-of-view-chip-border-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the border color of the component's selection out of view chip."},{"name":"--calcite-table-selection-out-of-view-chip-corner-radius","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the corner radius of the component's selection out of view chip."},{"name":"--calcite-table-selection-out-of-view-chip-icon-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the icon color of the component's selection out of view chip."},{"name":"--calcite-table-selection-out-of-view-chip-shadow","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the shadow of the component's selection out of view chip."},{"name":"--calcite-table-selection-out-of-view-chip-text-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"`, `pageSize` is set,  and `calcite-table-row`s are `selected` on non-current pages, specifies the text color of the component's selection out of view chip."},{"name":"--calcite-table-selection-dismiss-button-background-color-active","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection dismiss chip when active."},{"name":"--calcite-table-selection-dismiss-button-background-color-hover","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection dismiss chip when hovered."},{"name":"--calcite-table-selection-dismiss-button-background-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the background color of the component's selection dismiss chip."},{"name":"--calcite-table-selection-dismiss-button-border-color-active","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection dismiss chip when active."},{"name":"--calcite-table-selection-dismiss-button-border-color-hover","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection dismiss chip when hovered."},{"name":"--calcite-table-selection-dismiss-button-border-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the border color of the component's selection dismiss chip."},{"name":"--calcite-table-selection-dismiss-button-corner-radius","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the corner radius of the component's selection dismiss chip."},{"name":"--calcite-table-selection-dismiss-button-shadow","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the shadow of the component's selection dismiss chip."},{"name":"--calcite-table-selection-dismiss-button-text-color-active","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection dismiss chip when active."},{"name":"--calcite-table-selection-dismiss-button-text-color-hover","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection dismiss chip when hovered."},{"name":"--calcite-table-selection-dismiss-button-text-color","description":"When `selectionMode` is `\"multiple\"` or `\"single\"` and `calcite-table-row`s are `selected`, specifies the text color of the component's selection dismiss chip."},{"name":"--calcite-table-pagination-color","description":"When `pageSize` is set, specifies the component's pagination item color."},{"name":"--calcite-table-pagination-color-hover","description":"When `pageSize` is set, specifies the component's pagination item color when hovered or selected."},{"name":"--calcite-table-pagination-color-border-hover","description":"When `pageSize` is set, specifies the component's pagination item bottom border color when hovered."},{"name":"--calcite-table-pagination-color-border-active","description":"When `pageSize` is set, specifies the component's pagination item bottom border color when selected."},{"name":"--calcite-table-pagination-background-color","description":"When `pageSize` is set, specifies the component's pagination item background color when active."},{"name":"--calcite-table-pagination-icon-color-background-hover","description":"When `pageSize` is set, specifies the component's pagination chevron item background color when hovered."},{"name":"--calcite-table-cell-background","description":"[Deprecated] Use `--calcite-table-cell-background-color` instead. Specifies the component's background color."},{"name":"--calcite-table-cell-background-color","description":"Specifies the component's background color."},{"name":"--calcite-table-cell-border-color","description":"Specifies the component's border color."},{"name":"--calcite-table-cell-text-color","description":"Specifies the component's text color."},{"name":"--calcite-table-header-background","description":"[Deprecated] Use the `--calcite-table-header-background-color` property instead. Specifies the component's background color."},{"name":"--calcite-table-header-background-color","description":"Specifies the component's background color."},{"name":"--calcite-table-header-border-color","description":"Specifies the component's border color."},{"name":"--calcite-table-header-heading-text-color","description":"Specifies the component's `heading` text color."},{"name":"--calcite-table-header-description-text-color","description":"Specifies the component's `description` text color."},{"name":"--calcite-table-row-background","description":"[Deprecated] Use `--calcite-table-row-background-color` instead. Specifies the background color of the component."},{"name":"--calcite-table-row-background-color","description":"Specifies the component's background color."},{"name":"--calcite-table-row-background-color-striped","description":"When `striped` is `true` on `calcite-table`, specifies the background color of the component's `striped` rows."},{"name":"--calcite-table-row-background-color-selected","description":"When `selected`, specifies the background color of the component's `selected` rows."},{"name":"--calcite-table-row-accent-color-selected","description":"Specifies the component's selected accent color."},{"name":"--calcite-table-row-border-color","description":"Specifies the component's border color."},{"name":"--calcite-tab-background-color","description":"Specifies the component's background color."},{"name":"--calcite-tab-border-color","description":"Specifies the component's border color."},{"name":"--calcite-text-area-background-color","description":"Specifies the component's background color."},{"name":"--calcite-text-area-border-color","description":"Specifies the component's text area border color."},{"name":"--calcite-text-area-character-limit-text-color","description":"Specifies the color of the character limit text displayed in the footer of the component."},{"name":"--calcite-text-area-divider-color","description":"Specifies the color of the divider between the text area and footer."},{"name":"--calcite-text-area-font-size","description":"Specifies the font size of the text area and footer."},{"name":"--calcite-text-area-max-height","description":"Specifies the component's text area maximum height."},{"name":"--calcite-text-area-min-height","description":"Specifies the component's text area minimum height."},{"name":"--calcite-text-area-max-width","description":"Specifies the component's text area maximum width."},{"name":"--calcite-text-area-min-width","description":"Specifies the component's text area minimum width."},{"name":"--calcite-text-area-text-color","description":"Specifies the component's text color."},{"name":"--calcite-text-area-footer-border-color","description":"Specifies the footer's border color."},{"name":"--calcite-text-area-corner-radius","description":"Specifies component's corner radius."},{"name":"--calcite-text-area-shadow","description":"Specifies the component's shadow."},{"name":"--calcite-text-area-footer-background-color","description":"Specifies the footer's background color."},{"name":"--calcite-tile-accent-color-press","description":"When the parent `calcite-tile-group` has a `selectionMode` that is not `\"none\"`, specifies the color of the component's selection elements, such as the radio, checkbox, and border."},{"name":"--calcite-tile-background-color","description":"Specifies the component's background color."},{"name":"--calcite-tile-border-color","description":"Specifies the component's border color."},{"name":"--calcite-tile-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-tile-heading-text-color","description":"Specifies the component's `heading` text color."},{"name":"--calcite-tile-link-color","description":"When `href` is present, specifies the component's link color."},{"name":"--calcite-tile-shadow","description":"Specifies the shadow around the component."},{"name":"--calcite-tile-text-color","description":"Specifies the component's `description` and `icon` text color, but not the `heading` text color."},{"name":"--calcite-tile-link-text-color","description":"Specifies the component's link text color."},{"name":"--calcite-time-picker-background-color","description":"Specifies the component's background color."},{"name":"--calcite-time-picker-border-color","description":"Specifies the component's border color."},{"name":"--calcite-time-picker-corner-radius","description":"Specifies the component's border radius."},{"name":"--calcite-time-picker-button-background-color-hover","description":"Specifies the button's background color when hovered or focused."},{"name":"--calcite-time-picker-button-background-color-press","description":"Specifies the button's background color when active."},{"name":"--calcite-time-picker-color","description":"Specifies the component's text color."},{"name":"--calcite-time-picker-icon-color","description":"Specifies the component's icon color."},{"name":"--calcite-time-picker-input-border-color-press","description":"Specifies the input's border color when active."},{"name":"--calcite-time-picker-input-border-color-hover","description":"Specifies the input's border color when hovered."},{"name":"--calcite-tooltip-background-color","description":"Specifies the component's background color."},{"name":"--calcite-tooltip-border-color","description":"Specifies the component's border color."},{"name":"--calcite-tooltip-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-tooltip-max-size-x","description":"Specifies the component's maximum width."},{"name":"--calcite-tooltip-text-color","description":"Specifies the component's text color."},{"name":"--calcite-tree-text-color","description":"Specifies the component's text color."},{"name":"--calcite-tree-text-color-selected","description":"When 'selected', specifies the component's text color."},{"name":"--calcite-tree-selected-icon-color","description":"Specifies the component's selection icon color."}],"pseudoElements":[]}