@telesign/boreal-react 0.1.0-alpha.5 → 0.1.0-alpha.6

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 (20) hide show
  1. package/dist/components/components.d.ts +42 -1
  2. package/dist/components/components.js +89 -0
  3. package/dist/components/components.js.map +1 -1
  4. package/dist/css/boreal.css +1066 -1074
  5. package/dist/css/global.css +403 -407
  6. package/dist/css/theme-connect.css +163 -164
  7. package/dist/css/theme-engage.css +163 -164
  8. package/dist/css/theme-protect.css +163 -164
  9. package/dist/css/theme-proximus.css +164 -165
  10. package/dist/scss/maps/_primitives.scss +404 -408
  11. package/dist/scss/maps/_theme-connect.scss +164 -165
  12. package/dist/scss/maps/_theme-engage.scss +164 -165
  13. package/dist/scss/maps/_theme-protect.scss +164 -165
  14. package/dist/scss/maps/_theme-proximus.scss +165 -166
  15. package/dist/scss/variables/_primitives.scss +404 -408
  16. package/dist/scss/variables/_theme-connect.scss +164 -165
  17. package/dist/scss/variables/_theme-engage.scss +164 -165
  18. package/dist/scss/variables/_theme-protect.scss +164 -165
  19. package/dist/scss/variables/_theme-proximus.scss +165 -166
  20. package/package.json +2 -2
