@ytsaurus/components 0.2.1 → 0.2.2

package/build/esm/components/DataTableYT/dataTableYTStorySetup.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var THEME_YANDEX_CLOUD = 'yandex-cloud';
+export var THEME_LEGACY = 'legacy';
+export var dataTableYTDemoColumns = [{
+  name: 'id',
+  title: 'ID',
+  width: 100
+}, {
+  name: 'name',
+  title: 'Name'
+}, {
+  name: 'value',
+  title: 'Value',
+  width: 100,
+  align: 'right',
+  render: function render(_ref) {
+    var value = _ref.value;
+    return /*#__PURE__*/_jsx("span", {
+      children: typeof value === 'number' ? value.toLocaleString() : String(value)
+    });
+  }
+}];
+export var dataTableYTSampleData = [{
+  id: 'row-1',
+  name: 'Alpha',
+  value: 100
+}, {
+  id: 'row-2',
+  name: 'Beta',
+  value: 250
+}, {
+  id: 'row-3',
+  name: 'Gamma',
+  value: 42
+}];
+export var dataTableYTDefaultSettings = {
+  displayIndices: false,
+  sortable: true,
+  stripedRows: true
+};
+export var dataTableYTStoryFrameStyle = {
+  maxWidth: 720
+};
+export var dataTableYTStoryDefaultArgs = {
+  data: dataTableYTSampleData,
+  loaded: true,
+  loading: false,
+  useThemeYT: true,
+  theme: THEME_YANDEX_CLOUD,
+  disableRightGap: false,
+  settings: dataTableYTDefaultSettings
+};
+
+/** Stable order for Playwright screenshots (matches story variants). */
+export var dataTableYTVisualCaseOrder = ['default', 'gravity-yandex-cloud', 'gravity-legacy', 'empty', 'loading'];
+// #sourceMappingURL=dataTableYTStorySetup.js.map

package/build/esm/components/DataTableYT/dataTableYTStorySetup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["THEME_YANDEX_CLOUD","THEME_LEGACY","dataTableYTDemoColumns","name","title","width","align","render","_ref","value","_jsx","children","toLocaleString","String","dataTableYTSampleData","id","dataTableYTDefaultSettings","displayIndices","sortable","stripedRows","dataTableYTStoryFrameStyle","maxWidth","dataTableYTStoryDefaultArgs","data","loaded","loading","useThemeYT","theme","disableRightGap","settings","dataTableYTVisualCaseOrder"],"sources":["dataTableYTStorySetup.tsx"],"sourcesContent":["import {type CSSProperties} from 'react';\n\nimport {type Column, type DataTableYtProps} from './DataTableYT';\n\nexport type DataTableYTDemoRow = {\n    id: string;\n    name: string;\n    value: number;\n};\n\nexport const THEME_YANDEX_CLOUD = 'yandex-cloud';\nexport const THEME_LEGACY = 'legacy';\n\nexport const dataTableYTDemoColumns: Column<DataTableYTDemoRow>[] = [\n    {name: 'id', title: 'ID', width: 100},\n    {name: 'name', title: 'Name'},\n    {\n        name: 'value',\n        title: 'Value',\n        width: 100,\n        align: 'right',\n        render: ({value}) => (\n            <span>{typeof value === 'number' ? value.toLocaleString() : String(value)}</span>\n        ),\n    },\n];\n\nexport const dataTableYTSampleData: DataTableYTDemoRow[] = [\n    {id: 'row-1', name: 'Alpha', value: 100},\n    {id: 'row-2', name: 'Beta', value: 250},\n    {id: 'row-3', name: 'Gamma', value: 42},\n];\n\nexport const dataTableYTDefaultSettings: NonNullable<\n    DataTableYtProps<DataTableYTDemoRow>['settings']\n> = {\n    displayIndices: false,\n    sortable: true,\n    stripedRows: true,\n};\n\nexport const dataTableYTStoryFrameStyle: CSSProperties = {\n    maxWidth: 720,\n};\n\nexport type DataTableYTStoryArgs = {\n    data: DataTableYTDemoRow[];\n    loaded?: boolean;\n    loading?: boolean;\n    useThemeYT: boolean;\n    theme: string;\n    disableRightGap?: boolean;\n    noItemsText?: string;\n    settings: NonNullable<DataTableYtProps<DataTableYTDemoRow>['settings']>;\n};\n\nexport const dataTableYTStoryDefaultArgs: DataTableYTStoryArgs = {\n    data: dataTableYTSampleData,\n    loaded: true,\n    loading: false,\n    useThemeYT: true,\n    theme: THEME_YANDEX_CLOUD,\n    disableRightGap: false,\n    settings: dataTableYTDefaultSettings,\n};\n\n/** Stable order for Playwright screenshots (matches story variants). */\nexport const dataTableYTVisualCaseOrder = [\n    'default',\n    'gravity-yandex-cloud',\n    'gravity-legacy',\n    'empty',\n    'loading',\n] as const;\n\nexport type DataTableYTVisualCaseId = (typeof dataTableYTVisualCaseOrder)[number];\n"],"mappings":";AAUA,OAAO,IAAMA,kBAAkB,GAAG,cAAc;AAChD,OAAO,IAAMC,YAAY,GAAG,QAAQ;AAEpC,OAAO,IAAMC,sBAAoD,GAAG,CAChE;EAACC,IAAI,EAAE,IAAI;EAAEC,KAAK,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAG,CAAC,EACrC;EAACF,IAAI,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAM,CAAC,EAC7B;EACID,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,GAAG;EACVC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA;IAAA,IAAIC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,oBACXC,IAAA;MAAAC,QAAA,EAAO,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACG,cAAc,CAAC,CAAC,GAAGC,MAAM,CAACJ,KAAK;IAAC,CAAO,CAAC;EAAA;AAEzF,CAAC,CACJ;AAED,OAAO,IAAMK,qBAA2C,GAAG,CACvD;EAACC,EAAE,EAAE,OAAO;EAAEZ,IAAI,EAAE,OAAO;EAAEM,KAAK,EAAE;AAAG,CAAC,EACxC;EAACM,EAAE,EAAE,OAAO;EAAEZ,IAAI,EAAE,MAAM;EAAEM,KAAK,EAAE;AAAG,CAAC,EACvC;EAACM,EAAE,EAAE,OAAO;EAAEZ,IAAI,EAAE,OAAO;EAAEM,KAAK,EAAE;AAAE,CAAC,CAC1C;AAED,OAAO,IAAMO,0BAEZ,GAAG;EACAC,cAAc,EAAE,KAAK;EACrBC,QAAQ,EAAE,IAAI;EACdC,WAAW,EAAE;AACjB,CAAC;AAED,OAAO,IAAMC,0BAAyC,GAAG;EACrDC,QAAQ,EAAE;AACd,CAAC;AAaD,OAAO,IAAMC,2BAAiD,GAAG;EAC7DC,IAAI,EAAET,qBAAqB;EAC3BU,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE,KAAK;EACdC,UAAU,EAAE,IAAI;EAChBC,KAAK,EAAE3B,kBAAkB;EACzB4B,eAAe,EAAE,KAAK;EACtBC,QAAQ,EAAEb;AACd,CAAC;;AAED;AACA,OAAO,IAAMc,0BAA0B,GAAG,CACtC,SAAS,EACT,sBAAsB,EACtB,gBAAgB,EAChB,OAAO,EACP,SAAS,CACH","ignoreList":[]}

