@esri/calcite-components 3.2.0-next.8 → 3.2.0

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

@@ -66,6 +66,14 @@
       "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."
@@ -132,7 +140,7 @@
     },
     {
       "name": "--calcite-action-text-color-press",
-      "description": "Specifies the component's text color when hovered."
+      "description": "Specifies the component's text color when pressed or hovered."
     },
     {
       "name": "--calcite-action-text-color-pressed",
@@ -142,6 +150,14 @@
       "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."
@@ -150,6 +166,10 @@
       "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."
@@ -374,6 +394,18 @@
       "name": "--calcite-block-text-color",
       "description": "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."
@@ -504,7 +536,7 @@
     },
     {
       "name": "--calcite-checkbox-icon-color",
-      "description": "Specifies the component's font color."
+      "description": "Specifies the component's icon color."
     },
     {
       "name": "--calcite-chip-background-color",
@@ -570,6 +602,10 @@
       "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": "Specifies the component's border color."
+    },
     {
       "name": "--calcite-combobox-text-color",
       "description": "Specifies the component's text and `icon` color."
@@ -586,6 +622,10 @@
       "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."
@@ -826,6 +866,62 @@
       "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."
@@ -1086,13 +1182,89 @@
       "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-height",
+      "description": "Specifies the height of the component."
+    },
+    {
+      "name": "--calcite-input-number-placeholder-text-color",
+      "description": "Specifies the text color of the placeholder in the component."
+    },
+    {
+      "name": "--calcite-input-number-text-color",
+      "description": "Specifies the text color of the component."
+    },
+    {
+      "name": "--calcite-input-number-text-color-focus",
+      "description": "Specifies the text color of the component when focused."
+    },
+    {
+      "name": "--calcite-input-prefix-background-color",
+      "description": "Specifies the background color of the prefix element."
+    },
     {
       "name": "--calcite-input-prefix-size",
-      "description": "Specifies the component's prefix width."
+      "description": "Specifies the width of the prefix element."
+    },
+    {
+      "name": "--calcite-input-prefix-text-color",
+      "description": "Specifies the text color of the prefix element."
+    },
+    {
+      "name": "--calcite-input-suffix-background-color",
+      "description": "Specifies the background color of the suffix element."
     },
     {
       "name": "--calcite-input-suffix-size",
-      "description": "Specifies the component's suffix width."
+      "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-prefix-size",
@@ -1339,13 +1511,17 @@
       "description": "Specifies the component's background color when active."
     },
     {
-      "name": "--calcite-notice-close-text-color-hover",
+      "name": "--calcite-notice-close-icon-color-hover",
       "description": "Specifies the background color of the component's close button when hovered."
     },
     {
-      "name": "--calcite-notice-close-text-color",
+      "name": "--calcite-notice-close-icon-color",
       "description": "Specifies the text color of the component's close button."
     },
+    {
+      "name": "--calcite-notice-title-text-color",
+      "description": "Specifies the component's title text color."
+    },
     {
       "name": "--calcite-notice-content-text-color",
       "description": "Specifies the component's content text color."
@@ -1354,6 +1530,14 @@
       "name": "--calcite-notice-width",
       "description": "[Deprecated] Specifies the component's width."
     },
+    {
+      "name": "--calcite-notice-close-text-color-hover",
+      "description": "[Deprecated] Use `--calcite-notice-close-icon-color-hover`. Specifies the background color of the component's close button when hovered."
+    },
+    {
+      "name": "--calcite-notice-close-text-color",
+      "description": "[Deprecated] Use `--calcite-notice-close-icon-color`. Specifies the text color of the component's close button."
+    },
     {
       "name": "--calcite-pagination-color",
       "description": "Specifies the component's item color."
@@ -1420,7 +1604,7 @@
     },
     {
       "name": "--calcite-panel-header-action-text-color-press",
-      "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."
+      "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered."
     },
     {
       "name": "--calcite-panel-footer-background-color",
@@ -1486,6 +1670,34 @@
       "name": "--calcite-progress-text-color",
       "description": "Specifies the component's text color."
     },
