agroptima-design-system 0.22.4 → 0.22.5-beta.1
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/package.json
CHANGED
|
@@ -217,6 +217,12 @@
|
|
|
217
217
|
margin-top: config.$space-2x;
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
+
.title-actions-5 {
|
|
221
|
+
width: calc(100% - 5 * config.$icon-size-5x - 4 * config.$space-7x - 8px);
|
|
222
|
+
}
|
|
223
|
+
.title-actions-4 {
|
|
224
|
+
width: calc(100% - 4 * config.$icon-size-5x - 3 * config.$space-7x - 8px);
|
|
225
|
+
}
|
|
220
226
|
.title-actions-3 {
|
|
221
227
|
width: calc(100% - 3 * config.$icon-size-5x - 2 * config.$space-7x - 8px);
|
|
222
228
|
}
|
|
@@ -235,13 +241,15 @@
|
|
|
235
241
|
flex-basis: content;
|
|
236
242
|
}
|
|
237
243
|
|
|
244
|
+
.alignment-right {
|
|
245
|
+
justify-content: flex-start;
|
|
246
|
+
}
|
|
238
247
|
.badge {
|
|
239
248
|
position: absolute;
|
|
240
249
|
inset: auto config.$space-3x config.$space-3x auto;
|
|
241
250
|
}
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
justify-content: flex-start;
|
|
251
|
+
tr:has(.badge) {
|
|
252
|
+
padding-bottom: config.$space-9x;
|
|
245
253
|
}
|
|
246
254
|
}
|
|
247
255
|
}
|
|
@@ -62,7 +62,7 @@ export const Primary = {
|
|
|
62
62
|
Tokyo, 104-0061 Japan
|
|
63
63
|
</CardsTableCell>
|
|
64
64
|
<CardsTableCell>konami@fakemail.com</CardsTableCell>
|
|
65
|
-
<CardsTableCell
|
|
65
|
+
<CardsTableCell>No price never</CardsTableCell>
|
|
66
66
|
<CardsTableCell actions>
|
|
67
67
|
<IconButton
|
|
68
68
|
icon="Edit"
|
|
@@ -119,6 +119,82 @@ export const Primary = {
|
|
|
119
119
|
/>
|
|
120
120
|
</CardsTableCell>
|
|
121
121
|
</CardsTableRow>
|
|
122
|
+
<CardsTableRow>
|
|
123
|
+
<CardsTableCell titleWithActions={4}>
|
|
124
|
+
<span>Metal Gear Solid 5: The Phantom Pain</span>
|
|
125
|
+
<Badge
|
|
126
|
+
accessibilityLabel="Game is bought"
|
|
127
|
+
text="Bought"
|
|
128
|
+
variant="success-outlined"
|
|
129
|
+
/>
|
|
130
|
+
</CardsTableCell>
|
|
131
|
+
<CardsTableCell>
|
|
132
|
+
Konami Digital Entertainment Co., Ltd. 1-11-1, Ginza, Chuo-ku,
|
|
133
|
+
Tokyo, 104-0061 Japan
|
|
134
|
+
</CardsTableCell>
|
|
135
|
+
<CardsTableCell>konami@fakemail.com</CardsTableCell>
|
|
136
|
+
<CardsTableCell align="right">6,99 €</CardsTableCell>
|
|
137
|
+
<CardsTableCell actions>
|
|
138
|
+
<IconButton
|
|
139
|
+
icon="Edit"
|
|
140
|
+
accessibilityLabel="Edit game"
|
|
141
|
+
href="link.com"
|
|
142
|
+
/>
|
|
143
|
+
<IconButton
|
|
144
|
+
icon="Export"
|
|
145
|
+
accessibilityLabel="Export game"
|
|
146
|
+
href="link.com"
|
|
147
|
+
/>
|
|
148
|
+
<IconButton
|
|
149
|
+
icon="Import"
|
|
150
|
+
accessibilityLabel="Import game"
|
|
151
|
+
href="link.com"
|
|
152
|
+
/>
|
|
153
|
+
<IconButton
|
|
154
|
+
icon="Delete"
|
|
155
|
+
accessibilityLabel="Delete game"
|
|
156
|
+
href="link.com"
|
|
157
|
+
/>
|
|
158
|
+
</CardsTableCell>
|
|
159
|
+
</CardsTableRow>
|
|
160
|
+
<CardsTableRow>
|
|
161
|
+
<CardsTableCell titleWithActions={5}>
|
|
162
|
+
<span>Silent Hill</span>
|
|
163
|
+
</CardsTableCell>
|
|
164
|
+
<CardsTableCell>
|
|
165
|
+
Konami Digital Entertainment Co., Ltd. 1-11-1, Ginza, Chuo-ku,
|
|
166
|
+
Tokyo, 104-0061 Japan
|
|
167
|
+
</CardsTableCell>
|
|
168
|
+
<CardsTableCell>konami@fakemail.com</CardsTableCell>
|
|
169
|
+
<CardsTableCell align="right">6,99 €</CardsTableCell>
|
|
170
|
+
<CardsTableCell actions>
|
|
171
|
+
<IconButton
|
|
172
|
+
icon="Edit"
|
|
173
|
+
accessibilityLabel="Edit game"
|
|
174
|
+
href="link.com"
|
|
175
|
+
/>
|
|
176
|
+
<IconButton
|
|
177
|
+
icon="Export"
|
|
178
|
+
accessibilityLabel="Export game"
|
|
179
|
+
href="link.com"
|
|
180
|
+
/>
|
|
181
|
+
<IconButton
|
|
182
|
+
icon="Import"
|
|
183
|
+
accessibilityLabel="Import game"
|
|
184
|
+
href="link.com"
|
|
185
|
+
/>
|
|
186
|
+
<IconButton
|
|
187
|
+
icon="Delete"
|
|
188
|
+
accessibilityLabel="Delete game"
|
|
189
|
+
href="link.com"
|
|
190
|
+
/>
|
|
191
|
+
<IconButton
|
|
192
|
+
icon="Info"
|
|
193
|
+
accessibilityLabel="Info game"
|
|
194
|
+
href="link.com"
|
|
195
|
+
/>
|
|
196
|
+
</CardsTableCell>
|
|
197
|
+
</CardsTableRow>
|
|
122
198
|
</CardsTableBody>
|
|
123
199
|
</CardsTable>
|
|
124
200
|
),
|