@vsn-ux/gaia-styles 0.5.18 → 0.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.
Files changed (8) hide show
  1. package/dist/all-10pt.css +12 -0
  2. package/dist/all-no-reset-10pt.css +12 -0
  3. package/dist/all-no-reset.css +12 -0
  4. package/dist/all.css +12 -0
  5. package/dist/components/notification.css +12 -0
  6. package/dist/components.css +12 -0
  7. package/package.json +1 -1
  8. package/src/styles/components/notification.css +16 -0
package/dist/all-10pt.css CHANGED
@@ -1461,6 +1461,9 @@
1461
1461
  &.ga-notification--information {
1462
1462
  border-color: var(--ga-color-border-information);
1463
1463
  background-color: var(--ga-color-surface-information);
1464
+ .ga-notification__icon {
1465
+ color: var(--ga-color-icon-information);
1466
+ }
1464
1467
  .ga-notification__progress .ga-notification__progress-bar {
1465
1468
  background-color: var(--ga-color-icon-information);
1466
1469
  }
@@ -1468,6 +1471,9 @@
1468
1471
  &.ga-notification--success {
1469
1472
  border-color: var(--ga-color-border-success);
1470
1473
  background-color: var(--ga-color-surface-success);
1474
+ .ga-notification__icon {
1475
+ color: var(--ga-color-icon-success);
1476
+ }
1471
1477
  .ga-notification__progress .ga-notification__progress-bar {
1472
1478
  background-color: var(--ga-color-icon-success);
1473
1479
  }
@@ -1475,6 +1481,9 @@
1475
1481
  &.ga-notification--error {
1476
1482
  border-color: var(--ga-color-border-error);
1477
1483
  background-color: var(--ga-color-surface-error);
1484
+ .ga-notification__icon {
1485
+ color: var(--ga-color-icon-error);
1486
+ }
1478
1487
  .ga-notification__progress .ga-notification__progress-bar {
1479
1488
  background-color: var(--ga-color-icon-error);
1480
1489
  }
@@ -1482,6 +1491,9 @@
1482
1491
  &.ga-notification--warning {
1483
1492
  border-color: var(--ga-color-border-warning);
1484
1493
  background-color: var(--ga-color-surface-warning);
1494
+ .ga-notification__icon {
1495
+ color: var(--ga-color-icon-warning);
1496
+ }
1485
1497
  .ga-notification__progress .ga-notification__progress-bar {
1486
1498
  background-color: var(--ga-color-icon-warning);
1487
1499
  }
package/dist/all-no-reset-10pt.css CHANGED
@@ -1314,6 +1314,9 @@
1314
1314
  &.ga-notification--information {
1315
1315
  border-color: var(--ga-color-border-information);
1316
1316
  background-color: var(--ga-color-surface-information);
1317
+ .ga-notification__icon {
1318
+ color: var(--ga-color-icon-information);
1319
+ }
1317
1320
  .ga-notification__progress .ga-notification__progress-bar {
1318
1321
  background-color: var(--ga-color-icon-information);
1319
1322
  }
@@ -1321,6 +1324,9 @@
1321
1324
  &.ga-notification--success {
1322
1325
  border-color: var(--ga-color-border-success);
1323
1326
  background-color: var(--ga-color-surface-success);
1327
+ .ga-notification__icon {
1328
+ color: var(--ga-color-icon-success);
1329
+ }
1324
1330
  .ga-notification__progress .ga-notification__progress-bar {
1325
1331
  background-color: var(--ga-color-icon-success);
1326
1332
  }
@@ -1328,6 +1334,9 @@
1328
1334
  &.ga-notification--error {
1329
1335
  border-color: var(--ga-color-border-error);
1330
1336
  background-color: var(--ga-color-surface-error);
1337
+ .ga-notification__icon {
1338
+ color: var(--ga-color-icon-error);
1339
+ }
1331
1340
  .ga-notification__progress .ga-notification__progress-bar {
1332
1341
  background-color: var(--ga-color-icon-error);
1333
1342
  }
@@ -1335,6 +1344,9 @@
1335
1344
  &.ga-notification--warning {
1336
1345
  border-color: var(--ga-color-border-warning);
1337
1346
  background-color: var(--ga-color-surface-warning);
1347
+ .ga-notification__icon {
1348
+ color: var(--ga-color-icon-warning);
1349
+ }
1338
1350
  .ga-notification__progress .ga-notification__progress-bar {
1339
1351
  background-color: var(--ga-color-icon-warning);
1340
1352
  }
package/dist/all-no-reset.css CHANGED
@@ -1314,6 +1314,9 @@
1314
1314
  &.ga-notification--information {
1315
1315
  border-color: var(--ga-color-border-information);
1316
1316
  background-color: var(--ga-color-surface-information);
1317
+ .ga-notification__icon {
1318
+ color: var(--ga-color-icon-information);
1319
+ }
1317
1320
  .ga-notification__progress .ga-notification__progress-bar {
1318
1321
  background-color: var(--ga-color-icon-information);
1319
1322
  }
@@ -1321,6 +1324,9 @@
1321
1324
  &.ga-notification--success {
1322
1325
  border-color: var(--ga-color-border-success);
1323
1326
  background-color: var(--ga-color-surface-success);
1327
+ .ga-notification__icon {
1328
+ color: var(--ga-color-icon-success);
1329
+ }
1324
1330
  .ga-notification__progress .ga-notification__progress-bar {
1325
1331
  background-color: var(--ga-color-icon-success);
1326
1332
  }
@@ -1328,6 +1334,9 @@
1328
1334
  &.ga-notification--error {
1329
1335
  border-color: var(--ga-color-border-error);
1330
1336
  background-color: var(--ga-color-surface-error);
1337
+ .ga-notification__icon {
1338
+ color: var(--ga-color-icon-error);
1339
+ }
1331
1340
  .ga-notification__progress .ga-notification__progress-bar {
1332
1341
  background-color: var(--ga-color-icon-error);
1333
1342
  }
@@ -1335,6 +1344,9 @@
1335
1344
  &.ga-notification--warning {
1336
1345
  border-color: var(--ga-color-border-warning);
1337
1346
  background-color: var(--ga-color-surface-warning);
1347
+ .ga-notification__icon {
1348
+ color: var(--ga-color-icon-warning);
1349
+ }
1338
1350
  .ga-notification__progress .ga-notification__progress-bar {
1339
1351
  background-color: var(--ga-color-icon-warning);
1340
1352
  }
package/dist/all.css CHANGED
@@ -1461,6 +1461,9 @@
1461
1461
  &.ga-notification--information {
1462
1462
  border-color: var(--ga-color-border-information);
1463
1463
  background-color: var(--ga-color-surface-information);
1464
+ .ga-notification__icon {
1465
+ color: var(--ga-color-icon-information);
1466
+ }
1464
1467
  .ga-notification__progress .ga-notification__progress-bar {
1465
1468
  background-color: var(--ga-color-icon-information);
1466
1469
  }
@@ -1468,6 +1471,9 @@
1468
1471
  &.ga-notification--success {
1469
1472
  border-color: var(--ga-color-border-success);
1470
1473
  background-color: var(--ga-color-surface-success);
1474
+ .ga-notification__icon {
1475
+ color: var(--ga-color-icon-success);
1476
+ }
1471
1477
  .ga-notification__progress .ga-notification__progress-bar {
1472
1478
  background-color: var(--ga-color-icon-success);
1473
1479
  }
@@ -1475,6 +1481,9 @@
1475
1481
  &.ga-notification--error {
1476
1482
  border-color: var(--ga-color-border-error);
1477
1483
  background-color: var(--ga-color-surface-error);
1484
+ .ga-notification__icon {
1485
+ color: var(--ga-color-icon-error);
1486
+ }
1478
1487
  .ga-notification__progress .ga-notification__progress-bar {
1479
1488
  background-color: var(--ga-color-icon-error);
1480
1489
  }
@@ -1482,6 +1491,9 @@
1482
1491
  &.ga-notification--warning {
1483
1492
  border-color: var(--ga-color-border-warning);
1484
1493
  background-color: var(--ga-color-surface-warning);
1494
+ .ga-notification__icon {
1495
+ color: var(--ga-color-icon-warning);
1496
+ }
1485
1497
  .ga-notification__progress .ga-notification__progress-bar {
1486
1498
  background-color: var(--ga-color-icon-warning);
1487
1499
  }
package/dist/components/notification.css CHANGED
@@ -26,6 +26,9 @@
26
26
  &.ga-notification--information {
27
27
  border-color: var(--ga-color-border-information);
28
28
  background-color: var(--ga-color-surface-information);
29
+ .ga-notification__icon {
30
+ color: var(--ga-color-icon-information);
31
+ }
29
32
  .ga-notification__progress .ga-notification__progress-bar {
30
33
  background-color: var(--ga-color-icon-information);
31
34
  }
@@ -33,6 +36,9 @@
33
36
  &.ga-notification--success {
34
37
  border-color: var(--ga-color-border-success);
35
38
  background-color: var(--ga-color-surface-success);
39
+ .ga-notification__icon {
40
+ color: var(--ga-color-icon-success);
41
+ }
36
42
  .ga-notification__progress .ga-notification__progress-bar {
37
43
  background-color: var(--ga-color-icon-success);
38
44
  }
@@ -40,6 +46,9 @@
40
46
  &.ga-notification--error {
41
47
  border-color: var(--ga-color-border-error);
42
48
  background-color: var(--ga-color-surface-error);
49
+ .ga-notification__icon {
50
+ color: var(--ga-color-icon-error);
51
+ }
43
52
  .ga-notification__progress .ga-notification__progress-bar {
44
53
  background-color: var(--ga-color-icon-error);
45
54
  }
@@ -47,6 +56,9 @@
47
56
  &.ga-notification--warning {
48
57
  border-color: var(--ga-color-border-warning);
49
58
  background-color: var(--ga-color-surface-warning);
59
+ .ga-notification__icon {
60
+ color: var(--ga-color-icon-warning);
61
+ }
50
62
  .ga-notification__progress .ga-notification__progress-bar {
51
63
  background-color: var(--ga-color-icon-warning);
52
64
  }
package/dist/components.css CHANGED
@@ -1090,6 +1090,9 @@
1090
1090
  &.ga-notification--information {
1091
1091
  border-color: var(--ga-color-border-information);
1092
1092
  background-color: var(--ga-color-surface-information);
1093
+ .ga-notification__icon {
1094
+ color: var(--ga-color-icon-information);
1095
+ }
1093
1096
  .ga-notification__progress .ga-notification__progress-bar {
1094
1097
  background-color: var(--ga-color-icon-information);
1095
1098
  }
@@ -1097,6 +1100,9 @@
1097
1100
  &.ga-notification--success {
1098
1101
  border-color: var(--ga-color-border-success);
1099
1102
  background-color: var(--ga-color-surface-success);
1103
+ .ga-notification__icon {
1104
+ color: var(--ga-color-icon-success);
1105
+ }
1100
1106
  .ga-notification__progress .ga-notification__progress-bar {
1101
1107
  background-color: var(--ga-color-icon-success);
1102
1108
  }
@@ -1104,6 +1110,9 @@
1104
1110
  &.ga-notification--error {
1105
1111
  border-color: var(--ga-color-border-error);
1106
1112
  background-color: var(--ga-color-surface-error);
1113
+ .ga-notification__icon {
1114
+ color: var(--ga-color-icon-error);
1115
+ }
1107
1116
  .ga-notification__progress .ga-notification__progress-bar {
1108
1117
  background-color: var(--ga-color-icon-error);
1109
1118
  }
@@ -1111,6 +1120,9 @@
1111
1120
  &.ga-notification--warning {
1112
1121
  border-color: var(--ga-color-border-warning);
1113
1122
  background-color: var(--ga-color-surface-warning);
1123
+ .ga-notification__icon {
1124
+ color: var(--ga-color-icon-warning);
1125
+ }
1114
1126
  .ga-notification__progress .ga-notification__progress-bar {
1115
1127
  background-color: var(--ga-color-icon-warning);
1116
1128
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vsn-ux/gaia-styles",
3
- "version": "0.5.18",
3
+ "version": "0.5.19",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "scripts": {
package/src/styles/components/notification.css CHANGED
@@ -4,6 +4,10 @@
4
4
  &.ga-notification--information {
5
5
  @apply border-(--ga-color-border-information) bg-(--ga-color-surface-information);
6
6
 
7
+ .ga-notification__icon {
8
+ @apply text-(--ga-color-icon-information);
9
+ }
10
+
7
11
  .ga-notification__progress .ga-notification__progress-bar {
8
12
  @apply bg-(--ga-color-icon-information);
9
13
  }
@@ -12,6 +16,10 @@
12
16
  &.ga-notification--success {
13
17
  @apply border-(--ga-color-border-success) bg-(--ga-color-surface-success);
14
18
 
19
+ .ga-notification__icon {
20
+ @apply text-(--ga-color-icon-success);
21
+ }
22
+
15
23
  .ga-notification__progress .ga-notification__progress-bar {
16
24
  @apply bg-(--ga-color-icon-success);
17
25
  }
@@ -20,6 +28,10 @@
20
28
  &.ga-notification--error {
21
29
  @apply border-(--ga-color-border-error) bg-(--ga-color-surface-error);
22
30
 
31
+ .ga-notification__icon {
32
+ @apply text-(--ga-color-icon-error);
33
+ }
34
+
23
35
  .ga-notification__progress .ga-notification__progress-bar {
24
36
  @apply bg-(--ga-color-icon-error);
25
37
  }
@@ -28,6 +40,10 @@
28
40
  &.ga-notification--warning {
29
41
  @apply border-(--ga-color-border-warning) bg-(--ga-color-surface-warning);
30
42
 
43
+ .ga-notification__icon {
44
+ @apply text-(--ga-color-icon-warning);
45
+ }
46
+
31
47
  .ga-notification__progress .ga-notification__progress-bar {
32
48
  @apply bg-(--ga-color-icon-warning);
33
49
  }