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

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

@@ -10,7 +10,6 @@ import { u as useToastItem } from "../CdsToastQueue/composables/useToastQueue.js
 import { u as usePosition } from "../../composables/usePosition/usePosition.js";
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.js";
 import { u as useStatus } from "../../composables/useStatus/useStatus.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
@@ -20,6 +19,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsToastConstants } from "./api/CdsToast.constants.js";
 import { d as defineCdsToastProps } from "./api/CdsToast.props.js";
 import { u as useCountdown } from "./composables/useCountdown.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/CdsToolbar/CdsToolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 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 { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsToolbarConstants } from "./api/CdsToolbar.constants.js";
 import { d as defineCdsToolbarProps } from "./api/CdsToolbar.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/CdsToolbar/api/CdsToolbar.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 CdsToolbarConstants, a as CdsToolbarTitleConstants } from "./CdsToolbar.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsToolbarProps = propsFactory(
   {

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

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, h } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { f as filterEmpty } from "../../utils/use/flattenChildren.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
@@ -8,6 +7,7 @@ import { d as defineCdsTreeProps } from "./api/CdsTree.props.js";
 import { D as DropIndicator } from "./components/DropIndicator.js";
 import { r as renderSwitcherIcon } from "./components/SwitcherIcon.js";
 import { T as TreeProvider } from "./components/TreeProvider.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTreeConstants.name,

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

@@ -1,7 +1,7 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsTreeConstants } from "./CdsTree.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { m as makeTreeEventsProps } from "../composable/events.js";
 import { m as makeTreeProps } from "../composable/tree.js";
 const defineCdsTreeProps = propsFactory(

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

@@ -3,13 +3,13 @@ import { C as CdsButton } from "../CdsButton/index.js";
 import { C as CdsInput } from "../CdsInput/index.js";
 import { d as defineCdsInputProps } from "../CdsInput/api/CdsInput.props.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.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";
 import { C as CdsUploaderConstants, L as LIST_IGNORE } from "./api/CdsUploader.constants.js";
 import { d as defineCdsUploaderProps } from "./api/CdsUploader.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { g as getFileItem, f as fileToObject, u as updateFileList, r as removeFileItem } from "./utils/helpers.js";
 import { _ as _sfc_main$1 } from "./components/UploadList/UploadList.vue_vue_type_script_setup_true_lang.js";
 import { d as defineUploadProps } from "./composables/useUpload.js";

package/dist/es/src/composables/useDisabled/index.js

@@ -1,2 +1,2 @@
-import "vue";
+
 //# sourceMappingURL=index.js.map

package/dist/es/src/composables/useHydration/useHydration.js

@@ -1,6 +1,6 @@
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { shallowRef, onMounted } from "vue";
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 function useHydration() {
   if (!IN_BROWSER) return shallowRef(false);
   const { ssr } = useDisplay();

package/dist/es/src/composables/useLayout/useLayout.js

@@ -1,8 +1,8 @@
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
 import { p as propsFactory } from "../../core/propsFactory.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { ref, computed, unref, watch, onBeforeUnmount } from "vue";
 import { u as useInjectLayout } from "./context.js";
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 const defineLayoutProps = propsFactory(
   {
     /**

package/dist/es/src/composables/useLoader/index.js

@@ -1,2 +1,2 @@
-
+import "vue";
 //# sourceMappingURL=index.js.map

package/dist/es/src/composables/useRouter/index.js

@@ -1,2 +1,2 @@
-
+import "vue";
 //# sourceMappingURL=index.js.map

package/dist/es/src/composables/useVirtual/useVirtual.js

@@ -1,9 +1,9 @@
-import { u as useDisplay } from "../useDisplay/useDisplay.js";
 import { u as useResizeObserver } from "../useResizeObserver/useResizeObserver.js";
 import { p as propsFactory } from "../../core/propsFactory.js";
 import { w as debounce, c as clamp, M as getPropertyFromItem } from "../../utils/helpers.js";
 import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { shallowRef, watchEffect, ref, unref, computed, watch, onScopeDispose, nextTick } from "vue";
+import { u as useDisplay } from "../useDisplay/useDisplay.js";
 const defineVirtualProps = propsFactory(
   {
     /**

package/dist/esm-node/entry.mjs

@@ -126,7 +126,7 @@ import { u as u20, a as a31 } from "./src/components/CdsToastQueue/composables/u
 const createCds = (options = {}) => {
   return createCds$1(options);
 };
-const version = "4.0.0-alpha.7";
+const version = "4.0.0-alpha.9";
 createCds.version = version;
 export {
   c3 as CDS_DRAWER_WIDTH,

package/dist/esm-node/src/cds.mjs

@@ -108,7 +108,7 @@ function createCds(cdsOptions = {}) {
     };
   });
 }
-const version = "4.0.0-alpha.7";
+const version = "4.0.0-alpha.9";
 createCds.version = version;
 function inject(key) {
   var _a, _b;

package/dist/esm-node/src/components/CdsCard/CdsCard.vue_vue_type_script_setup_true_lang.mjs

@@ -10,7 +10,7 @@ import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as convertToUnit } from "../../utils/helpers.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { f as CdsCardConstants } from "./api/CdsCard.constants.mjs";
+import { C as CdsCardConstants } from "./api/CdsCard.constants.mjs";
 import { g as defineCdsCardProps } from "./api/CdsCard.props.mjs";
 import { _ as _sfc_main$4 } from "./CdsCardActions.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsCardDivider.vue_vue_type_script_setup_true_lang.mjs";

package/dist/esm-node/src/components/CdsCard/CdsCardActions.vue_vue_type_script_setup_true_lang.mjs

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, createVNode } from "vue";
 import { d as defineCdsCardActionsProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { C as CdsCardActionsConstants } from "./api/CdsCard.constants.mjs";
+import { g as CdsCardActionsConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardActionsConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardDivider.vue_vue_type_script_setup_true_lang.mjs

@@ -5,7 +5,7 @@ import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDivider } from "../CdsDivider/index.mjs";
-import { a as CdsCardDividerConstants } from "./api/CdsCard.constants.mjs";
+import { h as CdsCardDividerConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardDividerConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.mjs

@@ -4,7 +4,7 @@ import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { h as CdsCardGroupConstants } from "./api/CdsCard.constants.mjs";
+import { b as CdsCardGroupConstants } from "./api/CdsCard.constants.mjs";
 import { h as defineCdsCardGroupProps } from "./api/CdsCard.props.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/esm-node/src/components/CdsCard/CdsCardItem.vue_vue_type_script_setup_true_lang.mjs

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, createVNode, Fragment, toDisplayString } fro
 import { e as defineCdsCardItemProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { d as CdsCardItemConstants } from "./api/CdsCard.constants.mjs";
+import { c as CdsCardItemConstants } from "./api/CdsCard.constants.mjs";
 import { _ as _sfc_main$2 } from "./CdsCardSubtitle.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsCardTitle.vue_vue_type_script_setup_true_lang.mjs";
 import { C as CdsAvatar } from "../CdsAvatar/index.mjs";

package/dist/esm-node/src/components/CdsCard/CdsCardSubtitle.vue_vue_type_script_setup_true_lang.mjs

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, createVNode } from "vue";
 import { b as defineCdsCardSubtitleProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { b as CdsCardSubtitleConstants } from "./api/CdsCard.constants.mjs";
+import { e as CdsCardSubtitleConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardSubtitleConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardText.vue_vue_type_script_setup_true_lang.mjs

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, createVNode } from "vue";
 import { f as defineCdsCardTextProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { e as CdsCardTextConstants } from "./api/CdsCard.constants.mjs";
+import { f as CdsCardTextConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardTextConstants.name

package/dist/esm-node/src/components/CdsCard/CdsCardTitle.vue_vue_type_script_setup_true_lang.mjs

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, createVNode } from "vue";
 import { c as defineCdsCardTitleProps } from "./api/CdsCard.props.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { c as CdsCardTitleConstants } from "./api/CdsCard.constants.mjs";
+import { d as CdsCardTitleConstants } from "./api/CdsCard.constants.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsCardTitleConstants.name

package/dist/esm-node/src/components/CdsCard/api/CdsCard.constants.mjs

@@ -9,14 +9,14 @@ const CdsCardTextConstants = defineConstants(`${CdsCardConstants.name}Text`);
 const CdsCardActionsConstants = defineConstants(`${CdsCardConstants.name}Actions`);
 const CdsCardDividerConstants = defineConstants(`${CdsCardConstants.name}Divider`);
 export {
-  CdsCardActionsConstants as C,
-  CdsCardDividerConstants as a,
-  CdsCardSubtitleConstants as b,
-  CdsCardTitleConstants as c,
-  CdsCardItemConstants as d,
-  CdsCardTextConstants as e,
-  CdsCardConstants as f,
-  CdsCardGroupSymbol as g,
-  CdsCardGroupConstants as h
+  CdsCardConstants as C,
+  CdsCardGroupSymbol as a,
+  CdsCardGroupConstants as b,
+  CdsCardItemConstants as c,
+  CdsCardTitleConstants as d,
+  CdsCardSubtitleConstants as e,
+  CdsCardTextConstants as f,
+  CdsCardActionsConstants as g,
+  CdsCardDividerConstants as h
 };
 //# sourceMappingURL=CdsCard.constants.mjs.map

package/dist/esm-node/src/components/CdsCard/api/CdsCard.props.mjs

@@ -1,4 +1,4 @@
-import { C as CdsCardActionsConstants, a as CdsCardDividerConstants, b as CdsCardSubtitleConstants, c as CdsCardTitleConstants, d as CdsCardItemConstants, e as CdsCardTextConstants, f as CdsCardConstants, g as CdsCardGroupSymbol, h as CdsCardGroupConstants } from "./CdsCard.constants.mjs";
+import { C as CdsCardConstants, a as CdsCardGroupSymbol, b as CdsCardGroupConstants, c as CdsCardItemConstants, d as CdsCardTitleConstants, e as CdsCardSubtitleConstants, f as CdsCardTextConstants, g as CdsCardActionsConstants, h as CdsCardDividerConstants } from "./CdsCard.constants.mjs";
 import { d as defineCdsDividerProps } from "../../CdsDivider/api/CdsDivider.props.mjs";
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.mjs";
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.mjs";

package/dist/esm-node/src/components/CdsCard/index.mjs

@@ -1,5 +1,5 @@
 import { w as withConstants } from "../../core/withConstants.mjs";
-import { f as CdsCardConstants, h as CdsCardGroupConstants, d as CdsCardItemConstants, c as CdsCardTitleConstants, b as CdsCardSubtitleConstants, e as CdsCardTextConstants, C as CdsCardActionsConstants, a as CdsCardDividerConstants } from "./api/CdsCard.constants.mjs";
+import { C as CdsCardConstants, b as CdsCardGroupConstants, c as CdsCardItemConstants, d as CdsCardTitleConstants, e as CdsCardSubtitleConstants, f as CdsCardTextConstants, g as CdsCardActionsConstants, h as CdsCardDividerConstants } from "./api/CdsCard.constants.mjs";
 import { _ as _sfc_main } from "./CdsCard.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$6 } from "./CdsCardActions.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$7 } from "./CdsCardDivider.vue_vue_type_script_setup_true_lang.mjs";

package/dist/esm-node/src/components/CdsStages/CdsStages.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,9 @@
-import { defineComponent, computed, unref, createVNode } from "vue";
+import { defineComponent, onMounted, computed, unref, createVNode } from "vue";
 import { u as useItems } from "../../composables/useItems/useItems.mjs";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { d as deprecate } from "../../utils/dom/console.mjs";
 import { C as CdsStagesConstants } from "./api/CdsStages.constants.mjs";
 import { d as defineCdsStagesProps } from "./api/CdsStages.props.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -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/esm-node/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/esm-node/src/components/CdsTextArea/CdsTextArea.vue_vue_type_script_setup_true_lang.mjs

@@ -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/esm-node/src/composables/useDisabled/index.mjs

@@ -1,2 +1,2 @@
-import "vue";
+
 //# sourceMappingURL=index.mjs.map

package/dist/esm-node/src/composables/useLoader/index.mjs

@@ -1,2 +1,2 @@
-import "vue";
+
 //# sourceMappingURL=index.mjs.map

package/dist/esm-node/src/composables/useLocation/index.mjs

@@ -1,2 +1,2 @@
-import "vue";
+
 //# sourceMappingURL=index.mjs.map

package/dist/esm-node/src/composables/useReadonly/index.mjs

@@ -1,2 +1,2 @@
-import "vue";
+
 //# sourceMappingURL=index.mjs.map