@ytsaurus/components 0.2.1 → 0.2.3

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

@@ -0,0 +1,106 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { fn } from 'storybook/test';
+import { DataTableYT } from './DataTableYT';
+import { THEME_LEGACY, THEME_YANDEX_CLOUD, dataTableYTDemoColumns, dataTableYTStoryDefaultArgs, dataTableYTStoryFrameStyle } from './dataTableYTStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/DataTableYT',
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+    docs: {
+      description: {
+        component: 'Wrapper over `@gravity-ui/react-data-table` with YTsaurus styling (`useThemeYT`), empty/loading states, and `NoContent` when `loaded` and there are no rows.'
+      }
+    }
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: dataTableYTStoryFrameStyle,
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }],
+  args: _objectSpread(_objectSpread({}, dataTableYTStoryDefaultArgs), {}, {
+    onRowClick: fn()
+  }),
+  argTypes: {
+    data: {
+      control: 'object'
+    },
+    settings: {
+      control: 'object'
+    },
+    theme: {
+      control: 'select',
+      options: [THEME_YANDEX_CLOUD, THEME_LEGACY],
+      "if": {
+        arg: 'useThemeYT',
+        truthy: false
+      }
+    },
+    onRowClick: {
+      table: {
+        disable: true
+      }
+    }
+  },
+  render: function render(_ref) {
+    var data = _ref.data,
+      loaded = _ref.loaded,
+      loading = _ref.loading,
+      useThemeYT = _ref.useThemeYT,
+      theme = _ref.theme,
+      disableRightGap = _ref.disableRightGap,
+      noItemsText = _ref.noItemsText,
+      settings = _ref.settings,
+      onRowClick = _ref.onRowClick;
+    var common = {
+      columns: dataTableYTDemoColumns,
+      data: data,
+      loaded: loaded,
+      loading: loading,
+      disableRightGap: disableRightGap,
+      noItemsText: noItemsText,
+      settings: settings,
+      onRowClick: onRowClick
+    };
+    if (useThemeYT) {
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, common), {}, {
+        useThemeYT: true
+      }));
+    }
+    return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, common), {}, {
+      theme: theme
+    }));
+  }
+};
+export default meta;
+export var Default = {};
+export var GravityTheme = {
+  args: {
+    useThemeYT: false,
+    theme: THEME_YANDEX_CLOUD
+  }
+};
+export var GravityLegacyTheme = {
+  name: 'Gravity theme (legacy)',
+  args: {
+    useThemeYT: false,
+    theme: THEME_LEGACY
+  }
+};
+export var Empty = {
+  args: {
+    data: [],
+    loaded: true,
+    loading: false
+  }
+};
+export var Loading = {
+  args: {
+    data: [],
+    loaded: false,
+    loading: true
+  }
+};
+// #sourceMappingURL=DataTableYT.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fn","DataTableYT","THEME_LEGACY","THEME_YANDEX_CLOUD","dataTableYTDemoColumns","dataTableYTStoryDefaultArgs","dataTableYTStoryFrameStyle","jsx","_jsx","meta","title","tags","parameters","layout","docs","description","component","decorators","Story","style","children","args","_objectSpread","onRowClick","argTypes","data","control","settings","theme","options","arg","truthy","table","disable","render","_ref","loaded","loading","useThemeYT","disableRightGap","noItemsText","common","columns","Default","GravityTheme","GravityLegacyTheme","name","Empty","Loading"],"sources":["DataTableYT.stories.tsx"],"sourcesContent":["import type {Decorator, Meta, StoryObj} from '@storybook/react';\nimport {fn} from 'storybook/test';\n\nimport {DataTableYT, type DataTableYtProps} from './DataTableYT';\nimport {\n    type DataTableYTDemoRow,\n    type DataTableYTStoryArgs,\n    THEME_LEGACY,\n    THEME_YANDEX_CLOUD,\n    dataTableYTDemoColumns,\n    dataTableYTStoryDefaultArgs,\n    dataTableYTStoryFrameStyle,\n} from './dataTableYTStorySetup';\n\ntype StoryArgs = DataTableYTStoryArgs & {\n    onRowClick?: DataTableYtProps<DataTableYTDemoRow>['onRowClick'];\n};\n\nconst meta = {\n    title: 'Components/DataTableYT',\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n        docs: {\n            description: {\n                component:\n                    'Wrapper over `@gravity-ui/react-data-table` with YTsaurus styling (`useThemeYT`), empty/loading states, and `NoContent` when `loaded` and there are no rows.',\n            },\n        },\n    },\n    decorators: [\n        ((Story) => (\n            <div style={dataTableYTStoryFrameStyle}>\n                <Story />\n            </div>\n        )) as Decorator<StoryArgs>,\n    ],\n    args: {\n        ...dataTableYTStoryDefaultArgs,\n        onRowClick: fn(),\n    },\n    argTypes: {\n        data: {control: 'object'},\n        settings: {control: 'object'},\n        theme: {\n            control: 'select',\n            options: [THEME_YANDEX_CLOUD, THEME_LEGACY],\n            if: {arg: 'useThemeYT', truthy: false},\n        },\n        onRowClick: {table: {disable: true}},\n    },\n    render: ({\n        data,\n        loaded,\n        loading,\n        useThemeYT,\n        theme,\n        disableRightGap,\n        noItemsText,\n        settings,\n        onRowClick,\n    }: StoryArgs) => {\n        const common = {\n            columns: dataTableYTDemoColumns,\n            data,\n            loaded,\n            loading,\n            disableRightGap,\n            noItemsText,\n            settings,\n            onRowClick,\n        } as const;\n\n        if (useThemeYT) {\n            return <DataTableYT<DataTableYTDemoRow> {...common} useThemeYT />;\n        }\n\n        return <DataTableYT<DataTableYTDemoRow> {...common} theme={theme} />;\n    },\n} satisfies Meta<StoryArgs>;\n\nexport default meta;\n\ntype Story = StoryObj<StoryArgs>;\n\nexport const Default: Story = {};\n\nexport const GravityTheme: Story = {\n    args: {\n        useThemeYT: false,\n        theme: THEME_YANDEX_CLOUD,\n    },\n};\n\nexport const GravityLegacyTheme: Story = {\n    name: 'Gravity theme (legacy)',\n    args: {\n        useThemeYT: false,\n        theme: THEME_LEGACY,\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: [],\n        loaded: true,\n        loading: false,\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        data: [],\n        loaded: false,\n        loading: true,\n    },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/DataTableYT/__tests__/DataTableYT.visual.test.js

