@moysklad/uikit 28.1.0 → 30.4.0

package/dist/index.d.ts

@@ -28,11 +28,12 @@ export { H2, type H2Props } from './components/H2/H2';
 export { H3, type H3Props } from './components/H3/H3';
 export { H4, type H4Props } from './components/H4/H4';
 export { Header, type HeaderProps } from './components/Header/Header';
-export { Help, type HelpProps } from './components/Help/Help';
+export { Help, type HelpProps, HelpSize, type HelpSizeValue, } from './components/Help/Help';
 export { Hint, type HintProps, HintVariant, type HintVariantValue, } from './components/Hint/Hint';
 export { HStack, type HStackProps, HStackSize, type HStackSizeValue, } from './components/HStack/HStack';
 export { Input, type InputProps } from './components/Input/Input';
 export { InputUnit, type InputUnitProps, } from './components/InputUnit/InputUnit';
+export { LabelValueCheckbox, type LabelValueCheckboxProps, } from './components/LabelValueCheckbox/LabelValueCheckbox';
 export { LabelValueDate, type LabelValueDateProps, } from './components/LabelValueDate/LabelValueDate';
 export { LabelValueInput, type LabelValueInputProps, } from './components/LabelValueInput/LabelValueInput';
 export { LabelValueSelect, type LabelValueSelectProps, type SelectValueBlockContentArgs, } from './components/LabelValueSelect/LabelValueSelect';
@@ -61,16 +62,15 @@ export { Switch, type SwitchItem, type SwitchProps, } from './components/Switch/
 export { type TabItemProps, Tabs, type TabSelectedValue, TabSize, type TabSizeValue, type TabsProps, } from './components/Tabs/Tabs';
 export { Text, TextColor, type TextColorToken, type TextProps, TextTag, type TextTagValue, TextVariant, type TextVariantValue, } from './components/Text/Text';
 export { Textfield, type TextfieldProps, } from './components/Textfield/Textfield';
+export { type TextfieldSizeValue } from './components/Textfield/types';
 export { Toggle, type ToggleProps } from './components/Toggle/Toggle';
 export { Placement, type PlacementValue, Tooltip, type TooltipProps, } from './components/Tooltip/Tooltip';
 export { Typography, type TypographyProps, TypographyTag, type TypographyTagValue, } from './components/Typography/Typography';
 export { VerticalTab, VerticalTabGroup, VerticalTabGroupGap, type VerticalTabGroupProps, type VerticalTabProps, } from './components/VerticalTab/VerticalTab';
+export { ViewersStack, type ViewersStackProps, } from './components/ViewersStack/ViewersStack';
 export { VStack, type VStackProps, VStackSize, type VStackSizeValue, } from './components/VStack/VStack';
 export * from './context';
 export * as DataGrid from './data-grid';
 export * from './hooks';
-export * from './hooks';
-export * from './icon';
 export * from './icon';
 export * from './utils';
-export * from './utils';

package/dist/index.js

@@ -33,11 +33,12 @@ export { H2 } from "./components/H2/H2.js";
 export { H3 } from "./components/H3/H3.js";
 export { H4 } from "./components/H4/H4.js";
 export { Header } from "./components/Header/Header.js";
-export { Help } from "./components/Help/Help.js";
+export { Help, HelpSize } from "./components/Help/Help.js";
 export { Hint, HintVariant } from "./components/Hint/Hint.js";
 export { HStack, HStackSize } from "./components/HStack/HStack.js";
 export { Input } from "./components/Input/Input.js";
 export { InputUnit } from "./components/InputUnit/InputUnit.js";
+export { LabelValueCheckbox } from "./components/LabelValueCheckbox/LabelValueCheckbox.js";
 export { LabelValueDate } from "./components/LabelValueDate/LabelValueDate.js";
 export { LabelValueInput } from "./components/LabelValueInput/LabelValueInput.js";
 export { LabelValueSelect } from "./components/LabelValueSelect/LabelValueSelect.js";
@@ -70,5 +71,6 @@ export { Toggle } from "./components/Toggle/Toggle.js";
 export { Placement, Tooltip } from "./components/Tooltip/Tooltip.js";
 export { Typography, TypographyTag } from "./components/Typography/Typography.js";
 export { VerticalTab, VerticalTabGroup, VerticalTabGroupGap } from "./components/VerticalTab/VerticalTab.js";
