@astral/ui 4.3.0 → 4.4.1

package/node/components/DataGrid/types.d.ts

@@ -1,9 +1,173 @@
 import { type CSSProperties, type ReactNode } from 'react';
 import { type Target } from '../utils';
+import { type Variant } from './enums';
+import type { NoDataProps } from './NoData';
 export type AlignVariant = 'left' | 'center' | 'right';
 export type SortState = 'asc' | 'desc';
 export type RenderCell<TData> = (params: TData) => ReactNode;
 export type CellValue = unknown;
+export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Массив данных для таблицы
+     */
+    rows: DataGridRowWithOptions<TData>[];
+    /**
+     * @example <DataGrid columns={[
+     *   {
+     *     field: 'test',
+     *     label: 'Тестовая колонка',
+     *     sortable: true,
+     *   }]} />
+     * Конфигурация колонок для таблицы
+     */
+    columns: DataGridColumns<TData>[];
+    /**
+     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
+     */
+    activeRowId?: string;
+    /**
+     * Поле, которое будет использоваться в качестве ключа
+     */
+    keyId: keyof TData;
+    /**
+     * @example <DataGrid selectedRows={[{name: 'test'}]} />
+     * Массив выбранных строк
+     */
+    selectedRows?: TData[];
+    /**
+     * @example <DataGrid sorting={{fieldId: 'test', sort: 'asc'}} />
+     * Параметры сортируемой колонки
+     */
+    sorting?: DataGridSort<TSortField>;
+    /**
+     * Компонент кастомного футера (например Pagination)
+     */
+    footer?: ReactNode;
+    /**
+     *  Используется для отображения placeholder при отсутствии данных в таблице
+     */
+    noDataPlaceholder?: ReactNode;
+    /**
+     * Максимальная высота для таблицы
+     */
+    maxHeight?: number;
+    /**
+     * Если true, показывается анимация загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если true, таблица будет заблокирована для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Текст ошибки
+     */
+    errorMsg?: string;
+    /**
+     * Вариант отображения вложенных элементов
+     * @default 'tree'
+     */
+    variant?: `${Variant}`;
+    /**
+     * Опции для отображения древовидных списков
+     * Применяется если variant="tree"
+     */
+    tree?: {
+        /**
+         * Если true, то дерево будет раскрыто по умолчанию
+         * @default 'false'
+         */
+        isInitialExpanded?: boolean;
+        /**
+         * Уровень раскрытия дерева по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+    };
+    /**
+     * Опции для отображения вложенных списков
+     * Применяется если variant="subrows"
+     */
+    subrows?: {
+        /**
+         * Уровень раскрытия дочерних элементов по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+        /**
+         * Номер колонки, в которой будет расположена кнопка "Показать все"
+         * @default 1
+         */
+        moreButtonColumnPosition?: number;
+        /**
+         * Если false, кнопка разворачивания элементов не показывается
+         * @default true
+         */
+        isVisibleCollapseButton?: boolean;
+    };
+    /**
+     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
+     * @default '—'
+     */
+    emptyCellValue?: ReactNode;
+    /**
+     * Используется для отображения переданного кол-ва строк при отсутствии данных
+     * @default 10
+     */
+    minDisplayRows?: number;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry: () => void;
+    /**
+     * Обработчик клика строки таблицы
+     */
+    onRowClick?: (row: TData) => void;
+    /**
+     * Обработчик выбора строки
+     */
+    onSelectRow?: (row: TData[]) => void;
+    /**
+     * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
+     * Обработчик сортировки
+     */
+    onSort?: (sorting: DataGridSort<TSortField> | undefined) => void;
+    /**
+     * Используется для кастомизации компонента, использующегося в сценарии отсутствия данных
+     */
+    noDataOptions?: NoDataProps;
+    /**
+     * Используется для скрытия чекбокса "Выбрать все"
+     */
+    isHideSelectAll?: boolean;
+    /**
+     * Место для рендера перед head страницы
+     * @private Предполагается для использования в реализации изменения размеров таблицы
+     */
+    headPreAddon?: ReactNode;
+    /**
+     * Убирает шапку таблицы, когда нет данных
+     */
+    isHideHeaderIfNoData?: boolean;
+};
 export type DataGridSort<TSortField> = {
     /**
      * @example {fieldId: 'test'}

package/node/components/DataGrid/useLogic/useLogic.d.ts

@@ -1,8 +1,7 @@
 import { type ChangeEvent } from 'react';
-import { type DataGridProps } from '../DataGrid';
-import type { CellValue, DataGridRow } from '../types';
+import type { CellValue, DataGridProps, DataGridRow } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, onSelectRow, isHideSelectAll, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, }: UseLogicParams<TData, TSortField>) => {
     isDataGridDisabled: boolean | undefined;
     treeRenderConfig: {
         isInitialExpanded?: boolean | undefined;
@@ -11,6 +10,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
     } | undefined;
     renderRows: TData[];
     isAllowHorizontalScroll: boolean;
+    isHideHead: boolean;
     headProps: {
         rowsCount: number;
         uncheckedRowsCount: number;

package/node/components/DataGrid/useLogic/useLogic.js

@@ -6,7 +6,7 @@ const hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const enums_1 = require("../enums");
 const utils_2 = require("./utils");
-const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, onSelectRow, isHideSelectAll, }) => {
+const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
     const isFirstRender = (0, hooks_1.useFirstMountState)();
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isLoading || isDisabled;
@@ -57,11 +57,13 @@ const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedR
         }
         onSelectRow(selectedRowsRef.current.filter((selectedRow) => selectedRow[keyId] !== row[keyId]));
     };
+    const isHideHead = isHideHeaderIfNoData && rows.length === 0;
     return {
         isDataGridDisabled,
         treeRenderConfig,
         renderRows,
         isAllowHorizontalScroll,
+        isHideHead,
         headProps: {
             rowsCount: availableRows.length,
             uncheckedRowsCount,

package/node/components/DataGridInfinite/DataGridInfinite.d.ts

@@ -1,17 +1,4 @@
 /// <reference types="react" />
-import { type CellValue, type DataGridProps, type DataGridRow } from '../DataGrid';
-export type DataGridInfiniteProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = Omit<DataGridProps<TData, TSortField>, 'footer' | 'minDisplayRows'> & {
-    /**
-     * Флаг достижения конца списка
-     */
-    isEndReached?: boolean;
-    /**
-     * Текст достижения конца списка
-     */
-    endOfScrollMsg?: string;
-    /**
-     * Обработчик подгрузки данных
-     */
-    onEndReached?: () => void;
-};
+import { type DataGridRow } from '../DataGrid';
+import { type DataGridInfiniteProps } from './types';
 export declare const DataGridInfinite: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridInfiniteProps<TData, TSortField>) => JSX.Element;

