@ultraviolet/ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/Skeleton/index.cjs

@@ -2,8 +2,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const react = require("@emotion/react");
 const Block = require("./Block.cjs");
 const Blocks = require("./Blocks.cjs");
 const BoxWithIcon = require("./BoxWithIcon.cjs");
@@ -12,48 +10,7 @@ const Line = require("./Line.cjs");
 const List = require("./List.cjs");
 const Slider = require("./Slider.cjs");
 const Square = require("./Square.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const shineAnimation = react.keyframes`
-  from {
-    left: -25%;
-  }
-  to {
-    left: 100%;
-  }
-`;
-const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e183x2r81"
-} : {
-  target: "e183x2r81",
-  label: "StyledContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "158ltsb",
-  styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%"
-} : {
-  name: "158ltsb",
-  styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQmxvY2sgfSBmcm9tICcuL0Jsb2NrJ1xuaW1wb3J0IHsgQmxvY2tzIH0gZnJvbSAnLi9CbG9ja3MnXG5pbXBvcnQgeyBCb3hXaXRoSWNvbiB9IGZyb20gJy4vQm94V2l0aEljb24nXG5pbXBvcnQgeyBEb251dCB9IGZyb20gJy4vRG9udXQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuaW1wb3J0IHsgTGlzdCB9IGZyb20gJy4vTGlzdCdcbmltcG9ydCB7IFNsaWRlciB9IGZyb20gJy4vU2xpZGVyJ1xuaW1wb3J0IHsgU3F1YXJlIH0gZnJvbSAnLi9TcXVhcmUnXG5cbmNvbnN0IHNoaW5lQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBsZWZ0OiAtMjUlO1xuICB9XG4gIHRvIHtcbiAgICBsZWZ0OiAxMDAlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAyNSU7XG4gIG9wYWNpdHk6IDAuODtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDkwZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MDAsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTY2LFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NEQsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMFxuICApO1xuICBhbmltYXRpb246ICR7c2hpbmVBbmltYXRpb259IDFzIGxpbmVhciBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLWRpcmVjdGlvbjogYWx0ZXJuYXRlO1xuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgYmxvY2s6IEJsb2NrLFxuICBibG9ja3M6IEJsb2NrcyxcbiAgYm94OiBCb3hXaXRoSWNvbixcbiAgZG9udXQ6IERvbnV0LFxuICBsaW5lOiBMaW5lLFxuICBsaXN0OiBMaXN0LFxuICBzbGlkZXI6IFNsaWRlcixcbiAgc3F1YXJlOiBTcXVhcmUsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2tlbGV0b25WYXJpYW50ID0ga2V5b2YgdHlwZW9mIHZhcmlhbnRzXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IFNrZWxldG9uVmFyaWFudFxuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNrZWxldG9uIGNvbXBvbmVudCBpcyB1c2VkIHRvIGluZGljYXRlIHRoYXQgdGhlIGRhdGEgaXMgbG9hZGluZy5cbiAqIEl0IGlzIHVzZWQgdG8gcHJvdmlkZSBhIGJldHRlciB1c2VyIGV4cGVyaWVuY2UgYnkgc2hvd2luZyBhIHRlbXBvcmFyeSBwbGFjZWhvbGRlciByZWZsZWN0aW5nIHRoZSBkaW1lbnNpb25zIG9mIHRoZVxuICogY29udGVudCB0aGF0IHdpbGwgZXZlbnR1YWxseSBiZSBsb2FkZWQgb24gdGhlIHNjcmVlbi5cbiAqL1xuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHtcbiAgdmFyaWFudCA9ICdibG9ja3MnLFxuICBsZW5ndGgsXG4gIGNvbCxcbiAgY2xhc3NOYW1lLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFNrZWxldG9uUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudHNbdmFyaWFudF1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGFyaWEtYnVzeVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPENvbXBvbmVudCBjb2w9e2NvbH0gbGVuZ3RoPXtsZW5ndGh9IC8+XG5cbiAgICAgIDxTdHlsZWREaXYgLz5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3Qgc2tlbGV0b25UeXBlcyA9IE9iamVjdC5rZXlzKHZhcmlhbnRzKSBhcyBTa2VsZXRvblZhcmlhbnRbXVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e183x2r80"
-} : {
-  target: "e183x2r80",
-  label: "StyledDiv"
-})("position:absolute;top:0;height:100%;width:25%;opacity:0.8;background:linear-gradient(\n    90deg,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "00,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "4D,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "66,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "4D,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "00\n  );animation:", shineAnimation, " 1s linear infinite;animation-direction:alternate;@media (prefers-reduced-motion: reduce){animation:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQmxvY2sgfSBmcm9tICcuL0Jsb2NrJ1xuaW1wb3J0IHsgQmxvY2tzIH0gZnJvbSAnLi9CbG9ja3MnXG5pbXBvcnQgeyBCb3hXaXRoSWNvbiB9IGZyb20gJy4vQm94V2l0aEljb24nXG5pbXBvcnQgeyBEb251dCB9IGZyb20gJy4vRG9udXQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuaW1wb3J0IHsgTGlzdCB9IGZyb20gJy4vTGlzdCdcbmltcG9ydCB7IFNsaWRlciB9IGZyb20gJy4vU2xpZGVyJ1xuaW1wb3J0IHsgU3F1YXJlIH0gZnJvbSAnLi9TcXVhcmUnXG5cbmNvbnN0IHNoaW5lQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBsZWZ0OiAtMjUlO1xuICB9XG4gIHRvIHtcbiAgICBsZWZ0OiAxMDAlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAyNSU7XG4gIG9wYWNpdHk6IDAuODtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDkwZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MDAsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTY2LFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NEQsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMFxuICApO1xuICBhbmltYXRpb246ICR7c2hpbmVBbmltYXRpb259IDFzIGxpbmVhciBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLWRpcmVjdGlvbjogYWx0ZXJuYXRlO1xuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgYmxvY2s6IEJsb2NrLFxuICBibG9ja3M6IEJsb2NrcyxcbiAgYm94OiBCb3hXaXRoSWNvbixcbiAgZG9udXQ6IERvbnV0LFxuICBsaW5lOiBMaW5lLFxuICBsaXN0OiBMaXN0LFxuICBzbGlkZXI6IFNsaWRlcixcbiAgc3F1YXJlOiBTcXVhcmUsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2tlbGV0b25WYXJpYW50ID0ga2V5b2YgdHlwZW9mIHZhcmlhbnRzXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IFNrZWxldG9uVmFyaWFudFxuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNrZWxldG9uIGNvbXBvbmVudCBpcyB1c2VkIHRvIGluZGljYXRlIHRoYXQgdGhlIGRhdGEgaXMgbG9hZGluZy5cbiAqIEl0IGlzIHVzZWQgdG8gcHJvdmlkZSBhIGJldHRlciB1c2VyIGV4cGVyaWVuY2UgYnkgc2hvd2luZyBhIHRlbXBvcmFyeSBwbGFjZWhvbGRlciByZWZsZWN0aW5nIHRoZSBkaW1lbnNpb25zIG9mIHRoZVxuICogY29udGVudCB0aGF0IHdpbGwgZXZlbnR1YWxseSBiZSBsb2FkZWQgb24gdGhlIHNjcmVlbi5cbiAqL1xuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHtcbiAgdmFyaWFudCA9ICdibG9ja3MnLFxuICBsZW5ndGgsXG4gIGNvbCxcbiAgY2xhc3NOYW1lLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFNrZWxldG9uUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudHNbdmFyaWFudF1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGFyaWEtYnVzeVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPENvbXBvbmVudCBjb2w9e2NvbH0gbGVuZ3RoPXtsZW5ndGh9IC8+XG5cbiAgICAgIDxTdHlsZWREaXYgLz5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3Qgc2tlbGV0b25UeXBlcyA9IE9iamVjdC5rZXlzKHZhcmlhbnRzKSBhcyBTa2VsZXRvblZhcmlhbnRbXVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const variants = {
   block: Block.Block,
   blocks: Blocks.Blocks,
@@ -70,12 +27,13 @@ const Skeleton = ({
   col,
   className,
   "aria-label": ariaLabel,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  style
 }) => {
   const Component = variants[variant];
-  return /* @__PURE__ */ jsxRuntime.jsxs(StyledContainer, { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className, "data-testid": dataTestId, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className: `${className ? `${className} ` : ""}${styles_css.skeletonContainer}`, "data-testid": dataTestId, style, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Component, { col, length }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledDiv, {})
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.skeletonHighlight })
   ] });
 };
 exports.Skeleton = Skeleton;

package/dist/components/Skeleton/index.d.ts

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'react';
 declare const variants: {
     readonly block: ({ length }: {
         length?: number;
@@ -11,10 +12,7 @@ declare const variants: {
         length?: number;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     readonly donut: () => import("@emotion/react/jsx-runtime").JSX.Element;
-    readonly line: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    readonly line: () => import("@emotion/react/jsx-runtime").JSX.Element;
     readonly list: ({ length, col, }: {
         length?: number;
         col?: number;
@@ -22,10 +20,7 @@ declare const variants: {
     readonly slider: ({ length }: {
         length?: number;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    readonly square: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    readonly square: () => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 type SkeletonVariant = keyof typeof variants;
 type SkeletonProps = {
@@ -35,12 +30,13 @@ type SkeletonProps = {
     className?: string;
     'aria-label'?: string;
     'data-testid'?: string;
+    style?: CSSProperties;
 };
 /**
  * Skeleton component is used to indicate that the data is loading.
  * It is used to provide a better user experience by showing a temporary placeholder reflecting the dimensions of the
  * content that will eventually be loaded on the screen.
  */
-export declare const Skeleton: ({ variant, length, col, className, "aria-label": ariaLabel, "data-testid": dataTestId, }: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Skeleton: ({ variant, length, col, className, "aria-label": ariaLabel, "data-testid": dataTestId, style, }: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const skeletonTypes: SkeletonVariant[];
 export {};

package/dist/components/Skeleton/index.js

@@ -1,7 +1,5 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { keyframes } from "@emotion/react";
 import { Block } from "./Block.js";
 import { Blocks } from "./Blocks.js";
 import { BoxWithIcon } from "./BoxWithIcon.js";
@@ -10,46 +8,7 @@ import { Line } from "./Line.js";
 import { List } from "./List.js";
 import { Slider } from "./Slider.js";
 import { Square } from "./Square.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const shineAnimation = keyframes`
-  from {
-    left: -25%;
-  }
-  to {
-    left: 100%;
-  }
-`;
-const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e183x2r81"
-} : {
-  target: "e183x2r81",
-  label: "StyledContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "158ltsb",
-  styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%"
-} : {
-  name: "158ltsb",
-  styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQmxvY2sgfSBmcm9tICcuL0Jsb2NrJ1xuaW1wb3J0IHsgQmxvY2tzIH0gZnJvbSAnLi9CbG9ja3MnXG5pbXBvcnQgeyBCb3hXaXRoSWNvbiB9IGZyb20gJy4vQm94V2l0aEljb24nXG5pbXBvcnQgeyBEb251dCB9IGZyb20gJy4vRG9udXQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuaW1wb3J0IHsgTGlzdCB9IGZyb20gJy4vTGlzdCdcbmltcG9ydCB7IFNsaWRlciB9IGZyb20gJy4vU2xpZGVyJ1xuaW1wb3J0IHsgU3F1YXJlIH0gZnJvbSAnLi9TcXVhcmUnXG5cbmNvbnN0IHNoaW5lQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBsZWZ0OiAtMjUlO1xuICB9XG4gIHRvIHtcbiAgICBsZWZ0OiAxMDAlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAyNSU7XG4gIG9wYWNpdHk6IDAuODtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDkwZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MDAsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTY2LFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NEQsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMFxuICApO1xuICBhbmltYXRpb246ICR7c2hpbmVBbmltYXRpb259IDFzIGxpbmVhciBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLWRpcmVjdGlvbjogYWx0ZXJuYXRlO1xuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgYmxvY2s6IEJsb2NrLFxuICBibG9ja3M6IEJsb2NrcyxcbiAgYm94OiBCb3hXaXRoSWNvbixcbiAgZG9udXQ6IERvbnV0LFxuICBsaW5lOiBMaW5lLFxuICBsaXN0OiBMaXN0LFxuICBzbGlkZXI6IFNsaWRlcixcbiAgc3F1YXJlOiBTcXVhcmUsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2tlbGV0b25WYXJpYW50ID0ga2V5b2YgdHlwZW9mIHZhcmlhbnRzXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IFNrZWxldG9uVmFyaWFudFxuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNrZWxldG9uIGNvbXBvbmVudCBpcyB1c2VkIHRvIGluZGljYXRlIHRoYXQgdGhlIGRhdGEgaXMgbG9hZGluZy5cbiAqIEl0IGlzIHVzZWQgdG8gcHJvdmlkZSBhIGJldHRlciB1c2VyIGV4cGVyaWVuY2UgYnkgc2hvd2luZyBhIHRlbXBvcmFyeSBwbGFjZWhvbGRlciByZWZsZWN0aW5nIHRoZSBkaW1lbnNpb25zIG9mIHRoZVxuICogY29udGVudCB0aGF0IHdpbGwgZXZlbnR1YWxseSBiZSBsb2FkZWQgb24gdGhlIHNjcmVlbi5cbiAqL1xuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHtcbiAgdmFyaWFudCA9ICdibG9ja3MnLFxuICBsZW5ndGgsXG4gIGNvbCxcbiAgY2xhc3NOYW1lLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFNrZWxldG9uUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudHNbdmFyaWFudF1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGFyaWEtYnVzeVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPENvbXBvbmVudCBjb2w9e2NvbH0gbGVuZ3RoPXtsZW5ndGh9IC8+XG5cbiAgICAgIDxTdHlsZWREaXYgLz5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3Qgc2tlbGV0b25UeXBlcyA9IE9iamVjdC5rZXlzKHZhcmlhbnRzKSBhcyBTa2VsZXRvblZhcmlhbnRbXVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e183x2r80"
-} : {
-  target: "e183x2r80",
-  label: "StyledDiv"
-})("position:absolute;top:0;height:100%;width:25%;opacity:0.8;background:linear-gradient(\n    90deg,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "00,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "4D,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "66,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "4D,\n    ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "00\n  );animation:", shineAnimation, " 1s linear infinite;animation-direction:alternate;@media (prefers-reduced-motion: reduce){animation:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQmxvY2sgfSBmcm9tICcuL0Jsb2NrJ1xuaW1wb3J0IHsgQmxvY2tzIH0gZnJvbSAnLi9CbG9ja3MnXG5pbXBvcnQgeyBCb3hXaXRoSWNvbiB9IGZyb20gJy4vQm94V2l0aEljb24nXG5pbXBvcnQgeyBEb251dCB9IGZyb20gJy4vRG9udXQnXG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi9MaW5lJ1xuaW1wb3J0IHsgTGlzdCB9IGZyb20gJy4vTGlzdCdcbmltcG9ydCB7IFNsaWRlciB9IGZyb20gJy4vU2xpZGVyJ1xuaW1wb3J0IHsgU3F1YXJlIH0gZnJvbSAnLi9TcXVhcmUnXG5cbmNvbnN0IHNoaW5lQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBsZWZ0OiAtMjUlO1xuICB9XG4gIHRvIHtcbiAgICBsZWZ0OiAxMDAlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAyNSU7XG4gIG9wYWNpdHk6IDAuODtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDkwZGVnLFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MDAsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTY2LFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NEQsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMFxuICApO1xuICBhbmltYXRpb246ICR7c2hpbmVBbmltYXRpb259IDFzIGxpbmVhciBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLWRpcmVjdGlvbjogYWx0ZXJuYXRlO1xuXG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiB1bnNldDtcbiAgfVxuYFxuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgYmxvY2s6IEJsb2NrLFxuICBibG9ja3M6IEJsb2NrcyxcbiAgYm94OiBCb3hXaXRoSWNvbixcbiAgZG9udXQ6IERvbnV0LFxuICBsaW5lOiBMaW5lLFxuICBsaXN0OiBMaXN0LFxuICBzbGlkZXI6IFNsaWRlcixcbiAgc3F1YXJlOiBTcXVhcmUsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2tlbGV0b25WYXJpYW50ID0ga2V5b2YgdHlwZW9mIHZhcmlhbnRzXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgdmFyaWFudD86IFNrZWxldG9uVmFyaWFudFxuICBsZW5ndGg/OiBudW1iZXJcbiAgY29sPzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNrZWxldG9uIGNvbXBvbmVudCBpcyB1c2VkIHRvIGluZGljYXRlIHRoYXQgdGhlIGRhdGEgaXMgbG9hZGluZy5cbiAqIEl0IGlzIHVzZWQgdG8gcHJvdmlkZSBhIGJldHRlciB1c2VyIGV4cGVyaWVuY2UgYnkgc2hvd2luZyBhIHRlbXBvcmFyeSBwbGFjZWhvbGRlciByZWZsZWN0aW5nIHRoZSBkaW1lbnNpb25zIG9mIHRoZVxuICogY29udGVudCB0aGF0IHdpbGwgZXZlbnR1YWxseSBiZSBsb2FkZWQgb24gdGhlIHNjcmVlbi5cbiAqL1xuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHtcbiAgdmFyaWFudCA9ICdibG9ja3MnLFxuICBsZW5ndGgsXG4gIGNvbCxcbiAgY2xhc3NOYW1lLFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFNrZWxldG9uUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudHNbdmFyaWFudF1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGFyaWEtYnVzeVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAgPENvbXBvbmVudCBjb2w9e2NvbH0gbGVuZ3RoPXtsZW5ndGh9IC8+XG5cbiAgICAgIDxTdHlsZWREaXYgLz5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3Qgc2tlbGV0b25UeXBlcyA9IE9iamVjdC5rZXlzKHZhcmlhbnRzKSBhcyBTa2VsZXRvblZhcmlhbnRbXVxuIl19 */"));
+import { skeletonContainer, skeletonHighlight } from "./styles.css.js";
 const variants = {
   block: Block,
   blocks: Blocks,
@@ -66,12 +25,13 @@ const Skeleton = ({
   col,
   className,
   "aria-label": ariaLabel,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  style
 }) => {
   const Component = variants[variant];
-  return /* @__PURE__ */ jsxs(StyledContainer, { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className, "data-testid": dataTestId, children: [
+  return /* @__PURE__ */ jsxs("div", { "aria-busy": true, "aria-label": ariaLabel, "aria-live": "polite", className: `${className ? `${className} ` : ""}${skeletonContainer}`, "data-testid": dataTestId, style, children: [
     /* @__PURE__ */ jsx(Component, { col, length }),
-    /* @__PURE__ */ jsx(StyledDiv, {})
+    /* @__PURE__ */ jsx("div", { className: skeletonHighlight })
   ] });
 };
 export {

package/dist/components/Skeleton/styles.css.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var skeletonContainer = "uv_c2hb451";
+var skeletonHighlight = "uv_c2hb452";
+exports.skeletonContainer = skeletonContainer;
+exports.skeletonHighlight = skeletonHighlight;

package/dist/components/Skeleton/styles.css.d.ts

@@ -0,0 +1,2 @@
+export declare const skeletonContainer: string;
+export declare const skeletonHighlight: string;

package/dist/components/Skeleton/styles.css.js

@@ -0,0 +1,7 @@
+/* empty css                          */
+var skeletonContainer = "uv_c2hb451";
+var skeletonHighlight = "uv_c2hb452";
+export {
+  skeletonContainer,
+  skeletonHighlight
+};

package/dist/components/Skeleton/stylesVariants.css.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                    */
+var columns = "var(--uv_fr4c0t0)";
+var widthLine = "var(--uv_fr4c0t1)";
+var sliderLength = "var(--uv_fr4c0t2)";
+var CIRCLE_SIZE = 12.875;
+var blockSkeletonLine = "uv_fr4c0t3";
+var blockSkeletonList = "uv_fr4c0t4";
+var blocksContainer = "uv_fr4c0t5";
+var blocksSkeleton = "uv_fr4c0t6";
+var boxWithIconSkeleton = "uv_fr4c0t7";
+var donutSkeletonContainer = "uv_fr4c0t8";
+var donutSkeletonSvg = "uv_fr4c0t9";
+var donutSkeletonCircle = "uv_fr4c0ta";
+var donutSkeletonLineList = "uv_fr4c0tb";
+var iconSkeleton = "uv_fr4c0tc";
+var lineSkeleton = "uv_fr4c0td";
+var listSkeletonLi = "uv_fr4c0te";
+var listSkeletonDiv = "uv_fr4c0tf";
+var listSkeletonUl = "uv_fr4c0tg";
+var sliderSkeletonContainer = "uv_fr4c0th";
+var sliderSkeletonCard = "uv_fr4c0ti";
+var sliderSkeletonBanner = "uv_fr4c0tj";
+var squareSkeleton = "uv_fr4c0tk";
+exports.CIRCLE_SIZE = CIRCLE_SIZE;
+exports.blockSkeletonLine = blockSkeletonLine;
+exports.blockSkeletonList = blockSkeletonList;
+exports.blocksContainer = blocksContainer;
+exports.blocksSkeleton = blocksSkeleton;
+exports.boxWithIconSkeleton = boxWithIconSkeleton;
+exports.columns = columns;
+exports.donutSkeletonCircle = donutSkeletonCircle;
+exports.donutSkeletonContainer = donutSkeletonContainer;
+exports.donutSkeletonLineList = donutSkeletonLineList;
+exports.donutSkeletonSvg = donutSkeletonSvg;
+exports.iconSkeleton = iconSkeleton;
+exports.lineSkeleton = lineSkeleton;
+exports.listSkeletonDiv = listSkeletonDiv;
+exports.listSkeletonLi = listSkeletonLi;
+exports.listSkeletonUl = listSkeletonUl;
+exports.sliderLength = sliderLength;
+exports.sliderSkeletonBanner = sliderSkeletonBanner;
+exports.sliderSkeletonCard = sliderSkeletonCard;
+exports.sliderSkeletonContainer = sliderSkeletonContainer;
+exports.squareSkeleton = squareSkeleton;
+exports.widthLine = widthLine;

package/dist/components/Skeleton/stylesVariants.css.d.ts

@@ -0,0 +1,22 @@
+export declare const columns: `var(--${string})`;
+export declare const widthLine: `var(--${string})`;
+export declare const sliderLength: `var(--${string})`;
+export declare const CIRCLE_SIZE = 12.875;
+export declare const blockSkeletonLine: string;
+export declare const blockSkeletonList: string;
+export declare const blocksContainer: string;
+export declare const blocksSkeleton: string;
+export declare const boxWithIconSkeleton: string;
+export declare const donutSkeletonContainer: string;
+export declare const donutSkeletonSvg: string;
+export declare const donutSkeletonCircle: string;
+export declare const donutSkeletonLineList: string;
+export declare const iconSkeleton: string;
+export declare const lineSkeleton: string;
+export declare const listSkeletonLi: string;
+export declare const listSkeletonDiv: string;
+export declare const listSkeletonUl: string;
+export declare const sliderSkeletonContainer: string;
+export declare const sliderSkeletonCard: string;
+export declare const sliderSkeletonBanner: string;
+export declare const squareSkeleton: string;

package/dist/components/Skeleton/stylesVariants.css.js

@@ -0,0 +1,47 @@
+/* empty css                                  */
+var columns = "var(--uv_fr4c0t0)";
+var widthLine = "var(--uv_fr4c0t1)";
+var sliderLength = "var(--uv_fr4c0t2)";
+var CIRCLE_SIZE = 12.875;
+var blockSkeletonLine = "uv_fr4c0t3";
+var blockSkeletonList = "uv_fr4c0t4";
+var blocksContainer = "uv_fr4c0t5";
+var blocksSkeleton = "uv_fr4c0t6";
+var boxWithIconSkeleton = "uv_fr4c0t7";
+var donutSkeletonContainer = "uv_fr4c0t8";
+var donutSkeletonSvg = "uv_fr4c0t9";
+var donutSkeletonCircle = "uv_fr4c0ta";
+var donutSkeletonLineList = "uv_fr4c0tb";
+var iconSkeleton = "uv_fr4c0tc";
+var lineSkeleton = "uv_fr4c0td";
+var listSkeletonLi = "uv_fr4c0te";
+var listSkeletonDiv = "uv_fr4c0tf";
+var listSkeletonUl = "uv_fr4c0tg";
+var sliderSkeletonContainer = "uv_fr4c0th";
+var sliderSkeletonCard = "uv_fr4c0ti";
+var sliderSkeletonBanner = "uv_fr4c0tj";
+var squareSkeleton = "uv_fr4c0tk";
+export {
+  CIRCLE_SIZE,
+  blockSkeletonLine,
+  blockSkeletonList,
+  blocksContainer,
+  blocksSkeleton,
+  boxWithIconSkeleton,
+  columns,
+  donutSkeletonCircle,
+  donutSkeletonContainer,
+  donutSkeletonLineList,
+  donutSkeletonSvg,
+  iconSkeleton,
+  lineSkeleton,
+  listSkeletonDiv,
+  listSkeletonLi,
+  listSkeletonUl,
+  sliderLength,
+  sliderSkeletonBanner,
+  sliderSkeletonCard,
+  sliderSkeletonContainer,
+  squareSkeleton,
+  widthLine
+};