mediacube-ui-v2 0.0.44 → 0.0.46

package/dist/assets/tokens/json/index.d.ts

@@ -0,0 +1,19 @@
+import animations from './animations.json';
+import borderRadius from './border-radius.json';
+import boxShadows from './box-shadows.json';
+import colors from './colors.json';
+import durations from './durations.json';
+import easings from './easings.json';
+import fontFamilies from './font-families.json';
+import fontSizes from './font-sizes.json';
+import fontWeights from './font-weights.json';
+import gradients from './gradients.json';
+import letterSpacings from './letter-spacings.json';
+import lineHeights from './line-heights.json';
+import mediaQueries from './media-queries.json';
+import opacities from './opacities.json';
+import sizes from './sizes.json';
+import spacings from './spacings.json';
+import zIndexes from './z-indexes.json';
+export { animations, borderRadius, boxShadows, colors, durations, easings, fontFamilies, fontSizes, fontWeights, gradients, letterSpacings, lineHeights, mediaQueries, opacities, sizes, spacings, zIndexes, };
+//# sourceMappingURL=index.d.ts.map

package/dist/assets/tokens/json/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAC3C,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,SAAS,MAAM,mBAAmB,CAAA;AACzC,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,cAAc,MAAM,wBAAwB,CAAA;AACnD,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,CAAA"}

package/dist/assets/tokens/json/index.js

@@ -0,0 +1,18 @@
+import animations from './animations.json';
+import borderRadius from './border-radius.json';
+import boxShadows from './box-shadows.json';
+import colors from './colors.json';
+import durations from './durations.json';
+import easings from './easings.json';
+import fontFamilies from './font-families.json';
+import fontSizes from './font-sizes.json';
+import fontWeights from './font-weights.json';
+import gradients from './gradients.json';
+import letterSpacings from './letter-spacings.json';
+import lineHeights from './line-heights.json';
+import mediaQueries from './media-queries.json';
+import opacities from './opacities.json';
+import sizes from './sizes.json';
+import spacings from './spacings.json';
+import zIndexes from './z-indexes.json';
+export { animations, borderRadius, boxShadows, colors, durations, easings, fontFamilies, fontSizes, fontWeights, gradients, letterSpacings, lineHeights, mediaQueries, opacities, sizes, spacings, zIndexes, };

package/dist/assets/tokens/json/index.ts

@@ -0,0 +1,37 @@
+import animations from './animations.json'
+import borderRadius from './border-radius.json'
+import boxShadows from './box-shadows.json'
+import colors from './colors.json'
+import durations from './durations.json'
+import easings from './easings.json'
+import fontFamilies from './font-families.json'
+import fontSizes from './font-sizes.json'
+import fontWeights from './font-weights.json'
+import gradients from './gradients.json'
+import letterSpacings from './letter-spacings.json'
+import lineHeights from './line-heights.json'
+import mediaQueries from './media-queries.json'
+import opacities from './opacities.json'
+import sizes from './sizes.json'
+import spacings from './spacings.json'
+import zIndexes from './z-indexes.json'
+
+export {
+  animations,
+  borderRadius,
+  boxShadows,
+  colors,
+  durations,
+  easings,
+  fontFamilies,
+  fontSizes,
+  fontWeights,
+  gradients,
+  letterSpacings,
+  lineHeights,
+  mediaQueries,
+  opacities,
+  sizes,
+  spacings,
+  zIndexes,
+}

package/dist/assets/tokens/json/letter-spacings.json

@@ -0,0 +1,4 @@
+{
+  "$letter-spacing-m": "0.4px",
+  "$letter-spacing-l": "1px"
+}

package/dist/assets/tokens/json/line-heights.json

@@ -0,0 +1,18 @@
+{
+  "$line-height-150": "12px",
+  "$line-height-200": "16px",
+  "$line-height-250": "20px",
+  "$line-height-300": "24px",
+  "$line-height-400": "32px",
+  "$line-height-500": "40px",
+  "$line-height-600": "48px",
+  "$token-line-heights": {
+    "150": "12px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "400": "32px",
+    "500": "40px",
+    "600": "48px"
+  }
+}

package/dist/assets/tokens/json/media-queries.json

@@ -0,0 +1,26 @@
+{
+  "$media-query-xs": "\"(min-width: 375px)\"",
+  "$media-query-s": "\"(min-width: 480px)\"",
+  "$media-query-m": "\"(min-width: 768px)\"",
+  "$media-query-l": "\"(min-width: 1024px)\"",
+  "$media-query-xl": "\"(min-width: 1440px)\"",
+  "$media-query-xs-down": "\"(max-width: 374px)\"",
+  "$media-query-s-down": "\"(max-width: 479px)\"",
+  "$media-query-m-down": "\"(max-width: 767px)\"",
+  "$media-query-l-down": "\"(max-width: 1023px)\"",
+  "$media-query-xl-down": "\"(max-width: 1439px)\"",
+  "$media-desktop": "\"(hover: hover) and (pointer: fine)\"",
+  "$media-mobile": "\"(hover: none) and (pointer: coarse)\"",
+  "$token-media-queries": {
+    "xs": "\"(min-width: 375px)\"",
+    "s": "\"(min-width: 480px)\"",
+    "m": "\"(min-width: 768px)\"",
+    "l": "\"(min-width: 1024px)\"",
+    "xl": "\"(min-width: 1440px)\"",
+    "xs-down": "\"(max-width: 374px)\"",
+    "s-down": "\"(max-width: 479px)\"",
+    "m-down": "\"(max-width: 767px)\"",
+    "l-down": "\"(max-width: 1023px)\"",
+    "xl-down": "\"(max-width: 1439px)\""
+  }
+}

