@telesign/boreal-vue 0.1.0-alpha.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.
@@ -0,0 +1,227 @@
1
+ [data-theme="protect"] {
2
+ --boreal-accent-dark: var(--boreal-color-protect-cobalt-cobalt-700);
3
+ --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
4
+ --boreal-accent-light: var(--boreal-color-protect-cobalt-cobalt-50);
5
+ --boreal-white: var(--boreal-color-white);
6
+ --boreal-accent-base: var(--boreal-color-protect-cobalt-cobalt-400);
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);
17
+ --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
18
+ --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
19
+ --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
20
+ --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
21
+ --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
22
+ --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
23
+ --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
24
+ --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
25
+ --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
26
+ --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
27
+ --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
28
+ --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
29
+ --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
+ --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
33
+ --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
34
+ --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
35
+ --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
36
+ --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-protect-onyx-onyx-600);
48
+ --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
49
+ --boreal-information-light: var(--boreal-color-protect-cyan-cyan-200);
50
+ --boreal-success-lighter: var(--boreal-color-protect-lime-lime-50);
51
+ --boreal-information-base: var(--boreal-color-protect-cyan-cyan-700);
52
+ --boreal-neutral-contrast: var(--boreal-color-protect-onyx-onyx-900);
53
+ --boreal-information-dark: var(--boreal-color-protect-cyan-cyan-800);
54
+ --boreal-neutral-base: var(--boreal-color-protect-onyx-onyx-400);
55
+ --boreal-warning-base: var(--boreal-color-protect-sunrise-sunrise-500);
56
+ --boreal-neutral-ink: var(--boreal-color-protect-onyx-onyx-700);
57
+ --boreal-warning-dark: var(--boreal-color-protect-sunrise-sunrise-800);
58
+ --boreal-warning-darker: var(--boreal-color-protect-sunrise-sunrise-900);
59
+ --boreal-warning-light: var(--boreal-color-protect-sunrise-sunrise-200);
60
+ --boreal-focus: #1f5bff4d;
61
+ --boreal-success-light: var(--boreal-color-protect-lime-lime-200);
62
+ --boreal-neutral-ligther: var(--boreal-color-protect-onyx-onyx-50);
63
+ --boreal-success-base: var(--boreal-color-protect-lime-lime-600);
64
+ --boreal-primary-dark: var(--boreal-color-protect-indigo-indigo-700);
65
+ --boreal-danger-darker: var(--boreal-color-protect-cherry-cherry-900);
66
+ --boreal-primary-darker: var(--boreal-color-protect-indigo-indigo-900);
67
+ --boreal-danger-dark: var(--boreal-color-protect-cherry-cherry-800);
68
+ --boreal-base-alt: var(--boreal-color-protect-indigo-indigo-500);
69
+ --boreal-neutral-dark: var(--boreal-color-protect-onyx-onyx-300);
70
+ --boreal-danger-lighter: var(--boreal-color-protect-cherry-cherry-50);
71
+ --boreal-base-lighter: var(--boreal-color-protect-indigo-indigo-25);
72
+ --boreal-danger-light: var(--boreal-color-protect-cherry-cherry-200);
73
+ --boreal-accent-lighter: var(--boreal-color-protect-cobalt-cobalt-25);
74
+ --boreal-success-dark: var(--boreal-color-protect-lime-lime-800);
75
+ --boreal-neutral: var(--boreal-color-protect-indigo-indigo-25);
76
+ --boreal-accent-darker: var(--boreal-color-protect-cobalt-cobalt-900);
77
+ --boreal-neutral-paper: var(--boreal-color-protect-onyx-onyx-200);
78
+ --boreal-warning-lighter: var(--boreal-color-protect-sunrise-sunrise-50);
79
+ --boreal-success-darker: var(--boreal-color-protect-lime-lime-900);
80
+ --boreal-primary-base: var(--boreal-color-protect-indigo-indigo-500);
81
+ --boreal-information-darker: var(--boreal-color-protect-cyan-cyan-900);
82
+ --boreal-neutral-darker: var(--boreal-color-protect-onyx-onyx-500);
83
+ --boreal-neutral-light: var(--boreal-color-protect-onyx-onyx-100);
84
+ --boreal-danger-base: var(--boreal-color-protect-cherry-cherry-700);
85
+ --boreal-neutral-deeper: var(--boreal-color-protect-onyx-onyx-800);
86
+ --boreal-base-light: var(--boreal-color-protect-indigo-indigo-50);
87
+ --boreal-primary-light: var(--boreal-color-protect-indigo-indigo-200);
88
+ --boreal-primary-lighter: var(--boreal-color-protect-indigo-indigo-25);
89
+ --boreal-base-dark: var(--boreal-color-protect-indigo-indigo-200);
90
+ --boreal-base-darker: var(--boreal-color-protect-indigo-indigo-300);
91
+ --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
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
+ --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
99
+ --boreal-bg-primary-light: var(--boreal-primary-light);
100
+ --boreal-bg-neutral-light: var(--boreal-neutral-light);
101
+ --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
102
+ --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
103
+ --boreal-bg-neutral-base: var(--boreal-neutral-base);
104
+ --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
105
+ --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);
110
+ --boreal-text-default: var(--boreal-neutral-ink);
111
+ --boreal-text-default-light: var(--boreal-neutral-base);
112
+ --boreal-text-inverse: var(--boreal-white);
113
+ --boreal-text-warning-base: var(--boreal-warning-base);
114
+ --boreal-text-disabled: var(--boreal-neutral-dark);
115
+ --boreal-text-primary-base: var(--boreal-primary-base);
116
+ --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);
120
+ --boreal-text-danger-light: var(--boreal-danger-light);
121
+ --boreal-text-success-light: var(--boreal-success-light);
122
+ --boreal-text-information-light: var(--boreal-information-light);
123
+ --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);
131
+ --boreal-ui-default-base: var(--boreal-neutral);
132
+ --boreal-ui-inverse: var(--boreal-white);
133
+ --boreal-ui-accent: var(--boreal-accent-base);
134
+ --boreal-ui-black-light: var(--boreal-neutral-darker);
135
+ --boreal-ui-base: var(--boreal-base-alt);
136
+ --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);
140
+ --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);
150
+ --boreal-ui-success-lighter: var(--boreal-success-lighter);
151
+ --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
152
+ --boreal-ui-info-lighter: var(--boreal-information-lighter);
153
+ --boreal-ui-warning-light: var(--boreal-warning-light);
154
+ --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);
168
+ --boreal-icon-default-lighter: var(--boreal-neutral-paper);
169
+ --boreal-icon-default-light: var(--boreal-neutral-dark);
170
+ --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);
181
+ --boreal-icon-info-base: var(--boreal-information-base);
182
+ --boreal-icon-info-light: var(--boreal-information-light);
183
+ --boreal-icon-success-light: var(--boreal-success-light);
184
+ --boreal-icon-warning-light: var(--boreal-warning-light);
185
+ --boreal-icon-danger-light: var(--boreal-danger-light);
186
+ --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
+ --boreal-icon-user: var(--boreal-user-base);
190
+ --boreal-icon-default-ink: var(--boreal-neutral-ink);
191
+ --boreal-alpha-black-50: #272a2f80;
192
+ --boreal-alpha-black-25: #272a2f40;
193
+ --boreal-alpha-white-50: #ffffff80;
194
+ --boreal-alpha-white-25: #ffffff40;
195
+ --boreal-alpha-white-10: #ffffff1a;
196
+ --boreal-alpha-white-75: #ffffffbf;
197
+ --boreal-alpha-white-85: #ffffffd9;
198
+ --boreal-alpha-white-90: #ffffffe6;
199
+ --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
+ }
@@ -0,0 +1,227 @@
1
+ [data-theme="proximus"] {
2
+ --boreal-accent-dark: var(--boreal-color-proximus-mint-mint-700);
3
+ --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
4
+ --boreal-accent-light: var(--boreal-color-proximus-mint-mint-200);
5
+ --boreal-white: var(--boreal-color-white);
6
+ --boreal-accent-base: var(--boreal-color-proximus-mint-mint-400);
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);
17
+ --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
18
+ --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
19
+ --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
20
+ --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
21
+ --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
22
+ --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
23
+ --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
24
+ --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
25
+ --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
26
+ --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
27
+ --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
28
+ --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
29
+ --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
+ --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
33
+ --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
34
+ --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
35
+ --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
36
+ --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-proximus-onyx-onyx-600);
48
+ --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-5);
49
+ --boreal-information-light: var(--boreal-color-proximus-cobalt-cobalt-200);
50
+ --boreal-success-lighter: var(--boreal-color-proximus-mint-mint-5);
51
+ --boreal-information-base: var(--boreal-color-proximus-cobalt-cobalt-500);
52
+ --boreal-neutral-contrast: var(--boreal-color-proximus-onyx-onyx-900);
53
+ --boreal-information-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
54
+ --boreal-neutral-base: var(--boreal-color-proximus-onyx-onyx-400);
55
+ --boreal-warning-base: var(--boreal-color-proximus-amber-amber-400);
56
+ --boreal-neutral-ink: var(--boreal-color-proximus-onyx-onyx-700);
57
+ --boreal-warning-dark: var(--boreal-color-proximus-amber-amber-700);
58
+ --boreal-warning-darker: var(--boreal-color-proximus-amber-amber-900);
59
+ --boreal-warning-light: var(--boreal-color-proximus-amber-amber-200);
60
+ --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
61
+ --boreal-success-light: var(--boreal-color-proximus-mint-mint-200);
62
+ --boreal-neutral-ligther: var(--boreal-color-proximus-neutral-neutral-200);
63
+ --boreal-success-base: var(--boreal-color-proximus-mint-mint-600);
64
+ --boreal-primary-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
65
+ --boreal-danger-darker: var(--boreal-color-proximus-red-red-900);
66
+ --boreal-primary-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
67
+ --boreal-danger-dark: var(--boreal-color-proximus-red-red-800);
68
+ --boreal-base-alt: var(--boreal-color-proximus-onyx-onyx-900);
69
+ --boreal-neutral-dark: var(--boreal-color-proximus-onyx-onyx-100);
70
+ --boreal-danger-lighter: var(--boreal-color-proximus-red-red-50);
71
+ --boreal-base-lighter: var(--boreal-color-proximus-neutral-neutral-300);
72
+ --boreal-danger-light: var(--boreal-color-proximus-red-red-200);
73
+ --boreal-accent-lighter: var(--boreal-color-proximus-mint-mint-5);
74
+ --boreal-success-dark: var(--boreal-color-proximus-mint-mint-700);
75
+ --boreal-neutral: var(--boreal-color-proximus-onyx-onyx-50);
76
+ --boreal-accent-darker: var(--boreal-color-proximus-mint-mint-900);
77
+ --boreal-neutral-paper: var(--boreal-color-proximus-onyx-onyx-200);
78
+ --boreal-warning-lighter: var(--boreal-color-proximus-amber-amber-50);
79
+ --boreal-success-darker: var(--boreal-color-proximus-mint-mint-900);
80
+ --boreal-primary-base: var(--boreal-color-proximus-cobalt-cobalt-500);
81
+ --boreal-information-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
82
+ --boreal-neutral-darker: var(--boreal-color-proximus-onyx-onyx-500);
83
+ --boreal-neutral-light: var(--boreal-color-proximus-onyx-onyx-100);
84
+ --boreal-danger-base: var(--boreal-color-proximus-red-red-500);
85
+ --boreal-neutral-deeper: var(--boreal-color-proximus-onyx-onyx-800);
86
+ --boreal-base-light: var(--boreal-color-proximus-neutral-neutral-300);
87
+ --boreal-primary-light: var(--boreal-color-proximus-cobalt-cobalt-200);
88
+ --boreal-primary-lighter: var(--boreal-color-proximus-cobalt-cobalt-5);
89
+ --boreal-base-dark: var(--boreal-color-proximus-onyx-onyx-100);
90
+ --boreal-base-darker: var(--boreal-color-proximus-onyx-onyx-200);
91
+ --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-5);
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
+ --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
99
+ --boreal-bg-primary-light: var(--boreal-primary-light);
100
+ --boreal-bg-neutral-light: var(--boreal-neutral-light);
101
+ --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
102
+ --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
103
+ --boreal-bg-neutral-base: var(--boreal-neutral-base);
104
+ --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
105
+ --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);
110
+ --boreal-text-default: var(--boreal-neutral-ink);
111
+ --boreal-text-default-light: var(--boreal-neutral-base);
112
+ --boreal-text-inverse: var(--boreal-white);
113
+ --boreal-text-warning-base: var(--boreal-warning-base);
114
+ --boreal-text-disabled: var(--boreal-neutral-dark);
115
+ --boreal-text-primary-base: var(--boreal-primary-base);
116
+ --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);
120
+ --boreal-text-danger-light: var(--boreal-danger-light);
121
+ --boreal-text-success-light: var(--boreal-success-light);
122
+ --boreal-text-information-light: var(--boreal-information-light);
123
+ --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);
131
+ --boreal-ui-default-base: var(--boreal-neutral);
132
+ --boreal-ui-inverse: var(--boreal-white);
133
+ --boreal-ui-accent: var(--boreal-accent-base);
134
+ --boreal-ui-black-light: var(--boreal-neutral-darker);
135
+ --boreal-ui-base: var(--boreal-base-alt);
136
+ --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);
140
+ --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);
150
+ --boreal-ui-success-lighter: var(--boreal-success-lighter);
151
+ --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
152
+ --boreal-ui-info-lighter: var(--boreal-information-lighter);
153
+ --boreal-ui-warning-light: var(--boreal-warning-light);
154
+ --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);
168
+ --boreal-icon-default-lighter: var(--boreal-neutral-paper);
169
+ --boreal-icon-default-light: var(--boreal-neutral-dark);
170
+ --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);
181
+ --boreal-icon-info-base: var(--boreal-information-base);
182
+ --boreal-icon-info-light: var(--boreal-information-light);
183
+ --boreal-icon-success-light: var(--boreal-success-light);
184
+ --boreal-icon-warning-light: var(--boreal-warning-light);
185
+ --boreal-icon-danger-light: var(--boreal-danger-light);
186
+ --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
+ --boreal-icon-user: var(--boreal-user-base);
190
+ --boreal-icon-default-ink: var(--boreal-neutral-ink);
191
+ --boreal-alpha-black-50: #272a2f80;
192
+ --boreal-alpha-black-25: #272a2f40;
193
+ --boreal-alpha-white-50: #ffffff80;
194
+ --boreal-alpha-white-25: #ffffff40;
195
+ --boreal-alpha-white-10: #ffffff1a;
196
+ --boreal-alpha-white-75: #ffffffbf;
197
+ --boreal-alpha-white-85: #ffffffd9;
198
+ --boreal-alpha-white-90: #ffffffe6;
199
+ --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
+ }
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ export * from './plugin';
package/dist/index.js ADDED
@@ -0,0 +1,3 @@
1
+ export * from './components';
2
+ export * from './plugin';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { Plugin } from 'vue';
2
+ export declare const ComponentLibrary: Plugin;
package/dist/plugin.js ADDED
@@ -0,0 +1,5 @@
1
+ export const ComponentLibrary = {
2
+ async install() {
3
+ },
4
+ };
5
+ //# sourceMappingURL=plugin.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.js","sourceRoot":"","sources":["../lib/plugin.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,KAAK,CAAC,OAAO;IAEb,CAAC;CACF,CAAC"}
@@ -0,0 +1 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@@ -0,0 +1,3 @@
1
+ @forward '_fonts';
2
+ @forward '_typography';
3
+ @forward '_reset';
@@ -0,0 +1,50 @@
1
+ /**
2
+ * Boreal Design System - CSS Reset
3
+ * Minimal reset for consistent cross-browser rendering
4
+ */
5
+ *,
6
+ *::before,
7
+ *::after {
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ * {
12
+ margin: 0;
13
+ padding: 0;
14
+ }
15
+
16
+ html {
17
+ -webkit-font-smoothing: antialiased;
18
+ -moz-osx-font-smoothing: grayscale;
19
+ }
20
+
21
+ body {
22
+ line-height: 1.5;
23
+ -webkit-text-size-adjust: 100%;
24
+ }
25
+
26
+ img,
27
+ picture,
28
+ video,
29
+ canvas,
30
+ svg {
31
+ display: block;
32
+ max-width: 100%;
33
+ }
34
+
35
+ input,
36
+ button,
37
+ textarea,
38
+ select {
39
+ font: inherit;
40
+ }
41
+
42
+ p,
43
+ h1,
44
+ h2,
45
+ h3,
46
+ h4,
47
+ h5,
48
+ h6 {
49
+ overflow-wrap: break-word;
50
+ }