@salutejs/plasma-new-hope 0.88.0-canary.1233.9439608380.0 → 0.88.0-canary.1233.9449328054.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. package/cjs/components/Select/Select.css +0 -5
  2. package/cjs/components/Select/Select.js +1 -6
  3. package/cjs/components/Select/Select.js.map +1 -1
  4. package/cjs/components/Select/elements/Inner/Inner.css +0 -5
  5. package/cjs/components/Select/elements/Inner/elements/Item/Item.css +0 -5
  6. package/es/components/Select/Select.css +0 -5
  7. package/es/components/Select/Select.js +1 -6
  8. package/es/components/Select/Select.js.map +1 -1
  9. package/es/components/Select/elements/Inner/Inner.css +0 -5
  10. package/es/components/Select/elements/Inner/elements/Item/Item.css +0 -5
  11. package/package.json +2 -2
  12. package/styled-components/cjs/components/Select/Select.js +1 -6
  13. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +14 -2
  14. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +40 -0
  15. package/styled-components/cjs/examples/plasma_web/components/Select/Select.js +17 -0
  16. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +817 -0
  17. package/styled-components/cjs/examples/plasma_web/components/Select/style.css +38 -0
  18. package/styled-components/es/components/Select/Select.js +1 -6
  19. package/styled-components/es/examples/plasma_b2c/components/Select/Select.js +2 -2
  20. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +14 -2
  21. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +34 -0
  22. package/styled-components/es/examples/plasma_web/components/Select/Select.js +6 -0
  23. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +817 -0
  24. package/styled-components/es/examples/plasma_web/components/Select/style.css +38 -0
  25. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +16 -0
  26. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  27. package/types/components/Select/Select.d.ts.map +1 -1
  28. package/types/components/Select/Select.types.d.ts +21 -17
  29. package/types/components/Select/Select.types.d.ts.map +1 -1
  30. package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts +1 -1
  31. package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts.map +1 -1
  32. package/types/examples/plasma_b2c/components/Select/Select.d.ts +18 -2
  33. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  34. package/types/examples/plasma_web/components/Select/Select.config.d.ts +33 -0
  35. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -0
  36. package/types/examples/plasma_web/components/Select/Select.d.ts +81 -0
  37. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -0
@@ -0,0 +1,38 @@
1
+
2
+ .container {
3
+ width: 100%;
4
+ }
5
+
6
+ table {
7
+ border-collapse: collapse;
8
+ box-shadow: 0 0 20px rgba(0,0,0,0.1);
9
+ }
10
+
11
+ th,
12
+ td {
13
+ padding: 15px;
14
+ }
15
+
16
+ th {
17
+ text-align: left;
18
+ }
19
+
20
+ table, th, td {
21
+ border: 1px solid lightgray;
22
+ border-collapse: collapse;
23
+ }
24
+
25
+ thead {
26
+ th {
27
+ background-color: #55608f;
28
+ color: #fff;
29
+ }
30
+ }
31
+
32
+ tbody {
33
+
34
+ td {
35
+ position: relative;
36
+
37
+ }
38
+ }
@@ -15,7 +15,6 @@ import { getPlacements } from '../Dropdown/utils';
15
15
  import { useKeyNavigation } from './hooks/useKeyboardNavigation';
16
16
  import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';
17
17
  import { Inner } from './elements/Inner/Inner';
18
- import { SelectNotFoundContent } from './elements/SelectNotFoundContent/SelectNotFoundContent';
19
18
  import { Target } from './elements/Target/Target';
20
19
  import { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';
21
20
  import { usePathMaps } from './hooks/usePathMaps';
@@ -254,11 +253,7 @@ export var selectRoot = function selectRoot(Root) {
254
253
  }),
255
254
  preventOverflow: false,
256
255
  closeOnOverlayClick: true