@@ -0,0 +1,101 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { test } from '../../../../playwright-components/core';
+import { DataTableYT } from '../DataTableYT';
+import { THEME_LEGACY, THEME_YANDEX_CLOUD, dataTableYTDefaultSettings, dataTableYTDemoColumns, dataTableYTSampleData, dataTableYTStoryFrameStyle, dataTableYTVisualCaseOrder } from '../dataTableYTStorySetup';
+import { jsx as _jsx } from "react/jsx-runtime";
+var noopOnRowClick = function noopOnRowClick() {
+  return undefined;
+};
+var commonTableProps = {
+  columns: dataTableYTDemoColumns,
+  disableRightGap: false,
+  settings: dataTableYTDefaultSettings,
+  onRowClick: noopOnRowClick
+};
+var renderDataTable = function renderDataTable(id) {
+  switch (id) {
+    case 'default':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: dataTableYTSampleData,
+        loaded: true,
+        loading: false,
+        useThemeYT: true
+      }));
+    case 'gravity-yandex-cloud':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: dataTableYTSampleData,
+        loaded: true,
+        loading: false,
+        theme: THEME_YANDEX_CLOUD
+      }));
+    case 'gravity-legacy':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: dataTableYTSampleData,
+        loaded: true,
+        loading: false,
+        theme: THEME_LEGACY
+      }));
+    case 'empty':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: [],
+        loaded: true,
+        loading: false,
+        useThemeYT: true
+      }));
+    case 'loading':
+      return /*#__PURE__*/_jsx(DataTableYT, _objectSpread(_objectSpread({}, commonTableProps), {}, {
+        data: [],
+        loaded: false,
+        loading: true,
+        useThemeYT: true
+      }));
+    default:
+      {
+        var _exhaustive = id;
+        return _exhaustive;
+      }
+  }
+};
+var _iterator = _createForOfIteratorHelper(dataTableYTVisualCaseOrder),
+  _step;
+try {
+  var _loop = function _loop() {
+    var caseId = _step.value;
+    test("DataTableYT: ".concat(caseId), /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+        var mount, expectScreenshot;
+        return _regeneratorRuntime().wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              mount = _ref.mount, expectScreenshot = _ref.expectScreenshot;
+              _context.next = 1;
+              return mount(/*#__PURE__*/_jsx("div", {
+                style: dataTableYTStoryFrameStyle,
+                children: renderDataTable(caseId)
+              }));
+            case 1:
+              _context.next = 2;
+              return expectScreenshot();
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+  };
+  for (_iterator.s(); !(_step = _iterator.n()).done;) {
+    _loop();
+  }
+} catch (err) {
+  _iterator.e(err);
+} finally {
+  _iterator.f();
+}
+// #sourceMappingURL=DataTableYT.visual.test.js.map

package/build/esm/components/DataTableYT/__tests__/DataTableYT.visual.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["test","DataTableYT","THEME_LEGACY","THEME_YANDEX_CLOUD","dataTableYTDefaultSettings","dataTableYTDemoColumns","dataTableYTSampleData","dataTableYTStoryFrameStyle","dataTableYTVisualCaseOrder","jsx","_jsx","noopOnRowClick","undefined","commonTableProps","columns","disableRightGap","settings","onRowClick","renderDataTable","id","_objectSpread","data","loaded","loading","useThemeYT","theme","_exhaustive","_iterator","_createForOfIteratorHelper","_step","_loop","caseId","value","concat","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","mount","expectScreenshot","wrap","_context","prev","next","style","children","stop","_x","apply","arguments","s","n","done","err","e","f"],"sources":["DataTableYT.visual.test.tsx"],"sourcesContent":["import {type ReactElement} from 'react';\n\nimport {test} from '../../../../playwright-components/core';\n\nimport {DataTableYT} from '../DataTableYT';\nimport {\n    type DataTableYTDemoRow,\n    type DataTableYTVisualCaseId,\n    THEME_LEGACY,\n    THEME_YANDEX_CLOUD,\n    dataTableYTDefaultSettings,\n    dataTableYTDemoColumns,\n    dataTableYTSampleData,\n    dataTableYTStoryFrameStyle,\n    dataTableYTVisualCaseOrder,\n} from '../dataTableYTStorySetup';\n\nconst noopOnRowClick = () => undefined;\n\nconst commonTableProps = {\n    columns: dataTableYTDemoColumns,\n    disableRightGap: false,\n    settings: dataTableYTDefaultSettings,\n    onRowClick: noopOnRowClick,\n} as const;\n\nconst renderDataTable = (id: DataTableYTVisualCaseId): ReactElement => {\n    switch (id) {\n        case 'default':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={dataTableYTSampleData}\n                    loaded\n                    loading={false}\n                    useThemeYT\n                />\n            );\n        case 'gravity-yandex-cloud':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={dataTableYTSampleData}\n                    loaded\n                    loading={false}\n                    theme={THEME_YANDEX_CLOUD}\n                />\n            );\n        case 'gravity-legacy':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={dataTableYTSampleData}\n                    loaded\n                    loading={false}\n                    theme={THEME_LEGACY}\n                />\n            );\n        case 'empty':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={[]}\n                    loaded\n                    loading={false}\n                    useThemeYT\n                />\n            );\n        case 'loading':\n            return (\n                <DataTableYT<DataTableYTDemoRow>\n                    {...commonTableProps}\n                    data={[]}\n                    loaded={false}\n                    loading\n                    useThemeYT\n                />\n            );\n        default: {\n            const _exhaustive: never = id;\n            return _exhaustive;\n        }\n    }\n};\n\nfor (const caseId of dataTableYTVisualCaseOrder) {\n    test(`DataTableYT: ${caseId}`, async ({mount, expectScreenshot}) => {\n        await mount(<div style={dataTableYTStoryFrameStyle}>{renderDataTable(caseId)}</div>);\n        await expectScreenshot();\n    });\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/DataTableYT/dataTableYTStorySetup.d.ts

@@ -0,0 +1,28 @@
+import { type CSSProperties } from 'react';
+import { type Column, type DataTableYtProps } from './DataTableYT';
+export type DataTableYTDemoRow = {
+    id: string;
+    name: string;
+    value: number;
+};
+export declare const THEME_YANDEX_CLOUD = "yandex-cloud";
+export declare const THEME_LEGACY = "legacy";
+export declare const dataTableYTDemoColumns: Column<DataTableYTDemoRow>[];
+export declare const dataTableYTSampleData: DataTableYTDemoRow[];
+export declare const dataTableYTDefaultSettings: NonNullable<DataTableYtProps<DataTableYTDemoRow>['settings']>;
+export declare const dataTableYTStoryFrameStyle: CSSProperties;
+export type DataTableYTStoryArgs = {
+    data: DataTableYTDemoRow[];
+    loaded?: boolean;
+    loading?: boolean;
+    useThemeYT: boolean;
+    theme: string;
+    disableRightGap?: boolean;
+    noItemsText?: string;
+    settings: NonNullable<DataTableYtProps<DataTableYTDemoRow>['settings']>;
+};
+export declare const dataTableYTStoryDefaultArgs: DataTableYTStoryArgs;
+/** Stable order for Playwright screenshots (matches story variants). */
+export declare const dataTableYTVisualCaseOrder: readonly ["default", "gravity-yandex-cloud", "gravity-legacy", "empty", "loading"];
+export type DataTableYTVisualCaseId = (typeof dataTableYTVisualCaseOrder)[number];
+//# sourceMappingURL=dataTableYTStorySetup.d.ts.map

package/build/esm/components/DataTableYT/dataTableYTStorySetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTableYTStorySetup.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTableYT/dataTableYTStorySetup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,YAAY,WAAW,CAAC;AAErC,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAY9D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,EAIrD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,WAAW,CAChD,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAKnD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,aAExC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAQzC,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,0BAA0B,oFAM7B,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC"}

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":[]}