@central-design-system/components 4.0.0-alpha.6 → 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/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/useLocation/index.js

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

package/dist/es/src/composables/useReadonly/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.6";
+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.6";
+const version = "4.0.0-alpha.9";
 createCds.version = version;
 function inject(key) {
   var _a, _b;

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

@@ -4,7 +4,7 @@ import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
 import { u as convertToUnit } from "../../utils/helpers.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { c as CdsListConstants } from "./api/CdsList.constants.mjs";
+import { C as CdsListConstants } from "./api/CdsList.constants.mjs";
 import { b as defineCdsListProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$1 } from "./components/ListChildren.vue_vue_type_script_setup_true_lang.mjs";
 import { p as provideList, c as createList } from "./composables/useList.mjs";

package/dist/esm-node/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.mjs

@@ -8,7 +8,7 @@ import { M as MaybeTransition } from "../../composables/useTransition/useTransit
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as CdsTransitionExpand } from "../../transitions/index.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { a as CdsListGroupConstants } from "./api/CdsList.constants.mjs";
+import { b as CdsListGroupConstants } from "./api/CdsList.constants.mjs";
 import { c as defineCdsListGroupProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$1 } from "./CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$2 } from "./components/ListGroupActivator.vue_vue_type_script_setup_true_lang.mjs";

package/dist/esm-node/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.mjs

@@ -9,7 +9,7 @@ import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as convertToUnit, _ as keyNames } from "../../utils/helpers.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { b as CdsListItemConstants, c as CdsListConstants } from "./api/CdsList.constants.mjs";
+import { a as CdsListItemConstants, C as CdsListConstants } from "./api/CdsList.constants.mjs";
 import { a as defineCdsListItemProps } from "./api/CdsList.props.mjs";
 import { _ as _sfc_main$3 } from "./CdsListItemDescription.vue_vue_type_script_lang.mjs";
 import { _ as _sfc_main$2 } from "./CdsListItemSubtitle.vue_vue_type_script_lang.mjs";

package/dist/esm-node/src/components/CdsList/CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { C as CdsListSubheaderConstants } from "./api/CdsList.constants.mjs";
+import { c as CdsListSubheaderConstants } from "./api/CdsList.constants.mjs";
 import { d as defineCdsListSubheaderProps } from "./api/CdsList.props.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -12,10 +12,10 @@ const CdsListItemDividerConstants = defineConstants(`${CdsListItemConstants.name
 const CdsListGroupConstants = defineConstants(`${CdsListConstants.name}Group`);
 const CdsListSubheaderConstants = defineConstants(`${CdsListConstants.name}Subheader`);
 export {
-  CdsListSubheaderConstants as C,
-  CdsListGroupConstants as a,
-  CdsListItemConstants as b,
-  CdsListConstants as c,
+  CdsListConstants as C,
+  CdsListItemConstants as a,
+  CdsListGroupConstants as b,
+  CdsListSubheaderConstants as c,
   CdsListItemDividerConstants as d,
   CdsListSymbol as e,
   CdsListItemDescriptionConstants as f,

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

@@ -7,8 +7,8 @@ import { d as defineRouterProps } from "../../../composables/useRouter/useRouter
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick, E as EventProp } from "../../../utils/helpers.mjs";
-import { C as CdsListSubheaderConstants, a as CdsListGroupConstants, b as CdsListItemConstants, c as CdsListConstants, d as CdsListItemDividerConstants } from "./CdsList.constants.mjs";
+import { E as EventProp, a7 as pick } from "../../../utils/helpers.mjs";
+import { C as CdsListConstants, a as CdsListItemConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants, d as CdsListItemDividerConstants } from "./CdsList.constants.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsListProps = propsFactory(

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

@@ -1,5 +1,5 @@
 import { w as withConstants } from "../../core/withConstants.mjs";
-import { c as CdsListConstants, b as CdsListItemConstants, i as CdsListItemActionConstants, j as CdsListItemImageConstants, k as CdsListItemMediaConstants, g as CdsListItemSubtitleConstants, h as CdsListItemTitleConstants, f as CdsListItemDescriptionConstants, d as CdsListItemDividerConstants, a as CdsListGroupConstants, C as CdsListSubheaderConstants } from "./api/CdsList.constants.mjs";
+import { C as CdsListConstants, a as CdsListItemConstants, i as CdsListItemActionConstants, j as CdsListItemImageConstants, k as CdsListItemMediaConstants, g as CdsListItemSubtitleConstants, h as CdsListItemTitleConstants, f as CdsListItemDescriptionConstants, d as CdsListItemDividerConstants, b as CdsListGroupConstants, c as CdsListSubheaderConstants } from "./api/CdsList.constants.mjs";
 import { _ as _sfc_main } from "./CdsList.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$9 } from "./CdsListGroup.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsListItem.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/useLocation/index.mjs

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