@salutejs/plasma-new-hope 0.134.0-canary.1406.10618736962.0 → 0.134.0-canary.1406.10628421547.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +13 -11
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +8 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +20 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_1qdehsi.css → Combobox.styles_1vz3bs3.css} +3 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +7 -3
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -10
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +11 -9
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1xvzo7u.css → Item.styles_1r74f3r.css} +1 -1
- package/cjs/index.css +11 -9
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -15
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +14 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +7 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +10 -10
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +9 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +14 -5
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +8 -4
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +10 -10
- package/es/components/Combobox/ComboboxNew/Combobox.css +13 -11
- package/es/components/Combobox/ComboboxNew/Combobox.js +9 -3
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +19 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_1qdehsi.css → Combobox.styles_1vz3bs3.css} +3 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +8 -4
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -10
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +11 -9
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1xvzo7u.css → Item.styles_1r74f3r.css} +1 -1
- package/es/index.css +11 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -15
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +7 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +9 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -3
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +8 -4
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +2 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
package/es/index.css
CHANGED
@@ -460,19 +460,21 @@
|
|
460
460
|
.ComboboxTarget_styles_xnedmz_s1yutr1r__6baf80eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-old-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
461
461
|
.ComboboxTarget_styles_xnedmz_slnmjcp__6baf80eb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;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;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-old-target-label-color);font-family:var(--plasma-combobox-old-target-font-family);font-size:var(--plasma-combobox-old-target-font-size);font-style:var(--plasma-combobox-old-target-font-style);font-weight:var(--plasma-combobox-old-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-letter-spacing);line-height:var(--plasma-combobox-old-target-line-height);}
|
462
462
|
|
463
|
-
.
|
464
|
-
.
|
465
|
-
.
|
466
|
-
.
|
467
|
-
.
|
468
|
-
.
|
469
|
-
.
|
470
|
-
.
|
463
|
+
.Item_styles_1r74f3r_s17m41ki__1b60bf8c{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
|
464
|
+
.Item_styles_1r74f3r_safu7u9__1b60bf8c{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
|
465
|
+
.Item_styles_1r74f3r_sabntqz__1b60bf8c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
466
|
+
.Item_styles_1r74f3r_sbva27s__1b60bf8c{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
467
|
+
.Item_styles_1r74f3r_d198ssfl__1b60bf8c{line-height:0;color:var(--text-secondary);}.Item_styles_1r74f3r_d198ssfl__1b60bf8c:hover{color:var(--text-secondary-hover);}
|
468
|
+
.Item_styles_1r74f3r_iq42uro__1b60bf8c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--iq42uro-0);height:var(--iq42uro-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}.Item_styles_1r74f3r_iq42uro__1b60bf8c .Item_styles_1r74f3r_comboboxItemCheckbox__1b60bf8c{--plasma-checkbox-trigger-size:var(--iq42uro-1);--plasma-checkbox-trigger-border-radius:var(--iq42uro-2);}
|
469
|
+
.Item_styles_1r74f3r_s96nkq__1b60bf8c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
470
|
+
.Item_styles_1r74f3r_w170raop__1b60bf8c{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;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w170raop-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_1r74f3r_w170raop__1b60bf8c:hover:not(.Item_styles_1r74f3r_dropdownItemIsDisabled__1b60bf8c){cursor:pointer;background-color:var(--surface-transparent-secondary);}.Item_styles_1r74f3r_w170raop__1b60bf8c.Item_styles_1r74f3r_dropdownItemIsActive__1b60bf8c{background-color:var(--surface-transparent-secondary);}.Item_styles_1r74f3r_w170raop__1b60bf8c.Item_styles_1r74f3r_dropdownItemIsDisabled__1b60bf8c{opacity:0.4;cursor:not-allowed;}.Item_styles_1r74f3r_w170raop__1b60bf8c:focus{outline:none;}.Item_styles_1r74f3r_w170raop__1b60bf8c::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-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1r74f3r_w170raop__1b60bf8c.Item_styles_1r74f3r_dropdownItemIsFocused__1b60bf8c:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
471
471
|
|
472
472
|
|
473
473
|
.Target_styles_1y5ups3_s1wiuml6__7a46cf8a{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}
|
474
474
|
|
475
|
-
.
|
475
|
+
.Combobox_styles_1vz3bs3_uxiiees__39750eb3{box-sizing:border-box;background:var(--surface-solid-card);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-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
|
476
|
+
.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3{line-height:0;color:var(--text-secondary);}.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3 .Combobox_styles_1vz3bs3_arrowInverse__39750eb3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
477
|
+
|
476
478
|
|
477
479
|
|
478
480
|
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.134.0-canary.1406.
|
3
|
+
"version": "0.134.0-canary.1406.10628421547.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -121,5 +121,5 @@
|
|
121
121
|
"react-popper": "2.3.0",
|
122
122
|
"storeon": "3.1.5"
|
123
123
|
},
|
124
|
-
"gitHead": "
|
124
|
+
"gitHead": "d9297236e0481ba129247272269737e92b574cea"
|
125
125
|
}
|
@@ -9,13 +9,15 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
|
|
9
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
10
|
var _utils = /*#__PURE__*/require("../../../utils");
|
11
11
|
var _hooks = /*#__PURE__*/require("../../../hooks");
|
12
|
+
var _utils2 = /*#__PURE__*/require("../../Select/utils");
|
13
|
+
var _Combobox = /*#__PURE__*/require("./Combobox.tokens");
|
12
14
|
var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
|
13
15
|
var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
|
14
|
-
var
|
16
|
+
var _utils3 = /*#__PURE__*/require("./utils");
|
15
17
|
var _ui = /*#__PURE__*/require("./ui");
|
16
18
|
var _reducers = /*#__PURE__*/require("./reducers");
|
17
19
|
var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
|
18
|
-
var
|
20
|
+
var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
|
19
21
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
20
22
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
21
23
|
var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "contentRight", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "filter"];
|
@@ -82,9 +84,9 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
82
84
|
var inputForkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
|
83
85
|
var treeId = (0, _plasmaCore.safeUseId)();
|
84
86
|
var transformedItems = (0, _react.useMemo)(function () {
|
85
|
-
return (0,
|
87
|
+
return (0, _utils3.initialItemsTransform)(items || []);
|
86
88
|
}, [items]);
|
87
|
-
var filteredItems = (0,
|
89
|
+
var filteredItems = (0, _utils3.filterItems)(transformedItems, textValue,
|
88
90
|
// valueToItemMap.get(value as string)?.label as string,
|
89
91
|
filter);
|
90
92
|
|
@@ -189,12 +191,12 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
189
191
|
var checkedCopy = new Map(checked);
|
190
192
|
if (!checkedCopy.get(item.value)) {
|
191
193
|
checkedCopy.set(item.value, true);
|
192
|
-
(0,
|
194
|
+
(0, _utils3.updateDescendants)(item, checkedCopy, true);
|
193
195
|
} else {
|
194
196
|
checkedCopy.set(item.value, false);
|
195
|
-
(0,
|
197
|
+
(0, _utils3.updateDescendants)(item, checkedCopy, false);
|
196
198
|
}
|
197
|
-
(0,
|
199
|
+
(0, _utils3.updateAncestors)(item, checkedCopy);
|
198
200
|
var newValues = [];
|
199
201
|
valueToItemMap.forEach(function (item, key) {
|
200
202
|
if (checkedCopy.get(key)) {
|
@@ -235,7 +237,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
235
237
|
});
|
236
238
|
if (!isCurrentChecked) {
|
237
239
|
checkedCopy.set(item.value, 'done');
|
238
|
-
(0,
|
240
|
+
(0, _utils3.updateSingleAncestors)(item, checkedCopy, 'dot');
|
239
241
|
}
|
240
242
|
setTextValue(isCurrentChecked ? '' : item.label);
|
241
243
|
dispatchPath({
|
@@ -293,18 +295,19 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
293
295
|
if (Array.isArray(value)) {
|
294
296
|
value.forEach(function (val) {
|
295
297
|
checkedCopy.set(val, true);
|
296
|
-
(0,
|
297
|
-
(0,
|
298
|
+
(0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
|
299
|
+
(0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
|
298
300
|
});
|
299
301
|
} else {
|
300
302
|
checkedCopy.set(value, 'done');
|
301
|
-
(0,
|
303
|
+
(0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
|
302
304
|
}
|
303
305
|
}
|
304
306
|
setChecked(checkedCopy);
|
305
307
|
}, [value]);
|
306
308
|
var isCurrentListOpen = Boolean(path[0]);
|
307
309
|
var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
310
|
+
var withArrowInverse = isCurrentListOpen ? _Combobox.classes.arrowInverse : undefined;
|
308
311
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
309
312
|
size: size,
|
310
313
|
view: view,
|
@@ -346,7 +349,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
346
349
|
label: label,
|
347
350
|
placeholder: placeholder,
|
348
351
|
contentLeft: contentLeft,
|
349
|
-
contentRight:
|
352
|
+
contentRight: /*#__PURE__*/_react["default"].createElement(_Combobox2.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledArrow, {
|
353
|
+
color: "inherit",
|
354
|
+
size: (0, _utils2.sizeToIconSize)(size),
|
355
|
+
className: withArrowInverse
|
356
|
+
})),
|
350
357
|
textBefore: textBefore,
|
351
358
|
textAfter: textAfter,
|
352
359
|
onKeyDown: onKeyDown,
|
@@ -355,7 +362,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
355
362
|
"aria-autocomplete": "list",
|
356
363
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
357
364
|
"aria-expanded": isCurrentListOpen,
|
358
|
-
"aria-activedescendant": activeDescendantItemValue ? (0,
|
365
|
+
"aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : ''
|
359
366
|
}, multiple ? {
|
360
367
|
enumerationType: 'chip',
|
361
368
|
chips: getChips(),
|
@@ -372,7 +379,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
372
379
|
labelPlacement: labelPlacement,
|
373
380
|
disabled: disabled,
|
374
381
|
readOnly: readOnly
|
375
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
382
|
+
}, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
|
376
383
|
role: "tree",
|
377
384
|
id: "".concat(treeId, "_tree_level_1"),
|
378
385
|
"aria-multiselectable": Boolean(multiple),
|
@@ -397,7 +404,7 @@ var comboboxConfig = exports.comboboxConfig = {
|
|
397
404
|
name: 'Select',
|
398
405
|
tag: 'div',
|
399
406
|
layout: comboboxRoot,
|
400
|
-
base:
|
407
|
+
base: _Combobox2.base,
|
401
408
|
variations: {
|
402
409
|
view: {
|
403
410
|
css: _base.base
|
@@ -4,14 +4,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.Ul = void 0;
|
7
|
+
exports.base = exports.Ul = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _Icon = /*#__PURE__*/require("../../_Icon");
|
9
10
|
var _Combobox = /*#__PURE__*/require("./Combobox.tokens");
|
10
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
11
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
12
13
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
13
14
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
14
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
|
15
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
|
15
16
|
var listWidth = _ref.listWidth;
|
16
17
|
return listWidth || '100%';
|
17
18
|
}, function (_ref2) {
|
@@ -22,6 +23,12 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
22
23
|
return listOverflow || 'initial';
|
23
24
|
}, function (_ref4) {
|
24
25
|
var isInnerUl = _ref4.isInnerUl;
|
25
|
-
return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0
|
26
|
+
return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : 0;
|
26
27
|
}, _Combobox.tokens.padding);
|
28
|
+
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
|
+
componentId: "plasma-new-hope__sc-2kddkg-1"
|
30
|
+
})(["line-height:0;color:var(", ");.", "{transform:rotate(-180deg);}"], _Combobox.constants.disclosureIconColor, _Combobox.classes.arrowInverse);
|
31
|
+
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
|
32
|
+
componentId: "plasma-new-hope__sc-2kddkg-2"
|
33
|
+
})([""]);
|
27
34
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
@@ -21,11 +21,13 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
|
|
21
21
|
opened = _ref.opened,
|
22
22
|
onToggle = _ref.onToggle,
|
23
23
|
placement = _ref.placement,
|
24
|
-
portal = _ref.portal
|
24
|
+
portal = _ref.portal,
|
25
|
+
_ref$offset = _ref.offset,
|
26
|
+
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
25
27
|
var _useFloating = (0, _react.useFloating)({
|
26
28
|
placement: placement,
|
27
29
|
open: opened,
|
28
|
-
middleware: [(0, _react.flip)({
|
30
|
+
middleware: [(0, _react.offset)(offset), (0, _react.flip)({
|
29
31
|
fallbackAxisSideDirection: 'end'
|
30
32
|
}), (0, _react.shift)(), (0, _react.size)({
|
31
33
|
apply: function apply(_ref2) {
|
@@ -66,6 +68,8 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
|
|
66
68
|
id: portal ? undefined : wrappedId
|
67
69
|
}, /*#__PURE__*/_react2["default"].createElement("div", {
|
68
70
|
ref: refs.setFloating,
|
69
|
-
style: _objectSpread({}, floatingStyles)
|
71
|
+
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
72
|
+
zIndex: 1
|
73
|
+
})
|
70
74
|
}, children)));
|
71
75
|
});
|
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js
CHANGED
@@ -50,10 +50,10 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
|
|
50
50
|
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
51
51
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
52
52
|
componentId: "plasma-new-hope__sc-1n1xg1s-7"
|
53
|
-
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref5) {
|
53
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref5) {
|
54
54
|
var variant = _ref5.variant;
|
55
55
|
return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
|
56
|
-
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.
|
56
|
+
}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
57
57
|
outlineSize: '0.0625rem',
|
58
58
|
outlineOffset: '0',
|
59
59
|
outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),
|
@@ -12,13 +12,15 @@ import React, { forwardRef, useState, useReducer, useMemo, createContext, useLay
|
|
12
12
|
import { safeUseId, useForkRef } from '@salutejs/plasma-core';
|
13
13
|
import { isEmpty } from '../../../utils';
|
14
14
|
import { useOutsideClick } from '../../../hooks';
|
15
|
+
import { sizeToIconSize } from '../../Select/utils';
|
16
|
+
import { classes } from './Combobox.tokens';
|
15
17
|
import { FloatingPopover } from './FloatingPopover';
|
16
18
|
import { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';
|
17
19
|
import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId } from './utils';
|
18
20
|
import { Inner, StyledTextField } from './ui';
|
19
21
|
import { pathReducer, focusedPathReducer } from './reducers';
|
20
22
|
import { getPathMap, getTreeMaps } from './hooks/getPathMaps';
|
21
|
-
import { Ul, base } from './Combobox.styles';
|
23
|
+
import { Ul, base, StyledArrow, IconArrowWrapper } from './Combobox.styles';
|
22
24
|
import { base as viewCSS } from './variations/_view/base';
|
23
25
|
import { base as sizeCSS } from './variations/_size/base';
|
24
26
|
export var Context = /*#__PURE__*/createContext({});
|
@@ -296,6 +298,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
296
298
|
}, [value]);
|
297
299
|
var isCurrentListOpen = Boolean(path[0]);
|
298
300
|
var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
301
|
+
var withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;
|
299
302
|
return /*#__PURE__*/React.createElement(Root, {
|
300
303
|
size: size,
|
301
304
|
view: view,
|
@@ -337,7 +340,11 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
337
340
|
label: label,
|
338
341
|
placeholder: placeholder,
|
339
342
|
contentLeft: contentLeft,
|
340
|
-
contentRight:
|
343
|
+
contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
|
344
|
+
color: "inherit",
|
345
|
+
size: sizeToIconSize(size),
|
346
|
+
className: withArrowInverse
|
347
|
+
})),
|
341
348
|
textBefore: textBefore,
|
342
349
|
textAfter: textAfter,
|
343
350
|
onKeyDown: onKeyDown,
|
@@ -1,9 +1,10 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { css } from 'styled-components';
|
3
|
-
import {
|
3
|
+
import { IconDisclosureDownCentered } from '../../_Icon';
|
4
|
+
import { tokens, constants, classes } from './Combobox.tokens';
|
4
5
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
5
6
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
6
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
7
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
7
8
|
var listWidth = _ref.listWidth;
|
8
9
|
return listWidth || '100%';
|
9
10
|
}, function (_ref2) {
|
@@ -14,6 +15,12 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
14
15
|
return listOverflow || 'initial';
|
15
16
|
}, function (_ref4) {
|
16
17
|
var isInnerUl = _ref4.isInnerUl;
|
17
|
-
return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0
|
18
|
+
return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
|
18
19
|
}, tokens.padding);
|
20
|
+
export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
|
21
|
+
componentId: "plasma-new-hope__sc-2kddkg-1"
|
22
|
+
})(["line-height:0;color:var(", ");.", "{transform:rotate(-180deg);}"], constants.disclosureIconColor, classes.arrowInverse);
|
23
|
+
export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-2kddkg-2"
|
25
|
+
})([""]);
|
19
26
|
export var base = /*#__PURE__*/css([""]);
|
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
5
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
6
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
7
|
-
import { flip, shift, size, useFloating, FloatingPortal } from '@floating-ui/react';
|
7
|
+
import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';
|
8
8
|
import React, { forwardRef } from 'react';
|
9
9
|
import { safeUseId } from '@salutejs/plasma-core';
|
10
10
|
var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
@@ -13,11 +13,13 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
13
13
|
opened = _ref.opened,
|
14
14
|
onToggle = _ref.onToggle,
|
15
15
|
placement = _ref.placement,
|
16
|
-
portal = _ref.portal
|
16
|
+
portal = _ref.portal,
|
17
|
+
_ref$offset = _ref.offset,
|
18
|
+
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
17
19
|
var _useFloating = useFloating({
|
18
20
|
placement: placement,
|
19
21
|
open: opened,
|
20
|
-
middleware: [flip({
|
22
|
+
middleware: [offsetMiddleware(offset), flip({
|
21
23
|
fallbackAxisSideDirection: 'end'
|
22
24
|
}), shift(), size({
|
23
25
|
apply: function apply(_ref2) {
|
@@ -58,7 +60,9 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
58
60
|
id: portal ? undefined : wrappedId
|
59
61
|
}, /*#__PURE__*/React.createElement("div", {
|
60
62
|
ref: refs.setFloating,
|
61
|
-
style: _objectSpread({}, floatingStyles)
|
63
|
+
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
64
|
+
zIndex: 1
|
65
|
+
})
|
62
66
|
}, children)));
|
63
67
|
});
|
64
68
|
export { FloatingPopover };
|
package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js
CHANGED
@@ -43,10 +43,10 @@ export var StyledText = /*#__PURE__*/styled.div.withConfig({
|
|
43
43
|
})(["", ";flex:1;"], /*#__PURE__*/applyEllipsis());
|
44
44
|
export var Wrapper = /*#__PURE__*/styled.li.withConfig({
|
45
45
|
componentId: "plasma-new-hope__sc-1n1xg1s-7"
|
46
|
-
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], tokens.itemHeight, function (_ref5) {
|
46
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], tokens.itemHeight, function (_ref5) {
|
47
47
|
var variant = _ref5.variant;
|
48
48
|
return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
|
49
|
-
}, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, constants.itemBackground, tokens.
|
49
|
+
}, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, constants.itemBackground, tokens.borderRadius, classes.dropdownItemIsDisabled, constants.itemBackgroundHover, classes.dropdownItemIsActive, constants.itemBackgroundHover, classes.dropdownItemIsDisabled, constants.opacity, /*#__PURE__*/addFocus({
|
50
50
|
outlineSize: '0.0625rem',
|
51
51
|
outlineOffset: '0',
|
52
52
|
outlineColor: /*#__PURE__*/"var(".concat(constants.focusColor, ")"),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAoB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,2FAmWtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBArWQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA4X3F,CAAC"}
|
@@ -6,5 +6,7 @@ export declare const Ul: import("@linaria/react").StyledComponent<import("react"
|
|
6
6
|
listWidth?: ComboboxProps['listWidth'];
|
7
7
|
isInnerUl?: boolean | undefined;
|
8
8
|
}>;
|
9
|
+
export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
10
|
+
export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../_Icon/IconRoot").IconProps>;
|
9
11
|
export declare const base: import("@linaria/core").LinariaClassName;
|
10
12
|
//# sourceMappingURL=Combobox.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAezC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAO5B,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,QAAA,MAAM,eAAe,
|
1
|
+
{"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,QAAA,MAAM,eAAe,6FAmDpB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Inner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/Inner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,
|
1
|
+
{"version":3,"file":"Inner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/Inner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqDhC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAKhE,eAAO,MAAM,cAAc,8SAM1B,CAAC;AAKF,eAAO,MAAM,eAAe;;;kDAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAOjC,CAAC;AAEF,eAAO,MAAM,WAAW;aAAyB,aAAa,CAAC,SAAS,CAAC;EAkBxE,CAAC;AAEF,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"Item.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAKhE,eAAO,MAAM,cAAc,8SAM1B,CAAC;AAKF,eAAO,MAAM,eAAe;;;kDAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAOjC,CAAC;AAEF,eAAO,MAAM,WAAW;aAAyB,aAAa,CAAC,SAAS,CAAC;EAkBxE,CAAC;AAEF,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAoDnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAAgB,CAAC"}
|