package/node/components/DataGridInfinite/DataGridInfinite.js

@@ -21,12 +21,12 @@ const useLogic_1 = require("./useLogic");
 const INITIAL_LEVEL = 0;
 const DataGridInfinite = (props) => {
     const { imagesMap, emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { isNoData, isDataGridDisabled, isStickyButtonActive, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, } = (0, useLogic_1.useLogic)(props);
+    const { isNoData, isDataGridDisabled, isStickyButtonActive, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, isHideHead, } = (0, useLogic_1.useLogic)(props);
     const { columns, rows = [], selectedRows = [], sorting, maxHeight, isLoading, isDisabled, keyId, activeRowId, emptyCellValue = emptySymbol, variant = DataGrid_1.Variant.Tree, subrows, className, isError, endOfScrollMsg, errorMsg, noDataPlaceholder, onRowClick, onSort, onRetry, headPreAddon, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = DataGrid_1.EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = DataGrid_1.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const TableContainer = isDisabled ? styles_1.DisabledDataGridWrapper : styles_1.DataGridWrapper;
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(DataGrid_1.Container, { "$maxHeight": maxHeight, className: (0, utils_1.classNames)(DataGrid_1.dataGridClassnames.root, className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [(0, jsx_runtime_1.jsx)(DataGrid_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns }), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(DataGrid_1.Container, { "$maxHeight": maxHeight, className: (0, utils_1.classNames)(DataGrid_1.dataGridClassnames.root, className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [!isHideHead && ((0, jsx_runtime_1.jsx)(DataGrid_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
                                 imgAlt: 'Что-то пошло не так',
                                 errorList: [errorMsg || ''],
                                 imgSrc: imagesMap.defaultErrorImgSrc,

package/node/components/DataGridInfinite/index.d.ts

@@ -1 +1,2 @@
 export * from './DataGridInfinite';
+export type { DataGridInfiniteProps } from './types';

package/node/components/DataGridInfinite/types.d.ts

@@ -0,0 +1,19 @@
+import type { CellValue, DataGridProps, DataGridRow } from '../DataGrid';
+export type DataGridInfiniteProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = Omit<DataGridProps<TData, TSortField>, 'footer' | 'minDisplayRows'> & {
+    /**
+     * Флаг достижения конца списка
+     */
+    isEndReached?: boolean;
+    /**
+     * Текст достижения конца списка
+     */
+    endOfScrollMsg?: string;
+    /**
+     * Обработчик подгрузки данных
+     */
+    onEndReached?: () => void;
+    /**
+     * Убирает шапку таблицы, когда нет данных
+     */
+    isHideHeaderIfNoData?: boolean;
+};

package/node/components/DataGridInfinite/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/DataGridInfinite/useLogic/useLogic.d.ts

@@ -1,9 +1,9 @@
 import { type ChangeEvent } from 'react';
 import type { ListRange, VirtuosoHandle } from 'react-virtuoso';
 import { type CellValue, type DataGridRow } from '../../DataGrid';
-import { type DataGridInfiniteProps } from '../DataGridInfinite';
+import { type DataGridInfiniteProps } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridInfiniteProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, }: UseLogicParams<TData, TSortField>) => {
     isNoData: boolean;
     isDataGridDisabled: boolean | undefined;
     isStickyButtonActive: boolean;
@@ -13,6 +13,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
         initialVisibleChildrenCount?: number | undefined;
     } | undefined;
     isEndReached: boolean | undefined;
+    isHideHead: boolean;
     virtuosoProps: {
         id: string;
         ref: import("react").RefObject<VirtuosoHandle>;

package/node/components/DataGridInfinite/useLogic/useLogic.js

@@ -7,7 +7,7 @@ const utils_1 = require("../../DataGrid/useLogic/utils");
 const hooks_1 = require("../../hooks");
 const utils_2 = require("../../utils");
 const constants_1 = require("../constants");
-const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, }) => {
+const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
     const virtuoso = (0, react_1.useRef)(null);
     const [hasVerticalScroll, setHasVerticalScroll] = (0, react_1.useState)(false);
     const [isStickyButtonActive, showStickyButton, hideStickyButton] = (0, hooks_1.useToggle)();
@@ -60,12 +60,14 @@ const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows =
             setHasVerticalScroll(list?.clientHeight > container?.clientHeight);
         }
     };
+    const isHideHead = isHideHeaderIfNoData && rows.length === 0;
     return {
         isNoData,
         isDataGridDisabled,
         isStickyButtonActive,
         treeRenderConfig,
         isEndReached: isEndReached && hasVerticalScroll,
+        isHideHead,
         virtuosoProps: {
             id: constants_1.VIRTUOSO_CONTAINER_ID,
             ref: virtuoso,

package/node/components/Radio/Icon/Icon.js

@@ -4,5 +4,5 @@ exports.Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../SvgIcon");
 const constants_1 = require("../constants");
-const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "7.5", className: constants_1.radioClassnames.outerCircle }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "4", className: constants_1.radioClassnames.dot, fill: "#fff" })] }));
+const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "7.5", className: constants_1.radioClassnames.outerCircle }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "4", className: constants_1.radioClassnames.dot, fill: "#fff" })] }));
 exports.Icon = Icon;

