@cube-dev/ui-kit 0.190.5 → 0.190.6

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Placeholder/Placeholder.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react-compiler-runtime";
@@ -65,37 +65,39 @@ const Placeholder = forwardRef(function Placeholder(allProps, ref) {
 		$[1] = t2;
 	} else t2 = $[1];
 	const t3 = filterBaseProps(props, { eventProps: true });
-	const t4 = !isStatic;
-	let t5;
-	if ($[2] !== circle || $[3] !== t4) {
-		t5 = {
-			animated: t4,
+	const t4 = "";
+	const t5 = !isStatic;
+	let t6;
+	if ($[2] !== circle || $[3] !== t5) {
+		t6 = {
+			animated: t5,
 			circle
 		};
 		$[2] = circle;
-		$[3] = t4;
-		$[4] = t5;
-	} else t5 = $[4];
-	const t6 = mergeStyleLayers({ height: size }, styles);
-	let t7;
-	if ($[5] !== T0 || $[6] !== ref || $[7] !== t2 || $[8] !== t3 || $[9] !== t5 || $[10] !== t6) {
-		t7 = /* @__PURE__ */ jsx(T0, {
+		$[3] = t5;
+		$[4] = t6;
+	} else t6 = $[4];
+	const t7 = mergeStyleLayers({ height: size }, styles);
+	let t8;
+	if ($[5] !== T0 || $[6] !== ref || $[7] !== t2 || $[8] !== t3 || $[9] !== t6 || $[10] !== t7) {
+		t8 = /* @__PURE__ */ jsx(T0, {
 			role: t1,
 			"aria-label": t2,
 			...t3,
+			"data-loading-placeholder": t4,
 			ref,
-			mods: t5,
-			styles: t6
+			mods: t6,
+			styles: t7
 		});
 		$[5] = T0;
 		$[6] = ref;
 		$[7] = t2;
 		$[8] = t3;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-	} else t7 = $[11];
-	return t7;
+		$[9] = t6;
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
+	return t8;
 });
 
 //#endregion

package/dist/components/content/Placeholder/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","keyframes","Styles","tasty","forwardRef","useI18n","extractStyles","mergeStyleLayers","placeholderAnimation","StyledPlaceholder","role","styles","display","height","opacity","aspectRatio","circle","radius","backgroundRepeat","backgroundSize","fill","animation","animated","image","CubePlaceholderProps","size","isStatic","Placeholder","allProps","ref","$","_c","t0","props","undefined","t","T0","t1","t2","t3","eventProps","t4","t5","t6","t7"],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\n\n// Create the placeholder animation using keyframes helper\nconst placeholderAnimation = keyframes({\n  '0%': {\n    'background-position': '0 0',\n  },\n  '100%': {\n    'background-position': '$placeholder-animation-size 0',\n  },\n});\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  styles: {\n    display: 'block',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    fill: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    image: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  const { t } = useI18n();\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      aria-label={t('placeholder.contentIsLoading', 'Content is loading')}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={mergeStyleLayers({ height: size }, styles)}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAeA,MAAMW,uBAAuBP,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACzB;CACD,CAAC;AAEF,MAAMQ,oBAAoBN,MAAM;CAC9BO,MAAM;CACN,aAAa;CACbC,QAAQ;EACNC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,aAAa;GACX,IAAI;GACJC,QAAQ;GACT;EACDC,QAAQ;GACN,IAAI;GACJD,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/BE,kBAAkB;EAClBC,gBAAgB;EAChBC,MAAM;EAGNC,WAAW;GACT,IAAI;GACJC,UAAU,GAAGd,qBAAoB;GAClC;EACDe,OAAO;GACL,IAAI;GACJD,UAAU;;;;;;;;;;GAUZ;EACF;CACD,CAAC;AAQF,MAAaK,cAAcvB,WAAW,SAAAuB,YAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIpC,MAAA,EAAAN,MAAAO,IAAAN,UAAAV,QAAA,GAAAiB,UAAkDL;CAA5C,MAAAH,OAAAO,OAAAE,SAAA,OAAAF;CAEN,MAAA,EAAAG,MAAc9B,SAAS;CAEvB,MAAAM,SAAaL,cAAc2B,OAAOnC,iBAAiB;CAGhD,MAAAsC,KAAA3B;CACM,MAAA4B,KAAA;CAAQ,IAAAC;AAAA,KAAAR,EAAA,OAAAK,GAAA;AACDG,OAAAH,EAAE,gCAAgC,qBAAqB;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAC/D,MAAAS,KAAAvC,gBAAgBiC,OAAO,EAAAO,YAAc,MAAM,CAAC;CAE9B,MAAAC,KAAA,CAACf;CAAQ,IAAAgB;AAAA,KAAAZ,EAAA,OAAAd,UAAAc,EAAA,OAAAW,IAAA;AAArBC,OAAA;GAAApB,UAAYmB;GAASzB;GAAU;AAAAc,IAAA,KAAAd;AAAAc,IAAA,KAAAW;AAAAX,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAC7B,MAAAa,KAAApC,iBAAiB,EAAAM,QAAUY,MAAM,EAAEd,OAAO;CAAA,IAAAiC;AAAA,KAAAd,EAAA,OAAAM,MAAAN,EAAA,OAAAD,OAAAC,EAAA,OAAAQ,MAAAR,EAAA,OAAAS,MAAAT,EAAA,OAAAY,MAAAZ,EAAA,QAAAa,IAAA;AANpDC,OAAA,oBAAC;GACM,MAAAP;GACO,cAAAC;GAAuD,GAC/DC;GACCV;GACC,MAAAa;GACE,QAAAC;IACR;AAAAb,IAAA,KAAAM;AAAAN,IAAA,KAAAD;AAAAC,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;AAAAT,IAAA,KAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAPFc;EASF"}
+{"version":3,"file":"Placeholder.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","keyframes","Styles","tasty","forwardRef","useI18n","extractStyles","mergeStyleLayers","placeholderAnimation","StyledPlaceholder","role","styles","display","height","opacity","aspectRatio","circle","radius","backgroundRepeat","backgroundSize","fill","animation","animated","image","CubePlaceholderProps","size","isStatic","Placeholder","allProps","ref","$","_c","t0","props","undefined","t","T0","t1","t2","t3","eventProps","t4","t5","t6","t7","t8"],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\n\n// Create the placeholder animation using keyframes helper\nconst placeholderAnimation = keyframes({\n  '0%': {\n    'background-position': '0 0',\n  },\n  '100%': {\n    'background-position': '$placeholder-animation-size 0',\n  },\n});\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  styles: {\n    display: 'block',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    fill: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    image: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  const { t } = useI18n();\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      aria-label={t('placeholder.contentIsLoading', 'Content is loading')}\n      {...filterBaseProps(props, { eventProps: true })}\n      // The documented way to detect a loading placeholder. Fixed, so a\n      // caller's `qa` or a translated `aria-label` doesn't change it.\n      data-loading-placeholder=\"\"\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={mergeStyleLayers({ height: size }, styles)}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAeA,MAAMW,uBAAuBP,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACzB;CACD,CAAC;AAEF,MAAMQ,oBAAoBN,MAAM;CAC9BO,MAAM;CACN,aAAa;CACbC,QAAQ;EACNC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,aAAa;GACX,IAAI;GACJC,QAAQ;GACT;EACDC,QAAQ;GACN,IAAI;GACJD,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/BE,kBAAkB;EAClBC,gBAAgB;EAChBC,MAAM;EAGNC,WAAW;GACT,IAAI;GACJC,UAAU,GAAGd,qBAAoB;GAClC;EACDe,OAAO;GACL,IAAI;GACJD,UAAU;;;;;;;;;;GAUZ;EACF;CACD,CAAC;AAQF,MAAaK,cAAcvB,WAAW,SAAAuB,YAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIpC,MAAA,EAAAN,MAAAO,IAAAN,UAAAV,QAAA,GAAAiB,UAAkDL;CAA5C,MAAAH,OAAAO,OAAAE,SAAA,OAAAF;CAEN,MAAA,EAAAG,MAAc9B,SAAS;CAEvB,MAAAM,SAAaL,cAAc2B,OAAOnC,iBAAiB;CAGhD,MAAAsC,KAAA3B;CACM,MAAA4B,KAAA;CAAQ,IAAAC;AAAA,KAAAR,EAAA,OAAAK,GAAA;AACDG,OAAAH,EAAE,gCAAgC,qBAAqB;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAC/D,MAAAS,KAAAvC,gBAAgBiC,OAAO,EAAAO,YAAc,MAAM,CAAC;CAGvB,MAAAC,KAAA;CAEP,MAAAC,KAAA,CAAChB;CAAQ,IAAAiB;AAAA,KAAAb,EAAA,OAAAd,UAAAc,EAAA,OAAAY,IAAA;AAArBC,OAAA;GAAArB,UAAYoB;GAAS1B;GAAU;AAAAc,IAAA,KAAAd;AAAAc,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAC7B,MAAAc,KAAArC,iBAAiB,EAAAM,QAAUY,MAAM,EAAEd,OAAO;CAAA,IAAAkC;AAAA,KAAAf,EAAA,OAAAM,MAAAN,EAAA,OAAAD,OAAAC,EAAA,OAAAQ,MAAAR,EAAA,OAAAS,MAAAT,EAAA,OAAAa,MAAAb,EAAA,QAAAc,IAAA;AATpDC,OAAA,oBAAC;GACM,MAAAR;GACO,cAAAC;GAAuD,GAC/DC;GAGqB,4BAAAE;GACpBZ;GACC,MAAAc;GACE,QAAAC;IACR;AAAAd,IAAA,KAAAM;AAAAN,IAAA,KAAAD;AAAAC,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;AAAAT,IAAA,KAAAa;AAAAb,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAAA,QAVFe;EAYF"}

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { _Item } from "../Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";