skillgrid 0.0.89 → 0.0.91

package/dist/index.d.ts

@@ -29,3 +29,4 @@ export * from './components/Progress';
 export * from './components/Switch';
 export * from './components/FileUpload';
 export * from './components/Popover';
+export * from './utils/generate-brand-primary-palette';

package/dist/index.es.js

@@ -1,95 +1,97 @@
 import { Avatar as e } from "./components/Avatar/index.js";
 import { Radio as p } from "./components/Radio/index.js";
-import { default as x } from "./locale/en_US.js";
-import { default as a } from "./locale/ru_RU.js";
-import { Button as s } from "./components/Button/Button.js";
-import { Modal as i } from "./components/Modal/Modal.js";
-import { Alert as l } from "./components/Alert/Alert.js";
-import { Placeholder as u } from "./components/Placeholder/Placeholder.js";
-import { Badge as v } from "./components/Badge/Badge.js";
-import { Image as P } from "./components/Image/Image.js";
-import { Loader as S } from "./components/Loader/Loader.js";
-import { ConfigProvider as L } from "./components/ConfigProvider/ConfigProvider.js";
-import { useConfig as y, useLocale as A } from "./components/ConfigProvider/ConfigProvider.hook.js";
-import { Icon as k } from "./components/Icon/IconWithCategories.js";
-import { CountryIcons as w } from "./components/Icon/categories/country.js";
-import { EditorIcons as R } from "./components/Icon/categories/editor.js";
-import { LayoutIcons as F } from "./components/Icon/categories/layout.js";
-import { UsersIcons as H } from "./components/Icon/categories/users.js";
-import { GeneralIcons as j } from "./components/Icon/categories/general.js";
-import { ArrowsIcons as z } from "./components/Icon/categories/arrows.js";
-import { ChartsIcons as K } from "./components/Icon/categories/charts.js";
-import { PrivateIcons as O } from "./components/Icon/categories/private.js";
-import { DevelopmentIcons as V } from "./components/Icon/categories/development.js";
-import { ProductIcons as X } from "./components/Icon/categories/product.js";
-import { ServiceIcons as Z } from "./components/Icon/categories/service.js";
-import { extendLocale as $ } from "./locale/extendLocale.js";
-import { Tag as ro } from "./components/Tag/Tag.js";
-import { Checkbox as to } from "./components/Checkbox/Checkbox.js";
-import { Typography as fo } from "./components/Typography/Typography.js";
-import { TextInput as mo } from "./components/TextInput/TextInput.js";
-import { TextArea as no } from "./components/TextArea/TextArea.js";
-import { Helper as co } from "./components/Helper/Helper.js";
-import { List as lo } from "./components/List/List.js";
-import { Tabs as uo } from "./components/Tabs/Tabs.js";
-import { Tooltip as vo } from "./components/Tooltip/Tooltip.js";
-import { SegmentedControl as Po } from "./components/SegmentedControl/SegmentedControl.js";
-import { Trigger as So } from "./components/Trigger/Trigger.js";
-import { useSnackbar as Lo } from "./components/Snackbar/lib/useSnackbar.js";
-import { SnackbarProvider as yo } from "./components/Snackbar/Provider/SnackbarProvider.js";
-import { Divider as Uo } from "./components/Divider/Divider.js";
-import { Drop as Do } from "./components/Drop/Drop.js";
-import { Container as Bo } from "./components/Container/Container.js";
-import { Progress as Eo } from "./components/Progress/Progress.js";
-import { Switch as Go } from "./components/Switch/Switch.js";
-import { FileUpload as Mo } from "./components/FileUpload/FileUpload.js";
-import { Popover as qo } from "./components/Popover/Popover.js";
+import { generateBrandPrimaryPalette as m } from "./utils/generate-brand-primary-palette.js";
+import { default as a } from "./locale/en_US.js";
+import { default as s } from "./locale/ru_RU.js";
+import { Button as i } from "./components/Button/Button.js";
+import { Modal as l } from "./components/Modal/Modal.js";
+import { Alert as g } from "./components/Alert/Alert.js";
+import { Placeholder as P } from "./components/Placeholder/Placeholder.js";
+import { Badge as C } from "./components/Badge/Badge.js";
+import { Image as S } from "./components/Image/Image.js";
+import { Loader as y } from "./components/Loader/Loader.js";
+import { ConfigProvider as b } from "./components/ConfigProvider/ConfigProvider.js";
+import { useConfig as U, useLocale as k } from "./components/ConfigProvider/ConfigProvider.hook.js";
+import { Icon as D } from "./components/Icon/IconWithCategories.js";
+import { CountryIcons as R } from "./components/Icon/categories/country.js";
+import { EditorIcons as F } from "./components/Icon/categories/editor.js";
+import { LayoutIcons as H } from "./components/Icon/categories/layout.js";
+import { UsersIcons as j } from "./components/Icon/categories/users.js";
+import { GeneralIcons as z } from "./components/Icon/categories/general.js";
+import { ArrowsIcons as K } from "./components/Icon/categories/arrows.js";
+import { ChartsIcons as O } from "./components/Icon/categories/charts.js";
+import { PrivateIcons as V } from "./components/Icon/categories/private.js";
+import { DevelopmentIcons as X } from "./components/Icon/categories/development.js";
+import { ProductIcons as Z } from "./components/Icon/categories/product.js";
+import { ServiceIcons as $ } from "./components/Icon/categories/service.js";
+import { extendLocale as ro } from "./locale/extendLocale.js";
+import { Tag as to } from "./components/Tag/Tag.js";
+import { Checkbox as fo } from "./components/Checkbox/Checkbox.js";
+import { Typography as xo } from "./components/Typography/Typography.js";
+import { TextInput as no } from "./components/TextInput/TextInput.js";
+import { TextArea as co } from "./components/TextArea/TextArea.js";
+import { Helper as lo } from "./components/Helper/Helper.js";
+import { List as go } from "./components/List/List.js";
+import { Tabs as Po } from "./components/Tabs/Tabs.js";
+import { Tooltip as Co } from "./components/Tooltip/Tooltip.js";
+import { SegmentedControl as So } from "./components/SegmentedControl/SegmentedControl.js";
+import { Trigger as yo } from "./components/Trigger/Trigger.js";
+import { useSnackbar as bo } from "./components/Snackbar/lib/useSnackbar.js";
+import { SnackbarProvider as Uo } from "./components/Snackbar/Provider/SnackbarProvider.js";
+import { Divider as Bo } from "./components/Divider/Divider.js";
+import { Drop as wo } from "./components/Drop/Drop.js";
+import { Container as Eo } from "./components/Container/Container.js";
+import { Progress as Go } from "./components/Progress/Progress.js";
+import { Switch as Mo } from "./components/Switch/Switch.js";
+import { FileUpload as qo } from "./components/FileUpload/FileUpload.js";
+import { Popover as Jo } from "./components/Popover/Popover.js";
 export {
-  l as Alert,
-  z as ArrowsIcons,
+  g as Alert,
+  K as ArrowsIcons,
   e as Avatar,
-  v as Badge,
-  s as Button,
-  K as ChartsIcons,
-  to as Checkbox,
-  L as ConfigProvider,
-  Bo as Container,
-  w as CountryIcons,
-  V as DevelopmentIcons,
-  Uo as Divider,
-  Do as Drop,
-  R as EditorIcons,
-  Mo as FileUpload,
-  j as GeneralIcons,
-  co as Helper,
-  k as Icon,
-  P as Image,
-  F as LayoutIcons,
-  lo as List,
-  S as Loader,
-  i as Modal,
-  u as Placeholder,
-  qo as Popover,
-  O as PrivateIcons,
-  X as ProductIcons,
-  Eo as Progress,
+  C as Badge,
+  i as Button,
+  O as ChartsIcons,
+  fo as Checkbox,
+  b as ConfigProvider,
+  Eo as Container,
+  R as CountryIcons,
+  X as DevelopmentIcons,
+  Bo as Divider,
+  wo as Drop,
+  F as EditorIcons,
+  qo as FileUpload,
+  z as GeneralIcons,
+  lo as Helper,
+  D as Icon,
+  S as Image,
+  H as LayoutIcons,
+  go as List,
+  y as Loader,
+  l as Modal,
+  P as Placeholder,
+  Jo as Popover,
+  V as PrivateIcons,
+  Z as ProductIcons,
+  Go as Progress,
   p as Radio,
-  Po as SegmentedControl,
-  Z as ServiceIcons,
-  yo as SnackbarProvider,
-  Go as Switch,
-  uo as Tabs,
-  ro as Tag,
-  no as TextArea,
-  mo as TextInput,
-  vo as Tooltip,
-  So as Trigger,
-  fo as Typography,
-  H as UsersIcons,
-  x as enUS,
-  $ as extendLocale,
-  a as ruRU,
-  y as useConfig,
-  A as useLocale,
-  Lo as useSnackbar
+  So as SegmentedControl,
+  $ as ServiceIcons,
+  Uo as SnackbarProvider,
+  Mo as Switch,
+  Po as Tabs,
+  to as Tag,
+  co as TextArea,
+  no as TextInput,
+  Co as Tooltip,
+  yo as Trigger,
+  xo as Typography,
+  j as UsersIcons,
+  a as enUS,
+  ro as extendLocale,
+  m as generateBrandPrimaryPalette,
+  s as ruRU,
+  U as useConfig,
+  k as useLocale,
+  bo as useSnackbar
 };

