@salutejs/plasma-new-hope 0.78.0-canary.1201.8969250152.0 → 0.78.0-canary.1201.8985207823.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (138) hide show
  1. package/cjs/components/Combobox/Combobox.css +3 -0
  2. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +3 -0
  3. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +3 -0
  4. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +3 -0
  5. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +3 -0
  6. package/cjs/components/Dropdown/Dropdown.css +3 -0
  7. package/cjs/components/Dropdown/Dropdown.js +5 -2
  8. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  9. package/cjs/components/Dropdown/hooks/useHashMaps.js +2 -2
  10. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -1
  11. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +185 -162
  12. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  13. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -1
  14. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  15. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +29 -0
  16. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  17. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  18. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  19. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +99 -0
  20. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  21. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +115 -0
  22. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  23. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +23 -0
  24. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  25. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +9 -0
  26. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  27. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base_x642ct.css +1 -0
  28. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +9 -0
  29. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  30. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base_x642ct.css +1 -0
  31. package/cjs/components/Pagination/Pagination.css +3 -0
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -0
  33. package/cjs/components/Select/Select.css +3 -0
  34. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +3 -0
  35. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +3 -0
  36. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +3 -0
  37. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +3 -0
  38. package/cjs/components/Select/ui/SelectItem/SelectItem.css +3 -0
  39. package/cjs/index.css +3 -0
  40. package/cjs/index.js +5 -0
  41. package/cjs/index.js.map +1 -1
  42. package/es/components/Combobox/Combobox.css +3 -0
  43. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +3 -0
  44. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +3 -0
  45. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +3 -0
  46. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +3 -0
  47. package/es/components/Dropdown/Dropdown.css +3 -0
  48. package/es/components/Dropdown/Dropdown.js +5 -2
  49. package/es/components/Dropdown/Dropdown.js.map +1 -1
  50. package/es/components/Dropdown/hooks/useHashMaps.js +2 -2
  51. package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -1
  52. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +185 -162
  53. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  54. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -1
  55. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  56. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +24 -0
  57. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  58. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  59. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  60. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +94 -0
  61. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  62. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +111 -0
  63. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  64. package/es/components/Dropdown/ui/DropdownOld/utils/index.js +18 -0
  65. package/es/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  66. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +5 -0
  67. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  68. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base_x642ct.css +1 -0
  69. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +5 -0
  70. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  71. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base_x642ct.css +1 -0
  72. package/es/components/Pagination/Pagination.css +3 -0
  73. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -0
  74. package/es/components/Select/Select.css +3 -0
  75. package/es/components/Select/ui/SelectDivider/SelectDivider.css +3 -0
  76. package/es/components/Select/ui/SelectFooter/SelectFooter.css +3 -0
  77. package/es/components/Select/ui/SelectGroup/SelectGroup.css +3 -0
  78. package/es/components/Select/ui/SelectHeader/SelectHeader.css +3 -0
  79. package/es/components/Select/ui/SelectItem/SelectItem.css +3 -0
  80. package/es/index.css +3 -0
  81. package/es/index.js +2 -0
  82. package/es/index.js.map +1 -1
  83. package/package.json +2 -2
  84. package/styled-components/cjs/components/Dropdown/Dropdown.js +2 -2
  85. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +2 -2
  86. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +189 -162
  87. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  88. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +19 -0
  89. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.types.js +5 -0
  90. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +101 -0
  91. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +118 -0
  92. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +21 -0
  93. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +8 -0
  94. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  95. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +8 -0
  96. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  97. package/styled-components/cjs/components/Dropdown/ui/index.js +21 -1
  98. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +25 -0
  99. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.js +11 -0
  100. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  101. package/styled-components/es/components/Dropdown/Dropdown.js +2 -2
  102. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +2 -2
  103. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +189 -162
  104. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  105. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +13 -0
  106. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.types.js +1 -0
  107. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +92 -0
  108. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +112 -0
  109. package/styled-components/es/components/Dropdown/ui/DropdownOld/utils/index.js +15 -0
  110. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +2 -0
  111. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  112. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +2 -0
  113. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  114. package/styled-components/es/components/Dropdown/ui/index.js +3 -1
  115. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +19 -0
  116. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.js +5 -0
  117. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  118. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -1
  119. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts +8 -0
  120. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts.map +1 -0
  121. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts +76 -0
  122. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts.map +1 -0
  123. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts +26 -0
  124. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -0
  125. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts +113 -0
  126. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts.map +1 -0
  127. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts +4 -0
  128. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts.map +1 -0
  129. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts +2 -0
  130. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts.map +1 -0
  131. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts +2 -0
  132. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts.map +1 -0
  133. package/types/components/Dropdown/ui/index.d.ts +2 -0
  134. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  135. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +18 -0
  136. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  137. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +13 -0
  138. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -0
