@central-design-system/components 4.0.0-alpha.3 → 4.0.0-alpha.5

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

@@ -3,7 +3,10 @@ import { computed } from "vue";
 import { s as statusIcons } from "./internal/useStatus.constants.mjs";
 const defineStatusProps = propsFactory(
   {
-    /** Семантический статус — определяет цвет и дефолтную иконку. */
+    /**
+     * Семантический статус — определяет цвет и дефолтную иконку.
+     * @en Semantic status — drives the color and the default icon.
+     */
     status: {
       type: String,
       default: "info"

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

@@ -1,6 +1,6 @@
-import { w as warn } from "../../utils/dom/console.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { computed } from "vue";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
+import { w as warn } from "../../utils/dom/console.mjs";
 function useTeleport(target, overlayContainerClassName) {
   const teleportTarget = computed(() => {
     const _target = target();

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

@@ -2,9 +2,15 @@ import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { computed, toDisplayString } from "vue";
 const defineTextProps = propsFactory(
   {
-    /** Текст, отображаемый в компоненте. */
+    /**
+     * Текст, отображаемый в компоненте.
+     * @en Text displayed in the component.
+     */
     text: [String, Number],
-    /** Контент, отображаемый в компоненте. */
+    /**
+     * Контент, отображаемый в компоненте.
+     * @en Content displayed in the component.
+     */
     content: [String, Number]
   },
   "text"

package/dist/esm-node/src/composables/useTheme/internal/useTheme.constants.mjs

@@ -1,17 +1,28 @@
 import { p as promoLight } from "../../../themes/promoLight.mjs";
 import { p as promoDark } from "../../../themes/promoDark.mjs";
+import { l as lumaDark } from "../../../themes/lumaDark.mjs";
+import { l as lumaLight } from "../../../themes/lumaLight.mjs";
 import { b as b2bDark } from "../../../themes/b2bDark.mjs";
 import { b as b2bLight } from "../../../themes/b2bLight.mjs";
 import { c as cdsDark } from "../../../themes/cdsDark.mjs";
 import { c as cdsLight } from "../../../themes/cdsLight.mjs";
 const ThemeSymbol = Symbol.for("cds:theme");
-const availableTheme = ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoDark", "promoLight"];
+const availableTheme = [
+  "cdsLight",
+  "cdsDark",
+  "b2bLight",
+  "b2bDark",
+  "lumaLight",
+  "lumaDark",
+  "promoDark",
+  "promoLight"
+];
 const DEFAULT_THEME = "cdsLight";
 const defaultThemeOptions = {
   defaultTheme: DEFAULT_THEME,
   prefix: "cds",
   variations: false,
-  themes: { cdsLight, cdsDark, b2bLight, b2bDark, promoDark, promoLight },
+  themes: { cdsLight, cdsDark, b2bLight, b2bDark, lumaLight, lumaDark, promoDark, promoLight },
   stylesheetId: "cds-theme-stylesheet",
   scoped: false,
   utilities: true,

package/dist/esm-node/src/composables/useTheme/internal/useTheme.utils.mjs

@@ -1,8 +1,8 @@
-import { a1 as mergeDeep, v as createRange } from "../../../utils/helpers.mjs";
-import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 import { c as colorsPalette } from "../../../utils/colors.mjs";
 import { d as defaultThemeOptions } from "./useTheme.constants.mjs";
+import { a1 as mergeDeep, v as createRange } from "../../../utils/helpers.mjs";
 import { p as parseColor, h as hasLightForeground, e as getLuma, c as HexToRGB, R as RGBtoHex, l as lighten, d as darken } from "../../../utils/colorsUtils/utils.mjs";
+import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 function parseThemeOptions(options = defaultThemeOptions) {
   var _a, _b;
   if (!options) return { ...defaultThemeOptions, isDisabled: true };

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

@@ -1,13 +1,16 @@
 import { g as getCurrentInstance } from "../../core/getCurrentInstance.mjs";
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { a1 as mergeDeep } from "../../utils/helpers.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { ref, shallowRef, computed, unref, inject, provide, watch, watchEffect } from "vue";
 import { D as DEFAULT_THEME, T as ThemeSymbol } from "./internal/useTheme.constants.mjs";
 import { p as parseThemeOptions, g as generateVariations, a as generateOnColors, c as createCssClass, b as generateCssVariables, u as upsertStyles } from "./internal/useTheme.utils.mjs";
+import { a1 as mergeDeep } from "../../utils/helpers.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 const defineThemeProps = propsFactory(
   {
-    /** Тема компонента */
+    /**
+     * Тема компонента
+     * @en Component theme
+     */
     theme: {
       type: String,
       default: void 0

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

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../core/propsFactory.mjs";
-import { l as isObject, a4 as onlyDefinedProps } from "../../utils/helpers.mjs";
 import { TransitionGroup, Transition, mergeProps, h } from "vue";
+import { l as isObject, a4 as onlyDefinedProps } from "../../utils/helpers.mjs";
 const standardEasing = "cubic-bezier(0.4, 0, 0.2, 1)";
 const deceleratedEasing = "cubic-bezier(0.0, 0, 0.2, 1)";
 const acceleratedEasing = "cubic-bezier(0.4, 0, 1, 1)";
@@ -22,7 +22,10 @@ const easingPatterns = {
 };
 const defineTransitionProps = propsFactory(
   {
-    /** Анимация перехода */
+    /**
+     * Анимация перехода
+     * @en Transition animation
+     */
     transition: {
       type: null,
       default: "fade-transition",

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

@@ -7,40 +7,60 @@ import { g as getCurrentInstance, a as getCurrentInstanceName } from "../../core
 import { p as propsFactory } from "../../core/propsFactory.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
 import { u as useToggleScope } from "../../core/useToggleScope.mjs";
+import { shallowRef, computed, unref, ref, onBeforeMount, onBeforeUnmount, onMounted, watch, nextTick, useId } from "vue";
 import { ac as wrapInArray } from "../../utils/helpers.mjs";
 import { w as warn } from "../../utils/dom/console.mjs";
-import { shallowRef, computed, unref, ref, onBeforeMount, onBeforeUnmount, onMounted, watch, nextTick, useId } from "vue";
 const defineValidationProps = propsFactory(
   {
-    /** Имя поля ввода */
+    /**
+     * Имя поля ввода
+     * @en Name of the input
+     */
     name: String,
-    /** Значение компонента в v-model. Если компонент поддерживает свойство multiple, по умолчанию используется пустой массив. */
+    /**
+     * Значение компонента в v-model. Если компонент поддерживает свойство multiple, по умолчанию используется пустой массив.
+     * @en Value of the component in v-model. If the component supports the multiple prop, an empty array is used by default.
+     */
     modelValue: null,
     /**
      * Принимает массив, состоящий из элементов различных типов: функций, логических значений и строк.
      * Функции принимают входное значение в качестве аргумента и должны возвращать либо true / false, либо строку, содержащую сообщение об ошибке.
      * Поле ввода перейдет в состояние ошибки, если функция возвращает значение false (или любое значение в массиве содержит false) либо является строкой.
+     * @en Accepts an array of items of different types: functions, booleans and strings. Functions take the input value as an argument and must return either true / false, or a string with an error message. The input goes into the error state if a function returns false (or any value in the array is false) or is a string.
      */
     rules: {
       type: Array,
       default: () => []
     },
-    /** Изменяет тип события, при котором запускается валидация */
+    /**
+     * Изменяет тип события, при котором запускается валидация
+     * @en Changes the type of the event that triggers validation
+     */
     validateOn: String,
-    /** Значение, используемое при применении правил валидации */
+    /**
+     * Значение, используемое при применении правил валидации
+     * @en Value used when applying the validation rules
+     */
     validationValue: null,
-    /** Отображает компонент в состояние ошибки */
+    /**
+     * Отображает компонент в состояние ошибки
+     * @en Puts the component into the error state
+     */
     error: Boolean,
     /**
      * Отображает компонент в состояние ошибки и передает пользовательские сообщения об ошибках.
      * Будет объединяться с любыми проверками, заданными в свойстве `rules`.
      * Это поле не запускает валидацию.
+     * @en Puts the component into the error state and passes custom error messages. They are merged with any checks defined in the `rules` prop. This field does not trigger validation.
      */
     errorMessages: {
       type: [Array, String],
       default: () => []
     },
-    /** Максимальное число отображаемых ошибок при валидации */
+    /**
+     * Максимальное число отображаемых ошибок при валидации
+     * @en Maximum number of validation errors shown
+     */
     maxErrors: {
       type: [Number, String],
       default: 1

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

@@ -1,22 +1,31 @@
-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(
   {
-    /** Высота одного элемента в пикселях. Если не задана — высота измеряется автоматически. */
+    /**
+     * Высота одного элемента в пикселях. Если не задана — высота измеряется автоматически.
+     * @en Height of a single item in pixels. When omitted, the height is measured automatically.
+     */
     itemHeight: {
       type: [Number, String],
       default: null
     },
-    /** Ключ элемента для идентификации (имя поля, путь или функция). По умолчанию используется индекс. */
+    /**
+     * Ключ элемента для идентификации (имя поля, путь или функция). По умолчанию используется индекс.
+     * @en Key that identifies an item (a field name, a path or a function). The index is used by default.
+     */
     itemKey: {
       type: [String, Array, Function],
       default: null
     },
-    /** Высота области просмотра виртуального списка. */
+    /**
+     * Высота области просмотра виртуального списка.
+     * @en Height of the viewport of the virtual list.
+     */
     height: [Number, String]
   },
   "virtual"

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],
@@ -16,7 +16,10 @@ const defineComponentProps = propsFactory(
 );
 const defineTagProps = propsFactory(
   {
-    /** Пользовательский HTML-тег для отображения */
+    /**
+     * Пользовательский HTML-тег для отображения
+     * @en Custom HTML tag or component to render
+     */
     tag: {
       type: [String, Object, Function],
       default: "div"

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/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,24 @@
+import { c as cdsDark } from "./cdsDark.mjs";
+const lumaDark = {
+  ...cdsDark,
+  colors: {
+    ...cdsDark.colors,
+    "surface-secondary": "#24262C",
+    "surface-primary": "#1B1D21",
+    "surface-elevated": "#24262C",
+    "page-primary": "#16171A",
+    "brand-secondary-hover": "#8A1034",
+    "brand-secondary-border": "#A01639",
+    "brand-secondary-active": "#A01639",
+    "brand-secondary": "#6F0C28",
+    "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/date/date.mjs

@@ -378,14 +378,14 @@ function endOfDate(date, unit, utc) {
 }
 function getMaxDate(date, ...args) {
   let _date = new Date(date);
-  Array.prototype.slice.call(args, 1).forEach((date2) => {
+  args.forEach((date2) => {
     _date = Math.max(_date, new Date(date2));
   });
   return _date;
 }
 function getMinDate(date, ...args) {
   let _date = new Date(date);
-  Array.prototype.slice.call(args, 1).forEach((date2) => {
+  args.forEach((date2) => {
     _date = Math.min(_date, new Date(date2));
   });
   return _date;
@@ -621,7 +621,7 @@ function formatTimezone(offset, delimiter = "") {
 function applyYearMonthDayChange(date, modified, sign) {
   let year = date.getFullYear();
   let month = date.getMonth();
-  const day = date.getMonth();
+  const day = date.getDate();
   if (modified.year) {
     year += sign * modified.year;
     delete modified.year;
@@ -659,7 +659,7 @@ function applyYearMonthDay(date, modified, middle) {
 function getChange(date, rawModified, sign) {
   const modified = normalizeModified(rawModified);
   const _date = new Date(date);
-  const changedDate = modified.year || modified.month || modified.date ? applyYearMonthDayChange(date, modified, sign) : _date;
+  const changedDate = modified.year || modified.month || modified.date ? applyYearMonthDayChange(_date, modified, sign) : _date;
   for (const key in modified) {
     const op = key.charAt(0).toUpperCase() + key.slice(1);
     changedDate[`set${op}`](

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++) {