@salutejs/plasma-new-hope 0.344.0-canary.2390.20329173821.0 → 0.344.0-canary.2390.20426917226.0

package/dist/css/es/components/Table/Table.styles.js

@@ -1,4 +1,4 @@
-import './Table.styles_1evzpuw.css';
+import './Table.styles_a4393s.css';
 import { styled } from '@linaria/react';
 import { tableTokens } from './Table.tokens.js';
 import { component, mergeConfig } from '../../engines/common.js';

package/dist/css/es/components/Table/Table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { checkboxConfig, checkboxTokens } from '../Checkbox';\nimport { dividerConfig, dividerTokens } from '../Divider';\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { linkButtonConfig, linkButtonTokens } from '../LinkButton';\n\nimport { TableProps } from './Table.types';\nimport { tableTokens as tokens } from './Table.tokens';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst ButtonBase = component(mergedButtonConfig);\n\nconst mergedDividerConfig = mergeConfig(dividerConfig);\nconst Divider = component(mergedDividerConfig);\n\nconst mergedLinkButtonConfig = mergeConfig(linkButtonConfig);\nconst LinkButtonBase = component(mergedLinkButtonConfig);\n\nexport const base = css`\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n`;\n\nexport const ScrollableWrapper = styled.div<{ maxHeight: CSSProperties['maxHeight'] }>`\n    overflow-y: auto;\n    max-height: ${({ maxHeight }) => maxHeight || 'none'};\n`;\n\nexport const Table = styled.table<{ borderVariant: TableProps['borderVariant']; stickyHeader?: boolean }>`\n    width: fit-content;\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-collapse: collapse;\n\n    border-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n`;\n\nexport const Tr = styled.tr<{ selected?: boolean }>`\n    box-sizing: content-box;\n    width: fit-content;\n    background-color: ${({ selected }) => (selected ? 'var(--surface-transparent-accent)' : 'transparent')};\n`;\n\nexport const Thead = styled.thead<{\n    view: TableProps['view'];\n    borderVariant: TableProps['borderVariant'];\n    stickyHeader?: boolean;\n}>`\n    position: ${({ stickyHeader }) => (stickyHeader ? 'sticky' : 'static')};\n    top: 0;\n    background: ${({ stickyHeader }) => (stickyHeader ? 'var(--background-primary)' : 'transparent')};\n    z-index: 10;\n    box-shadow: ${({ view, borderVariant }) =>\n        // eslint-disable-next-line no-nested-ternary\n        view === 'clear'\n            ? 'none'\n            : borderVariant === 'header' || borderVariant === 'rows'\n            ? `inset 0 -1px 0 0 var(${tokens.borderColor})`\n            : `inset 0 1px 0 0 var(${tokens.borderColor}), inset 0 -1px 0 0 var(${tokens.borderColor})`};\n\n    ${Tr} {\n        background: transparent;\n    }\n`;\n\nexport const Tbody = styled.tbody``;\n\nexport const Resizer = styled.div<{ isResizing: boolean }>`\n    display: ${({ isResizing }) => (isResizing ? 'block' : 'none')};\n    position: absolute;\n    z-index: 1;\n    top: -0.0625rem;\n    bottom: 0;\n    right: -0.125rem;\n    width: 0.1875rem;\n    background: var(--outline-accent);\n    cursor: col-resize;\n    user-select: none;\n    touch-action: none;\n`;\n\nexport const Th = styled.th<{ borderVariant: TableProps['borderVariant']; selectionCell?: boolean }>`\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    position: relative;\n    font-weight: 600;\n    text-align: left;\n    height: var(${tokens.headerRowHeight});\n    background-color: transparent;\n    color: inherit;\n\n    box-sizing: content-box;\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-bottom-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n\n    &:hover {\n        ${Resizer} {\n            display: block;\n        }\n    }\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxTriggerIconColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    ${dividerTokens.baseSideSize}: 0.0625rem;\n    ${dividerTokens.background}: var(--surface-transparent-tertiary);\n    ${dividerTokens.borderRadius}: 0.0625rem;\n`;\n\nexport const Button = styled(ButtonBase)`\n    ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n    ${buttonTokens.buttonDisabledOpacity}: 0.4;\n\n    ${buttonTokens.buttonFontFamily}: var(${tokens.buttonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.buttonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.buttonFontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${tokens.buttonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.buttonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.buttonLineHeight});\n`;\n\nexport const ButtonAccent = styled(Button)`\n    ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n    ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n    ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n    ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n    ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n`;\n\nexport const LinkButton = styled(LinkButtonBase)`\n    ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n    ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n    ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n    ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n    ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n\n    ${linkButtonTokens.linkButtonFontFamily}: var(${tokens.linkButtonFontFamily});\n    ${linkButtonTokens.linkButtonFontSize}: var(${tokens.linkButtonFontSize});\n    ${linkButtonTokens.linkButtonFontStyle}: var(${tokens.linkButtonFontStyle});\n    ${linkButtonTokens.linkButtonFontWeight}: var(${tokens.linkButtonFontWeight});\n    ${linkButtonTokens.linkButtonLetterSpacing}: var(${tokens.linkButtonLetterSpacing});\n    ${linkButtonTokens.linkButtonLineHeight}: var(${tokens.linkButtonLineHeight});\n`;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedButtonConfig","buttonConfig","ButtonBase","mergedDividerConfig","dividerConfig","Divider","mergedLinkButtonConfig","linkButtonConfig","LinkButtonBase","base","_exp","_ref","maxHeight","ScrollableWrapper","styled","name","class","propsAsIs","vars","_exp8","_ref2","borderVariant","concat","tokens","borderColor","Table","_exp9","_ref3","selected","Tr","_exp10","_ref4","stickyHeader","_exp11","_ref5","_exp12","_ref6","view","Thead","Tbody","_exp14","_ref7","isResizing","Resizer","_exp15","_ref8","selectionCell","checkboxCellPadding","cellPadding","_exp17","_ref9","Th","_exp19","StyledCheckbox","_exp34","StyledDivider","_exp38","Button","_exp54","ButtonAccent","_exp60","LinkButton"],"mappings":"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"}
+{"version":3,"file":"Table.styles.js","sources":["../../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { checkboxConfig, checkboxTokens } from '../Checkbox';\nimport { dividerConfig, dividerTokens } from '../Divider';\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { linkButtonConfig, linkButtonTokens } from '../LinkButton';\n\nimport { TableProps } from './Table.types';\nimport { tableTokens as tokens } from './Table.tokens';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst ButtonBase = component(mergedButtonConfig);\n\nconst mergedDividerConfig = mergeConfig(dividerConfig);\nconst Divider = component(mergedDividerConfig);\n\nconst mergedLinkButtonConfig = mergeConfig(linkButtonConfig);\nconst LinkButtonBase = component(mergedLinkButtonConfig);\n\nexport const base = css`\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n`;\n\nexport const ScrollableWrapper = styled.div<{ maxHeight: CSSProperties['maxHeight'] }>`\n    overflow-y: auto;\n    max-height: ${({ maxHeight }) => maxHeight || 'none'};\n`;\n\nexport const Table = styled.table<{ borderVariant: TableProps['borderVariant']; stickyHeader?: boolean }>`\n    width: fit-content;\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n\n    border-collapse: collapse;\n\n    border-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n`;\n\nexport const Tr = styled.tr<{ selected?: boolean }>`\n    box-sizing: content-box;\n    width: fit-content;\n    background-color: ${({ selected }) => (selected ? 'var(--surface-transparent-accent)' : 'transparent')};\n`;\n\nexport const Thead = styled.thead<{\n    view: TableProps['view'];\n    borderVariant: TableProps['borderVariant'];\n    stickyHeader?: boolean;\n}>`\n    position: ${({ stickyHeader }) => (stickyHeader ? 'sticky' : 'static')};\n    top: 0;\n    background: ${({ stickyHeader }) => (stickyHeader ? 'var(--background-primary)' : 'transparent')};\n    z-index: 10;\n    box-shadow: ${({ view, borderVariant }) =>\n        // eslint-disable-next-line no-nested-ternary\n        view === 'clear'\n            ? 'none'\n            : borderVariant === 'header' || borderVariant === 'rows'\n            ? `inset 0 -1px 0 0 var(${tokens.borderColor})`\n            : `inset 0 1px 0 0 var(${tokens.borderColor}), inset 0 -1px 0 0 var(${tokens.borderColor})`};\n\n    ${Tr} {\n        background: transparent;\n    }\n`;\n\nexport const Tbody = styled.tbody``;\n\nexport const Resizer = styled.div<{ isResizing: boolean }>`\n    display: ${({ isResizing }) => (isResizing ? 'block' : 'none')};\n    position: absolute;\n    z-index: 1;\n    top: -0.0625rem;\n    bottom: 0;\n    right: -0.125rem;\n    width: 0.1875rem;\n    background: var(--outline-accent);\n    cursor: col-resize;\n    user-select: none;\n    touch-action: none;\n`;\n\nexport const Th = styled.th<{ borderVariant: TableProps['borderVariant']; selectionCell?: boolean }>`\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    position: relative;\n    font-weight: 600;\n    text-align: left;\n    height: var(${tokens.headerRowHeight});\n    background-color: transparent;\n    color: inherit;\n\n    box-sizing: content-box;\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-bottom-width: 0;\n    border-style: solid;\n    border-color: ${({ borderVariant }) => (borderVariant === 'all' ? `var(${tokens.borderColor})` : 'transparent')};\n    box-sizing: border-box;\n\n    &:hover {\n        ${Resizer} {\n            display: block;\n        }\n    }\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxTriggerIconColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    ${dividerTokens.baseSideSize}: 0.0625rem;\n    ${dividerTokens.background}: var(--surface-transparent-tertiary);\n    ${dividerTokens.borderRadius}: 0.0625rem;\n`;\n\nexport const Button = styled(ButtonBase)`\n    ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n    ${buttonTokens.buttonDisabledOpacity}: 0.4;\n\n    ${buttonTokens.buttonFontFamily}: var(${tokens.buttonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.buttonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.buttonFontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${tokens.buttonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.buttonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.buttonLineHeight});\n`;\n\nexport const ButtonAccent = styled(Button)`\n    ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n    ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n    ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n    ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n    ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n`;\n\nexport const LinkButton = styled(LinkButtonBase)`\n    ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n    ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n    ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n    ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n    ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n\n    ${linkButtonTokens.linkButtonFontFamily}: var(${tokens.linkButtonFontFamily});\n    ${linkButtonTokens.linkButtonFontSize}: var(${tokens.linkButtonFontSize});\n    ${linkButtonTokens.linkButtonFontStyle}: var(${tokens.linkButtonFontStyle});\n    ${linkButtonTokens.linkButtonFontWeight}: var(${tokens.linkButtonFontWeight});\n    ${linkButtonTokens.linkButtonLetterSpacing}: var(${tokens.linkButtonLetterSpacing});\n    ${linkButtonTokens.linkButtonLineHeight}: var(${tokens.linkButtonLineHeight});\n`;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedButtonConfig","buttonConfig","ButtonBase","mergedDividerConfig","dividerConfig","Divider","mergedLinkButtonConfig","linkButtonConfig","LinkButtonBase","base","_exp","_ref","maxHeight","ScrollableWrapper","styled","name","class","propsAsIs","vars","_exp8","_ref2","borderVariant","concat","tokens","borderColor","Table","_exp9","_ref3","selected","Tr","_exp10","_ref4","stickyHeader","_exp11","_ref5","_exp12","_ref6","view","Thead","Tbody","_exp14","_ref7","isResizing","Resizer","_exp15","_ref8","selectionCell","checkboxCellPadding","cellPadding","_exp17","_ref9","Th","_exp19","StyledCheckbox","_exp34","StyledDivider","_exp38","Button","_exp54","ButtonAccent","_exp60","LinkButton"],"mappings":"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"}

