@central-design-system/components 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/es/entry.js

@@ -120,7 +120,7 @@ import { u as u17, a as a29 } from "./src/components/CdsToastQueue/composables/u
 const createCds = (options = {}) => {
   return createCds$1(options);
 };
-const version = "4.0.0-alpha.1";
+const version = "4.0.0-alpha.2";
 createCds.version = version;
 export {
   c2 as CDS_DRAWER_WIDTH,

package/dist/es/src/cds.js

@@ -1,18 +1,18 @@
 import { C as CssGridSymbol } from "./components/CdsGrid/api/CdsGrid.constants.js";
+import { D as DisplaySymbol } from "./composables/useDisplay/internal/useDisplay.constants.js";
+import { c as createDisplay } from "./composables/useDisplay/useDisplay.js";
 import { G as GoToSymbol } from "./composables/useGoTo/internal/useGoTo.constants.js";
 import { c as createGoTo } from "./composables/useGoTo/useGoTo.js";
 import { a as IconSymbol } from "./composables/useIcons/internal/useIcons.constants.js";
 import { L as LocaleSymbol } from "./composables/useLocale/internal/useLocale.constants.js";
 import { c as createLocale } from "./composables/useLocale/useLocale.js";
+import { T as ThemeSymbol } from "./composables/useTheme/internal/useTheme.constants.js";
+import { c as createTheme } from "./composables/useTheme/useTheme.js";
 import { c as createDefaults, D as DefaultsSymbol } from "./core/useDefaults.js";
 import { c as createIcons } from "./icons.js";
 import { a1 as mergeDeep } from "./utils/helpers.js";
 import { a as IN_BROWSER } from "./utils/dom/globals.js";
 import { effectScope, defineComponent, nextTick, reactive } from "vue";
-import { c as createDisplay } from "./composables/useDisplay/useDisplay.js";
-import { c as createTheme } from "./composables/useTheme/useTheme.js";
-import { D as DisplaySymbol } from "./composables/useDisplay/internal/useDisplay.constants.js";
-import { T as ThemeSymbol } from "./composables/useTheme/internal/useTheme.constants.js";
 function createCds(cdsOptions = {}) {
   const { blueprint, ...rest } = cdsOptions;
   const options = mergeDeep(blueprint, rest);
@@ -108,7 +108,7 @@ function createCds(cdsOptions = {}) {
     };
   });
 }
-const version = "4.0.0-alpha.1";
+const version = "4.0.0-alpha.2";
 createCds.version = version;
 function inject(key) {
   var _a, _b;

package/dist/es/src/components/CdsApp/CdsApp.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsAppConstants } from "./api/CdsApp.constants.js";
 import { d as defineCdsAppProps } from "./api/CdsApp.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsAppConstants.name

package/dist/es/src/components/CdsApp/api/CdsApp.props.js

@@ -1,7 +1,7 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsAppConstants } from "./CdsApp.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsAppProps = propsFactory(
   {
     storybook: {

package/dist/es/src/components/CdsAvatar/CdsAvatar.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
 import { u as useText } from "../../composables/useText/useText.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { l as isObject } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -9,7 +10,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsImage } from "../CdsImage/index.js";
 import { C as CdsAvatarConstants } from "./api/CdsAvatar.constants.js";
 import { d as defineCdsAvatarProps } from "./api/CdsAvatar.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsAvatar/api/CdsAvatar.props.js

@@ -1,9 +1,9 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsAvatarConstants } from "./CdsAvatar.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsAvatarProps = propsFactory(

package/dist/es/src/components/CdsBadge/CdsBadge.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { defineComponent, useSlots, useAttrs, unref, createVNode, mergeProps, wi
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as useText } from "../../composables/useText/useText.js";
+import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { a8 as pickWithRest, u as convertToUnit } from "../../utils/helpers.js";
@@ -10,7 +11,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsBadgeConstants, f as floatingBadgeDotOffset, a as floatingBadgeOffset, d as defaultBadgeDotOffset, b as defaultBadgeOffset } from "./api/CdsBadge.constants.js";
 import { d as defineCdsBadgeProps } from "./api/CdsBadge.props.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
-import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsBadge/api/CdsBadge.props.js

