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

package/dist/esm-node/src/components/CdsTable/components/TableProvider.mjs

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

package/dist/esm-node/src/components/CdsTag/CdsTag.css

@@ -25,13 +25,18 @@
     min-width: 0;
     max-width: 100%;
     height: calc(24px / var(--cds-base-unit) * 1rem);
+    padding-block: 0;
     padding-inline: var(--cds-spacing-200);
+    margin: 0;
     overflow: hidden;
     vertical-align: middle;
     color: rgb(var(--cds-color-content-primary));
+    text-align: left;
     white-space: nowrap;
     text-decoration: none;
+    appearance: none;
     background: rgb(var(--cds-color-fill-secondary));
+    border: none;
     border-radius: var(--cds-border-radius-300);
     font-family: inherit;
     font-size: var(--cds-font-size-100);

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

@@ -4,6 +4,7 @@ import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.mjs";
 import { a as useLocale } from "../../composables/useLocale/useLocale.mjs";
 import { u as useLink } from "../../composables/useRouter/useRouter.mjs";
 import { u as useText } from "../../composables/useText/useText.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
 import { a as CdsTransitionExpandX } from "../../transitions/index.mjs";
@@ -11,7 +12,6 @@ import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsTagConstants, a as CdsTagGroupSymbol } from "./api/CdsTag.constants.mjs";
 import { d as defineCdsTagProps } from "./api/CdsTag.props.mjs";
 import { u as useSize } from "../../composables/useSize/useSize.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsAvatar } from "../CdsAvatar/index.mjs";
@@ -118,6 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           [`${props.activeClass}`]: props.activeClass && ((_a = link.isActive) == null ? void 0 : _a.value)
         }, unref(themeClasses), unref(sizeClasses), unref(backgroundColorClasses), unref(textColorClasses), unref(group == null ? void 0 : group.selectedClass), props.class),
         "style": [unref(textColorStyles), unref(backgroundColorStyles), props.style],
+        "type": Tag === "button" ? "button" : void 0,
         "disabled": props.disabled || void 0,
         "draggable": props.draggable,
         "tabindex": unref(isClickable) ? 0 : void 0,

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.mjs";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsTimePickerConstants } from "./CdsTimePicker.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineDatetimeProps } from "../../../composables/useDatetime/useDatetime.mjs";
 const defineCdsTimePickerProps = propsFactory(
   {

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

@@ -10,6 +10,7 @@ import { u as useToastItem } from "../CdsToastQueue/composables/useToastQueue.mj
 import { u as usePosition } from "../../composables/usePosition/usePosition.mjs";
 import { u as useScopeId } from "../../composables/useScopeId/useScopeId.mjs";
 import { u as useStatus } from "../../composables/useStatus/useStatus.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
@@ -19,7 +20,6 @@ import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsToastConstants } from "./api/CdsToast.constants.mjs";
 import { d as defineCdsToastProps } from "./api/CdsToast.props.mjs";
 import { u as useCountdown } from "./composables/useCountdown.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
+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 { C as CdsToolbarConstants } from "./api/CdsToolbar.constants.mjs";
 import { d as defineCdsToolbarProps } from "./api/CdsToolbar.props.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -1,8 +1,8 @@
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsToolbarConstants, a as CdsToolbarTitleConstants } from "./CdsToolbar.constants.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsToolbarProps = propsFactory(
   {

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

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

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

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

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

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

package/dist/esm-node/src/composables/useHydration/useHydration.mjs

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

package/dist/esm-node/src/composables/useLayout/useLayout.mjs

@@ -1,8 +1,8 @@
+import { u as useDisplay } from "../useDisplay/useDisplay.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { ref, computed, unref, watch, onBeforeUnmount } from "vue";
 import { u as useInjectLayout } from "./context.mjs";
-import { u as useDisplay } from "../useDisplay/useDisplay.mjs";
 const defineLayoutProps = propsFactory(
   {
     /** Видимость элемента в макете. */

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/useRouter/index.mjs

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

package/dist/esm-node/src/composables/useVirtual/useVirtual.mjs

@@ -1,9 +1,9 @@
+import { u as useDisplay } from "../useDisplay/useDisplay.mjs";
 import { u as useResizeObserver } from "../useResizeObserver/useResizeObserver.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { w as debounce, c as clamp, M as getPropertyFromItem } from "../../utils/helpers.mjs";
 import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { shallowRef, watchEffect, ref, unref, computed, watch, onScopeDispose, nextTick } from "vue";
-import { u as useDisplay } from "../useDisplay/useDisplay.mjs";
 const defineVirtualProps = propsFactory(
   {
     /** Высота одного элемента в пикселях. Если не задана — высота измеряется автоматически. */