@salutejs/plasma-new-hope 0.231.1-dev.0 → 0.232.0-canary.1650.12478253360.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/cjs/components/Combobox/ComboboxOld/Combobox.css +6 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
- package/cjs/components/Dropdown/Dropdown.css +8 -7
- package/cjs/components/Dropdown/Dropdown.tokens.js +3 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +8 -7
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +44 -13
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_z6xd28.css +7 -0
- package/cjs/components/_Icon/IconRoot.js +6 -3
- package/cjs/components/_Icon/IconRoot.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRight.js +6 -3
- package/cjs/components/_Icon/Icons/IconDisclosureRight.js.map +1 -1
- package/cjs/index.css +6 -5
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +3 -0
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +40 -17
- package/emotion/cjs/components/_Icon/IconRoot.js +9 -4
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureRight.js +8 -3
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +3 -0
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -3
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +39 -16
- package/emotion/es/components/_Icon/IconRoot.js +9 -4
- package/emotion/es/components/_Icon/Icons/IconDisclosureRight.js +8 -3
- package/es/components/Combobox/ComboboxOld/Combobox.css +6 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +8 -7
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +8 -7
- package/es/components/Dropdown/Dropdown.css +8 -7
- package/es/components/Dropdown/Dropdown.tokens.js +3 -0
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +8 -7
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +8 -7
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +44 -14
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_z6xd28.css +7 -0
- package/es/components/_Icon/IconRoot.js +6 -3
- package/es/components/_Icon/IconRoot.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureRight.js +6 -3
- package/es/components/_Icon/Icons/IconDisclosureRight.js.map +1 -1
- package/es/index.css +6 -5
- package/package.json +2 -2
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +3 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +33 -11
- package/styled-components/cjs/components/_Icon/IconRoot.js +8 -3
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRight.js +8 -3
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +3 -0
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +2 -3
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +32 -10
- package/styled-components/es/components/_Icon/IconRoot.js +8 -3
- package/styled-components/es/components/_Icon/Icons/IconDisclosureRight.js +8 -3
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +3 -0
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -0
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/_Icon/IconRoot.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconDisclosureRight.d.ts +2 -2
- package/types/components/_Icon/Icons/IconDisclosureRight.d.ts.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_14yih1y.css +0 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_14yih1y.css +0 -6
|
@@ -10,8 +10,6 @@
|
|
|
10
10
|
|
|
11
11
|
.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
|
|
12
12
|
|
|
13
|
-
.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);}
|
|
14
|
-
|
|
15
13
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
|
16
14
|
|
|
17
15
|
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
|
@@ -28,12 +26,15 @@
|
|
|
28
26
|
|
|
29
27
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
30
28
|
|
|
31
|
-
.
|
|
29
|
+
.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);}
|
|
30
|
+
|
|
31
|
+
.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
32
32
|
|
|
33
|
-
.
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
33
|
+
.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
|
|
34
|
+
.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
35
|
+
.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
36
|
+
.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
37
|
+
.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
37
38
|
|
|
38
39
|
.DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
|
|
39
40
|
.DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
|
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
|
|
9
9
|
|
|
10
|
-
.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);}
|
|
11
|
-
|
|
12
10
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
|
13
11
|
|
|
14
12
|
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
|
@@ -25,12 +23,15 @@
|
|
|
25
23
|
|
|
26
24
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
27
25
|
|
|
28
|
-
.
|
|
26
|
+
.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);}
|
|
27
|
+
|
|
28
|
+
.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
29
29
|
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
30
|
+
.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
|
|
31
|
+
.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
32
|
+
.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
33
|
+
.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
34
|
+
.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
34
35
|
|
|
35
36
|
.DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
|
|
36
37
|
.DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
|
|
@@ -78,6 +78,9 @@ var tokens = {
|
|
|
78
78
|
itemFontLineHeight: '--plasma-dropdown-item-font-weight',
|
|
79
79
|
itemPadding: '--plasma-dropdown-item-padding',
|
|
80
80
|
itemPaddingTight: '--plasma-dropdown-item-padding-tight',
|
|
81
|
+
itemGap: '--plasma-dropdown-item-gap',
|
|
82
|
+
itemGapTight: '--plasma-dropdown-item-gap-tight',
|
|
83
|
+
itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',
|
|
81
84
|
cellPadding: '--plasma-dropdown-cell-padding',
|
|
82
85
|
cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',
|
|
83
86
|
cellPaddingContent: '--plasma-dropdown-cell-padding-content',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownRoot: 'dropdown-root',\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n borderRadius: '--plasma-dropdown-border-radius',\n padding: '--plasma-dropdown-padding',\n disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n borderColor: '--plasma-dropdown-border-color',\n borderWidth: '--plasma-dropdown-border-width',\n focusColor: '--plasma-dropdown-focus-color', // Old\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n itemColor: '--plasma-dropdown-item-color', // Old\n itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemWidth: '--plasma-dropdown-item-width', // Old\n itemHeight: '--plasma-dropdown-item-height', // Old\n itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n itemPadding: '--plasma-dropdown-item-padding',\n itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n\n cellPadding: '--plasma-dropdown-cell-padding',\n cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n cellGap: '--plasma-dropdown-cell-gap',\n cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n // TODO: Remove below tokens as soon as they are no longer needed\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n background: '--surface-solid-card-brightness',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n disclosureIconColor: '--text-secondary',\n itemBackground: '--plasma-colors-transparent',\n opacity: '0.4',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","borderColor","borderWidth","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemPadding","itemPaddingTight","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.tokens.js","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownRoot: 'dropdown-root',\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n dropdownItemIsSelected: 'dropdown-item-is-selected',\n};\n\nexport const tokens = {\n background: '--plasma-dropdown-background',\n boxShadow: '--plasma-dropdown-box-shadow',\n width: '--plasma-dropdown-width',\n borderRadius: '--plasma-dropdown-border-radius',\n padding: '--plasma-dropdown-padding',\n disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',\n disabledOpacity: '--plasma-dropdown-disabled-opacity',\n borderColor: '--plasma-dropdown-border-color',\n borderWidth: '--plasma-dropdown-border-width',\n focusColor: '--plasma-dropdown-focus-color', // Old\n\n dividerColor: '--plasma-dropdown-divider-color',\n dividerMarginTop: '--plasma-dropdown-divider-margin-top',\n dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',\n dividerMarginRight: '--plasma-dropdown-divider-margin-right',\n dividerMarginBottom: '--plasma-dropdown-divider-margin-bottom',\n dividerMarginBottomTight: '--plasma-dropdown-divider-margin-bottom-tight',\n dividerMarginLeft: '--plasma-dropdown-divider-margin-left',\n\n itemBackground: '--plasma-dropdown-item-background',\n itemBackgroundHover: '--plasma-dropdown-item-background-hover',\n itemBackgroundSelected: '--plasma-dropdown-item-background-selected', // Old\n itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover', // Old\n itemColor: '--plasma-dropdown-item-color', // Old\n itemColorSelected: '--plasma-dropdown-item-color-selected', // Old\n itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover', // Old\n itemBorderRadius: '--plasma-dropdown-item-border-radius',\n itemWidth: '--plasma-dropdown-item-width', // Old\n itemHeight: '--plasma-dropdown-item-height', // Old\n itemMarginTop: '--plasma-dropdown-item-margin-top', // Old\n itemMarginRight: '--plasma-dropdown-item-margin-right', // Old\n itemMarginBottom: '--plasma-dropdown-item-margin-bottom', // Old\n itemMarginLeft: '--plasma-dropdown-item-margin-left', // Old\n itemPaddingTop: '--plasma-dropdown-item-padding-top', // Old\n itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight', // Old\n itemPaddingRight: '--plasma-dropdown-item-padding-right', // Old\n itemPaddingBottom: '--plasma-dropdown-item-padding-bottom', // Old\n itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight', // Old\n itemPaddingLeft: '--plasma-dropdown-item-padding-left', // Old\n itemContentLeftWidth: '--plasma-dropdown-item-content-left-width', // Old\n itemContentLeftColor: '--plasma-dropdown-item-content-left-color', // Old\n itemContentRightWidth: '--plasma-dropdown-item-content-right-width', // Old\n itemContentRightColor: '--plasma-dropdown-item-content-right-color', // Old\n itemFontFamily: '--plasma-dropdown-item-font-family',\n itemFontSize: '--plasma-dropdown-item-font-size',\n itemFontStyle: '--plasma-dropdown-item-font-style',\n itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-dropdown-item-line-height',\n itemFontLineHeight: '--plasma-dropdown-item-font-weight',\n itemPadding: '--plasma-dropdown-item-padding',\n itemPaddingTight: '--plasma-dropdown-item-padding-tight',\n itemGap: '--plasma-dropdown-item-gap',\n itemGapTight: '--plasma-dropdown-item-gap-tight',\n itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',\n\n cellPadding: '--plasma-dropdown-cell-padding',\n cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',\n cellPaddingContent: '--plasma-dropdown-cell-padding-content',\n cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',\n cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',\n cellGap: '--plasma-dropdown-cell-gap',\n cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',\n cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',\n cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',\n cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',\n\n // TODO: Remove below tokens as soon as they are no longer needed\n footerBackground: '--plasma-dropdown-footer-background',\n footerWidth: '--plasma-dropdown-footer-width',\n footerHeight: '--plasma-dropdown-footer-height',\n footerPaddingTop: '--plasma-dropdown-footer-padding-top',\n footerPaddingRight: '--plasma-dropdown-footer-padding-right',\n footerPaddingBottom: '--plasma-dropdown-footer-padding-bottom',\n footerPaddingLeft: '--plasma-dropdown-footer-padding-left',\n footerMarginTop: '--plasma-dropdown-footer-margin-top',\n footerMarginRight: '--plasma-dropdown-footer-margin-right',\n footerMarginBottom: '--plasma-dropdown-footer-margin-bottom',\n footerMarginLeft: '--plasma-dropdown-footer-margin-left',\n footerFontFamily: '--plasma-dropdown-footer-font-family',\n footerFontSize: '--plasma-dropdown-footer-font-size',\n footerFontStyle: '--plasma-dropdown-footer-font-style',\n footerFontWeightBold: '--plasma-dropdown-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-dropdown-footer-line-height',\n footerFontLineHeight: '--plasma-dropdown-footer-font-weight',\n\n headerBackground: '--plasma-dropdown-header-background',\n headerWidth: '--plasma-dropdown-header-width',\n headerHeight: '--plasma-dropdown-header-height',\n headerPaddingTop: '--plasma-dropdown-header-padding-top',\n headerPaddingRight: '--plasma-dropdown-header-padding-right',\n headerPaddingBottom: '--plasma-dropdown-header-padding-bottom',\n headerPaddingLeft: '--plasma-dropdown-header-padding-left',\n headerMarginTop: '--plasma-dropdown-header-margin-top',\n headerMarginRight: '--plasma-dropdown-header-margin-right',\n headerMarginBottom: '--plasma-dropdown-header-margin-bottom',\n headerMarginLeft: '--plasma-dropdown-header-margin-left',\n headerFontFamily: '--plasma-dropdown-header-font-family',\n headerFontSize: '--plasma-dropdown-header-font-size',\n headerFontStyle: '--plasma-dropdown-header-font-style',\n headerFontWeightBold: '--plasma-dropdown-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-dropdown-header-line-height',\n headerFontLineHeight: '--plasma-dropdown-header-font-weight',\n\n dividerWidth: '--plasma-dropdown-divider-width',\n dividerHeight: '--plasma-dropdown-divider-height',\n\n groupBackground: '--plasma-dropdown-group-background',\n groupWidth: '--plasma-dropdown-group-width',\n groupHeight: '--plasma-dropdown-group-height',\n groupPaddingTop: '--plasma-dropdown-group-padding-top',\n groupPaddingRight: '--plasma-dropdown-group-padding-right',\n groupPaddingBottom: '--plasma-dropdown-group-padding-bottom',\n groupPaddingLeft: '--plasma-dropdown-group-padding-left',\n groupMarginTop: '--plasma-dropdown-group-margin-top',\n groupMarginRight: '--plasma-dropdown-group-margin-right',\n groupMarginBottom: '--plasma-dropdown-group-margin-bottom',\n groupMarginLeft: '--plasma-dropdown-group-margin-left',\n groupLabelColor: '--plasma-dropdown-group-label-color',\n groupLabelFontFamily: '--plasma-dropdown-group-label-font-family',\n groupLabelFontSize: '--plasma-dropdown-group-label-font-size',\n groupLabelFontStyle: '--plasma-dropdown-group-label-font-style',\n groupLabelFontWeight: '--plasma-dropdown-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-dropdown-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-dropdown-group-label-line-height',\n groupLabelPaddingTop: '--plasma-dropdown-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-dropdown-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-dropdown-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-dropdown-group-label-padding-left',\n groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',\n groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n background: '--surface-solid-card-brightness',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n disclosureIconColor: '--text-secondary',\n itemBackground: '--plasma-colors-transparent',\n opacity: '0.4',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownRoot","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","dropdownItemIsSelected","tokens","background","boxShadow","width","borderRadius","padding","disclosureIconColor","disabledOpacity","borderColor","borderWidth","focusColor","dividerColor","dividerMarginTop","dividerMarginTopTight","dividerMarginRight","dividerMarginBottom","dividerMarginBottomTight","dividerMarginLeft","itemBackground","itemBackgroundHover","itemBackgroundSelected","itemBackgroundSelectedHover","itemColor","itemColorSelected","itemColorSelectedHover","itemBorderRadius","itemWidth","itemHeight","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemPaddingTop","itemPaddingTopTight","itemPaddingRight","itemPaddingBottom","itemPaddingBottomTight","itemPaddingLeft","itemContentLeftWidth","itemContentLeftColor","itemContentRightWidth","itemContentRightColor","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemPadding","itemPaddingTight","itemGap","itemGapTight","itemDisclosureIconSize","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerWidth","dividerHeight","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft"],"mappings":"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"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
.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);}
|
|
2
|
-
|
|
3
1
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
|
4
2
|
|
|
5
3
|
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
|
@@ -16,12 +14,15 @@
|
|
|
16
14
|
|
|
17
15
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
18
16
|
|
|
19
|
-
.
|
|
17
|
+
.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);}
|
|
18
|
+
|
|
19
|
+
.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
20
20
|
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
21
|
+
.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
|
|
22
|
+
.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
23
|
+
.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
24
|
+
.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
25
|
+
.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
25
26
|
|
|
26
27
|
.Dropdown_styles_1ljmphy_un7uamp__8526f7b0{box-sizing:border-box;width:var(--un7uamp-0);max-height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow:var(--un7uamp-3);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
|
|
27
28
|
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
.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);}
|
|
2
|
-
|
|
3
1
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
|
4
2
|
|
|
5
3
|
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
|
@@ -16,9 +14,12 @@
|
|
|
16
14
|
|
|
17
15
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
|
18
16
|
|
|
19
|
-
.
|
|
17
|
+
.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);}
|
|
18
|
+
|
|
19
|
+
.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
20
20
|
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
21
|
+
.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
|
|
22
|
+
.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
23
|
+
.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
24
|
+
.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
25
|
+
.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
@@ -3,9 +3,8 @@ import React, { useRef, useContext, useEffect } from 'react';
|
|
|
3
3
|
import { classes } from '../../Dropdown.tokens.js';
|
|
4
4
|
import { cx } from '../../../../utils/index.js';
|
|
5
5
|
import { Context } from '../../Dropdown.context.js';
|
|
6
|
-
import { Divider, Wrapper, RenderItemWrapper, CellWrapper, StyledCell, DisclosureIconWrapper } from './DropdownItem.styles.js';
|
|
6
|
+
import { Divider, Wrapper, RenderItemWrapper, CellWrapper, StyledCell, DisclosureIconWrapper, StyledIconDisclosureRight } from './DropdownItem.styles.js';
|
|
7
7
|
import { getItemId } from '../../utils/getItemId.js';
|
|
8
|
-
import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
|
|
9
8
|
|
|
10
9
|
var _excluded = ["value", "label", "disabled", "isDisabled", "contentLeft", "contentRight", "dividerBefore", "dividerAfter", "className"];
|
|
11
10
|
var DropdownItem = function DropdownItem(_ref) {
|
|
@@ -97,7 +96,7 @@ var DropdownItem = function DropdownItem(_ref) {
|
|
|
97
96
|
alignContentLeft: "center",
|
|
98
97
|
alignContentRight: "center",
|
|
99
98
|
title: label
|
|
100
|
-
})), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(
|
|
99
|
+
})), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(StyledIconDisclosureRight, {
|
|
101
100
|
size: disclosureIconSize,
|
|
102
101
|
color: "inherit"
|
|
103
102
|
}))), dividerAfter && /*#__PURE__*/React.createElement(Divider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport {
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n Wrapper,\n DisclosureIconWrapper,\n Divider,\n CellWrapper,\n StyledCell,\n RenderItemWrapper,\n StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n}) => {\n const {\n value,\n label,\n disabled,\n isDisabled,\n contentLeft,\n contentRight,\n dividerBefore,\n dividerAfter,\n className,\n ...rest\n } = item;\n\n const ref = useRef<HTMLLIElement | null>(null);\n\n const {\n focusedPath,\n size,\n variant,\n itemRole,\n handleGlobalToggle,\n closeOnSelect,\n onHover,\n onItemSelect,\n onItemClick,\n hasArrow,\n treeId,\n renderItem,\n } = useContext(Context);\n\n const hasDescendants = Boolean(item.items);\n const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n if (disabled || isDisabled) {\n return;\n }\n\n if (onItemSelect) {\n onItemSelect(item, event);\n }\n\n if (onItemClick) {\n onItemClick(item, event);\n }\n\n // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n if (closeOnSelect && !hasDescendants) {\n handleGlobalToggle(false, event);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <>\n {dividerBefore && <Divider variant={variant} />}\n\n <Wrapper\n {...rest}\n ref={ref}\n className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n id={getItemId(treeId, value.toString())}\n role={itemRole}\n onClick={handleClick}\n onMouseEnter={handleHover}\n variant={variant}\n aria-disabled={disabled || isDisabled}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n >\n {renderItem ? (\n <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n ) : (\n <CellWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n alignContentLeft=\"center\"\n alignContentRight=\"center\"\n title={label}\n />\n </CellWrapper>\n )}\n\n {item.items && hasArrow && (\n <DisclosureIconWrapper>\n <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {dividerAfter && <Divider variant={variant} />}\n </>\n );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import './DropdownItem.
|
|
1
|
+
import './DropdownItem.styles_z6xd28.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { tokens } from '../../Dropdown.tokens.js';
|
|
4
|
+
import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
|
|
4
5
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
|
5
6
|
import { cellConfig } from '../../../Cell/Cell.js';
|
|
6
7
|
|
|
@@ -25,45 +26,74 @@ var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
|
|
|
25
26
|
propsAsIs: false
|
|
26
27
|
});
|
|
27
28
|
var _exp31 = function _exp31() {
|
|
29
|
+
return IconDisclosureRight;
|
|
30
|
+
};
|
|
31
|
+
var _exp33 = function _exp33() {
|
|
28
32
|
return function (_ref) {
|
|
29
|
-
var
|
|
30
|
-
|
|
33
|
+
var _ref$size = _ref.size,
|
|
34
|
+
size = _ref$size === void 0 ? 'xs' : _ref$size;
|
|
35
|
+
return "var(".concat(tokens.itemDisclosureIconSize, ", ").concat({
|
|
36
|
+
xs: "1rem",
|
|
37
|
+
s: "1.5rem",
|
|
38
|
+
m: "2rem"
|
|
39
|
+
}[size], ")");
|
|
31
40
|
};
|
|
32
41
|
};
|
|
33
|
-
var
|
|
42
|
+
var StyledIconDisclosureRight = /*#__PURE__*/styled(_exp31())({
|
|
43
|
+
name: "StyledIconDisclosureRight",
|
|
44
|
+
"class": "soib72h",
|
|
45
|
+
propsAsIs: true,
|
|
46
|
+
vars: {
|
|
47
|
+
"soib72h-0": [/*#__PURE__*/_exp33()]
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
var _exp34 = function _exp34() {
|
|
34
51
|
return function (_ref2) {
|
|
35
52
|
var variant = _ref2.variant;
|
|
53
|
+
return "var(".concat(variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop, ")");
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
var _exp36 = function _exp36() {
|
|
57
|
+
return function (_ref3) {
|
|
58
|
+
var variant = _ref3.variant;
|
|
36
59
|
return "var(".concat(variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom, ")");
|
|
37
60
|
};
|
|
38
61
|
};
|
|
39
62
|
var Divider = /*#__PURE__*/styled('div')({
|
|
40
63
|
name: "Divider",
|
|
41
|
-
"class": "
|
|
64
|
+
"class": "d6l2f0g",
|
|
42
65
|
propsAsIs: false,
|
|
43
66
|
vars: {
|
|
44
|
-
"
|
|
45
|
-
"
|
|
67
|
+
"d6l2f0g-0": [/*#__PURE__*/_exp34()],
|
|
68
|
+
"d6l2f0g-1": [/*#__PURE__*/_exp36()]
|
|
46
69
|
}
|
|
47
70
|
});
|
|
48
|
-
var
|
|
49
|
-
return function (
|
|
50
|
-
var variant =
|
|
71
|
+
var _exp39 = function _exp39() {
|
|
72
|
+
return function (_ref4) {
|
|
73
|
+
var variant = _ref4.variant;
|
|
74
|
+
return "var(".concat(variant === 'tight' ? tokens.itemGapTight : tokens.itemGap, ")");
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
var _exp42 = function _exp42() {
|
|
78
|
+
return function (_ref5) {
|
|
79
|
+
var variant = _ref5.variant;
|
|
51
80
|
return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
|
|
52
81
|
};
|
|
53
82
|
};
|
|
54
83
|
var Wrapper = /*#__PURE__*/styled('li')({
|
|
55
84
|
name: "Wrapper",
|
|
56
|
-
"class": "
|
|
85
|
+
"class": "w1jav4ek",
|
|
57
86
|
propsAsIs: false,
|
|
58
87
|
vars: {
|
|
59
|
-
"
|
|
88
|
+
"w1jav4ek-0": [/*#__PURE__*/_exp39()],
|
|
89
|
+
"w1jav4ek-1": [/*#__PURE__*/_exp42()]
|
|
60
90
|
}
|
|
61
91
|
});
|
|
62
92
|
var RenderItemWrapper = /*#__PURE__*/styled('div')({
|
|
63
93
|
name: "RenderItemWrapper",
|
|
64
|
-
"class": "
|
|
94
|
+
"class": "r1fqtjio",
|
|
65
95
|
propsAsIs: false
|
|
66
96
|
});
|
|
67
97
|
|
|
68
|
-
export { CellWrapper, DisclosureIconWrapper, Divider, RenderItemWrapper, StyledCell, Wrapper };
|
|
98
|
+
export { CellWrapper, DisclosureIconWrapper, Divider, RenderItemWrapper, StyledCell, StyledIconDisclosureRight, Wrapper };
|
|
69
99
|
//# sourceMappingURL=DropdownItem.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background-color: var(${constants.itemBackground});\n border-radius: var(${tokens.borderRadius})
|
|
1
|
+
{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n height: 1px;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n min-height: var(${tokens.itemHeight});\n margin: 0 calc(0.125rem + var(${tokens.borderWidth}, 0rem));\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background-color: var(${constants.itemBackground});\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const RenderItemWrapper = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp31","IconDisclosureRight","_exp33","_ref","_ref$size","size","concat","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp34","_ref2","variant","dividerMarginTopTight","dividerMarginTop","_exp36","_ref3","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp39","_ref4","itemGapTight","itemGap","_exp42","_ref5","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.c1gkzlls{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
|
|
2
|
+
|
|
3
|
+
.d1m97l2m{line-height:0;color:var(--text-secondary);}
|
|
4
|
+
.soib72h{width:var(--soib72h-0);height:var(--soib72h-0);}
|
|
5
|
+
.d6l2f0g{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
|
|
6
|
+
.w1jav4ek{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1jav4ek:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w1jav4ek.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1jav4ek:focus{outline:none;}.w1jav4ek::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.w1jav4ek.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
7
|
+
.r1fqtjio{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import './IconRoot_7pl7ig.css';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { styled } from '@linaria/react';
|
|
4
5
|
|
|
6
|
+
var _excluded = ["icon", "size", "color", "className", "sizeCustomProperty", "sizeCustomValue"];
|
|
5
7
|
var sizeMap = {
|
|
6
8
|
xxs: 1,
|
|
7
9
|
// 16px
|
|
@@ -37,14 +39,15 @@ var IconRoot = function IconRoot(_ref2) {
|
|
|
37
39
|
color = _ref2.color,
|
|
38
40
|
className = _ref2.className,
|
|
39
41
|
sizeCustomProperty = _ref2.sizeCustomProperty,
|
|
40
|
-
sizeCustomValue = _ref2.sizeCustomValue
|
|
42
|
+
sizeCustomValue = _ref2.sizeCustomValue,
|
|
43
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
41
44
|
var c = color || 'var(--text-primary)';
|
|
42
45
|
var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : sizeCustomValue || "".concat(sizeMap[size], "rem");
|
|
43
|
-
return /*#__PURE__*/React.createElement(StyledRoot, {
|
|
46
|
+
return /*#__PURE__*/React.createElement(StyledRoot, _extends({
|
|
44
47
|
"aria-hidden": true,
|
|
45
48
|
w: w,
|
|
46
49
|
className: className
|
|
47
|
-
}, /*#__PURE__*/React.createElement(IconComponent, {
|
|
50
|
+
}, rest), /*#__PURE__*/React.createElement(IconComponent, {
|
|
48
51
|
color: c,
|
|
49
52
|
size: size
|
|
50
53
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n xxs: 1, // 16px\n xs: 1, // 16px\n s: 1.5, // 24px\n m: 2.25, // 36px\n l: 2.75, // 44px\n xl: 3.5, // 56px\n xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n size?: IconSize;\n color?: string;\n className?: string;\n /*\n * Прорпс, который принимает название css-переменной.\n * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n * @example\n * const token = '--plasma-icon-size';\n * ...\n * <Icon sizeCustomProperty={token} {...rest}/>\n */\n sizeCustomProperty?: string;\n /*\n * Прорпс, который принимает значение ширины иконки\n * В значении может быть как rem, так и другая единица измерения.\n * @example\n * <Icon sizeCustomValue=\"1.5rem\" {...rest}/>\n */\n sizeCustomValue?: string;\n}\n\ninterface IconRootProps extends IconProps {\n size: IconSize;\n icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n display: inline-flex;\n width: ${({ w }) => w};\n height: ${({ w }) => w};\n flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n icon: IconComponent,\n size,\n color,\n className,\n sizeCustomProperty,\n sizeCustomValue,\n}) => {\n const c = color || 'var(--text-primary)';\n\n const w = sizeCustomProperty ? `var(${sizeCustomProperty})` : sizeCustomValue || `${sizeMap[size]}rem`;\n\n return (\n <StyledRoot aria-hidden w={w} className={className}>\n <IconComponent color={c} size={size} />\n </StyledRoot>\n );\n};\n"],"names":["sizeMap","xxs","xs","s","m","l","xl","xxl","_exp3","_ref","w","StyledRoot","styled","name","class","propsAsIs","vars","IconRoot","_ref2","IconComponent","icon","size","color","className","sizeCustomProperty","sizeCustomValue","c","concat","React","createElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n xxs: 1, // 16px\n xs: 1, // 16px\n s: 1.5, // 24px\n m: 2.25, // 36px\n l: 2.75, // 44px\n xl: 3.5, // 56px\n xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n size?: IconSize;\n color?: string;\n className?: string;\n /*\n * Прорпс, который принимает название css-переменной.\n * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n * @example\n * const token = '--plasma-icon-size';\n * ...\n * <Icon sizeCustomProperty={token} {...rest}/>\n */\n sizeCustomProperty?: string;\n /*\n * Прорпс, который принимает значение ширины иконки\n * В значении может быть как rem, так и другая единица измерения.\n * @example\n * <Icon sizeCustomValue=\"1.5rem\" {...rest}/>\n */\n sizeCustomValue?: string;\n}\n\ninterface IconRootProps extends IconProps {\n size: IconSize;\n icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n display: inline-flex;\n width: ${({ w }) => w};\n height: ${({ w }) => w};\n flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n icon: IconComponent,\n size,\n color,\n className,\n sizeCustomProperty,\n sizeCustomValue,\n ...rest\n}) => {\n const c = color || 'var(--text-primary)';\n\n const w = sizeCustomProperty ? `var(${sizeCustomProperty})` : sizeCustomValue || `${sizeMap[size]}rem`;\n\n return (\n <StyledRoot aria-hidden w={w} className={className} {...rest}>\n <IconComponent color={c} size={size} />\n </StyledRoot>\n );\n};\n"],"names":["sizeMap","xxs","xs","s","m","l","xl","xxl","_exp3","_ref","w","StyledRoot","styled","name","class","propsAsIs","vars","IconRoot","_ref2","IconComponent","icon","size","color","className","sizeCustomProperty","sizeCustomValue","rest","c","concat","React","createElement","_extends"],"mappings":";;;;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,GAAG,EAAE,CAAC;AAAE;AACRC,EAAAA,EAAE,EAAE,CAAC;AAAE;AACPC,EAAAA,CAAC,EAAE,GAAG;AAAE;AACRC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,EAAE,EAAE,GAAG;AAAE;EACTC,GAAG,EAAE,IAAI;AACb,CAAC,CAAA;AA6BA,IAAAC,KAAA,GAvCiBA,SAuCjBA,KAAAA,GAAA;AAAA,EAAA,OAMe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,CAAAA,GAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAAAA,IAAAA,OAAQA,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ5B,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAITR,KAAY,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3B,CAAA,CAAA;IAEYS,QAAiC,GAAGA,SAApCA,QAAiCA,CAAAC,KAAA,EAQxC;AAAA,EAAA,IAPIC,aAAa,GAAAD,KAAA,CAAnBE,IAAI;IACJC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IACJC,KAAK,GAAAJ,KAAA,CAALI,KAAK;IACLC,SAAS,GAAAL,KAAA,CAATK,SAAS;IACTC,kBAAkB,GAAAN,KAAA,CAAlBM,kBAAkB;IAClBC,eAAe,GAAAP,KAAA,CAAfO,eAAe;AACZC,IAAAA,IAAAA,GAAAA,wBAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,EAAA,IAAMC,CAAC,GAAGL,KAAK,IAAI,qBAAqB,CAAA;AAExC,EAAA,IAAMZ,CAAC,GAAGc,kBAAkB,GAAAI,MAAAA,CAAAA,MAAA,CAAUJ,kBAAmB,EAAA,GAAA,CAAA,GAAKC,eAAe,IAAA,EAAA,CAAAG,MAAA,CAAO5B,OAAO,CAACqB,IAAI,CAAE,EAAI,KAAA,CAAA,CAAA;AAEtG,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAACnB,UAAU,EAAAoB,QAAA,CAAA;IAAC,aAAW,EAAA,IAAA;AAACrB,IAAAA,CAAC,EAAEA,CAAE;AAACa,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAAKG,IAAI,CACxDG,eAAAA,KAAA,CAAAC,aAAA,CAACX,aAAa,EAAA;AAACG,IAAAA,KAAK,EAAEK,CAAE;AAACN,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,CAC5B,CAAC,CAAA;AAErB;;;;"}
|