+    {
+      "name": "--calcite-radio-button-background-color",
+      "description": "Specifies the component's background color."
+    },
+    {
+      "name": "--calcite-radio-button-border-color",
+      "description": "Specifies the component's border color."
+    },
+    {
+      "name": "--calcite-radio-button-corner-radius",
+      "description": "Specifies the component's corner radius."
+    },
+    {
+      "name": "--calcite-radio-button-size",
+      "description": "Specifies the component's size."
+    },
+    {
+      "name": "--calcite-radio-size",
+      "description": "[Deprecated] Use `--calcite-radio-button-size`. Specifies the component's size."
+    },
+    {
+      "name": "--calcite-radio-button-group-gap",
+      "description": "Specifies the space between slotted components in the component."
+    },
+    {
+      "name": "--calcite-radio-button-input-message-spacing",
+      "description": "Specifies the margin spacing at the top of the input-message component."
+    },
     {
       "name": "--calcite-rating-spacing-unit",
       "description": "[Deprecated] Use `--calcite-rating-spacing`. Specifies the amount of left and right margin spacing between each item."
@@ -1566,6 +1778,30 @@
       "name": "--calcite-select-icon-color-hover",
       "description": "Specifies the component's icon color when hovered or active."
     },
+    {
+      "name": "--calcite-sheet-background-color",
+      "description": "Specifies the background color of the sheet."
+    },
+    {
+      "name": "--calcite-sheet-corner-radius",
+      "description": "Specifies the corner radius of the component."
+    },
+    {
+      "name": "--calcite-sheet-shadow",
+      "description": "Specifies the shadow of the component."
+    },
+    {
+      "name": "--calcite-sheet-text-color",
+      "description": "Specifies the text color of the component."
+    },
+    {
+      "name": "--calcite-sheet-resize-background-color",
+      "description": "Specifies the background color of the resize handle."
+    },
+    {
+      "name": "--calcite-sheet-resize-icon-color",
+      "description": "Specifies the text color of the resize handle."
+    },
     {
       "name": "--calcite-sheet-scrim-background",
       "description": "Specifies the background color of the sheet scrim."
@@ -1603,16 +1839,16 @@
       "description": "[Deprecated] This component has been deprecated. The left and right spacing of the `calcite-tip-manager` when slotted in the component."
     },
     {
-      "name": "--calcite-shell-panel-width",
-      "description": "Specifies the width of the component."
+      "name": "--calcite-shell-panel-background-color",
+      "description": "Specifies the background color of the component."
     },
     {
-      "name": "--calcite-shell-panel-max-width",
-      "description": "Specifies the maximum width of the component."
+      "name": "--calcite-shell-panel-border-color",
+      "description": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
     },
     {
-      "name": "--calcite-shell-panel-min-width",
-      "description": "Specifies the minimum width of the component."
+      "name": "--calcite-shell-panel-corner-radius",
+      "description": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius"
     },
     {
       "name": "--calcite-shell-panel-height",
@@ -1622,26 +1858,42 @@
       "name": "--calcite-shell-panel-max-height",
       "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component."
     },
+    {
+      "name": "--calcite-shell-panel-max-width",
+      "description": "Specifies the maximum width of the component."
+    },
     {
       "name": "--calcite-shell-panel-min-height",
       "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component."
     },
     {
-      "name": "--calcite-shell-panel-z-index",
-      "description": "Specifies the z-index value for the component."
+      "name": "--calcite-shell-panel-min-width",
+      "description": "Specifies the minimum width of the component."
     },
     {
-      "name": "--calcite-shell-panel-border-color",
-      "description": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
+      "name": "--calcite-shell-panel-resize-background-color",
+      "description": "Specifies the background color of the resize handle."
     },
     {
-      "name": "--calcite-shell-panel-corner-radius",
-      "description": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius"
+      "name": "--calcite-shell-panel-resize-icon-color",
+      "description": "Specifies the text color of the resize handle."
     },
     {
       "name": "--calcite-shell-panel-shadow",
       "description": "When `displayMode` is `\"float-all\"`, specifies the component's shadow."
     },
+    {
+      "name": "--calcite-shell-panel-text-color",
+      "description": "Specifies the text color of the component."
+    },
+    {
+      "name": "--calcite-shell-panel-width",
+      "description": "Specifies the width of the component."
+    },
+    {
+      "name": "--calcite-shell-panel-z-index",
+      "description": "Specifies the z-index value for the component."
+    },
     {
       "name": "--calcite-slider-text-color",
       "description": "Specifies the component's text color."
@@ -1690,13 +1942,109 @@
       "name": "--calcite-stack-padding-block",
       "description": "Specifies the block padding of the component's content."
     },