@@ -1,13 +1,13 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsBadgeConstants } from "./CdsBadge.constants.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsBadgeProps = propsFactory(
   {

package/dist/es/src/components/CdsButton/CdsButton.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.js";
 import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
 import { u as useText } from "../../composables/useText/useText.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
@@ -10,7 +11,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.js";
 import { C as CdsButtonConstants } from "./api/CdsButton.constants.js";
 import { d as defineCdsButtonProps } from "./api/CdsButton.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useAppearance } from "../../composables/useAppearance/useAppearance.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";

package/dist/es/src/components/CdsButton/api/CdsButton.props.js

@@ -5,11 +5,11 @@ import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsButtonConstants, a as CdsButtonToggleSymbol } from "./CdsButton.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";

package/dist/es/src/components/CdsButtonGroup/CdsButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { C as CdsButtonConstants } from "../CdsButton/api/CdsButton.constants.js";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsButtonGroupConstants } from "./api/CdsButtonGroup.constants.js";
 import { d as defineCdsButtonGroupProps } from "./api/CdsButtonGroup.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsButtonGroupConstants.name

package/dist/es/src/components/CdsButtonGroup/api/CdsButtonGroup.props.js

@@ -1,10 +1,10 @@
 import { d as defineAppearanceProps } from "../../../composables/useAppearance/useAppearance.js";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsButtonGroupConstants } from "./CdsButtonGroup.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsButtonGroupProps = propsFactory(

package/dist/es/src/components/CdsCard/CdsCard.vue_vue_type_script_setup_true_lang.js

@@ -6,6 +6,7 @@ import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as usePosition } from "../../composables/usePosition/usePosition.js";
 import { u as useLink } from "../../composables/useRouter/useRouter.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -15,7 +16,6 @@ import { _ as _sfc_main$4 } from "./CdsCardActions.vue_vue_type_script_setup_tru
 import { _ as _sfc_main$2 } from "./CdsCardDivider.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$1 } from "./CdsCardItem.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$3 } from "./CdsCardText.vue_vue_type_script_setup_true_lang.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { C as CdsImage } from "../CdsImage/index.js";

package/dist/es/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { h as CdsCardGroupConstants } from "./api/CdsCard.constants.js";
 import { h as defineCdsCardGroupProps } from "./api/CdsCard.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardGroupConstants.name

package/dist/es/src/components/CdsCard/api/CdsCard.props.js

@@ -10,9 +10,9 @@ import { d as defineLocationProps } from "../../../composables/useLocation/useLo
 import { d as definePositionProps } from "../../../composables/usePosition/usePosition.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsCardProps = propsFactory(

package/dist/es/src/components/CdsDatePicker/CdsDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { defineComponent, useSlots, ref, computed, unref, watch, createVNode, Fragment, nextTick } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
@@ -9,7 +10,6 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsDatePickerConstants, l as lineStr, Y as YEARS_INTERVAL } from "./api/CdsDatePicker.constants.js";
 import { d as defineCdsDatePickerProps } from "./api/CdsDatePicker.props.js";
 import { u as useCalendar } from "./composables/useCalendar.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDatetime, g as getDayHash } from "../../composables/useDatetime/useDatetime.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsDatePicker/api/CdsDatePicker.props.js

@@ -1,9 +1,9 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsDatePickerConstants, a as availableViews } from "./CdsDatePicker.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDatetimeProps } from "../../../composables/useDatetime/useDatetime.js";
 const yearMonthValidator = (value) => /^-?[\d]+\/[0-1]\d$/.test(value);
 const defineCdsDatePickerProps = propsFactory(

package/dist/es/src/components/CdsDivider/CdsDivider.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, useAttrs, computed, toRef, createVNode, unref } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDividerConstants } from "./api/CdsDivider.constants.js";
 import { d as defineCdsDividerProps } from "./api/CdsDivider.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, onBeforeMount, onBeforeUnmount, watch, createVNode, Fragment, mergeProps } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { _ as keyNames } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDrawerConstants, a as CDS_DRAWER_Z_INDEX_OUTER, b as CDS_DRAWER_WIDTH_MINIFIED, c as CDS_DRAWER_WIDTH } from "./api/CdsDrawer.constants.js";
 import { d as defineCdsDrawerProps } from "./api/CdsDrawer.props.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsDrawer/api/CdsDrawer.props.js

