@esri/calcite-components 3.0.0-next.99 → 3.0.0

package/dist/docs/supported-browsers.json

@@ -1 +1 @@
-["chrome 131","chrome 130","edge 131","edge 130","firefox 133","firefox 132","firefox 128","ios_saf 18.2","ios_saf 18.1","ios_saf 18.0","ios_saf 17.6-17.7","ios_saf 17.5","ios_saf 17.4","ios_saf 17.3","ios_saf 17.2","ios_saf 17.1","ios_saf 17.0","safari 18.2","safari 18.1","safari 18.0","safari 17.6","safari 17.5","safari 17.4","safari 17.3","safari 17.2","safari 17.1","safari 17.0"]
+["chrome 132","chrome 131","edge 132","edge 131","firefox 134","firefox 133","firefox 128","ios_saf 18.3","ios_saf 18.2","ios_saf 18.1","ios_saf 18.0","ios_saf 17.6-17.7","ios_saf 17.5","ios_saf 17.4","ios_saf 17.3","ios_saf 17.2","ios_saf 17.1","ios_saf 17.0","safari 18.3","safari 18.2","safari 18.1","safari 18.0","safari 17.6","safari 17.5","safari 17.4","safari 17.3","safari 17.2","safari 17.1","safari 17.0"]

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

@@ -339,9 +339,13 @@
       "description": "Specifies the component's `heading` background color when hovered."
     },
     {
-      "name": "--calcite-block-header-text-color",
+      "name": "--calcite-block-heading-text-color",
       "description": "Specifies the component's `heading` text color."
     },
+    {
+      "name": "--calcite-block-heading-text-color-press",
+      "description": "When the component is `open`, specifies the `heading` text color."
+    },
     {
       "name": "--calcite-block-padding",
       "description": "[Deprecated] Specifies the padding of the component's `default` slot."
@@ -350,10 +354,6 @@
       "name": "--calcite-block-text-color",
       "description": "Specifies the component's text color."
     },
-    {
-      "name": "--calcite-block-text-color-hover",
-      "description": "Specifies the component's text color when hovered."
-    },
     {
       "name": "--calcite-block-section-background-color",
       "description": "Specifies the component's background color."
@@ -374,6 +374,30 @@
       "name": "--calcite-block-section-text-color-hover",
       "description": "Specifies the component's text color on hover."
     },
+    {
+      "name": "--calcite-button-background-color",
+      "description": "Specifies the component's background color when appearance=\"solid\" or appearance=\"outline-fill\"."
+    },
+    {
+      "name": "--calcite-button-border-color",
+      "description": "Specifies the component's border color when it has appearance=\"outline\" or appearance=\"outline-fill\"."
+    },
+    {
+      "name": "--calcite-button-corner-radius",
+      "description": "Specifies the component's corner radius."
+    },
+    {
+      "name": "--calcite-button-loader-color",
+      "description": "Specifies the component's loader color."
+    },
+    {
+      "name": "--calcite-button-shadow-color",
+      "description": "Specifies the component's box-shadow color."
+    },
+    {
+      "name": "--calcite-button-text-color",
+      "description": "Specifies the component's text color."
+    },
     {
       "name": "--calcite-card-accent-color-selected",
       "description": "Specifies the component's accent color when `selected`."
@@ -494,6 +518,106 @@
       "name": "--calcite-combobox-input-height",
       "description": "Specifies the height of the component's input."
     },
+    {
+      "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."
@@ -550,13 +674,109 @@
       "name": "--calcite-dropdown-width",
       "description": "Specifies the width of the component's wrapper."
     },
+    {
+      "name": "--calcite-flow-background-color",
+      "description": "Specifies the component's background color."
+    },
     {
       "name": "--calcite-flow-item-footer-padding",
-      "description": "Specifies the padding of the component's footer."
+      "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": "Specifies the component header's block end border."
+      "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-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",
@@ -590,6 +810,34 @@
       "name": "--calcite-icon-color",
       "description": "Specifies the component's color. Defaults to current color."
     },