package/node/components/SvgIcon/SvgIcon.js

@@ -6,7 +6,7 @@ const utils_1 = require("../utils");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const SvgIcon = (props) => {
-    const { children, color = 'inherit', titleAccess, size, width, height, viewBox = size === 'sm' ? '0 0 16 16' : '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
+    const { children, color = 'inherit', titleAccess, size, width, height, viewBox = '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
     return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, utils_1.classNames)(className, constants_1.svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
 };
 exports.SvgIcon = SvgIcon;

package/node/icons/FillSm/ArrowDFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const ArrowDFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 10 5.5 7h5L8 10Z" }) }));
+const ArrowDFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 10 5.5 7h5L8 10Z" }) }));
 exports.default = ArrowDFillSm;

package/node/icons/FillSm/ArrowUpFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const ArrowUpFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "m8 7-2.5 3h5L8 7Z" }) }));
+const ArrowUpFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "m8 7-2.5 3h5L8 7Z" }) }));
 exports.default = ArrowUpFillSm;

package/node/icons/FillSm/CircleErrorFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const CircleErrorFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm2.875 3.412a.75.75 0 0 0-1.06-.032L8.126 6.97l-1.69-1.59A.75.75 0 0 0 5.41 6.472l1.622 1.527L5.41 9.526a.75.75 0 0 0 .969 1.143l.059-.05 1.689-1.59 1.69 1.59.058.05a.75.75 0 0 0 .969-1.143L9.22 8l1.623-1.527a.75.75 0 0 0 .032-1.06Z" }) }));
+const CircleErrorFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm2.875 3.412a.75.75 0 0 0-1.06-.032L8.126 6.97l-1.69-1.59A.75.75 0 0 0 5.41 6.472l1.622 1.527L5.41 9.526a.75.75 0 0 0 .969 1.143l.059-.05 1.689-1.59 1.69 1.59.058.05a.75.75 0 0 0 .969-1.143L9.22 8l1.623-1.527a.75.75 0 0 0 .032-1.06Z" }) }));
 exports.default = CircleErrorFillSm;