@@ -1,8 +1,8 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsDrawerConstants } from "./CdsDrawer.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsDrawerProps = propsFactory(

package/dist/es/src/components/CdsEmptyState/CdsEmptyState.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,6 @@
 import { defineComponent, useSlots, resolveDynamicComponent, createVNode, unref } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { p as pascalCase } from "../../utils/changeCase.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
@@ -9,10 +11,8 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsImage } from "../CdsImage/index.js";
 import { C as CdsEmptyStateConstants } from "./api/CdsEmptyState.constants.js";
 import { d as defineCdsEmptyStateProps } from "./api/CdsEmptyState.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsEmptyStateConstants.name

package/dist/es/src/components/CdsEmptyState/api/CdsEmptyState.props.js

@@ -1,11 +1,11 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsEmptyStateConstants } from "./CdsEmptyState.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";

package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { c as CdsExpandablePanelsConstants, e as CdsExpandablePanelsSymbol, b as CdsExpandablePanelConstants } from "./api/CdsExpandablePanel.constants.js";
 import { c as defineCdsExpandablePanelsProps } from "./api/CdsExpandablePanel.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelsConstants.name

package/dist/es/src/components/CdsExpandablePanel/api/CdsExpandablePanel.props.js

@@ -3,12 +3,12 @@ import { d as defineGroupItemProps } from "../../../composables/useGroup/useGrou
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsExpandablePanelContentConstants, a as CdsExpandablePanelTitleConstants, b as CdsExpandablePanelConstants, c as CdsExpandablePanelsConstants } from "./CdsExpandablePanel.constants.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsExpandablePanelTitleProps = propsFactory(
   {
     /** Иконка раскрытия панели */

package/dist/es/src/components/CdsField/CdsField.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import { u as useFocus, d as defineFocusProps } from "../../composables/useFocus
 import { L as LoaderSlot } from "../../composables/useLoader/LoaderSlot.js";
 import { u as useLoader } from "../../composables/useLoader/useLoader.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { a as CdsTransitionExpandX } from "../../transitions/index.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -11,7 +12,6 @@ import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.js";
 import { C as CdsFieldConstants } from "./api/CdsField.constants.js";
 import { d as defineCdsFieldProps } from "./api/CdsField.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 import { a as useBackgroundColor, u as useTextColor, c as useShadowBorderColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsField/api/CdsField.props.js

@@ -2,11 +2,11 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { E as EventProp } from "../../../utils/helpers.js";
 import { C as CdsFieldConstants } from "./CdsField.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsFieldProps = propsFactory(

package/dist/es/src/components/CdsFooter/CdsFooter.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, watch, unref, createVNode } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { w as warn } from "../../utils/dom/console.js";
 import { C as CdsFooterConstants } from "./api/CdsFooter.constants.js";
 import { d as defineCdsFooterProps } from "./api/CdsFooter.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useLayout } from "../../composables/useLayout/useLayout.js";
 import { L as LayoutResizeObserver } from "../CdsLayout/internal/LayoutResizeObserver.js";

package/dist/es/src/components/CdsFooter/api/CdsFooter.props.js

@@ -1,8 +1,8 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsFooterConstants } from "./CdsFooter.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineLayoutProps } from "../../../composables/useLayout/useLayout.js";
 const defineCdsFooterProps = propsFactory(

package/dist/es/src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.js

@@ -2,11 +2,11 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsFunctionalButtonConstants } from "./CdsFunctionalButton.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsFunctionalButtonProps = propsFactory(
   {

package/dist/es/src/components/CdsGrid/CdsCol.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, inject, computed, unref, h } from "vue";
+import { b as breakpoints } from "../../composables/useDisplay/internal/useDisplay.constants.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as componentColName, C as CssGridSymbol, d as componentPrefix } from "./api/CdsGrid.constants.js";
 import { d as defineCdsColProps } from "./api/CdsGrid.props.js";
 import { g as getClassNameForSpan, a as getClassNameForGridBreakpoints, b as getClassNameForFlexBreakpoints } from "./utils/index.js";
-import { b as breakpoints } from "../../composables/useDisplay/internal/useDisplay.constants.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: componentColName