+    {
+      "name": "--calcite-inline-editable-background-color-hover",
+      "description": "Specifies the component's background color when hovered."
+    },
+    {
+      "name": "--calcite-inline-editable-background-color",
+      "description": "Specifies the component's background color."
+    },
+    {
+      "name": "--calcite-inline-editable-button-background-color",
+      "description": "Specifies the button element's background color when appearance=\"solid\" or appearance=\"outline-fill\"."
+    },
+    {
+      "name": "--calcite-inline-editable-button-corner-radius",
+      "description": "Specifies the button element's corner radius."
+    },
+    {
+      "name": "--calcite-inline-editable-button-loader-color",
+      "description": "Specifies the button element's loader color."
+    },
+    {
+      "name": "--calcite-inline-editable-button-shadow-color",
+      "description": "Specifies the button element's box-shadow color."
+    },
+    {
+      "name": "--calcite-inline-editable-button-text-color",
+      "description": "Specifies the button element's text color."
+    },
     {
       "name": "--calcite-input-prefix-size",
       "description": "Specifies the component's prefix width, when present."
@@ -1018,6 +1266,30 @@
       "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-panel-header-action-background-color-hover",
+      "description": "Specifies the background color of the component's `calcite-action` items  in the panel header when hovered."
+    },
+    {
+      "name": "--calcite-panel-header-action-background-color-press",
+      "description": "Specifies the background color of the component's `calcite-action` items  in the panel header when pressed."
+    },
+    {
+      "name": "--calcite-panel-header-action-background-color",
+      "description": "Specifies the background color of the component's `calcite-action` items  in the panel header."
+    },
+    {
+      "name": "--calcite-panel-header-action-indicator-color",
+      "description": "Specifies the color of the component's `calcite-action` items' indicator in the panel header."
+    },
+    {
+      "name": "--calcite-panel-header-action-text-color-press",
+      "description": "Specifies the text color of the component's `calcite-action` items in the panel header when pressed."
+    },
+    {
+      "name": "--calcite-panel-header-action-text-color",
+      "description": "Specifies the text color of the component's `calcite-action` items in the panel header."
+    },
     {
       "name": "--calcite-popover-background-color",
       "description": "Specifies the component's background color."
@@ -1082,6 +1354,30 @@
       "name": "--calcite-scrim-background",
       "description": "Specifies the background color of the scrim."
     },
+    {
+      "name": "--calcite-segmented-control-border-color",
+      "description": "Specifies the component's border color."
+    },
+    {
+      "name": "--calcite-segmented-control-color",
+      "description": "Specifies the component's color."
+    },
+    {
+      "name": "--calcite-segmented-control-background-color",
+      "description": "Specifies the component's background color."
+    },
+    {
+      "name": "--calcite-segmented-control-border-color",
+      "description": "Specifies the component's border color."
+    },
+    {
+      "name": "--calcite-segmented-control-shadow",
+      "description": "Specifies the component's shadow."
+    },
+    {
+      "name": "--calcite-segmented-control-icon-color",
+      "description": "Specifies the icons's color."
+    },
     {
       "name": "--calcite-select-font-size",
       "description": "Specifies the font size of `calcite-option`s in the component."
@@ -1162,6 +1458,18 @@
       "name": "--calcite-shell-panel-z-index",
       "description": "Specifies the z-index value for the component."
     },
+    {
+      "name": "--calcite-shell-panel-border-color",
+      "description": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
+    },
+    {
+      "name": "--calcite-shell-panel-corner-radius",
+      "description": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius"
+    },
+    {
+      "name": "--calcite-shell-panel-shadow",
+      "description": "When `displayMode` is `\"float-all\"`, specifies the component's shadow."
+    },
     {
       "name": "--calcite-slider-text-color",
       "description": "Specifies the component's text color."