package/dist/css/theme-connect.css CHANGED
@@ -1,227 +1,226 @@
1
1
  [data-theme="connect"] {
2
+ --boreal-primary-darker: var(--boreal-color-connect-petrol-petrol-1);
3
+ --boreal-primary-dark: var(--boreal-color-connect-petrol-petrol-2);
4
+ --boreal-primary-base: var(--boreal-color-connect-petrol-petrol-3);
5
+ --boreal-primary-light: var(--boreal-color-connect-petrol-petrol-5);
6
+ --boreal-primary-lighter: var(--boreal-color-connect-petrol-petrol-7);
7
+ --boreal-accent-darker: var(--boreal-color-connect-byzantine-byzantine-1);
2
8
  --boreal-accent-dark: var(--boreal-color-connect-byzantine-byzantine-2);
3
- --boreal-black: var(--boreal-color-connect-black-black-1);
4
- --boreal-accent-light: var(--boreal-color-connect-byzantine-byzantine-5);
5
- --boreal-white: var(--boreal-color-white);
6
9
  --boreal-accent-base: var(--boreal-color-connect-byzantine-byzantine-3);
7
- --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
8
- --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
9
- --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
10
- --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
11
- --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
12
- --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
13
- --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
14
- --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
15
- --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
16
- --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
10
+ --boreal-accent-light: var(--boreal-color-connect-byzantine-byzantine-5);
11
+ --boreal-accent-lighter: var(--boreal-color-connect-byzantine-byzantine-6);
12
+ --boreal-neutral: var(--boreal-color-connect-grey-grey-7);
13
+ --boreal-neutral-lighter: var(--boreal-color-connect-black-black-7);
14
+ --boreal-neutral-light: var(--boreal-color-connect-grey-grey-7);
15
+ --boreal-neutral-paper: var(--boreal-color-connect-grey-grey-6);
16
+ --boreal-neutral-dark: var(--boreal-color-connect-grey-grey-5);
17
+ --boreal-neutral-base: var(--boreal-color-connect-grey-grey-4);
18
+ --boreal-neutral-darker: var(--boreal-color-connect-black-black-5);
19
+ --boreal-neutral-deep: var(--boreal-color-connect-black-black-4);
20
+ --boreal-neutral-ink: var(--boreal-color-connect-black-black-3);
21
+ --boreal-neutral-deeper: var(--boreal-color-connect-black-black-2);
22
+ --boreal-neutral-contrast: var(--boreal-color-connect-black-black-1);
23
+ --boreal-base-darker: var(--boreal-color-connect-grey-grey-5);
24
+ --boreal-base-dark: var(--boreal-color-connect-grey-grey-5);
25
+ --boreal-base-alt: var(--boreal-color-connect-grey-grey-3);
26
+ --boreal-base-light: var(--boreal-color-connect-grey-grey-8);
27
+ --boreal-base-lighter: var(--boreal-color-connect-grey-grey-7);
28
+ --boreal-danger-darker: var(--boreal-color-connect-error-error-1);
29
+ --boreal-danger-dark: var(--boreal-color-connect-error-error-2);
30
+ --boreal-danger-base: var(--boreal-color-connect-error-error-4);
31
+ --boreal-danger-light: var(--boreal-color-connect-error-error-5);
32
+ --boreal-danger-lighter: var(--boreal-color-connect-error-error-7);
33
+ --boreal-success-dark: var(--boreal-color-connect-success-success-2);
34
+ --boreal-success-base: var(--boreal-color-connect-success-success-4);
35
+ --boreal-success-lighter: var(--boreal-color-connect-success-success-7);
36
+ --boreal-success-darker: var(--boreal-color-connect-success-success-1);
37
+ --boreal-success-light: var(--boreal-color-connect-success-success-6);
38
+ --boreal-warning-darker: var(--boreal-color-connect-warning-warning-1);
39
+ --boreal-warning-dark: var(--boreal-color-connect-warning-warning-2);
40
+ --boreal-warning-base: var(--boreal-color-connect-warning-warning-4);
41
+ --boreal-warning-light: var(--boreal-color-connect-warning-warning-5);
42
+ --boreal-warning-lighter: var(--boreal-color-connect-warning-warning-7);
43
+ --boreal-information-darker: var(--boreal-color-protect-cobalt-cobalt-900);
44
+ --boreal-information-dark: var(--boreal-color-protect-cobalt-cobalt-800);
45
+ --boreal-information-base: var(--boreal-color-protect-cobalt-cobalt-600);
46
+ --boreal-information-light: var(--boreal-color-protect-cobalt-cobalt-100);
47
+ --boreal-information-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
48
+ --boreal-white: var(--boreal-color-connect-black-black-8);
49
+ --boreal-black: var(--boreal-color-connect-black-black-1);
50
+ --boreal-focus: var(--boreal-color-connect-cobalt-cobalt-4);
51
+ --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
17
52
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
18
- --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
19
53
  --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
54
+ --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
55
+ --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
56
+ --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
57
+ --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
58
+ --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
59
+ --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
60
+ --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
61
+ --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
20
62
  --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
63
+ --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
64
+ --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
65
+ --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
21
66
  --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
67
+ --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
68
+ --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
69
+ --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
70
+ --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
71
+ --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
72
+ --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
73
+ --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
74
+ --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
75
+ --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
76
+ --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
22
77
  --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
23
78
  --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
24
79
  --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
25
80
  --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
26
81
  --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
27
- --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
82
+ --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
83
+ --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
28
84
  --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
85
+ --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
29
86
  --boreal-extended-lime-darker: var(--boreal-color-engage-lime-lime-90);
30
- --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
31
- --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
32
87
  --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
33
88
  --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
34
89
  --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
35
90
  --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
36
91
  --boreal-extended-cobalt-darker: var(--boreal-color-protect-cobalt-cobalt-900);
37
- --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
38
- --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
39
- --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
40
- --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
41
- --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
42
- --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
43
- --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
44
- --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
45
- --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
46
- --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
47
- --boreal-neutral-deep: var(--boreal-color-connect-black-black-4);
48
- --boreal-information-lighter: var(--boreal-extended-cobalt-lighter);
49
- --boreal-information-light: var(--boreal-extended-cobalt-light);
50
- --boreal-success-lighter: var(--boreal-color-connect-success-success-7);
51
- --boreal-information-base: var(--boreal-extended-cobalt-base);
52
- --boreal-neutral-contrast: var(--boreal-color-connect-black-black-1);
53
- --boreal-information-dark: var(--boreal-extended-cobalt-dark);
54
- --boreal-neutral-base: var(--boreal-color-connect-grey-grey-4);
55
- --boreal-warning-base: var(--boreal-color-connect-warning-warning-4);
56
- --boreal-neutral-ink: var(--boreal-color-connect-black-black-3);
57
- --boreal-warning-dark: var(--boreal-color-connect-warning-warning-2);
58
- --boreal-warning-darker: var(--boreal-color-connect-warning-warning-1);
59
- --boreal-warning-light: var(--boreal-color-connect-warning-warning-5);
60
- --boreal-focus: #3b60c54d;
61
- --boreal-success-light: var(--boreal-color-connect-success-success-6);
62
- --boreal-neutral-ligther: var(--boreal-color-connect-black-black-7);
63
- --boreal-success-base: var(--boreal-color-connect-success-success-4);
64
- --boreal-primary-dark: var(--boreal-color-connect-petrol-petrol-2);
65
- --boreal-danger-darker: var(--boreal-color-connect-error-error-1);
66
- --boreal-primary-darker: var(--boreal-color-connect-petrol-petrol-1);
67
- --boreal-danger-dark: var(--boreal-color-connect-error-error-2);
68
- --boreal-base-alt: var(--boreal-color-connect-grey-grey-3);
69
- --boreal-neutral-dark: var(--boreal-color-connect-grey-grey-5);
70
- --boreal-danger-lighter: var(--boreal-color-connect-error-error-7);
71
- --boreal-base-lighter: var(--boreal-color-connect-grey-grey-7);
72
- --boreal-danger-light: var(--boreal-color-connect-error-error-5);
73
- --boreal-accent-lighter: var(--boreal-color-connect-byzantine-byzantine-6);
74
- --boreal-success-dark: var(--boreal-color-connect-success-success-2);
75
- --boreal-neutral: var(--boreal-color-connect-grey-grey-7);
76
- --boreal-accent-darker: var(--boreal-color-connect-byzantine-byzantine-1);
77
- --boreal-neutral-paper: var(--boreal-color-connect-grey-grey-6);
78
- --boreal-warning-lighter: var(--boreal-color-connect-warning-warning-7);
79
- --boreal-success-darker: var(--boreal-color-connect-success-success-1);
80
- --boreal-primary-base: var(--boreal-color-connect-petrol-petrol-3);
81
- --boreal-information-darker: var(--boreal-extended-cobalt-darker);
82
- --boreal-neutral-darker: var(--boreal-color-connect-black-black-5);
83
- --boreal-neutral-light: var(--boreal-color-connect-grey-grey-7);
84
- --boreal-danger-base: var(--boreal-color-connect-error-error-4);
85
- --boreal-neutral-deeper: var(--boreal-color-connect-black-black-2);
86
- --boreal-base-light: var(--boreal-color-connect-grey-grey-8);
87
- --boreal-primary-light: var(--boreal-color-connect-petrol-petrol-5);
88
- --boreal-primary-lighter: var(--boreal-color-connect-petrol-petrol-7);
89
- --boreal-base-dark: var(--boreal-color-connect-grey-grey-5);
90
- --boreal-base-darker: var(--boreal-color-connect-grey-grey-5);
91
- --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
92
- --boreal-bg-overlay: var(--boreal-neutral-contrast);
93
- --boreal-bg-inverse: var(--boreal-white);
94
- --boreal-bg-primary-darker: var(--boreal-primary-darker);
95
- --boreal-bg-neutral: var(--boreal-neutral);
96
- --boreal-bg-primary-base: var(--boreal-primary-base);
97
- --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
98
92
  --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
99
93
  --boreal-bg-primary-light: var(--boreal-primary-light);
94
+ --boreal-bg-primary-base: var(--boreal-primary-base);
95
+ --boreal-bg-primary-darker: var(--boreal-primary-darker);
96
+ --boreal-bg-inverse: var(--boreal-white);
97
+ --boreal-bg-neutral: var(--boreal-neutral);
100
98
  --boreal-bg-neutral-light: var(--boreal-neutral-light);
101
99
  --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
102
- --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
100
+ --boreal-bg-neutral-dark: var(--boreal-neutral-dark);
103
101
  --boreal-bg-neutral-base: var(--boreal-neutral-base);
104
102
  --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
105
103
  --boreal-bg-neutral-deep: var(--boreal-neutral-deep);
106
- --boreal-text-success-base: var(--boreal-success-base);
107
- --boreal-text-danger-base: var(--boreal-danger-base);
108
- --boreal-text-information-base: var(--boreal-information-base);
109
- --boreal-text-accent: var(--boreal-accent-base);
104
+ --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
105
+ --boreal-bg-overlay: var(--boreal-neutral-contrast);
110
106
  --boreal-text-default: var(--boreal-neutral-ink);
111
107
  --boreal-text-default-light: var(--boreal-neutral-base);
112
- --boreal-text-inverse: var(--boreal-white);
113
- --boreal-text-warning-base: var(--boreal-warning-base);
108
+ --boreal-text-base: var(--boreal-base-alt);
109
+ --boreal-text-default-dark: var(--boreal-neutral-dark);
110
+ --boreal-text-default-darker: var(--boreal-neutral-darker);
111
+ --boreal-text-default-deep: var(--boreal-neutral-deep);
112
+ --boreal-text-default-ink: var(--boreal-neutral-ink);
114
113
  --boreal-text-disabled: var(--boreal-neutral-dark);
114
+ --boreal-text-accent: var(--boreal-accent-base);
115
+ --boreal-text-primary-dark: var(--boreal-primary-dark);
115
116
  --boreal-text-primary-base: var(--boreal-primary-base);
117
+ --boreal-text-primary-light: var(--boreal-primary-light);
116
118
  --boreal-text-danger-dark: var(--boreal-danger-dark);
117
- --boreal-text-success-dark: var(--boreal-success-dark);
118
- --boreal-text-information-dark: var(--boreal-information-darker);
119
- --boreal-text-warning-light: var(--boreal-warning-light);
119
+ --boreal-text-danger-base: var(--boreal-danger-base);
120
120
  --boreal-text-danger-light: var(--boreal-danger-light);
121
+ --boreal-text-success-dark: var(--boreal-success-dark);
122
+ --boreal-text-success-base: var(--boreal-success-base);
121
123
  --boreal-text-success-light: var(--boreal-success-light);
124
+ --boreal-text-information-dark: var(--boreal-information-darker);
125
+ --boreal-text-information-base: var(--boreal-information-base);
122
126
  --boreal-text-information-light: var(--boreal-information-light);
123
127
  --boreal-text-warning-dark: var(--boreal-warning-darker);
124
- --boreal-text-base: var(--boreal-base-alt);
125
- --boreal-text-primary-light: var(--boreal-primary-light);
126
- --boreal-text-primary-dark: var(--boreal-primary-dark);
127
- --boreal-text-default-dark: var(--boreal-neutral-dark);
128
- --boreal-text-default-darker: var(--boreal-neutral-darker);
129
- --boreal-text-default-deep: var(--boreal-neutral-deep);
130
- --boreal-text-default-ink: var(--boreal-neutral-ink);
128
+ --boreal-text-warning-base: var(--boreal-warning-base);
129
+ --boreal-text-warning-light: var(--boreal-warning-light);
130
+ --boreal-text-inverse: var(--boreal-white);
131
131
  --boreal-ui-default-base: var(--boreal-neutral);
132
- --boreal-ui-inverse: var(--boreal-white);
132
+ --boreal-ui-default-lighter: var(--boreal-base-lighter);
133
+ --boreal-ui-default-light: var(--boreal-neutral-paper);
134
+ --boreal-ui-default-paper: var(--boreal-neutral-dark);
135
+ --boreal-ui-default-dark: var(--boreal-neutral-base);
136
+ --boreal-ui-default-darker: var(--boreal-neutral-darker);
137
+ --boreal-ui-default-deep: var(--boreal-neutral-deep);
138
+ --boreal-ui-default-ink: var(--boreal-neutral-ink);
139
+ --boreal-ui-primary-dark: var(--boreal-primary-dark);
140
+ --boreal-ui-primary-base: var(--boreal-primary-base);
141
+ --boreal-ui-primary-light: var(--boreal-primary-light);
142
+ --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
133
143
  --boreal-ui-accent: var(--boreal-accent-base);
134
144
  --boreal-ui-black-light: var(--boreal-neutral-darker);
145
+ --boreal-ui-black: var(--boreal-neutral-contrast);
135
146
  --boreal-ui-base: var(--boreal-base-alt);
136
147
  --boreal-ui-base-light: var(--boreal-base-light);
137
- --boreal-ui-disabled: var(--boreal-neutral-ligther);
138
- --boreal-ui-info-light: var(--boreal-information-light);
139
- --boreal-ui-success-light: var(--boreal-success-light);
148
+ --boreal-ui-base-lighter: var(--boreal-base-lighter);
149
+ --boreal-ui-success-dark: var(--boreal-success-dark);
140
150
  --boreal-ui-success-base: var(--boreal-success-base);
141
- --boreal-ui-black: var(--boreal-neutral-contrast);
142
- --boreal-ui-danger-light: var(--boreal-danger-light);
143
- --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
144
- --boreal-ui-danger-base: var(--boreal-danger-base);
145
- --boreal-ui-info-base: var(--boreal-information-base);
146
- --boreal-ui-primary-base: var(--boreal-primary-base);
147
- --boreal-ui-primary-light: var(--boreal-primary-light);
148
- --boreal-ui-primary-dark: var(--boreal-primary-dark);
149
- --boreal-ui-warning-base: var(--boreal-warning-base);
151
+ --boreal-ui-success-light: var(--boreal-success-light);
150
152
  --boreal-ui-success-lighter: var(--boreal-success-lighter);
153
+ --boreal-ui-danger-dark: var(--boreal-danger-dark);
154
+ --boreal-ui-danger-base: var(--boreal-danger-base);
155
+ --boreal-ui-danger-light: var(--boreal-danger-light);
151
156
  --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
157
+ --boreal-ui-info-dark: var(--boreal-information-dark);
158
+ --boreal-ui-info-base: var(--boreal-information-base);
159
+ --boreal-ui-info-light: var(--boreal-information-light);
152
160
  --boreal-ui-info-lighter: var(--boreal-information-lighter);
161
+ --boreal-ui-warning-dark: var(--boreal-warning-dark);
162
+ --boreal-ui-warning-base: var(--boreal-warning-base);
153
163
  --boreal-ui-warning-light: var(--boreal-warning-light);
154
164
  --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
155
- --boreal-ui-base-lighter: var(--boreal-base-lighter);
156
- --boreal-ui-default-lighter: var(--boreal-neutral-ligther);
157
- --boreal-ui-success-dark: var(--boreal-success-dark);
158
- --boreal-ui-danger-dark: var(--boreal-danger-dark);
159
- --boreal-ui-info-dark: var(--boreal-information-dark);
160
- --boreal-ui-warning-dark: var(--boreal-warning-dark);
161
- --boreal-ui-default-light: var(--boreal-neutral-light);
162
- --boreal-ui-default-paper: var(--boreal-neutral-paper);
163
- --boreal-ui-default-dark: var(--boreal-neutral-dark);
164
- --boreal-ui-default-darker: var(--boreal-neutral-darker);
165
- --boreal-ui-default-deep: var(--boreal-neutral-deep);
166
- --boreal-ui-default-ink: var(--boreal-neutral-ink);
167
- --boreal-icon-info-dark: var(--boreal-information-darker);
165
+ --boreal-ui-disabled: var(--boreal-neutral-lighter);
166
+ --boreal-ui-inverse: var(--boreal-white);
167
+ --boreal-stroke-primary-dark: var(--boreal-primary-dark);
168
+ --boreal-stroke-primary-base: var(--boreal-primary-base);
169
+ --boreal-stroke-primary-light: var(--boreal-primary-light);
170
+ --boreal-stroke-default-lighter: var(--boreal-base-lighter);
171
+ --boreal-stroke-default-light: var(--boreal-base-light);
172
+ --boreal-stroke-default-dark: var(--boreal-base-dark);
173
+ --boreal-stroke-default-ink: var(--boreal-base-alt);
174
+ --boreal-stroke-accent: var(--boreal-accent-base);
175
+ --boreal-stroke-info-dark: var(--boreal-information-dark);
176
+ --boreal-stroke-info-base: var(--boreal-information-base);
177
+ --boreal-stroke-info-light: var(--boreal-information-light);
178
+ --boreal-stroke-warning-dark: var(--boreal-warning-dark);
179
+ --boreal-stroke-warning: var(--boreal-warning-base);
180
+ --boreal-stroke-warning-light: var(--boreal-warning-light);
181
+ --boreal-stroke-success-dark: var(--boreal-success-dark);
182
+ --boreal-stroke-success-base: var(--boreal-success-base);
183
+ --boreal-stroke-success-light: var(--boreal-success-light);
184
+ --boreal-stroke-danger-dark: var(--boreal-danger-dark);
185
+ --boreal-stroke-danger-base: var(--boreal-danger-base);
186
+ --boreal-stroke-danger-light: var(--boreal-danger-light);
187
+ --boreal-stroke-focus: var(--boreal-focus);
188
+ --boreal-stroke-inverse: var(--boreal-white);
189
+ --boreal-icon-primary-dark: var(--boreal-primary-dark);
190
+ --boreal-icon-primary-base: var(--boreal-primary-base);
191
+ --boreal-icon-primary-light: var(--boreal-primary-light);
192
+ --boreal-icon-accent-base: var(--boreal-accent-base);
168
193
  --boreal-icon-default-lighter: var(--boreal-neutral-paper);
169
194
  --boreal-icon-default-light: var(--boreal-neutral-dark);
170
195
  --boreal-icon-default-dark: var(--boreal-neutral-base);
171
- --boreal-icon-success-base: var(--boreal-success-base);
172
- --boreal-icon-inverse: var(--boreal-white);
173
- --boreal-icon-warning-base: var(--boreal-warning-base);
174
- --boreal-icon-accent-base: var(--boreal-accent-base);
175
- --boreal-icon-danger-base: var(--boreal-danger-base);
176
- --boreal-icon-base: var(--boreal-base-alt);
177
- --boreal-icon-primary-base: var(--boreal-primary-base);
178
- --boreal-icon-success-dark: var(--boreal-success-dark);
179
- --boreal-icon-warning-dark: var(--boreal-warning-darker);
180
- --boreal-icon-danger-dark: var(--boreal-danger-dark);
196
+ --boreal-icon-default-ink: var(--boreal-neutral-ink);
197
+ --boreal-icon-info-dark: var(--boreal-information-darker);
181
198
  --boreal-icon-info-base: var(--boreal-information-base);
182
199
  --boreal-icon-info-light: var(--boreal-information-light);
200
+ --boreal-icon-success-dark: var(--boreal-success-dark);
201
+ --boreal-icon-success-base: var(--boreal-success-base);
183
202
  --boreal-icon-success-light: var(--boreal-success-light);
203
+ --boreal-icon-warning-dark: var(--boreal-warning-darker);
204
+ --boreal-icon-warning-base: var(--boreal-warning-base);
184
205
  --boreal-icon-warning-light: var(--boreal-warning-light);
206
+ --boreal-icon-danger-dark: var(--boreal-danger-dark);
207
+ --boreal-icon-danger-base: var(--boreal-danger-base);
185
208
  --boreal-icon-danger-light: var(--boreal-danger-light);
209
+ --boreal-icon-base: var(--boreal-base-alt);
210
+ --boreal-icon-inverse: var(--boreal-white);
186
211
  --boreal-icon-disabled: var(--boreal-neutral-dark);
187
- --boreal-icon-primary-light: var(--boreal-primary-light);
188
- --boreal-icon-primary-dark: var(--boreal-primary-dark);
189
212
  --boreal-icon-user: var(--boreal-user-base);
190
- --boreal-icon-default-ink: var(--boreal-neutral-ink);
191
- --boreal-alpha-black-50: #272a2f80;
213
+ --boreal-alpha-black-5: #272a2f0d;
214
+ --boreal-alpha-black-10: #272a2f1a;
192
215
  --boreal-alpha-black-25: #272a2f40;
193
- --boreal-alpha-white-50: #ffffff80;
194
- --boreal-alpha-white-25: #ffffff40;
216
+ --boreal-alpha-black-50: #272a2f80;
195
217
  --boreal-alpha-white-10: #ffffff1a;
218
+ --boreal-alpha-white-25: #ffffff40;
219
+ --boreal-alpha-white-50: #ffffff80;
220
+ --boreal-alpha-white-55: #ffffff8c;
196
221
  --boreal-alpha-white-75: #ffffffbf;
222
+ --boreal-alpha-white-80: #ffffffcc;
197
223
  --boreal-alpha-white-85: #ffffffd9;
198
224
  --boreal-alpha-white-90: #ffffffe6;
199
225
  --boreal-alpha-white-95: #ffffffe6;
200
- --boreal-alpha-white-80: #ffffffcc;
201
- --boreal-alpha-white-55: #ffffff8c;
202
- --boreal-alpha-black-5: #272a2f0d;
203
- --boreal-alpha-black-10: #272a2f1a;
204
- --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
205
- --boreal-stroke-warning: var(--boreal-warning-base);
206
- --boreal-stroke-inverse: var(--boreal-white);
207
- --boreal-stroke-info-base: var(--boreal-information-base);
208
- --boreal-stroke-success-base: var(--boreal-success-base);
209
- --boreal-stroke-default-dark: var(--boreal-base-dark);
210
- --boreal-stroke-default-light: var(--boreal-base-light);
211
- --boreal-stroke-default-ink: var(--boreal-base-alt);
212
- --boreal-stroke-focus: var(--boreal-focus);
213
- --boreal-stroke-danger-base: var(--boreal-danger-base);
214
- --boreal-stroke-accent: var(--boreal-accent-base);
215
- --boreal-stroke-primary-base: var(--boreal-primary-base);
216
- --boreal-stroke-primary-light: var(--boreal-primary-light);
217
- --boreal-stroke-primary-dark: var(--boreal-primary-dark);
218
- --boreal-stroke-info-light: var(--boreal-information-light);
219
- --boreal-stroke-info-dark: var(--boreal-information-dark);
220
- --boreal-stroke-success-light: var(--boreal-success-light);
221
- --boreal-stroke-success-dark: var(--boreal-success-dark);
222
- --boreal-stroke-warning-light: var(--boreal-warning-light);
223
- --boreal-stroke-warning-dark: var(--boreal-warning-dark);
224
- --boreal-stroke-danger-light: var(--boreal-danger-light);
225
- --boreal-stroke-danger-dark: var(--boreal-danger-dark);
226
- --boreal-stroke-default-lighter: var(--boreal-base-lighter);
227
226
  }