@salutejs/plasma-new-hope 0.344.0-canary.2398.20426736662.0 → 0.344.0-canary.2400.20429488881.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.
- package/dist/css/cjs/components/LinkButton/LinkButton.css +8 -8
- package/dist/css/cjs/components/LinkButton/LinkButton.js +1 -6
- package/dist/css/cjs/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/LinkButton.styles.js +3 -22
- package/dist/css/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/{LinkButton.styles_ztirgn.css → LinkButton.styles_1e7vwn3.css} +2 -2
- package/dist/css/cjs/components/Table/Table.css +22 -21
- package/dist/css/cjs/components/Table/Table.js +14 -10
- package/dist/css/cjs/components/Table/Table.js.map +1 -1
- package/dist/css/cjs/components/Table/Table.styles.js +66 -51
- package/dist/css/cjs/components/Table/Table.styles.js.map +1 -1
- package/dist/css/cjs/components/Table/Table.styles_a4393s.css +13 -0
- package/dist/css/cjs/components/Table/Table.tokens.js +2 -1
- package/dist/css/cjs/components/Table/Table.tokens.js.map +1 -1
- package/dist/css/cjs/components/Table/ui/Cell/Cell.css +22 -21
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +22 -21
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +22 -21
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -21
- package/dist/css/cjs/index.css +21 -20
- package/dist/css/es/components/LinkButton/LinkButton.css +8 -8
- package/dist/css/es/components/LinkButton/LinkButton.js +1 -6
- package/dist/css/es/components/LinkButton/LinkButton.js.map +1 -1
- package/dist/css/es/components/LinkButton/LinkButton.styles.js +3 -22
- package/dist/css/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/dist/css/es/components/LinkButton/{LinkButton.styles_ztirgn.css → LinkButton.styles_1e7vwn3.css} +2 -2
- package/dist/css/es/components/Table/Table.css +22 -21
- package/dist/css/es/components/Table/Table.js +15 -11
- package/dist/css/es/components/Table/Table.js.map +1 -1
- package/dist/css/es/components/Table/Table.styles.js +66 -52
- package/dist/css/es/components/Table/Table.styles.js.map +1 -1
- package/dist/css/es/components/Table/Table.styles_a4393s.css +13 -0
- package/dist/css/es/components/Table/Table.tokens.js +2 -1
- package/dist/css/es/components/Table/Table.tokens.js.map +1 -1
- package/dist/css/es/components/Table/ui/Cell/Cell.css +22 -21
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +22 -21
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +22 -21
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -21
- package/dist/css/es/index.css +21 -20
- package/dist/emotion/cjs/components/LinkButton/LinkButton.js +1 -6
- package/dist/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -21
- package/dist/emotion/cjs/components/Table/Table.js +15 -10
- package/dist/emotion/cjs/components/Table/Table.styles.js +34 -24
- package/dist/emotion/cjs/components/Table/Table.tokens.js +2 -1
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/dist/emotion/es/components/LinkButton/LinkButton.js +1 -6
- package/dist/emotion/es/components/LinkButton/LinkButton.styles.js +15 -21
- package/dist/emotion/es/components/Table/Table.js +16 -11
- package/dist/emotion/es/components/Table/Table.styles.js +31 -24
- package/dist/emotion/es/components/Table/Table.tokens.js +2 -1
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +1 -6
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.styles.js +13 -19
- package/dist/styled-components/cjs/components/Table/Table.js +15 -10
- package/dist/styled-components/cjs/components/Table/Table.styles.js +27 -14
- package/dist/styled-components/cjs/components/Table/Table.tokens.js +2 -1
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +1 -6
- package/dist/styled-components/es/components/LinkButton/LinkButton.styles.js +13 -19
- package/dist/styled-components/es/components/Table/Table.js +16 -11
- package/dist/styled-components/es/components/Table/Table.styles.js +24 -14
- package/dist/styled-components/es/components/Table/Table.tokens.js +2 -1
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
- package/dist/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/package.json +5 -5
- package/types/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts +2 -6
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.styles.d.ts +4 -0
- package/types/components/Table/Table.styles.d.ts.map +1 -1
- package/types/components/Table/Table.tokens.d.ts +1 -0
- package/types/components/Table/Table.tokens.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +16 -0
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts +62 -0
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts.map +1 -0
- package/dist/css/cjs/components/Table/Table.styles_1jqvkrz.css +0 -12
- package/dist/css/es/components/Table/Table.styles_1jqvkrz.css +0 -12
|
@@ -52,27 +52,28 @@
|
|
|
52
52
|
|
|
53
53
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
63
|
-
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
.
|
|
75
|
-
.
|
|
55
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
57
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
58
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
59
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
60
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
61
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
62
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
63
|
+
|
|
64
|
+
.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
65
|
+
.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
|
|
66
|
+
.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
|
|
67
|
+
.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
|
|
68
|
+
.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
|
|
69
|
+
|
|
70
|
+
.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
|
71
|
+
.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
|
|
72
|
+
.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
|
|
73
|
+
.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
|
74
|
+
.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
|
75
|
+
.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
76
|
+
.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
|
76
77
|
|
|
77
78
|
.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);}
|
|
78
79
|
|
|
@@ -58,27 +58,28 @@
|
|
|
58
58
|
|
|
59
59
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
60
60
|
|
|
61
|
-
.
|
|
62
|
-
.
|
|
63
|
-
.
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
.
|
|
77
|
-
.
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
81
|
-
.
|
|
61
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
62
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
63
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
64
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
65
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
66
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
67
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
68
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
69
|
+
|
|
70
|
+
.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
71
|
+
.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
|
|
72
|
+
.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
|
|
73
|
+
.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
|
|
74
|
+
.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
|
|
75
|
+
|
|
76
|
+
.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
|
77
|
+
.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
|
|
78
|
+
.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
|
|
79
|
+
.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
|
80
|
+
.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
|
81
|
+
.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
82
|
+
.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
|
82
83
|
|
|
83
84
|
.Button_styles_lsgupt_sfn0xs0__09262837{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
|
|
84
85
|
.Button_styles_lsgupt_i1akdel6__09262837{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_lsgupt_i1akdel6__09262837:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_lsgupt_i1akdel6__09262837:active{color:var(--plasma-select-button-arrow-color-active);}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -1031,18 +1031,19 @@
|
|
|
1031
1031
|
|
|
1032
1032
|
.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;}
|
|
1033
1033
|
|
|
1034
|
-
.
|
|
1035
|
-
.
|
|
1036
|
-
.
|
|
1037
|
-
.
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
.
|
|
1041
|
-
.
|
|
1042
|
-
.
|
|
1043
|
-
.
|
|
1044
|
-
.
|
|
1045
|
-
.
|
|
1034
|
+
.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
1035
|
+
.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
|
|
1036
|
+
.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
|
|
1037
|
+
.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
|
|
1038
|
+
.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
|
|
1039
|
+
|
|
1040
|
+
.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
|
1041
|
+
.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
|
|
1042
|
+
.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
|
|
1043
|
+
.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
|
1044
|
+
.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
|
1045
|
+
.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
1046
|
+
.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
|
1046
1047
|
|
|
1047
1048
|
.List_styles_97b8jq_bmg9h6q__1b4a3381{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
|
|
1048
1049
|
|
|
@@ -1061,14 +1062,14 @@
|
|
|
1061
1062
|
|
|
1062
1063
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
1063
1064
|
|
|
1064
|
-
.
|
|
1065
|
-
.
|
|
1066
|
-
.
|
|
1067
|
-
.
|
|
1068
|
-
.
|
|
1069
|
-
.
|
|
1070
|
-
.
|
|
1071
|
-
.
|
|
1065
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
1066
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
1067
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
1068
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
1069
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
1070
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
1071
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
1072
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
1072
1073
|
|
|
1073
1074
|
|
|
1074
1075
|
.ToastNew_styles_4c92hd_tvfkfgf__2b80d961{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;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
12
12
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
14
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
15
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
16
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
17
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
18
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
19
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
20
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
21
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -33,7 +33,6 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
|
33
33
|
href: disabled ? undefined : href,
|
|
34
34
|
rel: target === '_blank' ? 'noopener noreferrer' : rel
|
|
35
35
|
};
|
|
36
|
-
var hasContent = Boolean(txt || children || additionalContent || contentRight);
|
|
37
36
|
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
38
37
|
ref: ref,
|
|
39
38
|
view: view,
|
|
@@ -46,11 +45,7 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
|
46
45
|
}, linkProps, rest), /*#__PURE__*/React__default.createElement(LoadWrap, {
|
|
47
46
|
isLoading: !disabled && isLoading,
|
|
48
47
|
style: _objectSpread2({}, loadingCustomOpacity)
|
|
49
|
-
}, contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft,
|
|
50
|
-
hasContent: hasContent
|
|
51
|
-
}, contentLeft), txt ? /*#__PURE__*/React__default.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, {
|
|
52
|
-
hasContent: hasContent
|
|
53
|
-
}, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.createElement(StyledSpinner, null))));
|
|
48
|
+
}, contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React__default.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.createElement(StyledSpinner, null))));
|
|
54
49
|
});
|
|
55
50
|
};
|
|
56
51
|
var linkButtonConfig = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n disabled={disabled}\n style={{\n ...(isLoading && {\n pointerEvents: 'none',\n }),\n ...style,\n }}\n {...linkProps}\n {...rest}\n >\n <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </LoadWrap>\n {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const linkButtonConfig = {\n name: 'LinkButton',\n tag: 'a',\n layout: linkButtonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;IAmBaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBAC9EC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IACIC,QAAQ,GAeRF,KAAK,CAfLE,QAAQ;MACRC,IAAI,GAcJH,KAAK,CAdLG,IAAI;MACJC,IAAI,GAaJJ,KAAK,CAbLI,IAAI;MACJC,IAAI,GAYJL,KAAK,CAZLK,IAAI;MACJC,WAAW,GAWXN,KAAK,CAXLM,WAAW;MACXC,YAAY,GAUZP,KAAK,CAVLO,YAAY;MACZC,SAAS,GASTR,KAAK,CATLQ,SAAS;MACTC,MAAM,GAQNT,KAAK,CARLS,MAAM;MACNC,QAAQ,GAORV,KAAK,CAPLU,QAAQ;MACRC,MAAM,GAMNX,KAAK,CANLW,MAAM;MACNC,IAAI,GAKJZ,KAAK,CALLY,IAAI;MACJC,GAAG,GAIHb,KAAK,CAJLa,GAAG;MACHC,KAAK,GAGLd,KAAK,CAHLc,KAAK;MACLC,iBAAiB,GAEjBf,KAAK,CAFLe,iBAAiB;AACdC,MAAAA,IAAI,GAAAC,wBAAA,CACPjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;IAET,IAAMC,GAAG,GAAG,OAAOjB,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGG,IAAI,CAAA;AAE1D,IAAA,IAAMe,oBAAoB,GAAGZ,SAAS,IAAIJ,IAAI,KAAK,KAAK,IAAI;AAAEiB,MAAAA,OAAO,EAAE,CAAA;KAAG,CAAA;AAE1E,IAAA,IAAMC,SAAS,GAAG;AACdX,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,IAAI,EAAEF,QAAQ,GAAGa,SAAS,GAAGX,IAAI;AACjCC,MAAAA,GAAG,EAAEF,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGE,GAAAA;KACtD,CAAA;AAED,IAAA,oBACIW,cAAA,CAAAC,aAAA,CAAC3B,IAAI,EAAA4B,QAAA,CAAA;AACDzB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXuB,MAAAA,QAAQ,EAAE,CAACjB,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;AAC7BA,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA,EAAA,EACGpB,SAAS,IAAI;AACbqB,QAAAA,aAAa,EAAE,MAAA;AACnB,OAAC,GACEf,KAAK,CAAA;KAERQ,EAAAA,SAAS,EACTN,IAAI,CAAA,eAERQ,cAAA,CAAAC,aAAA,CAACK,QAAQ,EAAA;AAACtB,MAAAA,SAAS,EAAE,CAACE,QAAQ,IAAIF,SAAU;MAACM,KAAK,EAAAc,cAAA,CAAA,EAAA,EAAOR,oBAAoB,CAAA;AAAG,KAAA,EAC3Ed,WAAW,iBAAIkB,cAAA,CAAAC,aAAA,CAACM,iBAAiB,EAAEzB,IAAAA,EAAAA,WAA+B,CAAC,EACnEa,GAAG,gBAAGK,cAAA,CAAAC,aAAA,CAACO,cAAc,EAAA,IAAA,EAAEb,GAAoB,CAAC,GAAGjB,QAAQ,EACvDa,iBAAiB,iBAAIS,cAAA,CAAAC,aAAA,CAACQ,uBAAuB,EAAElB,IAAAA,EAAAA,iBAA2C,CAAC,EAC3FR,YAAY,iBAAIiB,cAAA,CAAAC,aAAA,CAACS,kBAAkB,QAAE3B,YAAiC,CACjE,CAAC,EACV,CAACG,QAAQ,IAAIF,SAAS,iBAAIgB,cAAA,CAAAC,aAAA,CAACU,MAAM,QAAE1B,MAAM,IAAA2B,cAAA,KAAAA,cAAA,gBAAIZ,cAAA,CAAAC,aAAA,CAACY,aAAa,EAAA,IAAE,CAAC,CAAS,CACtE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE5C,cAAc;AACtB6C,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRxC,IAAAA,IAAI,EAAE;AACFyC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDzC,IAAAA,IAAI,EAAE;AACFwC,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDpC,IAAAA,QAAQ,EAAE;AACNkC,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN9C,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import './LinkButton.
|
|
1
|
+
import './LinkButton.styles_1e7vwn3.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
|
-
import { tokens } from './LinkButton.tokens.js';
|
|
4
3
|
import { component, mergeConfig } from '../../engines/common.js';
|
|
5
4
|
import { spinnerConfig } from '../Spinner/Spinner.js';
|
|
6
5
|
|
|
@@ -44,33 +43,15 @@ var LinkButtonText = /*#__PURE__*/styled('span')({
|
|
|
44
43
|
"class": "l1uogc3z",
|
|
45
44
|
propsAsIs: false
|
|
46
45
|
});
|
|
47
|
-
var _exp15 = function _exp15() {
|
|
48
|
-
return function (_ref2) {
|
|
49
|
-
var hasContent = _ref2.hasContent;
|
|
50
|
-
return hasContent ? "var(".concat(tokens.linkButtonLeftContentMargin, ")") : '0';
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
46
|
var StyledContentLeft = /*#__PURE__*/styled('div')({
|
|
54
47
|
name: "StyledContentLeft",
|
|
55
48
|
"class": "s176p3a0",
|
|
56
|
-
propsAsIs: false
|
|
57
|
-
vars: {
|
|
58
|
-
"s176p3a0-0": [/*#__PURE__*/_exp15()]
|
|
59
|
-
}
|
|
49
|
+
propsAsIs: false
|
|
60
50
|
});
|
|
61
|
-
var _exp17 = function _exp17() {
|
|
62
|
-
return function (_ref3) {
|
|
63
|
-
var hasContent = _ref3.hasContent;
|
|
64
|
-
return hasContent ? "var(".concat(tokens.linkButtonRightContentMargin, ")") : '0';
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
51
|
var StyledContentRight = /*#__PURE__*/styled('div')({
|
|
68
52
|
name: "StyledContentRight",
|
|
69
53
|
"class": "slixkvc",
|
|
70
|
-
propsAsIs: false
|
|
71
|
-
vars: {
|
|
72
|
-
"slixkvc-0": [/*#__PURE__*/_exp17()]
|
|
73
|
-
}
|
|
54
|
+
propsAsIs: false
|
|
74
55
|
});
|
|
75
56
|
|
|
76
57
|
export { LinkButtonText, LoadWrap, Loader, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner, base };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n\n &:hover {\n color: var(${tokens.linkButtonTextColorHover});\n }\n\n &:active {\n color: var(${tokens.linkButtonTextColorActive});\n }\n`;\n\nexport const StyledContentLeft = styled.div
|
|
1
|
+
{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n\n &:hover {\n color: var(${tokens.linkButtonTextColorHover});\n }\n\n &:active {\n color: var(${tokens.linkButtonTextColorActive});\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,MAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAanC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;"}
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
.l7ptchj{position:absolute;}
|
|
5
5
|
.s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
6
6
|
.l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}.l1uogc3z:active{color:var(--plasma-link-button-text-color-active);}
|
|
7
|
-
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--
|
|
8
|
-
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--
|
|
7
|
+
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
8
|
+
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -228,24 +228,25 @@
|
|
|
228
228
|
|
|
229
229
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
230
230
|
|
|
231
|
-
.
|
|
232
|
-
.
|
|
233
|
-
.
|
|
234
|
-
.
|
|
235
|
-
.
|
|
236
|
-
.
|
|
237
|
-
.
|
|
238
|
-
.
|
|
239
|
-
|
|
240
|
-
.
|
|
241
|
-
.
|
|
242
|
-
.
|
|
243
|
-
.
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
.
|
|
247
|
-
.
|
|
248
|
-
.
|
|
249
|
-
.
|
|
250
|
-
.
|
|
251
|
-
.
|
|
231
|
+
.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
232
|
+
.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
233
|
+
.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
234
|
+
.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
|
|
235
|
+
.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
236
|
+
.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
|
|
237
|
+
.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
238
|
+
.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
239
|
+
|
|
240
|
+
.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
241
|
+
.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
|
|
242
|
+
.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
|
|
243
|
+
.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
|
|
244
|
+
.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
|
|
245
|
+
|
|
246
|
+
.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
|
247
|
+
.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
|
|
248
|
+
.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
|
|
249
|
+
.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
|
250
|
+
.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
|
251
|
+
.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
252
|
+
.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
|
@@ -2,13 +2,14 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
|
|
|
2
2
|
import React__default, { forwardRef, useState, useRef, useMemo } from 'react';
|
|
3
3
|
import { useReactTable, getCoreRowModel, getSortedRowModel, getFilteredRowModel } from '@tanstack/react-table';
|
|
4
4
|
import { useForkRef } from '@salutejs/plasma-core';
|
|
5
|
-
import {
|
|
5
|
+
import { classes } from './Table.tokens.js';
|
|
6
|
+
import { ScrollableWrapper, Table, Thead, Tr, Tbody, base, StyledCheckbox } from './Table.styles.js';
|
|
6
7
|
import { HeadCell } from './ui/HeadCell/HeadCell.js';
|
|
7
8
|
import { EditableCell } from './ui/EditableCell/EditableCell.js';
|
|
8
9
|
import { Cell } from './ui/Cell/Cell.js';
|
|
9
10
|
import { SELECT_COLUMN_ID } from './utils/constants.js';
|
|
10
11
|
|
|
11
|
-
var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate", "setRowProps"];
|
|
12
|
+
var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate", "setRowProps", "topContent", "bottomContent", "loadingSlot", "onScroll"];
|
|
12
13
|
var tableRoot = function tableRoot(Root) {
|
|
13
14
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
14
15
|
var data = _ref.data,
|
|
@@ -28,6 +29,10 @@ var tableRoot = function tableRoot(Root) {
|
|
|
28
29
|
stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
|
|
29
30
|
onCellUpdate = _ref.onCellUpdate,
|
|
30
31
|
setRowProps = _ref.setRowProps,
|
|
32
|
+
topContent = _ref.topContent,
|
|
33
|
+
bottomContent = _ref.bottomContent,
|
|
34
|
+
loadingSlot = _ref.loadingSlot,
|
|
35
|
+
onScroll = _ref.onScroll,
|
|
31
36
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
32
37
|
var _useState = useState(outerSelected || {}),
|
|
33
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -168,6 +173,7 @@ var tableRoot = function tableRoot(Root) {
|
|
|
168
173
|
onRowSelectionChange: handleRowSelection,
|
|
169
174
|
columnResizeMode: 'onChange',
|
|
170
175
|
columnResizeDirection: 'ltr',
|
|
176
|
+
manualPagination: true,
|
|
171
177
|
meta: {
|
|
172
178
|
updateData: function updateData(rowId, columnId, value) {
|
|
173
179
|
if (onCellUpdate) {
|
|
@@ -181,11 +187,12 @@ var tableRoot = function tableRoot(Root) {
|
|
|
181
187
|
data: data,
|
|
182
188
|
columns: columns,
|
|
183
189
|
view: view,
|
|
184
|
-
size: size
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
190
|
+
size: size
|
|
191
|
+
}, props), topContent, /*#__PURE__*/React__default.createElement(ScrollableWrapper, {
|
|
192
|
+
className: classes.scrollableContainer,
|
|
193
|
+
onScroll: onScroll,
|
|
194
|
+
maxHeight: maxHeight
|
|
195
|
+
}, /*#__PURE__*/React__default.createElement(Table, {
|
|
189
196
|
borderVariant: borderVariant,
|
|
190
197
|
stickyHeader: stickyHeader
|
|
191
198
|
}, /*#__PURE__*/React__default.createElement(Thead, {
|
|
@@ -212,9 +219,6 @@ var tableRoot = function tableRoot(Root) {
|
|
|
212
219
|
}, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function (cell) {
|
|
213
220
|
var _cell$column, _cell$column$setCellP, _cell$column2;
|
|
214
221
|
var additionalProps = (cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 || (_cell$column = _cell$column.columnDef) === null || _cell$column === void 0 || (_cell$column = _cell$column.meta) === null || _cell$column === void 0 || (_cell$column$setCellP = _cell$column.setCellProps) === null || _cell$column$setCellP === void 0 ? void 0 : _cell$column$setCellP.call(_cell$column, cell.row.original, cell.id)) || {};
|
|
215
|
-
|
|
216
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
217
|
-
// @ts-ignore
|
|
218
222
|
return cell !== null && cell !== void 0 && (_cell$column2 = cell.column) !== null && _cell$column2 !== void 0 && (_cell$column2 = _cell$column2.columnDef) !== null && _cell$column2 !== void 0 && (_cell$column2 = _cell$column2.meta) !== null && _cell$column2 !== void 0 && _cell$column2.enableEditing ? /*#__PURE__*/React__default.createElement(EditableCell, {
|
|
219
223
|
key: cell.id,
|
|
220
224
|
size: size,
|
|
@@ -233,7 +237,7 @@ var tableRoot = function tableRoot(Root) {
|
|
|
233
237
|
additionalProps: additionalProps
|
|
234
238
|
});
|
|
235
239
|
}));
|
|
236
|
-
}))));
|
|
240
|
+
}))), loadingSlot), bottomContent);
|
|
237
241
|
});
|
|
238
242
|
};
|
|
239
243
|
var tableConfig = {
|