@transferwise/neptune-css 0.0.0-experimental-4c688cd → 0.0.0-experimental-5405b30

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 (48) hide show
  1. package/dist/css/accordion.css +1 -235
  2. package/dist/css/alerts.css +1 -761
  3. package/dist/css/background.css +1 -20
  4. package/dist/css/badge.css +1 -90
  5. package/dist/css/border-radius.css +1 -3
  6. package/dist/css/breadcrumbs.css +1 -20
  7. package/dist/css/button-groups.css +1 -412
  8. package/dist/css/buttons.css +1 -1382
  9. package/dist/css/chevron.css +1 -35
  10. package/dist/css/circles.css +1 -284
  11. package/dist/css/close.css +1 -47
  12. package/dist/css/column-layout.css +1 -164
  13. package/dist/css/currency-flags.css +1 -45
  14. package/dist/css/decision.css +1 -95
  15. package/dist/css/dropdowns.css +1 -413
  16. package/dist/css/droppable.css +1 -207
  17. package/dist/css/flex.css +1 -598
  18. package/dist/css/footer.css +1 -118
  19. package/dist/css/grid.css +1 -2369
  20. package/dist/css/input-groups.css +1 -2706
  21. package/dist/css/link-callout.css +1 -20
  22. package/dist/css/list-group.css +1 -267
  23. package/dist/css/loaders.css +1 -76
  24. package/dist/css/media.css +1 -74
  25. package/dist/css/modals.css +1 -185
  26. package/dist/css/navbar-base.css +1 -1385
  27. package/dist/css/navbar.css +1 -2397
  28. package/dist/css/navs.css +1 -296
  29. package/dist/css/neptune-addons.css +1 -1829
  30. package/dist/css/neptune-core.css +2 -2037
  31. package/dist/css/neptune-social-media.css +1 -144
  32. package/dist/css/neptune.css +2 -24374
  33. package/dist/css/panels.css +1 -528
  34. package/dist/css/popovers.css +1 -538
  35. package/dist/css/process.css +1 -483
  36. package/dist/css/progress-bars.css +1 -76
  37. package/dist/css/ring.css +1 -59
  38. package/dist/css/select.css +1 -99
  39. package/dist/css/sequences.css +1 -855
  40. package/dist/css/table.css +1 -446
  41. package/dist/css/tick.css +1 -32
  42. package/dist/css/tooltip.css +1 -142
  43. package/dist/css/utilities.css +1 -145
  44. package/dist/css/wells.css +1 -74
  45. package/package.json +2 -3
  46. package/src/less/buttons.less +6 -2
  47. package/src/less/core/_scaffolding.less +1 -3
  48. package/scripts/analyze-css-selectors.js +0 -39