package/dist/styles/brand.module.css.js

@@ -1,4 +1,26 @@
-import '../assets/styles/brand.module-BVg9LAk-.css';const t = {};
+const r = `:root {
+  --brand-primary-50:  #665414;
+  --brand-primary-100: #766013;
+  --brand-primary-150: #8E7313;
+  --brand-primary-200: #A08112;
+  --brand-primary-250: #B48C00;
+  --brand-primary-300: #C19700;
+  --brand-primary-350: #CDA000;
+  --brand-primary-400: #E0AF00;
+  --brand-primary-450: #EFBE0D;
+  --brand-primary-500: #FFC804;
+  --brand-primary-550: #FFD12F;
+  --brand-primary-600: #FFD74A;
+  --brand-primary-650: #FFDD65;
+  --brand-primary-700: #FFE27B;
+  --brand-primary-750: #FFE895;
+  --brand-primary-800: #FFEDAB;
+  --brand-primary-850: #FFF1BF;
+  --brand-primary-900: #FFF4CE;
+  --brand-primary-950: #FFF8DE;
+  --brand-primary-970: #FFFBEC;
+}
+`;
 export {
-  t as default
+  r as default
 };

package/dist/styles/brand.module.css2.js

@@ -0,0 +1,4 @@
+import '../assets/styles/brand.module-BVg9LAk-.css';const t = {};
+export {
+  t as default
+};