+export { ViewersStack } from "./components/ViewersStack/ViewersStack.js";
 export { VStack, VStackSize } from "./components/VStack/VStack.js";
 export { __rspack_external__data_grid_index_js_22196742 as DataGrid };

package/dist/utils/debounce/debounce.d.ts

@@ -0,0 +1,10 @@
+export type DebounceOptions = {
+    leading?: boolean;
+    trailing?: boolean;
+};
+export type DebounceableFunction = (...args: any[]) => any;
+export type DebouncedFunction<T extends DebounceableFunction> = ((...args: Parameters<T>) => ReturnType<T> | undefined) & {
+    cancel: () => void;
+    flush: () => ReturnType<T> | undefined;
+};
+export declare function debounce<T extends DebounceableFunction>(func: T, wait?: number, options?: DebounceOptions): DebouncedFunction<T>;

package/dist/utils/debounce/debounce.js

@@ -0,0 +1,73 @@
+function debounce(func, wait = 0, options = {}) {
+    const leading = options.leading ?? false;
+    const trailing = options.trailing ?? true;
+    let lastArgs;
+    let lastThis;
+    let result;
+    let timerId;
+    let lastCallTime;
+    let lastInvokeTime = 0;
+    function invokeFunc(time) {
+        if (void 0 === lastArgs) return result;
+        const args = lastArgs;
+        const thisArg = lastThis;
+        lastArgs = void 0;
+        lastThis = void 0;
+        lastInvokeTime = time;
+        result = func.apply(thisArg, args);
+        return result;
+    }
+    function leadingEdge(time) {
+        lastInvokeTime = time;
+        timerId = setTimeout(timerExpired, wait);
+        return leading ? invokeFunc(time) : result;
+    }
+    function remainingWait(time) {
+        const timeSinceLastCall = time - (lastCallTime ?? 0);
+        return wait - timeSinceLastCall;
+    }
+    function shouldInvoke(time) {
+        const timeSinceLastCall = time - (lastCallTime ?? 0);
+        const timeSinceLastInvoke = time - lastInvokeTime;
+        return void 0 === lastCallTime || timeSinceLastCall >= wait || timeSinceLastCall < 0 || timeSinceLastInvoke >= wait;
+    }
+    function timerExpired() {
+        const time = Date.now();
+        if (shouldInvoke(time)) return trailingEdge(time);
+        timerId = setTimeout(timerExpired, remainingWait(time));
+    }
+    function trailingEdge(time) {
+        timerId = void 0;
+        if (trailing && lastArgs) return invokeFunc(time);
+        lastArgs = void 0;
+        lastThis = void 0;
+        return result;
+    }
+    function cancel() {
+        clearTimeout(timerId);
+        lastInvokeTime = 0;
+        lastArgs = void 0;
+        lastThis = void 0;
+        lastCallTime = void 0;
+        timerId = void 0;
+    }
+    function flush() {
+        return void 0 === timerId ? result : trailingEdge(Date.now());
+    }
+    const debounced = function(...args) {
+        const time = Date.now();
+        const isInvoking = shouldInvoke(time);
+        lastArgs = args;
+        lastThis = this;
+        lastCallTime = time;
+        if (isInvoking) {
+            if (void 0 === timerId) return leadingEdge(time);
+        }
+        if (void 0 === timerId) timerId = setTimeout(timerExpired, wait);
+        return result;
+    };
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    return debounced;
+}
+export { debounce };

package/dist/utils/isRecordEqual/isRecordEqual.d.ts

@@ -0,0 +1 @@
+export declare function isRecordEqual(a?: Record<string, boolean>, b?: Record<string, boolean>): boolean;

package/dist/utils/isRecordEqual/isRecordEqual.js

@@ -0,0 +1,9 @@
+function isRecordEqual(a, b) {
+    if (a === b) return true;
+    if (void 0 === a || void 0 === b) return false;
+    const keysA = Object.keys(a);
+    const keysB = Object.keys(b);
+    if (keysA.length !== keysB.length) return false;
+    return keysA.every((key)=>a[key] === b[key]);
+}
+export { isRecordEqual };

package/dist/utils/utils.d.ts

@@ -1,5 +1,7 @@
+export { debounce } from './debounce/debounce';
 export { formatFloatNumber } from './format/formatFloatNumber';
 export { removeZeroWithSpace } from './format/removeZeroWithSpace/removeZeroWithSpace';
