@salutejs/plasma-new-hope 0.345.0-canary.2414.20568370482.0 → 0.345.0-canary.2422.20906430475.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 +1 -1
- package/dist/css/cjs/components/LinkButton/variations/_disabled/base.js +1 -1
- package/dist/css/cjs/components/LinkButton/variations/_disabled/base.js.map +1 -1
- package/dist/css/cjs/components/LinkButton/variations/_disabled/{base_15bbgfd.css → base_1t2rkpo.css} +1 -1
- package/dist/css/cjs/components/Table/Table.css +1 -1
- package/dist/css/cjs/components/Table/ui/Cell/Cell.css +1 -1
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/dist/css/cjs/components/_beta/Popover/Popover.js +4 -0
- package/dist/css/cjs/components/_beta/Popover/Popover.js.map +1 -1
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js +6 -13
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js.map +1 -1
- package/dist/css/cjs/index.css +1 -1
- package/dist/css/es/components/LinkButton/LinkButton.css +1 -1
- package/dist/css/es/components/LinkButton/variations/_disabled/base.js +1 -1
- package/dist/css/es/components/LinkButton/variations/_disabled/base.js.map +1 -1
- package/dist/css/es/components/LinkButton/variations/_disabled/{base_15bbgfd.css → base_1t2rkpo.css} +1 -1
- package/dist/css/es/components/Table/Table.css +1 -1
- package/dist/css/es/components/Table/ui/Cell/Cell.css +1 -1
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/dist/css/es/components/_beta/Popover/Popover.js +1 -1
- package/dist/css/es/components/_beta/Popover/Popover.js.map +1 -1
- package/dist/css/es/components/_beta/Tooltip/Tooltip.js +1 -8
- package/dist/css/es/components/_beta/Tooltip/Tooltip.js.map +1 -1
- package/dist/css/es/index.css +1 -1
- package/dist/emotion/cjs/components/LinkButton/variations/_disabled/base.js +2 -1
- package/dist/emotion/cjs/components/_beta/Popover/Popover.js +18 -6
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.js +8 -11
- package/dist/emotion/es/components/LinkButton/variations/_disabled/base.js +2 -1
- package/dist/emotion/es/components/_beta/Popover/Popover.js +6 -6
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.js +3 -6
- package/dist/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/dist/styled-components/cjs/components/LinkButton/variations/_disabled/base.js +4 -2
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.js +16 -4
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.js +6 -9
- package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/dist/styled-components/es/components/LinkButton/variations/_disabled/base.js +4 -2
- package/dist/styled-components/es/components/_beta/Popover/Popover.js +4 -4
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.js +1 -4
- package/dist/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/package.json +6 -6
- package/types/components/LinkButton/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.d.ts +4 -0
- package/types/components/_beta/Popover/Popover.d.ts.map +1 -1
- package/types/components/_beta/Tooltip/Tooltip.d.ts.map +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
6
6
|
|
|
7
7
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
8
8
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/LinkButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../LinkButton.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.linkButtonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n color: var(${tokens.linkButtonColor});\n background: var(${tokens.linkButtonBackgroundColor});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/LinkButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../LinkButton.tokens';\nimport { LoadWrap } from '../../LinkButton.styles';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.linkButtonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n color: var(${tokens.linkButtonColor});\n background: var(${tokens.linkButtonBackgroundColor});\n }\n\n ${LoadWrap} {\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAehB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b3tyeuv[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.b3tyeuv[disabled]:hover,.b3tyeuv[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
1
|
+
.b3tyeuv[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.b3tyeuv[disabled]:hover,.b3tyeuv[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.b3tyeuv[disabled] .lwmk0e5{pointer-events:none;}
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
|
|
227
227
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
228
228
|
|
|
229
|
-
.
|
|
229
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
230
230
|
|
|
231
231
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
232
232
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
54
54
|
|
|
55
55
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
56
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
54
54
|
|
|
55
55
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
56
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
54
54
|
|
|
55
55
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
56
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
58
58
|
|
|
59
|
-
.
|
|
59
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
60
60
|
|
|
61
61
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
62
62
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -178,6 +178,10 @@ var popoverConfig = {
|
|
|
178
178
|
}
|
|
179
179
|
};
|
|
180
180
|
|
|
181
|
+
exports.ARROW_HEIGHT = ARROW_HEIGHT;
|
|
182
|
+
exports.ARROW_PADDING = ARROW_PADDING;
|
|
183
|
+
exports.ARROW_POLYGON = ARROW_POLYGON;
|
|
184
|
+
exports.ARROW_WIDTH = ARROW_WIDTH;
|
|
181
185
|
exports.popoverConfig = popoverConfig;
|
|
182
186
|
exports.popoverRoot = popoverRoot;
|
|
183
187
|
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingFocusManager,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n shift,\n flip,\n FloatingPortal,\n autoUpdate,\n limitShift,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\nimport { Resizable } from '../../_Resizable';\nimport { Slot } from '../../_Slot/Slot';\n\nimport { sizeToIconSize, matchPlacements } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, CloseButton, Wrapper } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, Omit<PopoverProps, 'target'>>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n appearance = 'closeNone',\n children,\n target,\n opened: outerOpened,\n defaultOpened = false,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n flip: outsideFlip = false,\n shift: outsideShift = false,\n offset: outerOffset = 0,\n outsideClick = true,\n resizable = false,\n onResizeStart,\n onResizeEnd,\n onToggle,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n const opened = outerOpened ?? innerOpened;\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setInnerOpened(opened);\n\n if (onToggle) {\n onToggle(opened);\n }\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n outsideShift &&\n shift({\n limiter: limitShift(),\n }),\n outsideFlip && flip(),\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: outsideClick,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <FloatingFocusManager context={context}>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Resizable\n placement={matchPlacements(placement)}\n resizable={resizable}\n onResizeStart={onResizeStart}\n onResizeEnd={onResizeEnd}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.popoverRoot)}\n style={style}\n data-popover-open={opened}\n {...rest}\n >\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n\n {children}\n\n {appearance === 'closeInner' && (\n <CloseButton\n className={classes.popoverCloseIconButton}\n onClick={() => handleToggle(false)}\n >\n <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n </CloseButton>\n )}\n </Wrapper>\n </Resizable>\n </Root>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","_ref$resizable","resizable","onResizeStart","onResizeEnd","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","limiter","limitShift","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","setFloating","_objectSpread","Resizable","matchPlacements","Wrapper","cls","classes","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","popoverConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingFocusManager,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n shift,\n flip,\n FloatingPortal,\n autoUpdate,\n limitShift,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\nimport { Resizable } from '../../_Resizable';\nimport { Slot } from '../../_Slot/Slot';\n\nimport { sizeToIconSize, matchPlacements } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, CloseButton, Wrapper } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nexport const ARROW_WIDTH = 20;\n/* Высота хвостика */\nexport const ARROW_HEIGHT = 8;\n/* SVG хвостика */\nexport const ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nexport const ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, Omit<PopoverProps, 'target'>>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n appearance = 'closeNone',\n children,\n target,\n opened: outerOpened,\n defaultOpened = false,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n flip: outsideFlip = false,\n shift: outsideShift = false,\n offset: outerOffset = 0,\n outsideClick = true,\n resizable = false,\n onResizeStart,\n onResizeEnd,\n onToggle,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n const opened = outerOpened ?? innerOpened;\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setInnerOpened(opened);\n\n if (onToggle) {\n onToggle(opened);\n }\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n outsideShift &&\n shift({\n limiter: limitShift(),\n }),\n outsideFlip && flip(),\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: outsideClick,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <FloatingFocusManager context={context}>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Resizable\n placement={matchPlacements(placement)}\n resizable={resizable}\n onResizeStart={onResizeStart}\n onResizeEnd={onResizeEnd}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.popoverRoot)}\n style={style}\n data-popover-open={opened}\n {...rest}\n >\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n\n {children}\n\n {appearance === 'closeInner' && (\n <CloseButton\n className={classes.popoverCloseIconButton}\n onClick={() => handleToggle(false)}\n >\n <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n </CloseButton>\n )}\n </Wrapper>\n </Resizable>\n </Root>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","_ref$resizable","resizable","onResizeStart","onResizeEnd","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","limiter","limitShift","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","setFloating","_objectSpread","Resizable","matchPlacements","Wrapper","cls","classes","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","popoverConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ var React = require('react');
|
|
|
8
8
|
var cls = require('classnames');
|
|
9
9
|
var react = require('@floating-ui/react');
|
|
10
10
|
var Slot = require('../../_Slot/Slot.js');
|
|
11
|
+
var Popover = require('../Popover/Popover.js');
|
|
11
12
|
var Tooltip_tokens = require('./Tooltip.tokens.js');
|
|
12
13
|
var Tooltip_styles = require('./Tooltip.styles.js');
|
|
13
14
|
|
|
@@ -17,14 +18,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
|
|
|
17
18
|
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
18
19
|
|
|
19
20
|
var _excluded = ["children", "target", "iconSlot", "trigger", "placement", "hasTail", "offset", "delayOpen", "delayClose", "zIndex", "className", "style", "size", "view"];
|
|
20
|
-
/* Ширина хвостика */
|
|
21
|
-
var ARROW_WIDTH = 20;
|
|
22
|
-
/* Высота хвостика */
|
|
23
|
-
var ARROW_HEIGHT = 8;
|
|
24
|
-
/* SVG хвостика */
|
|
25
|
-
var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
26
|
-
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
|
|
27
|
-
var ARROW_PADDING = 16;
|
|
28
21
|
var tooltipRoot = function tooltipRoot(Root) {
|
|
29
22
|
return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
|
|
30
23
|
var children = _ref.children,
|
|
@@ -64,8 +57,8 @@ var tooltipRoot = function tooltipRoot(Root) {
|
|
|
64
57
|
onOpenChange: handleToggle,
|
|
65
58
|
middleware: [hasTail && react.arrow({
|
|
66
59
|
element: arrowRef,
|
|
67
|
-
padding: ARROW_PADDING
|
|
68
|
-
}), react.offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset)]
|
|
60
|
+
padding: Popover.ARROW_PADDING
|
|
61
|
+
}), react.offset((hasTail ? Popover.ARROW_HEIGHT : 0) + outerOffset)]
|
|
69
62
|
}),
|
|
70
63
|
refs = _useFloating.refs,
|
|
71
64
|
floatingStyles = _useFloating.floatingStyles,
|
|
@@ -112,10 +105,10 @@ var tooltipRoot = function tooltipRoot(Root) {
|
|
|
112
105
|
}, rest), iconSlot && /*#__PURE__*/React__default.default.createElement(Tooltip_styles.IconWrapper, null, iconSlot), children, hasTail && /*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
|
|
113
106
|
ref: arrowRef,
|
|
114
107
|
context: context,
|
|
115
|
-
width: ARROW_WIDTH,
|
|
116
|
-
height: ARROW_HEIGHT,
|
|
108
|
+
width: Popover.ARROW_WIDTH,
|
|
109
|
+
height: Popover.ARROW_HEIGHT,
|
|
117
110
|
fill: "var(".concat(Tooltip_tokens.tokens.backgroundColor, ")"),
|
|
118
|
-
d: ARROW_POLYGON
|
|
111
|
+
d: Popover.ARROW_POLYGON
|
|
119
112
|
})))));
|
|
120
113
|
});
|
|
121
114
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n FloatingPortal,\n autoUpdate,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { Slot } from '../../_Slot/Slot';\n\nimport { tokens, classes } from './Tooltip.tokens';\nimport { base, Wrapper, IconWrapper } from './Tooltip.styles';\nimport type { TooltipProps } from './Tooltip.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'target' | 'children' | 'iconSlot'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n children,\n target,\n iconSlot,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n offset: outerOffset = 0,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [opened, setOpened] = useState(false);\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setOpened(opened);\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: true,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.tooltipRoot)}\n style={style}\n data-tooltip-open={opened}\n {...rest}\n >\n {iconSlot && <IconWrapper>{iconSlot}</IconWrapper>}\n\n {children}\n\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n </Wrapper>\n </Root>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","tooltipRoot","Root","forwardRef","_ref","outerRootRef","children","target","iconSlot","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$offset","offset","outerOffset","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","opened","setOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","setFloating","_objectSpread","Wrapper","cls","classes","IconWrapper","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","tooltipConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n FloatingPortal,\n autoUpdate,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { Slot } from '../../_Slot/Slot';\nimport { ARROW_HEIGHT, ARROW_PADDING, ARROW_POLYGON, ARROW_WIDTH } from '../Popover/Popover';\n\nimport { tokens, classes } from './Tooltip.tokens';\nimport { base, Wrapper, IconWrapper } from './Tooltip.styles';\nimport type { TooltipProps } from './Tooltip.types';\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'target' | 'children' | 'iconSlot'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n children,\n target,\n iconSlot,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n offset: outerOffset = 0,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [opened, setOpened] = useState(false);\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setOpened(opened);\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: true,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.tooltipRoot)}\n style={style}\n data-tooltip-open={opened}\n {...rest}\n >\n {iconSlot && <IconWrapper>{iconSlot}</IconWrapper>}\n\n {children}\n\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n </Wrapper>\n </Root>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["tooltipRoot","Root","forwardRef","_ref","outerRootRef","children","target","iconSlot","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$offset","offset","outerOffset","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","opened","setOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","arrow","element","padding","ARROW_PADDING","ARROW_HEIGHT","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","setFloating","_objectSpread","Wrapper","cls","classes","IconWrapper","FloatingArrow","width","ARROW_WIDTH","height","fill","concat","tokens","backgroundColor","d","ARROW_POLYGON","tooltipConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -1059,7 +1059,7 @@
|
|
|
1059
1059
|
|
|
1060
1060
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
1061
1061
|
|
|
1062
|
-
.
|
|
1062
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
1063
1063
|
|
|
1064
1064
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
1065
1065
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
6
6
|
|
|
7
7
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
8
8
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/LinkButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../LinkButton.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.linkButtonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n color: var(${tokens.linkButtonColor});\n background: var(${tokens.linkButtonBackgroundColor});\n }\n }\n`;\n"],"names":["base"],"mappings":"
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../src/components/LinkButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../LinkButton.tokens';\nimport { LoadWrap } from '../../LinkButton.styles';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.linkButtonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n color: var(${tokens.linkButtonColor});\n background: var(${tokens.linkButtonBackgroundColor});\n }\n\n ${LoadWrap} {\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAehB;;;;"}
|
package/dist/css/es/components/LinkButton/variations/_disabled/{base_15bbgfd.css → base_1t2rkpo.css}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b3tyeuv[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.b3tyeuv[disabled]:hover,.b3tyeuv[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
1
|
+
.b3tyeuv[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.b3tyeuv[disabled]:hover,.b3tyeuv[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.b3tyeuv[disabled] .lwmk0e5{pointer-events:none;}
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
|
|
227
227
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
228
228
|
|
|
229
|
-
.
|
|
229
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
230
230
|
|
|
231
231
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
232
232
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
54
54
|
|
|
55
55
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
56
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
54
54
|
|
|
55
55
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
56
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
54
54
|
|
|
55
55
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
56
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
|
58
58
|
|
|
59
|
-
.
|
|
59
|
+
.base_1t2rkpo_b3tyeuv__896730c6[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_1t2rkpo_b3tyeuv__896730c6[disabled]:hover,.base_1t2rkpo_b3tyeuv__896730c6[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1t2rkpo_b3tyeuv__896730c6[disabled] .base_1t2rkpo_lwmk0e5__896730c6{pointer-events:none;}
|
|
60
60
|
|
|
61
61
|
.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
62
62
|
.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingFocusManager,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n shift,\n flip,\n FloatingPortal,\n autoUpdate,\n limitShift,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\nimport { Resizable } from '../../_Resizable';\nimport { Slot } from '../../_Slot/Slot';\n\nimport { sizeToIconSize, matchPlacements } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, CloseButton, Wrapper } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, Omit<PopoverProps, 'target'>>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n appearance = 'closeNone',\n children,\n target,\n opened: outerOpened,\n defaultOpened = false,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n flip: outsideFlip = false,\n shift: outsideShift = false,\n offset: outerOffset = 0,\n outsideClick = true,\n resizable = false,\n onResizeStart,\n onResizeEnd,\n onToggle,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n const opened = outerOpened ?? innerOpened;\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setInnerOpened(opened);\n\n if (onToggle) {\n onToggle(opened);\n }\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n outsideShift &&\n shift({\n limiter: limitShift(),\n }),\n outsideFlip && flip(),\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: outsideClick,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <FloatingFocusManager context={context}>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Resizable\n placement={matchPlacements(placement)}\n resizable={resizable}\n onResizeStart={onResizeStart}\n onResizeEnd={onResizeEnd}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.popoverRoot)}\n style={style}\n data-popover-open={opened}\n {...rest}\n >\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n\n {children}\n\n {appearance === 'closeInner' && (\n <CloseButton\n className={classes.popoverCloseIconButton}\n onClick={() => handleToggle(false)}\n >\n <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n </CloseButton>\n )}\n </Wrapper>\n </Resizable>\n </Root>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","_ref$resizable","resizable","onResizeStart","onResizeEnd","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","limiter","limitShift","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","setFloating","_objectSpread","Resizable","matchPlacements","Wrapper","cls","classes","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","popoverConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingFocusManager,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n shift,\n flip,\n FloatingPortal,\n autoUpdate,\n limitShift,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\nimport { Resizable } from '../../_Resizable';\nimport { Slot } from '../../_Slot/Slot';\n\nimport { sizeToIconSize, matchPlacements } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, CloseButton, Wrapper } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nexport const ARROW_WIDTH = 20;\n/* Высота хвостика */\nexport const ARROW_HEIGHT = 8;\n/* SVG хвостика */\nexport const ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nexport const ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, Omit<PopoverProps, 'target'>>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n appearance = 'closeNone',\n children,\n target,\n opened: outerOpened,\n defaultOpened = false,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n flip: outsideFlip = false,\n shift: outsideShift = false,\n offset: outerOffset = 0,\n outsideClick = true,\n resizable = false,\n onResizeStart,\n onResizeEnd,\n onToggle,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n const opened = outerOpened ?? innerOpened;\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setInnerOpened(opened);\n\n if (onToggle) {\n onToggle(opened);\n }\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n outsideShift &&\n shift({\n limiter: limitShift(),\n }),\n outsideFlip && flip(),\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: outsideClick,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <FloatingFocusManager context={context}>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Resizable\n placement={matchPlacements(placement)}\n resizable={resizable}\n onResizeStart={onResizeStart}\n onResizeEnd={onResizeEnd}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.popoverRoot)}\n style={style}\n data-popover-open={opened}\n {...rest}\n >\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n\n {children}\n\n {appearance === 'closeInner' && (\n <CloseButton\n className={classes.popoverCloseIconButton}\n onClick={() => handleToggle(false)}\n >\n <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n </CloseButton>\n )}\n </Wrapper>\n </Resizable>\n </Root>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","_ref$resizable","resizable","onResizeStart","onResizeEnd","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","limiter","limitShift","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","setFloating","_objectSpread","Resizable","matchPlacements","Wrapper","cls","classes","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","popoverConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
|
|
@@ -4,18 +4,11 @@ import React__default, { forwardRef, useState, useRef } from 'react';
|
|
|
4
4
|
import cls from 'classnames';
|
|
5
5
|
import { useFloating, autoUpdate, arrow, offset, useClick, useFocus, useDismiss, useRole, useHover, safePolygon, useInteractions, FloatingPortal, FloatingArrow } from '@floating-ui/react';
|
|
6
6
|
import { Slot } from '../../_Slot/Slot.js';
|
|
7
|
+
import { ARROW_PADDING, ARROW_HEIGHT, ARROW_WIDTH, ARROW_POLYGON } from '../Popover/Popover.js';
|
|
7
8
|
import { classes, tokens } from './Tooltip.tokens.js';
|
|
8
9
|
import { Wrapper, IconWrapper, base } from './Tooltip.styles.js';
|
|
9
10
|
|
|
10
11
|
var _excluded = ["children", "target", "iconSlot", "trigger", "placement", "hasTail", "offset", "delayOpen", "delayClose", "zIndex", "className", "style", "size", "view"];
|
|
11
|
-
/* Ширина хвостика */
|
|
12
|
-
var ARROW_WIDTH = 20;
|
|
13
|
-
/* Высота хвостика */
|
|
14
|
-
var ARROW_HEIGHT = 8;
|
|
15
|
-
/* SVG хвостика */
|
|
16
|
-
var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
17
|
-
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
|
|
18
|
-
var ARROW_PADDING = 16;
|
|
19
12
|
var tooltipRoot = function tooltipRoot(Root) {
|
|
20
13
|
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
|
21
14
|
var children = _ref.children,
|