energy-foundations 2.1.0 → 2.3.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/energy-foundations.css +1 -1
- package/dist/fonts/rds-e-icon-font.eot +0 -0
- package/dist/fonts/rds-e-icon-font.svg +19 -0
- package/dist/fonts/rds-e-icon-font.ttf +0 -0
- package/dist/fonts/rds-e-icon-font.woff +0 -0
- package/dist/fonts/selection.json +1 -1
- package/dist/foundations/_elevation.scss +4 -0
- package/dist/foundations/_fonts.scss +128 -3
- package/dist/generated/icon-layers.js +7 -1
- package/dist/generated/icon-layers.ts +7 -1
- package/dist/generated/icon-names.js +7 -1
- package/dist/generated/icon-names.ts +7 -1
- package/dist/index.css +136 -3
- package/dist/mixins/_elevation.scss +8 -0
- package/dist/style.css +136 -3
- package/dist/variables/_elevation.scss +1 -1
- package/dist/variables.css +1 -1
- package/llms/01-classes.md +2 -1
- package/llms/02-css-variables.md +1 -1
- package/llms/03-sass-variables-and-mixins.md +1 -1
- package/package.json +1 -1
- package/src/foundations/_elevation.scss +4 -0
- package/src/foundations/_fonts.scss +128 -3
- package/src/generated/icon-layers.js +7 -1
- package/src/generated/icon-layers.ts +7 -1
- package/src/generated/icon-names.js +7 -1
- package/src/generated/icon-names.ts +7 -1
- package/src/mixins/_elevation.scss +8 -0
- package/src/variables/_elevation.scss +1 -1
- package/src/variables.css +1 -1
|
@@ -65,9 +65,9 @@ $rds-font-path: './fonts' !default;
|
|
|
65
65
|
font-family: 'rds-e-icon-font';
|
|
66
66
|
src: url('#{$rds-font-path}/');
|
|
67
67
|
src: url('#{$rds-font-path}/#iefix') format('embedded-opentype'),
|
|
68
|
-
url('#{$rds-font-path}/rds-e-icon-font.ttf?
|
|
69
|
-
url('#{$rds-font-path}/rds-e-icon-font.woff?
|
|
70
|
-
url('#{$rds-font-path}/rds-e-icon-font.svg?
|
|
68
|
+
url('#{$rds-font-path}/rds-e-icon-font.ttf?p4yc8m') format('truetype'),
|
|
69
|
+
url('#{$rds-font-path}/rds-e-icon-font.woff?p4yc8m') format('woff'),
|
|
70
|
+
url('#{$rds-font-path}/rds-e-icon-font.svg?p4yc8m#rds-e-icon-font') format('svg');
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
[class^="rds-e-icon-"], [class*=" rds-e-icon-"], [class^="rds-icon-"], [class*=" rds-icon-"] {
|
|
@@ -95,6 +95,131 @@ $rds-font-path: './fonts' !default;
|
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
+
.rds-e-icon-calendar_active .path1:before,
|
|
99
|
+
.rds-icon-calendar_active .path1:before {
|
|
100
|
+
color: rgb(0, 30, 55);
|
|
101
|
+
content: "\eaab";
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.rds-e-icon-calendar_active .path2:before,
|
|
105
|
+
.rds-icon-calendar_active .path2:before {
|
|
106
|
+
color: rgb(0, 30, 55);
|
|
107
|
+
content: "\eaac";
|
|
108
|
+
margin-left: -1em;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.rds-e-icon-calendar_active .path3:before,
|
|
112
|
+
.rds-icon-calendar_active .path3:before {
|
|
113
|
+
color: rgb(0, 30, 55);
|
|
114
|
+
content: "\eaad";
|
|
115
|
+
margin-left: -1em;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.rds-e-icon-calendar_active .path4:before,
|
|
119
|
+
.rds-icon-calendar_active .path4:before {
|
|
120
|
+
color: rgb(0, 30, 55);
|
|
121
|
+
content: "\eaae";
|
|
122
|
+
margin-left: -1em;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.rds-e-icon-calendar_active .path5:before,
|
|
126
|
+
.rds-icon-calendar_active .path5:before {
|
|
127
|
+
color: rgb(0, 30, 55);
|
|
128
|
+
content: "\eaaf";
|
|
129
|
+
margin-left: -1em;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.rds-e-icon-calendar_active .path6:before,
|
|
133
|
+
.rds-icon-calendar_active .path6:before {
|
|
134
|
+
color: rgb(0, 30, 55);
|
|
135
|
+
content: "\eab0";
|
|
136
|
+
margin-left: -1em;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.rds-e-icon-calendar_active .path7:before,
|
|
140
|
+
.rds-icon-calendar_active .path7:before {
|
|
141
|
+
color: rgb(0, 30, 55);
|
|
142
|
+
content: "\eab1";
|
|
143
|
+
margin-left: -1em;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.rds-e-icon-calendar_active .path8:before,
|
|
147
|
+
.rds-icon-calendar_active .path8:before {
|
|
148
|
+
color: rgb(245, 150, 0);
|
|
149
|
+
content: "\eab2";
|
|
150
|
+
margin-left: -1em;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.rds-e-icon-code_notification .path1:before,
|
|
154
|
+
.rds-icon-code_notification .path1:before {
|
|
155
|
+
color: rgb(0, 30, 55);
|
|
156
|
+
content: "\eab3";
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.rds-e-icon-code_notification .path2:before,
|
|
160
|
+
.rds-icon-code_notification .path2:before {
|
|
161
|
+
color: rgb(0, 30, 55);
|
|
162
|
+
content: "\eab4";
|
|
163
|
+
margin-left: -1em;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.rds-e-icon-code_notification .path3:before,
|
|
167
|
+
.rds-icon-code_notification .path3:before {
|
|
168
|
+
color: rgb(0, 30, 55);
|
|
169
|
+
content: "\eab5";
|
|
170
|
+
margin-left: -1em;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.rds-e-icon-code_notification .path4:before,
|
|
174
|
+
.rds-icon-code_notification .path4:before {
|
|
175
|
+
color: rgb(245, 150, 0);
|
|
176
|
+
content: "\eab6";
|
|
177
|
+
margin-left: -1em;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.rds-e-icon-document_final_content_active .path1:before,
|
|
181
|
+
.rds-icon-document_final_content_active .path1:before {
|
|
182
|
+
color: rgb(0, 30, 55);
|
|
183
|
+
content: "\eab7";
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.rds-e-icon-document_final_content_active .path2:before,
|
|
187
|
+
.rds-icon-document_final_content_active .path2:before {
|
|
188
|
+
color: rgb(245, 150, 0);
|
|
189
|
+
content: "\eab8";
|
|
190
|
+
margin-left: -1em;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.rds-e-icon-education:before,
|
|
194
|
+
.rds-icon-education:before {
|
|
195
|
+
content: "\eab9";
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.rds-e-icon-storage_active .path1:before,
|
|
199
|
+
.rds-icon-storage_active .path1:before {
|
|
200
|
+
color: rgb(0, 30, 55);
|
|
201
|
+
content: "\eaba";
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.rds-e-icon-storage_active .path2:before,
|
|
205
|
+
.rds-icon-storage_active .path2:before {
|
|
206
|
+
color: rgb(0, 30, 55);
|
|
207
|
+
content: "\eabb";
|
|
208
|
+
margin-left: -1em;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.rds-e-icon-storage_active .path3:before,
|
|
212
|
+
.rds-icon-storage_active .path3:before {
|
|
213
|
+
color: rgb(245, 150, 0);
|
|
214
|
+
content: "\eabc";
|
|
215
|
+
margin-left: -1em;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.rds-e-icon-workday:before,
|
|
219
|
+
.rds-icon-workday:before {
|
|
220
|
+
content: "\eabd";
|
|
221
|
+
}
|
|
222
|
+
|
|
98
223
|
.rds-e-icon-cloud_check:before,
|
|
99
224
|
.rds-icon-cloud_check:before {
|
|
100
225
|
content: "\ea97";
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
/** Auto-generated by generateIconLayers.js on 2026-
|
|
1
|
+
/** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
export const iconLayers = {
|
|
4
|
+
"calendar_active": 8,
|
|
5
|
+
"code_notification": 4,
|
|
6
|
+
"document_final_content_active": 2,
|
|
7
|
+
"education": 1,
|
|
8
|
+
"storage_active": 3,
|
|
9
|
+
"workday": 1,
|
|
4
10
|
"cloud_check": 1,
|
|
5
11
|
"undo": 1,
|
|
6
12
|
"redo": 1,
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
/** Auto-generated by generateIconLayers.js on 2026-
|
|
1
|
+
/** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
export const iconLayers: Record<string, number> = {
|
|
4
|
+
"calendar_active": 8,
|
|
5
|
+
"code_notification": 4,
|
|
6
|
+
"document_final_content_active": 2,
|
|
7
|
+
"education": 1,
|
|
8
|
+
"storage_active": 3,
|
|
9
|
+
"workday": 1,
|
|
4
10
|
"cloud_check": 1,
|
|
5
11
|
"undo": 1,
|
|
6
12
|
"redo": 1,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** Auto-generated by generateIconLayers.js on 2026-
|
|
1
|
+
/** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
export const iconNames = [
|
|
4
4
|
"ac-aire-acondicionado",
|
|
@@ -38,6 +38,7 @@ export const iconNames = [
|
|
|
38
38
|
"burger",
|
|
39
39
|
"calculator",
|
|
40
40
|
"calendar",
|
|
41
|
+
"calendar_active",
|
|
41
42
|
"call",
|
|
42
43
|
"car",
|
|
43
44
|
"car-wash-01",
|
|
@@ -77,6 +78,7 @@ export const iconNames = [
|
|
|
77
78
|
"cloudy",
|
|
78
79
|
"co2",
|
|
79
80
|
"code",
|
|
81
|
+
"code_notification",
|
|
80
82
|
"coffe",
|
|
81
83
|
"collect",
|
|
82
84
|
"comb",
|
|
@@ -118,6 +120,7 @@ export const iconNames = [
|
|
|
118
120
|
"document_basic",
|
|
119
121
|
"document_card_pass",
|
|
120
122
|
"document_edit",
|
|
123
|
+
"document_final_content_active",
|
|
121
124
|
"document_remove",
|
|
122
125
|
"document_request",
|
|
123
126
|
"document_search",
|
|
@@ -126,6 +129,7 @@ export const iconNames = [
|
|
|
126
129
|
"drink",
|
|
127
130
|
"drops",
|
|
128
131
|
"edit",
|
|
132
|
+
"education",
|
|
129
133
|
"ees",
|
|
130
134
|
"ees-ccrr-combustibles-renovables",
|
|
131
135
|
"ees_electric_charger",
|
|
@@ -351,6 +355,7 @@ export const iconNames = [
|
|
|
351
355
|
"starbucks",
|
|
352
356
|
"stop",
|
|
353
357
|
"storage",
|
|
358
|
+
"storage_active",
|
|
354
359
|
"storybook",
|
|
355
360
|
"sunglasses",
|
|
356
361
|
"sunset",
|
|
@@ -403,5 +408,6 @@ export const iconNames = [
|
|
|
403
408
|
"wind-power",
|
|
404
409
|
"wind_power_repeat",
|
|
405
410
|
"wine",
|
|
411
|
+
"workday",
|
|
406
412
|
"youtube"
|
|
407
413
|
]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** Auto-generated by generateIconLayers.js on 2026-
|
|
1
|
+
/** Auto-generated by generateIconLayers.js on 2026-07-28T07:47:11.825Z */
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
export const iconNames: string[] = [
|
|
4
4
|
"ac-aire-acondicionado",
|
|
@@ -38,6 +38,7 @@ export const iconNames: string[] = [
|
|
|
38
38
|
"burger",
|
|
39
39
|
"calculator",
|
|
40
40
|
"calendar",
|
|
41
|
+
"calendar_active",
|
|
41
42
|
"call",
|
|
42
43
|
"car",
|
|
43
44
|
"car-wash-01",
|
|
@@ -77,6 +78,7 @@ export const iconNames: string[] = [
|
|
|
77
78
|
"cloudy",
|
|
78
79
|
"co2",
|
|
79
80
|
"code",
|
|
81
|
+
"code_notification",
|
|
80
82
|
"coffe",
|
|
81
83
|
"collect",
|
|
82
84
|
"comb",
|
|
@@ -118,6 +120,7 @@ export const iconNames: string[] = [
|
|
|
118
120
|
"document_basic",
|
|
119
121
|
"document_card_pass",
|
|
120
122
|
"document_edit",
|
|
123
|
+
"document_final_content_active",
|
|
121
124
|
"document_remove",
|
|
122
125
|
"document_request",
|
|
123
126
|
"document_search",
|
|
@@ -126,6 +129,7 @@ export const iconNames: string[] = [
|
|
|
126
129
|
"drink",
|
|
127
130
|
"drops",
|
|
128
131
|
"edit",
|
|
132
|
+
"education",
|
|
129
133
|
"ees",
|
|
130
134
|
"ees-ccrr-combustibles-renovables",
|
|
131
135
|
"ees_electric_charger",
|
|
@@ -351,6 +355,7 @@ export const iconNames: string[] = [
|
|
|
351
355
|
"starbucks",
|
|
352
356
|
"stop",
|
|
353
357
|
"storage",
|
|
358
|
+
"storage_active",
|
|
354
359
|
"storybook",
|
|
355
360
|
"sunglasses",
|
|
356
361
|
"sunset",
|
|
@@ -403,5 +408,6 @@ export const iconNames: string[] = [
|
|
|
403
408
|
"wind-power",
|
|
404
409
|
"wind_power_repeat",
|
|
405
410
|
"wine",
|
|
411
|
+
"workday",
|
|
406
412
|
"youtube"
|
|
407
413
|
]
|
package/dist/index.css
CHANGED
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
/* _elevation.scss */
|
|
139
139
|
--rds-overlay-backdrop-filter: blur(6px);
|
|
140
140
|
--rds-glass-backdrop-filter: blur(48px);
|
|
141
|
-
--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.
|
|
141
|
+
--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
|
|
142
142
|
|
|
143
143
|
/* _color.scss */
|
|
144
144
|
--rds-color-content-high: var(--rds-color-navy-80);
|
|
@@ -620,7 +620,7 @@ h6 {
|
|
|
620
620
|
font-display: block;
|
|
621
621
|
font-family: "rds-e-icon-font";
|
|
622
622
|
src: url("./fonts/");
|
|
623
|
-
src: url("./fonts/#iefix") format("embedded-opentype"), url("./fonts/rds-e-icon-font.ttf?
|
|
623
|
+
src: url("./fonts/#iefix") format("embedded-opentype"), url("./fonts/rds-e-icon-font.ttf?p4yc8m") format("truetype"), url("./fonts/rds-e-icon-font.woff?p4yc8m") format("woff"), url("./fonts/rds-e-icon-font.svg?p4yc8m#rds-e-icon-font") format("svg");
|
|
624
624
|
}
|
|
625
625
|
[class^=rds-e-icon-], [class*=" rds-e-icon-"], [class^=rds-icon-], [class*=" rds-icon-"] {
|
|
626
626
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
@@ -645,6 +645,131 @@ h6 {
|
|
|
645
645
|
font-size: 16px;
|
|
646
646
|
}
|
|
647
647
|
|
|
648
|
+
.rds-e-icon-calendar_active .path1:before,
|
|
649
|
+
.rds-icon-calendar_active .path1:before {
|
|
650
|
+
color: rgb(0, 30, 55);
|
|
651
|
+
content: "\eaab";
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
.rds-e-icon-calendar_active .path2:before,
|
|
655
|
+
.rds-icon-calendar_active .path2:before {
|
|
656
|
+
color: rgb(0, 30, 55);
|
|
657
|
+
content: "\eaac";
|
|
658
|
+
margin-left: -1em;
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
.rds-e-icon-calendar_active .path3:before,
|
|
662
|
+
.rds-icon-calendar_active .path3:before {
|
|
663
|
+
color: rgb(0, 30, 55);
|
|
664
|
+
content: "\eaad";
|
|
665
|
+
margin-left: -1em;
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
.rds-e-icon-calendar_active .path4:before,
|
|
669
|
+
.rds-icon-calendar_active .path4:before {
|
|
670
|
+
color: rgb(0, 30, 55);
|
|
671
|
+
content: "\eaae";
|
|
672
|
+
margin-left: -1em;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.rds-e-icon-calendar_active .path5:before,
|
|
676
|
+
.rds-icon-calendar_active .path5:before {
|
|
677
|
+
color: rgb(0, 30, 55);
|
|
678
|
+
content: "\eaaf";
|
|
679
|
+
margin-left: -1em;
|
|
680
|
+
}
|
|
681
|
+
|
|
682
|
+
.rds-e-icon-calendar_active .path6:before,
|
|
683
|
+
.rds-icon-calendar_active .path6:before {
|
|
684
|
+
color: rgb(0, 30, 55);
|
|
685
|
+
content: "\eab0";
|
|
686
|
+
margin-left: -1em;
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
.rds-e-icon-calendar_active .path7:before,
|
|
690
|
+
.rds-icon-calendar_active .path7:before {
|
|
691
|
+
color: rgb(0, 30, 55);
|
|
692
|
+
content: "\eab1";
|
|
693
|
+
margin-left: -1em;
|
|
694
|
+
}
|
|
695
|
+
|
|
696
|
+
.rds-e-icon-calendar_active .path8:before,
|
|
697
|
+
.rds-icon-calendar_active .path8:before {
|
|
698
|
+
color: rgb(245, 150, 0);
|
|
699
|
+
content: "\eab2";
|
|
700
|
+
margin-left: -1em;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.rds-e-icon-code_notification .path1:before,
|
|
704
|
+
.rds-icon-code_notification .path1:before {
|
|
705
|
+
color: rgb(0, 30, 55);
|
|
706
|
+
content: "\eab3";
|
|
707
|
+
}
|
|
708
|
+
|
|
709
|
+
.rds-e-icon-code_notification .path2:before,
|
|
710
|
+
.rds-icon-code_notification .path2:before {
|
|
711
|
+
color: rgb(0, 30, 55);
|
|
712
|
+
content: "\eab4";
|
|
713
|
+
margin-left: -1em;
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
.rds-e-icon-code_notification .path3:before,
|
|
717
|
+
.rds-icon-code_notification .path3:before {
|
|
718
|
+
color: rgb(0, 30, 55);
|
|
719
|
+
content: "\eab5";
|
|
720
|
+
margin-left: -1em;
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
.rds-e-icon-code_notification .path4:before,
|
|
724
|
+
.rds-icon-code_notification .path4:before {
|
|
725
|
+
color: rgb(245, 150, 0);
|
|
726
|
+
content: "\eab6";
|
|
727
|
+
margin-left: -1em;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
.rds-e-icon-document_final_content_active .path1:before,
|
|
731
|
+
.rds-icon-document_final_content_active .path1:before {
|
|
732
|
+
color: rgb(0, 30, 55);
|
|
733
|
+
content: "\eab7";
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
.rds-e-icon-document_final_content_active .path2:before,
|
|
737
|
+
.rds-icon-document_final_content_active .path2:before {
|
|
738
|
+
color: rgb(245, 150, 0);
|
|
739
|
+
content: "\eab8";
|
|
740
|
+
margin-left: -1em;
|
|
741
|
+
}
|
|
742
|
+
|
|
743
|
+
.rds-e-icon-education:before,
|
|
744
|
+
.rds-icon-education:before {
|
|
745
|
+
content: "\eab9";
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
.rds-e-icon-storage_active .path1:before,
|
|
749
|
+
.rds-icon-storage_active .path1:before {
|
|
750
|
+
color: rgb(0, 30, 55);
|
|
751
|
+
content: "\eaba";
|
|
752
|
+
}
|
|
753
|
+
|
|
754
|
+
.rds-e-icon-storage_active .path2:before,
|
|
755
|
+
.rds-icon-storage_active .path2:before {
|
|
756
|
+
color: rgb(0, 30, 55);
|
|
757
|
+
content: "\eabb";
|
|
758
|
+
margin-left: -1em;
|
|
759
|
+
}
|
|
760
|
+
|
|
761
|
+
.rds-e-icon-storage_active .path3:before,
|
|
762
|
+
.rds-icon-storage_active .path3:before {
|
|
763
|
+
color: rgb(245, 150, 0);
|
|
764
|
+
content: "\eabc";
|
|
765
|
+
margin-left: -1em;
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
.rds-e-icon-workday:before,
|
|
769
|
+
.rds-icon-workday:before {
|
|
770
|
+
content: "\eabd";
|
|
771
|
+
}
|
|
772
|
+
|
|
648
773
|
.rds-e-icon-cloud_check:before,
|
|
649
774
|
.rds-icon-cloud_check:before {
|
|
650
775
|
content: "\ea97";
|
|
@@ -4689,7 +4814,15 @@ html {
|
|
|
4689
4814
|
.rds-style-effect-glass {
|
|
4690
4815
|
-webkit-backdrop-filter: blur(48px);
|
|
4691
4816
|
backdrop-filter: blur(48px);
|
|
4692
|
-
|
|
4817
|
+
background-color: rgba(255, 255, 255, 0.6);
|
|
4818
|
+
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
|
|
4819
|
+
}
|
|
4820
|
+
|
|
4821
|
+
.rds-style-effect-glassnavy {
|
|
4822
|
+
-webkit-backdrop-filter: blur(48px);
|
|
4823
|
+
backdrop-filter: blur(48px);
|
|
4824
|
+
background-color: rgba(0, 30, 55, 0.6);
|
|
4825
|
+
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
|
|
4693
4826
|
}
|
|
4694
4827
|
|
|
4695
4828
|
/*************************
|
|
@@ -12,5 +12,13 @@
|
|
|
12
12
|
@mixin rds-style-effect-glass {
|
|
13
13
|
-webkit-backdrop-filter: elevation.$rds-glass-backdrop-filter;
|
|
14
14
|
backdrop-filter: elevation.$rds-glass-backdrop-filter;
|
|
15
|
+
background-color: rgba(color.$rds-color-neutral-white, 0.6);
|
|
16
|
+
box-shadow: elevation.$rds-glass-box-shadow;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@mixin rds-style-effect-glassnavy {
|
|
20
|
+
-webkit-backdrop-filter: elevation.$rds-glass-backdrop-filter;
|
|
21
|
+
backdrop-filter: elevation.$rds-glass-backdrop-filter;
|
|
22
|
+
background-color: rgba(color.$rds-color-navy-80, 0.6);
|
|
15
23
|
box-shadow: elevation.$rds-glass-box-shadow;
|
|
16
24
|
}
|
package/dist/style.css
CHANGED
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
/* _elevation.scss */
|
|
139
139
|
--rds-overlay-backdrop-filter: blur(6px);
|
|
140
140
|
--rds-glass-backdrop-filter: blur(48px);
|
|
141
|
-
--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.
|
|
141
|
+
--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
|
|
142
142
|
|
|
143
143
|
/* _color.scss */
|
|
144
144
|
--rds-color-content-high: var(--rds-color-navy-80);
|
|
@@ -620,7 +620,7 @@ h6 {
|
|
|
620
620
|
font-display: block;
|
|
621
621
|
font-family: "rds-e-icon-font";
|
|
622
622
|
src: url("./fonts/");
|
|
623
|
-
src: url("./fonts/#iefix") format("embedded-opentype"), url("./fonts/rds-e-icon-font.ttf?
|
|
623
|
+
src: url("./fonts/#iefix") format("embedded-opentype"), url("./fonts/rds-e-icon-font.ttf?p4yc8m") format("truetype"), url("./fonts/rds-e-icon-font.woff?p4yc8m") format("woff"), url("./fonts/rds-e-icon-font.svg?p4yc8m#rds-e-icon-font") format("svg");
|
|
624
624
|
}
|
|
625
625
|
[class^=rds-e-icon-], [class*=" rds-e-icon-"], [class^=rds-icon-], [class*=" rds-icon-"] {
|
|
626
626
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
@@ -645,6 +645,131 @@ h6 {
|
|
|
645
645
|
font-size: 16px;
|
|
646
646
|
}
|
|
647
647
|
|
|
648
|
+
.rds-e-icon-calendar_active .path1:before,
|
|
649
|
+
.rds-icon-calendar_active .path1:before {
|
|
650
|
+
color: rgb(0, 30, 55);
|
|
651
|
+
content: "\eaab";
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
.rds-e-icon-calendar_active .path2:before,
|
|
655
|
+
.rds-icon-calendar_active .path2:before {
|
|
656
|
+
color: rgb(0, 30, 55);
|
|
657
|
+
content: "\eaac";
|
|
658
|
+
margin-left: -1em;
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
.rds-e-icon-calendar_active .path3:before,
|
|
662
|
+
.rds-icon-calendar_active .path3:before {
|
|
663
|
+
color: rgb(0, 30, 55);
|
|
664
|
+
content: "\eaad";
|
|
665
|
+
margin-left: -1em;
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
.rds-e-icon-calendar_active .path4:before,
|
|
669
|
+
.rds-icon-calendar_active .path4:before {
|
|
670
|
+
color: rgb(0, 30, 55);
|
|
671
|
+
content: "\eaae";
|
|
672
|
+
margin-left: -1em;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.rds-e-icon-calendar_active .path5:before,
|
|
676
|
+
.rds-icon-calendar_active .path5:before {
|
|
677
|
+
color: rgb(0, 30, 55);
|
|
678
|
+
content: "\eaaf";
|
|
679
|
+
margin-left: -1em;
|
|
680
|
+
}
|
|
681
|
+
|
|
682
|
+
.rds-e-icon-calendar_active .path6:before,
|
|
683
|
+
.rds-icon-calendar_active .path6:before {
|
|
684
|
+
color: rgb(0, 30, 55);
|
|
685
|
+
content: "\eab0";
|
|
686
|
+
margin-left: -1em;
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
.rds-e-icon-calendar_active .path7:before,
|
|
690
|
+
.rds-icon-calendar_active .path7:before {
|
|
691
|
+
color: rgb(0, 30, 55);
|
|
692
|
+
content: "\eab1";
|
|
693
|
+
margin-left: -1em;
|
|
694
|
+
}
|
|
695
|
+
|
|
696
|
+
.rds-e-icon-calendar_active .path8:before,
|
|
697
|
+
.rds-icon-calendar_active .path8:before {
|
|
698
|
+
color: rgb(245, 150, 0);
|
|
699
|
+
content: "\eab2";
|
|
700
|
+
margin-left: -1em;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.rds-e-icon-code_notification .path1:before,
|
|
704
|
+
.rds-icon-code_notification .path1:before {
|
|
705
|
+
color: rgb(0, 30, 55);
|
|
706
|
+
content: "\eab3";
|
|
707
|
+
}
|
|
708
|
+
|
|
709
|
+
.rds-e-icon-code_notification .path2:before,
|
|
710
|
+
.rds-icon-code_notification .path2:before {
|
|
711
|
+
color: rgb(0, 30, 55);
|
|
712
|
+
content: "\eab4";
|
|
713
|
+
margin-left: -1em;
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
.rds-e-icon-code_notification .path3:before,
|
|
717
|
+
.rds-icon-code_notification .path3:before {
|
|
718
|
+
color: rgb(0, 30, 55);
|
|
719
|
+
content: "\eab5";
|
|
720
|
+
margin-left: -1em;
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
.rds-e-icon-code_notification .path4:before,
|
|
724
|
+
.rds-icon-code_notification .path4:before {
|
|
725
|
+
color: rgb(245, 150, 0);
|
|
726
|
+
content: "\eab6";
|
|
727
|
+
margin-left: -1em;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
.rds-e-icon-document_final_content_active .path1:before,
|
|
731
|
+
.rds-icon-document_final_content_active .path1:before {
|
|
732
|
+
color: rgb(0, 30, 55);
|
|
733
|
+
content: "\eab7";
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
.rds-e-icon-document_final_content_active .path2:before,
|
|
737
|
+
.rds-icon-document_final_content_active .path2:before {
|
|
738
|
+
color: rgb(245, 150, 0);
|
|
739
|
+
content: "\eab8";
|
|
740
|
+
margin-left: -1em;
|
|
741
|
+
}
|
|
742
|
+
|
|
743
|
+
.rds-e-icon-education:before,
|
|
744
|
+
.rds-icon-education:before {
|
|
745
|
+
content: "\eab9";
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
.rds-e-icon-storage_active .path1:before,
|
|
749
|
+
.rds-icon-storage_active .path1:before {
|
|
750
|
+
color: rgb(0, 30, 55);
|
|
751
|
+
content: "\eaba";
|
|
752
|
+
}
|
|
753
|
+
|
|
754
|
+
.rds-e-icon-storage_active .path2:before,
|
|
755
|
+
.rds-icon-storage_active .path2:before {
|
|
756
|
+
color: rgb(0, 30, 55);
|
|
757
|
+
content: "\eabb";
|
|
758
|
+
margin-left: -1em;
|
|
759
|
+
}
|
|
760
|
+
|
|
761
|
+
.rds-e-icon-storage_active .path3:before,
|
|
762
|
+
.rds-icon-storage_active .path3:before {
|
|
763
|
+
color: rgb(245, 150, 0);
|
|
764
|
+
content: "\eabc";
|
|
765
|
+
margin-left: -1em;
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
.rds-e-icon-workday:before,
|
|
769
|
+
.rds-icon-workday:before {
|
|
770
|
+
content: "\eabd";
|
|
771
|
+
}
|
|
772
|
+
|
|
648
773
|
.rds-e-icon-cloud_check:before,
|
|
649
774
|
.rds-icon-cloud_check:before {
|
|
650
775
|
content: "\ea97";
|
|
@@ -4689,7 +4814,15 @@ html {
|
|
|
4689
4814
|
.rds-style-effect-glass {
|
|
4690
4815
|
-webkit-backdrop-filter: blur(48px);
|
|
4691
4816
|
backdrop-filter: blur(48px);
|
|
4692
|
-
|
|
4817
|
+
background-color: rgba(255, 255, 255, 0.6);
|
|
4818
|
+
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
|
|
4819
|
+
}
|
|
4820
|
+
|
|
4821
|
+
.rds-style-effect-glassnavy {
|
|
4822
|
+
-webkit-backdrop-filter: blur(48px);
|
|
4823
|
+
backdrop-filter: blur(48px);
|
|
4824
|
+
background-color: rgba(0, 30, 55, 0.6);
|
|
4825
|
+
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
|
|
4693
4826
|
}
|
|
4694
4827
|
|
|
4695
4828
|
/*************************
|
package/dist/variables.css
CHANGED
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
/* _elevation.scss */
|
|
139
139
|
--rds-overlay-backdrop-filter: blur(6px);
|
|
140
140
|
--rds-glass-backdrop-filter: blur(48px);
|
|
141
|
-
--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.
|
|
141
|
+
--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08);
|
|
142
142
|
|
|
143
143
|
/* _color.scss */
|
|
144
144
|
--rds-color-content-high: var(--rds-color-navy-80);
|
package/llms/01-classes.md
CHANGED
|
@@ -36,7 +36,8 @@ Authoritative class reference derived from Storybook MDX. Prefer using classes f
|
|
|
36
36
|
|
|
37
37
|
## Elevation
|
|
38
38
|
|
|
39
|
-
`rds-body-02`, `rds-caption-02`, `rds-color-style-cover-darker`, `rds-color-style-cover-default`, `rds-mb-m`, `rds-style-effect-glass`, `rds-style-effect-overlay`, `rds-style-shadow-m`, `rds-style-shadow-negative`, `rds-style-shadow-s`, `rds-style-state-disabled
|
|
39
|
+
`rds-body-02`, `rds-caption-02`, `rds-color-style-cover-darker`, `rds-color-style-cover-default`, `rds-mb-m`, `rds-style-effect-glass`, `rds-style-effect-glassnavy`, `rds-style-effect-overlay`, `rds-style-shadow-m`, `rds-style-shadow-negative`, `rds-style-shadow-s`, `rds-style-state-disabled`
|
|
40
|
+
`rds-title-01`
|
|
40
41
|
|
|
41
42
|
## Border & Radius
|
|
42
43
|
|
package/llms/02-css-variables.md
CHANGED
|
@@ -123,7 +123,7 @@ Total: 406 variables.\n\n| Name | Value |
|
|
|
123
123
|
| --g-padding-ultrawide | 32px |
|
|
124
124
|
| --rds-overlay-backdrop-filter | blur(6px) |
|
|
125
125
|
| --rds-glass-backdrop-filter | blur(48px) |
|
|
126
|
-
| --rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.
|
|
126
|
+
| --rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08) |
|
|
127
127
|
| --rds-color-content-high | var(--rds-color-navy-80) |
|
|
128
128
|
| --rds-color-content-medium | var(--rds-color-navy-60) |
|
|
129
129
|
| --rds-color-content-high-inverse | var(--rds-color-neutral-white) |
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
|---|---|
|
|
307
307
|
| $rds-overlay-backdrop-filter | blur(6px) |
|
|
308
308
|
| $rds-glass-backdrop-filter | blur(48px) |
|
|
309
|
-
| $rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.
|
|
309
|
+
| $rds-glass-box-shadow | 0 4px 16px 0 rgba($rds-color-neutral-black, 0.08) |
|
|
310
310
|
|
|
311
311
|
### _grid.scss
|
|
312
312
|
|