package/dist/styles/button.module.css.js

@@ -1,4 +1,4 @@
-import '../assets/styles/button.module-DjunAbRS.css';const t = {};
+import '../assets/styles/button.module-BG9KYkTN.css';const t = {};
 export {
   t as default
 };

package/dist/utils/generate-brand-primary-palette.d.ts

@@ -0,0 +1,36 @@
+declare const ACCENT_REFERENCE: {
+    readonly 50: "#000f31";
+    readonly 100: "#001947";
+    readonly 150: "#00235a";
+    readonly 200: "#012d6e";
+    readonly 250: "#003786";
+    readonly 300: "#00429b";
+    readonly 350: "#034cb4";
+    readonly 400: "#0058cc";
+    readonly 450: "#0d63e3";
+    readonly 500: "#0070ff";
+    readonly 550: "#2b7fff";
+    readonly 600: "#468ffd";
+    readonly 650: "#5e9eff";
+    readonly 700: "#76adfe";
+    readonly 750: "#8cbbff";
+    readonly 800: "#a4c9fe";
+    readonly 850: "#b9d7ff";
+    readonly 900: "#d1e4fe";
+    readonly 950: "#e7f2ff";
+    readonly 970: "#f3f9ff";
+};
+export type BrandPrimaryStep = keyof typeof ACCENT_REFERENCE;
+export type BrandPrimaryPalette = Record<`--brand-primary-${BrandPrimaryStep}`, string>;
+/**
+ * Генерирует CSS-переменные brand-primary из непрозрачного цвета #RGB или #RRGGBB.
+ * Шаг 500 точно сохраняет исходный цвет в формате шестизначного HEX.
+ *
+ * @param hex Исходный непрозрачный цвет в формате #RGB или #RRGGBB.
+ * @returns Объект CSS-переменных для ConfigProvider.theme.
+ * @example
+ * const theme = generateBrandPrimaryPalette('#FFC804');
+ * // <ConfigProvider theme={theme}>...</ConfigProvider>
+ */
+export declare function generateBrandPrimaryPalette(hex: string): BrandPrimaryPalette;
+export {};