+export { isRecordEqual } from './isRecordEqual/isRecordEqual';
 export * from './keyDown/const';
 export { handleFloatKeyDown } from './keyDown/handleFloatKeyDown';
 export { handleNumberKeyDown } from './keyDown/handleNumberKeyDown';

package/dist/utils/utils.js

@@ -1,6 +1,8 @@
 export * from "./keyDown/const.js";
+export { debounce } from "./debounce/debounce.js";
 export { formatFloatNumber } from "./format/formatFloatNumber.js";
 export { removeZeroWithSpace } from "./format/removeZeroWithSpace/removeZeroWithSpace.js";
+export { isRecordEqual } from "./isRecordEqual/isRecordEqual.js";
 export { handleFloatKeyDown } from "./keyDown/handleFloatKeyDown.js";
 export { handleNumberKeyDown } from "./keyDown/handleNumberKeyDown.js";
 export { handlePositiveFloatKeyDown } from "./keyDown/handlePositiveFloatKeyDown.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moysklad/uikit",
-  "version": "28.1.0",
+  "version": "30.4.0",
   "license": "Apache-2.0",
   "type": "module",
   "module": "./dist/index.js",
@@ -20,8 +20,6 @@
     "clsx": "2.1.1",
     "date-fns": "4.1.0",
     "framer-motion": "12.36.0",
-    "lodash.debounce": "4.0.8",
-    "lodash.isequal": "4.5.0",
     "nanoid": "5.1.7",
     "notistack": "3.0.2",
     "rc-mentions": "2.20.0",
@@ -137,6 +135,10 @@
       "types": "./dist/components/EmptyStateLarge/EmptyStateLarge.d.ts",
       "import": "./dist/components/EmptyStateLarge/EmptyStateLarge.js"
     },
+    "./components/FieldLabel": {
+      "types": "./dist/components/FieldLabel/FieldLabel.d.ts",
+      "import": "./dist/components/FieldLabel/FieldLabel.js"
+    },
     "./components/FieldRow": {
       "types": "./dist/components/FieldRow/FieldRow.d.ts",
       "import": "./dist/components/FieldRow/FieldRow.js"
@@ -209,6 +211,10 @@
       "types": "./dist/components/LabelValue/LabelValue.d.ts",
       "import": "./dist/components/LabelValue/LabelValue.js"
     },
+    "./components/LabelValueCheckbox": {
+      "types": "./dist/components/LabelValueCheckbox/LabelValueCheckbox.d.ts",
+      "import": "./dist/components/LabelValueCheckbox/LabelValueCheckbox.js"
+    },
     "./components/LabelValueDate": {
       "types": "./dist/components/LabelValueDate/LabelValueDate.d.ts",
       "import": "./dist/components/LabelValueDate/LabelValueDate.js"
@@ -337,6 +343,10 @@
       "types": "./dist/components/VerticalTab/VerticalTab.d.ts",
       "import": "./dist/components/VerticalTab/VerticalTab.js"
     },