package/dist/assets/tokens/json/opacities.json

@@ -0,0 +1,5 @@
+{
+  "$opacity-disabled": "0.6",
+  "$opacity-active": "0.7",
+  "$opacity-hover": "0.8"
+}

package/dist/assets/tokens/json/sizes.json

@@ -0,0 +1,42 @@
+{
+  "$size-50": "4px",
+  "$size-100": "8px",
+  "$size-150": "12px",
+  "$size-200": "16px",
+  "$size-250": "20px",
+  "$size-300": "24px",
+  "$size-400": "32px",
+  "$size-500": "40px",
+  "$size-550": "44px",
+  "$size-600": "48px",
+  "$size-700": "56px",
+  "$size-800": "64px",
+  "$size-900": "72px",
+  "$size-1000": "80px",
+  "$token-avatar-sizes": {
+    "300": "24px",
+    "400": "32px",
+    "500": "40px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "900": "72px",
+    "1000": "80px"
+  },
+  "$token-icon-sizes": {
+    "50": "4px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "400": "32px",
+    "500": "40px",
+    "550": "44px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "900": "72px",
+    "1000": "80px"
+  }
+}

package/dist/assets/tokens/json/spacings.json

@@ -0,0 +1,34 @@
+{
+  "$space-zero": "0",
+  "$space-50": "4px",
+  "$space-100": "8px",
+  "$space-150": "12px",
+  "$space-200": "16px",
+  "$space-250": "20px",
+  "$space-300": "24px",
+  "$space-350": "28px",
+  "$space-400": "32px",
+  "$space-450": "36px",
+  "$space-500": "40px",
+  "$space-600": "48px",
+  "$space-700": "56px",
+  "$space-800": "64px",
+  "$space-900": "72px",
+  "$space-1000": "80px",
+  "$token-spaces": {
+    "50": "4px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "400": "32px",
+    "450": "36px",
+    "500": "40px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "900": "72px",
+    "1000": "80px"
+  }
+}

package/dist/assets/tokens/json/z-indexes.json

@@ -0,0 +1,12 @@
+{
+  "$z-index-sticky-tabs": "49",
+  "$z-index-dropdown": "100",
+  "$z-index-sticky": "100",
+  "$z-index-overlay-page": "7000",
+  "$z-index-modal": "8000",
+  "$z-index-top-line": "8000",
+  "$z-index-header": "10000",
+  "$z-index-notification": "10001",
+  "$z-index-overlay": "10002",
+  "$z-index-toasted": "10003"
+}

package/dist/assets/tokens/letter-spacings.scss

@@ -0,0 +1,6 @@
+/**
+  * @tokens Letter Spacing
+  * @presenter Spacing
+  */
+$letter-spacing-m: 0.4px;
+$letter-spacing-l: 1px;

package/dist/assets/tokens/line-heights.scss

@@ -0,0 +1,22 @@
+/**
+ * @tokens Line Heights
+ * @presenter LineHeight
+ */
+
+$line-height-150: 12px; /* Additional token */
+$line-height-200: 16px;
+$line-height-250: 20px; /* Additional token */
+$line-height-300: 24px;
+$line-height-400: 32px;
+$line-height-500: 40px;
+$line-height-600: 48px;
+
+$token-line-heights: (
+  150: $line-height-150,
+  200: $line-height-200,
+  250: $line-height-250,
+  300: $line-height-300,
+  400: $line-height-400,
+  500: $line-height-500,
+  600: $line-height-600,
+);

package/dist/assets/tokens/media-queries.scss

@@ -0,0 +1,32 @@
+/**
+ * @tokens Media Queries
+ * @presenter Spacing
+ */
+
+$media-query-xs: "(min-width: 375px)";
+$media-query-s: "(min-width: 480px)";
+$media-query-m: "(min-width: 768px)";
+$media-query-l: "(min-width: 1024px)";
+$media-query-xl: "(min-width: 1440px)";
+
+$media-query-xs-down: "(max-width: 374px)";
+$media-query-s-down: "(max-width: 479px)";
+$media-query-m-down: "(max-width: 767px)";
+$media-query-l-down: "(max-width: 1023px)";
+$media-query-xl-down: "(max-width: 1439px)";
+
+$media-desktop: "(hover: hover) and (pointer: fine)";
+$media-mobile: "(hover: none) and (pointer: coarse)";
+
+$token-media-queries: (
+  "xs": $media-query-xs,
+  "s": $media-query-s,
+  "m": $media-query-m,
+  "l": $media-query-l,
+  "xl": $media-query-xl,
+  "xs-down": $media-query-xs-down,
+  "s-down": $media-query-s-down,
+  "m-down": $media-query-m-down,
+  "l-down": $media-query-l-down,
+  "xl-down": $media-query-xl-down,
+);

