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

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

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\n\nconst mergedIndicatorConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIndicatorConfig);\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    editingMode: boolean;\n    selectionCell?: boolean;\n    selected?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell, editingMode }) =>\n        // eslint-disable-next-line no-nested-ternary\n        editingMode\n            ? `var(${tokens.editableCellPadding})`\n            : selectionCell\n            ? `var(${tokens.checkboxCellPadding})`\n            : `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    cursor: pointer;\n    box-sizing: border-box;\n\n    & .editIcon {\n        opacity: 0;\n    }\n\n    &:hover .editIcon {\n        opacity: 1;\n    }\n`;\n\nexport const InnerWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n`;\n\nexport const EditModeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(${tokens.editableCellPadding});\n    height: 100%;\n`;\n\nexport const InputWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    flex: 1;\n    padding: var(${tokens.editableCellInputPadding});\n    background: var(${tokens.editableCellInputBackground});\n    border: 1px solid var(${tokens.editableCellInputBorderColor});\n    border-radius: var(${tokens.editableCellInputBorderRadius});\n    box-sizing: border-box;\n    gap: var(${tokens.editableCellIconGap});\n`;\n\nexport const Input = styled.input`\n    width: auto;\n    border: none;\n    padding: 0;\n    background: transparent;\n    outline: none;\n    caret-color: var(--text-accent);\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\nexport const IconDoneButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.editableCellIconButtonWidth});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.editableCellIconButtonHeight});\n`;\n\nexport const IconResetButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: auto;\n    ${iconButtonTokens.iconButtonHeight}: auto;\n`;\n"],"names":["mergedIndicatorConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","_ref","selectionCell","editingMode","concat","tokens","editableCellPadding","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars","InnerWrapper","ContentWrapper","EditModeWrapper","InputWrapper","Input","_exp17","IconDoneButton","_exp22","IconResetButton"],"mappings":"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"}
+{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens, classes } from '../../Table.tokens';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\n\nconst mergedIndicatorConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIndicatorConfig);\n\nexport const Td = styled.td<{\n    borderVariant: TableProps['borderVariant'];\n    editingMode: boolean;\n    selectionCell?: boolean;\n    selected?: boolean;\n    view?: TableProps['view'];\n}>`\n    position: relative;\n    padding: ${({ selectionCell, editingMode }) =>\n        // eslint-disable-next-line no-nested-ternary\n        editingMode\n            ? `var(${tokens.editableCellPadding})`\n            : selectionCell\n            ? `var(${tokens.checkboxCellPadding})`\n            : `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    cursor: pointer;\n    box-sizing: border-box;\n\n    & .${classes.editIcon} {\n        opacity: 0;\n    }\n\n    &:hover .${classes.editIcon} {\n        opacity: 1;\n    }\n`;\n\nexport const InnerWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n`;\n\nexport const EditModeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(${tokens.editableCellPadding});\n    height: 100%;\n`;\n\nexport const InputWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    flex: 1;\n    padding: var(${tokens.editableCellInputPadding});\n    background: var(${tokens.editableCellInputBackground});\n    border: 0.0625rem solid var(${tokens.editableCellInputBorderColor});\n    border-radius: var(${tokens.editableCellInputBorderRadius});\n    box-sizing: border-box;\n    gap: var(${tokens.editableCellIconGap});\n`;\n\nexport const Input = styled.input`\n    width: auto;\n    border: none;\n    padding: 0;\n    background: transparent;\n    outline: none;\n    caret-color: var(--text-accent);\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\nexport const IconDoneButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.editableCellIconButtonWidth});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.editableCellIconButtonHeight});\n`;\n\nexport const IconResetButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonWidth}: auto;\n    ${iconButtonTokens.iconButtonHeight}: auto;\n`;\n"],"names":["mergedIndicatorConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","_ref","selectionCell","editingMode","concat","tokens","editableCellPadding","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars","InnerWrapper","ContentWrapper","EditModeWrapper","InputWrapper","Input","_exp19","IconDoneButton","_exp24","IconResetButton"],"mappings":";;;;;AAOA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC3D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPlCA,SAOkCA,IAAAA,GAAA;AAAA,EAAA,OAUrC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAa,GAAAD,IAAA,CAAbC,aAAa;MAAEC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA;AACzB;AACAA,MAAAA,WAAW,UAAAC,MAAA,CACEC,WAAM,CAACC,mBAAmB,SACjCJ,aAAa,GAAA,MAAA,CAAAE,MAAA,CACNC,WAAM,CAACE,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAH,MAAA,CAC1BC,WAAM,CAACG,WAAW,EAAA,GAAA,CAAA;AAAG,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAvBxBA,SAuBwBA,KAAAA,GAAA;AAAA,EAAA,OAKtB,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,GAAAT,MAAAA,CAAAA,MAAA,CAC9BC,WAAM,CAACS,WAAW,EAAA,GAAA,CAAA,GACzBH,QAAQ,GACR,mCAAmC,GACnC,aAAA;AAAa,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAlCTA,SAkCSA,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,GAAAR,MAAAA,CAAAA,MAAA,CAAUC,WAAM,CAACS,WAAW,SAAM,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3BnG,IAAMG,EAAE,gBAAGC,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,cAQTtB,IAM2B,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAKtBS,KAMO,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACAM,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAWzG,EAAA;AAEM,IAAMQ,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMG,cAAc,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,IAAMI,eAAe,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMpC,EAAA;AAEM,IAAMK,YAAY,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWjC,EAAA;AAEM,IAAMM,KAAK,gBAAGT,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc1B,EAAA;AAAC,IAAAO,MAAA,GAlGgBA,SAkGhBA,MAAAA,GAAA;AAAA,EAAA,OAEmC9B,UAAU,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAM+B,cAAc,gBAAGX,MAAM,CAAAU,MAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGnC,EAAA;AAAC,IAAAS,MAAA,GAvGgBA,SAuGhBA,MAAAA,GAAA;AAAA,EAAA,OAEoChC,UAAU,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMiC,eAAe,gBAAGb,MAAM,CAAAY,MAAA,EAAA,CAAA,CAAA;AAAAX,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGpC;;;;"}

package/{cjs/components/Table/ui/EditableCell/EditableCell.styles_277bjm.css → es/components/Table/ui/EditableCell/EditableCell.styles_d8duzc.css}

@@ -1,8 +1,8 @@
-.t12w3lu5{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;}.t12w3lu5 .editIcon{opacity:0;}.t12w3lu5:hover .editIcon{opacity:1;}
+.t12w3lu5{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;}.t12w3lu5 .edit-icon{opacity:0;}.t12w3lu5:hover .edit-icon{opacity:1;}
 .idy8fgn{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%;}
 .cwrhll2{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;}
 .e1dkea5v{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%;}
-.i1uj28nu{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);}
+.i1uj28nu{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);}
 .i1c7bo0z{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);}
 .i1jx30pt{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
 .i17hwnh4{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}

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

@@ -59,35 +59,37 @@
 .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);}
 
 .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;}
 
-.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);}
 

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

@@ -2,7 +2,8 @@ import { flexRender } from '@tanstack/react-table';
 import React from 'react';
 import { Th, Resizer } from '../../Table.styles.js';
 import { SELECT_COLUMN_ID } from '../../Table.js';
-import { ThWrapper, ControlButtons } from './HeadCell.styles.js';
+import { classes } from '../../Table.tokens.js';
+import { ThWrapper, ControlButtons, IconWrapper } from './HeadCell.styles.js';
 import { Filter } from './ui/Filter/Filter.js';
 import { IconArrowUp } from '../../../_Icon/Icons/IconArrowUp.js';
 import { IconArrowDown } from '../../../_Icon/Icons/IconArrowDown.js';
@@ -33,23 +34,22 @@ var HeadCell = function HeadCell(_ref) {
     size: size,
     outerFiltered: outerFiltered,
     tableContainerRef: tableContainerRef
-  }), header.column.getCanSort() && /*#__PURE__*/React.createElement("span", {
-    style: {
-      lineHeight: 0,
-      cursor: 'pointer',
-      userSelect: 'none'
-    },
+  }), header.column.getCanSort() && /*#__PURE__*/React.createElement(IconWrapper, {
     onClick: header.column.getToggleSortingHandler()
   }, (_asc$desc = {
     asc: /*#__PURE__*/React.createElement(IconArrowUp, {
-      size: getIconSize(size)
+      size: getIconSize(size),
+      className: classes.sortingAscIcon
     }),
     desc: /*#__PURE__*/React.createElement(IconArrowDown, {
-      size: getIconSize(size)
+      size: getIconSize(size),
+      className: classes.sortingDescIcon
     })
   }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React.createElement(IconSwapVert, {
-    size: getIconSize(size)
+    size: getIconSize(size),
+    className: classes.sortingDefaultIcon
   }))))), header.column.getCanResize() && /*#__PURE__*/React.createElement(Resizer, {
+    className: classes.resizeDivider,
     onMouseDown: header.getResizeHandler(),
     onTouchStart: header.getResizeHandler(),
     isResizing: header.column.getIsResizing()

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

@@ -1 +1 @@
-{"version":3,"file":"HeadCell.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../Table';\n\nimport { ControlButtons, ThWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\nexport const HeadCell: React.FC<any> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <span\n                                        style={{\n                                            lineHeight: 0,\n                                            cursor: 'pointer',\n                                            userSelect: 'none',\n                                        }}\n                                        onClick={header.column.getToggleSortingHandler()}\n                                    >\n                                        {{\n                                            asc: <IconArrowUp size={getIconSize(size)} />,\n                                            desc: <IconArrowDown size={getIconSize(size)} />,\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert size={getIconSize(size)} />\n                                        )}\n                                    </span>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","_ref","_header$column","_asc$desc","header","borderVariant","outerFiltered","tableContainerRef","_ref2","column","columnDef","meta","filters","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","lineHeight","cursor","userSelect","onClick","getToggleSortingHandler","asc","IconArrowUp","desc","IconArrowDown","getIsSorted","IconSwapVert","getCanResize","Resizer","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":"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"}
+{"version":3,"file":"HeadCell.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender, Header } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\nimport { classes } from '../../Table.tokens';\n\nimport { ControlButtons, ThWrapper, IconWrapper } from './HeadCell.styles';\nimport { Filter } from './ui/Filter/Filter';\n\nexport const getIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n\ntype Props = {\n    borderVariant: TableProps['borderVariant'];\n    size: TableProps['size'];\n    header: Header<TableRowData, unknown>;\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const HeadCell: React.FC<Props> = ({ header, size, borderVariant, outerFiltered, tableContainerRef }) => {\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    return (\n        <Th\n            key={header.id}\n            colSpan={header.colSpan}\n            borderVariant={borderVariant}\n            selectionCell={header.column.id === SELECT_COLUMN_ID}\n            style={header.column.id !== SELECT_COLUMN_ID ? { width: header.getSize() } : undefined}\n        >\n            {header.isPlaceholder ? null : (\n                <>\n                    <ThWrapper>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n\n                        {header.column.id !== SELECT_COLUMN_ID && (\n                            <ControlButtons>\n                                {filters && (\n                                    <Filter\n                                        header={header}\n                                        size={size}\n                                        outerFiltered={outerFiltered}\n                                        tableContainerRef={tableContainerRef}\n                                    />\n                                )}\n\n                                {header.column.getCanSort() && (\n                                    <IconWrapper onClick={header.column.getToggleSortingHandler()}>\n                                        {{\n                                            asc: (\n                                                <IconArrowUp\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingAscIcon}\n                                                />\n                                            ),\n                                            desc: (\n                                                <IconArrowDown\n                                                    size={getIconSize(size)}\n                                                    className={classes.sortingDescIcon}\n                                                />\n                                            ),\n                                        }[header.column.getIsSorted() as string] ?? (\n                                            <IconSwapVert\n                                                size={getIconSize(size)}\n                                                className={classes.sortingDefaultIcon}\n                                            />\n                                        )}\n                                    </IconWrapper>\n                                )}\n                            </ControlButtons>\n                        )}\n                    </ThWrapper>\n                </>\n            )}\n            {header.column.getCanResize() && (\n                <Resizer\n                    className={classes.resizeDivider}\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    isResizing={header.column.getIsResizing()}\n                />\n            )}\n        </Th>\n    );\n};\n"],"names":["getIconSize","size","HeadCell","_ref","_header$column","_asc$desc","header","borderVariant","outerFiltered","tableContainerRef","_ref2","column","columnDef","meta","filters","React","createElement","Th","key","id","colSpan","selectionCell","SELECT_COLUMN_ID","style","width","getSize","undefined","isPlaceholder","Fragment","ThWrapper","flexRender","getContext","ControlButtons","Filter","getCanSort","IconWrapper","onClick","getToggleSortingHandler","asc","IconArrowUp","className","classes","sortingAscIcon","desc","IconArrowDown","sortingDescIcon","getIsSorted","IconSwapVert","sortingDefaultIcon","getCanResize","Resizer","resizeDivider","onMouseDown","getResizeHandler","onTouchStart","isResizing","getIsResizing"],"mappings":";;;;;;;;;;;IAYaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAa,EAAK;AAC1C,EAAA,OAAOA,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AACpC,EAAC;IAUYC,QAAyB,GAAG,SAA5BA,QAAyBA,CAAAC,IAAA,EAA0E;EAAA,IAAAC,cAAA,EAAAC,SAAA,CAAA;AAAA,EAAA,IAApEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEL,IAAI,GAAAE,IAAA,CAAJF,IAAI;IAAEM,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAEC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IAAEC,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB,CAAA;AACrG,EAAA,IAAAC,KAAA,GAAoB,CAAAJ,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAAAF,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAANE,MAAM,CAAEK,MAAM,MAAAP,IAAAA,IAAAA,cAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAAdA,cAAA,CAAgBQ,SAAS,MAAAR,IAAAA,IAAAA,cAAA,KAAzBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAA2BS,IAAI,KAAI,EAAE;IAAjDC,OAAO,GAAAJ,KAAA,CAAPI,OAAO,CAAA;AAEf,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAA;IACCC,GAAG,EAAEZ,MAAM,CAACa,EAAG;IACfC,OAAO,EAAEd,MAAM,CAACc,OAAQ;AACxBb,IAAAA,aAAa,EAAEA,aAAc;AAC7Bc,IAAAA,aAAa,EAAEf,MAAM,CAACK,MAAM,CAACQ,EAAE,KAAKG,gBAAiB;IACrDC,KAAK,EAAEjB,MAAM,CAACK,MAAM,CAACQ,EAAE,KAAKG,gBAAgB,GAAG;AAAEE,MAAAA,KAAK,EAAElB,MAAM,CAACmB,OAAO,EAAC;AAAE,KAAC,GAAGC,SAAAA;GAE5EpB,EAAAA,MAAM,CAACqB,aAAa,GAAG,IAAI,gBACxBZ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAa,QAAA,qBACIb,KAAA,CAAAC,aAAA,CAACa,SAAS,EAAA,IAAA,EACLC,UAAU,CAACxB,MAAM,CAACK,MAAM,CAACC,SAAS,CAACN,MAAM,EAAEA,MAAM,CAACyB,UAAU,EAAE,CAAC,EAE/DzB,MAAM,CAACK,MAAM,CAACQ,EAAE,KAAKG,gBAAgB,iBAClCP,KAAA,CAAAC,aAAA,CAACgB,cAAc,EAAA,IAAA,EACVlB,OAAO,iBACJC,KAAA,CAAAC,aAAA,CAACiB,MAAM,EAAA;AACH3B,IAAAA,MAAM,EAAEA,MAAO;AACfL,IAAAA,IAAI,EAAEA,IAAK;AACXO,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GACxC,CACJ,EAEAH,MAAM,CAACK,MAAM,CAACuB,UAAU,EAAE,iBACvBnB,KAAA,CAAAC,aAAA,CAACmB,WAAW,EAAA;AAACC,IAAAA,OAAO,EAAE9B,MAAM,CAACK,MAAM,CAAC0B,uBAAuB,EAAC;AAAE,GAAA,EAAA,CAAAhC,SAAA,GACzD;AACGiC,IAAAA,GAAG,eACCvB,KAAA,CAAAC,aAAA,CAACuB,WAAW,EAAA;AACRtC,MAAAA,IAAI,EAAED,WAAW,CAACC,IAAI,CAAE;MACxBuC,SAAS,EAAEC,OAAO,CAACC,cAAAA;AAAe,KACrC,CACJ;AACDC,IAAAA,IAAI,eACA5B,KAAA,CAAAC,aAAA,CAAC4B,aAAa,EAAA;AACV3C,MAAAA,IAAI,EAAED,WAAW,CAACC,IAAI,CAAE;MACxBuC,SAAS,EAAEC,OAAO,CAACI,eAAAA;KACtB,CAAA;AAET,GAAC,CAACvC,MAAM,CAACK,MAAM,CAACmC,WAAW,EAAE,CAAW,MAAAzC,IAAAA,IAAAA,SAAA,cAAAA,SAAA,gBACpCU,KAAA,CAAAC,aAAA,CAAC+B,YAAY,EAAA;AACT9C,IAAAA,IAAI,EAAED,WAAW,CAACC,IAAI,CAAE;IACxBuC,SAAS,EAAEC,OAAO,CAACO,kBAAAA;AAAmB,GACzC,CAEI,CAEL,CAEb,CACb,CACL,EACA1C,MAAM,CAACK,MAAM,CAACsC,YAAY,EAAE,iBACzBlC,KAAA,CAAAC,aAAA,CAACkC,OAAO,EAAA;IACJV,SAAS,EAAEC,OAAO,CAACU,aAAc;AACjCC,IAAAA,WAAW,EAAE9C,MAAM,CAAC+C,gBAAgB,EAAG;AACvCC,IAAAA,YAAY,EAAEhD,MAAM,CAAC+C,gBAAgB,EAAG;AACxCE,IAAAA,UAAU,EAAEjD,MAAM,CAACK,MAAM,CAAC6C,aAAa,EAAC;AAAE,GAC7C,CAEL,CAAC,CAAA;AAEb;;;;"}

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

@@ -1,4 +1,4 @@
-import './HeadCell.styles_1lo3lcf.css';
+import './HeadCell.styles_155gsrn.css';
 import { styled } from '@linaria/react';
 
 var ControlButtons = /*#__PURE__*/styled('div')({
@@ -11,6 +11,11 @@ var ThWrapper = /*#__PURE__*/styled('div')({
   "class": "t1179z8p",
   propsAsIs: false
 });
+var IconWrapper = /*#__PURE__*/styled('div')({
+  name: "IconWrapper",
+  "class": "iy1msq1",
+  propsAsIs: false
+});
 
-export { ControlButtons, ThWrapper };
+export { ControlButtons, IconWrapper, ThWrapper };
 //# sourceMappingURL=HeadCell.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeadCell.styles.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const ControlButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const ThWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n"],"names":["ControlButtons","styled","name","class","propsAsIs","ThWrapper"],"mappings":";;AAEO,IAAMA,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKnC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B;;;;"}
+{"version":3,"file":"HeadCell.styles.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const ControlButtons = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const ThWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const IconWrapper = styled.div`\n    line-height: 0;\n    cursor: pointer;\n    user-select: none;\n`;\n"],"names":["ControlButtons","styled","name","class","propsAsIs","ThWrapper","IconWrapper"],"mappings":";;AAEO,IAAMA,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKnC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC;;;;"}

package/{cjs/components/Table/ui/HeadCell/HeadCell.styles_1lo3lcf.css → es/components/Table/ui/HeadCell/HeadCell.styles_155gsrn.css}

@@ -1,2 +1,3 @@
 .c14eoxb5{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;}
 .t1179z8p{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;}
+.iy1msq1{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

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

@@ -2,19 +2,20 @@
 
 .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;}
 
-.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;}
 
 .base_1xk2qu8_b17hdes8__122b4c2e input[type='checkbox']:indeterminate + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_1xk2qu8_b17hdes8__122b4c2e input:checked + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
@@ -77,17 +78,18 @@
 .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);}
 
 .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);}
 

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

@@ -2,6 +2,7 @@ import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArra
 import React, { useState } from 'react';
 import { getIconSize } from '../../HeadCell.js';
 import { LinkButton, ButtonAccent } from '../../../../Table.styles.js';
+import { classes } from '../../../../Table.tokens.js';
 import { Select, IconFilterWrapper, StyledIndicator, StyledDivider, ControlPanel } from './Filter.styles.js';
 import { useDidMountEffect } from '../../../../../../hooks/useDidMountEffect.js';
 import { IconFilterFunnel } from '../../../../../_Icon/Icons/IconFilterFunnel.js';
@@ -68,7 +69,8 @@ var Filter = function Filter(_ref) {
     onChange: setLocalFiltered,
     renderTarget: function renderTarget() {
       return /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
-        size: getIconSize(size)
+        size: getIconSize(size),
+        className: classes.filterIcon
       }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
         size: "s",
         view: "accent"

package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\nexport const Filter: React.FC<any> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = header.column.getFilterValue() || [];\n\n    const [localFiltered, setLocalFiltered] = useState(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered(header.column.getFilterValue() || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","concat","_toConsumableArray","Filter","_ref","_header$column","header","tableContainerRef","filtered","column","getFilterValue","_useState","useState","_useState2","_slicedToArray","setLocalFiltered","_ref2","columnDef","meta","filters","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","_StyledIndicator","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","_StyledDivider","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":"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"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Header } from '@tanstack/react-table';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\nimport { TableProps, TableRowData } from '../../../../Table.types';\nimport { classes } from '../../../../Table.tokens';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size?: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\ntype Props = {\n    header: Header<TableRowData, unknown>;\n    size: TableProps['size'];\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Filter: React.FC<Props> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = (header.column.getFilterValue() as string[]) || [];\n\n    const [localFiltered, setLocalFiltered] = useState<string[]>(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered((header.column.getFilterValue() as string[]) || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} className={classes.filterIcon} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","concat","_toConsumableArray","Filter","_ref","_header$column","header","tableContainerRef","filtered","column","getFilterValue","_useState","useState","_useState2","_slicedToArray","setLocalFiltered","_ref2","columnDef","meta","filters","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","className","classes","filterIcon","_StyledIndicator","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","_StyledDivider","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":"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"}

package/es/components/Typography/Body/Body.css

@@ -1 +1 @@
-.Typography_styles_c0qunc_b1ru04lg__3658e3b6{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyBold__3658e3b6{font-weight:var(--typo-font-weight-bold);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_typographyMedium__3658e3b6{font-weight:var(--typo-font-weight-medium);}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withNoWrap__3658e3b6{white-space:nowrap;}.Typography_styles_c0qunc_b1ru04lg__3658e3b6.Typography_styles_c0qunc_withBreakWord__3658e3b6{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Typography_styles_fa07dt_b1ru04lg__867729cb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

package/es/components/Typography/Typography.js

@@ -4,7 +4,7 @@ import { applySpacing } from '../../mixins/applySpacing.js';
 import { cx } from '../../utils/index.js';
 import { classes } from './tokens.js';
 
-var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
 var typographyRootCompose = function typographyRootCompose(defaultArgs) {
   return function (Root) {
     return /*#__PURE__*/forwardRef(function (props, ref) {
@@ -14,7 +14,6 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         noWrap = props.noWrap,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
-        medium = props.medium,
         color = props.color,
         className = props.className,
         style = props.style,
@@ -22,10 +21,11 @@ var typographyRootCompose = function typographyRootCompose(defaultArgs) {
       return /*#__PURE__*/React.createElement(Root, _extends({
         size: size,
         ref: ref,
-        className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, className),
+        className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, className),
         style: _objectSpread2(_objectSpread2({
           color: color
-        }, style), applySpacing(rest))
+        }, style), applySpacing(rest)),
+        bold: bold
       }, rest), children);
     });
   };

package/es/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n    Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n    forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n        const {\n            size,\n            children,\n            breakWord,\n            noWrap,\n            bold = defaultArgs?.defaultBold,\n            medium,\n            color,\n            className,\n            style,\n            ...rest\n        } = props;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(\n                    noWrap && classes.typoWithNoWrap,\n                    breakWord && classes.typoWithBreakWord,\n                    bold && classes.typoBold,\n                    medium && classes.typoMedium,\n                    className,\n                )}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","noWrap","_props$bold","bold","defaultBold","medium","color","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GAUJF,KAAK,CAVLE,IAAI;QACJC,QAAQ,GASRH,KAAK,CATLG,QAAQ;QACRC,SAAS,GAQTJ,KAAK,CARLI,SAAS;QACTC,MAAM,GAONL,KAAK,CAPLK,MAAM;QAAAC,WAAA,GAONN,KAAK,CANLO,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,WAAW,GAAAF,WAAA;QAC/BG,MAAM,GAKNT,KAAK,CALLS,MAAM;QACNC,KAAK,GAILV,KAAK,CAJLU,KAAK;QACLC,SAAS,GAGTX,KAAK,CAHLW,SAAS;QACTC,KAAK,GAELZ,KAAK,CAFLY,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPd,KAAK,EAAAe,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AACDhB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;AACTU,QAAAA,SAAS,EAAEQ,EAAE,CACTd,MAAM,IAAIe,OAAO,CAACC,cAAc,EAChCjB,SAAS,IAAIgB,OAAO,CAACE,iBAAiB,EACtCf,IAAI,IAAIa,OAAO,CAACG,QAAQ,EACxBd,MAAM,IAAIW,OAAO,CAACI,UAAU,EAC5Bb,SACJ,CAAE;QACFC,KAAK,EAAAa,cAAA,CAAAA,cAAA,CAAA;AAAIf,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAA,EAAKc,YAAY,CAACb,IAAI,CAAC,CAAA;OAC3CA,EAAAA,IAAI,CAEPV,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n    Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n    forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n        const {\n            size,\n            children,\n            breakWord,\n            noWrap,\n            bold = defaultArgs?.defaultBold,\n            color,\n            className,\n            style,\n            ...rest\n        } = props;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(\n                    noWrap && classes.typoWithNoWrap,\n                    breakWord && classes.typoWithBreakWord,\n                    bold && classes.typoBold,\n                    className,\n                )}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                bold={bold}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","noWrap","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","cx","classes","typoWithNoWrap","typoWithBreakWord","typoBold","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GASJF,KAAK,CATLE,IAAI;QACJC,QAAQ,GAQRH,KAAK,CARLG,QAAQ;QACRC,SAAS,GAOTJ,KAAK,CAPLI,SAAS;QACTC,MAAM,GAMNL,KAAK,CANLK,MAAM;QAAAC,WAAA,GAMNN,KAAK,CALLO,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,WAAW,GAAAF,WAAA;QAC/BG,KAAK,GAILT,KAAK,CAJLS,KAAK;QACLC,SAAS,GAGTV,KAAK,CAHLU,SAAS;QACTC,KAAK,GAELX,KAAK,CAFLW,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAET,MAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDf,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTS,SAAS,EAAEQ,EAAE,CACTb,MAAM,IAAIc,OAAO,CAACC,cAAc,EAChChB,SAAS,IAAIe,OAAO,CAACE,iBAAiB,EACtCd,IAAI,IAAIY,OAAO,CAACG,QAAQ,EACxBZ,SACJ,CAAE;QACFC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA;AAAId,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKa,EAAAA,YAAY,CAACZ,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/es/components/Typography/Typography.styles.js

@@ -1,4 +1,4 @@
-import './Typography.styles_c0qunc.css';
+import './Typography.styles_fa07dt.css';
 var base = "b1ru04lg";
 
 export { base };

package/es/components/Typography/Typography.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    &.${classes.typoBold} {\n        font-weight: var(${tokens.typoFontWeightBold});\n    }\n\n    &.${classes.typoMedium} {\n        font-weight: var(${tokens.typoFontWeightMedium});\n    }\n\n    &.${classes.typoWithNoWrap} {\n        white-space: nowrap;\n    }\n\n    ${applyHyphensNormal};\n\n    &.${classes.typoWithBreakWord} {\n        ${applyHyphens};\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAyBhB;;;;"}
+{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    &.${classes.typoBold} {\n        font-weight: var(${tokens.typoFontWeightBold});\n    }\n\n    &.${classes.typoWithNoWrap} {\n        white-space: nowrap;\n    }\n\n    ${applyHyphensNormal};\n\n    &.${classes.typoWithBreakWord} {\n        ${applyHyphens};\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAqBhB;;;;"}

package/es/components/Typography/{Typography.styles_c0qunc.css → Typography.styles_fa07dt.css}

@@ -1 +1 @@
-.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.typography-medium{font-weight:var(--typo-font-weight-medium);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

package/es/components/Typography/tokens.js

@@ -1,8 +1,7 @@
 var classes = {
   typoWithNoWrap: 'with-no-wrap',
   typoWithBreakWord: 'with-break-word',
-  typoBold: 'typography-bold',
-  typoMedium: 'typography-medium'
+  typoBold: 'typography-bold'
 };
 var tokens = {
   typoFontFamily: '--typo-font-family',
@@ -10,7 +9,6 @@ var tokens = {
   typoFontStyle: '--typo-font-style',
   typoFontWeight: '--typo-font-weight',
   typoFontWeightBold: '--typo-font-weight-bold',
-  typoFontWeightMedium: '--typo-font-weight-medium',
   typoFontLetterSpacing: '--typo-font-letter-spacing',
   typoFontLineHeight: '--typo-font-line-height'
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n    typoWithNoWrap: 'with-no-wrap',\n    typoWithBreakWord: 'with-break-word',\n    typoBold: 'typography-bold',\n    typoMedium: 'typography-medium',\n};\n\nexport const tokens = {\n    typoFontFamily: '--typo-font-family',\n    typoFontSize: '--typo-font-size',\n    typoFontStyle: '--typo-font-style',\n    typoFontWeight: '--typo-font-weight',\n    typoFontWeightBold: '--typo-font-weight-bold',\n    typoFontWeightMedium: '--typo-font-weight-medium',\n    typoFontLetterSpacing: '--typo-font-letter-spacing',\n    typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","typoMedium","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontWeightMedium","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAiB;AAC3BC,EAAAA,UAAU,EAAE,mBAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,oBAAoB,EAAE,2BAA2B;AACjDC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n    typoWithNoWrap: 'with-no-wrap',\n    typoWithBreakWord: 'with-break-word',\n    typoBold: 'typography-bold',\n};\n\nexport const tokens = {\n    typoFontFamily: '--typo-font-family',\n    typoFontSize: '--typo-font-size',\n    typoFontStyle: '--typo-font-style',\n    typoFontWeight: '--typo-font-weight',\n    typoFontWeightBold: '--typo-font-weight-bold',\n    typoFontLetterSpacing: '--typo-font-letter-spacing',\n    typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}