@daisforge/ui 1.15.0 → 1.17.0

package/mixins/index.mjs

@@ -1,11 +1,11 @@
-import { g as G, b as S } from "../chunks/utils-D4eJY8pa.mjs";
-import { css as l, keyframes as C } from "styled-components";
+import { g as C, b as G } from "../chunks/utils-YKicAHp0.mjs";
+import { css as l, keyframes as S } from "styled-components";
 import { borderRadiusXxs as y, surfaceSolidTertiaryHover as R, onDarkSurfaceSolidTertiaryHover as A, surfaceSolidTertiary as O, onDarkSurfaceSolidTertiary as E } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import { addFocus as Z, mediaQuery as rr } from "@salutejs/sdds-finai";
-const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)", D = "linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)", p = "linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)", u = "linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)", x = "scroll-gradient", f = `--${x}-timeline`, L = `${x}-animation`, g = 100, h = 60, U = "--block-gradient-top", m = "--block-gradient-left", k = "--block-gradient-right", B = "--block-gradient-bottom", N = {
+const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)", D = "linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)", g = "linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)", p = "linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)", x = "scroll-gradient", f = `--${x}-timeline`, L = `${x}-animation`, u = 100, h = 60, U = "--block-gradient-top", m = "--block-gradient-left", k = "--block-gradient-right", B = "--block-gradient-bottom", N = {
   light: {
-    white: p,
-    gray: u
+    white: g,
+    gray: p
   },
   dark: {
     white: I,
@@ -13,12 +13,12 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   },
   // TODO: (THEME) уточнить у дизайнера значения, пока используем значения light
   highContrastLight: {
-    white: p,
-    gray: u
+    white: g,
+    gray: p
   }
 }, H = (r) => {
-  const o = G();
-  return N[o][r];
+  const o = C();
+  return N[o === "betaCoreLight" ? "light" : o][r];
 }, v = (r) => {
   if (r === void 0)
     return {
@@ -37,31 +37,31 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   const {
     top: o,
     left: t,
-    right: e,
-    bottom: a,
+    right: a,
+    bottom: e,
     inline: n
   } = r;
   return {
     top: o ?? 0,
     left: t ?? n ?? 0,
-    right: e ?? n ?? 0,
-    bottom: a ?? 0
+    right: a ?? n ?? 0,
+    bottom: e ?? 0
   };
 }, K = (r) => {
   const {
     left: o,
     right: t,
-    bottom: e,
-    top: a
+    bottom: a,
+    top: e
   } = v(r);
-  return l(["scroll-timeline:", " block;padding-top:", "px;padding-right:", "px;padding-bottom:", "px;padding-left:", "px;"], f, a, t, e, o);
+  return l(["scroll-timeline:", " block;padding-top:", "px;padding-right:", "px;padding-bottom:", "px;padding-left:", "px;"], f, e, t, a, o);
 }, M = (r, o) => {
   const {
     left: t,
-    right: e,
-    bottom: a
+    right: a,
+    bottom: e
   } = v(r), n = H(o);
-  return l(["content:'';display:block;position:sticky;bottom:0;height:", "px;pointer-events:none;background:", ";margin-top:-", "px;opacity:0;animation:", " linear both;animation-timeline:", ";margin-left:calc(0px - var(", ",", "px));margin-right:calc(0px - var(", ",", "px));transform:translateY(var(", ",", "px));width:calc( 100% + var(", ",", "px) + var(", ",", "px) );will-change:transform;", ""], g, () => n, g, L, f, m, t, k, e, B, a, m, t, k, e, S.exact(0, 1279)(`
+  return l(["content:'';display:block;position:sticky;bottom:0;height:", "px;pointer-events:none;background:", ";margin-top:-", "px;opacity:0;animation:", " linear both;animation-timeline:", ";margin-left:calc(0px - var(", ",", "px));margin-right:calc(0px - var(", ",", "px));transform:translateY(var(", ",", "px));width:calc( 100% + var(", ",", "px) + var(", ",", "px) );will-change:transform;", ""], u, () => n, u, L, f, m, t, k, a, B, e, m, t, k, a, G.exact(0, 1279)(`
       height: ${h}px;
       margin-top: -${h}px;
     `));
@@ -81,26 +81,26 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   thumbColor: r,
   thumbColorHover: o,
   trackColor: t,
-  trackColorHover: e,
-  theme: a = s.theme
+  trackColorHover: a,
+  theme: e = s.theme
 }) => {
-  const n = r ?? (a === "light" ? O : E), i = t ?? "transparent";
+  const n = r ?? (e === "light" ? O : E), i = t ?? "transparent";
   return {
     thumb: n,
-    thumbHover: o ?? (a === "light" ? R : A),
+    thumbHover: o ?? (e === "light" ? R : A),
     track: i,
-    trackHover: e ?? i
+    trackHover: a ?? i
   };
 }, T = ({
   width: r = s.width,
   height: o = s.height,
   borderRadius: t = s.borderRadius,
-  isThin: e = s.isThin,
-  thumb: a,
+  isThin: a = s.isThin,
+  thumb: e,
   thumbHover: n,
   track: i,
   trackHover: c
-}) => l(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:", ";scrollbar-color:", " ", ";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:", ";height:", ";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:", ";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:", ";background-clip:padding-box;}"], e ? "thin" : "auto", a, i, r, o, () => i, t, () => c, t, () => a, () => n), Y = () => {
+}) => l(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:", ";scrollbar-color:", " ", ";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:", ";height:", ";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:", ";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:", ";background-clip:padding-box;}"], a ? "thin" : "auto", e, i, r, o, () => i, t, () => c, t, () => e, () => n), Y = () => {
   const r = w({});
   return T({
     ...r
@@ -109,15 +109,15 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   width: r,
   height: o,
   borderRadius: t,
-  isThin: e,
-  thumbColor: a,
+  isThin: a,
+  thumbColor: e,
   thumbColorHover: n,
   trackColor: i,
   trackColorHover: c,
   theme: b
 } = {}) => {
   const d = w({
-    thumbColor: a,
+    thumbColor: e,
     thumbColorHover: n,
     trackColor: i,
     trackColorHover: c,
@@ -127,10 +127,10 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
     width: r,
     height: o,
     borderRadius: t,
-    isThin: e,
+    isThin: a,
     ...d
   });
-}, $ = C(["0%,100%{box-shadow:0 0 0 2px var(--tour-pulse-border-color),0 0 0 6px var(--tour-pulse-shadow-color);}50%{box-shadow:0 0 0 3px var(--tour-pulse-border-color-fade),0 0 0 12px var(--tour-pulse-shadow-color-fade);}"]), V = ({
+}, $ = S(["0%,100%{box-shadow:0 0 0 2px var(--tour-pulse-border-color),0 0 0 6px var(--tour-pulse-shadow-color);}50%{box-shadow:0 0 0 3px var(--tour-pulse-border-color-fade),0 0 0 12px var(--tour-pulse-shadow-color-fade);}"]), V = ({
   duration: r,
   timingFunction: o,
   iterationCount: t
@@ -138,8 +138,8 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   backgroundColor: r = "transparent",
   borderColor: o = "var(--on-light-outline-accent-minor, rgb(82, 186, 255))",
   borderColorFade: t = "rgba(82, 186, 255, 0.42)",
-  shadowColor: e = "rgba(82, 186, 255, 0.24)",
-  shadowColorFade: a = "rgba(82, 186, 255, 0)",
+  shadowColor: a = "rgba(82, 186, 255, 0.24)",
+  shadowColorFade: e = "rgba(82, 186, 255, 0)",
   inset: n = "-4px",
   borderRadius: i = "16px",
   duration: c = "1.4s",
@@ -149,8 +149,8 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
 } = {}) => l(["", " ", ""], l({
   "--tour-pulse-border-color": o,
   "--tour-pulse-border-color-fade": t,
-  "--tour-pulse-shadow-color": e,
-  "--tour-pulse-shadow-color-fade": a,
+  "--tour-pulse-shadow-color": a,
+  "--tour-pulse-shadow-color-fade": e,
   inset: n,
   borderRadius: i,
   background: r,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daisforge/ui",
-  "version": "1.15.0",
+  "version": "1.17.0",
   "main": "./index.cjs",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -32,10 +32,10 @@
   },
   "dependencies": {
     "@glideappsfinal/glide-data-grid": "^6.1.8",
-    "@salutejs/plasma-icons": "^1.244.0",
-    "@salutejs/plasma-typo": "^0.48.0",
-    "@salutejs/sdds-finai": "^0.351.0",
-    "@salutejs/sdds-themes": "^0.73.0",
+    "@salutejs/plasma-icons": "^1.248.0",
+    "@salutejs/plasma-typo": "^0.52.0",
+    "@salutejs/sdds-finai": "^0.356.0",
+    "@salutejs/sdds-themes": "^0.78.0",
     "canvas-hypertxt": "^1.0.3",
     "lodash.clonedeep": "^4.5.0",
     "lodash.isequal": "^4.5.0",

package/styles/DefaultGlobalStyle.d.ts

@@ -9,6 +9,8 @@ declare const sddsThemeMap: {
     readonly dark: TemplateStringsArray;
     readonly highContrastLight: TemplateStringsArray;
     readonly highContrastDark: TemplateStringsArray;
+    readonly betaCoreLight: TemplateStringsArray;
+    readonly betaCoreDark: TemplateStringsArray;
 };
 export type GlobalStyleTheme = keyof typeof sddsThemeMap;
 export declare const GlobalStyle: ({ theme, }: {

package/styles/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/styles-DwCVRGsC.cjs");exports.DarkGlobalStyle=e.DarkGlobalStyle;exports.GlobalPopoverStyles=e.GlobalPopoverStyles;exports.GlobalStyle=e.GlobalStyle;exports.StyledTestRootIsolatedThemeProviderLayout=e.StyledTestRootIsolatedThemeProviderLayout;exports.TOOLTIP_FULL_WIDTH_CLASS=e.TOOLTIP_FULL_WIDTH_CLASS;exports.TestGlobalIsolatedStyleWithReplace=e.TestGlobalIsolatedStyleWithReplace;exports.TestRootIsolatedThemeProviderLayout=e.TestRootIsolatedThemeProviderLayout;exports.scopeTheme=e.scopeTheme;exports.styledTestRootIsolatedThemeProviderLayoutMixin=e.styledTestRootIsolatedThemeProviderLayoutMixin;exports.testGlobalPopoverStylesMixin=e.testGlobalPopoverStylesMixin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/styles-C-pJNMSQ.cjs");exports.DarkGlobalStyle=e.DarkGlobalStyle;exports.GlobalPopoverStyles=e.GlobalPopoverStyles;exports.GlobalStyle=e.GlobalStyle;exports.StyledTestRootIsolatedThemeProviderLayout=e.StyledTestRootIsolatedThemeProviderLayout;exports.TOOLTIP_FULL_WIDTH_CLASS=e.TOOLTIP_FULL_WIDTH_CLASS;exports.TestGlobalIsolatedStyleWithReplace=e.TestGlobalIsolatedStyleWithReplace;exports.TestRootIsolatedThemeProviderLayout=e.TestRootIsolatedThemeProviderLayout;exports.scopeTheme=e.scopeTheme;exports.styledTestRootIsolatedThemeProviderLayoutMixin=e.styledTestRootIsolatedThemeProviderLayoutMixin;exports.testGlobalPopoverStylesMixin=e.testGlobalPopoverStylesMixin;

package/styles/index.mjs

@@ -1,4 +1,4 @@
-import { D as t, G as a, a as s, S as l, T, b as r, d, s as y, e as S, t as i } from "../chunks/styles-BMXAIiBk.mjs";
+import { D as t, G as a, a as s, S as l, T, b as r, d, s as y, e as S, t as i } from "../chunks/styles-BBVEBDDw.mjs";
 export {
   t as DarkGlobalStyle,
   a as GlobalPopoverStyles,

package/themes/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@salutejs/plasma-typo"),t=require("@salutejs/sdds-themes"),_=require("../chunks/vendor-C47eH0xy.cjs"),i=require("../chunks/EXTERNAL_PACKAGE_MODULE_sdds_finai_high_contrast__light_theme-B8FhA_zv.cjs");Object.defineProperty(exports,"compatible_typo_theme",{enumerable:!0,get:()=>e.compatible});Object.defineProperty(exports,"standard_typo_theme",{enumerable:!0,get:()=>e.standard});Object.defineProperty(exports,"sdds_finai__dark",{enumerable:!0,get:()=>t.sdds_finai__dark});Object.defineProperty(exports,"sdds_finai__light",{enumerable:!0,get:()=>t.sdds_finai__light});exports.sdds_finai_high_contrast__dark=_.sdds_finai_high_contrast__dark_2;exports.sdds_finai_high_contrast__light=i.sdds_finai_high_contrast__light_2;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@salutejs/plasma-typo"),t=require("@salutejs/sdds-themes"),e=require("../chunks/vendor-BzEO8Fvp.cjs"),i=require("../chunks/EXTERNAL_PACKAGE_MODULE_sdds_finai_high_contrast__light_theme-B8FhA_zv.cjs");Object.defineProperty(exports,"compatible_typo_theme",{enumerable:!0,get:()=>_.compatible});Object.defineProperty(exports,"standard_typo_theme",{enumerable:!0,get:()=>_.standard});Object.defineProperty(exports,"sdds_finai__dark",{enumerable:!0,get:()=>t.sdds_finai__dark});Object.defineProperty(exports,"sdds_finai__light",{enumerable:!0,get:()=>t.sdds_finai__light});exports.sdds_finai_beta_core__dark=e.sdds_finai_beta_core__dark_2;exports.sdds_finai_beta_core__light=e.sdds_finai_beta_core__light_2;exports.sdds_finai_high_contrast__dark=e.sdds_finai_high_contrast__dark_2;exports.sdds_finai_high_contrast__light=i.sdds_finai_high_contrast__light_2;

package/themes/index.d.ts

@@ -7,3 +7,5 @@ export { compatible as compatible_typo_theme, standard as standard_typo_theme, }
 export { sdds_finai__dark, sdds_finai__light } from '@salutejs/sdds-themes';
 export { sdds_finai_high_contrast__dark } from '@salutejs-ds/sdds_finai_high_contrast/theme/themes/sdds_finai_high_contrast__dark';
 export { sdds_finai_high_contrast__light } from '@salutejs-ds/sdds_finai_high_contrast/theme/themes/sdds_finai_high_contrast__light';
+export { sdds_finai_beta_core__dark } from '@salutejs-ds/sdds_finai_beta_core/theme/themes/sdds_finai_beta_core__dark';
+export { sdds_finai_beta_core__light } from '@salutejs-ds/sdds_finai_beta_core/theme/themes/sdds_finai_beta_core__light';

package/themes/index.mjs

@@ -1,12 +1,14 @@
 import { compatible as s, standard as t } from "@salutejs/plasma-typo";
-import { sdds_finai__dark as i, sdds_finai__light as o } from "@salutejs/sdds-themes";
-import { s as e } from "../chunks/vendor-BauZZ2hr.mjs";
-import { s as h } from "../chunks/EXTERNAL_PACKAGE_MODULE_sdds_finai_high_contrast__light_theme-w2nh9o1i.mjs";
+import { sdds_finai__dark as i, sdds_finai__light as r } from "@salutejs/sdds-themes";
+import { s as e, a as f, b as n } from "../chunks/vendor-DBRfVjyT.mjs";
+import { s as m } from "../chunks/EXTERNAL_PACKAGE_MODULE_sdds_finai_high_contrast__light_theme-w2nh9o1i.mjs";
 export {
   s as compatible_typo_theme,
   i as sdds_finai__dark,
-  o as sdds_finai__light,
-  e as sdds_finai_high_contrast__dark,
-  h as sdds_finai_high_contrast__light,
+  r as sdds_finai__light,
+  e as sdds_finai_beta_core__dark,
+  f as sdds_finai_beta_core__light,
+  n as sdds_finai_high_contrast__dark,
+  m as sdds_finai_high_contrast__light,
   t as standard_typo_theme
 };