@transferwise/components 0.0.0-experimental-bd2aa28 → 0.0.0-experimental-17d9e6b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/i18n/cs.json +0 -2
- package/build/i18n/cs.json.js +0 -2
- package/build/i18n/cs.json.js.map +1 -1
- package/build/i18n/cs.json.mjs +0 -2
- package/build/i18n/cs.json.mjs.map +1 -1
- package/build/i18n/de.json +0 -2
- package/build/i18n/de.json.js +0 -2
- package/build/i18n/de.json.js.map +1 -1
- package/build/i18n/de.json.mjs +0 -2
- package/build/i18n/de.json.mjs.map +1 -1
- package/build/i18n/en.json +0 -2
- package/build/i18n/en.json.js +0 -2
- package/build/i18n/en.json.js.map +1 -1
- package/build/i18n/en.json.mjs +0 -2
- package/build/i18n/en.json.mjs.map +1 -1
- package/build/i18n/es.json +0 -2
- package/build/i18n/es.json.js +0 -2
- package/build/i18n/es.json.js.map +1 -1
- package/build/i18n/es.json.mjs +0 -2
- package/build/i18n/es.json.mjs.map +1 -1
- package/build/i18n/fr.json +0 -2
- package/build/i18n/fr.json.js +0 -2
- package/build/i18n/fr.json.js.map +1 -1
- package/build/i18n/fr.json.mjs +0 -2
- package/build/i18n/fr.json.mjs.map +1 -1
- package/build/i18n/hu.json +0 -2
- package/build/i18n/hu.json.js +0 -2
- package/build/i18n/hu.json.js.map +1 -1
- package/build/i18n/hu.json.mjs +0 -2
- package/build/i18n/hu.json.mjs.map +1 -1
- package/build/i18n/id.json +0 -2
- package/build/i18n/id.json.js +0 -2
- package/build/i18n/id.json.js.map +1 -1
- package/build/i18n/id.json.mjs +0 -2
- package/build/i18n/id.json.mjs.map +1 -1
- package/build/i18n/it.json +0 -2
- package/build/i18n/it.json.js +0 -2
- package/build/i18n/it.json.js.map +1 -1
- package/build/i18n/it.json.mjs +0 -2
- package/build/i18n/it.json.mjs.map +1 -1
- package/build/i18n/ja.json +0 -2
- package/build/i18n/ja.json.js +0 -2
- package/build/i18n/ja.json.js.map +1 -1
- package/build/i18n/ja.json.mjs +0 -2
- package/build/i18n/ja.json.mjs.map +1 -1
- package/build/i18n/nl.json +0 -2
- package/build/i18n/pl.json +0 -2
- package/build/i18n/pl.json.js +0 -2
- package/build/i18n/pl.json.js.map +1 -1
- package/build/i18n/pl.json.mjs +0 -2
- package/build/i18n/pl.json.mjs.map +1 -1
- package/build/i18n/pt.json +0 -2
- package/build/i18n/pt.json.js +0 -2
- package/build/i18n/pt.json.js.map +1 -1
- package/build/i18n/pt.json.mjs +0 -2
- package/build/i18n/pt.json.mjs.map +1 -1
- package/build/i18n/ro.json +0 -2
- package/build/i18n/ro.json.js +0 -2
- package/build/i18n/ro.json.js.map +1 -1
- package/build/i18n/ro.json.mjs +0 -2
- package/build/i18n/ro.json.mjs.map +1 -1
- package/build/i18n/ru.json +0 -2
- package/build/i18n/ru.json.js +0 -2
- package/build/i18n/ru.json.js.map +1 -1
- package/build/i18n/ru.json.mjs +0 -2
- package/build/i18n/ru.json.mjs.map +1 -1
- package/build/i18n/th.json +0 -2
- package/build/i18n/th.json.js +0 -2
- package/build/i18n/th.json.js.map +1 -1
- package/build/i18n/th.json.mjs +0 -2
- package/build/i18n/th.json.mjs.map +1 -1
- package/build/i18n/tr.json +0 -2
- package/build/i18n/tr.json.js +0 -2
- package/build/i18n/tr.json.js.map +1 -1
- package/build/i18n/tr.json.mjs +0 -2
- package/build/i18n/tr.json.mjs.map +1 -1
- package/build/i18n/zh-CN.json +0 -2
- package/build/i18n/zh-CN.json.js +0 -2
- package/build/i18n/zh-CN.json.js.map +1 -1
- package/build/i18n/zh-CN.json.mjs +0 -2
- package/build/i18n/zh-CN.json.mjs.map +1 -1
- package/build/i18n/zh-HK.json +0 -2
- package/build/i18n/zh-HK.json.js +0 -2
- package/build/i18n/zh-HK.json.js.map +1 -1
- package/build/i18n/zh-HK.json.mjs +0 -2
- package/build/i18n/zh-HK.json.mjs.map +1 -1
- package/build/index.js +0 -3
- package/build/index.js.map +1 -1
- package/build/index.mjs +1 -2
- package/build/index.mjs.map +1 -1
- package/build/main.css +0 -256
- package/build/styles/main.css +0 -256
- package/build/types/index.d.ts +0 -4
- package/build/types/index.d.ts.map +1 -1
- package/build/types/test-utils/index.d.ts +0 -4
- package/build/types/test-utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/i18n/cs.json +0 -2
- package/src/i18n/de.json +0 -2
- package/src/i18n/en.json +0 -2
- package/src/i18n/es.json +0 -2
- package/src/i18n/fr.json +0 -2
- package/src/i18n/hu.json +0 -2
- package/src/i18n/id.json +0 -2
- package/src/i18n/it.json +0 -2
- package/src/i18n/ja.json +0 -2
- package/src/i18n/nl.json +0 -2
- package/src/i18n/pl.json +0 -2
- package/src/i18n/pt.json +0 -2
- package/src/i18n/ro.json +0 -2
- package/src/i18n/ru.json +0 -2
- package/src/i18n/th.json +0 -2
- package/src/i18n/tr.json +0 -2
- package/src/i18n/zh-CN.json +0 -2
- package/src/i18n/zh-HK.json +0 -2
- package/src/index.ts +0 -4
- package/src/main.css +0 -256
- package/src/main.less +0 -2
- package/src/ssr.spec.tsx +0 -1
- package/build/selectOption/SelectOption.js +0 -131
- package/build/selectOption/SelectOption.js.map +0 -1
- package/build/selectOption/SelectOption.messages.js +0 -17
- package/build/selectOption/SelectOption.messages.js.map +0 -1
- package/build/selectOption/SelectOption.messages.mjs +0 -13
- package/build/selectOption/SelectOption.messages.mjs.map +0 -1
- package/build/selectOption/SelectOption.mjs +0 -127
- package/build/selectOption/SelectOption.mjs.map +0 -1
- package/build/styles/listItem/ListItem.css +0 -212
- package/build/styles/selectOption/SelectOption.css +0 -44
- package/build/types/listItem/ListItem.d.ts +0 -50
- package/build/types/listItem/ListItem.d.ts.map +0 -1
- package/build/types/listItem/ListItemAdditionalInfo.d.ts +0 -9
- package/build/types/listItem/ListItemAdditionalInfo.d.ts.map +0 -1
- package/build/types/listItem/ListItemButton.d.ts +0 -6
- package/build/types/listItem/ListItemButton.d.ts.map +0 -1
- package/build/types/listItem/ListItemCheckbox.d.ts +0 -4
- package/build/types/listItem/ListItemCheckbox.d.ts.map +0 -1
- package/build/types/listItem/ListItemIconButton.d.ts +0 -8
- package/build/types/listItem/ListItemIconButton.d.ts.map +0 -1
- package/build/types/listItem/ListItemMedia.d.ts +0 -19
- package/build/types/listItem/ListItemMedia.d.ts.map +0 -1
- package/build/types/listItem/ListItemNavigation.d.ts +0 -4
- package/build/types/listItem/ListItemNavigation.d.ts.map +0 -1
- package/build/types/listItem/ListItemSwitch.d.ts +0 -3
- package/build/types/listItem/ListItemSwitch.d.ts.map +0 -1
- package/build/types/listItem/index.d.ts +0 -6
- package/build/types/listItem/index.d.ts.map +0 -1
- package/build/types/listItem/prompt/Prompt.d.ts +0 -12
- package/build/types/listItem/prompt/Prompt.d.ts.map +0 -1
- package/build/types/listItem/useItemControl.d.ts +0 -5
- package/build/types/listItem/useItemControl.d.ts.map +0 -1
- package/build/types/selectOption/SelectOption.d.ts +0 -21
- package/build/types/selectOption/SelectOption.d.ts.map +0 -1
- package/build/types/selectOption/SelectOption.messages.d.ts +0 -12
- package/build/types/selectOption/SelectOption.messages.d.ts.map +0 -1
- package/build/types/selectOption/index.d.ts +0 -3
- package/build/types/selectOption/index.d.ts.map +0 -1
- package/src/listItem/ListItem.css +0 -212
- package/src/listItem/ListItem.less +0 -210
- package/src/listItem/ListItem.spec.tsx +0 -35
- package/src/listItem/ListItem.story.tsx +0 -461
- package/src/listItem/ListItem.tsx +0 -282
- package/src/listItem/ListItemAdditionalInfo.tsx +0 -31
- package/src/listItem/ListItemButton.spec.tsx +0 -92
- package/src/listItem/ListItemButton.tsx +0 -24
- package/src/listItem/ListItemCheckbox.tsx +0 -14
- package/src/listItem/ListItemIconButton.tsx +0 -16
- package/src/listItem/ListItemMedia.tsx +0 -52
- package/src/listItem/ListItemNavigation.tsx +0 -23
- package/src/listItem/ListItemSwitch.tsx +0 -8
- package/src/listItem/index.ts +0 -10
- package/src/listItem/prompt/Prompt.spec.tsx +0 -77
- package/src/listItem/prompt/Prompt.story.tsx +0 -170
- package/src/listItem/prompt/Prompt.tsx +0 -44
- package/src/listItem/useItemControl.tsx +0 -23
- package/src/selectOption/SelectOption.css +0 -44
- package/src/selectOption/SelectOption.less +0 -40
- package/src/selectOption/SelectOption.messages.ts +0 -12
- package/src/selectOption/SelectOption.spec.tsx +0 -83
- package/src/selectOption/SelectOption.story.tsx +0 -277
- package/src/selectOption/SelectOption.tsx +0 -151
- package/src/selectOption/index.ts +0 -2
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
.wds-list-item {
|
|
2
|
-
list-style: none;
|
|
3
|
-
width: 100%;
|
|
4
|
-
padding: 0;
|
|
5
|
-
border-radius: 16px;
|
|
6
|
-
border-radius: var(--radius-medium);
|
|
7
|
-
background-color: #ffffff;
|
|
8
|
-
background-color: var(--color-background-screen);
|
|
9
|
-
gap: 16px;
|
|
10
|
-
gap: var(--size-16);
|
|
11
|
-
}
|
|
12
|
-
.wds-list-item .partially-interactive {
|
|
13
|
-
padding: 16px;
|
|
14
|
-
padding: var(--size-16);
|
|
15
|
-
}
|
|
16
|
-
.wds-list-item label,
|
|
17
|
-
.wds-list-item a {
|
|
18
|
-
padding: 16px;
|
|
19
|
-
padding: var(--size-16);
|
|
20
|
-
}
|
|
21
|
-
.wds-list-item-interactive label {
|
|
22
|
-
cursor: pointer;
|
|
23
|
-
}
|
|
24
|
-
.wds-list-item-interactive:hover {
|
|
25
|
-
background-color: var(--color-background-screen-hover);
|
|
26
|
-
}
|
|
27
|
-
.wds-list-item-interactive:hover .wds-list-item-control .wds-Button {
|
|
28
|
-
background-color: var(--Button-background-hover);
|
|
29
|
-
color: var(--Button-color-hover);
|
|
30
|
-
transition: none;
|
|
31
|
-
}
|
|
32
|
-
.wds-list-item-interactive:active {
|
|
33
|
-
background-color: var(--color-background-screen-active);
|
|
34
|
-
}
|
|
35
|
-
.wds-list-item-interactive .wds-list-item-control .wds-Button {
|
|
36
|
-
transition: none;
|
|
37
|
-
}
|
|
38
|
-
.wds-list-item-media-image {
|
|
39
|
-
width: var(--item-media-image-size);
|
|
40
|
-
height: var(--item-media-image-size);
|
|
41
|
-
}
|
|
42
|
-
.wds-list-item-body {
|
|
43
|
-
width: 100%;
|
|
44
|
-
}
|
|
45
|
-
.wds-list-item-title {
|
|
46
|
-
color: #37517e;
|
|
47
|
-
color: var(--color-content-primary);
|
|
48
|
-
}
|
|
49
|
-
.wds-list-item-additional-info {
|
|
50
|
-
color: #768e9c;
|
|
51
|
-
color: var(--color-content-tertiary);
|
|
52
|
-
}
|
|
53
|
-
.wds-list-item-value {
|
|
54
|
-
flex: 0 0 auto;
|
|
55
|
-
}
|
|
56
|
-
.wds-list-item-control {
|
|
57
|
-
flex: 0 0 auto;
|
|
58
|
-
}
|
|
59
|
-
.wds-list-item-navigation,
|
|
60
|
-
.wds-list-item-navigation:hover,
|
|
61
|
-
.wds-list-item-navigation:focus {
|
|
62
|
-
-webkit-text-decoration: none;
|
|
63
|
-
text-decoration: none;
|
|
64
|
-
}
|
|
65
|
-
.wds-list-item-spotlight-active {
|
|
66
|
-
background-color: rgba(134,167,189,0.10196);
|
|
67
|
-
background-color: var(--color-background-neutral);
|
|
68
|
-
}
|
|
69
|
-
.wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
|
|
70
|
-
background-color: var(--color-background-neutral-hover);
|
|
71
|
-
}
|
|
72
|
-
.wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
|
|
73
|
-
background-color: var(--color-background-neutral-active);
|
|
74
|
-
}
|
|
75
|
-
.wds-list-item-spotlight-inactive {
|
|
76
|
-
background-color: rgba(134, 167, 189, 0.025);
|
|
77
|
-
border: 1px dashed rgba(0,0,0,0.10196);
|
|
78
|
-
border: 1px dashed var(--color-border-neutral);
|
|
79
|
-
}
|
|
80
|
-
@supports (color: color-mix(in lch, red, blue)) {
|
|
81
|
-
.wds-list-item-spotlight-inactive {
|
|
82
|
-
background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
|
|
86
|
-
background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
|
|
87
|
-
}
|
|
88
|
-
.wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
|
|
89
|
-
background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
|
|
90
|
-
}
|
|
91
|
-
.wds-list-item-prompt {
|
|
92
|
-
display: inline-flex;
|
|
93
|
-
padding-top: calc(8px / 2);
|
|
94
|
-
padding-top: calc(var(--padding-x-small) / 2);
|
|
95
|
-
padding-bottom: calc(8px / 2);
|
|
96
|
-
padding-bottom: calc(var(--padding-x-small) / 2);
|
|
97
|
-
padding-left: calc(8px - 1px);
|
|
98
|
-
padding-left: calc(var(--padding-x-small) - 1px);
|
|
99
|
-
padding-right: 8px;
|
|
100
|
-
padding-right: var(--padding-x-small);
|
|
101
|
-
border-radius: 10px;
|
|
102
|
-
border-radius: var(--radius-small);
|
|
103
|
-
word-break: break-word;
|
|
104
|
-
word-wrap: break-word;
|
|
105
|
-
}
|
|
106
|
-
.wds-list-item-prompt .np-prompt-icon {
|
|
107
|
-
padding-right: calc(12px / 2);
|
|
108
|
-
padding-right: calc(var(--size-12) / 2);
|
|
109
|
-
padding-top: calc(4px - 1px);
|
|
110
|
-
padding-top: calc(var(--size-4) - 1px);
|
|
111
|
-
padding-bottom: calc(4px - 1px);
|
|
112
|
-
padding-bottom: calc(var(--size-4) - 1px);
|
|
113
|
-
}
|
|
114
|
-
.wds-list-item-prompt .np-prompt-icon .tw-icon-tags,
|
|
115
|
-
.wds-list-item-prompt .np-prompt-icon .tw-icon-confetti {
|
|
116
|
-
color: var(--color-sentiment-positive-primary);
|
|
117
|
-
}
|
|
118
|
-
.wds-list-item-prompt a {
|
|
119
|
-
text-underline-offset: calc(4px / 2);
|
|
120
|
-
text-underline-offset: calc(var(--size-4) / 2);
|
|
121
|
-
}
|
|
122
|
-
.wds-list-item-prompt.np-prompt-interactive {
|
|
123
|
-
-webkit-text-decoration: none;
|
|
124
|
-
text-decoration: none;
|
|
125
|
-
cursor: pointer;
|
|
126
|
-
border: none;
|
|
127
|
-
}
|
|
128
|
-
.wds-list-item-prompt.negative {
|
|
129
|
-
background-color: var(--color-sentiment-negative-secondary);
|
|
130
|
-
color: var(--color-sentiment-negative-primary);
|
|
131
|
-
}
|
|
132
|
-
.wds-list-item-prompt.negative a {
|
|
133
|
-
color: var(--color-sentiment-negative-primary);
|
|
134
|
-
}
|
|
135
|
-
.wds-list-item-prompt.negative a:hover {
|
|
136
|
-
color: var(--color-sentiment-negative-primary-hover);
|
|
137
|
-
}
|
|
138
|
-
.wds-list-item-prompt.negative a:active {
|
|
139
|
-
color: var(--color-sentiment-negative-primary-active);
|
|
140
|
-
}
|
|
141
|
-
.np-prompt-interactive.wds-list-item-prompt.negative:hover {
|
|
142
|
-
background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 95%, var(--color-sentiment-negative-primary));
|
|
143
|
-
}
|
|
144
|
-
.np-prompt-interactive.wds-list-item-prompt.negative:active {
|
|
145
|
-
background-color: color-mix(in srgb, var(--color-sentiment-negative-secondary) 90%, var(--color-sentiment-negative-primary));
|
|
146
|
-
}
|
|
147
|
-
.wds-list-item-prompt.positive,
|
|
148
|
-
.wds-list-item-prompt.discount,
|
|
149
|
-
.wds-list-item-prompt.savings {
|
|
150
|
-
background-color: var(--color-sentiment-positive-secondary);
|
|
151
|
-
color: var(--color-sentiment-positive-primary);
|
|
152
|
-
}
|
|
153
|
-
.wds-list-item-prompt.positive a,
|
|
154
|
-
.wds-list-item-prompt.discount a,
|
|
155
|
-
.wds-list-item-prompt.savings a {
|
|
156
|
-
color: var(--color-sentiment-positive-primary);
|
|
157
|
-
}
|
|
158
|
-
.wds-list-item-prompt.positive a:hover,
|
|
159
|
-
.wds-list-item-prompt.discount a:hover,
|
|
160
|
-
.wds-list-item-prompt.savings a:hover {
|
|
161
|
-
color: var(--color-sentiment-positive-primary-hover);
|
|
162
|
-
}
|
|
163
|
-
.wds-list-item-prompt.positive a:active,
|
|
164
|
-
.wds-list-item-prompt.discount a:active,
|
|
165
|
-
.wds-list-item-prompt.savings a:active {
|
|
166
|
-
color: var(--color-sentiment-positive-primary-active);
|
|
167
|
-
}
|
|
168
|
-
.np-prompt-interactive.wds-list-item-prompt.positive:hover,
|
|
169
|
-
.np-prompt-interactive.wds-list-item-prompt.discount:hover,
|
|
170
|
-
.np-prompt-interactive.wds-list-item-prompt.savings:hover {
|
|
171
|
-
background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 95%, var(--color-sentiment-positive-primary));
|
|
172
|
-
}
|
|
173
|
-
.np-prompt-interactive.wds-list-item-prompt.positive:active,
|
|
174
|
-
.np-prompt-interactive.wds-list-item-prompt.discount:active,
|
|
175
|
-
.np-prompt-interactive.wds-list-item-prompt.savings:active {
|
|
176
|
-
background-color: color-mix(in srgb, var(--color-sentiment-positive-secondary) 90%, var(--color-sentiment-positive-primary));
|
|
177
|
-
}
|
|
178
|
-
.wds-list-item-prompt.neutral {
|
|
179
|
-
background-color: rgba(134,167,189,0.10196);
|
|
180
|
-
background-color: var(--color-background-neutral);
|
|
181
|
-
color: #37517e;
|
|
182
|
-
color: var(--color-content-primary);
|
|
183
|
-
}
|
|
184
|
-
.wds-list-item-prompt.neutral a {
|
|
185
|
-
color: #37517e;
|
|
186
|
-
color: var(--color-content-primary);
|
|
187
|
-
}
|
|
188
|
-
.np-prompt-interactive.wds-list-item-prompt.neutral:hover {
|
|
189
|
-
background-color: var(--color-background-neutral-hover);
|
|
190
|
-
}
|
|
191
|
-
.np-prompt-interactive.wds-list-item-prompt.neutral:active {
|
|
192
|
-
background-color: var(--color-background-neutral-active);
|
|
193
|
-
}
|
|
194
|
-
.wds-list-item-prompt.warning {
|
|
195
|
-
background-color: var(--color-sentiment-warning-secondary);
|
|
196
|
-
color: var(--color-sentiment-warning-content);
|
|
197
|
-
}
|
|
198
|
-
.wds-list-item-prompt.warning a {
|
|
199
|
-
color: var(--color-sentiment-warning-content);
|
|
200
|
-
}
|
|
201
|
-
.wds-list-item-prompt.warning a:hover {
|
|
202
|
-
color: var(--color-sentiment-warning-content-hover);
|
|
203
|
-
}
|
|
204
|
-
.wds-list-item-prompt.warning a:active {
|
|
205
|
-
color: var(--color-sentiment-warning-content-active);
|
|
206
|
-
}
|
|
207
|
-
.np-prompt-interactive.wds-list-item-prompt.warning:hover {
|
|
208
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 90%, var(--color-sentiment-warning-primary));
|
|
209
|
-
}
|
|
210
|
-
.np-prompt-interactive.wds-list-item-prompt.warning:active {
|
|
211
|
-
background-color: color-mix(in srgb, var(--color-sentiment-warning-secondary) 80%, var(--color-sentiment-warning-primary));
|
|
212
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
.np-select-option {
|
|
2
|
-
border-radius: 10px;
|
|
3
|
-
border-radius: var(--radius-small);
|
|
4
|
-
padding: 16px;
|
|
5
|
-
padding: var(--size-16);
|
|
6
|
-
}
|
|
7
|
-
.np-select-option-placeholder {
|
|
8
|
-
background-color: rgba(134,167,189,0.10196);
|
|
9
|
-
background-color: var(--color-background-neutral);
|
|
10
|
-
}
|
|
11
|
-
.np-select-option-placeholder:not(.disabled):hover {
|
|
12
|
-
background-color: var(--color-background-neutral-hover);
|
|
13
|
-
}
|
|
14
|
-
.np-select-option-placeholder:not(.disabled):focus,
|
|
15
|
-
.np-select-option-placeholder:not(.disabled):active {
|
|
16
|
-
background-color: var(--color-background-neutral-active);
|
|
17
|
-
}
|
|
18
|
-
.np-select-option-selected {
|
|
19
|
-
border: 1px solid #c9cbce;
|
|
20
|
-
border: 1px solid var(--color-interactive-secondary);
|
|
21
|
-
}
|
|
22
|
-
.np-select-option-list {
|
|
23
|
-
max-height: 350px;
|
|
24
|
-
overflow-y: auto;
|
|
25
|
-
}
|
|
26
|
-
.np-select-option-list > .np-section {
|
|
27
|
-
margin-top: 0;
|
|
28
|
-
}
|
|
29
|
-
.has-error * .np-select-option {
|
|
30
|
-
--ring-outline-color: var(--color-sentiment-negative);
|
|
31
|
-
--ring-outline-width: 3px;
|
|
32
|
-
--ring-outline-offset: calc(-1 * var(--ring-outline-width));
|
|
33
|
-
outline: var(--ring-outline-color) solid 3px;
|
|
34
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
35
|
-
outline-offset: calc(-1 * 3px);
|
|
36
|
-
outline-offset: var(--ring-outline-offset);
|
|
37
|
-
}
|
|
38
|
-
.has-error * .np-select-option:focus {
|
|
39
|
-
outline: none;
|
|
40
|
-
}
|
|
41
|
-
.has-error * .np-select-option:focus-visible {
|
|
42
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
43
|
-
outline-offset: var(--ring-outline-offset);
|
|
44
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { ListItemIconButtonProps } from './ListItemIconButton';
|
|
3
|
-
import { ListItemCheckboxProps } from './ListItemCheckbox';
|
|
4
|
-
import { ListItemNavigationProps } from './ListItemNavigation';
|
|
5
|
-
import { ListItemButtonProps } from './ListItemButton';
|
|
6
|
-
export type ListItemTypes = 'non-interactive' | 'navigation' | 'radio' | 'checkbox' | 'switch' | 'button' | 'icon-button';
|
|
7
|
-
export type ListItemControlProps = ListItemNavigationProps | ListItemCheckboxProps | ListItemButtonProps | ListItemIconButtonProps;
|
|
8
|
-
export type Props = {
|
|
9
|
-
as?: 'li' | 'div' | 'span';
|
|
10
|
-
inverted?: boolean;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
spotlight?: 'active' | 'inactive';
|
|
13
|
-
title: ReactNode;
|
|
14
|
-
subtitle?: ReactNode;
|
|
15
|
-
additionalInfo?: ReactNode;
|
|
16
|
-
valueTitle?: ReactNode;
|
|
17
|
-
valueSubtitle?: ReactNode;
|
|
18
|
-
media?: ReactNode;
|
|
19
|
-
control?: ReactNode;
|
|
20
|
-
prompt?: ReactNode;
|
|
21
|
-
className?: string;
|
|
22
|
-
};
|
|
23
|
-
export type ListItemContextData = {
|
|
24
|
-
setControlType: (type: ListItemTypes) => void;
|
|
25
|
-
setControlProps: (props: ListItemControlProps) => void;
|
|
26
|
-
ids: {
|
|
27
|
-
label: string;
|
|
28
|
-
additionalInfo: string;
|
|
29
|
-
value: string;
|
|
30
|
-
control: string;
|
|
31
|
-
prompt: string;
|
|
32
|
-
};
|
|
33
|
-
props: Pick<Props, 'disabled' | 'inverted'>;
|
|
34
|
-
};
|
|
35
|
-
export declare const ListItemContext: import("react").Context<ListItemContextData>;
|
|
36
|
-
export declare const ListItem: {
|
|
37
|
-
({ as: ListItemElement, title, subtitle, additionalInfo, prompt, inverted, media, spotlight, valueTitle, valueSubtitle, control, disabled, className, }: Props): import("react").JSX.Element;
|
|
38
|
-
Image: ({ alt, size, ...props }: import("./ListItemMedia").ListItemImageProps) => import("react").JSX.Element;
|
|
39
|
-
AvatarView: ({ className, size, ...props }: import("./ListItemMedia").ListItemAvatarViewProps) => import("react").JSX.Element;
|
|
40
|
-
AvatarLayout: ({ className, size, ...props }: import("./ListItemMedia").ListItemAvatarLayoutProps) => import("react").JSX.Element;
|
|
41
|
-
AdditionalInfo: ({ children, action }: import("./ListItemAdditionalInfo").ListItemAdditionalInfoProps) => import("react").JSX.Element;
|
|
42
|
-
Checkbox: (props: ListItemCheckboxProps) => import("react").JSX.Element;
|
|
43
|
-
IconButton: (props: ListItemIconButtonProps) => import("react").JSX.Element;
|
|
44
|
-
Navigation: ({ href, ...props }: ListItemNavigationProps) => import("react").JSX.Element;
|
|
45
|
-
Button: ({ priority, partiallyInteractive, ...props }: ListItemButtonProps) => import("react").JSX.Element;
|
|
46
|
-
Switch: (props: import("..").SwitchProps) => import("react").JSX.Element;
|
|
47
|
-
Prompt: ({ type, children, action }: import("./prompt/Prompt").ListItemPromptProps) => import("react").JSX.Element;
|
|
48
|
-
};
|
|
49
|
-
export default ListItem;
|
|
50
|
-
//# sourceMappingURL=ListItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAY,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAc,MAAM,sBAAsB,CAAC;AAE3E,OAAO,EAAU,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO/D,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,aAAa,CAAC;AAElB,MAAM,MAAM,oBAAoB,GAC5B,uBAAuB,GAEvB,qBAAqB,GACrB,mBAAmB,GACnB,uBAAuB,CAAC;AAE5B,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,EAAE,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;CAC7C,CAAC;AAIF,eAAO,MAAM,eAAe,8CAA2C,CAAC;AAExE,eAAO,MAAM,QAAQ;6JAclB,KAAK;;;;;;;;;;;CA8GP,CAAC;AAqFF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { LinkProps } from '../link';
|
|
3
|
-
export type ListItemAdditionalInfoProps = PropsWithChildren<{
|
|
4
|
-
action?: Pick<LinkProps, 'href' | 'onClick' | 'target'> & {
|
|
5
|
-
label?: string;
|
|
6
|
-
};
|
|
7
|
-
}>;
|
|
8
|
-
export declare const AdditionalInfo: ({ children, action }: ListItemAdditionalInfoProps) => import("react").JSX.Element;
|
|
9
|
-
//# sourceMappingURL=ListItemAdditionalInfo.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemAdditionalInfo.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemAdditionalInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAGtD,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC;IAC1D,MAAM,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9E,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,GAAa,sBAAsB,2BAA2B,gCAoBxF,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { NewButtonProps } from '../button';
|
|
2
|
-
export type ListItemButtonProps = Omit<NewButtonProps, 'v2' | 'size' | 'disabled'> & {
|
|
3
|
-
partiallyInteractive?: boolean;
|
|
4
|
-
};
|
|
5
|
-
export declare const Button: ({ priority, partiallyInteractive, ...props }: ListItemButtonProps) => import("react").JSX.Element;
|
|
6
|
-
//# sourceMappingURL=ListItemButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,cAAc,EAAE,MAAM,WAAW,CAAC;AAGlE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC,GAAG;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,8CAIpB,mBAAmB,gCAYrB,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { CheckboxButtonProps } from '../checkboxButton/CheckboxButton';
|
|
2
|
-
export type ListItemCheckboxProps = Pick<CheckboxButtonProps, 'checked' | 'indeterminate' | 'onChange'>;
|
|
3
|
-
export declare const Checkbox: (props: ListItemCheckboxProps) => import("react").JSX.Element;
|
|
4
|
-
//# sourceMappingURL=ListItemCheckbox.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemCheckbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAGvE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,mBAAmB,EACnB,SAAS,GAAG,eAAe,GAAG,UAAU,CACzC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAa,OAAO,qBAAqB,gCAI7D,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { IconButtonProps } from '../iconButton';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
export type ListItemIconButtonProps = Pick<IconButtonProps, 'onClick' | 'href' | 'target'> & {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
partiallyInteractive?: boolean;
|
|
6
|
-
};
|
|
7
|
-
export declare const IconButton: (props: ListItemIconButtonProps) => import("react").JSX.Element;
|
|
8
|
-
//# sourceMappingURL=ListItemIconButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemIconButton.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,GAAG;IAC3F,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAa,OAAO,uBAAuB,gCAMjE,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { AvatarViewProps } from '../avatarView';
|
|
2
|
-
import { AvatarLayoutProps } from '../avatarLayout';
|
|
3
|
-
import { ImageProps } from '../image/Image';
|
|
4
|
-
type SizeProp = {
|
|
5
|
-
size?: 32 | 40 | 48 | 56 | 72;
|
|
6
|
-
};
|
|
7
|
-
export type ListItemAvatarViewProps = Omit<AvatarViewProps, 'size' | 'interactive'> & SizeProp;
|
|
8
|
-
export declare const AvatarView: ({ className, size, ...props }: ListItemAvatarViewProps) => import("react").JSX.Element;
|
|
9
|
-
export type ListItemAvatarLayoutProps = Omit<AvatarLayoutProps, 'size' | 'interactive'> & SizeProp;
|
|
10
|
-
export declare const AvatarLayout: ({ className, size, ...props }: ListItemAvatarLayoutProps) => import("react").JSX.Element;
|
|
11
|
-
export type ListItemImageProps = Omit<ImageProps, 'stretch' | 'shrink' | 'id' | 'alt'> & SizeProp & {
|
|
12
|
-
alt?: string;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* TODO: mention that image is for rare cases not for DS illustrations, they discouraged
|
|
16
|
-
*/
|
|
17
|
-
export declare const Image: ({ alt, size, ...props }: ListItemImageProps) => import("react").JSX.Element;
|
|
18
|
-
export {};
|
|
19
|
-
//# sourceMappingURL=ListItemMedia.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemMedia.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,eAAe,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAA+B,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAwB,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGlE,KAAK,QAAQ,GAAG;IAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;AAE/F,eAAO,MAAM,UAAU,GAAI,+BAAoC,uBAAuB,gCAQrF,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;AAEnG,eAAO,MAAM,YAAY,GAAI,+BAAoC,yBAAyB,gCAQzF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC,GACpF,QAAQ,GAAG;IACT,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,yBAAmC,kBAAkB,gCAY1E,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ButtonProps } from '../button/Button.types';
|
|
2
|
-
export type ListItemNavigationProps = Pick<ButtonProps, 'onClick' | 'href' | 'target'>;
|
|
3
|
-
export declare const Navigation: ({ href, ...props }: ListItemNavigationProps) => import("react").JSX.Element;
|
|
4
|
-
//# sourceMappingURL=ListItemNavigation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemNavigation.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;AAEvF,eAAO,MAAM,UAAU,GAAuB,oBAA0B,uBAAuB,gCAe9F,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAG/D,eAAO,MAAM,MAAM,GAAa,OAAO,WAAW,gCAIjD,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export type { Props as ListItemProps } from './ListItem';
|
|
2
|
-
export type { ListItemAdditionalInfoProps } from './ListItemAdditionalInfo';
|
|
3
|
-
export type { ListItemCheckboxProps } from './ListItemCheckbox';
|
|
4
|
-
export type { ListItemImageProps, ListItemAvatarViewProps, ListItemAvatarLayoutProps, } from './ListItemMedia';
|
|
5
|
-
export { default } from './ListItem';
|
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listItem/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Sentiment } from '../../common';
|
|
2
|
-
import { LinkProps } from '../../link';
|
|
3
|
-
export type ListItemPromptProps = {
|
|
4
|
-
type: `${Sentiment.POSITIVE | Sentiment.NEGATIVE | Sentiment.NEUTRAL | Sentiment.WARNING}` | 'discount' | 'savings';
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
action?: Pick<LinkProps, 'href' | 'target' | 'onClick'> & {
|
|
7
|
-
'aria-label'?: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export declare const Prompt: ({ type, children, action }: ListItemPromptProps) => import("react").JSX.Element;
|
|
11
|
-
export default Prompt;
|
|
12
|
-
//# sourceMappingURL=Prompt.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/listItem/prompt/Prompt.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EACA,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,GACpF,UAAU,GACV,SAAS,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,GAAG;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrF,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,4BAA4B,mBAAmB,gCAyBrE,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ListItemControlProps, ListItemTypes } from './ListItem';
|
|
2
|
-
export declare function useItemControl(controlType: ListItemTypes, controlProps?: ListItemControlProps): {
|
|
3
|
-
baseItemProps: Pick<import("./ListItem").Props, "disabled" | "inverted">;
|
|
4
|
-
};
|
|
5
|
-
//# sourceMappingURL=useItemControl.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useItemControl.d.ts","sourceRoot":"","sources":["../../../src/listItem/useItemControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,oBAAoB,EACpB,aAAa,EACd,MAAM,YAAY,CAAC;AAEpB,wBAAgB,cAAc,CAAC,WAAW,EAAE,aAAa,EAAE,YAAY,CAAC,EAAE,oBAAoB;;EAc7F"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ActionButtonProps } from '../actionButton';
|
|
2
|
-
import type { OptionProps } from '../common/Option/Option';
|
|
3
|
-
import { HeaderProps } from '../header/Header';
|
|
4
|
-
export type SelectOptiopsSection<T = unknown> = {
|
|
5
|
-
title?: HeaderProps['title'];
|
|
6
|
-
options: SelectOptionValue<T>[];
|
|
7
|
-
};
|
|
8
|
-
export type SelectOptionValue<T = unknown> = Pick<OptionProps, 'media' | 'title' | 'content' | 'disabled'> & {
|
|
9
|
-
value?: T;
|
|
10
|
-
};
|
|
11
|
-
export type SelectOptionPlaceholder = Pick<OptionProps, 'media' | 'title' | 'content'> & {
|
|
12
|
-
actionLabel?: ActionButtonProps['children'];
|
|
13
|
-
};
|
|
14
|
-
export type SelectOptionProps<T = unknown> = {
|
|
15
|
-
onChange: (selected: SelectOptionValue<T>) => void;
|
|
16
|
-
selected?: SelectOptionValue<T>;
|
|
17
|
-
options: SelectOptiopsSection<T>[];
|
|
18
|
-
placeholder: SelectOptionPlaceholder;
|
|
19
|
-
} & Omit<OptionProps, 'as' | 'title' | 'media' | 'content' | 'onClick' | 'onChange' | 'showMediaAtAllSizes' | 'decision'>;
|
|
20
|
-
export default function SelectOption<T>({ selected, options, onChange, placeholder, disabled, ...props }: SelectOptionProps<T>): import("react").JSX.Element;
|
|
21
|
-
//# sourceMappingURL=SelectOption.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../src/selectOption/SelectOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAU/C,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC9C,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CAC/C,WAAW,EACX,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAC3C,GAAG;IACF,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACvF,WAAW,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC3C,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAChC,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,WAAW,EAAE,uBAAuB,CAAC;CACtC,GAAG,IAAI,CACN,WAAW,EACX,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,qBAAqB,GAAG,UAAU,CACnG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,EAAE,EACtC,QAAoB,EACpB,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAmGtB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectOption.messages.d.ts","sourceRoot":"","sources":["../../../src/selectOption/SelectOption.messages.ts"],"names":[],"mappings":";;;;;;;;;;AAEA,wBASG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/selectOption/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC"}
|