package/node/icons/FillSm/ClockFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const ClockFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "6" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 9.5 8 8V4.5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+const ClockFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "6" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 9.5 8 8V4.5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 exports.default = ClockFillSm;

package/node/icons/FillSm/DislikeFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const DislikeFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M1.504 9.417a.75.75 0 0 0 .75-.75V2A.75.75 0 0 0 .753 2v6.667c0 .414.337.75.75.75ZM8.504 14.75c.658 0 1.185-.286 1.506-.8.283-.455.361-1.016.369-1.522.01-.725-.125-1.567-.281-2.345h3.073c.535 0 1.024-.145 1.403-.483.373-.334.552-.777.626-1.207.143-.827-.06-1.834-.329-2.732-.551-1.837-1.547-3.719-1.69-3.984a.811.811 0 0 0-.717-.427h-7.96a.75.75 0 0 0-.75.75v6.667c0 .585.277 1.03.588 1.354.296.307.676.56.981.762.335.222.602.397.81.59.201.184.28.323.303.44.059.298.123.66.181.936.062.292.138.6.254.875.117.279.294.575.587.797.304.23.663.329 1.046.329Z" }) }));
+const DislikeFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M1.504 9.417a.75.75 0 0 0 .75-.75V2A.75.75 0 0 0 .753 2v6.667c0 .414.337.75.75.75ZM8.504 14.75c.658 0 1.185-.286 1.506-.8.283-.455.361-1.016.369-1.522.01-.725-.125-1.567-.281-2.345h3.073c.535 0 1.024-.145 1.403-.483.373-.334.552-.777.626-1.207.143-.827-.06-1.834-.329-2.732-.551-1.837-1.547-3.719-1.69-3.984a.811.811 0 0 0-.717-.427h-7.96a.75.75 0 0 0-.75.75v6.667c0 .585.277 1.03.588 1.354.296.307.676.56.981.762.335.222.602.397.81.59.201.184.28.323.303.44.059.298.123.66.181.936.062.292.138.6.254.875.117.279.294.575.587.797.304.23.663.329 1.046.329Z" }) }));
 exports.default = DislikeFillSm;

package/node/icons/FillSm/ErrorFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const ErrorFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.821 1.979c.651-.651 1.707-.651 2.358 0l4.843 4.842c.65.651.65 1.707 0 2.358l-4.843 4.843c-.651.65-1.707.65-2.358 0L1.98 9.179a1.667 1.667 0 0 1 0-2.358L6.82 1.98Zm1.18 8.604a.75.75 0 0 0 0 1.5h.008l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Zm0-6.667a.75.75 0 0 0-.75.75V8a.75.75 0 0 0 1.5 0V4.666a.75.75 0 0 0-.75-.75Z" }) }));
+const ErrorFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.821 1.979c.651-.651 1.707-.651 2.358 0l4.843 4.842c.65.651.65 1.707 0 2.358l-4.843 4.843c-.651.65-1.707.65-2.358 0L1.98 9.179a1.667 1.667 0 0 1 0-2.358L6.82 1.98Zm1.18 8.604a.75.75 0 0 0 0 1.5h.008l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Zm0-6.667a.75.75 0 0 0-.75.75V8a.75.75 0 0 0 1.5 0V4.666a.75.75 0 0 0-.75-.75Z" }) }));
 exports.default = ErrorFillSm;

package/node/icons/FillSm/InfoFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const InfoFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm0 5.25a.75.75 0 0 0-.75.75v3.333a.75.75 0 0 0 1.5 0V8A.75.75 0 0 0 8 7.25Zm0-3.333a.75.75 0 0 0 0 1.5h.009l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Z" }) }));
+const InfoFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm0 5.25a.75.75 0 0 0-.75.75v3.333a.75.75 0 0 0 1.5 0V8A.75.75 0 0 0 8 7.25Zm0-3.333a.75.75 0 0 0 0 1.5h.009l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Z" }) }));
 exports.default = InfoFillSm;

