@transferwise/components 0.0.0-experimental-8078c24 → 0.0.0-experimental-7d89ae8

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.
Files changed (159) hide show
  1. package/package.json +3 -3
  2. package/src/accordion/Accordion.css +0 -74
  3. package/src/actionButton/ActionButton.css +0 -64
  4. package/src/actionOption/ActionOption.css +0 -4
  5. package/src/alert/Alert.css +0 -7
  6. package/src/avatar/Avatar.css +0 -250
  7. package/src/avatarLayout/AvatarLayout.css +0 -42
  8. package/src/avatarView/AvatarView.css +0 -44
  9. package/src/avatarView/Dot.css +0 -26
  10. package/src/badge/Badge.css +0 -65
  11. package/src/body/Body.css +0 -3
  12. package/src/button/Button.css +0 -246
  13. package/src/button/Button.vars.css +0 -46
  14. package/src/button/LegacyButton.css +0 -23
  15. package/src/card/Card.css +0 -100
  16. package/src/carousel/Carousel.css +0 -134
  17. package/src/checkboxButton/CheckboxButton.css +0 -43
  18. package/src/chips/Chip.css +0 -190
  19. package/src/circularButton/CircularButton.css +0 -34
  20. package/src/common/Option/Option.css +0 -120
  21. package/src/common/RadioButton/RadioButton.css +0 -4
  22. package/src/common/baseCard/BaseCard.css +0 -49
  23. package/src/common/bottomSheet/BottomSheet.css +0 -53
  24. package/src/common/circle/Circle.css +0 -43
  25. package/src/common/closeButton/CloseButton.css +0 -94
  26. package/src/common/liveRegion/LiveRegion.css +0 -3
  27. package/src/common/panel/Panel.css +0 -73
  28. package/src/container/Container.css +0 -38
  29. package/src/criticalBanner/CriticalCommsBanner.css +0 -63
  30. package/src/dateInput/DateInput.css +0 -16
  31. package/src/dateLookup/DateLookup.css +0 -93
  32. package/src/dateLookup/dateTrigger/DateTrigger.css +0 -29
  33. package/src/decision/Decision.css +0 -17
  34. package/src/definitionList/DefinitionList.css +0 -53
  35. package/src/dimmer/Dimmer.css +0 -70
  36. package/src/divider/Divider.css +0 -24
  37. package/src/drawer/Drawer.css +0 -56
  38. package/src/dropFade/DropFade.css +0 -19
  39. package/src/emphasis/Emphasis.css +0 -31
  40. package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +0 -60
  41. package/src/expressiveMoneyInput/amountInput/AmountInput.css +0 -34
  42. package/src/expressiveMoneyInput/chevron/Chevron.css +0 -12
  43. package/src/expressiveMoneyInput/currencySelector/CurrencySelector.css +0 -6
  44. package/src/field/Field.css +0 -29
  45. package/src/flowNavigation/FlowNavigation.css +0 -76
  46. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +0 -30
  47. package/src/header/Header.css +0 -33
  48. package/src/iconButton/IconButton.css +0 -82
  49. package/src/image/Image.css +0 -13
  50. package/src/info/Info.css +0 -9
  51. package/src/inputs/Input.css +0 -158
  52. package/src/inputs/InputGroup.css +0 -71
  53. package/src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +0 -96
  54. package/src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +0 -20
  55. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.css +0 -46
  56. package/src/inputs/SelectInput/ItemView/SelectInputItemView.css +0 -16
  57. package/src/inputs/SelectInput/Option/SelectInputOption.css +0 -33
  58. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +0 -37
  59. package/src/inputs/SelectInput/Options/SelectInputOptions.css +0 -81
  60. package/src/inputs/SelectInput/Popover/SelectInputPopover.css +0 -46
  61. package/src/inputs/SelectInput/SelectInput.css +0 -384
  62. package/src/inputs/TextArea.css +0 -161
  63. package/src/instructionsList/InstructionsList.css +0 -26
  64. package/src/legacylistItem/LegacyListItem.css +0 -6
  65. package/src/link/Link.css +0 -24
  66. package/src/listItem/ListItem.css +0 -660
  67. package/src/listItem/ListItem.grid.css +0 -384
  68. package/src/listItem/ListItem.vars.css +0 -0
  69. package/src/listItem/Prompt/ListItemPrompt.css +0 -4
  70. package/src/loader/Loader.css +0 -237
  71. package/src/logo/Logo.css +0 -6
  72. package/src/main.css +0 -34572
  73. package/src/modal/Modal.css +0 -82
  74. package/src/moneyInput/MoneyInput.css +0 -78
  75. package/src/navigationOption/NavigationOption.css +0 -69
  76. package/src/navigationOptionsList/NavigationOptionsList.css +0 -13
  77. package/src/nudge/Nudge.css +0 -206
  78. package/src/overlayHeader/OverlayHeader.css +0 -15
  79. package/src/phoneNumberInput/PhoneNumberInput.css +0 -28
  80. package/src/popover/Popover.css +0 -76
  81. package/src/progress/Progress.css +0 -43
  82. package/src/progressBar/ProgressBar.css +0 -14
  83. package/src/promoCard/PromoCard.css +0 -186
  84. package/src/prompt/ActionPrompt/ActionPrompt.css +0 -30
  85. package/src/prompt/CriticalBanner/CriticalBanner.css +0 -134
  86. package/src/prompt/CriticalBanner/CriticalBanner.vars.css +0 -0
  87. package/src/prompt/InfoPrompt/InfoPrompt.css +0 -57
  88. package/src/prompt/InlinePrompt/InlinePrompt.css +0 -57
  89. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +0 -51
  90. package/src/prompt/common/Expander/Expander.css +0 -8
  91. package/src/radioGroup/RadioGroup.css +0 -3
  92. package/src/section/Section.css +0 -10
  93. package/src/segmentedControl/SegmentedControl.css +0 -101
  94. package/src/select/Select.css +0 -369
  95. package/src/sentimentSurface/SentimentSurface.css +0 -487
  96. package/src/slidingPanel/SlidingPanel.css +0 -105
  97. package/src/snackbar/Snackbar.css +0 -93
  98. package/src/statusIcon/StatusIcon.css +0 -37
  99. package/src/stepper/Stepper.css +0 -77
  100. package/src/styles/less/accordion.css +0 -255
  101. package/src/styles/less/alerts.css +0 -751
  102. package/src/styles/less/background.css +0 -20
  103. package/src/styles/less/badge.css +0 -90
  104. package/src/styles/less/border-radius.css +0 -3
  105. package/src/styles/less/breadcrumbs.css +0 -20
  106. package/src/styles/less/button-groups.css +0 -495
  107. package/src/styles/less/buttons.css +0 -1390
  108. package/src/styles/less/chevron.css +0 -35
  109. package/src/styles/less/circles.css +0 -248
  110. package/src/styles/less/close.css +0 -47
  111. package/src/styles/less/column-layout.css +0 -164
  112. package/src/styles/less/core/viewport-themes.css +0 -63
  113. package/src/styles/less/currency-flags.css +0 -46
  114. package/src/styles/less/decision.css +0 -136
  115. package/src/styles/less/dropdowns.css +0 -472
  116. package/src/styles/less/droppable.css +0 -221
  117. package/src/styles/less/flex.css +0 -596
  118. package/src/styles/less/footer.css +0 -129
  119. package/src/styles/less/forms/bootstrap-forms.css +0 -2277
  120. package/src/styles/less/forms/checkbox-radio.css +0 -367
  121. package/src/styles/less/grid.css +0 -2369
  122. package/src/styles/less/input-groups.css +0 -2740
  123. package/src/styles/less/link-callout.css +0 -20
  124. package/src/styles/less/list-group.css +0 -350
  125. package/src/styles/less/loaders.css +0 -76
  126. package/src/styles/less/media.css +0 -74
  127. package/src/styles/less/modals.css +0 -185
  128. package/src/styles/less/navbar.css +0 -2406
  129. package/src/styles/less/navs.css +0 -296
  130. package/src/styles/less/neptune-social-media.css +0 -144
  131. package/src/styles/less/neptune.css +0 -25468
  132. package/src/styles/less/panels.css +0 -528
  133. package/src/styles/less/popovers.css +0 -661
  134. package/src/styles/less/process.css +0 -483
  135. package/src/styles/less/progress-bars.css +0 -64
  136. package/src/styles/less/ring.css +0 -55
  137. package/src/styles/less/select.css +0 -99
  138. package/src/styles/less/sequences.css +0 -855
  139. package/src/styles/less/table.css +0 -446
  140. package/src/styles/less/tick.css +0 -32
  141. package/src/styles/less/tooltip.css +0 -160
  142. package/src/styles/less/utilities.css +0 -133
  143. package/src/styles/less/wells.css +0 -60
  144. package/src/styles/variables/legacy-variables.css +0 -0
  145. package/src/styles/variables/neptune-tokens.css +0 -0
  146. package/src/styles/variables/zindex.css +0 -0
  147. package/src/summary/Summary.css +0 -81
  148. package/src/switch/Switch.css +0 -63
  149. package/src/switchOption/SwitchOption.css +0 -4
  150. package/src/table/Table.css +0 -274
  151. package/src/tabs/Tabs.css +0 -121
  152. package/src/tile/Tile.css +0 -68
  153. package/src/tooltip/Tooltip.css +0 -50
  154. package/src/typeahead/Typeahead.css +0 -187
  155. package/src/typeahead/typeaheadOption/TypeaheadOption.css +0 -9
  156. package/src/upload/Upload.css +0 -34
  157. package/src/uploadInput/UploadInput.css +0 -18
  158. package/src/uploadInput/uploadButton/UploadButton.css +0 -90
  159. package/src/uploadInput/uploadItem/UploadItem.css +0 -166
