npm - @esri/calcite-components - Versions diffs - 5.0.0-next.86 → 5.0.0-next.87 - Mend

@esri/calcite-components 5.0.0-next.86 → 5.0.0-next.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (368) hide show

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

	@@ -1 +1 @@
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-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-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-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":"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-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-text-color","description":"Specifies the component's prefix text 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-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-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-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-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 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":"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":[]}
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-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-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":"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":"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-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 and day range."},{"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":[]}