package/node/icons/FillSm/LikeFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const LikeFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M1.504 6.583a.75.75 0 0 1 .75.75V14a.75.75 0 0 1-1.501 0V7.333c0-.414.337-.75.75-.75ZM8.504 1.25c.658 0 1.185.286 1.506.8.283.455.361 1.016.369 1.522.01.725-.125 1.567-.281 2.345h3.073c.535 0 1.024.145 1.403.483.373.334.552.777.626 1.207.143.827-.06 1.834-.329 2.732-.551 1.837-1.547 3.719-1.69 3.984a.811.811 0 0 1-.717.427h-7.96a.75.75 0 0 1-.75-.75V7.333c0-.585.277-1.03.588-1.354.296-.307.676-.56.981-.762.335-.222.602-.397.81-.59.201-.184.28-.323.303-.44.059-.298.123-.66.181-.936.062-.292.138-.6.254-.875.117-.279.294-.575.587-.797.304-.23.663-.329 1.046-.329Z" }) }));
+const LikeFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M1.504 6.583a.75.75 0 0 1 .75.75V14a.75.75 0 0 1-1.501 0V7.333c0-.414.337-.75.75-.75ZM8.504 1.25c.658 0 1.185.286 1.506.8.283.455.361 1.016.369 1.522.01.725-.125 1.567-.281 2.345h3.073c.535 0 1.024.145 1.403.483.373.334.552.777.626 1.207.143.827-.06 1.834-.329 2.732-.551 1.837-1.547 3.719-1.69 3.984a.811.811 0 0 1-.717.427h-7.96a.75.75 0 0 1-.75-.75V7.333c0-.585.277-1.03.588-1.354.296-.307.676-.56.981-.762.335-.222.602-.397.81-.59.201-.184.28-.323.303-.44.059-.298.123-.66.181-.936.062-.292.138-.6.254-.875.117-.279.294-.575.587-.797.304-.23.663-.329 1.046-.329Z" }) }));
 exports.default = LikeFillSm;

package/node/icons/FillSm/LocationFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const LocationFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 1c1.187 0 2.346.34 3.333.978a5.847 5.847 0 0 1 2.21 2.602 5.62 5.62 0 0 1 .342 3.35 5.741 5.741 0 0 1-1.643 2.97L8 15l-4.242-4.1a5.742 5.742 0 0 1-1.643-2.97 5.62 5.62 0 0 1 .342-3.35 5.847 5.847 0 0 1 2.21-2.602A6.149 6.149 0 0 1 8 1Zm0 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" }) }));
+const LocationFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 1c1.187 0 2.346.34 3.333.978a5.847 5.847 0 0 1 2.21 2.602 5.62 5.62 0 0 1 .342 3.35 5.741 5.741 0 0 1-1.643 2.97L8 15l-4.242-4.1a5.742 5.742 0 0 1-1.643-2.97 5.62 5.62 0 0 1 .342-3.35 5.847 5.847 0 0 1 2.21-2.602A6.149 6.149 0 0 1 8 1Zm0 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" }) }));
 exports.default = LocationFillSm;

package/node/icons/FillSm/MailFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const MailFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M13 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10Zm.558 1.498a.75.75 0 0 0-1.06-.056L8.836 7.738a1.25 1.25 0 0 1-1.672 0L3.502 4.442l-.06-.047a.75.75 0 0 0-.998 1.108l.054.055L4.636 7.48l-1.28 2.133a.751.751 0 0 0 1.288.772L5.77 8.504l.39.35a2.75 2.75 0 0 0 3.679 0l.387-.35 1.13 1.882a.751.751 0 0 0 1.287-.772l-1.28-2.133 2.138-1.923a.75.75 0 0 0 .056-1.06Z" }) }));
+const MailFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M13 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10Zm.558 1.498a.75.75 0 0 0-1.06-.056L8.836 7.738a1.25 1.25 0 0 1-1.672 0L3.502 4.442l-.06-.047a.75.75 0 0 0-.998 1.108l.054.055L4.636 7.48l-1.28 2.133a.751.751 0 0 0 1.288.772L5.77 8.504l.39.35a2.75 2.75 0 0 0 3.679 0l.387-.35 1.13 1.882a.751.751 0 0 0 1.287-.772l-1.28-2.133 2.138-1.923a.75.75 0 0 0 .056-1.06Z" }) }));
 exports.default = MailFillSm;

