npm - @salutejs/plasma-new-hope - Versions diffs - 0.317.0-canary.1888.14214679698.0 → 0.317.0-dev.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (269) hide show

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

@@ -2,8 +2,7 @@ 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 { classes } from '../../Table.tokens.js';
-import { ThWrapper, ControlButtons, IconWrapper } from './HeadCell.styles.js';
+import { ThWrapper, ControlButtons } 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';
@@ -34,22 +33,23 @@ var HeadCell = function HeadCell(_ref) {
     size: size,
     outerFiltered: outerFiltered,
     tableContainerRef: tableContainerRef
-  }), header.column.getCanSort() && /*#__PURE__*/React.createElement(IconWrapper, {
+  }), header.column.getCanSort() && /*#__PURE__*/React.createElement("span", {
+    style: {
+      lineHeight: 0,
+      cursor: 'pointer',
+      userSelect: 'none'
+    },
     onClick: header.column.getToggleSortingHandler()
   }, (_asc$desc = {
     asc: /*#__PURE__*/React.createElement(IconArrowUp, {
-      size: getIconSize(size),
-      className: classes.sortingAscIcon
+      size: getIconSize(size)
     }),
     desc: /*#__PURE__*/React.createElement(IconArrowDown, {
-      size: getIconSize(size),
-      className: classes.sortingDescIcon
+      size: getIconSize(size)
     })
   }[header.column.getIsSorted()]) !== null && _asc$desc !== void 0 ? _asc$desc : /*#__PURE__*/React.createElement(IconSwapVert, {
-    size: getIconSize(size),
-    className: classes.sortingDefaultIcon
+    size: getIconSize(size)
   }))))), 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeadCell.js","sources":["../../../../../src/components/Table/ui/HeadCell/HeadCell.tsx"],"sourcesContent":["import { flexRender, ~~Header~~ } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Th, Resizer } from '../../Table.styles';\nimport { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';\nimport { SELECT_COLUMN_ID } from '../../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;;;;"}
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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"}

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

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

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

	@@ -1 +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~~\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~~;;;;"}
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;;;;"}

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

@@ -1,3 +1,2 @@
 .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 CHANGED Viewed

@@ -2,20 +2,19 @@
 .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_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;}
+.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;}
-.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;}
+.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;}
-.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;}
+.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;}
 .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);}
@@ -78,18 +77,17 @@
 .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_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);}
+.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);}
 .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 CHANGED Viewed