package/dist/assets/tokens/opacities.scss

@@ -0,0 +1,8 @@
+/**
+  * @tokens Opacities
+  * @presenter Opacity
+  */
+$opacity-disabled: 0.6;
+$opacity-active: 0.7;
+$opacity-hover: 0.8;
+

package/dist/assets/tokens/sizes.scss

@@ -0,0 +1,47 @@
+/**
+* @tokens Sizes
+* @presenter Spacing
+*/
+
+$size-50: 4px; /* Additional token */
+$size-100: 8px;
+$size-150: 12px; /* Additional token */
+$size-200: 16px;
+$size-250: 20px; /* Additional token */
+$size-300: 24px;
+$size-400: 32px;
+$size-500: 40px;
+$size-550: 44px; /* Additional token */
+$size-600: 48px;
+$size-700: 56px;
+$size-800: 64px;
+$size-900: 72px;
+$size-1000: 80px;
+
+$token-avatar-sizes: (
+  300: $size-300,
+  400: $size-400,
+  500: $size-500,
+  600: $size-600,
+  700: $size-700,
+  800: $size-800,
+  900: $size-900,
+  1000: $size-1000,
+);
+
+$token-icon-sizes: (
+  50: $size-50,
+  100: $size-100,
+  150: $size-150,
+  200: $size-200,
+  250: $size-250,
+  300: $size-300,
+  400: $size-400,
+  500: $size-500,
+  550: $size-550,
+  600: $size-600,
+  700: $size-700,
+  800: $size-800,
+  900: $size-900,
+  1000: $size-1000,
+);

package/dist/assets/tokens/spacings.scss

@@ -0,0 +1,38 @@
+/**
+ * @tokens Spacings
+ * @presenter Spacing
+ */
+
+$space-zero: 0;
+$space-50: 4px; /* Additional token */
+$space-100: 8px;
+$space-150: 12px; /* Additional token */
+$space-200: 16px;
+$space-250: 20px; /* Additional token */
+$space-300: 24px;
+$space-350: 28px; /* Additional token */
+$space-400: 32px;
+$space-450: 36px; /* Additional token */
+$space-500: 40px;
+$space-600: 48px;
+$space-700: 56px;
+$space-800: 64px;
+$space-900: 72px;
+$space-1000: 80px;
+
+$token-spaces: (
+  50: $space-50, /* Additional token */
+  100: $space-100,
+  150: $space-150, /* Additional token */
+  200: $space-200,
+  250: $space-250, /* Additional token */
+  300: $space-300,
+  400: $space-400,
+  450: $space-450, /* Additional token */
+  500: $space-500,
+  600: $space-600,
+  700: $space-700,
+  800: $space-800,
+  900: $space-900,
+  1000: $space-1000,
+);

package/dist/assets/tokens/z-indexes.scss

@@ -0,0 +1,14 @@
+/**
+ * @tokens Z-Index
+ */
+
+$z-index-sticky-tabs: 49;
+$z-index-dropdown: 100;
+$z-index-sticky: 100;
+$z-index-overlay-page: 7000;
+$z-index-modal: 8000;
+$z-index-top-line: 8000;
+$z-index-header: 10000;
+$z-index-notification: 10001;
+$z-index-overlay: 10002;
+$z-index-toasted: 10003;

package/dist/assets/variables.scss

@@ -0,0 +1,18 @@
+@use "tokens/animations.scss" as *;
+@use "tokens/border-radius.scss" as *;
+@use "tokens/box-shadows.scss" as *;
+@use "tokens/colors.scss" as *;
+@use "tokens/durations.scss" as *;
+@use "tokens/easings.scss" as *;
+@use "tokens/font-families.scss" as *;
+@use "tokens/font-sizes.scss" as *;
+@use "tokens/font-weights.scss" as *;
+@use "tokens/gradients.scss" as *;
+@use "tokens/letter-spacings.scss" as *;
+@use "tokens/line-heights.scss" as *;
+@use "tokens/media-queries.scss" as *;
+@use "tokens/opacities.scss" as *;
+@use "tokens/sizes.scss" as *;
+@use "tokens/spacings.scss" as *;
+@use "tokens/z-indexes.scss" as *;
+@use "styles/main" as *;

package/dist/mediacube-ui-v2.js

@@ -23173,7 +23173,7 @@ const Og = {
         const { scrollLeft: P, scrollWidth: A, clientWidth: K } = i.value, N = s.fixedFirstColumn && P > 0, le = s.fixedLastColumn && P + K < A;
         m.firstColHasShadow !== N && (m.firstColHasShadow = N), m.lastColHasShadow !== le && (m.lastColHasShadow = le);
       }
-    }, 10), I = () => {
+    }, 5), I = () => {
       p.value && i.value && (S(), i.value.addEventListener("scroll", S));
     }, w = () => {
       p.value && i.value && i.value.removeEventListener("scroll", S);