package/node/icons/FillSm/PauseFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const PauseFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2ZM6 5.25a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm4 0a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6a.75.75 0 0 0-.75-.75Z" }) }));
+const PauseFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2ZM6 5.25a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm4 0a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6a.75.75 0 0 0-.75-.75Z" }) }));
 exports.default = PauseFillSm;

package/node/icons/FillSm/PhoneFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const PhoneFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M4.967 11.099a12.568 12.568 0 0 1-2.492-3.552c-.079-.187-.152-.371-.22-.552a.003.003 0 0 0-.005-.001c-.001 0-.003-.001-.003-.003l-.072-.213c-.656-1.814-.772-3.248-.656-3.62a1.33 1.33 0 0 1 .584-.848l1.355-.862a1.333 1.333 0 0 1 1.88.474l1.576 2.816a.798.798 0 0 1-.533 1.17l-.388.082a.436.436 0 0 0-.319.605c.38.819.916 1.582 1.571 2.24a7.934 7.934 0 0 0 2.234 1.58c.325.153.688-.076.724-.434l.03-.306a.794.794 0 0 1 1.165-.622l2.417 1.29c.594.316.859 1.026.617 1.655l-.75 1.946c-.198.515-.693.863-1.242.812a10.637 10.637 0 0 1-3.323-.887c-.204-.082-.407-.17-.608-.264A12.579 12.579 0 0 1 4.967 11.1Z" }) }));
+const PhoneFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M4.967 11.099a12.568 12.568 0 0 1-2.492-3.552c-.079-.187-.152-.371-.22-.552a.003.003 0 0 0-.005-.001c-.001 0-.003-.001-.003-.003l-.072-.213c-.656-1.814-.772-3.248-.656-3.62a1.33 1.33 0 0 1 .584-.848l1.355-.862a1.333 1.333 0 0 1 1.88.474l1.576 2.816a.798.798 0 0 1-.533 1.17l-.388.082a.436.436 0 0 0-.319.605c.38.819.916 1.582 1.571 2.24a7.934 7.934 0 0 0 2.234 1.58c.325.153.688-.076.724-.434l.03-.306a.794.794 0 0 1 1.165-.622l2.417 1.29c.594.316.859 1.026.617 1.655l-.75 1.946c-.198.515-.693.863-1.242.812a10.637 10.637 0 0 1-3.323-.887c-.204-.082-.407-.17-.608-.264A12.579 12.579 0 0 1 4.967 11.1Z" }) }));
 exports.default = PhoneFillSm;

package/node/icons/FillSm/PitFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const PitFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 11.014a1 1 0 0 1 1 1v1H3v-1a1 1 0 0 1 1-1h8ZM11.36 10.015H4.64l.76-2h5.2l.76 2ZM7.065 3.63c.327-.858 1.543-.858 1.87 0l1.286 3.385H5.779L7.065 3.63Z" }) }));
+const PitFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 11.014a1 1 0 0 1 1 1v1H3v-1a1 1 0 0 1 1-1h8ZM11.36 10.015H4.64l.76-2h5.2l.76 2ZM7.065 3.63c.327-.858 1.543-.858 1.87 0l1.286 3.385H5.779L7.065 3.63Z" }) }));
 exports.default = PitFillSm;

package/node/icons/FillSm/PlayFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const PlayFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm-.987 3.507A.7.7 0 0 0 6 6.133v3.734a.7.7 0 0 0 1.013.626l3.735-1.867a.7.7 0 0 0 0-1.252L7.013 5.507Z" }) }));
+const PlayFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm-.987 3.507A.7.7 0 0 0 6 6.133v3.734a.7.7 0 0 0 1.013.626l3.735-1.867a.7.7 0 0 0 0-1.252L7.013 5.507Z" }) }));
 exports.default = PlayFillSm;

package/node/icons/FillSm/RectangleFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const RectangleFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M11.25 4.75v6.5h-6.5v-6.5h6.5Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 0a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8ZM4 3.25a.75.75 0 0 0-.75.75v8c0 .414.336.75.75.75h8a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75H4Z" })] }));
+const RectangleFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M11.25 4.75v6.5h-6.5v-6.5h6.5Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 0a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8ZM4 3.25a.75.75 0 0 0-.75.75v8c0 .414.336.75.75.75h8a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75H4Z" })] }));
 exports.default = RectangleFillSm;