257
- }, isEmpty(items) ? notFoundContent || /*#__PURE__*/React.createElement(SelectNotFoundContent, {
258
- description: "\u0414\u043E\u0434\u0435\u043B\u0430\u0442\u044C",
259
- buttonAction: function buttonAction() {},
260
- buttonText: "Label"
261
- }) : /*#__PURE__*/React.createElement(Ul, {
256
+ }, notFoundContent || /*#__PURE__*/React.createElement(Ul, {
262
257
  role: "tree",
263
258
  id: "tree_level_1",
264
259
  listHeight: listHeight,
@@ -2,5 +2,5 @@ import { component, mergeConfig } from '../../../../engines';
2
2
  import { selectConfig, SelectNotFoundContent } from '../../../../components/Select';
3
3
  import { config } from './Select.config';
4
4
  var mergedConfig = /*#__PURE__*/mergeConfig(selectConfig, config);
5
- export var Select = /*#__PURE__*/component(mergedConfig);
6
- export { SelectNotFoundContent };
5
+ var Select = /*#__PURE__*/component(mergedConfig);
6
+ export { Select, SelectNotFoundContent };
@@ -7,7 +7,7 @@ import './style.css';
7
7
 
8
8
  import { WithTheme } from '../../../_helpers';
9
9
 
10
- import { Select } from './Select';
10
+ import { Select, SelectNotFoundContent } from './Select';
11
11
 
12
12
  type StorySelectProps = ComponentProps<typeof Select> & {
13
13
  enableContentLeft?: boolean;
@@ -343,7 +343,19 @@ const EmptyListStory = (args: StorySelectProps) => {
343
343
 
344
344
  return (
345
345
  <div style={{ width: '300px' }}>
346
- <Select {...args} items={[]} value={valueSingle} onChange={setValueSingle} />
346
+ <Select
347
+ {...args}
348
+ items={[]}
349
+ value={valueSingle}
350
+ onChange={setValueSingle}
351
+ notFoundContent={
352
+ <SelectNotFoundContent
353
+ icon={<IconPlaceholder size="s" />}
354
+ description="Description"
355
+ buttonText="Label"
356
+ />
357
+ }
358
+ />
347
359
  </div>
348
360
  );
349
361
  };
@@ -0,0 +1,34 @@
1
+ import { css } from 'styled-components';
2
+ import { selectTokens } from '../../../../components/Select';
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ chipView: 'default',
7
+ size: 'm'
8
+ },
9
+ variations: {
10
+ size: {
11
+ xs: /*#__PURE__*/css(["", ":0.125rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.375rem;", ":2rem;", ":0.75rem 0 0.75rem;", ":0.5rem 0 0.625rem;", ":0.5rem 0 0.25rem;", ":0.375rem;", ":0;", ":0.25rem;", ":1rem;", ":1rem;", ":0.875rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight, selectTokens.notFoundContentPadding, selectTokens.notFoundContentGap),
12
+ s: /*#__PURE__*/css(["", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":0.75rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.375rem;", ":2.5rem;", ":1rem 0 1rem;", ":0.75rem 0 0.875rem;", ":0.75rem 0 0.25rem;", ":0.5rem;", ":0;", ":0.25rem;", ":1.5rem;", ":1rem;", ":1.25rem 0.625rem 0.625rem 0.625rem;", ":0.25rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight, selectTokens.notFoundContentPadding, selectTokens.notFoundContentGap),
13
+ m: /*#__PURE__*/css(["", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.375rem;", ":2.25rem;", ":0.875rem;", ":0.625rem;", ":0.5rem;", ":0rem;", ":1rem;", ":0 -0.125rem 0 0.375rem;", ":0 0 0 0.625rem;", ":3rem;", ":1.25rem 0 1.25rem;", ":0.875rem 0 1rem;", ":0.875rem 0 0.25rem;", ":0.625rem;", ":0.125rem;", ":0.25rem;", ":1.5rem;", ":1.5rem;", ":1.5rem 0.875rem 0.75rem 0.875rem;", ":0.375rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight, selectTokens.notFoundContentPadding, selectTokens.notFoundContentGap),
14
+ l: /*#__PURE__*/css(["", ":0.125rem;", ":0.875rem;", ":0.125rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;", ":0.25rem;", ":0.5rem;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":0 -0.125rem 0 0.5rem;", ":0 0 0 0.75rem;", ":3.5rem;", ":1.5rem 0 1.5rem;", ":1rem 0 1.125rem;", ":1rem 0 0.25rem;", ":0.75rem;", ":0.125rem;", ":0.25rem;", ":1.5rem;", ":1.5rem;", ":1.875rem 1rem 1rem 1rem;", ":0.5rem;"], selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight, selectTokens.notFoundContentPadding, selectTokens.notFoundContentGap)
15
+ },
16
+ view: {
17
+ "default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--inverse-text-primary-active);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary-hover);", ":var(--inverse-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-hover);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
18
+ positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":var(--surface-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
19
+ warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":var(--surface-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
20
+ negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":var(--surface-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);"], selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
21
+ accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
22
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
23
+ clear: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-clear);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
24
+ dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-light-surface-transparent-deep-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
25
+ black: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-solid-default);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-light-surface-solid-default-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
26
+ white: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-text-primary-hover);", ":var(--on-light-text-primary-active);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary-hover);", ":var(--on-light-text-secondary-active);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-dark-surface-solid-default-active);"], selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive)
27
+ },
28
+ chipView: {
29
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-active);"], selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive),
30
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);"], selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive),
31
+ accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);"], selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive)
32
+ }
33
+ }
34
+ };
@@ -0,0 +1,6 @@
1
+ import { component, mergeConfig } from '../../../../engines';
2
+ import { selectConfig, SelectNotFoundContent } from '../../../../components/Select';
3
+ import { config } from './Select.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(selectConfig, config);
5
+ var Select = /*#__PURE__*/component(mergedConfig);
6
+ export { Select, SelectNotFoundContent };