@rolster/styles-foundations 2.6.22 → 2.7.0
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/styles.css +182 -0
- package/dist/styles.css.map +1 -1
- package/dist/styles.min.css +1 -1
- package/dist/styles.rtl.css +182 -0
- package/dist/styles.rtl.min.css +1 -1
- package/package.json +5 -2
- package/scss/foundations/colors.scss +17 -2
- package/scss/foundations/themes.scss +7 -2
package/dist/styles.rtl.css
CHANGED
|
@@ -100,6 +100,51 @@ body {
|
|
|
100
100
|
--rls-app-color-200: var(--rls-project-color-200, #e0e5ff);
|
|
101
101
|
--rls-app-color-100: var(--rls-project-color-100, #f5f7ff);
|
|
102
102
|
--rls-app-color-050: var(--rls-project-color-050, #ffffff);
|
|
103
|
+
--rls-standard-color-950: #26303b;
|
|
104
|
+
--rls-standard-color-900: #32384e;
|
|
105
|
+
--rls-standard-backdrop-900: rgba(50, 56, 78, 0.8);
|
|
106
|
+
--rls-standard-color-800: #3f4661;
|
|
107
|
+
--rls-standard-color-700: #515a7d;
|
|
108
|
+
--rls-standard-skeleton-500: rgba(81, 90, 125, 0.5);
|
|
109
|
+
--rls-standard-skeleton-400: rgba(81, 90, 125, 0.325);
|
|
110
|
+
--rls-standard-skeleton-300: rgba(81, 90, 125, 0.25);
|
|
111
|
+
--rls-standard-skeleton-200: rgba(81, 90, 125, 0.175);
|
|
112
|
+
--rls-standard-skeleton-100: rgba(81, 90, 125, 0.1);
|
|
113
|
+
--rls-standard-color-600: #67739f;
|
|
114
|
+
--rls-standard-color-500: #828fbf;
|
|
115
|
+
--rls-standard-shadow-color-500: rgba(130, 143, 191, 0.24);
|
|
116
|
+
--rls-standard-shadow-500: 0px 0px 0px 3px
|
|
117
|
+
var(--rls-standard-shadow-color-500);
|
|
118
|
+
--rls-standard-color-400: #a5b0e8;
|
|
119
|
+
--rls-standard-color-300: #c2cbf5;
|
|
120
|
+
--rls-standard-color-200: #e0e5ff;
|
|
121
|
+
--rls-standard-color-100: #f5f7ff;
|
|
122
|
+
--rls-standard-color-050: #ffffff;
|
|
123
|
+
--rls-standard-gradient-700: linear-gradient(
|
|
124
|
+
180deg,
|
|
125
|
+
var(--rls-standard-color-700) 15%,
|
|
126
|
+
var(--rls-standard-color-800) 85%
|
|
127
|
+
);
|
|
128
|
+
--rls-standard-gradient-600: linear-gradient(
|
|
129
|
+
180deg,
|
|
130
|
+
var(--rls-standard-color-600) 15%,
|
|
131
|
+
var(--rls-standard-color-700) 85%
|
|
132
|
+
);
|
|
133
|
+
--rls-standard-gradient-500: linear-gradient(
|
|
134
|
+
180deg,
|
|
135
|
+
var(--rls-standard-color-500) 15%,
|
|
136
|
+
var(--rls-standard-color-600) 85%
|
|
137
|
+
);
|
|
138
|
+
--rls-standard-gradient-400: linear-gradient(
|
|
139
|
+
180deg,
|
|
140
|
+
var(--rls-standard-color-400) 15%,
|
|
141
|
+
var(--rls-standard-color-500) 85%
|
|
142
|
+
);
|
|
143
|
+
--rls-standard-gradient-300: linear-gradient(
|
|
144
|
+
180deg,
|
|
145
|
+
var(--rls-standard-color-300) 15%,
|
|
146
|
+
var(--rls-standard-color-400) 85%
|
|
147
|
+
);
|
|
103
148
|
--rls-primary-color-950: #0b2446;
|
|
104
149
|
--rls-primary-color-900: #103a6a;
|
|
105
150
|
--rls-primary-backdrop-900: rgba(16, 58, 106, 0.8);
|
|
@@ -1615,6 +1660,60 @@ body {
|
|
|
1615
1660
|
--rls-app-border-1-900: var(--rls-border-1) solid var(--rls-app-color-900);
|
|
1616
1661
|
--rls-app-border-2-900: var(--rls-border-2) solid var(--rls-app-color-900);
|
|
1617
1662
|
--rls-app-border-4-900: var(--rls-border-4) solid var(--rls-app-color-900);
|
|
1663
|
+
--rls-standard-border-1-100: var(--rls-border-1) solid
|
|
1664
|
+
var(--rls-standard-color-100);
|
|
1665
|
+
--rls-standard-border-2-100: var(--rls-border-2) solid
|
|
1666
|
+
var(--rls-standard-color-100);
|
|
1667
|
+
--rls-standard-border-4-100: var(--rls-border-4) solid
|
|
1668
|
+
var(--rls-standard-color-100);
|
|
1669
|
+
--rls-standard-border-1-200: var(--rls-border-1) solid
|
|
1670
|
+
var(--rls-standard-color-200);
|
|
1671
|
+
--rls-standard-border-2-200: var(--rls-border-2) solid
|
|
1672
|
+
var(--rls-standard-color-200);
|
|
1673
|
+
--rls-standard-border-4-200: var(--rls-border-4) solid
|
|
1674
|
+
var(--rls-standard-color-200);
|
|
1675
|
+
--rls-standard-border-1-300: var(--rls-border-1) solid
|
|
1676
|
+
var(--rls-standard-color-300);
|
|
1677
|
+
--rls-standard-border-2-300: var(--rls-border-2) solid
|
|
1678
|
+
var(--rls-standard-color-300);
|
|
1679
|
+
--rls-standard-border-4-300: var(--rls-border-4) solid
|
|
1680
|
+
var(--rls-standard-color-300);
|
|
1681
|
+
--rls-standard-border-1-400: var(--rls-border-1) solid
|
|
1682
|
+
var(--rls-standard-color-400);
|
|
1683
|
+
--rls-standard-border-2-400: var(--rls-border-2) solid
|
|
1684
|
+
var(--rls-standard-color-400);
|
|
1685
|
+
--rls-standard-border-4-400: var(--rls-border-4) solid
|
|
1686
|
+
var(--rls-standard-color-400);
|
|
1687
|
+
--rls-standard-border-1-500: var(--rls-border-1) solid
|
|
1688
|
+
var(--rls-standard-color-500);
|
|
1689
|
+
--rls-standard-border-2-500: var(--rls-border-2) solid
|
|
1690
|
+
var(--rls-standard-color-500);
|
|
1691
|
+
--rls-standard-border-4-500: var(--rls-border-4) solid
|
|
1692
|
+
var(--rls-standard-color-500);
|
|
1693
|
+
--rls-standard-border-1-600: var(--rls-border-1) solid
|
|
1694
|
+
var(--rls-standard-color-600);
|
|
1695
|
+
--rls-standard-border-2-600: var(--rls-border-2) solid
|
|
1696
|
+
var(--rls-standard-color-600);
|
|
1697
|
+
--rls-standard-border-4-600: var(--rls-border-4) solid
|
|
1698
|
+
var(--rls-standard-color-600);
|
|
1699
|
+
--rls-standard-border-1-700: var(--rls-border-1) solid
|
|
1700
|
+
var(--rls-standard-color-700);
|
|
1701
|
+
--rls-standard-border-2-700: var(--rls-border-2) solid
|
|
1702
|
+
var(--rls-standard-color-700);
|
|
1703
|
+
--rls-standard-border-4-700: var(--rls-border-4) solid
|
|
1704
|
+
var(--rls-standard-color-700);
|
|
1705
|
+
--rls-standard-border-1-800: var(--rls-border-1) solid
|
|
1706
|
+
var(--rls-standard-color-800);
|
|
1707
|
+
--rls-standard-border-2-800: var(--rls-border-2) solid
|
|
1708
|
+
var(--rls-standard-color-800);
|
|
1709
|
+
--rls-standard-border-4-800: var(--rls-border-4) solid
|
|
1710
|
+
var(--rls-standard-color-800);
|
|
1711
|
+
--rls-standard-border-1-900: var(--rls-border-1) solid
|
|
1712
|
+
var(--rls-standard-color-900);
|
|
1713
|
+
--rls-standard-border-2-900: var(--rls-border-2) solid
|
|
1714
|
+
var(--rls-standard-color-900);
|
|
1715
|
+
--rls-standard-border-4-900: var(--rls-border-4) solid
|
|
1716
|
+
var(--rls-standard-color-900);
|
|
1618
1717
|
--rls-primary-border-1-100: var(--rls-border-1) solid
|
|
1619
1718
|
var(--rls-primary-color-100);
|
|
1620
1719
|
--rls-primary-border-2-100: var(--rls-border-2) solid
|
|
@@ -2426,6 +2525,89 @@ body {
|
|
|
2426
2525
|
--rls-theme-border-4-100: var(--rls-border-4) solid
|
|
2427
2526
|
var(--rls-primary-color-100);
|
|
2428
2527
|
}
|
|
2528
|
+
*[rls-theme='standard'] {
|
|
2529
|
+
--rls-theme-color-950: var(--rls-standard-color-950);
|
|
2530
|
+
--rls-theme-color-900: var(--rls-standard-color-900);
|
|
2531
|
+
--rls-theme-color-800: var(--rls-standard-color-800);
|
|
2532
|
+
--rls-theme-color-700: var(--rls-standard-color-700);
|
|
2533
|
+
--rls-theme-color-600: var(--rls-standard-color-600);
|
|
2534
|
+
--rls-theme-color-500: var(--rls-standard-color-500);
|
|
2535
|
+
--rls-theme-color-400: var(--rls-standard-color-400);
|
|
2536
|
+
--rls-theme-color-300: var(--rls-standard-color-300);
|
|
2537
|
+
--rls-theme-color-200: var(--rls-standard-color-200);
|
|
2538
|
+
--rls-theme-color-100: var(--rls-standard-color-100);
|
|
2539
|
+
--rls-theme-color-050: var(--rls-standard-color-050);
|
|
2540
|
+
--rls-theme-font-900: var(--rls-standard-color-050);
|
|
2541
|
+
--rls-theme-color-050: var(--rls-standard-color-050);
|
|
2542
|
+
--rls-theme-font-100: var(--rls-standard-color-900);
|
|
2543
|
+
--rls-theme-skeleton-500: var(--rls-standard-skeleton-500);
|
|
2544
|
+
--rls-theme-skeleton-400: var(--rls-standard-skeleton-400);
|
|
2545
|
+
--rls-theme-skeleton-300: var(--rls-standard-skeleton-300);
|
|
2546
|
+
--rls-theme-skeleton-200: var(--rls-standard-skeleton-200);
|
|
2547
|
+
--rls-theme-skeleton-100: var(--rls-standard-skeleton-100);
|
|
2548
|
+
--rls-theme-shadow-color-500: var(--rls-standard-shadow-color-500);
|
|
2549
|
+
--rls-theme-shadow-500: var(--rls-standard-shadow-500);
|
|
2550
|
+
--rls-theme-backdrop-900: var(--rls-standard-backdrop-900);
|
|
2551
|
+
--rls-theme-gradient-700: var(--rls-standard-gradient-700);
|
|
2552
|
+
--rls-theme-gradient-600: var(--rls-standard-gradient-600);
|
|
2553
|
+
--rls-theme-gradient-500: var(--rls-standard-gradient-500);
|
|
2554
|
+
--rls-theme-gradient-400: var(--rls-standard-gradient-400);
|
|
2555
|
+
--rls-theme-gradient-300: var(--rls-standard-gradient-300);
|
|
2556
|
+
--rls-theme-border-1-900: var(--rls-border-1) solid
|
|
2557
|
+
var(--rls-standard-color-900);
|
|
2558
|
+
--rls-theme-border-2-900: var(--rls-border-2) solid
|
|
2559
|
+
var(--rls-standard-color-900);
|
|
2560
|
+
--rls-theme-border-4-900: var(--rls-border-4) solid
|
|
2561
|
+
var(--rls-standard-color-900);
|
|
2562
|
+
--rls-theme-border-1-800: var(--rls-border-1) solid
|
|
2563
|
+
var(--rls-standard-color-800);
|
|
2564
|
+
--rls-theme-border-2-800: var(--rls-border-2) solid
|
|
2565
|
+
var(--rls-standard-color-800);
|
|
2566
|
+
--rls-theme-border-4-800: var(--rls-border-4) solid
|
|
2567
|
+
var(--rls-standard-color-800);
|
|
2568
|
+
--rls-theme-border-1-700: var(--rls-border-1) solid
|
|
2569
|
+
var(--rls-standard-color-700);
|
|
2570
|
+
--rls-theme-border-2-700: var(--rls-border-2) solid
|
|
2571
|
+
var(--rls-standard-color-700);
|
|
2572
|
+
--rls-theme-border-4-700: var(--rls-border-4) solid
|
|
2573
|
+
var(--rls-standard-color-700);
|
|
2574
|
+
--rls-theme-border-1-600: var(--rls-border-1) solid
|
|
2575
|
+
var(--rls-standard-color-600);
|
|
2576
|
+
--rls-theme-border-2-600: var(--rls-border-2) solid
|
|
2577
|
+
var(--rls-standard-color-600);
|
|
2578
|
+
--rls-theme-border-4-600: var(--rls-border-4) solid
|
|
2579
|
+
var(--rls-standard-color-600);
|
|
2580
|
+
--rls-theme-border-1-500: var(--rls-border-1) solid
|
|
2581
|
+
var(--rls-standard-color-500);
|
|
2582
|
+
--rls-theme-border-2-500: var(--rls-border-2) solid
|
|
2583
|
+
var(--rls-standard-color-500);
|
|
2584
|
+
--rls-theme-border-4-500: var(--rls-border-4) solid
|
|
2585
|
+
var(--rls-standard-color-500);
|
|
2586
|
+
--rls-theme-border-1-400: var(--rls-border-1) solid
|
|
2587
|
+
var(--rls-standard-color-400);
|
|
2588
|
+
--rls-theme-border-2-400: var(--rls-border-2) solid
|
|
2589
|
+
var(--rls-standard-color-400);
|
|
2590
|
+
--rls-theme-border-4-400: var(--rls-border-4) solid
|
|
2591
|
+
var(--rls-standard-color-400);
|
|
2592
|
+
--rls-theme-border-1-300: var(--rls-border-1) solid
|
|
2593
|
+
var(--rls-standard-color-300);
|
|
2594
|
+
--rls-theme-border-2-300: var(--rls-border-2) solid
|
|
2595
|
+
var(--rls-standard-color-300);
|
|
2596
|
+
--rls-theme-border-4-300: var(--rls-border-4) solid
|
|
2597
|
+
var(--rls-standard-color-300);
|
|
2598
|
+
--rls-theme-border-1-200: var(--rls-border-1) solid
|
|
2599
|
+
var(--rls-standard-color-200);
|
|
2600
|
+
--rls-theme-border-2-200: var(--rls-border-2) solid
|
|
2601
|
+
var(--rls-standard-color-200);
|
|
2602
|
+
--rls-theme-border-4-200: var(--rls-border-4) solid
|
|
2603
|
+
var(--rls-standard-color-200);
|
|
2604
|
+
--rls-theme-border-1-100: var(--rls-border-1) solid
|
|
2605
|
+
var(--rls-standard-color-100);
|
|
2606
|
+
--rls-theme-border-2-100: var(--rls-border-2) solid
|
|
2607
|
+
var(--rls-standard-color-100);
|
|
2608
|
+
--rls-theme-border-4-100: var(--rls-border-4) solid
|
|
2609
|
+
var(--rls-standard-color-100);
|
|
2610
|
+
}
|
|
2429
2611
|
*[rls-theme='secondary'] {
|
|
2430
2612
|
--rls-theme-color-950: var(--rls-secondary-color-950);
|
|
2431
2613
|
--rls-theme-color-900: var(--rls-secondary-color-900);
|