@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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport type { ComboboxProps } from '../../../../Combobox.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n\n &:hover {\n color: var(${constants.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n\n & .${classes.selectItemCheckbox} {\n --plasma-checkbox-trigger-size: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n `var(${\n variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n })`};\n }\n`;\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['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.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.
|
1
|
+
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport type { ComboboxProps } from '../../../../Combobox.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n\n &:hover {\n color: var(${constants.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n\n & .${classes.selectItemCheckbox} {\n --plasma-checkbox-trigger-size: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n `var(${\n variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n })`};\n }\n`;\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['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.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.borderRadius});\n user-select: none;\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${constants.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 StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","_exp","StyledCheckbox","styled","name","class","propsAsIs","mergedIndicatorConfig","indicatorConfig","Indicator","_exp12","StyledIndicator","StyledContentLeft","StyledContentRight","DisclosureIconWrapper","_exp20","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp24","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp25","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","StyledText","_exp28","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
|
@@ -5,5 +5,5 @@
|
|
5
5
|
.d198ssfl{line-height:0;color:var(--text-secondary);}.d198ssfl:hover{color:var(--text-secondary-hover);}
|
6
6
|
.iq42uro{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);}.iq42uro .combobox-item-checkbox{--plasma-checkbox-trigger-size:var(--iq42uro-1);--plasma-checkbox-trigger-border-radius:var(--iq42uro-2);}
|
7
7
|
.s96nkq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
8
|
-
.w170raop{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:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-
|
8
|
+
.w170raop{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;}.w170raop:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--surface-transparent-secondary);}.w170raop.dropdown-item-is-active{background-color:var(--surface-transparent-secondary);}.w170raop.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w170raop:focus{outline:none;}.w170raop::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;}.w170raop.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
9
9
|
|
package/cjs/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%;}
|
@@ -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
|
@@ -3,13 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.base = exports.Ul = void 0;
|
6
|
+
exports.base = exports.Ul = exports.StyledArrow = exports.IconArrowWrapper = void 0;
|
7
7
|
var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
|
8
8
|
var _react = /*#__PURE__*/require("@emotion/react");
|
9
|
+
var _Icon = /*#__PURE__*/require("../../_Icon");
|
9
10
|
var _Combobox = /*#__PURE__*/require("./Combobox.tokens");
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
12
|
var Ul = exports.Ul = /*#__PURE__*/(0, _base["default"])("ul", {
|
12
|
-
target: "
|
13
|
+
target: "e17e8k3g2",
|
13
14
|
label: "plasma-new-hope__Ul"
|
14
15
|
})("box-sizing:border-box;background:var(", _Combobox.constants.background, ");box-shadow:", _Combobox.constants.boxShadow, ";border-radius:var(", _Combobox.tokens.borderRadius, ");width:", function (_ref) {
|
15
16
|
var listWidth = _ref.listWidth;
|
@@ -22,6 +23,14 @@ var Ul = exports.Ul = /*#__PURE__*/(0, _base["default"])("ul", {
|
|
22
23
|
return listOverflow || 'initial';
|
23
24
|
}, ";margin:", function (_ref4) {
|
24
25
|
var isInnerUl = _ref4.isInnerUl;
|
25
|
-
return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0
|
26
|
-
}, ";padding:var(", _Combobox.tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
27
|
-
var
|
26
|
+
return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : 0;
|
27
|
+
}, ";padding:var(", _Combobox.tokens.padding, ") 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBJY29uRGlzY2xvc3VyZURvd25DZW50ZXJlZCB9IGZyb20gJy4uLy4uL19JY29uJztcblxuaW1wb3J0IHsgQ29tYm9ib3hQcm9wcyB9IGZyb20gJy4vQ29tYm9ib3gudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMsIGNsYXNzZXMgfSBmcm9tICcuL0NvbWJvYm94LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogQ29tYm9ib3hQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IENvbWJvYm94UHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0V2lkdGg/OiBDb21ib2JveFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gbGlzdEhlaWdodCB8fCAnYXV0byd9O1xuICAgIG92ZXJmbG93OiAkeyh7IGxpc3RPdmVyZmxvdyB9KSA9PiBsaXN0T3ZlcmZsb3cgfHwgJ2luaXRpYWwnfTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIDBgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSkgMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQXJyb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBsaW5lLWhlaWdodDogMDtcbiAgICBjb2xvcjogdmFyKCR7Y29uc3RhbnRzLmRpc2Nsb3N1cmVJY29uQ29sb3J9KTtcblxuICAgIC4ke2NsYXNzZXMuYXJyb3dJbnZlcnNlfSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0xODBkZWcpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZChJY29uRGlzY2xvc3VyZURvd25DZW50ZXJlZClgYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
|
28
|
+
var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
29
|
+
target: "e17e8k3g1",
|
30
|
+
label: "plasma-new-hope__IconArrowWrapper"
|
31
|
+
})("line-height:0;color:var(", _Combobox.constants.disclosureIconColor, ");.", _Combobox.classes.arrowInverse, "{transform:rotate(-180deg);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy9Db21ib2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBDb21ib2JveFByb3BzIH0gZnJvbSAnLi9Db21ib2JveC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cywgY2xhc3NlcyB9IGZyb20gJy4vQ29tYm9ib3gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBDb21ib2JveFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0SGVpZ2h0PzogQ29tYm9ib3hQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IENvbWJvYm94UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiBsaXN0SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMuZGlzY2xvc3VyZUljb25Db2xvcn0pO1xuXG4gICAgLiR7Y2xhc3Nlcy5hcnJvd0ludmVyc2V9IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkKEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkKWBgO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));
|
32
|
+
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _base["default"])(_Icon.IconDisclosureDownCentered, {
|
33
|
+
target: "e17e8k3g0",
|
34
|
+
label: "plasma-new-hope__StyledArrow"
|
35
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNkQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy9Db21ib2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBDb21ib2JveFByb3BzIH0gZnJvbSAnLi9Db21ib2JveC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cywgY2xhc3NlcyB9IGZyb20gJy4vQ29tYm9ib3gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBDb21ib2JveFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0SGVpZ2h0PzogQ29tYm9ib3hQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IENvbWJvYm94UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiBsaXN0SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMuZGlzY2xvc3VyZUljb25Db2xvcn0pO1xuXG4gICAgLiR7Y2xhc3Nlcy5hcnJvd0ludmVyc2V9IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkKEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkKWBgO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */");
|
36
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy9Db21ib2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBDb21ib2JveFByb3BzIH0gZnJvbSAnLi9Db21ib2JveC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cywgY2xhc3NlcyB9IGZyb20gJy4vQ29tYm9ib3gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBDb21ib2JveFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0SGVpZ2h0PzogQ29tYm9ib3hQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IENvbWJvYm94UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiBsaXN0SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMuZGlzY2xvc3VyZUljb25Db2xvcn0pO1xuXG4gICAgLiR7Y2xhc3Nlcy5hcnJvd0ludmVyc2V9IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkKEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkKWBgO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));
|
@@ -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
|
});
|