@dss-kit/ui-kit 1.0.0 → 1.0.2

package/dist/components/shared/Dot/Dot.js

@@ -0,0 +1,32 @@
+import { jsx as m } from "react/jsx-runtime";
+import { cx as d } from "@emotion/css";
+import { DOT_BACKGROUND as n, DOT_CUTOUT_COLOR as l, DOT_CUTOUT_WIDTH as f, DOT_SIZE as o } from "./Dot.const.js";
+import { dotStyles as a } from "./styles.js";
+import { Box as p } from "../../builders/Box/Box.js";
+import { theme as s } from "../../../utils/theme/index.js";
+const { cornerRadius: O } = s;
+function _({
+  colorName: t = "negative",
+  size: r = "md",
+  withBorder: e = !0,
+  className: i
+}) {
+  return /* @__PURE__ */ m(
+    p,
+    {
+      display: "inline-flex",
+      flexShrink: 0,
+      w: o[r],
+      h: o[r],
+      borderRadius: O.fullRound,
+      borderWidth: f,
+      borderStyle: "solid",
+      borderColor: e ? l : "transparent",
+      backgroundColor: n[t],
+      className: d(a, i)
+    }
+  );
+}
+export {
+  _ as Dot
+};

package/dist/components/shared/Dot/Dot.types.d.ts

@@ -0,0 +1,17 @@
+import { AccentType, NegativeType, NeutralType, Size } from '../../../types/tokens.types';
+export type DotColorName = NegativeType | AccentType | NeutralType;
+export type DotSize = Extract<Size, "sm" | "md">;
+export interface DotProps {
+    /** Цветовая схема точки. @default "negative" */
+    colorName?: DotColorName;
+    /** Размер точки вместе с обводкой: "sm" (6px) или "md" (8px). @default "md" */
+    size?: DotSize;
+    /**
+     * Обводка цветом фона страницы. Отделяет точку от элемента, на который она наложена.
+     * При `false` рамка становится прозрачной, место под неё и размеры точки сохраняются.
+     * @default true
+     */
+    withBorder?: boolean;
+    /** Класс для корневого элемента. Добавляется к внутренним классам, например для позиционирования снаружи. */
+    className?: string;
+}

package/dist/components/shared/Dot/index.d.ts

@@ -0,0 +1,2 @@
+export { Dot } from './Dot';
+export type { DotColorName, DotProps, DotSize } from './Dot.types';

package/dist/components/shared/Dot/styles.d.ts

@@ -0,0 +1 @@
+export declare const dotStyles: string;

package/dist/components/shared/Dot/styles.js

@@ -0,0 +1,7 @@
+import { css as o } from "@emotion/css";
+const d = o({
+  backgroundClip: "padding-box"
+});
+export {
+  d as dotStyles
+};

package/dist/components/shared/index.d.ts

@@ -1,5 +1,7 @@
 export * from './Avatar';
 export * from './Badge';
+export * from './Counter';
+export * from './Dot';
 export * from './Hint';
 export * from './MarkdownText';
 export * from './Popover';

package/dist/index.js

@@ -2,7 +2,7 @@
 import { UiKitLocaleProvider as t } from "./locale/UiKitLocaleProvider/UiKitLocaleProvider.js";
 import { Box as m } from "./components/builders/Box/Box.js";
 import { Loader as f } from "./components/builders/Loader/Loader.js";
-import { Modal as i } from "./components/builders/Modal/index.js";
+import { Modal as n } from "./components/builders/Modal/index.js";
 import { Portal as T } from "./components/builders/Portal/Portal.js";
 import { Ripple as l } from "./components/builders/Ripple/Ripple.js";
 import { Table as C } from "./components/builders/Table/Table.js";
@@ -14,8 +14,8 @@ import { Button as P } from "./components/controls/Button/Button.js";
 import { Checkbox as _ } from "./components/controls/Checkbox/Checkbox.js";
 import { IconButton as I } from "./components/controls/IconButton/IconButton.js";
 import { Input as v } from "./components/controls/Input/Input.js";
-import { MarkdownToolbarAction as K } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
-import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as D } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
+import { MarkdownToolbarAction as D } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
+import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as O } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
 import { MarkdownTextEditor as U } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.js";
 import { OtpInput as y } from "./components/controls/OtpInput/OtpInput.js";
 import { Radio as F } from "./components/controls/RadioGroup/Radio.js";
@@ -27,76 +27,80 @@ import { Tabs as Z } from "./components/controls/Tabs/Tabs.js";
 import { Breadcrumbs as oo } from "./components/navigation/Breadcrumbs/Breadcrumbs.js";
 import { Avatar as eo } from "./components/shared/Avatar/Avatar.js";
 import { Badge as po } from "./components/shared/Badge/Badge.js";
