tide-design-system 2.5.18 → 2.5.19
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/dist/css/utilities-base.css +0 -41
- package/dist/css/utilities-responsive.css +0 -164
- package/dist/index.d.ts +30 -38
- package/dist/index.js +1254 -1257
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -134,16 +134,6 @@
|
|
|
134
134
|
.tide-border-success {border-color: var(--tide-success-border);}
|
|
135
135
|
.tide-border-warning {border-color: var(--tide-warning-border);}
|
|
136
136
|
|
|
137
|
-
.tide-border-blue {border-color: var(--tide-blue-border);}
|
|
138
|
-
.tide-border-green {border-color: var(--tide-green-border);}
|
|
139
|
-
.tide-border-lime {border-color: var(--tide-lime-border);}
|
|
140
|
-
.tide-border-orange {border-color: var(--tide-orange-border);}
|
|
141
|
-
.tide-border-purple {border-color: var(--tide-purple-border);}
|
|
142
|
-
.tide-border-red {border-color: var(--tide-red-border);}
|
|
143
|
-
.tide-border-salmon {border-color: var(--tide-salmon-border);}
|
|
144
|
-
.tide-border-teal {border-color: var(--tide-teal-border);}
|
|
145
|
-
.tide-border-yellow {border-color: var(--tide-yellow-border);}
|
|
146
|
-
|
|
147
137
|
/* Border Width */
|
|
148
138
|
.tide-border-1,
|
|
149
139
|
.tide-border-2,
|
|
@@ -283,16 +273,6 @@
|
|
|
283
273
|
.tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
284
274
|
.tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
285
275
|
|
|
286
|
-
.tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
|
|
287
|
-
.tide-bg-surface-green {background-color: var(--tide-green-surface);}
|
|
288
|
-
.tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
|
|
289
|
-
.tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
|
|
290
|
-
.tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
|
|
291
|
-
.tide-bg-surface-red {background-color: var(--tide-red-surface);}
|
|
292
|
-
.tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
|
|
293
|
-
.tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
|
|
294
|
-
.tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
|
|
295
|
-
|
|
296
276
|
.tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
297
277
|
.tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
298
278
|
.tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -333,27 +313,6 @@
|
|
|
333
313
|
.tide-font-success {color: var(--tide-success-primary);}
|
|
334
314
|
.tide-font-warning {color: var(--tide-warning-primary);}
|
|
335
315
|
|
|
336
|
-
.tide-font-blue {color: var(--tide-blue-on-surface);}
|
|
337
|
-
.tide-font-green {color: var(--tide-green-on-surface);}
|
|
338
|
-
.tide-font-lime {color: var(--tide-lime-on-surface);}
|
|
339
|
-
.tide-font-orange {color: var(--tide-orange-on-surface);}
|
|
340
|
-
.tide-font-purple {color: var(--tide-purple-on-surface);}
|
|
341
|
-
.tide-font-red {color: var(--tide-red-on-surface);}
|
|
342
|
-
.tide-font-salmon {color: var(--tide-salmon-on-surface);}
|
|
343
|
-
.tide-font-teal {color: var(--tide-teal-on-surface);}
|
|
344
|
-
.tide-font-yellow {color: var(--tide-yellow-on-surface);}
|
|
345
|
-
|
|
346
|
-
/* Badge icon colors only */
|
|
347
|
-
.tide-font-primary-blue {color: var(--tide-blue-primary);}
|
|
348
|
-
.tide-font-primary-green {color: var(--tide-green-primary);}
|
|
349
|
-
.tide-font-primary-lime {color: var(--tide-lime-primary);}
|
|
350
|
-
.tide-font-primary-orange {color: var(--tide-orange-primary);}
|
|
351
|
-
.tide-font-primary-purple {color: var(--tide-purple-primary);}
|
|
352
|
-
.tide-font-primary-red {color: var(--tide-red-primary);}
|
|
353
|
-
.tide-font-primary-salmon {color: var(--tide-salmon-primary);}
|
|
354
|
-
.tide-font-primary-teal {color: var(--tide-teal-primary);}
|
|
355
|
-
.tide-font-primary-yellow {color: var(--tide-yellow-primary);}
|
|
356
|
-
|
|
357
316
|
/* Font Size */
|
|
358
317
|
.tide-font-10 {font-size: var(--tide-font-10);}
|
|
359
318
|
.tide-font-12 {font-size: var(--tide-font-12);}
|
|
@@ -135,16 +135,6 @@
|
|
|
135
135
|
.sm-tide-border-success {border-color: var(--tide-success-border);}
|
|
136
136
|
.sm-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
137
137
|
|
|
138
|
-
.sm-tide-border-blue {border-color: var(--tide-blue-border);}
|
|
139
|
-
.sm-tide-border-green {border-color: var(--tide-green-border);}
|
|
140
|
-
.sm-tide-border-lime {border-color: var(--tide-lime-border);}
|
|
141
|
-
.sm-tide-border-orange {border-color: var(--tide-orange-border);}
|
|
142
|
-
.sm-tide-border-purple {border-color: var(--tide-purple-border);}
|
|
143
|
-
.sm-tide-border-red {border-color: var(--tide-red-border);}
|
|
144
|
-
.sm-tide-border-salmon {border-color: var(--tide-salmon-border);}
|
|
145
|
-
.sm-tide-border-teal {border-color: var(--tide-teal-border);}
|
|
146
|
-
.sm-tide-border-yellow {border-color: var(--tide-yellow-border);}
|
|
147
|
-
|
|
148
138
|
/* Border Width */
|
|
149
139
|
.sm-tide-border-1,
|
|
150
140
|
.sm-tide-border-2,
|
|
@@ -284,16 +274,6 @@
|
|
|
284
274
|
.sm-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
285
275
|
.sm-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
286
276
|
|
|
287
|
-
.sm-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
|
|
288
|
-
.sm-tide-bg-surface-green {background-color: var(--tide-green-surface);}
|
|
289
|
-
.sm-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
|
|
290
|
-
.sm-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
|
|
291
|
-
.sm-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
|
|
292
|
-
.sm-tide-bg-surface-red {background-color: var(--tide-red-surface);}
|
|
293
|
-
.sm-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
|
|
294
|
-
.sm-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
|
|
295
|
-
.sm-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
|
|
296
|
-
|
|
297
277
|
.sm-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
298
278
|
.sm-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
299
279
|
.sm-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -334,27 +314,6 @@
|
|
|
334
314
|
.sm-tide-font-success {color: var(--tide-success-primary);}
|
|
335
315
|
.sm-tide-font-warning {color: var(--tide-warning-primary);}
|
|
336
316
|
|
|
337
|
-
.sm-tide-font-blue {color: var(--tide-blue-on-surface);}
|
|
338
|
-
.sm-tide-font-green {color: var(--tide-green-on-surface);}
|
|
339
|
-
.sm-tide-font-lime {color: var(--tide-lime-on-surface);}
|
|
340
|
-
.sm-tide-font-orange {color: var(--tide-orange-on-surface);}
|
|
341
|
-
.sm-tide-font-purple {color: var(--tide-purple-on-surface);}
|
|
342
|
-
.sm-tide-font-red {color: var(--tide-red-on-surface);}
|
|
343
|
-
.sm-tide-font-salmon {color: var(--tide-salmon-on-surface);}
|
|
344
|
-
.sm-tide-font-teal {color: var(--tide-teal-on-surface);}
|
|
345
|
-
.sm-tide-font-yellow {color: var(--tide-yellow-on-surface);}
|
|
346
|
-
|
|
347
|
-
/* Badge icon colors only */
|
|
348
|
-
.sm-tide-font-primary-blue {color: var(--tide-blue-primary);}
|
|
349
|
-
.sm-tide-font-primary-green {color: var(--tide-green-primary);}
|
|
350
|
-
.sm-tide-font-primary-lime {color: var(--tide-lime-primary);}
|
|
351
|
-
.sm-tide-font-primary-orange {color: var(--tide-orange-primary);}
|
|
352
|
-
.sm-tide-font-primary-purple {color: var(--tide-purple-primary);}
|
|
353
|
-
.sm-tide-font-primary-red {color: var(--tide-red-primary);}
|
|
354
|
-
.sm-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
|
|
355
|
-
.sm-tide-font-primary-teal {color: var(--tide-teal-primary);}
|
|
356
|
-
.sm-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
|
|
357
|
-
|
|
358
317
|
/* Font Size */
|
|
359
318
|
.sm-tide-font-10 {font-size: var(--tide-font-10);}
|
|
360
319
|
.sm-tide-font-12 {font-size: var(--tide-font-12);}
|
|
@@ -712,16 +671,6 @@
|
|
|
712
671
|
.md-tide-border-success {border-color: var(--tide-success-border);}
|
|
713
672
|
.md-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
714
673
|
|
|
715
|
-
.md-tide-border-blue {border-color: var(--tide-blue-border);}
|
|
716
|
-
.md-tide-border-green {border-color: var(--tide-green-border);}
|
|
717
|
-
.md-tide-border-lime {border-color: var(--tide-lime-border);}
|
|
718
|
-
.md-tide-border-orange {border-color: var(--tide-orange-border);}
|
|
719
|
-
.md-tide-border-purple {border-color: var(--tide-purple-border);}
|
|
720
|
-
.md-tide-border-red {border-color: var(--tide-red-border);}
|
|
721
|
-
.md-tide-border-salmon {border-color: var(--tide-salmon-border);}
|
|
722
|
-
.md-tide-border-teal {border-color: var(--tide-teal-border);}
|
|
723
|
-
.md-tide-border-yellow {border-color: var(--tide-yellow-border);}
|
|
724
|
-
|
|
725
674
|
/* Border Width */
|
|
726
675
|
.md-tide-border-1,
|
|
727
676
|
.md-tide-border-2,
|
|
@@ -861,16 +810,6 @@
|
|
|
861
810
|
.md-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
862
811
|
.md-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
863
812
|
|
|
864
|
-
.md-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
|
|
865
|
-
.md-tide-bg-surface-green {background-color: var(--tide-green-surface);}
|
|
866
|
-
.md-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
|
|
867
|
-
.md-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
|
|
868
|
-
.md-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
|
|
869
|
-
.md-tide-bg-surface-red {background-color: var(--tide-red-surface);}
|
|
870
|
-
.md-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
|
|
871
|
-
.md-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
|
|
872
|
-
.md-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
|
|
873
|
-
|
|
874
813
|
.md-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
875
814
|
.md-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
876
815
|
.md-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -911,27 +850,6 @@
|
|
|
911
850
|
.md-tide-font-success {color: var(--tide-success-primary);}
|
|
912
851
|
.md-tide-font-warning {color: var(--tide-warning-primary);}
|
|
913
852
|
|
|
914
|
-
.md-tide-font-blue {color: var(--tide-blue-on-surface);}
|
|
915
|
-
.md-tide-font-green {color: var(--tide-green-on-surface);}
|
|
916
|
-
.md-tide-font-lime {color: var(--tide-lime-on-surface);}
|
|
917
|
-
.md-tide-font-orange {color: var(--tide-orange-on-surface);}
|
|
918
|
-
.md-tide-font-purple {color: var(--tide-purple-on-surface);}
|
|
919
|
-
.md-tide-font-red {color: var(--tide-red-on-surface);}
|
|
920
|
-
.md-tide-font-salmon {color: var(--tide-salmon-on-surface);}
|
|
921
|
-
.md-tide-font-teal {color: var(--tide-teal-on-surface);}
|
|
922
|
-
.md-tide-font-yellow {color: var(--tide-yellow-on-surface);}
|
|
923
|
-
|
|
924
|
-
/* Badge icon colors only */
|
|
925
|
-
.md-tide-font-primary-blue {color: var(--tide-blue-primary);}
|
|
926
|
-
.md-tide-font-primary-green {color: var(--tide-green-primary);}
|
|
927
|
-
.md-tide-font-primary-lime {color: var(--tide-lime-primary);}
|
|
928
|
-
.md-tide-font-primary-orange {color: var(--tide-orange-primary);}
|
|
929
|
-
.md-tide-font-primary-purple {color: var(--tide-purple-primary);}
|
|
930
|
-
.md-tide-font-primary-red {color: var(--tide-red-primary);}
|
|
931
|
-
.md-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
|
|
932
|
-
.md-tide-font-primary-teal {color: var(--tide-teal-primary);}
|
|
933
|
-
.md-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
|
|
934
|
-
|
|
935
853
|
/* Font Size */
|
|
936
854
|
.md-tide-font-10 {font-size: var(--tide-font-10);}
|
|
937
855
|
.md-tide-font-12 {font-size: var(--tide-font-12);}
|
|
@@ -1289,16 +1207,6 @@
|
|
|
1289
1207
|
.lg-tide-border-success {border-color: var(--tide-success-border);}
|
|
1290
1208
|
.lg-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
1291
1209
|
|
|
1292
|
-
.lg-tide-border-blue {border-color: var(--tide-blue-border);}
|
|
1293
|
-
.lg-tide-border-green {border-color: var(--tide-green-border);}
|
|
1294
|
-
.lg-tide-border-lime {border-color: var(--tide-lime-border);}
|
|
1295
|
-
.lg-tide-border-orange {border-color: var(--tide-orange-border);}
|
|
1296
|
-
.lg-tide-border-purple {border-color: var(--tide-purple-border);}
|
|
1297
|
-
.lg-tide-border-red {border-color: var(--tide-red-border);}
|
|
1298
|
-
.lg-tide-border-salmon {border-color: var(--tide-salmon-border);}
|
|
1299
|
-
.lg-tide-border-teal {border-color: var(--tide-teal-border);}
|
|
1300
|
-
.lg-tide-border-yellow {border-color: var(--tide-yellow-border);}
|
|
1301
|
-
|
|
1302
1210
|
/* Border Width */
|
|
1303
1211
|
.lg-tide-border-1,
|
|
1304
1212
|
.lg-tide-border-2,
|
|
@@ -1438,16 +1346,6 @@
|
|
|
1438
1346
|
.lg-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
1439
1347
|
.lg-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
1440
1348
|
|
|
1441
|
-
.lg-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
|
|
1442
|
-
.lg-tide-bg-surface-green {background-color: var(--tide-green-surface);}
|
|
1443
|
-
.lg-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
|
|
1444
|
-
.lg-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
|
|
1445
|
-
.lg-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
|
|
1446
|
-
.lg-tide-bg-surface-red {background-color: var(--tide-red-surface);}
|
|
1447
|
-
.lg-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
|
|
1448
|
-
.lg-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
|
|
1449
|
-
.lg-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
|
|
1450
|
-
|
|
1451
1349
|
.lg-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
1452
1350
|
.lg-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
1453
1351
|
.lg-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -1488,27 +1386,6 @@
|
|
|
1488
1386
|
.lg-tide-font-success {color: var(--tide-success-primary);}
|
|
1489
1387
|
.lg-tide-font-warning {color: var(--tide-warning-primary);}
|
|
1490
1388
|
|
|
1491
|
-
.lg-tide-font-blue {color: var(--tide-blue-on-surface);}
|
|
1492
|
-
.lg-tide-font-green {color: var(--tide-green-on-surface);}
|
|
1493
|
-
.lg-tide-font-lime {color: var(--tide-lime-on-surface);}
|
|
1494
|
-
.lg-tide-font-orange {color: var(--tide-orange-on-surface);}
|
|
1495
|
-
.lg-tide-font-purple {color: var(--tide-purple-on-surface);}
|
|
1496
|
-
.lg-tide-font-red {color: var(--tide-red-on-surface);}
|
|
1497
|
-
.lg-tide-font-salmon {color: var(--tide-salmon-on-surface);}
|
|
1498
|
-
.lg-tide-font-teal {color: var(--tide-teal-on-surface);}
|
|
1499
|
-
.lg-tide-font-yellow {color: var(--tide-yellow-on-surface);}
|
|
1500
|
-
|
|
1501
|
-
/* Badge icon colors only */
|
|
1502
|
-
.lg-tide-font-primary-blue {color: var(--tide-blue-primary);}
|
|
1503
|
-
.lg-tide-font-primary-green {color: var(--tide-green-primary);}
|
|
1504
|
-
.lg-tide-font-primary-lime {color: var(--tide-lime-primary);}
|
|
1505
|
-
.lg-tide-font-primary-orange {color: var(--tide-orange-primary);}
|
|
1506
|
-
.lg-tide-font-primary-purple {color: var(--tide-purple-primary);}
|
|
1507
|
-
.lg-tide-font-primary-red {color: var(--tide-red-primary);}
|
|
1508
|
-
.lg-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
|
|
1509
|
-
.lg-tide-font-primary-teal {color: var(--tide-teal-primary);}
|
|
1510
|
-
.lg-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
|
|
1511
|
-
|
|
1512
1389
|
/* Font Size */
|
|
1513
1390
|
.lg-tide-font-10 {font-size: var(--tide-font-10);}
|
|
1514
1391
|
.lg-tide-font-12 {font-size: var(--tide-font-12);}
|
|
@@ -1866,16 +1743,6 @@
|
|
|
1866
1743
|
.xl-tide-border-success {border-color: var(--tide-success-border);}
|
|
1867
1744
|
.xl-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
1868
1745
|
|
|
1869
|
-
.xl-tide-border-blue {border-color: var(--tide-blue-border);}
|
|
1870
|
-
.xl-tide-border-green {border-color: var(--tide-green-border);}
|
|
1871
|
-
.xl-tide-border-lime {border-color: var(--tide-lime-border);}
|
|
1872
|
-
.xl-tide-border-orange {border-color: var(--tide-orange-border);}
|
|
1873
|
-
.xl-tide-border-purple {border-color: var(--tide-purple-border);}
|
|
1874
|
-
.xl-tide-border-red {border-color: var(--tide-red-border);}
|
|
1875
|
-
.xl-tide-border-salmon {border-color: var(--tide-salmon-border);}
|
|
1876
|
-
.xl-tide-border-teal {border-color: var(--tide-teal-border);}
|
|
1877
|
-
.xl-tide-border-yellow {border-color: var(--tide-yellow-border);}
|
|
1878
|
-
|
|
1879
1746
|
/* Border Width */
|
|
1880
1747
|
.xl-tide-border-1,
|
|
1881
1748
|
.xl-tide-border-2,
|
|
@@ -2015,16 +1882,6 @@
|
|
|
2015
1882
|
.xl-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
2016
1883
|
.xl-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
2017
1884
|
|
|
2018
|
-
.xl-tide-bg-surface-blue {background-color: var(--tide-blue-surface);}
|
|
2019
|
-
.xl-tide-bg-surface-green {background-color: var(--tide-green-surface);}
|
|
2020
|
-
.xl-tide-bg-surface-lime {background-color: var(--tide-lime-surface);}
|
|
2021
|
-
.xl-tide-bg-surface-orange {background-color: var(--tide-orange-surface);}
|
|
2022
|
-
.xl-tide-bg-surface-purple {background-color: var(--tide-purple-surface);}
|
|
2023
|
-
.xl-tide-bg-surface-red {background-color: var(--tide-red-surface);}
|
|
2024
|
-
.xl-tide-bg-surface-salmon {background-color: var(--tide-salmon-surface);}
|
|
2025
|
-
.xl-tide-bg-surface-teal {background-color: var(--tide-teal-surface);}
|
|
2026
|
-
.xl-tide-bg-surface-yellow {background-color: var(--tide-yellow-surface);}
|
|
2027
|
-
|
|
2028
1885
|
.xl-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
2029
1886
|
.xl-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
2030
1887
|
.xl-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -2065,27 +1922,6 @@
|
|
|
2065
1922
|
.xl-tide-font-success {color: var(--tide-success-primary);}
|
|
2066
1923
|
.xl-tide-font-warning {color: var(--tide-warning-primary);}
|
|
2067
1924
|
|
|
2068
|
-
.xl-tide-font-blue {color: var(--tide-blue-on-surface);}
|
|
2069
|
-
.xl-tide-font-green {color: var(--tide-green-on-surface);}
|
|
2070
|
-
.xl-tide-font-lime {color: var(--tide-lime-on-surface);}
|
|
2071
|
-
.xl-tide-font-orange {color: var(--tide-orange-on-surface);}
|
|
2072
|
-
.xl-tide-font-purple {color: var(--tide-purple-on-surface);}
|
|
2073
|
-
.xl-tide-font-red {color: var(--tide-red-on-surface);}
|
|
2074
|
-
.xl-tide-font-salmon {color: var(--tide-salmon-on-surface);}
|
|
2075
|
-
.xl-tide-font-teal {color: var(--tide-teal-on-surface);}
|
|
2076
|
-
.xl-tide-font-yellow {color: var(--tide-yellow-on-surface);}
|
|
2077
|
-
|
|
2078
|
-
/* Badge icon colors only */
|
|
2079
|
-
.xl-tide-font-primary-blue {color: var(--tide-blue-primary);}
|
|
2080
|
-
.xl-tide-font-primary-green {color: var(--tide-green-primary);}
|
|
2081
|
-
.xl-tide-font-primary-lime {color: var(--tide-lime-primary);}
|
|
2082
|
-
.xl-tide-font-primary-orange {color: var(--tide-orange-primary);}
|
|
2083
|
-
.xl-tide-font-primary-purple {color: var(--tide-purple-primary);}
|
|
2084
|
-
.xl-tide-font-primary-red {color: var(--tide-red-primary);}
|
|
2085
|
-
.xl-tide-font-primary-salmon {color: var(--tide-salmon-primary);}
|
|
2086
|
-
.xl-tide-font-primary-teal {color: var(--tide-teal-primary);}
|
|
2087
|
-
.xl-tide-font-primary-yellow {color: var(--tide-yellow-primary);}
|
|
2088
|
-
|
|
2089
1925
|
/* Font Size */
|
|
2090
1926
|
.xl-tide-font-10 {font-size: var(--tide-font-10);}
|
|
2091
1927
|
.xl-tide-font-12 {font-size: var(--tide-font-12);}
|
package/dist/index.d.ts
CHANGED
|
@@ -171,15 +171,6 @@ declare const CSS_2: {
|
|
|
171
171
|
readonly INFO: "tide-bg-surface-info";
|
|
172
172
|
readonly SUCCESS: "tide-bg-surface-success";
|
|
173
173
|
readonly WARNING: "tide-bg-surface-warning";
|
|
174
|
-
readonly BLUE: "tide-bg-surface-blue";
|
|
175
|
-
readonly GREEN: "tide-bg-surface-green";
|
|
176
|
-
readonly LIME: "tide-bg-surface-lime";
|
|
177
|
-
readonly ORANGE: "tide-bg-surface-orange";
|
|
178
|
-
readonly PURPLE: "tide-bg-surface-purple";
|
|
179
|
-
readonly RED: "tide-bg-surface-red";
|
|
180
|
-
readonly SALMON: "tide-bg-surface-salmon";
|
|
181
|
-
readonly TEAL: "tide-bg-surface-teal";
|
|
182
|
-
readonly YELLOW: "tide-bg-surface-yellow";
|
|
183
174
|
};
|
|
184
175
|
};
|
|
185
176
|
readonly INITIAL: "tide-bg-initial";
|
|
@@ -209,15 +200,6 @@ declare const CSS_2: {
|
|
|
209
200
|
readonly INFO: "tide-border-info";
|
|
210
201
|
readonly SUCCESS: "tide-border-success";
|
|
211
202
|
readonly WARNING: "tide-border-warning";
|
|
212
|
-
readonly BLUE: "tide-border-blue";
|
|
213
|
-
readonly GREEN: "tide-border-green";
|
|
214
|
-
readonly LIME: "tide-border-lime";
|
|
215
|
-
readonly ORANGE: "tide-border-orange";
|
|
216
|
-
readonly PURPLE: "tide-border-purple";
|
|
217
|
-
readonly RED: "tide-border-red";
|
|
218
|
-
readonly SALMON: "tide-border-salmon";
|
|
219
|
-
readonly TEAL: "tide-border-teal";
|
|
220
|
-
readonly YELLOW: "tide-border-yellow";
|
|
221
203
|
};
|
|
222
204
|
readonly INITIAL: "tide-border-color-initial";
|
|
223
205
|
readonly DEFAULT: "tide-border";
|
|
@@ -326,26 +308,6 @@ declare const CSS_2: {
|
|
|
326
308
|
readonly INFO: "tide-font-info";
|
|
327
309
|
readonly SUCCESS: "tide-font-success";
|
|
328
310
|
readonly WARNING: "tide-font-warning";
|
|
329
|
-
readonly BLUE: "tide-font-blue";
|
|
330
|
-
readonly GREEN: "tide-font-green";
|
|
331
|
-
readonly LIME: "tide-font-lime";
|
|
332
|
-
readonly ORANGE: "tide-font-orange";
|
|
333
|
-
readonly PURPLE: "tide-font-purple";
|
|
334
|
-
readonly RED: "tide-font-red";
|
|
335
|
-
readonly SALMON: "tide-font-salmon";
|
|
336
|
-
readonly TEAL: "tide-font-teal";
|
|
337
|
-
readonly YELLOW: "tide-font-yellow";
|
|
338
|
-
readonly PRIMARY: {
|
|
339
|
-
readonly BLUE: "tide-font-primary-blue";
|
|
340
|
-
readonly GREEN: "tide-font-primary-green";
|
|
341
|
-
readonly LIME: "tide-font-primary-lime";
|
|
342
|
-
readonly ORANGE: "tide-font-primary-orange";
|
|
343
|
-
readonly PURPLE: "tide-font-primary-purple";
|
|
344
|
-
readonly RED: "tide-font-primary-red";
|
|
345
|
-
readonly SALMON: "tide-font-primary-salmon";
|
|
346
|
-
readonly TEAL: "tide-font-primary-teal";
|
|
347
|
-
readonly YELLOW: "tide-font-primary-yellow";
|
|
348
|
-
};
|
|
349
311
|
};
|
|
350
312
|
readonly PRIMARY: "tide-font-on-primary";
|
|
351
313
|
readonly SECONDARY: "tide-font-on-secondary";
|
|
@@ -1362,6 +1324,36 @@ isNewTab: boolean;
|
|
|
1362
1324
|
priority: Priority;
|
|
1363
1325
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1364
1326
|
|
|
1327
|
+
/**
|
|
1328
|
+
* Renders a button component for use in pagination purposes.
|
|
1329
|
+
*
|
|
1330
|
+
* @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebuttonpagination--docs) for TideButtonPagination
|
|
1331
|
+
*/
|
|
1332
|
+
export declare const TideButtonPagination: DefineComponent< {
|
|
1333
|
+
/** Indicates whether Pagination Button is associated with the displayed page */
|
|
1334
|
+
disabled?: boolean;
|
|
1335
|
+
/** HTML tag type */
|
|
1336
|
+
element?: ElementBroad;
|
|
1337
|
+
/** URL to open<br />(Link only) */
|
|
1338
|
+
href?: string;
|
|
1339
|
+
/** Button text */
|
|
1340
|
+
label: string | number;
|
|
1341
|
+
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
|
|
1342
|
+
/** Indicates whether Pagination Button is associated with the displayed page */
|
|
1343
|
+
disabled?: boolean;
|
|
1344
|
+
/** HTML tag type */
|
|
1345
|
+
element?: ElementBroad;
|
|
1346
|
+
/** URL to open<br />(Link only) */
|
|
1347
|
+
href?: string;
|
|
1348
|
+
/** Button text */
|
|
1349
|
+
label: string | number;
|
|
1350
|
+
}> & Readonly<{}>, {
|
|
1351
|
+
label: string | number;
|
|
1352
|
+
disabled: boolean;
|
|
1353
|
+
element: ElementBroad;
|
|
1354
|
+
href: string;
|
|
1355
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1356
|
+
|
|
1365
1357
|
/**
|
|
1366
1358
|
* Renders a button component for use to save items.
|
|
1367
1359
|
*
|