package/node/icons/FillSm/RoundFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const RoundFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 0a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8ZM8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z" }) }));
+const RoundFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 0a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8ZM8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z" }) }));
 exports.default = RoundFillSm;

package/node/icons/FillSm/SentFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const SentFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1-.001 11.999A6 6 0 0 1 8 2ZM6.5 5.25a.75.75 0 0 0 0 1.5h1.688L5.47 9.47a.75.75 0 0 0 1.06 1.06L9.25 7.81V9.5a.751.751 0 0 0 1.497.076l.004-.075V6a.75.75 0 0 0-.75-.75H6.5Z" }) }));
+const SentFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1-.001 11.999A6 6 0 0 1 8 2ZM6.5 5.25a.75.75 0 0 0 0 1.5h1.688L5.47 9.47a.75.75 0 0 0 1.06 1.06L9.25 7.81V9.5a.751.751 0 0 0 1.497.076l.004-.075V6a.75.75 0 0 0-.75-.75H6.5Z" }) }));
 exports.default = SentFillSm;

package/node/icons/FillSm/SortDownFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const SortDownFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 13 4.5 9h7L8 13Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 7h-5L8 4l2.5 3Z", fill: "#636363" })] }));
+const SortDownFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 13 4.5 9h7L8 13Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 7h-5L8 4l2.5 3Z", fill: "#636363" })] }));
 exports.default = SortDownFillSm;

package/node/icons/FillSm/SortFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const SortFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 12 5.5 9h5L8 12ZM10.5 7h-5L8 4l2.5 3Z" }) }));
+const SortFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 12 5.5 9h5L8 12ZM10.5 7h-5L8 4l2.5 3Z" }) }));
 exports.default = SortFillSm;

package/node/icons/FillSm/SortUpFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const SortUpFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 3 4.5 7h7L8 3Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 9h-5L8 12l2.5-3Z" })] }));
+const SortUpFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 3 4.5 7h7L8 3Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 9h-5L8 12l2.5-3Z" })] }));
 exports.default = SortUpFillSm;

package/node/icons/FillSm/StarFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const StarFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.283 2.044a.8.8 0 0 1 1.434 0l1.448 2.933a.8.8 0 0 0 .602.438l3.237.47a.8.8 0 0 1 .444 1.365l-2.343 2.283a.8.8 0 0 0-.23.708l.553 3.224a.8.8 0 0 1-1.16.843l-2.896-1.522a.8.8 0 0 0-.744 0l-2.896 1.522a.8.8 0 0 1-1.16-.843l.553-3.224a.8.8 0 0 0-.23-.708L1.552 7.25a.8.8 0 0 1 .444-1.365l3.237-.47a.8.8 0 0 0 .602-.438l1.448-2.933Z" }) }));
+const StarFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.283 2.044a.8.8 0 0 1 1.434 0l1.448 2.933a.8.8 0 0 0 .602.438l3.237.47a.8.8 0 0 1 .444 1.365l-2.343 2.283a.8.8 0 0 0-.23.708l.553 3.224a.8.8 0 0 1-1.16.843l-2.896-1.522a.8.8 0 0 0-.744 0l-2.896 1.522a.8.8 0 0 1-1.16-.843l.553-3.224a.8.8 0 0 0-.23-.708L1.552 7.25a.8.8 0 0 1 .444-1.365l3.237-.47a.8.8 0 0 0 .602-.438l1.448-2.933Z" }) }));
 exports.default = StarFillSm;

package/node/icons/FillSm/SuccessFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const SuccessFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm2.947 3.752a.751.751 0 0 0-1.004-.05l-.056.05-2.97 2.97-1.22-1.22a.75.75 0 0 0-1.06 1.061l1.75 1.75a.75.75 0 0 0 1.06 0l3.5-3.5.051-.056a.752.752 0 0 0-.05-1.005Z" }) }));
+const SuccessFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm2.947 3.752a.751.751 0 0 0-1.004-.05l-.056.05-2.97 2.97-1.22-1.22a.75.75 0 0 0-1.06 1.061l1.75 1.75a.75.75 0 0 0 1.06 0l3.5-3.5.051-.056a.752.752 0 0 0-.05-1.005Z" }) }));
 exports.default = SuccessFillSm;

