@telesign/boreal-vue 0.1.0-alpha.0 → 0.1.0-alpha.1

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 (16) hide show
  1. package/dist/components.d.ts +1 -0
  2. package/dist/components.js +15 -0
  3. package/dist/components.js.map +1 -1
  4. package/dist/css/theme-bics.css +209 -0
  5. package/dist/css/theme-masiv.css +209 -0
  6. package/dist/css/theme-telesign.css +209 -0
  7. package/dist/index.d.ts +1 -2
  8. package/dist/index.js +1 -2
  9. package/dist/index.js.map +1 -1
  10. package/dist/scss/maps/_theme-bics.scss +209 -0
  11. package/dist/scss/maps/_theme-masiv.scss +209 -0
  12. package/dist/scss/maps/_theme-telesign.scss +209 -0
  13. package/dist/scss/variables/_theme-bics.scss +207 -0
  14. package/dist/scss/variables/_theme-masiv.scss +207 -0
  15. package/dist/scss/variables/_theme-telesign.scss +207 -0
  16. package/package.json +2 -2
package/dist/components.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
2
2
  import type { JSX } from '@telesign/boreal-web-components';
3
3
  export declare const BdsBanner: StencilVueComponent<JSX.BdsBanner>;
4
+ export declare const BdsButton: StencilVueComponent<JSX.BdsButton>;
4
5
  export declare const BdsTypography: StencilVueComponent<JSX.BdsTypography>;
package/dist/components.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { defineContainer } from '@stencil/vue-output-target/runtime';
2
2
  import { defineCustomElement as defineBdsBanner } from '@telesign/boreal-web-components/components/bds-banner.js';
3
+ import { defineCustomElement as defineBdsButton } from '@telesign/boreal-web-components/components/bds-button.js';
3
4
  import { defineCustomElement as defineBdsTypography } from '@telesign/boreal-web-components/components/bds-typography.js';
