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

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 { c as cdsLegacy } from "./assets/icons/cdsLegacy.mjs";
+import { cdsLegacy } from "./assets/icons/cdsLegacy.mjs";
 import { a as ClassIcon, S as SvgIcon } from "./composables/useIcons/useIcons.component.mjs";
-import { c as cds } from "./assets/icons/cds.mjs";
-import { w as warn } from "./utils/dom/console.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";
 function generateDefaults() {
   return {
     svg: {

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

@@ -1,8 +1,8 @@
 import { u as useProxyModel } from "../../core/useProxyModel.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) => {

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent, TransitionGroup, Transition, h } from "vue";
 import { P as PREFERS_REDUCED_MOTION } from "../utils/dom/globals.mjs";
+import { defineComponent, TransitionGroup, Transition, h } from "vue";
 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 { j as isString, k as isArray, l as isObject } from "../helpers.mjs";
 import { k as kebabCase } from "../changeCase.mjs";
+import { j as isString, k as isArray, l as isObject } from "../helpers.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 { warn as warn$1 } from "vue";
 import { I as IS_DEV } from "./globals.mjs";
+import { warn as warn$1 } from "vue";
 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 { unref, camelize } from "vue";
 import { a as IN_BROWSER } from "./globals.mjs";
+import { unref, camelize } from "vue";
 function attachedRoot(node) {
   if (typeof node.getRootNode !== "function") {
     while (node.parentNode) node = node.parentNode;