+    "./components/ViewersStack": {
+      "types": "./dist/components/ViewersStack/ViewersStack.d.ts",
+      "import": "./dist/components/ViewersStack/ViewersStack.js"
+    },
     "./components/VStack": {
       "types": "./dist/components/VStack/VStack.d.ts",
       "import": "./dist/components/VStack/VStack.js"
@@ -407,6 +417,9 @@
       "components/EmptyStateLarge": [
         "dist/components/EmptyStateLarge/EmptyStateLarge.d.ts"
       ],
+      "components/FieldLabel": [
+        "dist/components/FieldLabel/FieldLabel.d.ts"
+      ],
       "components/FieldRow": [
         "dist/components/FieldRow/FieldRow.d.ts"
       ],
@@ -458,6 +471,9 @@
       "components/LabelValue": [
         "dist/components/LabelValue/LabelValue.d.ts"
       ],
+      "components/LabelValueCheckbox": [
+        "dist/components/LabelValueCheckbox/LabelValueCheckbox.d.ts"
+      ],
       "components/LabelValueDate": [
         "dist/components/LabelValueDate/LabelValueDate.d.ts"
       ],
@@ -554,6 +570,9 @@
       "components/VerticalTab": [
         "dist/components/VerticalTab/VerticalTab.d.ts"
       ],
+      "components/ViewersStack": [
+        "dist/components/ViewersStack/ViewersStack.d.ts"
+      ],
       "data-grid": [
         "dist/data-grid/index.d.ts"
       ]

package/dist/components/LabelValue/HelpButton/HelpButton.module.js

@@ -1,8 +0,0 @@
-import "./HelpButton_module.css";
-const HelpButton_module = {
-    iconContainer: "iconContainer-HRauzo",
-    helpButtonContainer: "helpButtonContainer-dn7UIO",
-    icon: "icon-ktWGC3",
-    visible: "visible-xZMPSW"
-};
-export default HelpButton_module;

package/dist/components/LabelValue/HelpButton/HelpButton_module.css

@@ -1,44 +0,0 @@
-.iconContainer-HRauzo {
-  -webkit-user-select: none;
-  user-select: none;
-  justify-content: center;
-  align-items: center;
-  width: 12px;
-  height: 12px;
-  display: flex;
-}
-
-.helpButtonContainer-dn7UIO {
-  cursor: pointer;
-  background-color: #0000;
-  border: 0;
-  outline: none;
-  padding: 0;
-  display: flex;
-}
-
-.helpButtonContainer-dn7UIO .icon-ktWGC3 {
-  color: var(--elements-normal, #5f6d79);
-}
-
-.helpButtonContainer-dn7UIO:hover, .helpButtonContainer-dn7UIO:focus-visible:not(.visible-xZMPSW) {
-  border-radius: 50%;
-  outline: 4px solid #d5dff433;
-}
-
-.helpButtonContainer-dn7UIO:hover .icon-ktWGC3, .helpButtonContainer-dn7UIO:focus-visible:not(.visible-xZMPSW) .icon-ktWGC3 {
-  color: var(--elements-hover, #091739);
-}
-
-.helpButtonContainer-dn7UIO:hover .icon-ktWGC3 path, .helpButtonContainer-dn7UIO:focus-visible:not(.visible-xZMPSW) .icon-ktWGC3 path {
-  stroke: currentColor;
-}
-
-.helpButtonContainer-dn7UIO.visible-xZMPSW .icon-ktWGC3 {
-  color: var(--elements-accent, #036ce5);
-}
-
-.icon-ktWGC3 {
-  overflow: visible;
-}
-

package/dist/components/LabelValue/HelpButton/index.d.ts

@@ -1,8 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import { Help } from '../../Help/Help';
-interface HelpButtonProps {
-    helpPopupContent: ComponentPropsWithoutRef<typeof Help>['popup'];
-    className?: string;
-}
-export declare const HelpButton: (props: HelpButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/LabelValue/HelpButton/index.js

@@ -1,36 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { cn } from "../../../common/css/index.js";
-import { Help } from "../../Help/Help.js";
-import { Support12Icon } from "../../../icon/index.js";
-import { OPEN_BUTTONS } from "../consts.js";
-import HelpButton_module from "./HelpButton.module.js";
-const HelpButton = (props)=>{
-    const helpButtonRef = useRef(null);
-    const [isHelpPopupVisible, setIsHelpPopupVisible] = useState(false);
-    const handleHelpButtonKeyDown = (event)=>{
-        if (OPEN_BUTTONS.includes(event.key)) {
-            event.preventDefault();
-            helpButtonRef.current?.click();
-        }
-    };
-    return /*#__PURE__*/ jsx("div", {
-        className: cn(HelpButton_module.iconContainer, props.className),
-        onClick: (event)=>{
-            event.stopPropagation();
-        },
-        children: /*#__PURE__*/ jsx(Help, {
-            icon: /*#__PURE__*/ jsx("button", {
-                className: cn(HelpButton_module.helpButtonContainer, isHelpPopupVisible && HelpButton_module.visible),
-                ref: helpButtonRef,
-                onKeyDown: handleHelpButtonKeyDown,
-                children: /*#__PURE__*/ jsx(Support12Icon, {
-                    className: HelpButton_module.icon
-                })
-            }),
-            popup: props.helpPopupContent,
-            onVisibleChange: setIsHelpPopupVisible
-        })
-    });
-};
-export { HelpButton };

package/dist/components/Textfield/components/ClearIcon/ClearIcon.d.ts

@@ -1,6 +0,0 @@
-import { type IHasTestId } from '../../../../common/types';
-export interface ClearIconProps extends IHasTestId {
-    withHelp?: boolean;
-    onClear: () => void;
-}
-export declare const ClearIcon: import("react").MemoExoticComponent<({ testId, withHelp, onClear }: ClearIconProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Textfield/components/ClearIcon/ClearIcon.js

@@ -1,13 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { cn } from "../../../../common/css/cn.js";
-import { RemoveClose12Icon } from "../../../../icon/index.js";
-import ClearIcon_module from "./ClearIcon.module.js";
-const ClearIcon = /*#__PURE__*/ memo(({ testId, withHelp, onClear })=>/*#__PURE__*/ jsx("span", {
-        "data-test-id": testId ? `${testId}-textfield-clear` : null,
-        className: cn(ClearIcon_module.clearIcon, withHelp && ClearIcon_module.withHelp),
-        onClick: onClear,
-        children: /*#__PURE__*/ jsx(RemoveClose12Icon, {})
-    }));
-ClearIcon.displayName = 'ClearIcon';
-export { ClearIcon };

package/dist/components/Textfield/components/ClearIcon/ClearIcon.module.js

@@ -1,6 +0,0 @@
-import "./ClearIcon_module.css";
-const ClearIcon_module = {
-    clearIcon: "clearIcon-d5rPzL",
-    withHelp: "withHelp-AT1_PZ"
-};
-export default ClearIcon_module;

package/dist/components/Textfield/components/ClearIcon/ClearIcon_module.css

@@ -1,11 +0,0 @@
-.clearIcon-d5rPzL {
-  cursor: pointer;
-  position: absolute;
-  top: 8px;
-  right: 16px;
-}
-
-.clearIcon-d5rPzL.withHelp-AT1_PZ {
-  right: 48px;
-}
-

package/dist/data-grid/Table/components/Footer/Footer.d.ts

@@ -1,9 +0,0 @@
-import { type PropsWithChildren } from 'react';
-import { type HeaderGroup } from '@tanstack/react-table';
-type Props<T> = {
-    footerGroups: HeaderGroup<T>[];
-    isEmptyFooter?: boolean;
-};
-export declare const FooterComponent: <T>({ footerGroups, isEmptyFooter, children, }: PropsWithChildren<Props<T>>) => import("react/jsx-runtime").JSX.Element;
-export declare const Footer: <T>(props: PropsWithChildren<Props<T>>) => JSX.Element;
-export {};

package/dist/data-grid/Table/components/Header/Header.d.ts

@@ -1,8 +0,0 @@
-import { type CSSProperties } from 'react';
-import { type HeaderGroup } from '@tanstack/react-table';
-type Props<T> = {
-    headerGroups: HeaderGroup<T>[];
-    style?: CSSProperties;
-};
-export declare const Header: <T>({ headerGroups, style }: Props<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/data-grid/Table/components/TableRow/TableRow.module.js

@@ -1,14 +0,0 @@
-import "./TableRow_module.css";
-const TableRow_module = {
-    tableRow: "tableRow-JTQ46u",
-    selected: "selected-mZvqm6",
-    "highlighted-row-orange": "highlighted-row-orange-_YaQso",
-    highlightedRowOrange: "highlighted-row-orange-_YaQso",
-    "highlighted-row-red": "highlighted-row-red-Rwb1aT",
-    highlightedRowRed: "highlighted-row-red-Rwb1aT",
-    "highlighted-row-green": "highlighted-row-green-fn_ksP",
-    highlightedRowGreen: "highlighted-row-green-fn_ksP",
-    "highlighted-row-blue": "highlighted-row-blue-bfEYJK",
-    highlightedRowBlue: "highlighted-row-blue-bfEYJK"
-};
-export default TableRow_module;

package/dist/data-grid/cells/AutoCompleteCell/AutoCompleteCell.module.js

@@ -1,5 +0,0 @@
-import "./AutoCompleteCell_module.css";
-const AutoCompleteCell_module = {
-    wrapper: "wrapper-_tbukc"
-};
-export default AutoCompleteCell_module;

package/dist/data-grid/cells/AutoCompleteCell/AutoCompleteCell_module.css

@@ -1,8 +0,0 @@
-.wrapper-_tbukc {
-  box-sizing: border-box;
-  padding: var(--cell-padding-top, 4px) var(--cell-padding-right, 8px) var(--cell-padding-bottom, 4px) var(--cell-padding-left, 0);
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-

package/dist/data-grid/cells/InputCell/InputCell.module.js

@@ -1,5 +0,0 @@
-import "./InputCell_module.css";
-const InputCell_module = {
-    wrapper: "wrapper-NFmhKp"
-};
-export default InputCell_module;

package/dist/data-grid/cells/InputCell/InputCell_module.css

@@ -1,8 +0,0 @@
-.wrapper-NFmhKp {
-  box-sizing: border-box;
-  padding: var(--cell-padding-top, 4px) var(--cell-padding-right, 8px) var(--cell-padding-bottom, 4px) var(--cell-padding-left, 0);
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-

package/dist/data-grid/cells/NumberInputCell/NumberInputCell.module.js

@@ -1,5 +0,0 @@
-import "./NumberInputCell_module.css";
-const NumberInputCell_module = {
-    wrapper: "wrapper-FLz9ol"
-};
-export default NumberInputCell_module;

package/dist/data-grid/cells/SelectCell/SelectCell.module.js

@@ -1,8 +0,0 @@
-import "./SelectCell_module.css";
-const SelectCell_module = {
-    wrapper: "wrapper-JvtwRx",
-    actionButton: "actionButton-XrxHm0",
-    tableInput: "tableInput-pldMBN",
-    interactiveOnly: "interactiveOnly-ZuhZJq"
-};
-export default SelectCell_module;

package/dist/data-grid/cells/SelectCell/SelectCell_module.css

@@ -1,33 +0,0 @@
-.wrapper-JvtwRx {
-  box-sizing: border-box;
-  padding: var(--cell-padding-top, 4px) var(--cell-padding-right, 8px) var(--cell-padding-bottom, 4px) var(--cell-padding-left, 0);
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-
-.actionButton-XrxHm0 {
-  cursor: pointer;
-  background: none;
-  border: 0;
-  outline: 0;
-  justify-content: center;
-  align-items: center;
-  width: 12px;
-  height: 12px;
-  padding: 0;
-  display: flex;
-}
-
-.actionButton-XrxHm0 svg path {
-  stroke: var(--elements-normal, #5f6d79);
-}
-
-.tableInput-pldMBN {
-  --select-table-actions-display: var(--uikit-select-table-actions-display, none);
-}
-
-.tableInput-pldMBN:not(:hover, :focus-within) .interactiveOnly-ZuhZJq {
-  display: var(--select-table-actions-display);
-}
-

package/dist/data-grid/headers/components/HeaderSortGroups/components/SortByOption/SortByOption.module.js

@@ -1,7 +0,0 @@
-import "./SortByOption_module.css";
-const SortByOption_module = {
-    sortItem: "sortItem-rZxEcg",
-    sortItemTextWrapper: "sortItemTextWrapper-Nh538c",
-    option: "option-hwmZHj"
-};
-export default SortByOption_module;

package/dist/data-grid/headers/components/HeaderSortGroups/components/SortByOption/SortByOption_module.css

@@ -1,22 +0,0 @@
-.sortItem-rZxEcg {
-  align-items: center;
-  display: flex;
-}
-
-.sortItemTextWrapper-Nh538c {
-  margin-left: 8px;
-}
-
-.option-hwmZHj {
-  border-radius: 8px;
-  padding: 6px 12px;
-}
-
-.option-hwmZHj:hover {
-  background: var(--light-grey-100);
-}
-
-.option-hwmZHj:active {
-  background-color: #f1f4f8;
-}
-

package/dist/data-grid/headers/components/HideColumn/HideColumn.module.js

@@ -1,6 +0,0 @@
-import "./HideColumn_module.css";
-const HideColumn_module = {
-    hideColumn: "hideColumn-qj2NG2",
-    option: "option-jYrOKH"
-};
-export default HideColumn_module;

package/dist/data-grid/headers/components/HideColumn/HideColumn_module.css

@@ -1,20 +0,0 @@
-.hideColumn-qj2NG2 {
-  align-items: center;
-  gap: 8px;
-  padding-left: 0;
-  display: flex;
-}
-
-.option-jYrOKH {
-  border-radius: 8px;
-  padding: 6px 12px;
-}
-
-.option-jYrOKH:hover {
-  background: var(--light-grey-100);
-}
-
-.option-jYrOKH:active {
-  background-color: #f1f4f8;
-}
-