@salutejs/plasma-new-hope 0.344.0-canary.2399.20427286988.0 → 0.344.0-canary.2401.20432942782.0

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

@@ -1,4 +1,4 @@
-require('./Table.styles_1jqvkrz.css');
+require('./Table.styles_a4393s.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -20,28 +20,28 @@ var Divider = /*#__PURE__*/common.component(mergedDividerConfig);
 var mergedLinkButtonConfig = /*#__PURE__*/common.mergeConfig(LinkButton$1.linkButtonConfig);
 var LinkButtonBase = /*#__PURE__*/common.component(mergedLinkButtonConfig);
 var base = "b1lxisuf";
-var _exp7 = function _exp7() {
+var _exp = function _exp() {
   return function (_ref) {
-    var borderVariant = _ref.borderVariant;
-    return borderVariant === 'all' ? "var(".concat(Table_tokens.tableTokens.borderColor, ")") : 'transparent';
+    var maxHeight = _ref.maxHeight;
+    return maxHeight || 'none';
   };
 };
-var Table = /*#__PURE__*/react.styled('table')({
-  name: "Table",
-  "class": "t15d4jbz",
+var ScrollableWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ScrollableWrapper",
+  "class": "s15d4jbz",
   propsAsIs: false,
   vars: {
-    "t15d4jbz-0": [/*#__PURE__*/_exp7()]
+    "s15d4jbz-0": [/*#__PURE__*/_exp()]
   }
 });
 var _exp8 = function _exp8() {
   return function (_ref2) {
-    var selected = _ref2.selected;
-    return selected ? 'var(--surface-transparent-accent)' : 'transparent';
+    var borderVariant = _ref2.borderVariant;
+    return borderVariant === 'all' ? "var(".concat(Table_tokens.tableTokens.borderColor, ")") : 'transparent';
   };
 };
-var Tr = /*#__PURE__*/react.styled('tr')({
-  name: "Tr",
+var Table = /*#__PURE__*/react.styled('table')({
+  name: "Table",
   "class": "t1ri3no5",
   propsAsIs: false,
   vars: {
@@ -50,20 +50,34 @@ var Tr = /*#__PURE__*/react.styled('tr')({
 });
 var _exp9 = function _exp9() {
   return function (_ref3) {
-    var stickyHeader = _ref3.stickyHeader;
-    return stickyHeader ? 'sticky' : 'static';
+    var selected = _ref3.selected;
+    return selected ? 'var(--surface-transparent-accent)' : 'transparent';
   };
 };
+var Tr = /*#__PURE__*/react.styled('tr')({
+  name: "Tr",
+  "class": "t1uk535o",
+  propsAsIs: false,
+  vars: {
+    "t1uk535o-0": [/*#__PURE__*/_exp9()]
+  }
+});
 var _exp10 = function _exp10() {
   return function (_ref4) {
     var stickyHeader = _ref4.stickyHeader;
-    return stickyHeader ? 'var(--background-primary)' : 'transparent';
+    return stickyHeader ? 'sticky' : 'static';
   };
 };
 var _exp11 = function _exp11() {
   return function (_ref5) {
-    var view = _ref5.view,
-      borderVariant = _ref5.borderVariant;
+    var stickyHeader = _ref5.stickyHeader;
+    return stickyHeader ? 'var(--background-primary)' : 'transparent';
+  };
+};
+var _exp12 = function _exp12() {
+  return function (_ref6) {
+    var view = _ref6.view,
+      borderVariant = _ref6.borderVariant;
     return (
       // eslint-disable-next-line no-nested-ternary
       view === 'clear' ? 'none' : borderVariant === 'header' || borderVariant === 'rows' ? "inset 0 -1px 0 0 var(".concat(Table_tokens.tableTokens.borderColor, ")") : "inset 0 1px 0 0 var(".concat(Table_tokens.tableTokens.borderColor, "), inset 0 -1px 0 0 var(").concat(Table_tokens.tableTokens.borderColor, ")")
@@ -72,92 +86,92 @@ var _exp11 = function _exp11() {
 };
 var Thead = /*#__PURE__*/react.styled('thead')({
   name: "Thead",
-  "class": "t1uk535o",
+  "class": "t1ezol8",
   propsAsIs: false,
   vars: {
-    "t1uk535o-0": [/*#__PURE__*/_exp9()],
-    "t1uk535o-1": [/*#__PURE__*/_exp10()],
-    "t1uk535o-2": [/*#__PURE__*/_exp11()]
+    "t1ezol8-0": [/*#__PURE__*/_exp10()],
+    "t1ezol8-1": [/*#__PURE__*/_exp11()],
+    "t1ezol8-2": [/*#__PURE__*/_exp12()]
   }
 });
 var Tbody = /*#__PURE__*/react.styled('tbody')({
   name: "Tbody",
-  "class": "t1ezol8",
+  "class": "t18b5m0z",
   propsAsIs: false
 });
-var _exp13 = function _exp13() {
-  return function (_ref6) {
-    var isResizing = _ref6.isResizing;
+var _exp14 = function _exp14() {
+  return function (_ref7) {
+    var isResizing = _ref7.isResizing;
     return isResizing ? 'block' : 'none';
   };
 };
 var Resizer = /*#__PURE__*/react.styled('div')({
   name: "Resizer",
-  "class": "r18b5m0z",
+  "class": "redz16",
   propsAsIs: false,
   vars: {
-    "r18b5m0z-0": [/*#__PURE__*/_exp13()]
+    "redz16-0": [/*#__PURE__*/_exp14()]
   }
 });
-var _exp14 = function _exp14() {
-  return function (_ref7) {
-    var selectionCell = _ref7.selectionCell;
+var _exp15 = function _exp15() {
+  return function (_ref8) {
+    var selectionCell = _ref8.selectionCell;
     return selectionCell ? "var(".concat(Table_tokens.tableTokens.checkboxCellPadding, ")") : "var(".concat(Table_tokens.tableTokens.cellPadding, ")");
   };
 };
-var _exp16 = function _exp16() {
-  return function (_ref8) {
-    var borderVariant = _ref8.borderVariant;
+var _exp17 = function _exp17() {
+  return function (_ref9) {
+    var borderVariant = _ref9.borderVariant;
     return borderVariant === 'all' ? "var(".concat(Table_tokens.tableTokens.borderColor, ")") : 'transparent';
   };
 };
 var Th = /*#__PURE__*/react.styled('th')({
   name: "Th",
-  "class": "tedz16",
+  "class": "t3mgb7q",
   propsAsIs: false,
   vars: {
-    "tedz16-0": [/*#__PURE__*/_exp14()],
-    "tedz16-1": [/*#__PURE__*/_exp16()]
+    "t3mgb7q-0": [/*#__PURE__*/_exp15()],
+    "t3mgb7q-1": [/*#__PURE__*/_exp17()]
   }
 });
-var _exp18 = function _exp18() {
+var _exp19 = function _exp19() {
   return Checkbox;
 };
-var StyledCheckbox = /*#__PURE__*/react.styled(_exp18())({
+var StyledCheckbox = /*#__PURE__*/react.styled(_exp19())({
   name: "StyledCheckbox",
-  "class": "s3mgb7q",
+  "class": "s177cehz",
   propsAsIs: true
 });
-var _exp33 = function _exp33() {
+var _exp34 = function _exp34() {
   return Divider;
 };
-var StyledDivider = /*#__PURE__*/react.styled(_exp33())({
+var StyledDivider = /*#__PURE__*/react.styled(_exp34())({
   name: "StyledDivider",
-  "class": "s177cehz",
+  "class": "seus4rw",
   propsAsIs: true
 });
-var _exp37 = function _exp37() {
+var _exp38 = function _exp38() {
   return ButtonBase;
 };
-var Button = /*#__PURE__*/react.styled(_exp37())({
+var Button = /*#__PURE__*/react.styled(_exp38())({
   name: "Button",
-  "class": "beus4rw",
+  "class": "bfybxxj",
   propsAsIs: true
 });
-var _exp53 = function _exp53() {
+var _exp54 = function _exp54() {
   return Button;
 };
-var ButtonAccent = /*#__PURE__*/react.styled(_exp53())({
+var ButtonAccent = /*#__PURE__*/react.styled(_exp54())({
   name: "ButtonAccent",
-  "class": "bfybxxj",
+  "class": "b1ql6jvb",
   propsAsIs: true
 });
-var _exp59 = function _exp59() {
+var _exp60 = function _exp60() {
   return LinkButtonBase;
 };
-var LinkButton = /*#__PURE__*/react.styled(_exp59())({
+var LinkButton = /*#__PURE__*/react.styled(_exp60())({
   name: "LinkButton",
-  "class": "l1ql6jvb",
+  "class": "lq32ky6",
   propsAsIs: true
 });
 
@@ -165,6 +179,7 @@ exports.Button = Button;
 exports.ButtonAccent = ButtonAccent;
 exports.LinkButton = LinkButton;
 exports.Resizer = Resizer;
+exports.ScrollableWrapper = ScrollableWrapper;
 exports.StyledCheckbox = StyledCheckbox;
 exports.StyledDivider = StyledDivider;
 exports.Table = Table;

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

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\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-block;\n    overflow-y: auto;\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: 1;\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","_exp7","_ref","borderVariant","concat","tokens","borderColor","Table","styled","name","class","propsAsIs","vars","_exp8","_ref2","selected","Tr","_exp9","_ref3","stickyHeader","_exp10","_ref4","_exp11","_ref5","view","Thead","Tbody","_exp13","_ref6","isResizing","Resizer","_exp14","_ref7","selectionCell","checkboxCellPadding","cellPadding","_exp16","_ref8","Th","_exp18","StyledCheckbox","_exp33","StyledDivider","_exp37","Button","_exp53","ButtonAccent","_exp59","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/cjs/components/Table/Table.styles_a4393s.css

@@ -0,0 +1,13 @@
+.b1lxisuf{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;}
+.s15d4jbz{overflow-y:auto;max-height:var(--s15d4jbz-0);}
+.t1ri3no5{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);}
+.t1uk535o{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
+.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);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);}
+.b1ql6jvb.bfybxxj{--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);}
+.lq32ky6{--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);}

package/dist/css/cjs/components/Table/Table.tokens.js

@@ -8,7 +8,8 @@ var classes = {
   sortingAscIcon: 'sorting-asc-icon',
   sortingDescIcon: 'sorting-desc-icon',
   filterIcon: 'filter-icon',
-  resizeDivider: 'resize-divider'
+  resizeDivider: 'resize-divider',
+  scrollableContainer: 'table-scrollable-container'
 };
 var tableTokens = {
   fontFamily: '--plasma-table-font-family',

package/dist/css/cjs/components/Table/Table.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.tokens.js","sources":["../../../../../src/components/Table/Table.tokens.ts"],"sourcesContent":["export const classes = {\n    editIcon: 'edit-icon',\n    sortingDefaultIcon: 'sorting-default-icon',\n    sortingAscIcon: 'sorting-asc-icon',\n    sortingDescIcon: 'sorting-desc-icon',\n    filterIcon: 'filter-icon',\n    resizeDivider: 'resize-divider',\n};\n\nexport const tableTokens = {\n    fontFamily: '--plasma-table-font-family',\n    fontSize: '--plasma-table-font-size',\n    fontStyle: '--plasma-table-font-style',\n    fontWeight: '--plasma-table-font-weight',\n    letterSpacing: '--plasma-table-letter-spacing',\n    lineHeight: '--plasma-table-line-height',\n\n    borderColor: '--plasma-table-border-color',\n    headerRowHeight: '--plasma-table-header-row-height',\n    rowHeight: '--plasma-table-row-height',\n    cellPadding: '--plasma-cell-padding',\n    checkboxCellPadding: '--plasma-checkbox-cell-padding',\n\n    checkboxTriggerSize: '--plasma-table-checkbox-trigger-size',\n    checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',\n    checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\n    checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',\n    checkboxTriggerBorderColor: '--plasma-table-checkbox-trigger-border-color',\n    checkboxFillColor: '--plasma-table-checkbox-fill-color',\n    checkboxTriggerIconColor: '--plasma-table-checkbox-trigger-icon-color',\n\n    editableCellIconGap: '--plasma-table-editable-cell-icon-gap',\n    editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',\n    editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',\n    editableCellPadding: '--plasma-table-editable-cell-padding',\n    editableCellInputBorderRadius: '--plasma-table-editable-cell-input-border-radius',\n    editableCellInputPadding: '--plasma-table-editable-cell-input-padding',\n    editableCellInputBackground: '--plasma-table-editable-cell-input-background',\n    editableCellInputBorderColor: '--plasma-table-editable-cell-input-border-color',\n\n    filterCheckboxPadding: '--plasma-table-filter-checkbox-padding',\n    filterDividerMargin: '--plasma-table-filter-divider-margin',\n\n    buttonHeight: '--plasma-table-button-height',\n    buttonFontFamily: '--plasma-table-button-font-family',\n    buttonFontSize: '--plasma-table-button-font-size',\n    buttonFontStyle: '--plasma-table-button-font-style',\n    buttonFontWeight: '--plasma-table-button-font-weight',\n    buttonLetterSpacing: '--plasma-table-button-letter-spacing',\n    buttonLineHeight: '--plasma-table-button-line-height',\n\n    selectPadding: '--plasma-table-select-padding',\n    selectBorderRadius: '--plasma-table-select-border-radius',\n    selectItemHeight: '--plasma-table-select-item-height',\n    selectItemPadding: '--plasma-table-select-item-padding',\n    selectItemBorderRadius: '--plasma-table-select-item-border-radius',\n    selectItemIconMargin: '--plasma-table-select-item-icon-margin',\n    selectItemIconSize: '--plasma-table-select-item-icon-size',\n    selectCellPadding: '--plasma-table-select-cell-padding',\n    selectCellTitleFontFamily: '--plasma-table-select-cell-title-font-family',\n    selectCellTitleFontSize: '--plasma-table-select-cell-title-font-size',\n    selectCellTitleFontStyle: '--plasma-table-select-cell-title-font-style',\n    selectCellTitleFontWeight: '--plasma-table-select-cell-title-font-weight',\n    selectCellTitleLetterSpacing: '--plasma-table-select-cell-title-letter-spacing',\n    selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',\n    selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',\n    selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',\n    selectCheckboxTriggerBorderWidth: '--plasma-table-select-checkbox-trigger-border-width',\n    selectCheckboxTriggerBorderCheckedColor: '--plasma-table-select-checkbox-trigger-border-color-checked',\n    selectControlPanelPadding: '--plasma-table-select-control-panel-padding',\n    selectControlPanelGap: '--plasma-table-select-control-panel-gap',\n\n    linkButtonFontFamily: '--plasma-table-link-button-font-family',\n    linkButtonFontSize: '--plasma-table-link-button-font-size',\n    linkButtonFontStyle: '--plasma-table-link-button-font-style',\n    linkButtonFontWeight: '--plasma-table-link-button-font-weight',\n    linkButtonLetterSpacing: '--plasma-table-link-button-letter-spacing',\n    linkButtonLineHeight: '--plasma-table-link-button-line-height',\n};\n"],"names":["classes","editIcon","sortingDefaultIcon","sortingAscIcon","sortingDescIcon","filterIcon","resizeDivider","tableTokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","borderColor","headerRowHeight","rowHeight","cellPadding","checkboxCellPadding","checkboxTriggerSize","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderRadius","checkboxTriggerBorderWidth","checkboxTriggerBorderColor","checkboxFillColor","checkboxTriggerIconColor","editableCellIconGap","editableCellIconButtonWidth","editableCellIconButtonHeight","editableCellPadding","editableCellInputBorderRadius","editableCellInputPadding","editableCellInputBackground","editableCellInputBorderColor","filterCheckboxPadding","filterDividerMargin","buttonHeight","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","selectPadding","selectBorderRadius","selectItemHeight","selectItemPadding","selectItemBorderRadius","selectItemIconMargin","selectItemIconSize","selectCellPadding","selectCellTitleFontFamily","selectCellTitleFontSize","selectCellTitleFontStyle","selectCellTitleFontWeight","selectCellTitleLetterSpacing","selectCellTitleLineHeight","selectCheckboxTriggerSize","selectCheckboxTriggerBorderRadius","selectCheckboxTriggerBorderWidth","selectCheckboxTriggerBorderCheckedColor","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":"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"}
+{"version":3,"file":"Table.tokens.js","sources":["../../../../../src/components/Table/Table.tokens.ts"],"sourcesContent":["export const classes = {\n    editIcon: 'edit-icon',\n    sortingDefaultIcon: 'sorting-default-icon',\n    sortingAscIcon: 'sorting-asc-icon',\n    sortingDescIcon: 'sorting-desc-icon',\n    filterIcon: 'filter-icon',\n    resizeDivider: 'resize-divider',\n    scrollableContainer: 'table-scrollable-container',\n};\n\nexport const tableTokens = {\n    fontFamily: '--plasma-table-font-family',\n    fontSize: '--plasma-table-font-size',\n    fontStyle: '--plasma-table-font-style',\n    fontWeight: '--plasma-table-font-weight',\n    letterSpacing: '--plasma-table-letter-spacing',\n    lineHeight: '--plasma-table-line-height',\n\n    borderColor: '--plasma-table-border-color',\n    headerRowHeight: '--plasma-table-header-row-height',\n    rowHeight: '--plasma-table-row-height',\n    cellPadding: '--plasma-cell-padding',\n    checkboxCellPadding: '--plasma-checkbox-cell-padding',\n\n    checkboxTriggerSize: '--plasma-table-checkbox-trigger-size',\n    checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',\n    checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\n    checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',\n    checkboxTriggerBorderColor: '--plasma-table-checkbox-trigger-border-color',\n    checkboxFillColor: '--plasma-table-checkbox-fill-color',\n    checkboxTriggerIconColor: '--plasma-table-checkbox-trigger-icon-color',\n\n    editableCellIconGap: '--plasma-table-editable-cell-icon-gap',\n    editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',\n    editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',\n    editableCellPadding: '--plasma-table-editable-cell-padding',\n    editableCellInputBorderRadius: '--plasma-table-editable-cell-input-border-radius',\n    editableCellInputPadding: '--plasma-table-editable-cell-input-padding',\n    editableCellInputBackground: '--plasma-table-editable-cell-input-background',\n    editableCellInputBorderColor: '--plasma-table-editable-cell-input-border-color',\n\n    filterCheckboxPadding: '--plasma-table-filter-checkbox-padding',\n    filterDividerMargin: '--plasma-table-filter-divider-margin',\n\n    buttonHeight: '--plasma-table-button-height',\n    buttonFontFamily: '--plasma-table-button-font-family',\n    buttonFontSize: '--plasma-table-button-font-size',\n    buttonFontStyle: '--plasma-table-button-font-style',\n    buttonFontWeight: '--plasma-table-button-font-weight',\n    buttonLetterSpacing: '--plasma-table-button-letter-spacing',\n    buttonLineHeight: '--plasma-table-button-line-height',\n\n    selectPadding: '--plasma-table-select-padding',\n    selectBorderRadius: '--plasma-table-select-border-radius',\n    selectItemHeight: '--plasma-table-select-item-height',\n    selectItemPadding: '--plasma-table-select-item-padding',\n    selectItemBorderRadius: '--plasma-table-select-item-border-radius',\n    selectItemIconMargin: '--plasma-table-select-item-icon-margin',\n    selectItemIconSize: '--plasma-table-select-item-icon-size',\n    selectCellPadding: '--plasma-table-select-cell-padding',\n    selectCellTitleFontFamily: '--plasma-table-select-cell-title-font-family',\n    selectCellTitleFontSize: '--plasma-table-select-cell-title-font-size',\n    selectCellTitleFontStyle: '--plasma-table-select-cell-title-font-style',\n    selectCellTitleFontWeight: '--plasma-table-select-cell-title-font-weight',\n    selectCellTitleLetterSpacing: '--plasma-table-select-cell-title-letter-spacing',\n    selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',\n    selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',\n    selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',\n    selectCheckboxTriggerBorderWidth: '--plasma-table-select-checkbox-trigger-border-width',\n    selectCheckboxTriggerBorderCheckedColor: '--plasma-table-select-checkbox-trigger-border-color-checked',\n    selectControlPanelPadding: '--plasma-table-select-control-panel-padding',\n    selectControlPanelGap: '--plasma-table-select-control-panel-gap',\n\n    linkButtonFontFamily: '--plasma-table-link-button-font-family',\n    linkButtonFontSize: '--plasma-table-link-button-font-size',\n    linkButtonFontStyle: '--plasma-table-link-button-font-style',\n    linkButtonFontWeight: '--plasma-table-link-button-font-weight',\n    linkButtonLetterSpacing: '--plasma-table-link-button-letter-spacing',\n    linkButtonLineHeight: '--plasma-table-link-button-line-height',\n};\n"],"names":["classes","editIcon","sortingDefaultIcon","sortingAscIcon","sortingDescIcon","filterIcon","resizeDivider","scrollableContainer","tableTokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","borderColor","headerRowHeight","rowHeight","cellPadding","checkboxCellPadding","checkboxTriggerSize","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderRadius","checkboxTriggerBorderWidth","checkboxTriggerBorderColor","checkboxFillColor","checkboxTriggerIconColor","editableCellIconGap","editableCellIconButtonWidth","editableCellIconButtonHeight","editableCellPadding","editableCellInputBorderRadius","editableCellInputPadding","editableCellInputBackground","editableCellInputBorderColor","filterCheckboxPadding","filterDividerMargin","buttonHeight","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","selectPadding","selectBorderRadius","selectItemHeight","selectItemPadding","selectItemBorderRadius","selectItemIconMargin","selectItemIconSize","selectCellPadding","selectCellTitleFontFamily","selectCellTitleFontSize","selectCellTitleFontStyle","selectCellTitleFontWeight","selectCellTitleLetterSpacing","selectCellTitleLineHeight","selectCheckboxTriggerSize","selectCheckboxTriggerBorderRadius","selectCheckboxTriggerBorderWidth","selectCheckboxTriggerBorderCheckedColor","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":"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"}

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

@@ -52,26 +52,27 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.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_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
-.Table_styles_1jqvkrz_t15d4jbz__0454af64{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(--t15d4jbz-0);}
-.Table_styles_1jqvkrz_t1ri3no5__0454af64{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1jqvkrz_t1uk535o__0454af64{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1jqvkrz_t1uk535o__0454af64 .Table_styles_1jqvkrz_t1ri3no5__0454af64{background:transparent;}
-
-.Table_styles_1jqvkrz_r18b5m0z__0454af64{display:var(--r18b5m0z-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_1jqvkrz_tedz16__0454af64{padding:var(--tedz16-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(--tedz16-1);}.Table_styles_1jqvkrz_tedz16__0454af64:hover .Table_styles_1jqvkrz_r18b5m0z__0454af64{display:block;}
-.Table_styles_1jqvkrz_s3mgb7q__0454af64{--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_1jqvkrz_s177cehz__0454af64{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1jqvkrz_beus4rw__0454af64{--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_1jqvkrz_bfybxxj__0454af64.Table_styles_1jqvkrz_beus4rw__0454af64{--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_1jqvkrz_l1ql6jvb__0454af64{--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);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}
+
+.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/cjs/components/Table/ui/EditableCell/EditableCell.css

@@ -52,27 +52,28 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.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_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
-.Table_styles_1jqvkrz_t15d4jbz__0454af64{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(--t15d4jbz-0);}
-.Table_styles_1jqvkrz_t1ri3no5__0454af64{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1jqvkrz_t1uk535o__0454af64{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1jqvkrz_t1uk535o__0454af64 .Table_styles_1jqvkrz_t1ri3no5__0454af64{background:transparent;}
-
-.Table_styles_1jqvkrz_r18b5m0z__0454af64{display:var(--r18b5m0z-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_1jqvkrz_tedz16__0454af64{padding:var(--tedz16-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(--tedz16-1);}.Table_styles_1jqvkrz_tedz16__0454af64:hover .Table_styles_1jqvkrz_r18b5m0z__0454af64{display:block;}
-.Table_styles_1jqvkrz_s3mgb7q__0454af64{--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_1jqvkrz_s177cehz__0454af64{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1jqvkrz_beus4rw__0454af64{--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_1jqvkrz_bfybxxj__0454af64.Table_styles_1jqvkrz_beus4rw__0454af64{--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_1jqvkrz_l1ql6jvb__0454af64{--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);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}
+
+.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);}