@@ -0,0 +1,19 @@
1
+ import { css } from 'styled-components';
2
+ import { dropdownTokens } from '../../../../components/Dropdown';
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 'm'
7
+ },
8
+ variations: {
9
+ size: {
10
+ xs: /*#__PURE__*/css(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
11
+ s: /*#__PURE__*/css(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
12
+ m: /*#__PURE__*/css(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight),
13
+ l: /*#__PURE__*/css(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
14
+ },
15
+ view: {
16
+ "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
17
+ }
18
+ }
19
+ };
@@ -0,0 +1,5 @@
1
+ import { dropdownConfig } from '../../../../components/Dropdown';
2
+ import { component, mergeConfig } from '../../../../engines';
3
+ import { config } from './Dropdown.config';
4
+ var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig, config);
5
+ export var Dropdown = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1,292 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+ import { action } from '@storybook/addon-actions';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+ import { Button } from '../Button/Button';
8
+ import type { DropdownPlacement, DropdownTrigger } from '../../../../components/Dropdown/Dropdown.types';
9
+
10
+ import { Dropdown } from './Dropdown';
11
+
12
+ type StoryDropdownProps = ComponentProps<typeof Dropdown>;
13
+
14
+ const placements: Array<DropdownPlacement> = ['top', 'bottom', 'right', 'left', 'auto'];
15
+ const triggers: Array<DropdownTrigger> = ['click', 'hover'];
16
+ const size = ['xs', 's', 'm', 'l'];
17
+ const variant = ['normal', 'tight'];
18
+
19
+ const meta: Meta<StoryDropdownProps> = {
20
+ title: 'plasma_web/Dropdown',
21
+ decorators: [WithTheme],
22
+ component: Dropdown,
23
+ argTypes: {
24
+ placement: {
25
+ options: placements,
26
+ control: {
27
+ type: 'select',
28
+ },
29
+ },
30
+ trigger: {
31
+ options: triggers,
32
+ control: {
33
+ type: 'select',
34
+ },
35
+ },
36
+ size: {
37
+ options: size,
38
+ control: {
39
+ type: 'select',
40
+ },
41
+ },
42
+ variant: {
43
+ options: variant,
44
+ control: {
45
+ type: 'select',
46
+ },
47
+ },
48
+ },
49
+ args: {
50
+ trigger: 'click',
51
+ offset: [0, 0],
52
+ listWidth: 'auto',
53
+ hasArrow: true,
54
+ closeOnOverlayClick: true,
55
+ closeOnSelect: true,
56
+ size: 'm',
57
+ variant: 'normal',
58
+ },
59
+ };
60
+
61
+ export default meta;
62
+
63
+ const items = [
64
+ {
65
+ value: 'north_america',
66
+ label: 'Северная Америка',
67
+ },
68
+ {
69
+ value: 'south_america',
70
+ label: 'Южная Америка',
71
+ items: [
72
+ {
73
+ value: 'brazil',
74
+ label: 'Бразилия',
75
+ items: [
76
+ {
77
+ value: 'rio_de_janeiro',
78
+ label: 'Рио-де-Жанейро',
79
+ },
80
+ {
81
+ value: 'sao_paulo',
82
+ label: 'Сан-Паулу',
83
+ },
84
+ ],
85
+ },
86
+ {
87
+ value: 'argentina',
88
+ label: 'Аргентина',
89
+ items: [
90
+ {
91
+ value: 'buenos_aires',
92
+ label: 'Буэнос-Айрес',
93
+ },
94
+ {
95
+ value: 'cordoba',
96
+ label: 'Кордова',
97
+ },
98
+ ],
99
+ },
100
+ {
101
+ value: 'colombia',
102
+ label: 'Колумбия',
103
+ items: [
104
+ {
105
+ value: 'bogota',
106
+ label: 'Богота',
107
+ },
108
+ {
109
+ value: 'medellin',
110
+ label: 'Медельин',
111
+ },
112
+ ],
113
+ },
114
+ ],
115
+ },
116
+ {
117
+ value: 'europe',
118
+ label: 'Европа',
119
+ items: [
120
+ {
121
+ value: 'france',
122
+ label: 'Франция',
123
+ items: [
124
+ {
125
+ value: 'paris',
126
+ label: 'Париж',
127
+ },
128
+ {
129
+ value: 'lyon',
130
+ label: 'Лион',
131
+ },
132
+ ],
133
+ },
134
+ {
135
+ value: 'germany',
136
+ label: 'Германия',
137
+ items: [
138
+ {
139
+ value: 'berlin',
140
+ label: 'Берлин',
141
+ },
142
+ {
143
+ value: 'munich',
144
+ label: 'Мюнхен',
145
+ },
146
+ ],
147
+ },
148
+ {
149
+ value: 'italy',
150
+ label: 'Италия',
151
+ items: [
152
+ {
153
+ value: 'rome',
154
+ label: 'Рим',
155
+ },
156
+ {
157
+ value: 'milan',
158
+ label: 'Милан',
159
+ },
160
+ ],
161
+ },
162
+ {
163
+ value: 'spain',
164
+ label: 'Испания',
165
+ items: [
166
+ {
167
+ value: 'madrid',
168
+ label: 'Мадрид',
169
+ },
170
+ {
171
+ value: 'barcelona',
172
+ label: 'Барселона',
173
+ },
174
+ ],
175
+ },
176
+ {
177
+ value: 'united_kingdom',
178
+ label: 'Великобритания',
179
+ items: [
180
+ {
181
+ value: 'london',
182
+ label: 'Лондон',
183
+ },
184
+ {
185
+ value: 'manchester',
186
+ label: 'Манчестер',
187
+ },
188
+ ],
189
+ },
190
+ ],
191
+ },
192
+ {
193
+ value: 'asia',
194
+ label: 'Азия',
195
+ items: [
196
+ {
197
+ value: 'china',
198
+ label: 'Китай',
199
+ items: [
200
+ {
201
+ value: 'beijing',
202
+ label: 'Пекин',
203
+ },
204
+ {
205
+ value: 'shanghai',
206
+ label: 'Шанхай',
207
+ },
208
+ ],
209
+ },
210
+ {
211
+ value: 'japan',
212
+ label: 'Япония',
213
+ items: [
214
+ {
215
+ value: 'tokyo',
216
+ label: 'Токио',
217
+ },
218
+ {
219
+ value: 'osaka',
220
+ label: 'Осака',
221
+ },
222
+ ],
223
+ },
224
+ {
225
+ value: 'india',
226
+ label: 'Индия',
227
+ items: [
228
+ {
229
+ value: 'delhi',
230
+ label: 'Дели',
231
+ },
232
+ {
233
+ value: 'mumbai',
234
+ label: 'Мумбаи',
235
+ },
236
+ ],
237
+ },
238
+ {
239
+ value: 'south_korea',
240
+ label: 'Южная Корея',
241
+ items: [
242
+ {
243
+ value: 'seoul',
244
+ label: 'Сеул',
245
+ },
246
+ {
247
+ value: 'busan',
248
+ label: 'Пусан',
249
+ },
250
+ ],
251
+ },
252
+ {
253
+ value: 'thailand',
254
+ label: 'Таиланд',
255
+ items: [
256
+ {
257
+ value: 'bangkok',
258
+ label: 'Бангкок',
259
+ },
260
+ {
261
+ value: 'phuket',
262
+ label: 'Пхукет',
263
+ },
264
+ ],
265
+ },
266
+ ],
267
+ },
268
+ {
269
+ value: 'africa',
270
+ label: 'Африка',
271
+ disabled: true,
272
+ },
273
+ ];
274
+
275
+ const StoryNormal = (args: StoryDropdownProps) => {
276
+ return (
277
+ <Dropdown
278
+ {...args}
279
+ items={items}
280
+ onToggle={action('onToggle')}
281
+ onHover={action('onHover')}
282
+ onItemSelect={action('onItemSelect')}
283
+ onItemClick={action('onItemClick')}
284
+ >
285
+ <Button text="Список стран" />
286
+ </Dropdown>
287
+ );
288
+ };
289
+
290
+ export const Default: StoryObj<StoryDropdownProps> = {
291
+ render: (args) => <StoryNormal {...args} />,
292
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAahB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,wJAW1B,KAAK,KAAG,aA4IV,CAAC"}
1
+ {"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAahB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,wJAW1B,KAAK,KAAG,aAqKV,CAAC"}
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledPopover: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
+ view: {
4
+ css: import("@linaria/core").LinariaClassName;
5
+ };
6
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
7
+ export declare const StyledDropdown: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
8
+ //# sourceMappingURL=Dropdown.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;kKAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}
@@ -0,0 +1,76 @@
1
+ import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
2
+ export declare type DropdownPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
3
+ export declare type DropdownPlacement = DropdownPlacementBasic | 'auto';
4
+ export declare type DropdownTrigger = 'hover' | 'click';
5
+ export declare type CustomDropdownProps = {
6
+ /**
7
+ * Дропдаун открыт или нет.
8
+ * @default
9
+ * false
10
+ */
11
+ isOpen?: boolean;
12
+ /**
13
+ * Способ открытия дропдауна окна - наведение или клик мышью.
14
+ * @default
15
+ * click
16
+ */
17
+ trigger?: DropdownTrigger;
18
+ /**
19
+ * Сторона открытия дропдауна относительно target элемента.
20
+ * @default
21
+ * auto
22
+ */
23
+ placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
24
+ /**
25
+ * Отступ дропдауна относительно элемента, у которого оно вызвано.
26
+ * @default
27
+ * [0, 0]
28
+ */
29
+ offset?: [number, number];
30
+ /**
31
+ * Предотвратить автоматическое изменение положения при ресайзе.
32
+ */
33
+ preventOverflow?: boolean;
34
+ /**
35
+ * Элемент, рядом с которым произойдет вызов дропдауна.
36
+ */
37
+ target?: ReactNode;
38
+ /**
39
+ * Стрелка над элементом.
40
+ */
41
+ hasArrow?: boolean;
42
+ /**
43
+ * Контент всплывающего окна.
44
+ */
45
+ children?: ReactNode;
46
+ /**
47
+ * Блокировать ли фокус на дропдауне.
48
+ * @default
49
+ * true
50
+ */
51
+ isFocusTrapped?: boolean;
52
+ /**
53
+ * Закрывать окно при нажатии вне области дропдауна.
54
+ * @default
55
+ * true
56
+ */
57
+ closeOnOverlayClick?: boolean;
58
+ /**
59
+ * Закрывать окно при нажатии ESC.
60
+ * @default
61
+ * true
62
+ */
63
+ closeOnEsc?: boolean;
64
+ /**
65
+ * Событие сворачивания/разворачивания дропдауна.
66
+ */
67
+ onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
68
+ /**
69
+ * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
70
+ */
71
+ frame?: 'document' | string | React.RefObject<HTMLElement>;
72
+ size?: string;
73
+ view?: string;
74
+ };
75
+ export declare type DropdownProps = HTMLAttributes<HTMLDivElement> & CustomDropdownProps;
76
+ //# sourceMappingURL=Dropdown.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,oBAAY,mBAAmB,GAAG;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,mBAAmB,CAAC"}
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { RootProps } from '../../../../engines';
3
+ import type { DropdownProps } from './Dropdown.types';
4
+ /**
5
+ * Выпадающий список без внешнего контроля видимости.
6
+ */
7
+ export declare const dropdownOldRoot: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Dropdown.types").CustomDropdownProps & React.RefAttributes<HTMLDivElement>>;
8
+ export declare const dropdownOldConfig: {
9
+ name: string;
10
+ tag: string;
11
+ layout: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Dropdown.types").CustomDropdownProps & React.RefAttributes<HTMLDivElement>>;
12
+ base: string;
13
+ variations: {
14
+ view: {
15
+ css: import("@linaria/core").LinariaClassName;
16
+ };
17
+ size: {
18
+ css: import("@linaria/core").LinariaClassName;
19
+ };
20
+ };
21
+ defaults: {
22
+ view: string;
23
+ size: string;
24
+ };
25
+ };
26
+ //# sourceMappingURL=DropdownOld.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownOld.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/DropdownOld.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA6DzE,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA/DQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAgF7E,CAAC"}
@@ -0,0 +1,113 @@
1
+ export declare const classes: {
2
+ dropdownItemIsSelected: string;
3
+ dropdownItemIsDisabled: string;
4
+ };
5
+ export declare const tokens: {
6
+ background: string;
7
+ boxShadow: string;
8
+ width: string;
9
+ height: string;
10
+ borderRadius: string;
11
+ paddingTop: string;
12
+ paddingRight: string;
13
+ paddingBottom: string;
14
+ paddingLeft: string;
15
+ itemBackground: string;
16
+ itemColor: string;
17
+ itemBackgroundHover: string;
18
+ itemBackgroundSelected: string;
19
+ itemColorSelected: string;
20
+ itemBackgroundSelectedHover: string;
21
+ itemColorSelectedHover: string;
22
+ itemWidth: string;
23
+ itemHeight: string;
24
+ itemBorderRadius: string;
25
+ itemPaddingTop: string;
26
+ itemPaddingRight: string;
27
+ itemPaddingBottom: string;
28
+ itemPaddingLeft: string;
29
+ itemMarginTop: string;
30
+ itemMarginRight: string;
31
+ itemMarginBottom: string;
32
+ itemMarginLeft: string;
33
+ itemFontFamily: string;
34
+ itemFontSize: string;
35
+ itemFontStyle: string;
36
+ itemFontWeightBold: string;
37
+ itemFontLetterSpacing: string;
38
+ itemFontLineHeight: string;
39
+ itemContentLeftColor: string;
40
+ itemContentRightColor: string;
41
+ itemContentLeftWidth: string;
42
+ itemContentRightWidth: string;
43
+ footerBackground: string;
44
+ footerWidth: string;
45
+ footerHeight: string;
46
+ footerPaddingTop: string;
47
+ footerPaddingRight: string;
48
+ footerPaddingBottom: string;
49
+ footerPaddingLeft: string;
50
+ footerMarginTop: string;
51
+ footerMarginRight: string;
52
+ footerMarginBottom: string;
53
+ footerMarginLeft: string;
54
+ footerFontFamily: string;
55
+ footerFontSize: string;
56
+ footerFontStyle: string;
57
+ footerFontWeightBold: string;
58
+ footerFontLetterSpacing: string;
59
+ footerFontLineHeight: string;
60
+ headerBackground: string;
61
+ headerWidth: string;
62
+ headerHeight: string;
63
+ headerPaddingTop: string;
64
+ headerPaddingRight: string;
65
+ headerPaddingBottom: string;
66
+ headerPaddingLeft: string;
67
+ headerMarginTop: string;
68
+ headerMarginRight: string;
69
+ headerMarginBottom: string;
70
+ headerMarginLeft: string;
71
+ headerFontFamily: string;
72
+ headerFontSize: string;
73
+ headerFontStyle: string;
74
+ headerFontWeightBold: string;
75
+ headerFontLetterSpacing: string;
76
+ headerFontLineHeight: string;
77
+ dividerColor: string;
78
+ dividerWidth: string;
79
+ dividerHeight: string;
80
+ dividerMarginTop: string;
81
+ dividerMarginRight: string;
82
+ dividerMarginBottom: string;
83
+ dividerMarginLeft: string;
84
+ groupBackground: string;
85
+ groupWidth: string;
86
+ groupHeight: string;
87
+ groupPaddingTop: string;
88
+ groupPaddingRight: string;
89
+ groupPaddingBottom: string;
90
+ groupPaddingLeft: string;
91
+ groupMarginTop: string;
92
+ groupMarginRight: string;
93
+ groupMarginBottom: string;
94
+ groupMarginLeft: string;
95
+ groupLabelColor: string;
96
+ groupLabelFontFamily: string;
97
+ groupLabelFontSize: string;
98
+ groupLabelFontStyle: string;
99
+ groupLabelFontWeight: string;
100
+ groupLabelLetterSpacing: string;
101
+ groupLabelLineHeight: string;
102
+ groupLabelPaddingTop: string;
103
+ groupLabelPaddingRight: string;
104
+ groupLabelPaddingBottom: string;
105
+ groupLabelPaddingLeft: string;
106
+ groupLabelMarginTop: string;
107
+ groupLabelMarginRight: string;
108
+ groupLabelMarginBottom: string;
109
+ groupLabelMarginLeft: string;
110
+ disabledOpacity: string;
111
+ focusColor: string;
112
+ };
113
+ //# sourceMappingURL=DropdownOld.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownOld.tokens.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHlB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { DropdownPlacement, DropdownPlacementBasic } from '../Dropdown.types';
2
+ export declare const getPlacement: (placement: DropdownPlacement) => import("@popperjs/core").ComputedPlacement;
3
+ export declare const getPlacements: (placements?: DropdownPlacement | DropdownPlacementBasic[] | undefined) => import("@popperjs/core").ComputedPlacement | import("@popperjs/core").ComputedPlacement[] | undefined;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Dropdown/ui/DropdownOld/utils/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEnF,eAAO,MAAM,YAAY,cAAe,iBAAiB,+CAExD,CAAC;AAEF,eAAO,MAAM,aAAa,kLAUzB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Dropdown/ui/DropdownOld/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Dropdown/ui/DropdownOld/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -5,4 +5,6 @@ export { dropdownHeaderRoot, dropdownHeaderConfig } from './DropdownHeader/Dropd
5
5
  export { DropdownItem } from './DropdownItem/DropdownItem';
6
6
  export { DropdownInner } from './DropdownInner/DropdownInner';
7
7
  export { dropdownItemOldRoot, dropdownItemOldConfig } from './DropdownItemOld/DropdownItemOld';
8
+ export { dropdownOldRoot, dropdownOldConfig } from './DropdownOld/DropdownOld';
9
+ export { tokens as dropdownOldTokens } from './DropdownOld/DropdownOld.tokens';
8
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC"}
@@ -0,0 +1,18 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ };
6
+ variations: {
7
+ size: {
8
+ xs: import("@linaria/core").LinariaClassName;
9
+ s: import("@linaria/core").LinariaClassName;
10
+ m: import("@linaria/core").LinariaClassName;
11
+ l: import("@linaria/core").LinariaClassName;
12
+ };
13
+ view: {
14
+ default: import("@linaria/core").LinariaClassName;
15
+ };
16
+ };
17
+ };
18
+ //# sourceMappingURL=Dropdown.config.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Dropdown/Dropdown.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CAqGlB,CAAC"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ export declare const Dropdown: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
+ size: {
4
+ xs: import("@linaria/core").LinariaClassName;
5
+ s: import("@linaria/core").LinariaClassName;
6
+ m: import("@linaria/core").LinariaClassName;
7
+ l: import("@linaria/core").LinariaClassName;
8
+ };
9
+ view: {
10
+ default: import("@linaria/core").LinariaClassName;
11
+ };
12
+ }> & import("../../../../components/Dropdown").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
+ //# sourceMappingURL=Dropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Dropdown/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;6GAA0B,CAAC"}