-import { Hint as xo } from "./components/shared/Hint/Hint.js";
-import { MarkdownText as ao } from "./components/shared/MarkdownText/MarkdownText.js";
-import { Popover as no } from "./components/shared/Popover/Popover.js";
-import { Skeleton as so } from "./components/shared/Skeleton/Skeleton.js";
-import { Tag as Co } from "./components/shared/Tag/Tag.js";
-import { Toast as Bo } from "./components/shared/Toast/Toast.js";
-import { useToast as ho } from "./components/shared/Toast/Toast.hooks.js";
-import { toast as ko } from "./components/shared/Toast/Toast.utils.js";
-import { ToastContainer as Eo } from "./components/shared/Toast/ToastContainer.js";
-import { Tooltip as Mo } from "./components/shared/Tooltip/Tooltip.js";
-import { ThemeProviderScoped as Ro } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
-import { THEME_DATA_ATTRIBUTE as bo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
-import { ThemeContext as Lo, useUiKitTheme as vo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.context.js";
-import { useControlled as Ko } from "./utils/hooks/useControlled.js";
-import { useBreakpoint as Do } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
-import { Breakpoints as Uo, BreakpointsBase as Wo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
-import { getFontWeightClass as zo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
-import { getSizeClass as Go } from "./utils/styles/getSizeClass/getSizeClass.js";
-import { getStyleClass as Xo } from "./utils/styles/getStyleClass/getStyleClass.js";
-import { theme as jo } from "./utils/theme/index.js";
+import { Counter as xo } from "./components/shared/Counter/Counter.js";
+import { Dot as ao } from "./components/shared/Dot/Dot.js";
+import { Hint as io } from "./components/shared/Hint/Hint.js";
+import { MarkdownText as so } from "./components/shared/MarkdownText/MarkdownText.js";
+import { Popover as Co } from "./components/shared/Popover/Popover.js";
+import { Skeleton as Bo } from "./components/shared/Skeleton/Skeleton.js";
+import { Tag as ho } from "./components/shared/Tag/Tag.js";
+import { Toast as ko } from "./components/shared/Toast/Toast.js";
+import { useToast as Eo } from "./components/shared/Toast/Toast.hooks.js";
+import { toast as Mo } from "./components/shared/Toast/Toast.utils.js";
+import { ToastContainer as Ro } from "./components/shared/Toast/ToastContainer.js";
+import { Tooltip as bo } from "./components/shared/Tooltip/Tooltip.js";
+import { ThemeProviderScoped as Lo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
+import { THEME_DATA_ATTRIBUTE as wo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
+import { ThemeContext as Ko, useUiKitTheme as Oo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.context.js";
+import { useControlled as Uo } from "./utils/hooks/useControlled.js";
+import { useBreakpoint as yo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
+import { Breakpoints as Fo, BreakpointsBase as Go } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
+import { getFontWeightClass as Xo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
+import { getSizeClass as jo } from "./utils/styles/getSizeClass/getSizeClass.js";
+import { getStyleClass as Jo } from "./utils/styles/getStyleClass/getStyleClass.js";
+import { theme as Vo } from "./utils/theme/index.js";
 export {
   h as AnimatedText,
   eo as Avatar,
   po as Badge,
   m as Box,
   oo as Breadcrumbs,
-  Uo as Breakpoints,
-  Wo as BreakpointsBase,
+  Fo as Breakpoints,
+  Go as BreakpointsBase,
   P as Button,
   _ as Checkbox,
-  xo as Hint,
+  xo as Counter,
+  ao as Dot,
+  io as Hint,
   I as IconButton,
   v as Input,
   A as LineChart,
   f as Loader,
-  D as MARKDOWN_TEXT_EDITOR_LOCALE_KEY,
-  ao as MarkdownText,
+  O as MARKDOWN_TEXT_EDITOR_LOCALE_KEY,
+  so as MarkdownText,
   U as MarkdownTextEditor,
-  K as MarkdownToolbarAction,
-  i as Modal,
+  D as MarkdownToolbarAction,
+  n as Modal,
   y as OtpInput,
   S as PieProgressChart,
-  no as Popover,
+  Co as Popover,
   T as Portal,
   F as Radio,
   N as RadioGroup,
   l as Ripple,
   Y as SegmentControl,
   q as Select,
-  so as Skeleton,
+  Bo as Skeleton,
   Q as Switch,
-  bo as THEME_DATA_ATTRIBUTE,
+  wo as THEME_DATA_ATTRIBUTE,
   C as Table,
   Z as Tabs,
-  Co as Tag,
+  ho as Tag,
   g as Text,
-  Lo as ThemeContext,
-  Ro as ThemeProviderScoped,
-  Bo as Toast,
-  Eo as ToastContainer,
-  Mo as Tooltip,
+  Ko as ThemeContext,
+  Lo as ThemeProviderScoped,
+  ko as Toast,
+  Ro as ToastContainer,
+  bo as Tooltip,
   t as UiKitLocaleProvider,
   B as createColumnHelper,
-  zo as getFontWeightClass,
-  Go as getSizeClass,
-  Xo as getStyleClass,
-  jo as theme,
-  ko as toast,
-  Do as useBreakpoint,
-  Ko as useControlled,
-  ho as useToast,
-  vo as useUiKitTheme
+  Xo as getFontWeightClass,
+  jo as getSizeClass,
+  Jo as getStyleClass,
+  Vo as theme,
+  Mo as toast,
+  yo as useBreakpoint,
+  Uo as useControlled,
+  Eo as useToast,
+  Oo as useUiKitTheme
 };