package/build/esm/components/Hotkey/Hotkey.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/react';
+type HotkeyStoryArgs = {
+    keys: string;
+    scope: string;
+    preventDefault: boolean;
+    onHotkey: () => void;
+};
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        keys: string;
+        scope: string;
+        preventDefault: true;
+        onHotkey: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        keys: {
+            control: "text";
+            description: string;
+        };
+        scope: {
+            control: "text";
+            description: string;
+        };
+        preventDefault: {
+            control: "boolean";
+        };
+        onHotkey: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    render: ({ keys, scope, preventDefault, onHotkey }: HotkeyStoryArgs) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<HotkeyStoryArgs>;
+export declare const Default: Story;
+//# sourceMappingURL=Hotkey.stories.d.ts.map

package/build/esm/components/Hotkey/Hotkey.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hotkey.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Hotkey/Hotkey.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAKrD,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDA8B4C,eAAe;CAoCpC,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/build/esm/components/Hotkey/Hotkey.stories.js

@@ -0,0 +1,81 @@
+import { fn } from 'storybook/test';
+import { Hotkey } from './Hotkey';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/Hotkey',
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+    docs: {
+      description: {
+        component: 'Registers shortcuts through `hotkeys-js`. Renders nothing; bindings are created in `componentDidMount` and removed in `componentWillUnmount`. The component also sets a global `key.filter` so shortcuts in `INPUT` / `TEXTAREA` / `SELECT` are ignored when the active scope is `all`. After changing `keys` or `scope` in Controls, the story remounts so listeners stay in sync.'
+      }
+    }
+  },
+  args: {
+    keys: 'ctrl+a',
+    scope: 'all',
+    preventDefault: true,
+    onHotkey: fn()
+  },
+  argTypes: {
+    keys: {
+      control: 'text',
+      description: 'hotkeys-js combination; use commas for several (e.g. `a, b`).'
+    },
+    scope: {
+      control: 'text',
+      description: 'Must match the active scope (`all` by default in hotkeys-js).'
+    },
+    preventDefault: {
+      control: 'boolean'
+    },
+    onHotkey: {
+      table: {
+        disable: true
+      }
+    }
+  },
+  render: function render(_ref) {
+    var keys = _ref.keys,
+      scope = _ref.scope,
+      preventDefault = _ref.preventDefault,
+      onHotkey = _ref.onHotkey;
+    return /*#__PURE__*/_jsxs("div", {
+      style: {
+        padding: 24,
+        maxWidth: 440,
+        lineHeight: 1.45
+      },
+      children: [/*#__PURE__*/_jsx(Hotkey, {
+        settings: [{
+          keys: keys,
+          scope: scope,
+          preventDefault: preventDefault,
+          handler: function handler() {
+            onHotkey();
+          }
+        }]
+      }, "".concat(keys, "|").concat(scope, "|").concat(String(preventDefault))), /*#__PURE__*/_jsxs("p", {
+        style: {
+          marginTop: 0
+        },
+        children: ["Click the preview (focus the document) and press ", /*#__PURE__*/_jsx("kbd", {
+          children: keys
+        }), "."]
+      }), /*#__PURE__*/_jsxs("p", {
+        style: {
+          marginBottom: 0,
+          fontSize: 13,
+          color: 'var(--g-color-text-secondary, #888)'
+        },
+        children: ["The handler is connected to the Storybook mock (Actions / test panel). With scope", ' ', /*#__PURE__*/_jsx("code", {
+          children: "all"
+        }), ", shortcuts do not fire while typing in form fields."]
+      })]
+    });
+  }
+};
+export default meta;
+export var Default = {};
+// #sourceMappingURL=Hotkey.stories.js.map

