@dss-kit/ui-kit 0.2.16 → 0.2.18

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

@@ -0,0 +1,296 @@
+import { FC, ReactNode } from 'react';
+import { CornerRadius, Size } from '../../../types/tokens.types';
+/**
+ * Варианты отображения скелетона
+ *
+ * @typedef {string} SkeletonVariant
+ * @description Определяет форму и стилизацию скелетона:
+ * - `text` - для имитации текстового содержимого с закругленными краями
+ * - `rectangular` - прямоугольная форма с умеренными закруглениями (по умолчанию)
+ * - `circular` - круглая форма для аватаров, кнопок и иконок
+ *
+ * @example
+ * // Круглый скелетон для аватара
+ * <Skeleton variant="circular" size="md" />
+ *
+ * // Текстовый скелетон
+ * <Skeleton variant="text" width="200px" height="16px" />
+ */
+export type SkeletonVariant = "text" | "rectangular" | "circular";
+/**
+ * Предустановленные размеры скелетона
+ *
+ * @typedef {string} SkeletonSize
+ * @description Размеры из дизайн-системы для быстрого создания скелетонов стандартных размеров:
+ * - `xs` - 16x16px - для мелких элементов (иконки, чекбоксы)
+ * - `sm` - 24x24px - для небольших кнопок и иконок
+ * - `md` - 32x32px - для аватаров среднего размера
+ * - `lg` - 40x40px - для крупных элементов интерфейса
+ * - `xl` - 48x48px - для больших аватаров и кнопок
+ *
+ * @example
+ * // Скелетон размера 'md' (32x32px)
+ * <Skeleton size="md" variant="circular" />
+ */
+export type SkeletonSize = Extract<Size, "xs" | "sm" | "md" | "lg" | "xl">;
+/**
+ * Типы анимации скелетона
+ *
+ * @typedef {string} SkeletonAnimation
+ * @description Варианты анимации для создания эффекта загрузки:
+ * - `wave` - волновая анимация, бегущая слева направо (по умолчанию)
+ * - `pulse` - пульсация с изменением прозрачности
+ * - `none` - без анимации, статичный скелетон
+ *
+ * @example
+ * // Скелетон с пульсирующей анимацией
+ * <Skeleton animation="pulse" />
+ *
+ * // Статичный скелетон без анимации
+ * <Skeleton animation="none" />
+ */
+export type SkeletonAnimation = "pulse" | "wave" | "none";
+/**
+ * Размеры закругления углов из дизайн-системы
+ *
+ * @typedef {string} SkeletonBorderRadius
+ * @description Доступные варианты закругления соответствующие CSS переменным --corner-*:
+ * - `zero` - 0px (без закругления)
+ * - `xs` - 4px (минимальное закругление)
+ * - `sm` - 8px (маленькое закругление)
+ * - `md` - 12px (среднее закругление)
+ * - `lg` - 16px (большое закругление)
+ * - `xl` - 20px
+ * - `2xl` - 24px
+ * - `3xl` - 32px
+ * - `4xl` - 40px
+ * - `5xl` - 48px
+ * - `6xl` - 56px
+ * - `full-round` - 1000px (полное скругление)
+ * - `circular` - 50% (круг)
+ *
+ * @example
+ * // Минимальное закругление
+ * <Skeleton borderRadius="xs" />
+ *
+ * // Квадратный скелетон
+ * <Skeleton borderRadius="zero" />
+ *
+ * // Круглый скелетон
+ * <Skeleton borderRadius="circular" />
+ *
+ * // Большое закругление
+ * <Skeleton borderRadius="2xl" />
+ */
+export type SkeletonBorderRadius = CornerRadius | "circular";
+/**
+ * Свойства компонента Skeleton
+ *
+ * @interface SkeletonProps
+ * @description Интерфейс для настройки внешнего вида и поведения компонента скелетона
+ */
+export interface SkeletonProps {
+    /**
+     * Ширина скелетона
+     *
+     * @type {string | number | undefined}
+     * @description Задает ширину скелетона. Может быть:
+     * - Числом (будет преобразовано в пиксели)
+     * - Строкой с единицами измерения (px, %, em, rem и т.д.)
+     * - Если не указано, будет использована ширина из `size` или 100%
+     *
+     * @example
+     * width={200}        // 200px
+     * width="50%"        // 50% ширины родителя
+     * width="10rem"      // 10rem
+     */
+    width?: string | number;
+    /**
+     * Высота скелетона
+     *
+     * @type {string | number | undefined}
+     * @description Задает высоту скелетона. Может быть:
+     * - Числом (будет преобразовано в пиксели)
+     * - Строкой с единицами измерения (px, %, em, rem и т.д.)
+     * - Если не указано, будет использована высота из `size` или значение по умолчанию
+     *
+     * @example
+     * height={16}        // 16px для текста
+     * height="2em"       // 2em
+     * height="100%"      // 100% высоты родителя
+     */
+    height?: string | number;
+    /**
+     * Вариант отображения скелетона
+     *
+     * @type {SkeletonVariant | undefined}
+     * @default "rectangular"
+     * @description Определяет форму и стилизацию скелетона:
+     * - `rectangular` - прямоугольная форма (по умолчанию)
+     * - `circular` - круглая форма для аватаров
+     * - `text` - для имитации текста с мягкими закруглениями
+     *
+     * @example
+     * variant="circular"     // для аватаров
+     * variant="text"         // для текстового содержимого
+     */
+    variant?: SkeletonVariant;
+    /**
+     * Предустановленный размер скелетона
+     *
+     * @type {SkeletonSize | undefined}
+     * @default "md"
+     * @description Использует предопределенные размеры из дизайн-системы.
+     * Игнорируется, если заданы `width` или `height`.
+     * Размеры: xs(16px), sm(24px), md(32px), lg(40px), xl(48px)
+     *
+     * @example
+     * size="md"    // 32x32px
+     * size="lg"    // 40x40px - для больших элементов
+     */
+    size?: SkeletonSize;
+    /**
+     * Тип анимации скелетона
+     *
+     * @type {SkeletonAnimation | undefined}
+     * @default "wave"
+     * @description Определяет тип анимации:
+     * - `wave` - волновая анимация слева направо (по умолчанию)
+     * - `pulse` - пульсирующая анимация с изменением прозрачности
+     * - `none` - без анимации
+     *
+     * @example
+     * animation="pulse"   // пульсация
+     * animation="none"    // статичный скелетон
+     */
+    animation?: SkeletonAnimation;
+    /**
+     * Количество строк для текстового скелетона
+     *
+     * @type {number | undefined}
+     * @default 1
+     * @description Создает несколько строк скелетона для имитации многострочного текста.
+     * Работает только с `variant="text"`. Последняя строка автоматически делается короче (70%)
+     * для создания естественного вида текста.
+     *
+     * @example
+     * lines={3}    // 3 строки текста
+     * lines={5}    // 5 строк для длинного текста
+     */
+    lines?: number;
+    /**
+     * Дополнительные CSS классы
+     *
+     * @type {string | undefined}
+     * @description Позволяет добавить кастомные стили к скелетону.
+     * Классы применяются к корневому элементу компонента.
+     *
+     * @example
+     * className="my-custom-skeleton"
+     * className={cx("skeleton-large", isActive && "skeleton-active")}
+     */
+    className?: string;
+    /**
+     * Дочерние элементы
+     *
+     * @type {ReactNode | undefined}
+     * @description Контент, который будет показан когда `loading=false`.
+     * Позволяет использовать компонент как обертку для условного рендеринга.
+     *
+     * @example
+     * <Skeleton loading={isLoading}>
+     *   <div>Загруженный контент</div>
+     * </Skeleton>
+     */
+    children?: ReactNode;
+    /**
+     * Закругление углов скелетона
+     *
+     * @type {SkeletonBorderRadius | undefined}
+     * @description Позволяет переопределить стандартные варианты закругления углов из `variant`.
+     * Если задан, игнорирует стили из `variant` и применяет выбранное значение.
+     * Все значения соответствуют CSS переменным из дизайн-системы.
+     *
+     * **Доступные значения:**
+     * - `zero` - без закругления (0px)
+     * - `xs`, `sm`, `md`, `lg`, `xl` - стандартные размеры закругления
+     * - `2xl`, `3xl`, `4xl`, `5xl`, `6xl` - большие размеры закругления
+     * - `full-round` - максимальное закругление (1000px)
+     * - `circular` - полный круг (50%)
+     *
+     * @example
+     * borderRadius="zero"        // квадратные углы
+     * borderRadius="xs"          // минимальное закругление (4px)
+     * borderRadius="md"          // среднее закругление (12px)
+     * borderRadius="circular"    // круглый скелетон
+     * borderRadius="2xl"         // большое закругление (24px)
+     */
+    borderRadius?: SkeletonBorderRadius;
+    /**
+     * Показывать ли скелетон
+     *
+     * @type {boolean | undefined}
+     * @default true
+     * @description Управляет отображением скелетона:
+     * - `true` - показывает скелетон (по умолчанию)
+     * - `false` - показывает `children` если они есть, иначе ничего
+     *
+     * @example
+     * loading={isDataLoading}     // связано с состоянием загрузки
+     * loading={!data}             // показывать пока нет данных
+     */
+    loading?: boolean;
+}
+/**
+ * Компонент Skeleton для отображения состояния загрузки
+ *
+ * @component
+ * @param {SkeletonProps} props - Свойства компонента
+ * @returns {JSX.Element | null} JSX элемент скелетона или null
+ *
+ * @description
+ * Универсальный компонент для создания скелетонов (skeleton screens) -
+ * заглушек, которые показываются во время загрузки контента.
+ *
+ * **Основные возможности:**
+ * - 3 варианта отображения: прямоугольный, круглый, текстовый
+ * - 3 типа анимации: волновая, пульсирующая, без анимации
+ * - Предустановленные размеры или кастомные размеры
+ * - Поддержка многострочного текста
+ * - Условный рендеринг с возможностью обертки контента
+ * - Полная кастомизация через className
+ *
+ * @example
+ * // Простой прямоугольный скелетон
+ * <Skeleton width={200} height={20} />
+ *
+ * @example
+ * // Круглый скелетон для аватара
+ * <Skeleton variant="circular" size="md" />
+ *
+ * @example
+ * // Многострочный текстовый скелетон
+ * <Skeleton variant="text" lines={3} width="100%" />
+ *
+ * @example
+ * // Условный рендеринг с оберткой
+ * <Skeleton loading={isLoading}>
+ *   <UserProfile user={userData} />
+ * </Skeleton>
+ *
+ * @example
+ * // Кастомная анимация и стили
+ * <Skeleton
+ *   animation="pulse"
+ *   className="my-skeleton"
+ *   width="300px"
+ *   height="150px"
+ * />
+ *
+ * @since 1.0.0
+ * @see {@link SkeletonProps} для полного описания свойств
+ * @see {@link SkeletonVariant} для вариантов отображения
+ * @see {@link SkeletonAnimation} для типов анимации
+ */
+export declare const Skeleton: FC<SkeletonProps>;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/shared/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC;AAElE;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAE9B;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IAEpC;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2DtC,CAAC"}