package/dist/es/src/components/CdsHeader/CdsHeader.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, watch, createVNode, unref } from "vue";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { w as warn } from "../../utils/dom/console.js";
 import { C as CdsHeaderConstants } from "./api/CdsHeader.constants.js";
 import { d as defineCdsHeaderProps } from "./api/CdsHeader.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 import { u as useLayout } from "../../composables/useLayout/useLayout.js";
 import { L as LayoutResizeObserver } from "../CdsLayout/internal/LayoutResizeObserver.js";

package/dist/es/src/components/CdsHeader/api/CdsHeader.props.js

@@ -1,8 +1,8 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsHeaderConstants } from "./CdsHeader.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineLayoutProps } from "../../../composables/useLayout/useLayout.js";
 const defineCdsHeaderProps = propsFactory(

package/dist/es/src/components/CdsIcon/CdsIcon.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, useAttrs, shallowRef, Text, unref, createVNode } from "vue";
 import { u as useIcon } from "../../composables/useIcons/useIcons.js";
+import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { G as flattenFragments, u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsIconConstants } from "./api/CdsIcon.constants.js";
 import { d as defineCdsIconProps } from "./api/CdsIcon.props.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
-import { u as useTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsIcon/api/CdsIcon.props.js

@@ -1,8 +1,8 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsIconConstants } from "./CdsIcon.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsIconProps = propsFactory(

package/dist/es/src/components/CdsImage/CdsImage.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { defineComponent, useSlots, getCurrentInstance, shallowRef, ref, computed, watch, onBeforeMount, nextTick, onBeforeUnmount, toRef, withDirectives, createVNode, unref, Fragment, vShow } from "vue";
 import { C as CdsResponsive } from "../CdsResponsive/index.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { a6 as parseAspectRatio, u as convertToUnit } from "../../utils/helpers.js";
@@ -7,7 +8,6 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.js";
 import { C as CdsImageConstants } from "./api/CdsImage.constants.js";
 import { d as defineCdsImageProps } from "./api/CdsImage.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { I as Intersect } from "../../directives/intersect/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsImage/api/CdsImage.props.js

@@ -1,8 +1,8 @@
 import { d as defineCdsResponsiveProps } from "../../CdsResponsive/api/CdsResponsive.props.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsImageConstants } from "./CdsImage.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsImageProps = propsFactory(
   {
     /** Позиционирует изображение как `position: absolute`, заполняя родителя. */

package/dist/es/src/components/CdsInput/CdsInput.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { defineComponent, useSlots, useId, computed, toRef, unref, createVNode } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useValidation } from "../../composables/useValidation/useValidation.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -10,7 +11,6 @@ import { C as CdsMessages } from "../CdsMessages/index.js";
 import { C as CdsInputConstants } from "./api/CdsInput.constants.js";
 import { d as defineCdsInputProps } from "./api/CdsInput.props.js";
 import { u as useInputIcon } from "./CdsInputIcon.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsInput/api/CdsInput.props.js

@@ -1,12 +1,12 @@
 import { d as defineCdsMessagesProps } from "../../CdsMessages/api/CdsMessages.props.js";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineValidationProps } from "../../../composables/useValidation/useValidation.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick, E as EventProp } from "../../../utils/helpers.js";
 import { C as CdsInputConstants } from "./CdsInput.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";

package/dist/es/src/components/CdsLayout/CdsLayout.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, ref, unref, computed, reactive, watch, onUnmounted, createVNode, Fragment } from "vue";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as getScrollBarSize, i as hasPreventedScroll } from "../../utils/dom/getScrollParent.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsLayoutConstants, a as CDS_DRAWER_WIDTH } from "./api/CdsLayout.constants.js";
 import { d as defineCdsLayoutProps } from "./api/CdsLayout.props.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { p as provideLayout } from "../../composables/useLayout/context.js";
 import { L as LayoutScrollObserver } from "./internal/LayoutScrollObserver.js";
 import { L as LayoutResizeObserver } from "./internal/LayoutResizeObserver.js";

package/dist/es/src/components/CdsLayout/api/CdsLayout.props.js

@@ -1,7 +1,7 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsLayoutConstants } from "./CdsLayout.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLayoutProps = propsFactory(
   {
     /** Контейнерный режим: макет скроллится внутри себя, а не страницы. */