@@ -1,446 +1 @@
1
- table {
2
- background-color: #ffffff;
3
- background-color: var(--color-background-screen);
4
- border-collapse: separate;
5
- }
6
- table td[class*="col-"],
7
- table th[class*="col-"] {
8
- position: static;
9
- float: none;
10
- display: table-cell;
11
- }
12
- caption {
13
- padding-top: 16px;
14
- padding-bottom: 16px;
15
- color: #5d7079;
16
- color: var(--color-content-secondary);
17
- text-align: left;
18
- }
19
- [dir="rtl"] caption {
20
- text-align: right;
21
- }
22
- th {
23
- text-align: left;
24
- }
25
- [dir="rtl"] th {
26
- text-align: right;
27
- }
28
- .table {
29
- width: 100%;
30
- max-width: 100%;
31
- margin-bottom: 24px;
32
- margin-bottom: var(--size-24);
33
- }
34
- .table > thead > tr > th,
35
- .table > tbody > tr > th,
36
- .table > tfoot > tr > th,
37
- .table > thead > tr > td,
38
- .table > tbody > tr > td,
39
- .table > tfoot > tr > td {
40
- padding: 24px 16px;
41
- padding: var(--size-24) var(--size-16);
42
- line-height: 1.5;
43
- line-height: var(--line-height-body);
44
- vertical-align: top;
45
- border-top: 1px solid rgba(0,0,0,0.10196);
46
- border-top: 1px solid var(--color-border-neutral);
47
- border-bottom: 0;
48
- transition: border ease 0.15s;
49
- }
50
- .table > .thead > ol > li,
51
- .table > .tbody > dl > dd,
52
- .table > .tfoot > ol > li {
53
- padding: 24px 16px;
54
- padding: var(--size-24) var(--size-16);
55
- line-height: 1.5;
56
- line-height: var(--line-height-body);
57
- vertical-align: top;
58
- border-top: 1px solid rgba(0,0,0,0.10196);
59
- border-top: 1px solid var(--color-border-neutral);
60
- border-bottom: 0;
61
- transition: border ease 0.15s;
62
- }
63
- .table > thead > tr > th,
64
- .table > .thead > ol > li {
65
- vertical-align: bottom;
66
- }
67
- .table > thead > tr > th a,
68
- .table > .thead > ol > li a {
69
- -webkit-text-decoration: none;
70
- text-decoration: none;
71
- }
72
- .table > thead > tr > th .tw-icon,
73
- .table > .thead > ol > li .tw-icon {
74
- margin-top: -3px;
75
- }
76
- .table > caption + thead > tr:first-child > th,
77
- .table > colgroup + thead > tr:first-child > th,
78
- .table > thead:first-child > tr:first-child > th,
79
- .table > caption + thead > tr:first-child > td,
80
- .table > colgroup + thead > tr:first-child > td,
81
- .table > thead:first-child > tr:first-child > td {
82
- border-top: 0;
83
- }
84
- .table > .thead:first-child > ol:first-child > li {
85
- border-top: 0;
86
- }
87
- .table > tbody + tbody {
88
- border-top: 1px solid rgba(0,0,0,0.10196);
89
- border-top: 1px solid var(--color-border-neutral);
90
- }
91
- .table .table {
92
- background-color: #ffffff;
93
- background-color: var(--color-background-screen);
94
- }
95
- .table > thead,
96
- .table > tfoot,
97
- .table > .thead,
98
- .table > .tfoot {
99
- font-size: 0.875rem;
100
- font-size: var(--font-size-14);
101
- color: #37517e;
102
- color: var(--color-content-primary);
103
- }
104
- .table > tbody,
105
- .table > .tbody {
106
- font-size: 0.875rem;
107
- font-size: var(--font-size-14);
108
- }
109
- .table > tbody > tr > th,
110
- .table > .tbody > dl > .th {
111
- color: #37517e;
112
- color: var(--color-content-primary);
113
- }
114
- .table-condensed > thead > tr > th,
115
- .table-condensed > tbody > tr > th,
116
- .table-condensed > tfoot > tr > th,
117
- .table-condensed > thead > tr > td,
118
- .table-condensed > tbody > tr > td,
119
- .table-condensed > tfoot > tr > td {
120
- padding: 8px;
121
- padding: var(--size-8);
122
- }
123
- .table-condensed > .thead > ol > li,
124
- .table-condensed > .tbody > dl > dd {
125
- padding: 8px;
126
- padding: var(--size-8);
127
- }
128
- .table-bordered {
129
- border: 1px solid rgba(0,0,0,0.10196);
130
- border: 1px solid var(--color-border-neutral);
131
- border-radius: 3px;
132
- }
133
- .table-bordered thead,
134
- .table-bordered .thead {
135
- background-color: rgba(134,167,189,0.10196);
136
- background-color: var(--color-background-neutral);
137
- }
138
- @media (max-width: 767px) {
139
- div.table-bordered:not(.table-responsive) {
140
- border: 0;
141
- }
142
- }
143
- .table-striped > tbody > tr:nth-of-type(odd) {
144
- background-color: rgba(134,167,189,0.10196);
145
- background-color: var(--color-background-neutral);
146
- }
147
- @media (min-width: 768px) {
148
- .table-striped > .tbody > dl:nth-of-type(odd) {
149
- background-color: rgba(134,167,189,0.10196);
150
- background-color: var(--color-background-neutral);
151
- }
152
- }
153
- table col[class*="col-"] {
154
- position: static;
155
- float: none;
156
- display: table-column;
157
- }
158
- .table > thead > tr > td.primary,
159
- .table > tbody > tr > td.primary,
160
- .table > tfoot > tr > td.primary,
161
- .table > thead > tr > th.primary,
162
- .table > tbody > tr > th.primary,
163
- .table > tfoot > tr > th.primary,
164
- .table > thead > tr.primary > td,
165
- .table > tbody > tr.primary > td,
166
- .table > tfoot > tr.primary > td,
167
- .table > thead > tr.primary > th,
168
- .table > tbody > tr.primary > th,
169
- .table > tfoot > tr.primary > th {
170
- background-color: #37517e;
171
- }
172
- .table-hover > tbody > tr > td.primary:hover,
173
- .table-hover > tbody > tr > th.primary:hover,
174
- .table-hover > tbody > tr.primary:hover > td,
175
- .table-hover > tbody > tr:hover > .primary,
176
- .table-hover > tbody > tr.primary:hover > th {
177
- background-color: #37517e;
178
- }
179
- .table > thead > tr > td.active,
180
- .table > tbody > tr > td.active,
181
- .table > tfoot > tr > td.active,
182
- .table > thead > tr > th.active,
183
- .table > tbody > tr > th.active,
184
- .table > tfoot > tr > th.active,
185
- .table > thead > tr.active > td,
186
- .table > tbody > tr.active > td,
187
- .table > tfoot > tr.active > td,
188
- .table > thead > tr.active > th,
189
- .table > tbody > tr.active > th,
190
- .table > tfoot > tr.active > th {
191
- background-color: #ffffff;
192
- background-color: var(--color-background-screen);
193
- }
194
- .table-hover > tbody > tr > td.active:hover,
195
- .table-hover > tbody > tr > th.active:hover,
196
- .table-hover > tbody > tr.active:hover > td,
197
- .table-hover > tbody > tr:hover > .active,
198
- .table-hover > tbody > tr.active:hover > th {
199
- background-color: #ffffff;
200
- background-color: var(--color-background-screen);
201
- }
202
- .table > thead > tr > td.success,
203
- .table > tbody > tr > td.success,
204
- .table > tfoot > tr > td.success,
205
- .table > thead > tr > th.success,
206
- .table > tbody > tr > th.success,
207
- .table > tfoot > tr > th.success,
208
- .table > thead > tr.success > td,
209
- .table > tbody > tr.success > td,
210
- .table > tfoot > tr.success > td,
211
- .table > thead > tr.success > th,
212
- .table > tbody > tr.success > th,
213
- .table > tfoot > tr.success > th {
214
- background-color: rgba(54,199,151,0.10196);
215
- background-color: var(--color-background-positive);
216
- }
217
- .table-hover > tbody > tr > td.success:hover,
218
- .table-hover > tbody > tr > th.success:hover,
219
- .table-hover > tbody > tr.success:hover > td,
220
- .table-hover > tbody > tr:hover > .success,
221
- .table-hover > tbody > tr.success:hover > th {
222
- background-color: rgba(54,199,151,0.10196);
223
- background-color: var(--color-background-positive);
224
- }
225
- .table > thead > tr > td.info,
226
- .table > tbody > tr > td.info,
227
- .table > tfoot > tr > td.info,
228
- .table > thead > tr > th.info,
229
- .table > tbody > tr > th.info,
230
- .table > tfoot > tr > th.info,
231
- .table > thead > tr.info > td,
232
- .table > tbody > tr.info > td,
233
- .table > tfoot > tr.info > td,
234
- .table > thead > tr.info > th,
235
- .table > tbody > tr.info > th,
236
- .table > tfoot > tr.info > th {
237
- background-color: rgba(56,200,255,0.10196);
238
- background-color: var(--color-background-accent);
239
- }
240
- .table-hover > tbody > tr > td.info:hover,
241
- .table-hover > tbody > tr > th.info:hover,
242
- .table-hover > tbody > tr.info:hover > td,
243
- .table-hover > tbody > tr:hover > .info,
244
- .table-hover > tbody > tr.info:hover > th {
245
- background-color: rgba(56,200,255,0.10196);
246
- background-color: var(--color-background-accent);
247
- }
248
- .table > thead > tr > td.warning,
249
- .table > tbody > tr > td.warning,
250
- .table > tfoot > tr > td.warning,
251
- .table > thead > tr > th.warning,
252
- .table > tbody > tr > th.warning,
253
- .table > tfoot > tr > th.warning,
254
- .table > thead > tr.warning > td,
255
- .table > tbody > tr.warning > td,
256
- .table > tfoot > tr.warning > td,
257
- .table > thead > tr.warning > th,
258
- .table > tbody > tr.warning > th,
259
- .table > tfoot > tr.warning > th {
260
- background-color: rgba(255,172,0,0.10196);
261
- background-color: var(--color-background-warning);
262
- }
263
- .table-hover > tbody > tr > td.warning:hover,
264
- .table-hover > tbody > tr > th.warning:hover,
265
- .table-hover > tbody > tr.warning:hover > td,
266
- .table-hover > tbody > tr:hover > .warning,
267
- .table-hover > tbody > tr.warning:hover > th {
268
- background-color: rgba(255,172,0,0.10196);
269
- background-color: var(--color-background-warning);
270
- }
271
- .table > thead > tr > td.danger,
272
- .table > tbody > tr > td.danger,
273
- .table > tfoot > tr > td.danger,
274
- .table > thead > tr > th.danger,
275
- .table > tbody > tr > th.danger,
276
- .table > tfoot > tr > th.danger,
277
- .table > thead > tr.danger > td,
278
- .table > tbody > tr.danger > td,
279
- .table > tfoot > tr.danger > td,
280
- .table > thead > tr.danger > th,
281
- .table > tbody > tr.danger > th,
282
- .table > tfoot > tr.danger > th {
283
- background-color: rgba(255,135,135,0.10196);
284
- background-color: var(--color-background-negative);
285
- }
286
- .table-hover > tbody > tr > td.danger:hover,
287
- .table-hover > tbody > tr > th.danger:hover,
288
- .table-hover > tbody > tr.danger:hover > td,
289
- .table-hover > tbody > tr:hover > .danger,
290
- .table-hover > tbody > tr.danger:hover > th {
291
- background-color: rgba(255,135,135,0.10196);
292
- background-color: var(--color-background-negative);
293
- }
294
- .table > thead > tr > td.default,
295
- .table > tbody > tr > td.default,
296
- .table > tfoot > tr > td.default,
297
- .table > thead > tr > th.default,
298
- .table > tbody > tr > th.default,
299
- .table > tfoot > tr > th.default,
300
- .table > thead > tr.default > td,
301
- .table > tbody > tr.default > td,
302
- .table > tfoot > tr.default > td,
303
- .table > thead > tr.default > th,
304
- .table > tbody > tr.default > th,
305
- .table > tfoot > tr.default > th {
306
- background-color: var(--color-background-secondary);
307
- }
308
- .table-hover > tbody > tr > td.default:hover,
309
- .table-hover > tbody > tr > th.default:hover,
310
- .table-hover > tbody > tr.default:hover > td,
311
- .table-hover > tbody > tr:hover > .default,
312
- .table-hover > tbody > tr.default:hover > th {
313
- background-color: var(--color-background-secondary);
314
- }
315
- .table-responsive {
316
- overflow-x: auto;
317
- min-height: 0.01%;
318
- }
319
- .table-responsive.table-bordered {
320
- border: 0;
321
- }
322
- @media screen and (max-width: 767px) {
323
- .table-responsive {
324
- width: 100%;
325
- margin-bottom: 24px;
326
- margin-bottom: var(--size-24);
327
- overflow-y: hidden;
328
- -ms-overflow-style: -ms-autohiding-scrollbar;
329
- }
330
- .table-responsive > .table {
331
- margin-bottom: 0;
332
- }
333
- .table-responsive > .table > thead > tr > th,
334
- .table-responsive > .table > tbody > tr > th,
335
- .table-responsive > .table > tfoot > tr > th,
336
- .table-responsive > .table > thead > tr > td,
337
- .table-responsive > .table > tbody > tr > td,
338
- .table-responsive > .table > tfoot > tr > td {
339
- white-space: nowrap;
340
- }
341
- .table-responsive > .table-bordered {
342
- border: 0;
343
- }
344
- .table-responsive > .table-bordered > tbody > tr:last-child > th,
345
- .table-responsive > .table-bordered > tfoot > tr:last-child > th,
346
- .table-responsive > .table-bordered > tbody > tr:last-child > td,
347
- .table-responsive > .table-bordered > tfoot > tr:last-child > td {
348
- border-bottom: 0;
349
- }
350
- .table-responsive.table-bordered {
351
- border: 1px solid rgba(134,167,189,0.10196);
352
- border: 1px solid var(--color-background-neutral);
353
- border-radius: 3px;
354
- }
355
- }
356
- @media (min-width: 768px) {
357
- .table {
358
- display: table;
359
- }
360
- .table > .thead {
361
- display: table-header-group;
362
- }
363
- .table > .thead > ol {
364
- display: table-row;
365
- }
366
- .table > .thead > ol > li {
367
- display: table-cell;
368
- font-weight: 800;
369
- font-weight: var(--font-weight-bold);
370
- color: #37517e;
371
- color: var(--color-content-primary);
372
- }
373
- .table > .tbody {
374
- display: table-row-group;
375
- }
376
- .table > .tbody > dl {
377
- display: table-row;
378
- }
379
- .table > .tbody > dl > dt {
380
- display: none;
381
- }
382
- .table > .tbody > dl > dd {
383
- display: table-cell;
384
- font-size: 0.875rem;
385
- font-size: var(--font-size-14);
386
- color: #5d7079;
387
- color: var(--color-content-secondary);
388
- }
389
- .table > .tfoot {
390
- display: table-footer-group;
391
- }
392
- }
393
- @media (max-width: 767px) {
394
- .table > .thead {
395
- display: none;
396
- }
397
- .table > .tbody > dl {
398
- border: 1px #c9cbce solid;
399
- border: 1px var(--color-interactive-secondary) solid;
400
- border-radius: 3px;
401
- margin-bottom: 24px;
402
- margin-bottom: var(--size-24);
403
- padding: 24px 1.5 0;
404
- padding: var(--size-24) var(--line-height-body) 0;
405
- }
406
- .table > .tbody > dl > dd {
407
- padding: 0;
408
- border: 0;
409
- }
410
- .table > .tbody > dl > dd:empty {
411
- margin: 0;
412
- }
413
- }
414
- @media (max-width: 575px) {
415
- .table > .tbody > dl {
416
- padding-bottom: 8px;
417
- }
418
- }
419
- /* Deprecated - Table CSS for components moved inside @transferwise/components */
420
- .table-calendar {
421
- min-width: 300px;
422
- }
423
- .table-calendar > tbody > tr > td {
424
- padding: 0;
425
- }
426
- .table-calendar > tbody > tr > td > a {
427
- display: block;
428
- padding: 4px 0;
429
- margin: 4px 2px;
430
- border-radius: 3px;
431
- text-align: center;
432
- -webkit-text-decoration: none;
433
- text-decoration: none;
434
- }
435
- .table-calendar > tbody > tr > td > a.active {
436
- background-color: #37517e;
437
- color: #ffffff;
438
- }
439
- .table-calendar > tbody > tr > td > a:not([disabled]):hover {
440
- background-color: #0097c7;
441
- background-color: var(--color-content-accent);
442
- color: #fff;
443
- }
444
- .table-calendar > thead > tr > th {
445
- text-align: center;
446
- }
1
+ table{background-color:#fff;background-color:var(--color-background-screen);border-collapse:separate}table td[class*=col-],table th[class*=col-]{display:table-cell;float:none;position:static}caption{color:#5d7079;color:var(--color-content-secondary);padding-bottom:16px;padding-top:16px;text-align:left}[dir=rtl] caption{text-align:right}th{text-align:left}[dir=rtl] th{text-align:right}.table{margin-bottom:24px;margin-bottom:var(--size-24);max-width:100%;width:100%}.table>.tbody>dl>dd,.table>.tfoot>ol>li,.table>.thead>ol>li,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-bottom:0;border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral);line-height:1.5;line-height:var(--line-height-body);padding:24px 16px;padding:var(--size-24) var(--size-16);transition:border .15s ease;vertical-align:top}.table>.thead>ol>li,.table>thead>tr>th{vertical-align:bottom}.table>.thead>ol>li a,.table>thead>tr>th a{text-decoration:none}.table>.thead>ol>li .tw-icon,.table>thead>tr>th .tw-icon{margin-top:-3px}.table>.thead:first-child>ol:first-child>li,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral)}.table .table{background-color:#fff;background-color:var(--color-background-screen)}.table>.tfoot,.table>.thead,.table>tfoot,.table>thead{color:#37517e;color:var(--color-content-primary);font-size:.875rem;font-size:var(--font-size-14)}.table>.tbody,.table>tbody{font-size:.875rem;font-size:var(--font-size-14)}.table>.tbody>dl>.th,.table>tbody>tr>th{color:#37517e;color:var(--color-content-primary)}.table-condensed>.tbody>dl>dd,.table-condensed>.thead>ol>li,.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:8px;padding:var(--size-8)}.table-bordered{border:1px solid #0000001a;border:1px solid var(--color-border-neutral);border-radius:3px}.table-bordered .thead,.table-bordered thead{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}@media (max-width:767px){div.table-bordered:not(.table-responsive){border:0}}.table-striped>tbody>tr:nth-of-type(odd){background-color:#86a7bd1a;background-color:var(--color-background-neutral)}@media (min-width:768px){.table-striped>.tbody>dl:nth-of-type(odd){background-color:#86a7bd1a;background-color:var(--color-background-neutral)}}table col[class*=col-]{display:table-column;float:none;position:static}.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary{background-color:#37517e}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#fff;background-color:var(--color-background-screen)}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#36c7971a;background-color:var(--color-background-positive)}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#38c8ff1a;background-color:var(--color-background-accent)}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#ffac001a;background-color:var(--color-background-warning)}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#ff87871a;background-color:var(--color-background-negative)}.table-hover>tbody>tr.default:hover>td,.table-hover>tbody>tr.default:hover>th,.table-hover>tbody>tr:hover>.default,.table-hover>tbody>tr>td.default:hover,.table-hover>tbody>tr>th.default:hover,.table>tbody>tr.default>td,.table>tbody>tr.default>th,.table>tbody>tr>td.default,.table>tbody>tr>th.default,.table>tfoot>tr.default>td,.table>tfoot>tr.default>th,.table>tfoot>tr>td.default,.table>tfoot>tr>th.default,.table>thead>tr.default>td,.table>thead>tr.default>th,.table>thead>tr>td.default,.table>thead>tr>th.default{background-color:var(--color-background-secondary)}.table-responsive{min-height:.01%;overflow-x:auto}.table-responsive.table-bordered{border:0}@media screen and (max-width:767px){.table-responsive{-ms-overflow-style:-ms-autohiding-scrollbar;margin-bottom:24px;margin-bottom:var(--size-24);overflow-y:hidden;width:100%}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.table-responsive.table-bordered{border:1px solid #86a7bd1a;border:1px solid var(--color-background-neutral);border-radius:3px}}@media (min-width:768px){.table{display:table}.table>.thead{display:table-header-group}.table>.thead>ol{display:table-row}.table>.thead>ol>li{color:#37517e;color:var(--color-content-primary);display:table-cell;font-weight:800;font-weight:var(--font-weight-bold)}.table>.tbody{display:table-row-group}.table>.tbody>dl{display:table-row}.table>.tbody>dl>dt{display:none}.table>.tbody>dl>dd{color:#5d7079;color:var(--color-content-secondary);display:table-cell;font-size:.875rem;font-size:var(--font-size-14)}.table>.tfoot{display:table-footer-group}}@media (max-width:767px){.table>.thead{display:none}.table>.tbody>dl{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;margin-bottom:24px;margin-bottom:var(--size-24);padding:24px 1.5 0;padding:var(--size-24) var(--line-height-body) 0}.table>.tbody>dl>dd{border:0;padding:0}.table>.tbody>dl>dd:empty{margin:0}}@media (max-width:575px){.table>.tbody>dl{padding-bottom:8px}}.table-calendar{min-width:300px}.table-calendar>tbody>tr>td{padding:0}.table-calendar>tbody>tr>td>a{border-radius:3px;display:block;margin:4px 2px;padding:4px 0;text-align:center;text-decoration:none}.table-calendar>tbody>tr>td>a.active{background-color:#37517e;color:#fff}.table-calendar>tbody>tr>td>a:not([disabled]):hover{background-color:#0097c7;background-color:var(--color-content-accent);color:#fff}.table-calendar>thead>tr>th{text-align:center}
package/dist/css/tick.css CHANGED
@@ -1,32 +1 @@
1
- .tw-checkbox-check {
2
- position: relative;
3
- display: inline-block;
4
- width: 10px;
5
- height: 8px;
6
- }
7
- .tw-checkbox-check::before,
8
- .tw-checkbox-check::after {
9
- content: "";
10
- position: absolute;
11
- background: #ffffff;
12
- background: var(--color-background-screen);
13
- transform: translateX(0.5px) rotate(-45deg);
14
- transform-origin: left bottom;
15
- left: 8px;
16
- left: var(--size-8);
17
- }
18
- .tw-checkbox-check .has-error::before,
19
- .tw-checkbox-check .has-error::after {
20
- background-color: #e74848;
21
- background-color: var(--color-interactive-negative);
22
- }
23
- .tw-checkbox-check::before {
24
- top: 9px;
25
- height: 6px;
26
- width: 2px;
27
- }
28
- .tw-checkbox-check::after {
29
- bottom: 5px;
30
- height: 2px;
31
- width: 11px;
32
- }
1
+ .tw-checkbox-check{display:inline-block;height:8px;position:relative;width:10px}.tw-checkbox-check:after,.tw-checkbox-check:before{background:#fff;background:var(--color-background-screen);content:"";left:8px;left:var(--size-8);position:absolute;transform:translateX(.5px) rotate(-45deg);transform-origin:left bottom}.tw-checkbox-check .has-error:after,.tw-checkbox-check .has-error:before{background-color:#e74848;background-color:var(--color-interactive-negative)}.tw-checkbox-check:before{height:6px;top:9px;width:2px}.tw-checkbox-check:after{bottom:5px;height:2px;width:11px}
@@ -1,142 +1 @@
1
- @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
- }.tooltip {
4
- position: absolute;
5
- z-index: 1070;
6
- display: block;
7
- font-family: 'Inter', Helvetica, Arial, sans-serif;
8
- font-family: var(--font-family-regular);
9
- font-style: normal;
10
- font-weight: normal;
11
- letter-spacing: normal;
12
- line-break: auto;
13
- line-height: 24px;
14
- line-height: var(--size-24);
15
- text-align: left;
16
- -webkit-text-decoration: none;
17
- text-decoration: none;
18
- text-shadow: none;
19
- text-transform: none;
20
- white-space: normal;
21
- word-break: normal;
22
- word-spacing: normal;
23
- word-wrap: normal;
24
- opacity: 0;
25
- }[dir="rtl"] .tooltip {
26
- text-align: right;
27
- }.tooltip.in {
28
- opacity: 1;
29
- }.tooltip.top {
30
- margin-top: -3px;
31
- padding: 5px 0;
32
- }.tooltip.right {
33
- margin-left: 3px;
34
- padding: 0 5px;
35
- }[dir="rtl"] .tooltip.right {
36
- margin-right: 3px;
37
- margin-left: 0;
38
- margin-left: initial;
39
- }.tooltip.bottom {
40
- margin-top: 3px;
41
- padding: 5px 0;
42
- }.tooltip.left {
43
- margin-left: -3px;
44
- padding: 0 5px;
45
- }[dir="rtl"] .tooltip.left {
46
- margin-right: -3px;
47
- margin-left: 0;
48
- margin-left: initial;
49
- }.tooltip-inner {
50
- line-height: 1.5;
51
- line-height: var(--line-height-body);
52
- font-size: 1rem;
53
- font-size: var(--font-size-16);
54
- font-size: 0.875rem;
55
- font-size: var(--font-size-14);
56
- line-height: 155%;
57
- letter-spacing: -0.006em;
58
- font-weight: 400;
59
- font-weight: var(--font-weight-regular);
60
- max-width: 200px;
61
- min-width: 120px;
62
- padding: 16px 16px;
63
- padding: var(--size-16) var(--size-16);
64
- color: #37517e;
65
- color: var(--color-content-primary);
66
- text-align: center;
67
- background-color: #ffffff;
68
- background-color: var(--color-background-screen);
69
- border-radius: 3px;
70
- box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
71
- }.np-theme-personal--forest-green .tooltip-inner,
72
- .np-theme-personal--bright-green .tooltip-inner,
73
- .np-theme-personal--dark .tooltip-inner {
74
- box-shadow: none;
75
- }.tooltip-arrow {
76
- position: absolute;
77
- width: 0;
78
- height: 0;
79
- border-color: transparent;
80
- border-style: solid;
81
- }.tooltip.top .tooltip-arrow {
82
- bottom: 0;
83
- left: 50%;
84
- margin-left: -5px;
85
- border-width: 5px 5px 0;
86
- border-top-color: #ffffff;
87
- border-top-color: var(--color-background-screen);
88
- }[dir="rtl"] .tooltip.top .tooltip-arrow {
89
- right: 50%;
90
- left: auto;
91
- left: initial;
92
- }[dir="rtl"] .tooltip.top .tooltip-arrow {
93
- margin-right: -5px;
94
- margin-left: 0;
95
- margin-left: initial;
96
- }.tooltip.right .tooltip-arrow {
97
- top: 50%;
98
- left: 0;
99
- margin-top: -5px;
100
- border-width: 5px 5px 5px 0;
101
- border-right-color: #ffffff;
102
- border-right-color: var(--color-background-screen);
103
- }[dir="rtl"] .tooltip.right .tooltip-arrow {
104
- right: 0;
105
- left: auto;
106
- left: initial;
107
- }.tooltip.left .tooltip-arrow {
108
- top: 50%;
109
- right: 0;
110
- margin-top: -5px;
111
- border-width: 5px 0 5px 5px;
112
- border-left-color: #ffffff;
113
- border-left-color: var(--color-background-screen);
114
- }[dir="rtl"] .tooltip.left .tooltip-arrow {
115
- left: 0;
116
- right: auto;
117
- right: initial;
118
- }.tooltip.bottom .tooltip-arrow {
119
- top: 0;
120
- left: 50%;
121
- margin-left: -5px;
122
- border-width: 0 5px 5px;
123
- border-bottom-color: #ffffff;
124
- border-bottom-color: var(--color-background-screen);
125
- }[dir="rtl"] .tooltip.bottom .tooltip-arrow {
126
- right: 50%;
127
- left: auto;
128
- left: initial;
129
- }[dir="rtl"] .tooltip.bottom .tooltip-arrow {
130
- margin-right: -5px;
131
- margin-left: 0;
132
- margin-left: initial;
133
- }[data-toggle="tooltip"]:not(.btn) {
134
- cursor: pointer;
135
- }[data-toggle="tooltip"]:not(.btn):hover,
136
- [data-toggle="tooltip"]:not(.btn):focus {
137
- color: #0084b3 !important;
138
- color: var(--color-content-accent-hover) !important;
139
- outline: 0;
140
- }a[data-toggle="tooltip"] {
141
- white-space: nowrap;
142
- }
1
+ .tooltip{word-wrap:normal;display:block;font-family:Inter,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24);opacity:0;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}[dir=rtl] .tooltip{text-align:right}.tooltip.in{opacity:1}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}[dir=rtl] .tooltip.right{margin-left:0;margin-right:3px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}[dir=rtl] .tooltip.left{margin-left:0;margin-right:-3px}.tooltip-inner{background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;box-shadow:0 1px 28px 0 rgba(34,48,73,.2);color:#37517e;color:var(--color-content-primary);font-size:1rem;font-size:var(--font-size-16);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.006em;line-height:1.5;line-height:var(--line-height-body);line-height:155%;max-width:200px;min-width:120px;padding:16px;padding:var(--size-16) var(--size-16);text-align:center}.np-theme-personal--bright-green .tooltip-inner,.np-theme-personal--dark .tooltip-inner,.np-theme-personal--forest-green .tooltip-inner{box-shadow:none}.tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.tooltip.top .tooltip-arrow{border-top-color:#fff;border-top-color:var(--color-background-screen);border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}[dir=rtl] .tooltip.top .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}.tooltip.right .tooltip-arrow{border-right-color:#fff;border-right-color:var(--color-background-screen);border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}[dir=rtl] .tooltip.right .tooltip-arrow{left:auto;right:0}.tooltip.left .tooltip-arrow{border-left-color:#fff;border-left-color:var(--color-background-screen);border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}[dir=rtl] .tooltip.left .tooltip-arrow{left:0;right:auto}.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff;border-bottom-color:var(--color-background-screen);border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}[dir=rtl] .tooltip.bottom .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}[data-toggle=tooltip]:not(.btn){cursor:pointer}[data-toggle=tooltip]:not(.btn):focus,[data-toggle=tooltip]:not(.btn):hover{color:#0084b3!important;color:var(--color-content-accent-hover)!important;outline:0}a[data-toggle=tooltip]{white-space:nowrap}