package/dist/components/shared/Skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Skeleton } from './Skeleton';
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const Animations: Story;
+export declare const CompositeLayouts: Story;
+export declare const BorderRadius: Story;
+export declare const VariantVsBorderRadius: Story;
+export declare const PracticalExamples: Story;
+export declare const ConditionalRendering: Story;
+//# sourceMappingURL=Skeleton.stories.d.ts.map

package/dist/components/shared/Skeleton/Skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAwC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAGvC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAmFnB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiD9B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA0G1B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAuEnC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA0F/B,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAyDlC,CAAC"}

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

@@ -0,0 +1,3 @@
+export type { SkeletonProps } from './Skeleton';
+export { Skeleton } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Skeleton/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1,9 +1,15 @@
 import { default as React } from 'react';
+import { InverseType, PrimaryType } from '../../../types';
 import { TooltipPlacement, TooltipTrigger } from './types';
 /**
  * Props для компонента Tooltip.
  */
 export interface TooltipProps {
+    /**
+     * Цвет Tooltip.
+     * @default "primary"
+     */
+    color?: PrimaryType | InverseType;
     /**
      * Элемент-триггер, относительно которого позиционируется Tooltip.
      *

package/dist/components/shared/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA+BhE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAEnC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;CACpD;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwNnC,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAQxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA4BhE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;IAClC;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAEnC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;CACpD;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuNnC,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/shared/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2B9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAiExB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAmCxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAkC9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KA6ExB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAmCxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC"}

package/dist/components/shared/Tooltip/constants.d.ts

@@ -11,4 +11,14 @@ export declare const tooltipArrowShapes: {
 export declare const tooltipArrowSize = 10;
 export declare const tooltipArrowHeight = 6;
 export declare const tooltipArrowOverlap = 1;
+export declare const tooltipStyles: {
+    readonly primary: {
+        readonly backgroundColor: "var(--fill-bg-primary)";
+        readonly color: "var(--text-primary)";
+    };
+    readonly inverse: {
+        readonly backgroundColor: "var(--fill-bg-primary-inverse)";
+        readonly color: "var(--text-primary-inverse)";
+    };
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/shared/Tooltip/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Tooltip/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;;;;;;CAcrB,CAAC;AAEX,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,IAAI,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Tooltip/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;;;;;;CAcrB,CAAC;AAEX,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC"}

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

@@ -2,6 +2,7 @@ export * from './Avatar';
 export * from './Badge';
 export * from './Hint';
 export * from './Popover';
+export * from './Skeleton';
 export * from './Tag';
 export * from './Tooltip';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC"}