@@ -2,7 +2,6 @@ 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';
@@ -69,8 +68,7 @@ var Filter = function Filter(_ref) {
     onChange: setLocalFiltered,
     renderTarget: function renderTarget() {
       return /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
-        size: getIconSize(size),
-        className: classes.filterIcon
+        size: getIconSize(size)
       }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
         size: "s",
         view: "accent"

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

	@@ -1 +1 @@
1	- {"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":"~~;;;;;;;;;;AAYA~~,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,~~IAAa~~,EAAK;~~AACtC~~,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,UAAU,CAAA;AACrB,OAAA;AACA,IAAA,KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,OAAO,CAAA;AAClB,OAAA;AACA,IAAA,KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,OAAO,CAAA;AAClB,OAAA;AACA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,OAAO,CAAA;AAClB,OAAA;AACJ,GAAA;AACJ,CAAC,CAAA;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,aAAuB,EAAEC,aAAuB,EAAK;EAC1E,OACID,aAAa,CAACE,MAAM,KAAKD,aAAa,CAACC,MAAM,IAC7C,IAAIC,GAAG,CAAA,EAAA,CAAAC,MAAA,CAAAC,kBAAA,CAAKL,aAAa,CAAA,EAAAK,kBAAA,CAAKJ,aAAa,CAAA,CAAC,CAAC,CAACH,IAAI,KAAKE,aAAa,CAACE,MAAM,CAAA;AAEnF,CAAC,CAAA;~~IASYI~~,~~MAAuB~~,GAAG,~~SAA1BA~~,~~MAAuBA~~,CAAAC,IAAA,EAA2D;AAAA,EAAA,IAAAC,cAAA,CAAA;AAAA,EAAA,IAArDC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEX,IAAI,GAAAS,IAAA,CAAJT,IAAI;IAAEE,aAAa,GAAAO,IAAA,CAAbP,aAAa;IAAEU,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB,CAAA;~~EACpF~~,IAAMC,QAAQ,~~GAAIF~~,MAAM,CAACG,MAAM,CAACC,cAAc,EAAE,~~IAAiB~~,EAAE,CAAA;~~AAEnE~~,EAAA,IAAAC,SAAA,GAA0CC,QAAQ,~~CAAWJ~~,QAAQ,IAAI,EAAE,CAAC;IAAAK,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;~~AAArEb~~,IAAAA,aAAa,GAAAe,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtC,EAAA,IAAAG,KAAA,GAAoB,CAAAV,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAAAD,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAANC,MAAM,CAAEG,MAAM,MAAAJ,IAAAA,IAAAA,cAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAAdA,cAAA,CAAgBY,SAAS,MAAAZ,IAAAA,IAAAA,cAAA,KAAzBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAA2Ba,IAAI,KAAI,EAAE;IAAjDC,OAAO,GAAAH,KAAA,CAAPG,OAAO,CAAA;EAEf,IAAMC,UAAU,GAAG,CAACxB,eAAe,CAACY,QAAQ,EAAEV,aAAa,CAAC,CAAA;AAE5D,EAAA,IAAMuB,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAS;AAC7Bf,IAAAA,MAAM,CAACG,MAAM,CAACa,cAAc,CAACxB,aAAa,CAAC,CAAA;GAC9C,CAAA;AAED,EAAA,IAAMyB,WAAW,GAAG,SAAdA,WAAWA,GAAS;IACtBR,gBAAgB,CAAC,EAAE,CAAC,CAAA;GACvB,CAAA;AAED,EAAA,IAAMS,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAK;IACtC,IAAI,CAACA,MAAM,EAAE;MACTV,gBAAgB,~~CAAET~~,MAAM,CAACG,MAAM,CAACC,cAAc,EAAE,~~IAAiB~~,EAAE,CAAC,CAAA;~~AACxE~~,KAAA;GACH,CAAA;AAEDgB,EAAAA,iBAAiB,CAAC,YAAM;IACpBX,gBAAgB,CAACP,QAAQ,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACX,aAAa,CAAC,CAAC,CAAA;EAEnB,oBACI8B,KAAA,CAAAC,aAAA,CAACC,MAAAA;AACG;AACA;AAAA,IAAA;AACAC,IAAAA,SAAS,EAAC,YAAY;IACtBC,WAAW,EAAA,IAAA;AACXC,IAAAA,KAAK,EAAElC,aAAc;AACrBmC,IAAAA,QAAQ,EAAElB,gBAAiB;IAC3BmB,YAAY,EAAE,SAAAA,YAAA,GAAA;MAAA,oBACVP,KAAA,CAAAC,aAAA,CAACO,iBAAiB,qBACdR,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA;~~AAACzC~~,~~QAAAA,~~IAAI,EAAE0C,WAAW,CAAC1C,IAAI,~~CAAE~~;~~QAAC2C~~,~~SAAS,EAAEC,OAAO,CAACC,UAAAA;AAAW,~~OAAE,CAAC,~~EAE3EhC~~,QAAQ,CAACT,MAAM,~~GAAA0C~~,gBAAA,KAAAA,gBAAA,~~gBAAGd~~,KAAA,CAAAC,aAAA,~~CAACc~~,eAAe,EAAA;~~AAAC/C~~,QAAAA,IAAI,EAAC,GAAG;~~AAACgD~~,QAAAA,IAAI,EAAC,QAAA;OAAU,CAAC,CAAGC,GAAAA,SACjD,CAAC,CAAA;KACtB;AACFC,IAAAA,KAAK,~~EAAE1B~~,OAAQ;~~AACf2B~~,IAAAA,MAAM,~~EAAEvC~~,iBAAkB;~~AAC1BwC~~,IAAAA,SAAS,~~EAAErD~~,cAAc,CAACC,IAAI,CAAE;~~AAChCqD~~,IAAAA,QAAQ,~~EAAExB~~,YAAa;~~AACvByB~~,IAAAA,SAAS,~~eACLtB~~,KAAA,CAAAC,aAAA,CAAAD,KAAA,~~CAAAuB~~,QAAA,EAAAC,IAAAA,EAAAA,cAAA,KAAAA,cAAA,~~gBACIxB~~,KAAA,CAAAC,aAAA,~~CAACwB~~,aAAa,EAAA;AAACC,MAAAA,WAAW,EAAC,YAAY;~~AAACtD~~,MAAAA,MAAM,EAAC,MAAA;AAAM,KAAE,CAAC,CAAA,eAExD4B,KAAA,CAAAC,aAAA,~~CAAC0B~~,YAAY,EAAA,IAAA,~~eACT3B~~,KAAA,CAAAC,aAAA,~~CAAC2B~~,UAAU,EAAA;AAACC,MAAAA,OAAO,~~EAAEjC~~,WAAAA;AAAY,KAAA,EAAC,uFAA2B,CAAC,eAC9DI,KAAA,CAAAC,aAAA,~~CAAC6B~~,YAAY,EAAA;AAACC,MAAAA,QAAQ,~~EAAEtC~~,UAAW;~~AAACoC~~,MAAAA,OAAO,~~EAAEnC~~,kBAAAA;KAAoB,EAAA,wDAEnD,CACJ,CAChB,CAAA;AACL,GACJ,CAAC,CAAA;AAEV;;;;"}
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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"}

package/es/engines/linaria.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { cx } from '@linaria/core';
 import 'focus-visible';
 import { getIntersectionStyles, getStaticVariants, getDynamicVariants } from './utils.js';
-var _excluded = ["className"];
+var _excluded = ["className", "as", "forwardedAs"];
 /* eslint-disable no-underscore-dangle */
 var _component = function _component(componentConfig) {
   var tag = componentConfig.tag,
@@ -13,9 +13,10 @@ var _component = function _component(componentConfig) {
     intersections = componentConfig.intersections;
   var staticVariants = getStaticVariants(componentConfig);
   var dynamicVariants = getDynamicVariants(componentConfig);
-  var Root = tag;
   var component = /*#__PURE__*/forwardRef(function (props, ref) {
     var className = props.className,
+      as = props.as,
+      forwardedAs = props.forwardedAs,
       rest = _objectWithoutProperties(props, _excluded);
     var variants = dynamicVariants(rest);
     var intersectionStyles = getIntersectionStyles(rest, intersections);
@@ -43,6 +44,7 @@ var _component = function _component(componentConfig) {
         }
       }
     }
+    var Root = as || forwardedAs || tag;
     return /*#__PURE__*/React.createElement(Root, _extends({
       className: cls
     }, htmlAttrs, baseProps));

package/es/engines/linaria.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport type { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n const { tag, base, name, intersections } = componentConfig;\n const staticVariants = getStaticVariants(componentConfig);\n const dynamicVariants = getDynamicVariants(componentConfig);\n\n const ~~Root = tag as React.ElementType;\n\n const~~ component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n const { className, ...rest } = props;\n const variants = dynamicVariants(rest);\n const intersectionStyles = getIntersectionStyles(rest, intersections);\n\n const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n // styled-components do it inside\n // filter props\n const baseProps: HTMLAnyAttributes = {};\n for (const key in rest) {\n if (!(key in componentConfig.variations)) {\n baseProps[key] = rest[key];\n }\n }\n\n baseProps.ref = ref;\n\n // styled-components do it inside\n // add props that should be attr( disabled for example)\n const htmlAttrs: HTMLAnyAttributes = {};\n for (const key in componentConfig.variations \|\| {}) {\n if (key in rest) {\n const variant = componentConfig.variations[key];\n\n const { attrs } = variant;\n if (typeof attrs === 'boolean') {\n htmlAttrs[key] = rest[key];\n }\n }\n }\n\n return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n });\n if (name) {\n component.displayName = name;\n }\n return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","~~Root","~~component","forwardRef","props","ref","className","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,kBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,~~IAAI,GAAGR,GAAwB,CAAA;EAErC,IAAMS,~~SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,~~GAAcF~~,KAAK,~~CAA5BE~~,SAAS;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,~~CAAKJ~~,KAAK,~~EAAAK~~,SAAA,CAAA,CAAA;~~AACpC~~,IAAA,IAAMC,QAAQ,~~GAAGX~~,eAAe,~~CAACQ~~,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,~~EAAEX~~,aAAa,CAAC,CAAA;IAErE,~~IAAMiB~~,GAAG,GAAGC,EAAE,CAAAC,KAAA,~~CAACT~~,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,~~EAAEZ~~,IAAI,~~CAAAsB~~,CAAAA,MAAA,CAAAC,kBAAA,~~CAAgBpB~~,cAAc,CAAA,~~EAAAoB~~,kBAAA,CAAkBP,QAAQ,CAAAO,EAAAA,kBAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,~~IAAI3B~~,eAAe,~~CAAC4B~~,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,~~CAACb~~,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,~~IAAMgB~~,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,~~IAAI3B~~,eAAe,~~CAAC4B~~,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,~~GAAG9B~~,eAAe,~~CAAC4B~~,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,~~oBAAOK~~,KAAA,CAAAC,aAAA,~~CAACxB~~,IAAI,~~EAAAyB~~,QAAA,CAAA;~~AAACpB~~,MAAAA,SAAS,~~EAAEO~~,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,~~IAAIvB~~,IAAI,EAAE;~~IACNO~~,SAAS,~~CAACyB~~,WAAW,~~GAAGhC~~,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,~~OAAOO~~,SAAS,CAAA;AACpB;;;;"}
1	+ {"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport type { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n const { tag, base, name, intersections } = componentConfig;\n const staticVariants = getStaticVariants(componentConfig);\n const dynamicVariants = getDynamicVariants(componentConfig);\n\n const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n const { className, as, forwardedAs, ...rest } = props;\n const variants = dynamicVariants(rest);\n const intersectionStyles = getIntersectionStyles(rest, intersections);\n\n const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n // styled-components do it inside\n // filter props\n const baseProps: HTMLAnyAttributes = {};\n for (const key in rest) {\n if (!(key in componentConfig.variations)) {\n baseProps[key] = rest[key];\n }\n }\n\n baseProps.ref = ref;\n\n // styled-components do it inside\n // add props that should be attr( disabled for example)\n const htmlAttrs: HTMLAnyAttributes = {};\n for (const key in componentConfig.variations \|\| {}) {\n if (key in rest) {\n const variant = componentConfig.variations[key];\n\n const { attrs } = variant;\n if (typeof attrs === 'boolean') {\n htmlAttrs[key] = rest[key];\n }\n }\n }\n\n const Root = as \|\| forwardedAs \|\| (tag as React.ElementType);\n\n return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n });\n if (name) {\n component.displayName = name;\n }\n return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,kBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEZ,aAAa,CAAC,CAAA;IAErE,IAAMkB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CAACX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEX,IAAI,CAAAuB,CAAAA,MAAA,CAAAC,kBAAA,CAAgBrB,cAAc,CAAA,EAAAqB,kBAAA,CAAkBP,QAAQ,CAAAO,EAAAA,kBAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI5B,eAAe,CAAC6B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI5B,eAAe,CAAC6B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG/B,eAAe,CAAC6B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKd,GAAyB,CAAA;AAE5D,IAAA,oBAAOiC,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,QAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIxB,IAAI,EAAE;IACNM,SAAS,CAAC4B,WAAW,GAAGlC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOM,SAAS,CAAA;AACpB;;;;"}

package/es/index.css CHANGED Viewed

@@ -904,9 +904,8 @@
 .Note_styles_178qpj9_t1kp0wa7__381585e2{display:block;position:relative;}
 .Note_styles_178qpj9_tf1lafs__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
-.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;}
+.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;}
 .Filter_styles_zerrb9_ss3v1fl__e58abdba{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
 .Filter_styles_zerrb9_ixw8ftq__e58abdba{position:relative;line-height:0;cursor:pointer;}
@@ -915,29 +914,28 @@
 .Filter_styles_zerrb9_s1amtrwp__e58abdba{margin:var(--plasma-table-filter-divider-margin);}
 .Filter_styles_zerrb9_cda48hg__e58abdba{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;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.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_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;}
-.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);}
+.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;}
+.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
+.Table_styles_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);}
 .base_1bvd5n_b1o5hlxs__d4f41253{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1bvd5n_b1o5hlxs__d4f41253:hover{color:var(--plasma-link-button-color-hover,var(--plasma-link-button-color));}.base_1bvd5n_b1o5hlxs__d4f41253:active{color:var(--plasma-link-button-color-active,var(--plasma-link-button-color));}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.317.0-canary.1888.14214679698.0",
+  "version": "0.317.0-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -135,5 +135,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "e1636612adde9f4abcb91f5e90e5c40022d498f2"
+  "gitHead": "e94979194cfc8f1c01238d80b5ef996aaf891c30"
 }