package/src/listItem/ListItem.grid.css DELETED
@@ -1,384 +0,0 @@
1
- .wds-list-item-gridWrapper {
2
- display: grid;
3
- grid-gap: 4px 12px;
4
- grid-gap: var(--size-4) var(--size-12);
5
- gap: 4px 12px;
6
- gap: var(--size-4) var(--size-12);
7
- }
8
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt:not(:has(.wds-list-item-subtitle-value, .wds-list-item-subtitle)) .wds-list-item-prompt,
9
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt:not(:has(.wds-list-item-subtitle-value, .wds-list-item-subtitle)) .wds-list-item-prompt {
10
- margin-top: -2px;
11
- }
12
- @container (width > 308px) {
13
- .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
14
- height: var(--wds-list-item-control-wrapper-height);
15
- align-content: center;
16
- }
17
- .wds-list-item-gridWrapper .wds-list-item-media-image {
18
- -o-object-position: center;
19
- object-position: center;
20
- }
21
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
22
- grid-template-columns: auto 1fr auto;
23
- grid-template-rows: auto auto auto;
24
- grid-template-areas: "media body control" ". info ." ". prompt prompt";
25
- }
26
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
27
- grid-template-columns: auto 1fr auto;
28
- grid-template-rows: auto auto;
29
- grid-template-areas: "media body control" ". info .";
30
- }
31
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
32
- grid-template-columns: auto 1fr auto;
33
- grid-template-rows: auto auto;
34
- grid-template-areas: "media body control" ". prompt prompt";
35
- }
36
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
37
- grid-template-columns: auto 1fr auto;
38
- grid-template-rows: auto;
39
- grid-template-areas: "media body control";
40
- }
41
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
42
- grid-template-columns: auto 1fr;
43
- grid-template-rows: auto auto;
44
- grid-template-areas: "media body" ". info" ". prompt";
45
- }
46
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
47
- grid-template-columns: auto 1fr;
48
- grid-template-rows: auto auto auto;
49
- grid-template-areas: "media body" ". info";
50
- }
51
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
52
- grid-template-columns: auto 1fr;
53
- grid-template-rows: auto auto;
54
- grid-template-areas: "media body" ". prompt";
55
- }
56
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
57
- grid-template-columns: auto 1fr;
58
- grid-template-rows: auto;
59
- grid-template-areas: "media body";
60
- }
61
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
62
- grid-column: 1 / -1;
63
- }
64
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
65
- grid-template-columns: 1fr auto;
66
- grid-template-rows: auto auto auto;
67
- grid-template-areas: "body control" "info ." "prompt prompt";
68
- }
69
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
70
- grid-template-columns: 1fr auto;
71
- grid-template-rows: auto auto;
72
- grid-template-areas: "body control" "info .";
73
- }
74
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
75
- grid-template-columns: 1fr auto;
76
- grid-template-rows: auto auto;
77
- grid-template-areas: "body control" "prompt prompt";
78
- }
79
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
80
- grid-template-columns: 1fr auto;
81
- grid-template-rows: auto;
82
- grid-template-areas: "body control";
83
- }
84
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
85
- grid-column: 1 / -1;
86
- }
87
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-hasPrompt {
88
- grid-template-columns: 1fr;
89
- grid-template-rows: auto auto auto;
90
- grid-template-areas: "body" "info" "prompt";
91
- }
92
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-noPrompt {
93
- grid-template-columns: 1fr;
94
- grid-template-rows: auto auto;
95
- grid-template-areas: "body" "info";
96
- }
97
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-hasPrompt {
98
- grid-template-columns: 1fr;
99
- grid-template-rows: auto auto;
100
- grid-template-areas: "body" "prompt";
101
- }
102
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-noPrompt {
103
- grid-template-columns: 1fr;
104
- grid-template-rows: auto;
105
- grid-template-areas: "body";
106
- }
107
- }
108
- @container (240px < width <= 308px) {
109
- .wds-list-item-gridWrapper .wds-list-item-media-image {
110
- -o-object-position: bottom left;
111
- object-position: bottom left;
112
- }
113
- .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
114
- align-content: start;
115
- }
116
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
117
- grid-template-columns: 1fr auto;
118
- grid-template-rows: auto auto auto auto;
119
- grid-template-areas: "media media" "body control" "info control" "prompt prompt";
120
- }
121
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
122
- grid-template-columns: 1fr;
123
- grid-template-areas: "media" "body" "info" "prompt" "control";
124
- }
125
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
126
- grid-template-columns: 1fr auto;
127
- grid-template-rows: auto auto auto;
128
- grid-template-areas: "media media" "body control" "info control";
129
- }
130
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
131
- grid-template-columns: 1fr;
132
- grid-template-areas: "media" "body" "info" "control";
133
- }
134
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
135
- grid-template-columns: 1fr auto;
136
- grid-template-rows: auto auto auto;
137
- grid-template-areas: "media media" "body control" "prompt prompt";
138
- }
139
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
140
- grid-template-columns: 1fr;
141
- grid-template-areas: "media" "body" "prompt" "control";
142
- }
143
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
144
- grid-template-columns: 1fr auto;
145
- grid-template-rows: auto auto;
146
- grid-template-areas: "media media" "body control";
147
- }
148
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
149
- grid-template-columns: 1fr;
150
- grid-template-areas: "media" "body" "control";
151
- }
152
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
153
- grid-template-columns: auto auto;
154
- grid-template-rows: auto auto auto auto;
155
- grid-template-areas: "media media" "body body" "info info" "prompt prompt";
156
- }
157
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
158
- grid-template-columns: auto 1fr;
159
- grid-template-rows: auto auto auto;
160
- grid-template-areas: "media media" "body body" "info info";
161
- }
162
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
163
- grid-template-columns: auto 1fr;
164
- grid-template-rows: auto auto auto;
165
- grid-template-areas: "media media" "body body" "prompt prompt";
166
- }
167
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
168
- grid-template-columns: 1fr;
169
- grid-template-rows: auto auto;
170
- grid-template-areas: "media" "body";
171
- }
172
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
173
- grid-column: 1 / -1;
174
- }
175
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
176
- grid-template-columns: 1fr auto;
177
- grid-template-rows: auto auto auto;
178
- grid-template-areas: "body control" "info control" "prompt prompt";
179
- }
180
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
181
- grid-template-columns: 1fr;
182
- grid-template-areas: "body" "info" "prompt" "control";
183
- }
184
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
185
- grid-template-columns: 1fr auto;
186
- grid-template-rows: auto auto;
187
- grid-template-areas: "body control" "info control";
188
- }
189
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
190
- grid-template-columns: 1fr;
191
- grid-template-areas: "body" "info" "control";
192
- }
193
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
194
- grid-template-columns: 1fr auto;
195
- grid-template-rows: auto auto;
196
- grid-template-areas: "body control" "prompt prompt";
197
- }
198
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
199
- grid-template-columns: 1fr;
200
- grid-template-areas: "body" "prompt" "control";
201
- }
202
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
203
- grid-template-columns: 1fr auto;
204
- grid-template-rows: auto;
205
- grid-template-areas: "body control";
206
- }
207
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
208
- grid-template-columns: 1fr;
209
- grid-template-areas: "body" "control";
210
- }
211
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
212
- grid-column: 1 / -1;
213
- }
214
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-hasPrompt {
215
- grid-template-columns: 1fr;
216
- grid-template-rows: auto auto auto;
217
- grid-template-areas: "body" "info" "prompt";
218
- }
219
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-noPrompt {
220
- grid-template-columns: 1fr;
221
- grid-template-rows: auto auto;
222
- grid-template-areas: "body" "info";
223
- }
224
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-hasPrompt {
225
- grid-template-columns: 1fr;
226
- grid-template-rows: auto auto;
227
- grid-template-areas: "body" "prompt";
228
- }
229
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-noPrompt {
230
- grid-template-columns: 1fr;
231
- grid-template-rows: auto;
232
- grid-template-areas: "body";
233
- }
234
- .wds-list-item-gridWrapper .wds-list-item-button-control--hasPrompt {
235
- margin-top: 4px;
236
- margin-top: var(--size-4);
237
- }
238
- }
239
- @container (width <= 240px) {
240
- .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
241
- align-content: start;
242
- }
243
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
244
- grid-template-columns: 1fr auto;
245
- grid-template-rows: auto auto auto;
246
- grid-template-areas: "body control" "info control" "prompt prompt";
247
- }
248
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
249
- grid-template-columns: 1fr;
250
- grid-template-rows: auto;
251
- grid-template-areas: "body" "info" "prompt" "control";
252
- }
253
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt {
254
- grid-template-columns: 1fr auto;
255
- grid-template-rows: auto auto;
256
- grid-template-areas: "body control" "info control";
257
- }
258
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
259
- grid-template-columns: 1fr;
260
- grid-template-areas: "body" "info" "control";
261
- }
262
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt {
263
- grid-template-columns: 1fr auto;
264
- grid-template-rows: auto auto;
265
- grid-template-areas: "body control" "prompt prompt";
266
- }
267
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
268
- grid-template-columns: 1fr;
269
- grid-template-areas: "body" "prompt" "control";
270
- }
271
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt {
272
- grid-template-columns: 1fr auto;
273
- grid-template-rows: auto;
274
- grid-template-areas: "body control";
275
- }
276
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
277
- grid-template-columns: 1fr;
278
- grid-template-areas: "body" "control";
279
- }
280
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-hasPrompt {
281
- grid-template-columns: 1fr;
282
- grid-template-rows: auto auto auto;
283
- grid-template-areas: "body" "info" "prompt";
284
- }
285
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-hasInfo-noPrompt {
286
- grid-template-columns: 1fr;
287
- grid-template-rows: auto auto;
288
- grid-template-areas: "body" "info";
289
- }
290
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-hasPrompt {
291
- grid-template-columns: 1fr;
292
- grid-template-rows: auto auto;
293
- grid-template-areas: "body" "prompt";
294
- }
295
- .wds-list-item-gridWrapper.wds-list-item-hasMedia-noControl.wds-list-item-noInfo-noPrompt {
296
- grid-template-columns: 1fr;
297
- grid-template-rows: auto;
298
- grid-template-areas: "body";
299
- }
300
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl .wds-list-item-prompt {
301
- grid-column: 1 / -1;
302
- }
303
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
304
- grid-template-columns: 1fr auto;
305
- grid-template-rows: auto auto auto;
306
- grid-template-areas: "body control" "info control" "prompt prompt";
307
- }
308
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-hasPrompt:has(.wds-list-item-button-control) {
309
- grid-template-columns: 1fr;
310
- grid-template-rows: auto;
311
- grid-template-areas: "body" "info" "prompt" "control";
312
- }
313
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt {
314
- grid-template-columns: 1fr auto;
315
- grid-template-rows: auto auto;
316
- grid-template-areas: "body control" "info control";
317
- }
318
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-hasInfo-noPrompt:has(.wds-list-item-button-control) {
319
- grid-template-columns: 1fr;
320
- grid-template-rows: auto;
321
- grid-template-areas: "body" "info" "control";
322
- }
323
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt {
324
- grid-template-columns: 1fr auto;
325
- grid-template-rows: auto auto;
326
- grid-template-areas: "body control" "prompt prompt";
327
- }
328
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-hasPrompt:has(.wds-list-item-button-control) {
329
- grid-template-columns: 1fr;
330
- grid-template-rows: auto;
331
- grid-template-areas: "body" "prompt" "control";
332
- }
333
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt {
334
- grid-template-columns: 1fr auto;
335
- grid-template-rows: auto;
336
- grid-template-areas: "body control";
337
- }
338
- .wds-list-item-gridWrapper.wds-list-item-noMedia-hasControl.wds-list-item-noInfo-noPrompt:has(.wds-list-item-button-control) {
339
- grid-template-columns: 1fr;
340
- grid-template-rows: auto;
341
- grid-template-areas: "body" "control";
342
- }
343
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl .wds-list-item-prompt {
344
- grid-column: 1 / -1;
345
- }
346
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-hasPrompt {
347
- grid-template-columns: 1fr;
348
- grid-template-rows: auto auto auto;
349
- grid-template-areas: "body" "info" "prompt";
350
- }
351
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-hasInfo-noPrompt {
352
- grid-template-columns: 1fr;
353
- grid-template-rows: auto auto;
354
- grid-template-areas: "body" "info";
355
- }
356
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-hasPrompt {
357
- grid-template-columns: 1fr;
358
- grid-template-rows: auto auto;
359
- grid-template-areas: "body" "prompt";
360
- }
361
- .wds-list-item-gridWrapper.wds-list-item-noMedia-noControl.wds-list-item-noInfo-noPrompt {
362
- grid-template-columns: 1fr;
363
- grid-template-rows: auto;
364
- grid-template-areas: "body";
365
- }
366
- .wds-list-item-gridWrapper .wds-list-item-media {
367
- display: none;
368
- }
369
- .wds-list-item-gridWrapper .wds-list-item-body {
370
- grid-area: body;
371
- display: grid;
372
- grid-template-columns: 1fr;
373
- justify-items: start;
374
- grid-gap: 0;
375
- gap: 0;
376
- }
377
- .wds-list-item-gridWrapper .wds-list-item-body .wds-list-item-value {
378
- text-align: left;
379
- }
380
- .wds-list-item-gridWrapper .wds-list-item-button-control--hasPrompt {
381
- margin-top: 4px;
382
- margin-top: var(--size-4);
383
- }
384
- }
package/src/listItem/ListItem.vars.css DELETED
File without changes
package/src/listItem/Prompt/ListItemPrompt.css DELETED
@@ -1,4 +0,0 @@
1
- .wds-list-item-prompt {
2
- grid-area: prompt;
3
- justify-self: start;
4
- }