@salutejs/plasma-new-hope 0.317.0-canary.1886.14214080050.0 → 0.317.0-canary.1888.14214679698.0

package/es/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    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 Resizer = styled.div<{ isResizing: boolean }>`\n    display: ${({ isResizing }) => (isResizing ? 'block' : 'none')};\n    position: absolute;\n    z-index: 1;\n    top: -1px;\n    bottom: 0;\n    right: -2px;\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    border-width: 1px;\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(--text-accent);\n    ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n    ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\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","_exp13","_ref6","isResizing","Resizer","_exp14","_ref7","selectionCell","checkboxCellPadding","cellPadding","_exp16","_ref8","Th","_exp18","StyledCheckbox","_exp26","StyledDivider","_exp30","Button","_exp46","ButtonAccent","_exp52","LinkButton"],"mappings":"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"}
+{"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    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    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(--text-accent);\n    ${checkboxTokens.iconColor}: var(--on-dark-text-primary);\n    ${checkboxTokens.triggerBorderColor}: var(--text-secondary);\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","_exp26","StyledDivider","_exp30","Button","_exp46","ButtonAccent","_exp52","LinkButton"],"mappings":";;;;;;;;AAYA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,cAAc,CAAC,CAAA;AACxD,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;AAEhD,IAAMK,kBAAkB,gBAAGJ,WAAW,CAACK,YAAY,CAAC,CAAA;AACpD,IAAMC,UAAU,gBAAGH,SAAS,CAACC,kBAAkB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGP,WAAW,CAACQ,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGN,SAAS,CAACI,mBAAmB,CAAC,CAAA;AAE9C,IAAMG,sBAAsB,gBAAGV,WAAW,CAACW,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,cAAc,gBAAGT,SAAS,CAACO,sBAAsB,CAAC,CAAA;AAEjD,IAAMG,IAAI,GAGhB,WAAA;AAAC,IAAAC,KAAA,GA1BgBA,SA0BhBA,KAAAA,GAAA;AAAA,EAAA,OAgBkB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAqBA,aAAa,KAAK,KAAK,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,WAAM,CAACC,WAAW,EAAA,GAAA,CAAA,GAAM,aAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAd5G,IAAMC,KAAK,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAcPX,KAA+F,EAAA,CAAA;AAAA,GAAA;AAAA,CAClH,EAAA;AAAC,IAAAY,KAAA,GA3CgBA,SA2ChBA,KAAAA,GAAA;AAAA,EAAA,OAIsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,mCAAmC,GAAG,aAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFnG,IAAMC,EAAE,gBAAGR,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEAC,KAAkF,EAAA,CAAA;AAAA,GAAA;AAAA,CACzG,EAAA;AAAC,IAAAI,KAAA,GAhDgBA,SAgDhBA,KAAAA,GAAA;AAAA,EAAA,OAOc,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAoBA,YAAY,GAAG,QAAQ,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAvDxDA,SAuDwDA,MAAAA,GAAA;AAAA,EAAA,OAExD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAoBA,YAAY,GAAG,2BAA2B,GAAG,aAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GAzDlFA,SAyDkFA,MAAAA,GAAA;AAAA,EAAA,OAElF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAErB,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA;AACnB;AACAqB,MAAAA,IAAI,KAAK,OAAO,GACV,MAAM,GACNrB,aAAa,KAAK,QAAQ,IAAIA,aAAa,KAAK,MAAM,GAAAC,uBAAAA,CAAAA,MAAA,CAC9BC,WAAM,CAACC,WAAW,EAAAF,GAAAA,CAAAA,GAAAA,sBAAAA,CAAAA,MAAA,CACnBC,WAAM,CAACC,WAAW,EAAAF,0BAAAA,CAAAA,CAAAA,MAAA,CAA2BC,WAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAG,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAfhG,IAAMmB,KAAK,gBAAGjB,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAKXK,KAA0D,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAExDG,MAAkF,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAElFE,MAMqF,EAAA,CAAA;AAAA,GAAA;AAAA,CAKtG,EAAA;AAEM,IAAMI,KAAK,gBAAGlB,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAAC,IAAAgB,MAAA,GAxElBA,SAwEkBA,MAAAA,GAAA;AAAA,EAAA,OAGrB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAG,OAAO,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD3D,IAAMC,OAAO,gBAAGtB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACde,MAAmD,EAAA,CAAA;AAAA,GAAA;AAAA,CAWjE,EAAA;AAAC,IAAAI,MAAA,GAtFgBA,SAsFhBA,MAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACVA,aAAa,GAAA,MAAA,CAAA7B,MAAA,CAAUC,WAAM,CAAC6B,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAA9B,MAAA,CAAaC,WAAM,CAAC8B,WAAW,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA1FzEA,SA0FyEA,MAAAA,GAAA;AAAA,EAAA,OAYvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGlC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAqBA,aAAa,KAAK,KAAK,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,WAAM,CAACC,WAAW,EAAA,GAAA,CAAA,GAAM,aAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAd5G,IAAMgC,EAAE,gBAAG9B,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,UAAA,EAAA,cACTmB,MAC4E,EAAA,CAAA;AAAA,IAAA,UAAA,EAAA,cAYvEK,MAA+F,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlH,EAAA;AAAC,IAAAG,MAAA,GA7GgBA,SA6GhBA,MAAAA,GAAA;AAAA,EAAA,OAEmClD,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMmD,cAAc,gBAAGhC,MAAM,CAAA+B,MAAA,EAAA,CAAA,CAAA;AAAA9B,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAMnC,EAAA;AAAC,IAAA8B,MAAA,GArHgBA,SAqHhBA,MAAAA,GAAA;AAAA,EAAA,OAEkC7C,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAM8C,aAAa,gBAAGlC,MAAM,CAAAiC,MAAA,EAAA,CAAA,CAAA;AAAAhC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAgC,MAAA,GA3HgBA,SA2HhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BlD,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMmD,MAAM,gBAAGpC,MAAM,CAAAmC,MAAA,EAAA,CAAA,CAAA;AAAAlC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAU3B,EAAA;AAAC,IAAAkC,MAAA,GAvIgBA,SAuIhBA,MAAAA,GAAA;AAAA,EAAA,OAEiCD,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAME,YAAY,gBAAGtC,MAAM,CAAAqC,MAAA,EAAA,CAAA,CAAA;AAAApC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAMjC,EAAA;AAAC,IAAAoC,MAAA,GA/IgBA,SA+IhBA,MAAAA,GAAA;AAAA,EAAA,OAE+BhD,cAAc,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMiD,UAAU,gBAAGxC,MAAM,CAAAuC,MAAA,EAAA,CAAA,CAAA;AAAAtC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAa/B;;;;"}

package/es/components/Table/Table.styles_xngwgy.css

@@ -0,0 +1,12 @@
+.b1lxisuf{display:inline-block;overflow-y:auto;}
+.t15d4jbz{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);}
+.t1ri3no5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.t1uk535o{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.t1uk535o .t1ri3no5{background:transparent;}
+
+.r18b5m0z{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;}
+.tedz16{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.tedz16:hover .r18b5m0z{display:block;}
+.s3mgb7q{--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(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.s177cehz{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.beus4rw{--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);}
+.bfybxxj.beus4rw{--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);}
+.l1ql6jvb{--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/es/components/Table/Table.tokens.js

@@ -1,3 +1,11 @@
+var classes = {
+  editIcon: 'edit-icon',
+  sortingDefaultIcon: 'sorting-default-icon',
+  sortingAscIcon: 'sorting-asc-icon',
+  sortingDescIcon: 'sorting-desc-icon',
+  filterIcon: 'filter-icon',
+  resizeDivider: 'resize-divider'
+};
 var tableTokens = {
   fontFamily: '--plasma-table-font-family',
   fontSize: '--plasma-table-font-size',
@@ -55,5 +63,5 @@ var tableTokens = {
   linkButtonLineHeight: '--plasma-table-link-button-line-height'
 };
 
-export { tableTokens };
+export { classes, tableTokens };
 //# sourceMappingURL=Table.tokens.js.map

package/es/components/Table/Table.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.tokens.js","sources":["../../../src/components/Table/Table.tokens.ts"],"sourcesContent":["export 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    checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\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    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":["tableTokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","borderColor","headerRowHeight","rowHeight","cellPadding","checkboxCellPadding","checkboxTriggerSize","checkboxTriggerBorderRadius","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","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":"AAAO,IAAMA,WAAW,GAAG;AACvBC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,2BAA2B,EAAE,+CAA+C;AAE5EC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,2BAA2B,EAAE,gDAAgD;AAC7EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,6BAA6B,EAAE,kDAAkD;AACjFC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAE/EC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,oBAAoB,EAAE,wCAAA;AAC1B;;;;"}
+{"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    checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\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    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","checkboxTriggerBorderRadius","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","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,WAAW,GAAG;AACvBC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,2BAA2B,EAAE,+CAA+C;AAE5EC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,2BAA2B,EAAE,gDAAgD;AAC7EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,6BAA6B,EAAE,kDAAkD;AACjFC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAE/EC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,oBAAoB,EAAE,wCAAA;AAC1B;;;;"}

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

@@ -59,22 +59,24 @@
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
-.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{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_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
-.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;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_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
-.Table_styles_1eg2zsx_sedz16__8ba8eb83{--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(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--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_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--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_1eg2zsx_lfybxxj__8ba8eb83{--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_xngwgy_b1lxisuf__5cfbdc68{display:inline-block;overflow-y:auto;}
+.Table_styles_xngwgy_t15d4jbz__5cfbdc68{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_xngwgy_t1ri3no5__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_xngwgy_t1uk535o__5cfbdc68{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_xngwgy_t1uk535o__5cfbdc68 .Table_styles_xngwgy_t1ri3no5__5cfbdc68{background:transparent;}
+
+.Table_styles_xngwgy_r18b5m0z__5cfbdc68{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_xngwgy_tedz16__5cfbdc68{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_xngwgy_tedz16__5cfbdc68:hover .Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:block;}
+.Table_styles_xngwgy_s3mgb7q__5cfbdc68{--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(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_xngwgy_s177cehz__5cfbdc68{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_xngwgy_beus4rw__5cfbdc68{--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_xngwgy_bfybxxj__5cfbdc68.Table_styles_xngwgy_beus4rw__5cfbdc68{--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_xngwgy_l1ql6jvb__5cfbdc68{--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);}
 
-.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_c14eoxb5__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 
@@ -206,13 +208,13 @@
 
 .IconButton_styles_403on7_b1ua728l__d34a8ea7{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-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
-.EditableCell_styles_277bjm_idy8fgn__d76a564b{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
-.EditableCell_styles_277bjm_cwrhll2__d76a564b{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;gap:0.25rem;}
-.EditableCell_styles_277bjm_e1dkea5v__d76a564b{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.EditableCell_styles_277bjm_i1uj28nu__d76a564b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);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);}
-.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
-.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+.EditableCell_styles_d8duzc_t12w3lu5__1f395684{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_d8duzc_t12w3lu5__1f395684 .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:0;}.EditableCell_styles_d8duzc_t12w3lu5__1f395684:hover .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:1;}
+.EditableCell_styles_d8duzc_idy8fgn__1f395684{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
+.EditableCell_styles_d8duzc_cwrhll2__1f395684{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;gap:0.25rem;}
+.EditableCell_styles_d8duzc_e1dkea5v__1f395684{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
+.EditableCell_styles_d8duzc_i1uj28nu__1f395684{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.EditableCell_styles_d8duzc_i1c7bo0z__1f395684{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);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);}
+.EditableCell_styles_d8duzc_i1jx30pt__1f395684{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
+.EditableCell_styles_d8duzc_i17hwnh4__1f395684{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
 
-.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+.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/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 { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\nexport type CellProps = {\n    cell: CellType<TableRowData, unknown>;\n    selected: boolean;\n    borderVariant: TableProps['borderVariant'];\n    view: TableProps['view'];\n};\n\nexport const Cell: React.FC<CellProps> = ({ cell, borderVariant, selected, view }) => {\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        >\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","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;IAgBaA,IAAyB,GAAG,SAA5BA,IAAyBA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AAC3E,EAAA,IAAMC,UAAU,GAAAL,CAAAA,qBAAA,GAAGC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAR,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BK,UAAU,CAAA;AAEzD,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,gBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,UAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,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 { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\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};\n\nexport const Cell: React.FC<Props> = ({ cell, borderVariant, selected, view }) => {\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        >\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","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;IAgBaA,IAAqB,GAAG,SAAxBA,IAAqBA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AACvE,EAAA,IAAMC,UAAU,GAAAL,CAAAA,qBAAA,GAAGC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAR,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BK,UAAU,CAAA;AAEzD,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,gBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,UAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}

package/es/components/Table/ui/Cell/Cell.styles.js

@@ -1,4 +1,4 @@
-import './Cell.styles_1ikyrwt.css';
+import './Cell.styles_1q2mjxm.css';
 import { styled } from '@linaria/react';
 import { tableTokens } from '../../Table.tokens.js';
 

package/es/components/Table/ui/Cell/Cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    selected?: boolean;\n    selectionCell?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 1px;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    box-sizing: border-box;\n`;\n"],"names":["_exp","_ref","selectionCell","concat","tokens","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars"],"mappings":";;;AAG2D,IAAAA,IAAA,GAFzCA,SAEyCA,IAAAA,GAAA;AAAA,EAAA,OAS5C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACVA,aAAa,GAAA,MAAA,CAAAC,MAAA,CAAUC,WAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,WAAM,CAACE,WAAW,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZzEA,SAYyEA,KAAAA,GAAA;AAAA,EAAA,OAKvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;MAAEC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA;AACxC;AACAD,MAAAA,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAAR,MAAAA,CAAAA,MAAA,CAC9BC,WAAM,CAACQ,WAAW,EAAA,GAAA,CAAA,GACzBH,QAAQ,GACR,mCAAmC,GACnC,aAAA;AAAa,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAvBTA,SAuBSA,KAAAA,GAAA;AAAA,EAAA,OACA,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACtBA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAAP,MAAAA,CAAAA,MAAA,CAAUC,WAAM,CAACQ,WAAW,SAAM,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBnG,IAAMG,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTpB,IAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAKvEO,KAMO,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACAM,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzG;;;;"}
+{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    selected?: boolean;\n    selectionCell?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell }) =>\n        selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n    height: var(${tokens.rowHeight});\n    border-width: 0.0625rem;\n    border-top-width: 0;\n    border-style: solid;\n    border-color: ${({ selected, borderVariant, view }) =>\n        // eslint-disable-next-line no-nested-ternary\n        borderVariant === 'all' && view !== 'clear'\n            ? `var(${tokens.borderColor})`\n            : selected\n            ? 'var(--surface-transparent-accent)'\n            : 'transparent'};\n    border-bottom-color: ${({ borderVariant }) =>\n        borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n    box-sizing: border-box;\n`;\n"],"names":["_exp","_ref","selectionCell","concat","tokens","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars"],"mappings":";;;AAG2D,IAAAA,IAAA,GAFzCA,SAEyCA,IAAAA,GAAA;AAAA,EAAA,OAS5C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACVA,aAAa,GAAA,MAAA,CAAAC,MAAA,CAAUC,WAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,WAAM,CAACE,WAAW,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZzEA,SAYyEA,KAAAA,GAAA;AAAA,EAAA,OAKvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;MAAEC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA;AACxC;AACAD,MAAAA,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAAR,MAAAA,CAAAA,MAAA,CAC9BC,WAAM,CAACQ,WAAW,EAAA,GAAA,CAAA,GACzBH,QAAQ,GACR,mCAAmC,GACnC,aAAA;AAAa,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAvBTA,SAuBSA,KAAAA,GAAA;AAAA,EAAA,OACA,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACtBA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAAP,MAAAA,CAAAA,MAAA,CAAUC,WAAM,CAACQ,WAAW,SAAM,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBnG,IAAMG,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTpB,IAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAKvEO,KAMO,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACAM,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzG;;;;"}

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

@@ -0,0 +1 @@
+.tv72tnk{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/es/components/Table/ui/EditableCell/EditableCell.css

@@ -59,24 +59,26 @@
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
 
-.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
-.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{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_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
-.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;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_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
-.Table_styles_1eg2zsx_sedz16__8ba8eb83{--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(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--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_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--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_1eg2zsx_lfybxxj__8ba8eb83{--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_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+.Table_styles_xngwgy_b1lxisuf__5cfbdc68{display:inline-block;overflow-y:auto;}
+.Table_styles_xngwgy_t15d4jbz__5cfbdc68{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_xngwgy_t1ri3no5__5cfbdc68{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_xngwgy_t1uk535o__5cfbdc68{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_xngwgy_t1uk535o__5cfbdc68 .Table_styles_xngwgy_t1ri3no5__5cfbdc68{background:transparent;}
+
+.Table_styles_xngwgy_r18b5m0z__5cfbdc68{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_xngwgy_tedz16__5cfbdc68{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_xngwgy_tedz16__5cfbdc68:hover .Table_styles_xngwgy_r18b5m0z__5cfbdc68{display:block;}
+.Table_styles_xngwgy_s3mgb7q__5cfbdc68{--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(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
+.Table_styles_xngwgy_s177cehz__5cfbdc68{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_xngwgy_beus4rw__5cfbdc68{--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_xngwgy_bfybxxj__5cfbdc68.Table_styles_xngwgy_beus4rw__5cfbdc68{--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_xngwgy_l1ql6jvb__5cfbdc68{--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;}
 
 .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);}
 
-.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_c14eoxb5__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 
@@ -208,11 +210,11 @@
 
 .IconButton_styles_403on7_b1ua728l__d34a8ea7{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-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
-.EditableCell_styles_277bjm_idy8fgn__d76a564b{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
-.EditableCell_styles_277bjm_cwrhll2__d76a564b{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;gap:0.25rem;}
-.EditableCell_styles_277bjm_e1dkea5v__d76a564b{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
-.EditableCell_styles_277bjm_i1uj28nu__d76a564b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
-.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);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);}
-.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
-.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
+.EditableCell_styles_d8duzc_t12w3lu5__1f395684{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_d8duzc_t12w3lu5__1f395684 .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:0;}.EditableCell_styles_d8duzc_t12w3lu5__1f395684:hover .EditableCell_styles_d8duzc_editIcon__1f395684{opacity:1;}
+.EditableCell_styles_d8duzc_idy8fgn__1f395684{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
+.EditableCell_styles_d8duzc_cwrhll2__1f395684{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;gap:0.25rem;}
+.EditableCell_styles_d8duzc_e1dkea5v__1f395684{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
+.EditableCell_styles_d8duzc_i1uj28nu__1f395684{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
+.EditableCell_styles_d8duzc_i1c7bo0z__1f395684{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);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);}
+.EditableCell_styles_d8duzc_i1jx30pt__1f395684{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
+.EditableCell_styles_d8duzc_i17hwnh4__1f395684{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}

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

@@ -4,25 +4,27 @@ import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
 import { SELECT_COLUMN_ID } from '../../Table.js';
 import { getIconSize } from '../HeadCell/HeadCell.js';
+import { classes } from '../../Table.tokens.js';
 import { Td, InnerWrapper, EditModeWrapper, InputWrapper, Input, IconResetButton, IconDoneButton, ContentWrapper } from './EditableCell.styles.js';
 import { useOutsideClick } from '../../../../hooks/useOutsideClick.js';
 import { IconResetOutline } from '../../../_Icon/Icons/IconResetOutline.js';
 import { IconDoneCircleOutline } from '../../../_Icon/Icons/IconDoneCircleOutline.js';
 import { IconEditOutline } from '../../../_Icon/Icons/IconEditOutline.js';
 
-var _IconEditOutline, _Resizer;
+var _Resizer;
 var keys = {
   Enter: 'Enter',
   Tab: 'Tab',
   Escape: 'Escape'
 };
 var EditableCell = function EditableCell(_ref) {
+  var _table$options$meta;
   var size = _ref.size,
+    view = _ref.view,
     cell = _ref.cell,
     borderVariant = _ref.borderVariant,
     table = _ref.table,
-    selected = _ref.selected,
-    view = _ref.view;
+    selected = _ref.selected;
   var _useState = useState(cell.getValue()),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -31,7 +33,7 @@ var EditableCell = function EditableCell(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     editingMode = _useState4[0],
     setEditingMode = _useState4[1];
-  var updateData = table.options.meta.updateData;
+  var updateData = (_table$options$meta = table.options.meta) === null || _table$options$meta === void 0 ? void 0 : _table$options$meta.updateData;
   var ref = useOutsideClick(function () {
     setEditingMode(false);
   });
@@ -48,14 +50,18 @@ var EditableCell = function EditableCell(_ref) {
   };
   var handleSubmit = function handleSubmit(e) {
     e.stopPropagation();
-    updateData(cell.row.id, cell.column.id, value);
+    if (updateData) {
+      updateData(cell.row.id, cell.column.id, value);
+    }
     setEditingMode(false);
   };
   var handleKeyDown = function handleKeyDown(event) {
     switch (event.code) {
       case keys.Enter:
         {
-          updateData(cell.row.id, cell.column.id, value);
+          if (updateData) {
+            updateData(cell.row.id, cell.column.id, value);
+          }
           setEditingMode(false);
           break;
         }
@@ -91,11 +97,11 @@ var EditableCell = function EditableCell(_ref) {
     tabIndex: -1
   }, /*#__PURE__*/React.createElement(IconDoneCircleOutline, {
     size: getIconSize(size)
-  }))) : /*#__PURE__*/React.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), _IconEditOutline || (_IconEditOutline = /*#__PURE__*/React.createElement(IconEditOutline, {
+  }))) : /*#__PURE__*/React.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), /*#__PURE__*/React.createElement(IconEditOutline, {
     size: "xs",
-    className: "editIcon",
+    className: classes.editIcon,
     color: "var(--text-secondary)"
-  })))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
+  }))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
     isResizing: true
   }))));
 };

package/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 } from 'react';\nimport { flexRender } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\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\nexport const EditableCell: React.FC<any> = ({ size, cell, borderVariant, table, selected, view }) => {\n    const [value, setValue] = useState<string>(cell.getValue());\n    const [editingMode, setEditingMode] = useState(false);\n\n    const { updateData } = table.options.meta;\n\n    const ref = useOutsideClick<HTMLTableDataCellElement>(() => {\n        setEditingMode(false);\n    });\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue());\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue());\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n        updateData(cell.row.id, cell.column.id, value);\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                updateData(cell.row.id, cell.column.id, value);\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        >\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=\"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","size","cell","borderVariant","table","selected","view","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","_IconEditOutline","IconEditOutline","className","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 } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\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};\n\nexport const EditableCell: React.FC<Props> = ({ size, view, cell, borderVariant, table, selected }) => {\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 = useOutsideClick<HTMLTableDataCellElement>(() => {\n        setEditingMode(false);\n    });\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        >\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","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","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/es/components/Table/ui/EditableCell/EditableCell.styles.js

@@ -1,4 +1,4 @@
-import './EditableCell.styles_277bjm.css';
+import './EditableCell.styles_d8duzc.css';
 import { styled } from '@linaria/react';
 import { tableTokens } from '../../Table.tokens.js';
 import { component, mergeConfig } from '../../../../engines/common.js';
@@ -68,18 +68,18 @@ var Input = /*#__PURE__*/styled('input')({
   "class": "i1c7bo0z",
   propsAsIs: false
 });
-var _exp17 = function _exp17() {
+var _exp19 = function _exp19() {
   return IconButton;
 };
-var IconDoneButton = /*#__PURE__*/styled(_exp17())({
+var IconDoneButton = /*#__PURE__*/styled(_exp19())({
   name: "IconDoneButton",
   "class": "i1jx30pt",
   propsAsIs: true
 });
-var _exp22 = function _exp22() {
+var _exp24 = function _exp24() {
   return IconButton;
 };
-var IconResetButton = /*#__PURE__*/styled(_exp22())({
+var IconResetButton = /*#__PURE__*/styled(_exp24())({
   name: "IconResetButton",
   "class": "i17hwnh4",
   propsAsIs: true