package/dist/utils/generate-brand-primary-palette.js

@@ -0,0 +1,101 @@
+import { colordx as s, inGamutSrgb as S, extend as A } from "@colordx/core";
+import N from "@colordx/core/plugins/a11y";
+import j from "@colordx/core/plugins/mix";
+import G from "../styles/brand.module.css.js";
+A([N, j]);
+const h = {
+  50: "#000f31",
+  100: "#001947",
+  150: "#00235a",
+  200: "#012d6e",
+  250: "#003786",
+  300: "#00429b",
+  350: "#034cb4",
+  400: "#0058cc",
+  450: "#0d63e3",
+  500: "#0070ff",
+  550: "#2b7fff",
+  600: "#468ffd",
+  650: "#5e9eff",
+  700: "#76adfe",
+  750: "#8cbbff",
+  800: "#a4c9fe",
+  850: "#b9d7ff",
+  900: "#d1e4fe",
+  950: "#e7f2ff",
+  970: "#f3f9ff"
+}, y = Object.fromEntries(
+  [...G.matchAll(/(--brand-primary-\d+):\s*(#[\da-f]{6})\s*;/gi)].map(([, t, e]) => [
+    t,
+    e
+  ])
+);
+function c(t) {
+  const e = s(t);
+  return e.apcaContrast("#ffffff", { precision: 6 }) + e.apcaContrast("#000000", { precision: 6 });
+}
+const M = s(h[500]).toOklch().c, v = c(h[500]), P = c("#000000"), $ = c("#ffffff"), B = Object.entries(h).map(([t, e]) => {
+  const r = c(e), f = s(e).toOklch().c;
+  return {
+    step: Number(t),
+    token: `--brand-primary-${t}`,
+    score: r,
+    chromaRatio: f / M
+  };
+});
+function F(t, e, r) {
+  if (S({ l: t, c: e, h: r })) return s({ l: t, c: e, h: r }).toHex();
+  let f = 0, a = e;
+  for (let m = 0; m < 24; m++) {
+    const n = (f + a) / 2;
+    S({ l: t, c: n, h: r }) ? f = n : a = n;
+  }
+  return s({ l: t, c: f, h: r }).toHex();
+}
+function J(t) {
+  if (typeof t != "string" || !/^#(?:[\da-f]{3}|[\da-f]{6})$/i.test(t))
+    return { ...y };
+  try {
+    return T(t);
+  } catch {
+    return { ...y };
+  }
+}
+function T(t) {
+  const e = s(t), r = e.toHex(), f = c(r), { c: a, h: m } = e.toOklch(), n = {};
+  let d = "#000000", u = P;
+  for (const o of B) {
+    if (o.step === 970) {
+      n[o.token] = e.mix("#ffffff", 0.925).toHex();
+      continue;
+    }
+    if (o.step === 950) {
+      n[o.token] = e.mix("#ffffff", 0.875).toHex();
+      continue;
+    }
+    if (o.step === 900) {
+      n[o.token] = e.mix("#ffffff", 0.825).toHex();
+      continue;
+    }
+    if (o.step === 500) {
+      n[o.token] = r, d = r, u = f;
+      continue;
+    }
+    const x = o.step < 500 ? P : $, R = (o.score - v) / (x - v), l = f + R * (x - f);
+    if (l === f) {
+      n[o.token] = r;
+      continue;
+    }
+    let k = 0, g = 1, i = o.step < 500 ? r : d, H = Math.abs(c(i) - l);
+    const w = a * o.chromaRatio;
+    for (let C = 0; C < 28; C++) {
+      const b = (k + g) / 2, E = F(b, w, m), p = c(E), O = Math.abs(p - l);
+      p <= u && (o.step > 500 || p >= f) && O < H && (i = E, H = O), p > l ? k = b : g = b;
+    }
+    n[o.token] = i, d = i, u = c(i);
+  }
+  return n;
+}
+export {
+  J as generateBrandPrimaryPalette
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skillgrid",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "description": "Skillgrid Components Library",
   "keywords": [
     "react",
@@ -126,6 +126,7 @@
   },
   "packageManager": "yarn@1.22.19+sha1.4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447",
   "dependencies": {
+    "@colordx/core": "^7.2.0",
     "@floating-ui/react": "^0.27.16",
     "@testing-library/react": "^16.3.0",
     "antd": "^5.25.1",

package/dist/assets/components/FileUpload/FileUpload.module-CldF1EqE.css

@@ -1 +0,0 @@
-._root_f98he_1{--file-upload-vertical-frame-height: 198px;display:flex;flex-direction:column;align-items:stretch;width:100%}._rootVertical_f98he_10{gap:12px}._rootHorizontal_f98he_14{gap:8px}._rootButton_f98he_18{gap:16px;align-items:flex-start}._dropzoneWrapper_f98he_23{width:100%}._uploader_f98he_27{display:block;width:100%}._buttonTrigger_f98he_32{display:inline-flex;max-width:100%}._attachButton_f98he_37{max-width:100%}._dropzone_f98he_23{--file-upload-dropzone-border-color: var(--stroke-neutral);position:relative;display:flex;box-sizing:border-box;width:100%;background:var(--bg-primary);border:2px dashed var(--file-upload-dropzone-border-color);border-radius:16px;transition:background-color .2s ease,box-shadow .2s ease}._dropzoneVertical_f98he_60{flex-direction:column;gap:16px;align-items:center;justify-content:center;min-height:var(--file-upload-vertical-frame-height);padding:24px}._dropzoneHorizontal_f98he_70{flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;min-height:72px;padding:16px}._dropzoneMeasuredBorder_f98he_80{border-color:transparent}._dropzoneBorder_f98he_84{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--file-upload-dropzone-border-color);transition:color .2s ease}._dropzone_f98he_23>:not(._dropzoneBorder_f98he_84){position:relative}._dropzoneInteractive_f98he_102{cursor:pointer}._dropzoneInteractive_f98he_102:hover{--file-upload-dropzone-border-color: var(--stroke-blue);background:var(--base-blue-98)}._dropzoneInteractive_f98he_102:focus-within{box-shadow:0 0 0 4px var(--stroke-accent-disabled)}._dropzoneDragActive_f98he_116{--file-upload-dropzone-border-color: var(--stroke-blue);background:var(--base-blue-98)}._dropzoneDisabled_f98he_122{--file-upload-dropzone-border-color: var(--stroke-neutral-disabled);cursor:not-allowed;background:var(--bg-disabled)}._dropzoneDisabled_f98he_122 ._dropzoneIcon_f98he_129,._dropzoneDisabled_f98he_122 ._dropzoneIconTile_f98he_130{color:var(--icon-disabled)}._dropzoneDisabled_f98he_122 ._dropzoneIconTile_f98he_130{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._dropzoneDisabled_f98he_122 ._dropzoneTitle_f98he_139{color:var(--text-state-primary-disabled)}._dropzoneDisabled_f98he_122 ._dropzoneDescription_f98he_143{color:var(--text-state-secondary-disabled)}._dropzoneIcon_f98he_129{color:var(--icon-secondary)}._dropzoneIconTile_f98he_130{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;color:var(--icon-secondary);background:var(--bg-secondary);border:1px solid var(--stroke-neutral);border-radius:16px}._dropzoneContent_f98he_167{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%;max-width:372px}._dropzoneContentHorizontal_f98he_177{flex:1;align-items:flex-start;min-width:0;max-width:none}._dropzoneTitle_f98he_139{width:100%;text-align:center}._dropzoneTitleHorizontal_f98he_189{text-align:left}._dropzoneDescription_f98he_143{width:100%;color:var(--text-secondary);text-align:center}._dropzoneDescriptionHorizontal_f98he_199{text-align:left}._triggerButton_f98he_203{flex-shrink:0}._previewCard_f98he_207{isolation:isolate;position:relative;overflow:hidden;width:100%;height:var(--file-upload-vertical-frame-height);background:var(--bg-secondary);border:1px solid var(--stroke-neutral);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff29}._previewCard_f98he_207:focus-within{box-shadow:0 0 0 4px var(--stroke-accent-disabled),inset 0 0 0 1px #ffffff29}._previewCardError_f98he_228{border-color:var(--stroke-negative)}._previewCardError_f98he_228:focus-within{box-shadow:0 0 0 4px var(--stroke-negative-disabled),inset 0 0 0 1px #ffffff29}._previewCardDisabled_f98he_238{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._previewMediaImage_f98he_243,._previewMediaPlaceholder_f98he_244{width:100%;height:100%}._previewMediaImage_f98he_243{object-fit:cover}._previewMediaPlaceholder_f98he_244{display:flex;align-items:center;justify-content:center;color:var(--icon-secondary);background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}._previewCardDisabled_f98he_238 ._previewMediaPlaceholder_f98he_244{color:var(--icon-disabled);background:var(--bg-disabled)}._previewOverlay_f98he_268{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#11111105,#1111113d)}._previewCardUploading_f98he_275 ._previewOverlay_f98he_268,._previewCardError_f98he_228 ._previewOverlay_f98he_268{background:linear-gradient(180deg,#11111129,#1111116b)}._previewCardDisabled_f98he_238 ._previewOverlay_f98he_268{background:linear-gradient(180deg,#ffffff52,#fff6)}._previewStatus_f98he_284{position:absolute;z-index:2;bottom:16px;left:16px;display:flex;gap:8px;align-items:center;max-width:calc(100% - 32px);padding:8px 12px;color:var(--text-contrast);background:#111111a3;border-radius:12px}._previewStatusError_f98he_303{color:var(--text-negative);background:#ffffffe0;border:1px solid var(--stroke-negative-disabled)}._previewStatusText_f98he_309{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}._previewActions_f98he_316{position:absolute;z-index:2;right:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:calc(100% - 32px)}._previewReplaceButton_f98he_331,._previewRemoveButton_f98he_332,._previewActionButton_f98he_333{flex-shrink:0}._fileList_f98he_337{display:flex;flex-direction:column;gap:8px;width:100%}._fileListHorizontal_f98he_344{gap:8px}._fileTileList_f98he_348{display:flex;flex-wrap:wrap;gap:8px;width:100%}._fileTile_f98he_348{display:flex;gap:12px;align-items:center;box-sizing:border-box;width:240px;min-height:64px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--stroke-neutral);border-radius:16px}._fileTileDisabled_f98he_370{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileTileDisabled_f98he_370 ._fileName_f98he_375{color:var(--text-state-primary-disabled)}._fileTileDisabled_f98he_370 ._fileMeta_f98he_379{color:var(--text-state-secondary-disabled)}._fileTileDisabled_f98he_370 ._filePreviewDocument_f98he_383,._fileTileDisabled_f98he_370 ._filePreviewImage_f98he_384,._fileTileDisabled_f98he_370 ._filePreviewPlaceholder_f98he_385{color:var(--icon-disabled);background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileTileBody_f98he_391{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}._fileItem_f98he_400{display:flex;align-items:stretch;box-sizing:border-box;width:100%;min-height:64px;padding-left:12px;background:var(--bg-primary);border:1px solid var(--stroke-neutral);border-radius:16px}._fileItemError_f98he_414{border-color:var(--stroke-negative)}._fileItemDisabled_f98he_418{background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileItemDisabled_f98he_418 ._fileName_f98he_375{color:var(--text-state-primary-disabled)}._fileItemDisabled_f98he_418 ._fileMeta_f98he_379,._fileItemDisabled_f98he_418 ._fileMetaText_f98he_428{color:var(--text-state-secondary-disabled)}._fileItemDisabled_f98he_418 ._filePreviewDocument_f98he_383,._fileItemDisabled_f98he_418 ._filePreviewImage_f98he_384,._fileItemDisabled_f98he_418 ._filePreviewPlaceholder_f98he_385{color:var(--icon-disabled);background:var(--bg-disabled);border-color:var(--stroke-neutral-disabled)}._fileItemDisabled_f98he_418 ._filePreviewMedia_f98he_440{opacity:.56}._fileMain_f98he_444{display:flex;flex:1;gap:12px;align-items:center;min-width:0;padding:12px 0}._filePreview_f98he_383{overflow:hidden;flex-shrink:0;width:40px;height:40px;border-radius:12px}._filePreviewDocument_f98he_383{display:flex;align-items:center;justify-content:center;color:var(--icon-blue);background:var(--bg-blue-secondary);border:1px solid var(--stroke-neutral)}._filePreviewImage_f98he_384,._filePreviewPlaceholder_f98he_385{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid rgb(0 0 0 / .04)}._filePreviewPlaceholder_f98he_385{color:var(--icon-secondary)}._filePreviewMedia_f98he_440{width:40px;height:40px;object-fit:cover}._fileBody_f98he_495{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}._fileName_f98he_375{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileMeta_f98he_379{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}._fileMetaInline_f98he_517{display:flex;gap:6px;align-items:center;min-width:0}._fileMetaText_f98he_428{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}._fileMetaLoader_f98he_531{flex-shrink:0}._actions_f98he_535,._inlineActions_f98he_536{display:flex;gap:8px;align-items:center;padding:16px 12px 16px 8px}._actions_f98he_535{pointer-events:none;opacity:0;transition:opacity .2s ease}._actionsVisible_f98he_549{pointer-events:auto;opacity:1}._actionToggleOpen_f98he_554{background:var(--button-background-gray)}._actionMenu_f98he_558{display:flex;flex-direction:column;gap:2px;box-sizing:border-box;width:100%;padding:8px;background:transparent}._actionMenuButton_f98he_570{justify-content:flex-start;min-height:40px;text-align:left;border-radius:8px}._actionMenuBottomSheet_f98he_577{gap:4px;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px))}._actionIcon_f98he_582{display:flex;flex-shrink:0;align-items:center;justify-content:center}@media (hover: none){._actions_f98he_535{pointer-events:auto;opacity:1}}@media (width <= 767px){._dropzoneVertical_f98he_60{min-height:198px;padding:20px}._dropzoneHorizontal_f98he_70{flex-wrap:wrap}._dropzoneContentHorizontal_f98he_177,._triggerButton_f98he_203{width:100%}._previewStatus_f98he_284{right:16px;max-width:calc(100% - 32px)}._previewActions_f98he_316{right:12px;bottom:12px;left:12px;max-width:none}._fileItem_f98he_400{padding-left:8px}._fileMain_f98he_444{gap:10px}._actions_f98he_535,._inlineActions_f98he_536{padding-right:8px;padding-left:4px}._fileTile_f98he_348{width:100%}}

package/dist/assets/components/Modal/Modal.module-BXeSeTs2.css

@@ -1 +0,0 @@
-._container_1d51n_1{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:inherit;background-color:inherit}._container_1d51n_1 hr{display:block;height:1px;padding:0;border:0}._header_1d51n_21{position:sticky;z-index:2;top:0;right:0;left:0;display:grid;grid-template-areas:"title leftActionsStack rightActionsStack" "subtitle subtitle subtitle";grid-template-columns:auto 1fr auto;align-items:center;justify-content:start;padding:16px 24px;background-color:inherit}._header_1d51n_21._title-actions-actions_1d51n_40{grid-template-areas:"title leftActionsStack rightActionsStack" "subtitle subtitle subtitle";grid-template-columns:auto 1fr auto;justify-content:center}._header_1d51n_21._actions-title-actions_1d51n_48{grid-template-areas:"leftActionsStack title rightActionsStack" "subtitle subtitle subtitle";grid-template-columns:1fr auto 1fr;justify-content:center}._header_1d51n_21._withBorder_1d51n_56{border-bottom:1px solid var(--stroke-neutral)}._header_1d51n_21._drawerHeader_1d51n_60{padding:12px 24px}._title_1d51n_40{overflow:hidden;display:-webkit-box;grid-area:title;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}._subTitle_1d51n_76{overflow:hidden;display:-webkit-box;grid-area:subtitle;-webkit-box-orient:vertical;margin-top:8px;-webkit-line-clamp:3;line-clamp:3}._leftActionsStack_1d51n_88{display:flex;grid-area:leftActionsStack;gap:4px;align-items:center;justify-content:flex-start}._rightActionsStack_1d51n_96{position:relative;display:flex;grid-area:rightActionsStack;gap:4px;align-items:center;justify-content:flex-end;min-width:36px}._header_1d51n_21 ._rightActionsStack_1d51n_96:has(._closeButton_1d51n_111){padding-right:40px}._content_1d51n_116{position:relative;z-index:0;overflow:auto;flex:1;padding:16px 24px}._footer_1d51n_127{position:sticky;z-index:2;right:0;bottom:0;left:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;background-color:inherit}._footer_1d51n_127._withBorder_1d51n_56{border-top:1px solid var(--stroke-neutral)}._header_1d51n_21 ._rightActionsStack_1d51n_96 ._closeButton_1d51n_111{position:absolute;top:50%!important;right:0;transform:translateY(-50%)!important;padding:10px}._header_1d51n_21 ._rightActionsStack_1d51n_96 ._closeButton_1d51n_111:hover svg{color:var(--base-gray-0)}