package/build/esm/components/Hotkey/Hotkey.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fn","Hotkey","jsx","_jsx","jsxs","_jsxs","meta","title","tags","parameters","layout","docs","description","component","args","keys","scope","preventDefault","onHotkey","argTypes","control","table","disable","render","_ref","style","padding","maxWidth","lineHeight","children","settings","handler","concat","String","marginTop","marginBottom","fontSize","color","Default"],"sources":["Hotkey.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {fn} from 'storybook/test';\n\nimport {Hotkey} from './Hotkey';\n\ntype HotkeyStoryArgs = {\n    keys: string;\n    scope: string;\n    preventDefault: boolean;\n    onHotkey: () => void;\n};\n\nconst meta = {\n    title: 'Components/Hotkey',\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n        docs: {\n            description: {\n                component:\n                    'Registers shortcuts through `hotkeys-js`. Renders nothing; bindings are created in `componentDidMount` and removed in `componentWillUnmount`. The component also sets a global `key.filter` so shortcuts in `INPUT` / `TEXTAREA` / `SELECT` are ignored when the active scope is `all`. After changing `keys` or `scope` in Controls, the story remounts so listeners stay in sync.',\n            },\n        },\n    },\n    args: {\n        keys: 'ctrl+a',\n        scope: 'all',\n        preventDefault: true,\n        onHotkey: fn(),\n    },\n    argTypes: {\n        keys: {\n            control: 'text',\n            description: 'hotkeys-js combination; use commas for several (e.g. `a, b`).',\n        },\n        scope: {\n            control: 'text',\n            description: 'Must match the active scope (`all` by default in hotkeys-js).',\n        },\n        preventDefault: {control: 'boolean'},\n        onHotkey: {table: {disable: true}},\n    },\n    render: ({keys, scope, preventDefault, onHotkey}: HotkeyStoryArgs) => (\n        <div\n            style={{\n                padding: 24,\n                maxWidth: 440,\n                lineHeight: 1.45,\n            }}\n        >\n            <Hotkey\n                key={`${keys}|${scope}|${String(preventDefault)}`}\n                settings={[\n                    {\n                        keys,\n                        scope,\n                        preventDefault,\n                        handler: () => {\n                            onHotkey();\n                        },\n                    },\n                ]}\n            />\n            <p style={{marginTop: 0}}>\n                Click the preview (focus the document) and press <kbd>{keys}</kbd>.\n            </p>\n            <p\n                style={{\n                    marginBottom: 0,\n                    fontSize: 13,\n                    color: 'var(--g-color-text-secondary, #888)',\n                }}\n            >\n                The handler is connected to the Storybook mock (Actions / test panel). With scope{' '}\n                <code>all</code>, shortcuts do not fire while typing in form fields.\n            </p>\n        </div>\n    ),\n} satisfies Meta<HotkeyStoryArgs>;\n\nexport default meta;\n\ntype Story = StoryObj<HotkeyStoryArgs>;\n\nexport const Default: Story = {};\n"],"mappings":"AACA,SAAQA,EAAE,QAAO,gBAAgB;AAEjC,SAAQC,MAAM,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShC,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,mBAAmB;EAC1BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE;MACFC,WAAW,EAAE;QACTC,SAAS,EACL;MACR;IACJ;EACJ,CAAC;EACDC,IAAI,EAAE;IACFC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,KAAK;IACZC,cAAc,EAAE,IAAI;IACpBC,QAAQ,EAAElB,EAAE,CAAC;EACjB,CAAC;EACDmB,QAAQ,EAAE;IACNJ,IAAI,EAAE;MACFK,OAAO,EAAE,MAAM;MACfR,WAAW,EAAE;IACjB,CAAC;IACDI,KAAK,EAAE;MACHI,OAAO,EAAE,MAAM;MACfR,WAAW,EAAE;IACjB,CAAC;IACDK,cAAc,EAAE;MAACG,OAAO,EAAE;IAAS,CAAC;IACpCF,QAAQ,EAAE;MAACG,KAAK,EAAE;QAACC,OAAO,EAAE;MAAI;IAAC;EACrC,CAAC;EACDC,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA;IAAA,IAAIT,IAAI,GAAAS,IAAA,CAAJT,IAAI;MAAEC,KAAK,GAAAQ,IAAA,CAALR,KAAK;MAAEC,cAAc,GAAAO,IAAA,CAAdP,cAAc;MAAEC,QAAQ,GAAAM,IAAA,CAARN,QAAQ;IAAA,oBAC3Cb,KAAA;MACIoB,KAAK,EAAE;QACHC,OAAO,EAAE,EAAE;QACXC,QAAQ,EAAE,GAAG;QACbC,UAAU,EAAE;MAChB,CAAE;MAAAC,QAAA,gBAEF1B,IAAA,CAACF,MAAM;QAEH6B,QAAQ,EAAE,CACN;UACIf,IAAI,EAAJA,IAAI;UACJC,KAAK,EAALA,KAAK;UACLC,cAAc,EAAdA,cAAc;UACdc,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;YACXb,QAAQ,CAAC,CAAC;UACd;QACJ,CAAC;MACH,MAAAc,MAAA,CAVMjB,IAAI,OAAAiB,MAAA,CAAIhB,KAAK,OAAAgB,MAAA,CAAIC,MAAM,CAAChB,cAAc,CAAC,CAWlD,CAAC,eACFZ,KAAA;QAAGoB,KAAK,EAAE;UAACS,SAAS,EAAE;QAAC,CAAE;QAAAL,QAAA,GAAC,mDAC2B,eAAA1B,IAAA;UAAA0B,QAAA,EAAMd;QAAI,CAAM,CAAC,KACtE;MAAA,CAAG,CAAC,eACJV,KAAA;QACIoB,KAAK,EAAE;UACHU,YAAY,EAAE,CAAC;UACfC,QAAQ,EAAE,EAAE;UACZC,KAAK,EAAE;QACX,CAAE;QAAAR,QAAA,GACL,mFACoF,EAAC,GAAG,eACrF1B,IAAA;UAAA0B,QAAA,EAAM;QAAG,CAAM,CAAC,wDACpB;MAAA,CAAG,CAAC;IAAA,CACH,CAAC;EAAA;AAEd,CAAiC;AAEjC,eAAevB,IAAI;AAInB,OAAO,IAAMgC,OAAc,GAAG,CAAC,CAAC","ignoreList":[]}

package/build/esm/components/Label/Label.css