package/dist/css/es/components/Table/{Table.styles_1evzpuw.css → Table.styles_a4393s.css}

@@ -5,7 +5,7 @@
 .t1ezol8{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.t1ezol8 .t1uk535o{background:transparent;}
 
 .redz16{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.t3mgb7q{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);}.t3mgb7q:hover .redz16{display:block;}
+.t3mgb7q{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.t3mgb7q:hover .redz16{display:block;}
 .s177cehz{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
 .seus4rw{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
 .bfybxxj{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}

package/dist/css/es/components/Table/ui/Cell/Cell.css

@@ -61,18 +61,18 @@
 .LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1evzpuw_b1lxisuf__dd0a1f6c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.Table_styles_1evzpuw_s15d4jbz__dd0a1f6c{overflow-y:auto;max-height:var(--s15d4jbz-0);}
-.Table_styles_1evzpuw_t1ri3no5__dd0a1f6c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
-.Table_styles_1evzpuw_t1uk535o__dd0a1f6c{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
-.Table_styles_1evzpuw_t1ezol8__dd0a1f6c{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_1evzpuw_t1ezol8__dd0a1f6c .Table_styles_1evzpuw_t1uk535o__dd0a1f6c{background:transparent;}
-
-.Table_styles_1evzpuw_redz16__dd0a1f6c{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);}.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c:hover .Table_styles_1evzpuw_redz16__dd0a1f6c{display:block;}
-.Table_styles_1evzpuw_s177cehz__dd0a1f6c{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
-.Table_styles_1evzpuw_seus4rw__dd0a1f6c{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1evzpuw_b1ql6jvb__dd0a1f6c.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1evzpuw_lq32ky6__dd0a1f6c{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
+.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
+.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
+.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
+
+.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
+.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}

package/dist/css/es/components/Table/ui/Cell/Cell.js

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
 import { Td } from './Cell.styles.js';
@@ -14,13 +14,13 @@ var Cell = function Cell(_ref) {
     view = _ref.view,
     additionalProps = _ref.additionalProps;
   var renderCell = (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.renderCell;
-  return /*#__PURE__*/React.createElement(Td, _extends({
+  return /*#__PURE__*/React__default.createElement(Td, _extends({
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === SELECT_COLUMN_ID,
     selected: selected,
     view: view
-  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
+  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.createElement(Resizer, {
     isResizing: true
   }))));
 };

package/dist/css/es/components/Table/ui/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\ntype Props = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view, additionalProps }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n            {...additionalProps}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","additionalProps","renderCell","column","columnDef","meta","React","createElement","Td","_extends","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;IAkBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA3DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;AACxF,EAAA,IAAMC,UAAU,GAAAN,CAAAA,qBAAA,GAAGC,IAAI,CAACM,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAT,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BM,UAAU,CAAA;AAEzD,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEb,IAAI,CAACc,EAAG;AACbb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,IAAI,CAACM,MAAM,CAACQ,EAAE,KAAKE,gBAAiB;AACnDd,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GACFC,EAAAA,eAAe,CAElBC,EAAAA,UAAU,GACLA,UAAU,CAACL,IAAI,CAACiB,QAAQ,EAAE,EAAEjB,IAAI,CAACkB,GAAG,CAACC,QAAQ,EAAEnB,IAAI,CAACkB,GAAG,CAACE,KAAK,CAAC,GAC9DC,UAAU,CAACrB,IAAI,CAACM,MAAM,CAACC,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACsB,UAAU,EAAE,CAAC,EAE9DtB,IAAI,CAACM,MAAM,CAACiB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAIf,KAAA,CAAAC,aAAA,CAACe,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\ntype Props = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view, additionalProps }) => {\n    const renderCell = cell.column.columnDef.meta?.renderCell;\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            selected={selected}\n            view={view}\n            {...additionalProps}\n        >\n            {renderCell\n                ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n                : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","additionalProps","renderCell","column","columnDef","meta","React","createElement","Td","_extends","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;IAkBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA3DC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;AACxF,EAAA,IAAMC,UAAU,GAAAN,CAAAA,qBAAA,GAAGC,IAAI,CAACM,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAT,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BM,UAAU,CAAA;AAEzD,EAAA,oBACII,cAAA,CAAAC,aAAA,CAACC,EAAE,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEb,IAAI,CAACc,EAAG;AACbb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,IAAI,CAACM,MAAM,CAACQ,EAAE,KAAKE,gBAAiB;AACnDd,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GACFC,EAAAA,eAAe,CAElBC,EAAAA,UAAU,GACLA,UAAU,CAACL,IAAI,CAACiB,QAAQ,EAAE,EAAEjB,IAAI,CAACkB,GAAG,CAACC,QAAQ,EAAEnB,IAAI,CAACkB,GAAG,CAACE,KAAK,CAAC,GAC9DC,UAAU,CAACrB,IAAI,CAACM,MAAM,CAACC,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACsB,UAAU,EAAE,CAAC,EAE9DtB,IAAI,CAACM,MAAM,CAACiB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAIf,cAAA,CAAAC,aAAA,CAACe,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}

package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css

@@ -61,19 +61,19 @@
 .LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1evzpuw_b1lxisuf__dd0a1f6c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.Table_styles_1evzpuw_s15d4jbz__dd0a1f6c{overflow-y:auto;max-height:var(--s15d4jbz-0);}
-.Table_styles_1evzpuw_t1ri3no5__dd0a1f6c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
-.Table_styles_1evzpuw_t1uk535o__dd0a1f6c{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
-.Table_styles_1evzpuw_t1ezol8__dd0a1f6c{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_1evzpuw_t1ezol8__dd0a1f6c .Table_styles_1evzpuw_t1uk535o__dd0a1f6c{background:transparent;}
-
-.Table_styles_1evzpuw_redz16__dd0a1f6c{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);}.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c:hover .Table_styles_1evzpuw_redz16__dd0a1f6c{display:block;}
-.Table_styles_1evzpuw_s177cehz__dd0a1f6c{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
-.Table_styles_1evzpuw_seus4rw__dd0a1f6c{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1evzpuw_b1ql6jvb__dd0a1f6c.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1evzpuw_lq32ky6__dd0a1f6c{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
+.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
+.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
+.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
+
+.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
+.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 

package/dist/css/es/components/Table/ui/EditableCell/EditableCell.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
 import { getIconSize } from '../HeadCell/HeadCell.js';
@@ -75,7 +75,7 @@ var EditableCell = function EditableCell(_ref) {
         }
     }
   };
-  return /*#__PURE__*/React.createElement(Td, _extends({
+  return /*#__PURE__*/React__default.createElement(Td, _extends({
     key: cell.id,
     borderVariant: borderVariant,
     selectionCell: cell.column.id === SELECT_COLUMN_ID,
@@ -84,26 +84,26 @@ var EditableCell = function EditableCell(_ref) {
     selected: selected,
     view: view,
     ref: ref
-  }, additionalProps), /*#__PURE__*/React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React.createElement(EditModeWrapper, null, /*#__PURE__*/React.createElement(InputWrapper, null, /*#__PURE__*/React.createElement(Input, {
+  }, additionalProps), /*#__PURE__*/React__default.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React__default.createElement(EditModeWrapper, null, /*#__PURE__*/React__default.createElement(InputWrapper, null, /*#__PURE__*/React__default.createElement(Input, {
     value: value,
     onChange: handleChange,
     autoFocus: true,
     onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React.createElement(IconResetButton, {
+  }), /*#__PURE__*/React__default.createElement(IconResetButton, {
     onClick: handleReset,
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement(IconResetOutline, {
+  }, /*#__PURE__*/React__default.createElement(IconResetOutline, {
     size: getIconSize(size)
-  }))), /*#__PURE__*/React.createElement(IconDoneButton, {
+  }))), /*#__PURE__*/React__default.createElement(IconDoneButton, {
     onClick: handleSubmit,
     tabIndex: -1
-  }, /*#__PURE__*/React.createElement(IconDoneCircleOutline, {
+  }, /*#__PURE__*/React__default.createElement(IconDoneCircleOutline, {
     size: getIconSize(size)
-  }))) : /*#__PURE__*/React.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), /*#__PURE__*/React.createElement(IconEditOutline, {
+  }))) : /*#__PURE__*/React__default.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), /*#__PURE__*/React__default.createElement(IconEditOutline, {
     size: "xs",
     className: classes.editIcon,
     color: "var(--text-secondary)"
-  }))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
+  }))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React__default.createElement(Resizer, {
     isResizing: true
   }))));
 };

package/dist/css/es/components/Table/ui/EditableCell/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const EditableCell: React.FC<Props> = ({\n    size,\n    view,\n    cell,\n    borderVariant,\n    table,\n    selected,\n    additionalProps,\n}) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useRef<HTMLTableCellElement>(null);\n\n    useOutsideClick(() => {\n        setEditingMode(false);\n    }, [ref]);\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n            {...additionalProps}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","additionalProps","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","_extends","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n    additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const EditableCell: React.FC<Props> = ({\n    size,\n    view,\n    cell,\n    borderVariant,\n    table,\n    selected,\n    additionalProps,\n}) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useRef<HTMLTableCellElement>(null);\n\n    useOutsideClick(() => {\n        setEditingMode(false);\n    }, [ref]);\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n            {...additionalProps}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","additionalProps","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","_extends","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}

package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css

@@ -61,19 +61,19 @@
 .LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1evzpuw_b1lxisuf__dd0a1f6c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.Table_styles_1evzpuw_s15d4jbz__dd0a1f6c{overflow-y:auto;max-height:var(--s15d4jbz-0);}
-.Table_styles_1evzpuw_t1ri3no5__dd0a1f6c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
-.Table_styles_1evzpuw_t1uk535o__dd0a1f6c{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
-.Table_styles_1evzpuw_t1ezol8__dd0a1f6c{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_1evzpuw_t1ezol8__dd0a1f6c .Table_styles_1evzpuw_t1uk535o__dd0a1f6c{background:transparent;}
-
-.Table_styles_1evzpuw_redz16__dd0a1f6c{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);}.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c:hover .Table_styles_1evzpuw_redz16__dd0a1f6c{display:block;}
-.Table_styles_1evzpuw_s177cehz__dd0a1f6c{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
-.Table_styles_1evzpuw_seus4rw__dd0a1f6c{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1evzpuw_b1ql6jvb__dd0a1f6c.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1evzpuw_lq32ky6__dd0a1f6c{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
+.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
+.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
+.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
+
+.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
+.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 

package/dist/css/es/components/Table/ui/HeadCell/HeadCell.js

@@ -1,5 +1,5 @@
 import { flexRender } from '@tanstack/react-table';
-import React from 'react';
+import React__default from 'react';
 import { Th, Resizer } from '../../Table.styles.js';
 import { classes } from '../../Table.tokens.js';
 import { ThWrapper, ControlButtons, IconWrapper } from './HeadCell.styles.js';
@@ -21,7 +21,7 @@ var HeadCell = function HeadCell(_ref) {
     tableContainerRef = _ref.tableContainerRef;
   var _ref2 = (header === null || header === void 0 || (_header$column = header.column) === null || _header$column === void 0 || (_header$column = _header$column.columnDef) === null || _header$column === void 0 ? void 0 : _header$column.meta) || {},
     filters = _ref2.filters;
-  return /*#__PURE__*/React.createElement(Th, {
+  return /*#__PURE__*/React__default.createElement(Th, {
     key: header.id,
     colSpan: header.colSpan,
     borderVariant: borderVariant,
@@ -29,26 +29,26 @@ var HeadCell = function HeadCell(_ref) {
     style: header.column.id !== SELECT_COLUMN_ID ? {
       width: header.getSize()
     } : undefined
-  }, header.isPlaceholder ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ThWrapper, null, flexRender(header.column.columnDef.header, header.getContext()), header.column.id !== SELECT_COLUMN_ID && /*#__PURE__*/React.createElement(ControlButtons, null, filters && /*#__PURE__*/React.createElement(Filter, {
+  }, header.isPlaceholder ? null : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ThWrapper, null, flexRender(header.column.columnDef.header, header.getContext()), header.column.id !== SELECT_COLUMN_ID && /*#__PURE__*/React__default.createElement(ControlButtons, null, filters && /*#__PURE__*/React__default.createElement(Filter, {
     header: header,
     size: size,
     outerFiltered: outerFiltered,
     tableContainerRef: tableContainerRef
-  }), header.column.getCanSort() && /*#__PURE__*/React.createElement(IconWrapper, {
+  }), header.column.getCanSort() && /*#__PURE__*/React__default.createElement(IconWrapper, {
     onClick: header.column.getToggleSortingHandler()
   }, (_asc$desc = {
-    asc: /*#__PURE__*/React.createElement(IconArrowUp, {
+    asc: /*#__PURE__*/React__default.createElement(IconArrowUp, {
       size: getIconSize(size),
       className: classes.sortingAscIcon
     }),
-    desc: /*#__PURE__*/React.createElement(IconArrowDown, {
+    desc: /*#__PURE__*/React__default.createElement(IconArrowDown, {
       size: getIconSize(size),
       className: classes.sortingDescIcon
     })
-  }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React.createElement(IconSwapVert, {
+  }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React__default.createElement(IconSwapVert, {
     size: getIconSize(size),
     className: classes.sortingDefaultIcon
-  }))))), header.column.getCanResize() && /*#__PURE__*/React.createElement(Resizer, {
+  }))))), header.column.getCanResize() && /*#__PURE__*/React__default.createElement(Resizer, {
     className: classes.resizeDivider,
     onMouseDown: header.getResizeHandler(),
     onTouchStart: header.getResizeHandler(),

package/dist/css/es/components/Table/ui/HeadCell/HeadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadCell.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender, Header } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { TableProps, TableRowData } from '../../Table.types';\nimport { classes } from '../../Table.tokens';\n\nimport { ControlButtons, ThWrapper, IconWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\ntype Props = {\n    borderVariant: TableProps['borderVariant'];\n    size: TableProps['size'];\n    header: Header<TableRowData, unknown>;\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const HeadCell: React.FC<Props> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <IconWrapper onClick={header.column.getToggleSortingHandler()}>\n                                        {{\n                                            asc: (\n                                                <IconArrowUp\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingAscIcon}\n                                                />\n                                            ),\n                                            desc: (\n                                                <IconArrowDown\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingDescIcon}\n                                                />\n                                            ),\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert\n                                                size={getIconSize(size)}\n                                                className={classes.sortingDefaultIcon}\n                                            />\n                                        )}\n                                    </IconWrapper>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    className={classes.resizeDivider}\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","_ref","_header$column","_asc$desc","header","borderVariant","outerFiltered","tableContainerRef","_ref2","column","columnDef","meta","filters","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","IconWrapper","onClick","getToggleSortingHandler","asc","IconArrowUp","className","classes","sortingAscIcon","desc","IconArrowDown","sortingDescIcon","getIsSorted","IconSwapVert","sortingDefaultIcon","getCanResize","Resizer","resizeDivider","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":"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"}
+{"version":3,"file":"HeadCell.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender, Header } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../utils';\nimport { TableProps, TableRowData } from '../../Table.types';\nimport { classes } from '../../Table.tokens';\n\nimport { ControlButtons, ThWrapper, IconWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\ntype Props = {\n    borderVariant: TableProps['borderVariant'];\n    size: TableProps['size'];\n    header: Header<TableRowData, unknown>;\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const HeadCell: React.FC<Props> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <IconWrapper onClick={header.column.getToggleSortingHandler()}>\n                                        {{\n                                            asc: (\n                                                <IconArrowUp\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingAscIcon}\n                                                />\n                                            ),\n                                            desc: (\n                                                <IconArrowDown\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingDescIcon}\n                                                />\n                                            ),\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert\n                                                size={getIconSize(size)}\n                                                className={classes.sortingDefaultIcon}\n                                            />\n                                        )}\n                                    </IconWrapper>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    className={classes.resizeDivider}\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","_ref","_header$column","_asc$desc","header","borderVariant","outerFiltered","tableContainerRef","_ref2","column","columnDef","meta","filters","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","IconWrapper","onClick","getToggleSortingHandler","asc","IconArrowUp","className","classes","sortingAscIcon","desc","IconArrowDown","sortingDescIcon","getIsSorted","IconSwapVert","sortingDefaultIcon","getCanResize","Resizer","resizeDivider","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":"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"}

package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css

@@ -67,19 +67,19 @@
 .LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1evzpuw_b1lxisuf__dd0a1f6c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.Table_styles_1evzpuw_s15d4jbz__dd0a1f6c{overflow-y:auto;max-height:var(--s15d4jbz-0);}
-.Table_styles_1evzpuw_t1ri3no5__dd0a1f6c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
-.Table_styles_1evzpuw_t1uk535o__dd0a1f6c{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
-.Table_styles_1evzpuw_t1ezol8__dd0a1f6c{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_1evzpuw_t1ezol8__dd0a1f6c .Table_styles_1evzpuw_t1uk535o__dd0a1f6c{background:transparent;}
-
-.Table_styles_1evzpuw_redz16__dd0a1f6c{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);}.Table_styles_1evzpuw_t3mgb7q__dd0a1f6c:hover .Table_styles_1evzpuw_redz16__dd0a1f6c{display:block;}
-.Table_styles_1evzpuw_s177cehz__dd0a1f6c{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
-.Table_styles_1evzpuw_seus4rw__dd0a1f6c{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1evzpuw_b1ql6jvb__dd0a1f6c.Table_styles_1evzpuw_bfybxxj__dd0a1f6c{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1evzpuw_lq32ky6__dd0a1f6c{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
+.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
+.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
+.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
+
+.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
+.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .Button_styles_lsgupt_sfn0xs0__09262837{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
 .Button_styles_lsgupt_i1akdel6__09262837{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_lsgupt_i1akdel6__09262837:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_lsgupt_i1akdel6__09262837:active{color:var(--plasma-select-button-arrow-color-active);}

package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { getIconSize } from '../../HeadCell.js';
 import { LinkButton, ButtonAccent } from '../../../../Table.styles.js';
 import { classes } from '../../../../Table.tokens.js';
@@ -59,7 +59,7 @@ var Filter = function Filter(_ref) {
   useDidMountEffect(function () {
     setLocalFiltered(filtered);
   }, [outerFiltered]);
-  return /*#__PURE__*/React.createElement(Select
+  return /*#__PURE__*/React__default.createElement(Select
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   , {
@@ -68,10 +68,10 @@ var Filter = function Filter(_ref) {
     value: localFiltered,
     onChange: setLocalFiltered,
     renderTarget: function renderTarget() {
-      return /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
+      return /*#__PURE__*/React__default.createElement(IconFilterWrapper, null, /*#__PURE__*/React__default.createElement(IconFilterFunnel, {
         size: getIconSize(size),
         className: classes.filterIcon
-      }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+      }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.createElement(StyledIndicator, {
         size: "s",
         view: "accent"
       })) : undefined);
@@ -80,12 +80,12 @@ var Filter = function Filter(_ref) {
     portal: tableContainerRef,
     listWidth: getSelectWidth(size),
     onToggle: handleToggle,
-    afterList: /*#__PURE__*/React.createElement(React.Fragment, null, _StyledDivider || (_StyledDivider = /*#__PURE__*/React.createElement(StyledDivider, {
+    afterList: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _StyledDivider || (_StyledDivider = /*#__PURE__*/React__default.createElement(StyledDivider, {
       orientation: "horizontal",
       length: "auto"
-    })), /*#__PURE__*/React.createElement(ControlPanel, null, /*#__PURE__*/React.createElement(LinkButton, {
+    })), /*#__PURE__*/React__default.createElement(ControlPanel, null, /*#__PURE__*/React__default.createElement(LinkButton, {
       onClick: handleReset
-    }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440"), /*#__PURE__*/React.createElement(ButtonAccent, {
+    }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440"), /*#__PURE__*/React__default.createElement(ButtonAccent, {
       disabled: isDisabled,
       onClick: handleFilterSubmit
     }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C")))