+    {
+      "name": "--calcite-stepper-bar-gap",
+      "description": "Specifies the space between items in the step bar."
+    },
+    {
+      "name": "--calcite-stepper-bar-inactive-fill-color",
+      "description": "Specifies the fill color of items in the step bar."
+    },
+    {
+      "name": "--calcite-stepper-bar-active-fill-color",
+      "description": "Specifies the fill color of active items in the step bar."
+    },
+    {
+      "name": "--calcite-stepper-bar-complete-fill-color",
+      "description": "Specifies the fill color of complete items in the step bar."
+    },
+    {
+      "name": "--calcite-stepper-bar-error-fill-color",
+      "description": "Specifies the fill color of error items in the step bar."
+    },
+    {
+      "name": "--calcite-stepper-item-background-color-press",
+      "description": "Specifies the component's background-color when active."
+    },
+    {
+      "name": "--calcite-stepper-item-header-text-color",
+      "description": "Specifies the component's header text color."
+    },
+    {
+      "name": "--calcite-stepper-item-header-text-color-hover",
+      "description": "Specifies the component's header text color when hovered or focused."
+    },
+    {
+      "name": "--calcite-stepper-item-selected-header-text-color",
+      "description": "Specifies the component's header text color when selected."
+    },
+    {
+      "name": "--calcite-stepper-item-icon-color",
+      "description": "Specifies the component's icon color."
+    },
+    {
+      "name": "--calcite-stepper-item-complete-icon-color",
+      "description": "Specifies the component's icon color when complete."
+    },
+    {
+      "name": "--calcite-stepper-item-error-icon-color",
+      "description": "Specifies the component's icon and number color when in error."
+    },
+    {
+      "name": "--calcite-stepper-item-selected-icon-color",
+      "description": "Specifies the component's icon and number color when selected."
+    },
+    {
+      "name": "--calcite-stepper-item-description-text-color",
+      "description": "Specifies the component's description and number text color."
+    },
+    {
+      "name": "--calcite-stepper-item-description-text-color-hover",
+      "description": "Specifies the component's description text color when hovered, focused or selected."
+    },
+    {
+      "name": "--calcite-stepper-bar-gap",
+      "description": "Specifies the component's bottom spacing."
+    },
+    {
+      "name": "--calcite-stepper-bar-fill-color",
+      "description": "Specifies the component's fill color."
+    },
+    {
+      "name": "--calcite-stepper-bar-fill-color-hover",
+      "description": "Specifies the component's fill color when hovered or focused."
+    },
+    {
+      "name": "--calcite-stepper-bar-complete-fill-color",
+      "description": "Specifies the component's fill color when complete."
+    },
+    {
+      "name": "--calcite-stepper-bar-complete-fill-color-hover",
+      "description": "When item is complete, specifies the component's fill color when hovered or focused."
+    },
+    {
+      "name": "--calcite-stepper-bar-error-fill-color",
+      "description": "Specifies the component's fill color when in error."
+    },
+    {
+      "name": "--calcite-stepper-bar-error-fill-color-hover",
+      "description": "When item is error, specifies the component's fill color when hovered or focused."
+    },
+    {
+      "name": "--calcite-stepper-bar-selected-fill-color",
+      "description": "Specifies the component's fill color when selected."
+    },
     {
       "name": "--calcite-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": "Specifies the component's border color."
+      "description": "[Deprecated] No longer necessary. Specifies the component's border color."
     },
     {
       "name": "--calcite-switch-corner-radius",
@@ -1708,11 +2056,11 @@
     },
     {
       "name": "--calcite-switch-handle-border-color",
-      "description": "Specifies the handle's border color."
+      "description": "[Deprecated] No longer necessary. Specifies the handle's border color."
     },
     {
       "name": "--calcite-switch-handle-shadow",
-      "description": "Specifies the handle's shadow."
+      "description": "[Deprecated] No longer necessary. Specifies the handle's shadow."
     },
     {
       "name": "--calcite-tab-content-space-y",
@@ -1850,6 +2198,18 @@
       "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."
@@ -1886,6 +2246,38 @@
       "name": "--calcite-tile-link-text-color",
       "description": "Specifies the component's link text color."
     },
+    {
+      "name": "--calcite-time-picker-background-color",
+      "description": "The background color of the time picker."
+    },
+    {
+      "name": "--calcite-time-picker-corner-radius",
+      "description": "The border radius of the time picker."
+    },
+    {
+      "name": "--calcite-time-picker-button-background-color-hover",
+      "description": "Specifies the button's background color when hovered or focused."
+    },
+    {
+      "name": "--calcite-time-picker-button-background-color-press",
+      "description": "Specifies the button's background color when active."
+    },
+    {
+      "name": "--calcite-time-picker-color",
+      "description": "Specifies the component's text color."
+    },
+    {
+      "name": "--calcite-time-picker-icon-color",
+      "description": "Specifies the component's icon color."
+    },
+    {
+      "name": "--calcite-time-picker-input-border-color-press",
+      "description": "Specifies the input's border color when active."
+    },
+    {
+      "name": "--calcite-time-picker-input-border-color-hover",
+      "description": "Specifies the input's border color when hovered."
+    },
     {
       "name": "--calcite-tip-manager-height",
       "description": "The maximum height of the component."