@@ -1,6 +1,6 @@
 .yt-label {
   font-size: 1em;
-  font-weight: var(--yt-font-weight-bold);
+  font-weight: var(--yt-font-weight-bold, var(--g-text-accent-font-weight));
   display: inline-block;
   padding: 0 0.5em;
   margin: 1px;
@@ -9,24 +9,24 @@
   vertical-align: bottom;
 }
 .yt-label_theme_default {
-  color: var(--default-text);
-  background-color: var(--default-background);
+  color: var(--default-text, var(--g-color-text-misc-heavy));
+  background-color: var(--default-background, var(--g-color-base-misc-light));
 }
 .yt-label_theme_success {
-  color: var(--success-text);
-  background-color: var(--success-background);
+  color: var(--success-text, var(--g-color-text-positive-heavy));
+  background-color: var(--success-background, var(--g-color-base-positive-light));
 }
 .yt-label_theme_warning {
-  color: var(--warning-text);
-  background-color: var(--warning-background);
+  color: var(--warning-text, var(--g-color-text-warning-heavy));
+  background-color: var(--warning-background, var(--g-color-base-warning-light));
 }
 .yt-label_theme_error, .yt-label_theme_danger {
-  color: var(--danger-text);
-  background-color: var(--danger-background);
+  color: var(--danger-text, var(--g-color-text-danger-heavy));
+  background-color: var(--danger-background, var(--g-color-base-danger-light));
 }
 .yt-label_theme_info {
-  color: var(--info-text);
-  background-color: var(--info-background);
+  color: var(--info-text, var(--g-color-text-info-heavy));
+  background-color: var(--info-background, var(--g-color-base-info-light));
 }
 .yt-label_theme_misc {
   color: var(--g-color-text-misc);
@@ -43,19 +43,19 @@
   border: none;
 }
 .yt-label_type_text.yt-label_theme_default {
-  color: var(--default-color);
+  color: var(--default-color, var(--g-color-text-primary));
 }
 .yt-label_type_text.yt-label_theme_success {
-  color: var(--success-color);
+  color: var(--success-color, var(--g-color-text-positive));
 }
 .yt-label_type_text.yt-label_theme_warning {
-  color: var(--warning-color);
+  color: var(--warning-color, var(--g-color-text-warning));
 }
 .yt-label_type_text.yt-label_theme_danger {
-  color: var(--danger-color);
+  color: var(--danger-color, var(--g-color-text-danger));
 }
 .yt-label_type_text.yt-label_theme_info {
-  color: var(--info-color);
+  color: var(--info-color, var(--g-color-text-info));
 }
 .yt-label_capitalize:first-letter {
   text-transform: capitalize;

package/build/esm/components/Label/Label.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Label.scss"],"names":[],"mappings":"AAKA;EAGI,cAAA;EACA,uCAAA;EAEA,qBAAA;EAEA,gBAAA;EACA,WAAA;EAEA,wBAAA;EACA,kBAAA;EACA,sBAAA;AATJ;AAWI;EAnBA,0BAoB+B;EAnB/B,2CAmBoD;AARxD;AAWI;EAvBA,0BAwB+B;EAvB/B,2CAuBoD;AARxD;AAWI;EA3BA,0BA4B+B;EA3B/B,2CA2BoD;AARxD;AAWI;EA/BA,yBAiC+B;EAhC/B,0CAgCmD;AATvD;AAYI;EApCA,uBAqC+B;EApC/B,wCAoCiD;AATrD;AAYI;EAxCA,+BAyC+B;EAxC/B,gDAwCyD;AAT7D;AAYI;EA5CA,wCA6C+B;EA5C/B,6CA4CkE;AATtE;AAYI;EACI,cAAA;EACA,UAAA;EACA,gBAAA;EACA,YAAA;AAVR;AAYQ;EACI,2BAAA;AAVZ;AAaQ;EACI,2BAAA;AAXZ;AAcQ;EACI,2BAAA;AAZZ;AAeQ;EACI,0BAAA;AAbZ;AAgBQ;EACI,wBAAA;AAdZ;AAkBI;EACI,0BAAA;AAhBR","file":"Label.css","sourcesContent":["@mixin label-theme-block($color, $background-color) {\n    color: $color;\n    background-color: $background-color;\n}\n\n.yt-label {\n    $label: &;\n\n    font-size: 1em;\n    font-weight: var(--yt-font-weight-bold);\n\n    display: inline-block;\n\n    padding: 0 0.5em;\n    margin: 1px;\n\n    color: var(--light-text);\n    border-radius: 3px;\n    vertical-align: bottom;\n\n    &_theme_default {\n        @include label-theme-block(var(--default-text), var(--default-background));\n    }\n\n    &_theme_success {\n        @include label-theme-block(var(--success-text), var(--success-background));\n    }\n\n    &_theme_warning {\n        @include label-theme-block(var(--warning-text), var(--warning-background));\n    }\n\n    &_theme_error,\n    &_theme_danger {\n        @include label-theme-block(var(--danger-text), var(--danger-background));\n    }\n\n    &_theme_info {\n        @include label-theme-block(var(--info-text), var(--info-background));\n    }\n\n    &_theme_misc {\n        @include label-theme-block(var(--g-color-text-misc), var(--g-color-base-misc-light));\n    }\n\n    &_theme_complementary {\n        @include label-theme-block(var(--g-color-text-complementary), var(--g-color-base-generic));\n    }\n\n    &_type_text {\n        font-size: 1em;\n        padding: 0;\n        background: none;\n        border: none;\n\n        &#{$label}_theme_default {\n            color: var(--default-color);\n        }\n\n        &#{$label}_theme_success {\n            color: var(--success-color);\n        }\n\n        &#{$label}_theme_warning {\n            color: var(--warning-color);\n        }\n\n        &#{$label}_theme_danger {\n            color: var(--danger-color);\n        }\n\n        &#{$label}_theme_info {\n            color: var(--info-color);\n        }\n    }\n\n    &_capitalize:first-letter {\n        text-transform: capitalize;\n    }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["Label.scss"],"names":[],"mappings":"AAKA;EAGI,cAAA;EACA,yEAAA;EAEA,qBAAA;EAEA,gBAAA;EACA,WAAA;EAEA,wBAAA;EACA,kBAAA;EACA,sBAAA;AATJ;AAWI;EAnBA,0DAqBQ;EApBR,2EAqBQ;AAVZ;AAcI;EA1BA,8DA4BQ;EA3BR,+EA4BQ;AAbZ;AAiBI;EAjCA,6DAmCQ;EAlCR,8EAmCQ;AAhBZ;AAoBI;EAxCA,2DA2CQ;EA1CR,4EA2CQ;AApBZ;AAwBI;EAhDA,uDAkDQ;EAjDR,wEAkDQ;AAvBZ;AA2BI;EAvDA,+BAwD+B;EAvD/B,gDAuDyD;AAxB7D;AA2BI;EA3DA,wCA4D+B;EA3D/B,6CA2DkE;AAxBtE;AA2BI;EACI,cAAA;EACA,UAAA;EACA,gBAAA;EACA,YAAA;AAzBR;AA2BQ;EACI,wDAAA;AAzBZ;AA4BQ;EACI,yDAAA;AA1BZ;AA6BQ;EACI,wDAAA;AA3BZ;AA8BQ;EACI,sDAAA;AA5BZ;AA+BQ;EACI,kDAAA;AA7BZ;AAiCI;EACI,0BAAA;AA/BR","file":"Label.css","sourcesContent":["@mixin label-theme-block($color, $background-color) {\n    color: $color;\n    background-color: $background-color;\n}\n\n.yt-label {\n    $label: &;\n\n    font-size: 1em;\n    font-weight: var(--yt-font-weight-bold, var(--g-text-accent-font-weight));\n\n    display: inline-block;\n\n    padding: 0 0.5em;\n    margin: 1px;\n\n    color: var(--light-text);\n    border-radius: 3px;\n    vertical-align: bottom;\n\n    &_theme_default {\n        @include label-theme-block(\n            var(--default-text, var(--g-color-text-misc-heavy)),\n            var(--default-background, var(--g-color-base-misc-light))\n        );\n    }\n\n    &_theme_success {\n        @include label-theme-block(\n            var(--success-text, var(--g-color-text-positive-heavy)),\n            var(--success-background, var(--g-color-base-positive-light))\n        );\n    }\n\n    &_theme_warning {\n        @include label-theme-block(\n            var(--warning-text, var(--g-color-text-warning-heavy)),\n            var(--warning-background, var(--g-color-base-warning-light))\n        );\n    }\n\n    &_theme_error,\n    &_theme_danger {\n        @include label-theme-block(\n            var(--danger-text, var(--g-color-text-danger-heavy)),\n            var(--danger-background, var(--g-color-base-danger-light))\n        );\n    }\n\n    &_theme_info {\n        @include label-theme-block(\n            var(--info-text, var(--g-color-text-info-heavy)),\n            var(--info-background, var(--g-color-base-info-light))\n        );\n    }\n\n    &_theme_misc {\n        @include label-theme-block(var(--g-color-text-misc), var(--g-color-base-misc-light));\n    }\n\n    &_theme_complementary {\n        @include label-theme-block(var(--g-color-text-complementary), var(--g-color-base-generic));\n    }\n\n    &_type_text {\n        font-size: 1em;\n        padding: 0;\n        background: none;\n        border: none;\n\n        &#{$label}_theme_default {\n            color: var(--default-color, var(--g-color-text-primary));\n        }\n\n        &#{$label}_theme_success {\n            color: var(--success-color, var(--g-color-text-positive));\n        }\n\n        &#{$label}_theme_warning {\n            color: var(--warning-color, var(--g-color-text-warning));\n        }\n\n        &#{$label}_theme_danger {\n            color: var(--danger-color, var(--g-color-text-danger));\n        }\n\n        &#{$label}_theme_info {\n            color: var(--info-color, var(--g-color-text-info));\n        }\n    }\n\n    &_capitalize:first-letter {\n        text-transform: capitalize;\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/Label/Label.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import './Label.scss';
 export type LabelTheme = 'default' | 'success' | 'warning' | 'danger' | 'error' | 'info' | 'complementary' | 'misc';
-interface Props {
+export interface LabelProps {
     className?: string;
     theme?: LabelTheme;
     type?: 'block' | 'text';
@@ -9,6 +10,5 @@ interface Props {
     children?: React.ReactNode;
     hideTitle?: boolean;
 }
-export declare const Label: ({ theme, type, text, hideTitle, className, children, capitalize, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Label: ({ theme, type, text, hideTitle, className, children, capitalize, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Label.d.ts.map

package/build/esm/components/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAItB,MAAM,MAAM,UAAU,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,MAAM,GACN,eAAe,GACf,MAAM,CAAC;AAEb,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,GAAI,oEAQnB,KAAK,4CASP,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,CAAC;AAItB,MAAM,MAAM,UAAU,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,MAAM,GACN,eAAe,GACf,MAAM,CAAC;AAEb,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,GAAI,oEAQnB,UAAU,4CASZ,CAAC"}

package/build/esm/components/Label/Label.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import block from 'bem-cn-lite';
 import "./Label.css";
 import { jsx as _jsx } from "react/jsx-runtime";

package/build/esm/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"names":["block","jsx","_jsx","b","Label","_ref","_ref$theme","theme","_ref$type","type","text","hideTitle","className","children","capitalize","title","undefined"],"sources":["Label.tsx"],"sourcesContent":["import block from 'bem-cn-lite';\n\nimport './Label.scss';\n\nconst b = block('yt-label');\n\nexport type LabelTheme =\n    | 'default'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'error'\n    | 'info'\n    | 'complementary'\n    | 'misc';\n\ninterface Props {\n    className?: string;\n    theme?: LabelTheme;\n    type?: 'block' | 'text';\n    text?: string | number;\n    capitalize?: boolean;\n    children?: React.ReactNode;\n    hideTitle?: boolean;\n}\n\nexport const Label = ({\n    theme = 'default',\n    type = 'block',\n    text,\n    hideTitle,\n    className,\n    children,\n    capitalize,\n}: Props) => {\n    return (\n        <span\n            className={b({theme, type, capitalize}, className)}\n            title={hideTitle ? undefined : (text as string)}\n        >\n            {text || children}\n        </span>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,aAAa;AAE/B,OAAO,aAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtB,IAAMC,CAAC,GAAGH,KAAK,CAAC,UAAU,CAAC;AAsB3B,OAAO,IAAMI,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAQL;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAPTE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAH,IAAA,CACjBI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA;IACdE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,UAAU,GAAAT,IAAA,CAAVS,UAAU;EAEV,oBACIZ,IAAA;IACIU,SAAS,EAAET,CAAC,CAAC;MAACI,KAAK,EAALA,KAAK;MAAEE,IAAI,EAAJA,IAAI;MAAEK,UAAU,EAAVA;IAAU,CAAC,EAAEF,SAAS,CAAE;IACnDG,KAAK,EAAEJ,SAAS,GAAGK,SAAS,GAAIN,IAAgB;IAAAG,QAAA,EAE/CH,IAAI,IAAIG;EAAQ,CACf,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","block","jsx","_jsx","b","Label","_ref","_ref$theme","theme","_ref$type","type","text","hideTitle","className","children","capitalize","title","undefined"],"sources":["Label.tsx"],"sourcesContent":["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport './Label.scss';\n\nconst b = block('yt-label');\n\nexport type LabelTheme =\n    | 'default'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'error'\n    | 'info'\n    | 'complementary'\n    | 'misc';\n\nexport interface LabelProps {\n    className?: string;\n    theme?: LabelTheme;\n    type?: 'block' | 'text';\n    text?: string | number;\n    capitalize?: boolean;\n    children?: React.ReactNode;\n    hideTitle?: boolean;\n}\n\nexport const Label = ({\n    theme = 'default',\n    type = 'block',\n    text,\n    hideTitle,\n    className,\n    children,\n    capitalize,\n}: LabelProps) => {\n    return (\n        <span\n            className={b({theme, type, capitalize}, className)}\n            title={hideTitle ? undefined : (text as string)}\n        >\n            {text || children}\n        </span>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,aAAa;AAE/B,OAAO,aAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtB,IAAMC,CAAC,GAAGH,KAAK,CAAC,UAAU,CAAC;AAsB3B,OAAO,IAAMI,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAQA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAPdE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAH,IAAA,CACjBI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA;IACdE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,UAAU,GAAAT,IAAA,CAAVS,UAAU;EAEV,oBACIZ,IAAA;IACIU,SAAS,EAAET,CAAC,CAAC;MAACI,KAAK,EAALA,KAAK;MAAEE,IAAI,EAAJA,IAAI;MAAEK,UAAU,EAAVA;IAAU,CAAC,EAAEF,SAAS,CAAE;IACnDG,KAAK,EAAEJ,SAAS,GAAGK,SAAS,GAAIN,IAAgB;IAAAG,QAAA,EAE/CH,IAAI,IAAIG;EAAQ,CACf,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/Label/Label.scss

@@ -7,7 +7,7 @@
     $label: &;
 
     font-size: 1em;
-    font-weight: var(--yt-font-weight-bold);
+    font-weight: var(--yt-font-weight-bold, var(--g-text-accent-font-weight));
 
     display: inline-block;
 
@@ -19,24 +19,39 @@
     vertical-align: bottom;
 
     &_theme_default {
-        @include label-theme-block(var(--default-text), var(--default-background));
+        @include label-theme-block(
+            var(--default-text, var(--g-color-text-misc-heavy)),
+            var(--default-background, var(--g-color-base-misc-light))
+        );
     }
 
     &_theme_success {
-        @include label-theme-block(var(--success-text), var(--success-background));
+        @include label-theme-block(
+            var(--success-text, var(--g-color-text-positive-heavy)),
+            var(--success-background, var(--g-color-base-positive-light))
+        );
     }
 
     &_theme_warning {
-        @include label-theme-block(var(--warning-text), var(--warning-background));
+        @include label-theme-block(
+            var(--warning-text, var(--g-color-text-warning-heavy)),
+            var(--warning-background, var(--g-color-base-warning-light))
+        );
     }
 
     &_theme_error,
     &_theme_danger {
-        @include label-theme-block(var(--danger-text), var(--danger-background));
+        @include label-theme-block(
+            var(--danger-text, var(--g-color-text-danger-heavy)),
+            var(--danger-background, var(--g-color-base-danger-light))
+        );
     }
 
     &_theme_info {
-        @include label-theme-block(var(--info-text), var(--info-background));
+        @include label-theme-block(
+            var(--info-text, var(--g-color-text-info-heavy)),
+            var(--info-background, var(--g-color-base-info-light))
+        );
     }
 
     &_theme_misc {
@@ -54,23 +69,23 @@
         border: none;
 
         &#{$label}_theme_default {
-            color: var(--default-color);
+            color: var(--default-color, var(--g-color-text-primary));
         }
 
         &#{$label}_theme_success {
-            color: var(--success-color);
+            color: var(--success-color, var(--g-color-text-positive));
         }
 
         &#{$label}_theme_warning {
-            color: var(--warning-color);
+            color: var(--warning-color, var(--g-color-text-warning));
         }
 
         &#{$label}_theme_danger {
-            color: var(--danger-color);
+            color: var(--danger-color, var(--g-color-text-danger));
         }
 
         &#{$label}_theme_info {
-            color: var(--info-color);
+            color: var(--info-color, var(--g-color-text-info));
         }
     }
 

package/build/esm/components/Label/Label.stories.d.ts

@@ -0,0 +1,40 @@
+import type { StoryObj } from '@storybook/react';
+import { type LabelProps } from './Label';
+declare const meta: {
+    title: string;
+    component: ({ theme, type, text, hideTitle, className, children, capitalize, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        text: string;
+        theme: "default";
+        type: "block";
+        capitalize: false;
+        hideTitle: false;
+    };
+    argTypes: {
+        theme: {
+            control: "select";
+            options: ("default" | "success" | "warning" | "danger" | "error" | "info" | "complementary" | "misc")[];
+        };
+        type: {
+            control: "inline-radio";
+            options: string[];
+        };
+        capitalize: {
+            control: "boolean";
+        };
+        hideTitle: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type LabelStory = StoryObj<typeof meta>;
+/** Base label; theme, type, text, and other props are in Controls. */
+export declare const Label: LabelStory;
+type LabelOnOffArgs = {
+    state: 'on' | 'off' | 'noValue';
+};
+/** Toggle On / Off / No value with State (noValue renders `format.NO_VALUE`). */
+export declare const LabelOnOff: StoryObj<LabelOnOffArgs>;
+//# sourceMappingURL=Label.stories.d.ts.map

package/build/esm/components/Label/Label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAC,KAAK,UAAU,EAAoC,MAAM,SAAS,CAAC;AAG3E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAEpB,KAAK,UAAU,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAExC,sEAAsE;AACtE,eAAO,MAAM,KAAK,EAAE,UAAe,CAAC;AAEpC,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE,IAAI,GAAG,KAAK,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsB/C,CAAC"}

package/build/esm/components/Label/Label.stories.js

@@ -0,0 +1,62 @@
+import { Label as YtLabel } from './Label';
+import { LabelOnOff as YtLabelOnOff } from './LabelOnOff';
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/Label',
+  component: YtLabel,
+  tags: ['autodocs'],
+  args: {
+    text: 'Label text',
+    theme: 'default',
+    type: 'block',
+    capitalize: false,
+    hideTitle: false
+  },
+  argTypes: {
+    theme: {
+      control: 'select',
+      options: ['default', 'success', 'warning', 'danger', 'error', 'info', 'complementary', 'misc']
+    },
+    type: {
+      control: 'inline-radio',
+      options: ['block', 'text']
+    },
+    capitalize: {
+      control: 'boolean'
+    },
+    hideTitle: {
+      control: 'boolean'
+    }
+  }
+};
+export default meta;
+/** Base label; theme, type, text, and other props are in Controls. */
+export var Label = {};
+/** Toggle On / Off / No value with State (noValue renders `format.NO_VALUE`). */
+export var LabelOnOff = {
+  name: 'LabelOnOff',
+  argTypes: {
+    state: {
+      control: 'inline-radio',
+      options: ['on', 'off', 'noValue']
+    }
+  },
+  args: {
+    state: 'on'
+  },
+  render: function render(_ref) {
+    var state = _ref.state;
+    var value;
+    if (state === 'on') {
+      value = true;
+    } else if (state === 'off') {
+      value = false;
+    } else {
+      value = undefined;
+    }
+    return /*#__PURE__*/_jsx(YtLabelOnOff, {
+      value: value
+    });
+  }
+};
+// #sourceMappingURL=Label.stories.js.map

package/build/esm/components/Label/Label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Label","YtLabel","LabelOnOff","YtLabelOnOff","jsx","_jsx","meta","title","component","tags","args","text","theme","type","capitalize","hideTitle","argTypes","control","options","name","state","render","_ref","value","undefined"],"sources":["Label.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\n\nimport {type LabelProps, type LabelTheme, Label as YtLabel} from './Label';\nimport {LabelOnOff as YtLabelOnOff} from './LabelOnOff';\n\nconst meta = {\n    title: 'Components/Label',\n    component: YtLabel,\n    tags: ['autodocs'],\n    args: {\n        text: 'Label text',\n        theme: 'default',\n        type: 'block',\n        capitalize: false,\n        hideTitle: false,\n    },\n    argTypes: {\n        theme: {\n            control: 'select',\n            options: [\n                'default',\n                'success',\n                'warning',\n                'danger',\n                'error',\n                'info',\n                'complementary',\n                'misc',\n            ] satisfies LabelTheme[],\n        },\n        type: {\n            control: 'inline-radio',\n            options: ['block', 'text'],\n        },\n        capitalize: {control: 'boolean'},\n        hideTitle: {control: 'boolean'},\n    },\n} satisfies Meta<LabelProps>;\n\nexport default meta;\n\ntype LabelStory = StoryObj<typeof meta>;\n\n/** Base label; theme, type, text, and other props are in Controls. */\nexport const Label: LabelStory = {};\n\ntype LabelOnOffArgs = {\n    state: 'on' | 'off' | 'noValue';\n};\n\n/** Toggle On / Off / No value with State (noValue renders `format.NO_VALUE`). */\nexport const LabelOnOff: StoryObj<LabelOnOffArgs> = {\n    name: 'LabelOnOff',\n    argTypes: {\n        state: {\n            control: 'inline-radio',\n            options: ['on', 'off', 'noValue'],\n        },\n    },\n    args: {\n        state: 'on',\n    },\n    render: ({state}: LabelOnOffArgs) => {\n        let value: boolean | undefined;\n        if (state === 'on') {\n            value = true;\n        } else if (state === 'off') {\n            value = false;\n        } else {\n            value = undefined;\n        }\n        return <YtLabelOnOff value={value} />;\n    },\n};\n"],"mappings":"AAEA,SAA0CA,KAAK,IAAIC,OAAO,QAAO,SAAS;AAC1E,SAAQC,UAAU,IAAIC,YAAY,QAAO,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,kBAAkB;EACzBC,SAAS,EAAEP,OAAO;EAClBQ,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IACFC,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE,OAAO;IACbC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACNJ,KAAK,EAAE;MACHK,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,EACN,eAAe,EACf,MAAM;IAEd,CAAC;IACDL,IAAI,EAAE;MACFI,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM;IAC7B,CAAC;IACDJ,UAAU,EAAE;MAACG,OAAO,EAAE;IAAS,CAAC;IAChCF,SAAS,EAAE;MAACE,OAAO,EAAE;IAAS;EAClC;AACJ,CAA4B;AAE5B,eAAeX,IAAI;AAInB;AACA,OAAO,IAAMN,KAAiB,GAAG,CAAC,CAAC;AAMnC;AACA,OAAO,IAAME,UAAoC,GAAG;EAChDiB,IAAI,EAAE,YAAY;EAClBH,QAAQ,EAAE;IACNI,KAAK,EAAE;MACHH,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS;IACpC;EACJ,CAAC;EACDR,IAAI,EAAE;IACFU,KAAK,EAAE;EACX,CAAC;EACDC,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAA+B;IAAA,IAA3BF,KAAK,GAAAE,IAAA,CAALF,KAAK;IACX,IAAIG,KAA0B;IAC9B,IAAIH,KAAK,KAAK,IAAI,EAAE;MAChBG,KAAK,GAAG,IAAI;IAChB,CAAC,MAAM,IAAIH,KAAK,KAAK,KAAK,EAAE;MACxBG,KAAK,GAAG,KAAK;IACjB,CAAC,MAAM;MACHA,KAAK,GAAGC,SAAS;IACrB;IACA,oBAAOnB,IAAA,CAACF,YAAY;MAACoB,KAAK,EAAEA;IAAM,CAAE,CAAC;EACzC;AACJ,CAAC","ignoreList":[]}

package/build/esm/components/Label/LabelOnOff.d.ts

@@ -1,5 +1,5 @@
 export declare function LabelOnOff({ value, className }: {
     value?: boolean;
     className?: string;
-}): any;
+}): string | import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LabelOnOff.d.ts.map

package/build/esm/components/Label/LabelOnOff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelOnOff.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/LabelOnOff.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,OAOnF"}
+{"version":3,"file":"LabelOnOff.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/LabelOnOff.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,oDAOnF"}

package/build/esm/components/Label/LabelOnOff.js

@@ -1,5 +1,5 @@
 import { Label } from './Label';
-import { format } from '../../utils/hammer';
+import { format } from '../../utils';
 import i18n from './i18n';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function LabelOnOff(_ref) {

package/build/esm/components/Label/LabelOnOff.js.map

@@ -1 +1 @@
-{"version":3,"names":["Label","format","i18n","jsx","_jsx","LabelOnOff","_ref","value","className","undefined","NO_VALUE","theme","text"],"sources":["LabelOnOff.tsx"],"sourcesContent":["import {Label} from './Label';\nimport {format} from '../../utils/hammer';\nimport i18n from './i18n';\n\nexport function LabelOnOff({value, className}: {value?: boolean; className?: string}) {\n    if (value === undefined) {\n        return format.NO_VALUE;\n    }\n    const theme = value ? 'success' : 'danger';\n    const text = value ? i18n('value_on') : i18n('value_off');\n    return <Label theme={theme} text={text} className={className} />;\n}\n"],"mappings":"AAAA,SAAQA,KAAK,QAAO,SAAS;AAC7B,SAAQC,MAAM,QAAO,oBAAoB;AACzC,OAAOC,IAAI,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAA4D;EAAA,IAA1DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACxC,IAAID,KAAK,KAAKE,SAAS,EAAE;IACrB,OAAOR,MAAM,CAACS,QAAQ;EAC1B;EACA,IAAMC,KAAK,GAAGJ,KAAK,GAAG,SAAS,GAAG,QAAQ;EAC1C,IAAMK,IAAI,GAAGL,KAAK,GAAGL,IAAI,CAAC,UAAU,CAAC,GAAGA,IAAI,CAAC,WAAW,CAAC;EACzD,oBAAOE,IAAA,CAACJ,KAAK;IAACW,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACJ,SAAS,EAAEA;EAAU,CAAE,CAAC;AACpE","ignoreList":[]}
+{"version":3,"names":["Label","format","i18n","jsx","_jsx","LabelOnOff","_ref","value","className","undefined","NO_VALUE","theme","text"],"sources":["LabelOnOff.tsx"],"sourcesContent":["import {Label} from './Label';\nimport {format} from '../../utils';\nimport i18n from './i18n';\n\nexport function LabelOnOff({value, className}: {value?: boolean; className?: string}) {\n    if (value === undefined) {\n        return format.NO_VALUE;\n    }\n    const theme = value ? 'success' : 'danger';\n    const text = value ? i18n('value_on') : i18n('value_off');\n    return <Label theme={theme} text={text} className={className} />;\n}\n"],"mappings":"AAAA,SAAQA,KAAK,QAAO,SAAS;AAC7B,SAAQC,MAAM,QAAO,aAAa;AAClC,OAAOC,IAAI,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAA4D;EAAA,IAA1DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACxC,IAAID,KAAK,KAAKE,SAAS,EAAE;IACrB,OAAOR,MAAM,CAACS,QAAQ;EAC1B;EACA,IAAMC,KAAK,GAAGJ,KAAK,GAAG,SAAS,GAAG,QAAQ;EAC1C,IAAMK,IAAI,GAAGL,KAAK,GAAGL,IAAI,CAAC,UAAU,CAAC,GAAGA,IAAI,CAAC,WAAW,CAAC;EACzD,oBAAOE,IAAA,CAACJ,KAAK;IAACW,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACJ,SAAS,EAAEA;EAAU,CAAE,CAAC;AACpE","ignoreList":[]}