4
5
  export const BdsBanner = defineContainer('bds-banner', defineBdsBanner, [
5
6
  'idComponent',
@@ -9,6 +10,20 @@ export const BdsBanner = defineContainer('bds-banner', defineBdsBanner, [
9
10
  ], [
10
11
  'close'
11
12
  ]);
13
+ export const BdsButton = defineContainer('bds-button', defineBdsButton, [
14
+ 'label',
15
+ 'disabled',
16
+ 'name',
17
+ 'type',
18
+ 'color',
19
+ 'variant',
20
+ 'size',
21
+ 'loading',
22
+ 'disclosure',
23
+ 'bdsClick'
24
+ ], [
25
+ 'bdsClick'
26
+ ]);
12
27
  export const BdsTypography = defineContainer('bds-typography', defineBdsTypography, [
13
28
  'variant',
14
29
  'size',
package/dist/components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAA4B,MAAM,oCAAoC,CAAC;AAI/F,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAClH,OAAO,EAAE,mBAAmB,IAAI,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AAG1H,MAAM,CAAC,MAAM,SAAS,GAAqD,eAAe,CAAgB,YAAY,EAAE,eAAe,EAAE;IACvI,aAAa;IACb,SAAS;IACT,aAAa;IACb,OAAO;CACR,EAAE;IACD,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,aAAa,GAAyD,eAAe,CAAoB,gBAAgB,EAAE,mBAAmB,EAAE;IAC3J,SAAS;IACT,MAAM;IACN,OAAO;IACP,aAAa;IACb,SAAS;IACT,OAAO;IACP,UAAU;IACV,UAAU;IACV,aAAa;IACb,YAAY;IACZ,SAAS;IACT,MAAM;IACN,QAAQ;IACR,gBAAgB;IAChB,UAAU;CACX,CAAC,CAAC"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAA4B,MAAM,oCAAoC,CAAC;AAI/F,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAClH,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAClH,OAAO,EAAE,mBAAmB,IAAI,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AAG1H,MAAM,CAAC,MAAM,SAAS,GAAqD,eAAe,CAAgB,YAAY,EAAE,eAAe,EAAE;IACvI,aAAa;IACb,SAAS;IACT,aAAa;IACb,OAAO;CACR,EAAE;IACD,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,SAAS,GAAqD,eAAe,CAAgB,YAAY,EAAE,eAAe,EAAE;IACvI,OAAO;IACP,UAAU;IACV,MAAM;IACN,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,SAAS;IACT,YAAY;IACZ,UAAU;CACX,EAAE;IACD,UAAU;CACX,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,aAAa,GAAyD,eAAe,CAAoB,gBAAgB,EAAE,mBAAmB,EAAE;IAC3J,SAAS;IACT,MAAM;IACN,OAAO;IACP,aAAa;IACb,SAAS;IACT,OAAO;IACP,UAAU;IACV,UAAU;IACV,aAAa;IACb,YAAY;IACZ,SAAS;IACT,MAAM;IACN,QAAQ;IACR,gBAAgB;IAChB,UAAU;CACX,CAAC,CAAC"}
package/dist/css/theme-bics.css ADDED
@@ -0,0 +1,209 @@
1
+ [data-theme="bics"] {
2
+ --boreal-accent-dark: var(--boreal-color-bics-byzantine-byzantine-2);
3
+ --boreal-black: var(--boreal-color-bics-black-black-1);
4
+ --boreal-accent-light: var(--boreal-color-bics-byzantine-byzantine-5);
5
+ --boreal-white: var(--boreal-color-white);
6
+ --boreal-accent-base: var(--boreal-color-bics-byzantine-byzantine-3);
7
+ --boreal-extended-teal-light: var(--boreal-color-masiv-teal-teal-20);
8
+ --boreal-extended-teal-lighter: var(--boreal-color-masiv-teal-teal-5);
9
+ --boreal-extended-teal-base: var(--boreal-color-masiv-teal-teal-40);
10
+ --boreal-extended-teal-dark: var(--boreal-color-masiv-teal-teal-70);
11
+ --boreal-extended-teal-darker: var(--boreal-color-masiv-teal-teal-90);
12
+ --boreal-extended-purple-base: var(--boreal-color-masiv-purple-purple-50);
13
+ --boreal-extended-purple-dark: var(--boreal-color-masiv-purple-purple-70);
14
+ --boreal-extended-orange-base: var(--boreal-color-masiv-orange-orange-40);
15
+ --boreal-extended-purple-light: var(--boreal-color-masiv-purple-purple-20);
16
+ --boreal-extended-orange-darker: var(--boreal-color-masiv-orange-orange-90);
17
+ --boreal-extended-orange-lighter: var(--boreal-color-masiv-orange-orange-5);
18
+ --boreal-extended-orange-dark: var(--boreal-color-masiv-orange-orange-70);
19
+ --boreal-extended-orange-light: var(--boreal-color-masiv-orange-orange-20);
20
+ --boreal-extended-purple-lighter: var(--boreal-color-masiv-purple-purple-5);
21
+ --boreal-extended-purple-darker: var(--boreal-color-masiv-purple-purple-90);
22
+ --boreal-extended-cyan-lighter: var(--boreal-color-masiv-cyan-cyan-5);
23
+ --boreal-extended-cyan-light: var(--boreal-color-masiv-cyan-cyan-20);
24
+ --boreal-extended-cyan-base: var(--boreal-color-masiv-cyan-cyan-40);
25
+ --boreal-extended-cyan-dark: var(--boreal-color-masiv-cyan-cyan-70);
26
+ --boreal-extended-cyan-darker: var(--boreal-color-masiv-cyan-cyan-90);
27
+ --boreal-extended-lime-dark: var(--boreal-color-masiv-lime-lime-70);
28
+ --boreal-extended-lime-base: var(--boreal-color-masiv-lime-lime-40);
29
+ --boreal-extended-lime-darker: var(--boreal-color-masiv-lime-lime-90);
30
+ --boreal-extended-lime-light: var(--boreal-color-masiv-lime-lime-20);
31
+ --boreal-extended-lime-lighter: var(--boreal-color-masiv-lime-lime-5);
32
+ --boreal-extended-cobalt-lighter: var(--boreal-color-telesign-cobalt-cobalt-50);
33
+ --boreal-extended-cobalt-light: var(--boreal-color-telesign-cobalt-cobalt-100);
34
+ --boreal-extended-cobalt-base: var(--boreal-color-telesign-cobalt-cobalt-600);
35
+ --boreal-extended-cobalt-dark: var(--boreal-color-telesign-cobalt-cobalt-800);
36
+ --boreal-extended-cobalt-darker: var(--boreal-color-telesign-cobalt-cobalt-900);
37
+ --boreal-extended-onyx-lighter: var(--boreal-color-telesign-onyx-onyx-100);
38
+ --boreal-extended-onyx-light: var(--boreal-color-telesign-onyx-onyx-200);
39
+ --boreal-extended-onyx-base: var(--boreal-color-telesign-onyx-onyx-500);
40
+ --boreal-extended-onyx-dark: var(--boreal-color-telesign-onyx-onyx-600);
41
+ --boreal-extended-onyx-darker: var(--boreal-color-telesign-onyx-onyx-900);
42
+ --boreal-extended-rose-lighter: var(--boreal-color-masiv-rose-rose-5);
43
+ --boreal-extended-rose-light: var(--boreal-color-masiv-rose-rose-20);
44
+ --boreal-extended-rose-base: var(--boreal-color-masiv-rose-rose-50);
45
+ --boreal-extended-rose-dark: var(--boreal-color-masiv-rose-rose-70);
46
+ --boreal-extended-rose-darker: var(--boreal-color-masiv-rose-rose-90);
47
+ --boreal-neutral-600: var(--boreal-color-bics-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-bics-success-success-7);
51
+ --boreal-information-base: var(--boreal-extended-cobalt-base);
52
+ --boreal-neutral-900: var(--boreal-color-bics-black-black-1);
53
+ --boreal-information-dark: var(--boreal-extended-cobalt-dark);
54
+ --boreal-neutral-400: var(--boreal-color-bics-grey-grey-4);
55
+ --boreal-warning-base: var(--boreal-color-bics-warning-warning-4);
56
+ --boreal-neutral-700: var(--boreal-color-bics-black-black-3);
57
+ --boreal-warning-dark: var(--boreal-color-bics-warning-warning-2);
58
+ --boreal-warning-darker: var(--boreal-color-bics-warning-warning-1);
59
+ --boreal-warning-light: var(--boreal-color-bics-warning-warning-5);
60
+ --boreal-focus: #3b60c54d;
61
+ --boreal-success-light: var(--boreal-color-bics-success-success-6);
62
+ --boreal-neutral-50: var(--boreal-color-bics-black-black-7);
63
+ --boreal-success-base: var(--boreal-color-bics-success-success-4);
64
+ --boreal-primary-dark: var(--boreal-color-bics-petrol-petrol-2);
65
+ --boreal-danger-darker: var(--boreal-color-bics-error-error-1);
66
+ --boreal-primary-darker: var(--boreal-color-bics-petrol-petrol-1);
67
+ --boreal-danger-dark: var(--boreal-color-bics-error-error-2);
68
+ --boreal-base-alt: var(--boreal-color-bics-grey-grey-3);
69
+ --boreal-neutral-300: var(--boreal-color-bics-grey-grey-5);
70
+ --boreal-danger-lighter: var(--boreal-color-bics-error-error-7);
71
+ --boreal-base-lighter: var(--boreal-color-bics-grey-grey-7);
72
+ --boreal-danger-light: var(--boreal-color-bics-error-error-5);
73
+ --boreal-accent-lighter: var(--boreal-color-bics-byzantine-byzantine-6);
74
+ --boreal-success-dark: var(--boreal-color-bics-success-success-2);
75
+ --boreal-neutral-25: var(--boreal-color-bics-grey-grey-7);
76
+ --boreal-accent-darker: var(--boreal-color-bics-byzantine-byzantine-1);
77
+ --boreal-neutral-200: var(--boreal-color-bics-grey-grey-6);
78
+ --boreal-warning-lighter: var(--boreal-color-bics-warning-warning-7);
79
+ --boreal-success-darker: var(--boreal-color-bics-success-success-1);
80
+ --boreal-primary-base: var(--boreal-color-bics-petrol-petrol-3);
81
+ --boreal-information-darker: var(--boreal-extended-cobalt-darker);
82
+ --boreal-neutral-500: var(--boreal-color-bics-black-black-5);
83
+ --boreal-neutral-100: var(--boreal-color-bics-grey-grey-7);
84
+ --boreal-danger-base: var(--boreal-color-bics-error-error-4);
85
+ --boreal-neutral-800: var(--boreal-color-bics-black-black-2);
86
+ --boreal-base-light: var(--boreal-color-bics-grey-grey-8);
87
+ --boreal-primary-light: var(--boreal-color-bics-petrol-petrol-5);
88
+ --boreal-primary-lighter: var(--boreal-color-bics-petrol-petrol-7);
89
+ --boreal-base-dark: var(--boreal-color-bics-grey-grey-5);
90
+ --boreal-base-darker: var(--boreal-color-bics-grey-grey-5);
91
+ --boreal-user-base: var(--boreal-color-bics-petrol-petrol-3);
92
+ --boreal-bg-overlay: var(--boreal-neutral-900);
93
+ --boreal-bg-inverse: var(--boreal-white);
94
+ --boreal-bg-primary-darker: var(--boreal-primary-darker);
95
+ --boreal-bg-default: var(--boreal-neutral-25);
96
+ --boreal-bg-primary: var(--boreal-primary-base);
97
+ --boreal-bg-neutral: var(--boreal-neutral-700);
98
+ --boreal-text-success: var(--boreal-success-base);
99
+ --boreal-text-danger: var(--boreal-danger-base);
100
+ --boreal-text-default-darker: var(--boreal-neutral-900);
101
+ --boreal-text-information: var(--boreal-information-base);
102
+ --boreal-text-accent: var(--boreal-accent-base);
103
+ --boreal-text-default: var(--boreal-neutral-700);
104
+ --boreal-text-default-light: var(--boreal-neutral-400);
105
+ --boreal-text-inverse: var(--boreal-white);
106
+ --boreal-text-warning: var(--boreal-warning-base);
107
+ --boreal-text-disabled: var(--boreal-neutral-300);
108
+ --boreal-text-primary: var(--boreal-primary-base);
109
+ --boreal-text-danger-dark: var(--boreal-danger-dark);
110
+ --boreal-text-success-dark: var(--boreal-success-dark);
111
+ --boreal-text-information-dark: var(--boreal-information-darker);
112
+ --boreal-text-warning-light: var(--boreal-warning-light);
113
+ --boreal-text-danger-light: var(--boreal-danger-light);
114
+ --boreal-text-success-light: var(--boreal-success-light);
115
+ --boreal-text-information-light: var(--boreal-information-light);
116
+ --boreal-text-warning-dark: var(--boreal-warning-darker);
117
+ --boreal-text-base: var(--boreal-base-alt);
118
+ --boreal-text-primary-light: var(--boreal-primary-light);
119
+ --boreal-text-primary-dark: var(--boreal-primary-dark);
120
+ --boreal-ui-default: var(--boreal-white);
121
+ --boreal-ui-inverse: var(--boreal-white);
122
+ --boreal-ui-accent: var(--boreal-accent-base);
123
+ --boreal-ui-black-light: var(--boreal-neutral-500);
124
+ --boreal-ui-base: var(--boreal-base-alt);
125
+ --boreal-ui-base-light: var(--boreal-base-light);
126
+ --boreal-ui-disabled: var(--boreal-neutral-50);
127
+ --boreal-ui-info-light: var(--boreal-information-light);
128
+ --boreal-ui-success-light: var(--boreal-success-light);
129
+ --boreal-ui-success: var(--boreal-success-base);
130
+ --boreal-ui-black: var(--boreal-neutral-900);
131
+ --boreal-ui-danger-light: var(--boreal-danger-light);
132
+ --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
133
+ --boreal-ui-danger: var(--boreal-danger-base);
134
+ --boreal-ui-info: var(--boreal-information-base);
135
+ --boreal-ui-primary: var(--boreal-primary-base);
136
+ --boreal-ui-primary-light: var(--boreal-primary-light);
137
+ --boreal-ui-primary-dark: var(--boreal-primary-dark);
138
+ --boreal-ui-warning: var(--boreal-warning-base);
139
+ --boreal-ui-success-lighter: var(--boreal-success-lighter);
140
+ --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
141
+ --boreal-ui-info-lighter: var(--boreal-information-lighter);
142
+ --boreal-ui-warning-light: var(--boreal-warning-light);
143
+ --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
144
+ --boreal-ui-base-lighter: var(--boreal-base-lighter);
145
+ --boreal-ui-default-dark: var(--boreal-base-dark);
146
+ --boreal-ui-success-dark: var(--boreal-success-dark);
147
+ --boreal-ui-danger-dark: var(--boreal-danger-dark);
148
+ --boreal-ui-info-dark: var(--boreal-information-dark);
149
+ --boreal-ui-warning-dark: var(--boreal-warning-dark);
150
+ --boreal-ui-default-light: var(--boreal-base-light);
151
+ --boreal-icon-info-dark: var(--boreal-information-darker);
152
+ --boreal-icon-default-lighter: var(--boreal-neutral-200);
153
+ --boreal-icon-default-light: var(--boreal-neutral-300);
154
+ --boreal-icon-default: var(--boreal-neutral-700);
155
+ --boreal-icon-success: var(--boreal-success-base);
156
+ --boreal-icon-inverse: var(--boreal-white);
157
+ --boreal-icon-warning: var(--boreal-warning-base);
158
+ --boreal-icon-accent: var(--boreal-accent-base);
159
+ --boreal-icon-danger: var(--boreal-danger-base);
160
+ --boreal-icon-base: var(--boreal-base-alt);
161
+ --boreal-icon-primary: var(--boreal-primary-base);
162
+ --boreal-icon-success-dark: var(--boreal-success-dark);
163
+ --boreal-icon-warning-dark: var(--boreal-warning-darker);
164
+ --boreal-icon-danger-dark: var(--boreal-danger-dark);
165
+ --boreal-icon-info: var(--boreal-information-base);
166
+ --boreal-icon-info-light: var(--boreal-information-light);
167
+ --boreal-icon-success-light: var(--boreal-success-light);
168
+ --boreal-icon-warning-light: var(--boreal-warning-light);
169
+ --boreal-icon-danger-light: var(--boreal-danger-light);
170
+ --boreal-icon-disabled: var(--boreal-neutral-300);
171
+ --boreal-icon-primary-light: var(--boreal-primary-light);
172
+ --boreal-icon-primary-dark: var(--boreal-primary-dark);
173
+ --boreal-icon-user: var(--boreal-user-base);
174
+ --boreal-alpha-black-50: #272a2f80;
175
+ --boreal-alpha-black-25: #272a2f40;
176
+ --boreal-alpha-white-50: #ffffff80;
177
+ --boreal-alpha-white-25: #ffffff40;
178
+ --boreal-alpha-white-10: #ffffff1a;
179
+ --boreal-alpha-white-75: #ffffffbf;
180
+ --boreal-alpha-white-85: #ffffffd9;
181
+ --boreal-alpha-white-90: #ffffffe6;
182
+ --boreal-alpha-white-95: #ffffffe6;
183
+ --boreal-alpha-white-80: #ffffffcc;
184
+ --boreal-alpha-white-55: #ffffff8c;
185
+ --boreal-alpha-black-5: #272a2f0d;
186
+ --boreal-alpha-black-10: #272a2f1a;
187
+ --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
188
+ --boreal-stroke-warning: var(--boreal-warning-base);
189
+ --boreal-stroke-inverse: var(--boreal-white);
190
+ --boreal-stroke-info: var(--boreal-information-base);
191
+ --boreal-stroke-success: var(--boreal-success-base);
192
+ --boreal-stroke-default-dark: var(--boreal-base-dark);
193
+ --boreal-stroke-default-light: var(--boreal-base-light);
194
+ --boreal-stroke-default: var(--boreal-base-alt);
195
+ --boreal-stroke-focus: var(--boreal-focus);
196
+ --boreal-stroke-danger: var(--boreal-danger-base);
197
+ --boreal-stroke-accent: var(--boreal-accent-base);
198
+ --boreal-stroke-primary: var(--boreal-primary-base);
199
+ --boreal-stroke-primary-light: var(--boreal-primary-light);
200
+ --boreal-stroke-primary-dark: var(--boreal-primary-dark);
201
+ --boreal-stroke-info-light: var(--boreal-information-light);
202
+ --boreal-stroke-info-dark: var(--boreal-information-dark);
203
+ --boreal-stroke-success-light: var(--boreal-success-light);
204
+ --boreal-stroke-success-dark: var(--boreal-success-dark);
205
+ --boreal-stroke-warning-light: var(--boreal-warning-light);
206
+ --boreal-stroke-warning-dark: var(--boreal-warning-dark);
207
+ --boreal-stroke-danger-light: var(--boreal-danger-light);
208
+ --boreal-stroke-danger-dark: var(--boreal-danger-dark);
209
+ }
package/dist/css/theme-masiv.css ADDED
@@ -0,0 +1,209 @@
1
+ [data-theme="masiv"] {
2
+ --boreal-accent-dark: var(--boreal-color-masiv-rose-rose-70);
3
+ --boreal-black: var(--boreal-color-masiv-ink-ink-90);
4
+ --boreal-accent-light: var(--boreal-color-masiv-rose-rose-20);
5
+ --boreal-white: var(--boreal-white);
6
+ --boreal-accent-base: var(--boreal-color-masiv-rose-rose-50);
7
+ --boreal-extended-teal-light: var(--boreal-color-masiv-teal-teal-20);
8
+ --boreal-extended-teal-lighter: var(--boreal-color-masiv-teal-teal-5);
9
+ --boreal-extended-teal-base: var(--boreal-color-masiv-teal-teal-40);
10
+ --boreal-extended-teal-dark: var(--boreal-color-masiv-teal-teal-70);
11
+ --boreal-extended-teal-darker: var(--boreal-color-masiv-teal-teal-90);
12
+ --boreal-extended-purple-base: var(--boreal-color-masiv-purple-purple-50);
13
+ --boreal-extended-purple-dark: var(--boreal-color-masiv-purple-purple-70);
14
+ --boreal-extended-orange-base: var(--boreal-color-masiv-orange-orange-40);
15
+ --boreal-extended-purple-light: var(--boreal-color-masiv-purple-purple-20);
16
+ --boreal-extended-orange-darker: var(--boreal-color-masiv-orange-orange-90);
17
+ --boreal-extended-orange-lighter: var(--boreal-color-masiv-orange-orange-5);
18
+ --boreal-extended-orange-dark: var(--boreal-color-masiv-orange-orange-70);
19
+ --boreal-extended-orange-light: var(--boreal-color-masiv-orange-orange-20);
20
+ --boreal-extended-purple-lighter: var(--boreal-color-masiv-purple-purple-5);
21
+ --boreal-extended-purple-darker: var(--boreal-color-masiv-purple-purple-90);
22
+ --boreal-extended-cyan-lighter: var(--boreal-color-masiv-cyan-cyan-5);
23
+ --boreal-extended-cyan-light: var(--boreal-color-masiv-cyan-cyan-20);
24
+ --boreal-extended-cyan-base: var(--boreal-color-masiv-cyan-cyan-40);
25
+ --boreal-extended-cyan-dark: var(--boreal-color-masiv-cyan-cyan-70);
26
+ --boreal-extended-cyan-darker: var(--boreal-color-masiv-cyan-cyan-90);
27
+ --boreal-extended-lime-dark: var(--boreal-color-masiv-lime-lime-70);
28
+ --boreal-extended-lime-base: var(--boreal-color-masiv-lime-lime-40);
29
+ --boreal-extended-lime-darker: var(--boreal-color-masiv-lime-lime-90);
30
+ --boreal-extended-lime-light: var(--boreal-color-masiv-lime-lime-20);
31
+ --boreal-extended-lime-lighter: var(--boreal-color-masiv-lime-lime-5);
32
+ --boreal-extended-cobalt-lighter: var(--boreal-color-telesign-cobalt-cobalt-50);
33
+ --boreal-extended-cobalt-light: var(--boreal-color-telesign-cobalt-cobalt-100);
34
+ --boreal-extended-cobalt-base: var(--boreal-color-telesign-cobalt-cobalt-600);
35
+ --boreal-extended-cobalt-dark: var(--boreal-color-telesign-cobalt-cobalt-800);
36
+ --boreal-extended-cobalt-darker: var(--boreal-color-telesign-cobalt-cobalt-900);
37
+ --boreal-extended-onyx-lighter: var(--boreal-color-telesign-onyx-onyx-100);
38
+ --boreal-extended-onyx-light: var(--boreal-color-telesign-onyx-onyx-200);
39
+ --boreal-extended-onyx-base: var(--boreal-color-telesign-onyx-onyx-500);
40
+ --boreal-extended-onyx-dark: var(--boreal-color-telesign-onyx-onyx-600);
41
+ --boreal-extended-onyx-darker: var(--boreal-color-telesign-onyx-onyx-900);
42
+ --boreal-extended-rose-lighter: var(--boreal-color-masiv-rose-rose-5);
43
+ --boreal-extended-rose-light: var(--boreal-color-masiv-rose-rose-20);
44
+ --boreal-extended-rose-base: var(--boreal-color-masiv-rose-rose-50);
45
+ --boreal-extended-rose-dark: var(--boreal-color-masiv-rose-rose-70);
46
+ --boreal-extended-rose-darker: var(--boreal-color-masiv-rose-rose-90);
47
+ --boreal-neutral-600: var(--boreal-color-masiv-ink-ink-60);
48
+ --boreal-information-lighter: var(--boreal-color-masiv-blue-blue-5);
49
+ --boreal-information-light: var(--boreal-color-masiv-blue-blue-20);
50
+ --boreal-success-lighter: var(--boreal-color-masiv-green-green-5);
51
+ --boreal-information-base: var(--boreal-color-masiv-blue-blue-50);
52
+ --boreal-neutral-900: var(--boreal-color-masiv-ink-ink-90);
53
+ --boreal-information-dark: var(--boreal-color-masiv-blue-blue-70);
54
+ --boreal-neutral-400: var(--boreal-color-masiv-ink-ink-40);
55
+ --boreal-warning-base: var(--boreal-color-masiv-yellow-yellow-30);
56
+ --boreal-neutral-700: var(--boreal-color-masiv-ink-ink-70);
57
+ --boreal-warning-dark: var(--boreal-color-masiv-yellow-yellow-70);
58
+ --boreal-warning-darker: var(--boreal-color-masiv-yellow-yellow-90);
59
+ --boreal-warning-light: var(--boreal-color-masiv-yellow-yellow-20);
60
+ --boreal-focus: var(--boreal-color-masiv-blue-blue-20);
61
+ --boreal-success-light: var(--boreal-color-masiv-green-green-20);
62
+ --boreal-neutral-50: var(--boreal-color-masiv-ink-ink-5);
63
+ --boreal-success-base: var(--boreal-color-masiv-green-green-40);
64
+ --boreal-primary-dark: var(--boreal-color-masiv-blue-blue-70);
65
+ --boreal-danger-darker: var(--boreal-color-masiv-red-red-90);
66
+ --boreal-primary-darker: var(--boreal-color-masiv-blue-blue-90);
67
+ --boreal-danger-dark: var(--boreal-color-masiv-red-red-70);
68
+ --boreal-base-alt: var(--boreal-color-masiv-ink-ink-70);
69
+ --boreal-neutral-300: var(--boreal-color-masiv-ink-ink-30);
70
+ --boreal-danger-lighter: var(--boreal-color-masiv-red-red-5);
71
+ --boreal-base-lighter: var(--boreal-color-white);
72
+ --boreal-danger-light: var(--boreal-color-masiv-red-red-20);
73
+ --boreal-accent-lighter: var(--boreal-color-masiv-rose-rose-5);
74
+ --boreal-success-dark: var(--boreal-color-masiv-green-green-70);
75
+ --boreal-neutral-25: var(--boreal-color-masiv-ink-ink-5);
76
+ --boreal-accent-darker: var(--boreal-color-masiv-rose-rose-90);
77
+ --boreal-neutral-200: var(--boreal-color-masiv-ink-ink-20);
78
+ --boreal-warning-lighter: var(--boreal-color-masiv-yellow-yellow-5);
79
+ --boreal-success-darker: var(--boreal-color-masiv-green-green-90);
80
+ --boreal-primary-base: var(--boreal-color-masiv-blue-blue-50);
81
+ --boreal-information-darker: var(--boreal-color-masiv-blue-blue-90);
82
+ --boreal-neutral-500: var(--boreal-color-masiv-ink-ink-50);
83
+ --boreal-neutral-100: var(--boreal-color-masiv-ink-ink-10);
84
+ --boreal-danger-base: var(--boreal-color-masiv-red-red-50);
85
+ --boreal-neutral-800: var(--boreal-color-masiv-ink-ink-80);
86
+ --boreal-base-light: var(--boreal-color-masiv-ink-ink-10);
87
+ --boreal-primary-light: var(--boreal-color-masiv-blue-blue-20);
88
+ --boreal-primary-lighter: var(--boreal-color-masiv-blue-blue-5);
89
+ --boreal-base-dark: var(--boreal-color-masiv-ink-ink-10);
90
+ --boreal-base-darker: var(--boreal-color-masiv-ink-ink-10);
91
+ --boreal-user-base: var(--boreal-color-masiv-green-green-40);
92
+ --boreal-bg-overlay: var(--boreal-neutral-900);
93
+ --boreal-bg-inverse: var(--boreal-white);
94
+ --boreal-bg-primary-darker: var(--boreal-primary-darker);
95
+ --boreal-bg-default: var(--boreal-neutral-25);
96
+ --boreal-bg-primary: var(--boreal-primary-base);
97
+ --boreal-bg-neutral: var(--boreal-neutral-700);
98
+ --boreal-text-success: var(--boreal-success-base);
99
+ --boreal-text-danger: var(--boreal-danger-base);
100
+ --boreal-text-default-darker: var(--boreal-neutral-900);
101
+ --boreal-text-information: var(--boreal-information-base);
102
+ --boreal-text-accent: var(--boreal-accent-base);
103
+ --boreal-text-default: var(--boreal-neutral-700);
104
+ --boreal-text-default-light: var(--boreal-neutral-400);
105
+ --boreal-text-inverse: var(--boreal-white);
106
+ --boreal-text-warning: var(--boreal-warning-base);
107
+ --boreal-text-disabled: var(--boreal-neutral-300);
108
+ --boreal-text-primary: var(--boreal-primary-base);
109
+ --boreal-text-danger-dark: var(--boreal-danger-dark);
110
+ --boreal-text-success-dark: var(--boreal-success-dark);
111
+ --boreal-text-information-dark: var(--boreal-information-darker);
112
+ --boreal-text-warning-light: var(--boreal-warning-light);
113
+ --boreal-text-danger-light: var(--boreal-danger-light);
114
+ --boreal-text-success-light: var(--boreal-success-light);
115
+ --boreal-text-information-light: var(--boreal-information-light);
116
+ --boreal-text-warning-dark: var(--boreal-warning-darker);
117
+ --boreal-text-base: var(--boreal-base-alt);
118
+ --boreal-text-primary-light: var(--boreal-primary-light);
119
+ --boreal-text-primary-dark: var(--boreal-primary-dark);
120
+ --boreal-ui-default: var(--boreal-white);
121
+ --boreal-ui-inverse: var(--boreal-white);
122
+ --boreal-ui-accent: var(--boreal-accent-base);
123
+ --boreal-ui-black-light: var(--boreal-neutral-500);
124
+ --boreal-ui-base: var(--boreal-base-alt);
125
+ --boreal-ui-base-light: var(--boreal-base-light);
126
+ --boreal-ui-disabled: var(--boreal-neutral-50);
127
+ --boreal-ui-info-light: var(--boreal-information-light);
128
+ --boreal-ui-success-light: var(--boreal-success-light);
129
+ --boreal-ui-success: var(--boreal-success-base);
130
+ --boreal-ui-black: var(--boreal-neutral-900);
131
+ --boreal-ui-danger-light: var(--boreal-danger-light);
132
+ --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
133
+ --boreal-ui-danger: var(--boreal-danger-base);
134
+ --boreal-ui-info: var(--boreal-information-base);
135
+ --boreal-ui-primary: var(--boreal-primary-base);
136
+ --boreal-ui-primary-light: var(--boreal-primary-light);
137
+ --boreal-ui-primary-dark: var(--boreal-primary-dark);
138
+ --boreal-ui-warning: var(--boreal-warning-base);
139
+ --boreal-ui-success-lighter: var(--boreal-success-lighter);
140
+ --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
141
+ --boreal-ui-info-lighter: var(--boreal-information-lighter);
142
+ --boreal-ui-warning-light: var(--boreal-warning-light);
143
+ --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
144
+ --boreal-ui-base-lighter: var(--boreal-base-lighter);
145
+ --boreal-ui-default-dark: var(--boreal-base-dark);
146
+ --boreal-ui-success-dark: var(--boreal-success-dark);
147
+ --boreal-ui-danger-dark: var(--boreal-danger-dark);
148
+ --boreal-ui-info-dark: var(--boreal-information-dark);
149
+ --boreal-ui-warning-dark: var(--boreal-warning-dark);
150
+ --boreal-ui-default-light: var(--boreal-base-light);
151
+ --boreal-icon-info-dark: var(--boreal-information-darker);
152
+ --boreal-icon-default-lighter: var(--boreal-neutral-200);
153
+ --boreal-icon-default-light: var(--boreal-neutral-300);
154
+ --boreal-icon-default: var(--boreal-neutral-700);
155
+ --boreal-icon-success: var(--boreal-success-base);
156
+ --boreal-icon-inverse: var(--boreal-white);
157
+ --boreal-icon-warning: var(--boreal-warning-base);
158
+ --boreal-icon-accent: var(--boreal-accent-base);
159
+ --boreal-icon-danger: var(--boreal-danger-base);
160
+ --boreal-icon-base: var(--boreal-base-alt);
161
+ --boreal-icon-primary: var(--boreal-primary-base);
162
+ --boreal-icon-success-dark: var(--boreal-success-dark);
163
+ --boreal-icon-warning-dark: var(--boreal-warning-darker);
164
+ --boreal-icon-danger-dark: var(--boreal-danger-dark);
165
+ --boreal-icon-info: var(--boreal-information-base);
166
+ --boreal-icon-info-light: var(--boreal-information-light);
167
+ --boreal-icon-success-light: var(--boreal-success-light);
168
+ --boreal-icon-warning-light: var(--boreal-warning-light);
169
+ --boreal-icon-danger-light: var(--boreal-danger-light);
170
+ --boreal-icon-disabled: var(--boreal-neutral-300);
171
+ --boreal-icon-primary-light: var(--boreal-primary-light);
172
+ --boreal-icon-primary-dark: var(--boreal-primary-dark);
173
+ --boreal-icon-user: var(--boreal-user-base);
174
+ --boreal-alpha-black-50: #272a2f80;
175
+ --boreal-alpha-black-25: #272a2f40;
176
+ --boreal-alpha-white-50: #ffffff80;
177
+ --boreal-alpha-white-25: #ffffff40;
178
+ --boreal-alpha-white-10: #ffffff1a;
179
+ --boreal-alpha-white-75: #ffffffbf;
180
+ --boreal-alpha-white-85: #ffffffd9;
181
+ --boreal-alpha-white-90: #ffffffe6;
182
+ --boreal-alpha-white-95: #ffffffe6;
183
+ --boreal-alpha-white-80: #ffffffcc;
184
+ --boreal-alpha-white-55: #ffffff8c;
185
+ --boreal-alpha-black-5: #272a2f0d;
186
+ --boreal-alpha-black-10: #272a2f1a;
187
+ --boreal-extended-tael-darker: var(--boreal-extended-teal-darker);
188
+ --boreal-stroke-warning: var(--boreal-warning-base);
189
+ --boreal-stroke-inverse: var(--boreal-white);
190
+ --boreal-stroke-info: var(--boreal-information-base);
191
+ --boreal-stroke-success: var(--boreal-success-base);
192
+ --boreal-stroke-default-dark: var(--boreal-base-dark);
193
+ --boreal-stroke-default-light: var(--boreal-base-light);
194
+ --boreal-stroke-default: var(--boreal-base-alt);
195
+ --boreal-stroke-focus: var(--boreal-focus);
196
+ --boreal-stroke-danger: var(--boreal-danger-base);
197
+ --boreal-stroke-accent: var(--boreal-accent-base);
198
+ --boreal-stroke-primary: var(--boreal-primary-base);
199
+ --boreal-stroke-primary-light: var(--boreal-primary-light);
200
+ --boreal-stroke-primary-dark: var(--boreal-primary-dark);
201
+ --boreal-stroke-info-light: var(--boreal-information-light);
202
+ --boreal-stroke-info-dark: var(--boreal-information-dark);
203
+ --boreal-stroke-success-light: var(--boreal-success-light);
204
+ --boreal-stroke-success-dark: var(--boreal-success-dark);
205
+ --boreal-stroke-warning-light: var(--boreal-warning-light);
206
+ --boreal-stroke-warning-dark: var(--boreal-warning-dark);
207
+ --boreal-stroke-danger-light: var(--boreal-danger-light);
208
+ --boreal-stroke-danger-dark: var(--boreal-danger-dark);
209
+ }