@wizco/fenixds-core 1.2.2 → 1.2.3

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 (3) hide show
  1. package/package.json +1 -1
  2. package/styles/core.css +168 -0
  3. package/styles/scss/helpers.scss +224 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@wizco/fenixds-core",
3
3
  "description": "Fenix design system é um produto da Wiz com ativos de design e código de front-end para ajudar as equipes na criação dos seus produtos.",
4
- "version": "1.2.2",
4
+ "version": "1.2.3",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "author": "Raul Melo Fernandez",
package/styles/core.css CHANGED
@@ -2183,6 +2183,90 @@ label.form-check, .form-check {
2183
2183
  .bg-neutral-900 {
2184
2184
  background-color: var(--wco-color-neutral-900); }
2185
2185
 
2186
+ .bg-success-50 {
2187
+ background-color: var(--wco-color-success-50); }
2188
+
2189
+ .bg-success-100 {
2190
+ background-color: var(--wco-color-success-100); }
2191
+
2192
+ .bg-success-300 {
2193
+ background-color: var(--wco-color-success-300); }
2194
+
2195
+ .bg-success-500 {
2196
+ background-color: var(--wco-color-success-500); }
2197
+
2198
+ .bg-success-600 {
2199
+ background-color: var(--wco-color-success-600); }
2200
+
2201
+ .bg-success-700 {
2202
+ background-color: var(--wco-color-success-700); }
2203
+
2204
+ .bg-success-900 {
2205
+ background-color: var(--wco-color-success-900); }
2206
+
2207
+ .bg-warning-50 {
2208
+ background-color: var(--wco-color-warning-50); }
2209
+
2210
+ .bg-warning-100 {
2211
+ background-color: var(--wco-color-warning-100); }
2212
+
2213
+ .bg-warning-300 {
2214
+ background-color: var(--wco-color-warning-300); }
2215
+
2216
+ .bg-warning-500 {
2217
+ background-color: var(--wco-color-warning-500); }
2218
+
2219
+ .bg-warning-600 {
2220
+ background-color: var(--wco-color-warning-600); }
2221
+
2222
+ .bg-warning-700 {
2223
+ background-color: var(--wco-color-warning-700); }
2224
+
2225
+ .bg-warning-900 {
2226
+ background-color: var(--wco-color-warning-900); }
2227
+
2228
+ .bg-error-50 {
2229
+ background-color: var(--wco-color-danger-50); }
2230
+
2231
+ .bg-error-100 {
2232
+ background-color: var(--wco-color-danger-100); }
2233
+
2234
+ .bg-error-300 {
2235
+ background-color: var(--wco-color-danger-300); }
2236
+
2237
+ .bg-error-500 {
2238
+ background-color: var(--wco-color-danger-500); }
2239
+
2240
+ .bg-error-600 {
2241
+ background-color: var(--wco-color-danger-600); }
2242
+
2243
+ .bg-error-700 {
2244
+ background-color: var(--wco-color-danger-700); }
2245
+
2246
+ .bg-error-900 {
2247
+ background-color: var(--wco-color-danger-900); }
2248
+
2249
+ .bg-info-50 {
2250
+ background-color: var(--wco-color-info-50); }
2251
+
2252
+ .bg-info-100 {
2253
+ background-color: var(--wco-color-info-100); }
2254
+
2255
+ .bg-info-300 {
2256
+ background-color: var(--wco-color-info-300); }
2257
+
2258
+ .bg-info-500 {
2259
+ background-color: var(--wco-color-info-500); }
2260
+
2261
+ .bg-info-600 {
2262
+ background-color: var(--wco-color-info-600); }
2263
+
2264
+ .bg-info-700 {
2265
+ background-color: var(--wco-color-info-700); }
2266
+
2267
+ .bg-info-900 {
2268
+ background-color: var(--wco-color-info-900); }
2269
+
2186
2270
  .p-none {
2187
2271
  padding: var(--wco-spacing-none); }
2188
2272
 
@@ -2563,6 +2647,90 @@ label.form-check, .form-check {
2563
2647
  .text-neutral-900 {
2564
2648
  color: var(--wco-color-neutral-900); }
2565
2649
 
2650
+ .text-success-50 {
2651
+ color: var(--wco-color-success-50); }
2652
+
2653
+ .text-success-100 {
2654
+ color: var(--wco-color-success-100); }
2655
+
2656
+ .text-success-300 {
2657
+ color: var(--wco-color-success-300); }
2658
+
2659
+ .text-success-500 {
2660
+ color: var(--wco-color-success-500); }
2661
+
2662
+ .text-success-600 {
2663
+ color: var(--wco-color-success-600); }
2664
+
2665
+ .text-success-700 {
2666
+ color: var(--wco-color-success-700); }
2667
+
2668
+ .text-success-900 {
2669
+ color: var(--wco-color-success-900); }
2670
+
2671
+ .text-warning-50 {
2672
+ color: var(--wco-color-warning-50); }
2673
+
2674
+ .text-warning-100 {
2675
+ color: var(--wco-color-warning-100); }
2676
+
2677
+ .text-warning-300 {
2678
+ color: var(--wco-color-warning-300); }
2679
+
2680
+ .text-warning-500 {
2681
+ color: var(--wco-color-warning-500); }
2682
+
2683
+ .text-warning-600 {
2684
+ color: var(--wco-color-warning-600); }
2685
+
2686
+ .text-warning-700 {
2687
+ color: var(--wco-color-warning-700); }
2688
+
2689
+ .text-warning-900 {
2690
+ color: var(--wco-color-warning-900); }
2691
+
2692
+ .text-error-50 {
2693
+ color: var(--wco-color-danger-50); }
2694
+
2695
+ .text-error-100 {
2696
+ color: var(--wco-color-danger-100); }
2697
+
2698
+ .text-error-300 {
2699
+ color: var(--wco-color-danger-300); }
2700
+
2701
+ .text-error-500 {
2702
+ color: var(--wco-color-danger-500); }
2703
+
2704
+ .text-error-600 {
2705
+ color: var(--wco-color-danger-600); }
2706
+
2707
+ .text-error-700 {
2708
+ color: var(--wco-color-danger-700); }
2709
+
2710
+ .text-error-900 {
2711
+ color: var(--wco-color-danger-900); }
2712
+
2713
+ .text-info-50 {
2714
+ color: var(--wco-color-info-50); }
2715
+
2716
+ .text-info-100 {
2717
+ color: var(--wco-color-info-100); }
2718
+
2719
+ .text-info-300 {
2720
+ color: var(--wco-color-info-300); }
2721
+
2722
+ .text-info-500 {
2723
+ color: var(--wco-color-info-500); }
2724
+
2725
+ .text-info-600 {
2726
+ color: var(--wco-color-info-600); }
2727
+
2728
+ .text-info-700 {
2729
+ color: var(--wco-color-info-700); }
2730
+
2731
+ .text-info-900 {
2732
+ color: var(--wco-color-info-900); }
2733
+
2566
2734
  @media (min-width: 640px) {
2567
2735
  .md\:m-none {
2568
2736
  margin: var(--wco-spacing-none); }
package/styles/scss/helpers.scss CHANGED
@@ -821,6 +821,118 @@
821
821
  background-color: var(--wco-color-neutral-900)
822
822
  }
823
823
 
824
+ .bg-success-50 {
825
+ background-color: var(--wco-color-success-50)
826
+ }
827
+
828
+ .bg-success-100 {
829
+ background-color: var(--wco-color-success-100)
830
+ }
831
+
832
+ .bg-success-300 {
833
+ background-color: var(--wco-color-success-300)
834
+ }
835
+
836
+ .bg-success-500 {
837
+ background-color: var(--wco-color-success-500)
838
+ }
839
+
840
+ .bg-success-600 {
841
+ background-color: var(--wco-color-success-600)
842
+ }
843
+
844
+ .bg-success-700 {
845
+ background-color: var(--wco-color-success-700)
846
+ }
847
+
848
+ .bg-success-900 {
849
+ background-color: var(--wco-color-success-900)
850
+ }
851
+
852
+ .bg-warning-50 {
853
+ background-color: var(--wco-color-warning-50)
854
+ }
855
+
856
+ .bg-warning-100 {
857
+ background-color: var(--wco-color-warning-100)
858
+ }
859
+
860
+ .bg-warning-300 {
861
+ background-color: var(--wco-color-warning-300)
862
+ }
863
+
864
+ .bg-warning-500 {
865
+ background-color: var(--wco-color-warning-500)
866
+ }
867
+
868
+ .bg-warning-600 {
869
+ background-color: var(--wco-color-warning-600)
870
+ }
871
+
872
+ .bg-warning-700 {
873
+ background-color: var(--wco-color-warning-700)
874
+ }
875
+
876
+ .bg-warning-900 {
877
+ background-color: var(--wco-color-warning-900)
878
+ }
879
+
880
+ .bg-error-50 {
881
+ background-color: var(--wco-color-danger-50)
882
+ }
883
+
884
+ .bg-error-100 {
885
+ background-color: var(--wco-color-danger-100)
886
+ }
887
+
888
+ .bg-error-300 {
889
+ background-color: var(--wco-color-danger-300)
890
+ }
891
+
892
+ .bg-error-500 {
893
+ background-color: var(--wco-color-danger-500)
894
+ }
895
+
896
+ .bg-error-600 {
897
+ background-color: var(--wco-color-danger-600)
898
+ }
899
+
900
+ .bg-error-700 {
901
+ background-color: var(--wco-color-danger-700)
902
+ }
903
+
904
+ .bg-error-900 {
905
+ background-color: var(--wco-color-danger-900)
906
+ }
907
+
908
+ .bg-info-50 {
909
+ background-color: var(--wco-color-info-50)
910
+ }
911
+
912
+ .bg-info-100 {
913
+ background-color: var(--wco-color-info-100)
914
+ }
915
+
916
+ .bg-info-300 {
917
+ background-color: var(--wco-color-info-300)
918
+ }
919
+
920
+ .bg-info-500 {
921
+ background-color: var(--wco-color-info-500)
922
+ }
923
+
924
+ .bg-info-600 {
925
+ background-color: var(--wco-color-info-600)
926
+ }
927
+
928
+ .bg-info-700 {
929
+ background-color: var(--wco-color-info-700)
930
+ }
931
+
932
+ .bg-info-900 {
933
+ background-color: var(--wco-color-info-900)
934
+ }
935
+
824
936
  .p-none {
825
937
  padding: var(--wco-spacing-none)
826
938
  }
@@ -1319,6 +1431,118 @@
1319
1431
  color: var(--wco-color-neutral-900)
1320
1432
  }
1321
1433
 
1434
+ .text-success-50 {
1435
+ color: var(--wco-color-success-50)
1436
+ }
1437
+
1438
+ .text-success-100 {
1439
+ color: var(--wco-color-success-100)
1440
+ }
1441
+
1442
+ .text-success-300 {
1443
+ color: var(--wco-color-success-300)
1444
+ }
1445
+
1446
+ .text-success-500 {
1447
+ color: var(--wco-color-success-500)
1448
+ }
1449
+
1450
+ .text-success-600 {
1451
+ color: var(--wco-color-success-600)
1452
+ }
1453
+
1454
+ .text-success-700 {
1455
+ color: var(--wco-color-success-700)
1456
+ }
1457
+
1458
+ .text-success-900 {
1459
+ color: var(--wco-color-success-900)
1460
+ }
1461
+
1462
+ .text-warning-50 {
1463
+ color: var(--wco-color-warning-50)
1464
+ }
1465
+
1466
+ .text-warning-100 {
1467
+ color: var(--wco-color-warning-100)
1468
+ }
1469
+
1470
+ .text-warning-300 {
1471
+ color: var(--wco-color-warning-300)
1472
+ }
1473
+
1474
+ .text-warning-500 {
1475
+ color: var(--wco-color-warning-500)
1476
+ }
1477
+
1478
+ .text-warning-600 {
1479
+ color: var(--wco-color-warning-600)
1480
+ }
1481
+
1482
+ .text-warning-700 {
1483
+ color: var(--wco-color-warning-700)
1484
+ }
1485
+
1486
+ .text-warning-900 {
1487
+ color: var(--wco-color-warning-900)
1488
+ }
1489
+
1490
+ .text-error-50 {
1491
+ color: var(--wco-color-danger-50)
1492
+ }
1493
+
1494
+ .text-error-100 {
1495
+ color: var(--wco-color-danger-100)
1496
+ }
1497
+
1498
+ .text-error-300 {
1499
+ color: var(--wco-color-danger-300)
1500
+ }
1501
+
1502
+ .text-error-500 {
1503
+ color: var(--wco-color-danger-500)
1504
+ }
1505
+
1506
+ .text-error-600 {
1507
+ color: var(--wco-color-danger-600)
1508
+ }
1509
+
1510
+ .text-error-700 {
1511
+ color: var(--wco-color-danger-700)
1512
+ }
1513
+
1514
+ .text-error-900 {
1515
+ color: var(--wco-color-danger-900)
1516
+ }
1517
+
1518
+ .text-info-50 {
1519
+ color: var(--wco-color-info-50)
1520
+ }
1521
+
1522
+ .text-info-100 {
1523
+ color: var(--wco-color-info-100)
1524
+ }
1525
+
1526
+ .text-info-300 {
1527
+ color: var(--wco-color-info-300)
1528
+ }
1529
+
1530
+ .text-info-500 {
1531
+ color: var(--wco-color-info-500)
1532
+ }
1533
+
1534
+ .text-info-600 {
1535
+ color: var(--wco-color-info-600)
1536
+ }
1537
+
1538
+ .text-info-700 {
1539
+ color: var(--wco-color-info-700)
1540
+ }
1541
+
1542
+ .text-info-900 {
1543
+ color: var(--wco-color-info-900)
1544
+ }
1545
+
1322
1546
  @media (min-width: 640px) {
1323
1547
  .md\:m-none {
1324
1548
  margin: var(--wco-spacing-none)