package/node/icons/FillSm/UpToDateFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const UpToDateFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1-.001 11.999A6 6 0 0 1 8 2Zm0 2.25a.75.75 0 0 0-.135.013h-.01a.75.75 0 0 0-.118.035l-.02.008a.75.75 0 0 0-.105.052l-.017.011a.75.75 0 0 0-.094.07l-.014.013-.03.03-2.5 2.625-.05.059a.75.75 0 0 0 1.08 1.03l.056-.053L7.25 6.875V11a.75.75 0 0 0 1.5 0V6.875l1.207 1.268a.75.75 0 0 0 1.086-1.036l-2.5-2.625-.031-.03-.014-.013a.748.748 0 0 0-.094-.07l-.017-.012a.75.75 0 0 0-.1-.05l-.028-.01a.75.75 0 0 0-.114-.033l-.011-.001a.746.746 0 0 0-.058-.01L8 4.25Z" }) }));
+const UpToDateFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 2a6 6 0 1 1-.001 11.999A6 6 0 0 1 8 2Zm0 2.25a.75.75 0 0 0-.135.013h-.01a.75.75 0 0 0-.118.035l-.02.008a.75.75 0 0 0-.105.052l-.017.011a.75.75 0 0 0-.094.07l-.014.013-.03.03-2.5 2.625-.05.059a.75.75 0 0 0 1.08 1.03l.056-.053L7.25 6.875V11a.75.75 0 0 0 1.5 0V6.875l1.207 1.268a.75.75 0 0 0 1.086-1.036l-2.5-2.625-.031-.03-.014-.013a.748.748 0 0 0-.094-.07l-.017-.012a.75.75 0 0 0-.1-.05l-.028-.01a.75.75 0 0 0-.114-.033l-.011-.001a.746.746 0 0 0-.058-.01L8 4.25Z" }) }));
 exports.default = UpToDateFillSm;

package/node/icons/FillSm/WarningFillSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const WarningFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.508 2.933c.613-1.231 2.37-1.231 2.984 0L13.8 11.58a1.667 1.667 0 0 1-1.493 2.41H3.692A1.667 1.667 0 0 1 2.2 11.58l4.308-8.647ZM8 11.188a.75.75 0 0 0 0 1.5h.009l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004h-.01Zm0-7a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-.75-.75Z" }) }));
+const WarningFillSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.508 2.933c.613-1.231 2.37-1.231 2.984 0L13.8 11.58a1.667 1.667 0 0 1-1.493 2.41H3.692A1.667 1.667 0 0 1 2.2 11.58l4.308-8.647ZM8 11.188a.75.75 0 0 0 0 1.5h.009l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004h-.01Zm0-7a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0v-4a.75.75 0 0 0-.75-.75Z" }) }));
 exports.default = WarningFillSm;

package/node/icons/OutlineSm/AddOutlineSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const AddOutlineSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.25 12V8.75H4a.75.75 0 0 1 0-1.5h3.25V4a.75.75 0 0 1 1.5 0v3.25H12a.75.75 0 1 1 0 1.5H8.75V12a.75.75 0 0 1-1.5 0Z" }) }));
+const AddOutlineSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.25 12V8.75H4a.75.75 0 0 1 0-1.5h3.25V4a.75.75 0 0 1 1.5 0v3.25H12a.75.75 0 1 1 0 1.5H8.75V12a.75.75 0 0 1-1.5 0Z" }) }));
 exports.default = AddOutlineSm;

package/node/icons/OutlineSm/AddSmOutlineSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const AddSmOutlineSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 4a.75.75 0 0 1 .75.75v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5H4.754a.75.75 0 1 1 0-1.5H7.25v-2.5A.75.75 0 0 1 8 4z" }) }));
+const AddSmOutlineSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M8 4a.75.75 0 0 1 .75.75v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5H4.754a.75.75 0 1 1 0-1.5H7.25v-2.5A.75.75 0 0 1 8 4z" }) }));
 exports.default = AddSmOutlineSm;

package/node/icons/OutlineSm/ArrowDwnOutlineSm.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../components/SvgIcon");
-const ArrowDwnOutlineSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.25 3a.75.75 0 0 1 1.5 0v8.5l2.8-2.1a.75.75 0 0 1 .9 1.2l-4 3a.75.75 0 0 1-.9 0l-4-3-.059-.05a.75.75 0 0 1 .896-1.193l.063.043 2.8 2.1V3Z" }) }));
+const ArrowDwnOutlineSm = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.25 3a.75.75 0 0 1 1.5 0v8.5l2.8-2.1a.75.75 0 0 1 .9 1.2l-4 3a.75.75 0 0 1-.9 0l-4-3-.059-.05a.75.75 0 0 1 .896-1.193l.063.043 2.8 2.1V3Z" }) }));
 exports.default = ArrowDwnOutlineSm;