@central-design-system/components 4.0.0-alpha.6 → 4.0.0-alpha.9

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, createVNode, mergeProps, unref } from "vue";
 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 CdsLinkConstants } from "./api/CdsLink.constants.js";
 import { d as defineCdsLinkProps } from "./api/CdsLink.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsLinkConstants.name

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

@@ -1,9 +1,9 @@
 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 { C as CdsLinkConstants } from "./CdsLink.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsLinkProps = propsFactory(
   {
     /**

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

@@ -1,6 +1,5 @@
 import { defineComponent, useSlots, useAttrs, useId, toRef, watch, unref, createVNode } from "vue";
 import { b as useNested } from "../../composables/useNested/useNested.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";
@@ -8,6 +7,7 @@ import { C as CdsListConstants } from "./api/CdsList.constants.js";
 import { b as defineCdsListProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$1 } from "./components/ListChildren.vue_vue_type_script_setup_true_lang.js";
 import { p as provideList, c as createList } from "./composables/useList.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,6 @@ import { C as CdsIcon } from "../CdsIcon/index.js";
 import { u as useList } from "./composables/useList.js";
 import { a as useNestedItem } from "../../composables/useNested/useNested.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, _ as keyNames } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -14,6 +13,7 @@ import { a as defineCdsListItemProps } from "./api/CdsList.props.js";
 import { _ as _sfc_main$3 } from "./CdsListItemDescription.vue_vue_type_script_lang.js";
 import { _ as _sfc_main$2 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.js";
 import { _ as _sfc_main$1 } from "./CdsListItemTitle.vue_vue_type_script_lang.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -4,11 +4,11 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.js";
 import { d as defineNestedProps } from "../../../composables/useNested/useNested.js";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.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 { E as EventProp, a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsListConstants, a as CdsListItemConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants, d as CdsListItemDividerConstants } from "./CdsList.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 defineCdsListProps = propsFactory(

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

@@ -1,9 +1,9 @@
 import { defineComponent, useAttrs, createVNode, unref, mergeProps } 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 CdsLoaderConstants } from "./api/CdsLoader.constants.js";
 import { d as defineCdsLoaderProps } from "./api/CdsLoader.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -2,7 +2,6 @@ import { defineComponent, useSlots, toRef, unref, createVNode, mergeProps } from
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useStatus } from "../../composables/useStatus/useStatus.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 { u as useProxyModel } from "../../core/useProxyModel.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -11,6 +10,7 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsNotificationConstants, n as notificationStatusIcons } from "./api/CdsNotification.constants.js";
 import { d as defineCdsNotificationProps } from "./api/CdsNotification.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,11 +1,11 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.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 { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsNotificationConstants } from "./CdsNotification.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsNotificationProps = propsFactory(
   {

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

@@ -3,7 +3,6 @@ import { C as CdsOverlay } from "../CdsOverlay/index.js";
 import { C as CdsProgressCircle } from "../CdsProgressCircle/index.js";
 import { u as useFocus, b as useAutofocus } from "../../composables/useFocus/useFocus.js";
 import { a as useLocale, u as useRtl } from "../../composables/useLocale/useLocale.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { D as filterInputAttrs } from "../../utils/helpers.js";
@@ -15,6 +14,7 @@ import { _ as _sfc_main$1 } from "./CdsOtpGroup.vue_vue_type_script_setup_true_l
 import { _ as _sfc_main$3 } from "./CdsOtpSeparator.vue_vue_type_script_setup_true_lang.js";
 import { u as useOtpInput } from "./composables/useOtpInput.js";
 import { I as Intersect } from "../../directives/intersect/index.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/CdsOtpInput/api/CdsOtpInput.props.js

@@ -1,10 +1,10 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineFocusProps, a as defineAutofocusProps } from "../../../composables/useFocus/useFocus.js";
 import { d as defineLoaderProps } from "../../../composables/useLoader/useLoader.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 CdsOtpFieldConstants, a as CdsOtpGroupConstants, b as CdsOtpSeparatorConstants, c as CdsOtpInputConstants } from "./CdsOtpInput.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/CdsOverlay/CdsOverlay.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,6 @@ import { a as useRouter, b as useBackButton } from "../../composables/useRouter/
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.js";
 import { u as useStack } from "../../composables/useStack/useStack.js";
 import { u as useTeleport } from "../../composables/useTeleport/useTeleport.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { s as standardEasing, M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
@@ -25,6 +24,7 @@ import { u as useActivator } from "./composables/useActivator.js";
 import { u as useLocationStrategies } from "./composables/useLocationStrategies.js";
 import { u as useScrollStrategies } from "./composables/useScrollStrategies.js";
 import { C as ClickOutside } from "../../directives/click-outside/index.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -3,12 +3,12 @@ import { d as defineScrollStrategiesProps } from "../composables/useScrollStrate
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { d as defineFocusTrapProps } from "../../../composables/useFocus/useFocusTrap.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { d as defineActivatorProps } from "../composables/useActivator.js";
 import { C as CdsOverlayConstants } from "./CdsOverlay.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsOverlayProps = propsFactory(
   {

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

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.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";
@@ -7,6 +6,7 @@ import { u as useInjectMain } from "../CdsMain/context.js";
 import { C as CdsPageConstants } from "./api/CdsPage.constants.js";
 import { d as defineCdsPageProps } from "./api/CdsPage.props.js";
 import { u as useInjectLayout } from "../../composables/useLayout/context.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPageConstants.name

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

@@ -1,9 +1,7 @@
 import { defineComponent, useSlots, shallowRef, ref, computed, unref, createVNode, nextTick } from "vue";
 import { u as useDisabled } from "../../composables/useDisabled/useDisabled.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { a as useLocale, u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useResizeObserver } from "../../composables/useResizeObserver/useResizeObserver.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 { v as createRange, _ as keyNames } from "../../utils/helpers.js";
@@ -12,6 +10,8 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsTextInput } from "../CdsTextInput/index.js";
 import { C as CdsPaginationConstants } from "./api/CdsPagination.constants.js";
 import { d as defineCdsPaginationProps } from "./api/CdsPagination.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsPaginationConstants.name

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

@@ -1,9 +1,9 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.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 CdsPaginationConstants } from "./CdsPagination.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsPaginationProps = propsFactory(
   {
     /**

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

@@ -1,7 +1,6 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, createVNode, Transition, Fragment } from "vue";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.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 { u as useToggleScope } from "../../core/useToggleScope.js";
@@ -10,6 +9,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsProgressBarConstants } from "./api/CdsProgressBar.constants.js";
 import { d as defineCdsProgressBarProps } from "./api/CdsProgressBar.props.js";
 import { u as useChunks } from "./composables/useChunk.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useElementIntersection } from "../../hooks/useIntersectionObserver/index.js";
 import { u as useResizeObserver } from "../../hooks/useResizeObserver/index.js";

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

@@ -1,9 +1,9 @@
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.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 { d as defineChunksProps } from "../composables/useChunk.js";
 import { C as CdsProgressBarConstants } from "./CdsProgressBar.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsProgressBarProps = propsFactory(
   {

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, shallowRef, toRef, unref, computed, createVNode } from "vue";
 import { u as useReveal } from "../../composables/useReveal/useReveal.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as clamp, u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { P as PREFERS_REDUCED_MOTION } from "../../utils/dom/globals.js";
 import { C as CdsProgressCircleConstants } from "./api/CdsProgressCircle.constants.js";
 import { d as defineCdsProgressCircleProps } from "./api/CdsProgressCircle.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 import { a as useElementSize } from "../../hooks/useResizeObserver/index.js";

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

@@ -1,8 +1,8 @@
 import { d as defineRevealProps } from "../../../composables/useReveal/useReveal.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 CdsProgressCircleConstants } from "./CdsProgressCircle.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsProgressCircleProps = propsFactory(
   {

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

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { ac as wrapInArray } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -7,6 +6,7 @@ import { C as CdsSkeletonLoaderConstants } from "./api/CdsSkeletonLoader.constan
 import { d as defineCdsSkeletonLoaderProps } from "./api/CdsSkeletonLoader.props.js";
 import { a as allowedTypes } from "./api/CdsSkeletonLoader.types.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSkeletonLoaderConstants.name

package/dist/es/src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.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 CdsSkeletonLoaderConstants } from "./CdsSkeletonLoader.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSkeletonLoaderProps = propsFactory(
   {

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

@@ -1,6 +1,5 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, watch, createVNode } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { u as useGoTo } from "../../composables/useGoTo/useGoTo.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
@@ -14,6 +13,7 @@ import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsSlideGroupConstants } from "./api/CdsSlideGroup.constants.js";
 import { d as defineCdsSlideGroupProps } from "./api/CdsSlideGroup.props.js";
 import { c as calculateCenteredTarget, a as calculateUpdatedTarget, g as getOffsetSize, b as getScrollPosition, d as getScrollSize } from "./utils/calculateTargets.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSlideGroupConstants.name

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

@@ -1,11 +1,11 @@
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
-import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.js";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsSlideGroupConstants, a as CdsSlideGroupSymbol, b as CdsSlideGroupItemConstants } from "./CdsSlideGroup.constants.js";
+import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.js";
 const defineCdsSlideGroupProps = propsFactory(
   {
     /**

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

@@ -3,10 +3,10 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.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 CdsSlideViewConstants } from "./CdsSlideView.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsSlideViewProps = propsFactory(
   {
     /**

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

@@ -1,10 +1,11 @@
-import { defineComponent, computed, unref, createVNode } from "vue";
+import { defineComponent, onMounted, computed, unref, createVNode } from "vue";
 import { u as useItems } from "../../composables/useItems/useItems.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 { d as deprecate } from "../../utils/dom/console.js";
 import { C as CdsStagesConstants } from "./api/CdsStages.constants.js";
 import { d as defineCdsStagesProps } from "./api/CdsStages.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStagesConstants.name
@@ -24,6 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       themeClasses
     } = provideTheme(props);
+    onMounted(() => {
+      deprecate("CdsStages", "CdsSteps");
+    });
     const currentStageIndex = computed(() => {
       return unref(items).findIndex((item) => String(item.value) === String(props.current));
     });

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

@@ -1,8 +1,8 @@
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.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 CdsStagesConstants } from "./CdsStages.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStagesProps = propsFactory(
   {
     /**

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
 import { u as useStatus } from "../../composables/useStatus/useStatus.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 CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsStatusConstants } from "./api/CdsStatus.constants.js";
 import { d as defineCdsStatusProps } from "./api/CdsStatus.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStatusConstants.name

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

@@ -1,9 +1,9 @@
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.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 { C as CdsStatusConstants } from "./CdsStatus.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStatusProps = propsFactory(
   {
     ...defineStatusProps(),

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

@@ -3,11 +3,11 @@ import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.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 { a3 as omit, a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsStepsActionsConstants, a as CdsStepsItemConstants, b as CdsStepsViewConstants, c as CdsStepsViewItemConstants, d as CdsStepsConstants } from "./CdsSteps.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStepsItemProps = propsFactory(
   {
     /**

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as usePosition } from "../../composables/usePosition/usePosition.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 CdsSurfaceConstants } from "./api/CdsSurface.constants.js";
 import { d as defineCdsSurfaceProps } from "./api/CdsSurface.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,9 +1,9 @@
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
 import { d as definePositionProps } from "../../../composables/usePosition/usePosition.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 CdsSurfaceConstants } from "./CdsSurface.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSurfaceProps = propsFactory(
   {

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

@@ -1,8 +1,8 @@
 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 { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsTableConstants } from "./CdsTable.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { m as makeTableProps } from "../composable/table.js";
 const defineCdsTableProps = propsFactory(

package/dist/es/src/components/CdsTable/components/TableProvider.js

@@ -1,8 +1,6 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
-import { u as useDisplay } from "../../../composables/useDisplay/useDisplay.js";
 import { a as useLocale } from "../../../composables/useLocale/useLocale.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
-import { p as provideTheme, d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a3 as omit } from "../../../utils/helpers.js";
 import { c as classNames } from "../../../utils/dom/classNames.js";
 import { w as warn } from "../../../utils/dom/console.js";
@@ -12,8 +10,10 @@ import { C as CdsLoader } from "../../CdsLoader/index.js";
 import { T as TABLE_INDENT_SIZE, b as INTERNAL_HOOKS } from "../constants.js";
 import { r as renderExpandIcon } from "./Icons/ExpandIcon.js";
 import { I as InternalTable } from "./Table/InternalTable.js";
+import { p as provideTheme, d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as useProvideSlots } from "../context/slots.js";
 import { c as useProvideTableContext } from "../context/table.js";
+import { u as useDisplay } from "../../../composables/useDisplay/useDisplay.js";
 import { u as useLazyKVMap, m as makeTableProps } from "../composable/table.js";
 import { u as useTableDrag } from "../composable/drag.js";
 import { a as useProvideTableDrag } from "../context/drag.js";

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

@@ -4,7 +4,6 @@ import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.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 { u as useProxyModel } from "../../core/useProxyModel.js";
 import { a as CdsTransitionExpandX } from "../../transitions/index.js";
@@ -12,6 +11,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagConstants, a as CdsTagGroupSymbol } from "./api/CdsTag.constants.js";
 import { d as defineCdsTagProps } from "./api/CdsTag.props.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { C as CdsAvatar } from "../CdsAvatar/index.js";

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

@@ -3,12 +3,12 @@ import { C as CdsSlideGroup } from "../CdsSlideGroup/index.js";
 import { d as defineCdsSlideGroupProps } from "../CdsSlideGroup/api/CdsSlideGroup.props.js";
 import { a as CdsTagGroupSymbol, C as CdsTagConstants } from "../CdsTag/api/CdsTag.constants.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagGroupConstants } from "./api/CdsTagGroup.constants.js";
 import { d as defineCdsTagGroupProps } from "./api/CdsTagGroup.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTagGroupConstants.name

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

@@ -1,10 +1,10 @@
 import { d as defineCdsSlideGroupProps } from "../../CdsSlideGroup/api/CdsSlideGroup.props.js";
 import { C as CdsTagConstants } from "../../CdsTag/api/CdsTag.constants.js";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsTagGroupConstants } from "./CdsTagGroup.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagGroupProps = propsFactory(
   {

package/dist/es/src/components/CdsTextArea/CdsTextArea.css

@@ -43,6 +43,9 @@
     height: var(--cds-text-area-control-height, auto);
     max-height: var(--cds-text-area-max-height, none);
   }
+  .cds-text-area.cds-input--size-md textarea.cds-field__input {
+    line-height: var(--cds-font-line-height-300);
+  }
   .cds-text-area--auto-grow textarea {
     overflow: hidden;
   }

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

@@ -126,7 +126,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const padding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
         const height = sizer.scrollHeight;
         const lineHeight = parseFloat(style.lineHeight);
-        const minHeight = parseFloat(String(props.rows)) * lineHeight + padding;
+        const fieldMinHeight = unref(textareaRef) ? parseFloat(getComputedStyle(unref(textareaRef)).minHeight) || 0 : 0;
+        const minHeight = Math.max(parseFloat(String(props.rows)) * lineHeight + padding, fieldMinHeight);
         const maxHeight = props.maxHeight ? parseFloat(String(props.maxHeight)) : parseFloat(String(props.maxRows)) * lineHeight + padding || Infinity;
         const newHeight = clamp(height ?? 0, minHeight, maxHeight);
         rows.value = Math.floor((newHeight - padding) / lineHeight);

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

@@ -1,5 +1,4 @@
 import { defineComponent, ref, computed, watch, unref, nextTick, createVNode, mergeProps, createTextVNode } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { h as formatDate } from "../../utils/date/date.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -11,6 +10,7 @@ import { C as CdsTimePickerConstants } from "./api/CdsTimePicker.constants.js";
 import { d as defineCdsTimePickerProps } from "./api/CdsTimePicker.props.js";
 import { u as useTime, f as findClosestExtremeNumber } from "./composables/useTime.js";
 import { u as useDatetime } from "../../composables/useDatetime/useDatetime.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTimePickerConstants.name

package/dist/es/src/components/CdsTimePicker/api/CdsTimePicker.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 CdsTimePickerConstants } from "./CdsTimePicker.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDatetimeProps } from "../../../composables/useDatetime/useDatetime.js";
 const defineCdsTimePickerProps = propsFactory(
   {