package/styled-components/cjs/components/Table/Table.js CHANGED Viewed

@@ -10,10 +10,8 @@ var _reactTable = /*#__PURE__*/require("@tanstack/react-table");
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _ui = /*#__PURE__*/require("./ui");
 var _Table = /*#__PURE__*/require("./Table.styles");
-var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -24,9 +22,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var SELECT_COLUMN_ID = exports.SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
+var SELECT_COLUMN_ID = exports.SELECT_COLUMN_ID = 'select#65768756432';
 var tableRoot = exports.tableRoot = function tableRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var data = _ref.data,
@@ -42,8 +38,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
       outerSorted = _ref.sorted,
       maxHeight = _ref.maxHeight,
       stickyHeader = _ref.stickyHeader,
-      onCellUpdate = _ref.onCellUpdate,
-      props = _objectWithoutProperties(_ref, _excluded);
+      onCellUpdate = _ref.onCellUpdate;
     var _useState = (0, _react.useState)(outerSelected || {}),
       _useState2 = _slicedToArray(_useState, 2),
       innerSelected = _useState2[0],
@@ -137,10 +132,17 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
           enableSorting: enableSorting,
           enableResizing: enableResizing,
           filterFn: function filterFn(row, columnId, filterArr) {
-            if ((filterArr === null || filterArr === void 0 ? void 0 : filterArr.length) !== 0 && outerFilterFn && filterArr && Array.isArray(filterArr)) {
-              return filterArr.some(function (filterValue) {
-                return outerFilterFn(filterValue, row.getValue(columnId));
-              });
+            if (outerFilterFn && filterArr && Array.isArray(filterArr)) {
+              if (filterArr.length === 0) {
+                return true;
+              }
+              for (var i = 0; i < filterArr.length; i++) {
+                var filterValue = filterArr[i];
+                if (outerFilterFn(filterValue, row.getValue(columnId))) {
+                  return true;
+                }
+              }
+              return false;
             }
             return true;
           },
@@ -181,7 +183,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
         }
       }
     });
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+    return /*#__PURE__*/_react["default"].createElement(Root, {
       ref: rootRef,
       data: data,
       columns: columns,
@@ -190,7 +192,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
       style: {
         maxHeight: maxHeight || 'none'
       }
-    }, props), /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+    }, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
       borderVariant: borderVariant,
       stickyHeader: stickyHeader
     }, /*#__PURE__*/_react["default"].createElement(_Table.Thead, {
@@ -210,7 +212,7 @@ var tableRoot = exports.tableRoot = function tableRoot(Root) {
           tableContainerRef: tableContainerRef
         });
       }));
-    })), /*#__PURE__*/_react["default"].createElement(_Table.Tbody, null, table.getRowModel().rows.map(function (row) {
+    })), /*#__PURE__*/_react["default"].createElement("tbody", null, table.getRowModel().rows.map(function (row) {
       return /*#__PURE__*/_react["default"].createElement(_Table.Tr, {
         key: row.id,
         selected: row.getIsSelected()