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

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 { shallowRef, watchEffect, ref, unref, computed, watch, onScopeDispose, nextTick } from "vue";
+import { u as useDisplay } from "../useDisplay/useDisplay.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";
 const defineVirtualProps = propsFactory(
   {
     /** Высота одного элемента в пикселях. Если не задана — высота измеряется автоматически. */

package/dist/esm-node/src/core/defineComponent.mjs

@@ -1,9 +1,9 @@
 import { p as propsFactory } from "./propsFactory.mjs";
 import { u as useDefaults } from "./useDefaults.mjs";
-import { k as kebabCase } from "../utils/changeCase.mjs";
+import { defineComponent, h } from "vue";
 import { a7 as pick } from "../utils/helpers.mjs";
 import { c as classNames } from "../utils/dom/classNames.mjs";
-import { defineComponent, h } from "vue";
+import { k as kebabCase } from "../utils/changeCase.mjs";
 const defineComponentProps = propsFactory(
   {
     class: [String, Array, Object],

package/dist/esm-node/src/core/getCurrentInstance.mjs

@@ -1,5 +1,5 @@
-import { k as kebabCase } from "../utils/changeCase.mjs";
 import { getCurrentInstance as getCurrentInstance$1 } from "vue";
+import { k as kebabCase } from "../utils/changeCase.mjs";
 function getCurrentInstance(name, message) {
   const vm = getCurrentInstance$1();
   if (!vm) {

package/dist/esm-node/src/core/useDefaults.mjs

@@ -1,8 +1,8 @@
 import { g as getCurrentInstance } from "./getCurrentInstance.mjs";
 import { i as injectSelf } from "./injectSelf.mjs";
-import { k as kebabCase } from "../utils/changeCase.mjs";
+import { ref, inject, computed, unref, shallowRef, watchEffect, provide } from "vue";
 import { a1 as mergeDeep } from "../utils/helpers.mjs";
-import { computed, unref, shallowRef, watchEffect, provide, inject, ref } from "vue";
+import { k as kebabCase } from "../utils/changeCase.mjs";
 const DefaultsSymbol = Symbol.for("cds:defaults");
 function createDefaults(options) {
   return ref(options);
@@ -107,7 +107,9 @@ function propIsDefined(vnode, prop) {
 }
 export {
   DefaultsSymbol as D,
+  internalUseDefaults as a,
   createDefaults as c,
+  injectDefaults as i,
   provideDefaults as p,
   useDefaults as u
 };

package/dist/esm-node/src/core/useProxyModel.mjs

@@ -1,7 +1,7 @@
 import { g as getCurrentInstance } from "./getCurrentInstance.mjs";
 import { u as useToggleScope } from "./useToggleScope.mjs";
-import { k as kebabCase } from "../utils/changeCase.mjs";
 import { ref, computed, toRaw, watch } from "vue";
+import { k as kebabCase } from "../utils/changeCase.mjs";
 function useProxyModel(props, prop, defaultValue, transformIn = (v) => v, transformOut = (v) => v) {
   const vm = getCurrentInstance("useProxyModel");
   const internal = ref(props[prop] !== "undefined" ? props[prop] : defaultValue);

package/dist/esm-node/src/hooks/createContext/index.mjs

@@ -1,5 +1,5 @@
-import { j as isString, X as isSymbol, l as isObject, Y as isUndefined } from "../../utils/helpers.mjs";
 import { provide, inject } from "vue";
+import { j as isString, X as isSymbol, l as isObject, Y as isUndefined } from "../../utils/helpers.mjs";
 function useContext(key, defaultValue) {
   const context = inject(key, defaultValue);
   if (isUndefined(context)) {

package/dist/esm-node/src/hooks/createObserver/index.mjs

@@ -1,7 +1,7 @@
-import { P as isElement, S as isNull } from "../../utils/helpers.mjs";
 import { toRef, shallowRef, watch, onScopeDispose, shallowReadonly } from "vue";
 import { u as useHydration } from "../useHydration/index.mjs";
 import { t as toElement } from "../toElement/index.mjs";
+import { P as isElement, S as isNull } from "../../utils/helpers.mjs";
 function createObserver(target, userCallback, config) {
   const { isHydrated } = useHydration();
   const resolved = toRef(() => toElement(target));

package/dist/esm-node/src/hooks/useBreakpoints/index.mjs

@@ -1,7 +1,7 @@
 import { u as useWindowEventListener } from "../useEventListener/index.mjs";
+import { shallowRef, readonly, watch, onScopeDispose } from "vue";
 import { a1 as mergeDeep, U as isNumber } from "../../utils/helpers.mjs";
 import { a as IN_BROWSER, c as SUPPORTS_MATCH_MEDIA } from "../../utils/dom/globals.mjs";
-import { shallowRef, readonly, watch, onScopeDispose } from "vue";
 import { c as createPluginContext } from "../createPlugin/index.mjs";
 import { u as useHydration } from "../useHydration/index.mjs";
 function createDefaultBreakpoints() {

package/dist/esm-node/src/hooks/useEventListener/index.mjs

@@ -1,5 +1,5 @@
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { watch, toValue, unref, onScopeDispose } from "vue";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { t as toArray } from "../toArray/index.mjs";
 function useEventListener(target, event, listener, options) {
   const cleanups = [];

package/dist/esm-node/src/hooks/useHydration/index.mjs

@@ -1,6 +1,6 @@
-import { S as isNull } from "../../utils/helpers.mjs";
 import { shallowReadonly, shallowRef, nextTick } from "vue";
 import { c as createPluginContext } from "../createPlugin/index.mjs";
+import { S as isNull } from "../../utils/helpers.mjs";
 function createHydration() {
   const isHydrated = shallowRef(false);
   const isSettled = shallowRef(false);

package/dist/esm-node/src/hooks/useIntersectionObserver/index.mjs

@@ -1,6 +1,6 @@
-import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.mjs";
 import { shallowRef, shallowReadonly } from "vue";
 import { c as createObserver } from "../createObserver/index.mjs";
+import { b as SUPPORTS_INTERSECTION_OBSERVER } from "../../utils/dom/globals.mjs";
 function useIntersectionObserver(target, callback, options = {}) {
   const isIntersecting = shallowRef(false);
   const base = createObserver(target, callback, {

package/dist/esm-node/src/hooks/useResizeObserver/index.mjs

@@ -1,6 +1,6 @@
-import { d as SUPPORTS_OBSERVER } from "../../utils/dom/globals.mjs";
 import { shallowRef, shallowReadonly } from "vue";
 import { c as createObserver } from "../createObserver/index.mjs";
+import { d as SUPPORTS_OBSERVER } from "../../utils/dom/globals.mjs";
 function useResizeObserver(target, callback, options = {}) {
   return createObserver(target, callback, {
     supports: SUPPORTS_OBSERVER,

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

@@ -1,8 +1,8 @@
 import { cdsLegacy } from "./assets/icons/cdsLegacy.mjs";
 import { a as ClassIcon, S as SvgIcon } from "./composables/useIcons/useIcons.component.mjs";
-import { a1 as mergeDeep } from "./utils/helpers.mjs";
-import { w as warn } from "./utils/dom/console.mjs";
 import { cds } from "./assets/icons/cds.mjs";
+import { w as warn } from "./utils/dom/console.mjs";
+import { a1 as mergeDeep } from "./utils/helpers.mjs";
 function generateDefaults() {
   return {
     svg: {

package/dist/esm-node/src/locales/adapters/cdsLocaleAdapter.mjs

@@ -1,8 +1,9 @@
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
+import { e as en } from "../en.mjs";
 import { r as ru } from "../ru.mjs";
+import { shallowRef, ref, toRef, watch } from "vue";
 import { L as getObjectValueByPath } from "../../utils/helpers.mjs";
 import { w as warn } from "../../utils/dom/console.mjs";
-import { shallowRef, ref, toRef, watch } from "vue";
 const LANG_PREFIX = "$cds.";
 const replace = (str, params) => {
   return str.replace(/\{(\d+)\}/g, (match, index) => {
@@ -12,7 +13,7 @@ const replace = (str, params) => {
 function createCdsLocaleAdapter(options) {
   const current = shallowRef((options == null ? void 0 : options.locale) ?? "ru");
   const fallback = shallowRef((options == null ? void 0 : options.fallback) ?? "ru");
-  const messages = ref({ ru, ...options == null ? void 0 : options.messages });
+  const messages = ref({ ru, en, ...options == null ? void 0 : options.messages });
   return {
     name: "cds",
     current,

package/dist/esm-node/src/locales/en.mjs

@@ -0,0 +1,70 @@
+const en = {
+  badge: "Badge",
+  noDataText: "No data available",
+  selectAll: "Select all",
+  close: "Close",
+  open: "Open",
+  dismiss: "Dismiss",
+  confirmEdit: {
+    ok: "OK",
+    cancel: "Cancel"
+  },
+  carousel: {
+    prev: "Previous slide",
+    next: "Next slide",
+    delimiter: "Slide {0} of {1}"
+  },
+  input: {
+    clear: "Clear {0}",
+    otp: "Please enter OTP character",
+    prependAction: "{0} prepended action",
+    appendAction: "{0} appended action"
+  },
+  fileInput: {
+    counter: "{0} files",
+    counterSize: "{0} files ({1} in total)"
+  },
+  fileUpload: {
+    title: "Drag and drop files here",
+    divider: "or",
+    browse: "Browse files"
+  },
+  steps: {
+    prev: "Back",
+    next: "Next"
+  },
+  table: {
+    filterTitle: "Filter menu",
+    filterConfirm: "OK",
+    filterReset: "Reset",
+    filterEmptyText: "No filters",
+    filterCheckAll: "Select all items",
+    filterSearchPlaceholder: "Search in filters",
+    emptyText: "No data",
+    selectAll: "Select current page",
+    selectInvert: "Invert current page",
+    selectNone: "Clear all data",
+    selectionAll: "Select all data",
+    sortTitle: "Sort",
+    expand: "Expand row",
+    collapse: "Collapse row",
+    triggerDesc: "Click to sort descending",
+    triggerAsc: "Click to sort ascending",
+    cancelSort: "Click to cancel sorting",
+    showed: "Showed",
+    from: "from",
+    rowOnPage: "Row on page"
+  },
+  uploader: {
+    uploading: "Uploading...",
+    uploadFile: "Upload file",
+    downloadFile: "Download file",
+    removeFile: "Remove file",
+    uploadError: "Upload error",
+    previewFile: "Preview file"
+  }
+};
+export {
+  en as e
+};
+//# sourceMappingURL=en.mjs.map

package/dist/esm-node/src/locales/index.mjs

@@ -0,0 +1,18 @@
+import { D as DEFAULT_DATE_LOCALE, d as dateLocales } from "./date/index.mjs";
+import { e as en } from "./en.mjs";
+import { r as ru } from "./ru.mjs";
+import { e as enDate } from "./date/en.mjs";
+import { r as ruDate } from "./date/ru.mjs";
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_DATE_LOCALE,
+  dateLocales,
+  en,
+  enDate,
+  ru,
+  ruDate
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as i
+};
+//# sourceMappingURL=index.mjs.map

package/dist/esm-node/src/locales/ru.mjs

@@ -16,6 +16,7 @@ const ru = {
   },
   input: {
     clear: "Очистить {0}",
+    otp: "Введите одноразовый код",
     prependAction: "{0} предварительных действий",
     appendAction: "{0} добавочных действий"
   },

package/dist/esm-node/src/themes/index.mjs

@@ -2,6 +2,8 @@ import { b as b2bDark } from "./b2bDark.mjs";
 import { b as b2bLight } from "./b2bLight.mjs";
 import { c as cdsDark } from "./cdsDark.mjs";
 import { c as cdsLight } from "./cdsLight.mjs";
+import { l as lumaDark } from "./lumaDark.mjs";
+import { l as lumaLight } from "./lumaLight.mjs";
 import { p as promoDark } from "./promoDark.mjs";
 import { p as promoLight } from "./promoLight.mjs";
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -10,6 +12,8 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   b2bLight,
   cdsDark,
   cdsLight,
+  lumaDark,
+  lumaLight,
   promoDark,
   promoLight
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/esm-node/src/themes/lumaDark.mjs

@@ -0,0 +1,20 @@
+import { c as cdsDark } from "./cdsDark.mjs";
+const lumaDark = {
+  ...cdsDark,
+  colors: {
+    ...cdsDark.colors,
+    "brand-secondary-hover": "#650B25",
+    "brand-secondary-border": "#8A1034",
+    "brand-secondary-active": "#8A1034",
+    "brand-secondary": "#3A0715",
+    "brand-primary-hover": "#8A1034",
+    "brand-primary-content": "#FFD9E1",
+    "brand-primary-border": "#D2154B",
+    "brand-primary-active": "#650B25",
+    "brand-primary": "#D2154B"
+  }
+};
+export {
+  lumaDark as l
+};
+//# sourceMappingURL=lumaDark.mjs.map

package/dist/esm-node/src/themes/lumaLight.mjs

@@ -0,0 +1,20 @@
+import { c as cdsLight } from "./cdsLight.mjs";
+const lumaLight = {
+  ...cdsLight,
+  colors: {
+    ...cdsLight.colors,
+    "brand-secondary-hover": "#F7CFDA",
+    "brand-secondary-border": "#FBE7EC",
+    "brand-secondary-active": "#F0A8BC",
+    "brand-secondary": "#FBE7EC",
+    "brand-primary-hover": "#D2154B",
+    "brand-primary-content": "#7D0E27",
+    "brand-primary-border": "#C71B3C",
+    "brand-primary-active": "#E0476E",
+    "brand-primary": "#C71B3C"
+  }
+};
+export {
+  lumaLight as l
+};
+//# sourceMappingURL=lumaLight.mjs.map

package/dist/esm-node/src/transitions/collapseTransition.mjs

@@ -1,5 +1,5 @@
-import { r as removeClass, a as addClass } from "../utils/dom/classNames.mjs";
 import { nextTick } from "vue";
+import { r as removeClass, a as addClass } from "../utils/dom/classNames.mjs";
 const CdsTransitionCollapse = (name = "cds-motion-collapse", appear = true) => {
   return {
     name,

package/dist/esm-node/src/transitions/createTransition.mjs

@@ -1,5 +1,5 @@
-import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.mjs";
 import { defineComponent, TransitionGroup, Transition, h } from "vue";
+import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.mjs";
 function createCssTransition(name, origin, mode) {
   return defineComponent({
     name,

package/dist/esm-node/src/transitions/modalTransition.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, createVNode, Transition, mergeProps } from "vue";
 import { a as acceleratedEasing, s as standardEasing, d as deceleratedEasing } from "../composables/useTransition/useTransition.mjs";
 import { p as propsFactory } from "../core/propsFactory.mjs";
+import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.mjs";
 import { a as animate, n as nullifyTransforms } from "../utils/dom/animation.mjs";
 import { b as getTargetBox } from "../utils/dom/box.mjs";
-import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.mjs";
 const componentName = "CdsModalTransition";
 const defineCdsModalTransitionProps = propsFactory({
   target: [Object, Array]

package/dist/esm-node/src/utils/colorsUtils/utils.mjs

@@ -1,9 +1,9 @@
-import { a as chunk, h as has, p as padEnd } from "../helpers.mjs";
-import { w as warn } from "../dom/console.mjs";
 import { c as colorsPalette } from "../colors.mjs";
 import { A as APCAcontrast } from "./APCA.mjs";
 import { f as fromXYZ, t as toXYZ$1 } from "./transformCIELAB.mjs";
 import { t as toXYZ, f as fromXYZ$1 } from "./transformSRGB.mjs";
+import { a as chunk, h as has, p as padEnd } from "../helpers.mjs";
+import { w as warn } from "../dom/console.mjs";
 function isCssColor(color) {
   return !!color && /^(#|var\(--|(rgb|hsl)a?\()/.test(color);
 }

package/dist/esm-node/src/utils/dom/classNames.mjs

@@ -1,5 +1,5 @@
-import { k as kebabCase } from "../changeCase.mjs";
 import { j as isString, k as isArray, l as isObject } from "../helpers.mjs";
+import { k as kebabCase } from "../changeCase.mjs";
 function classNames(...args) {
   const classes = [];
   for (let i = 0; i < args.length; i++) {

package/dist/esm-node/src/utils/dom/console.mjs

@@ -1,5 +1,5 @@
-import { I as IS_DEV } from "./globals.mjs";
 import { warn as warn$1 } from "vue";
+import { I as IS_DEV } from "./globals.mjs";
 function warn(scope, msg) {
   IS_DEV && warn$1(`[CDS: ${scope}] ${msg}`);
 }

package/dist/esm-node/src/utils/dom/dom.mjs

@@ -1,5 +1,5 @@
-import { a as IN_BROWSER } from "./globals.mjs";
 import { unref, camelize } from "vue";
+import { a as IN_BROWSER } from "./globals.mjs";
 function attachedRoot(node) {
   if (typeof node.getRootNode !== "function") {
     while (node.parentNode) node = node.parentNode;