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

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 (17) hide show
  1. package/README.md +5 -5
  2. package/dist/components.d.ts +7 -0
  3. package/dist/components.js +118 -4
  4. package/dist/components.js.map +1 -1
  5. package/package.json +2 -2
  6. package/dist/css/theme-bics.css +0 -209
  7. package/dist/css/theme-masiv.css +0 -209
  8. package/dist/css/theme-telesign.css +0 -209
  9. package/dist/plugin.d.ts +0 -2
  10. package/dist/plugin.js +0 -5
  11. package/dist/plugin.js.map +0 -1
  12. package/dist/scss/maps/_theme-bics.scss +0 -209
  13. package/dist/scss/maps/_theme-masiv.scss +0 -209
  14. package/dist/scss/maps/_theme-telesign.scss +0 -209
  15. package/dist/scss/variables/_theme-bics.scss +0 -207
  16. package/dist/scss/variables/_theme-masiv.scss +0 -207
  17. package/dist/scss/variables/_theme-telesign.scss +0 -207
package/README.md CHANGED
@@ -30,7 +30,7 @@ Import the Boreal DS stylesheet in your application entry file:
30
30
 
31
31
  ```ts
32
32
  // main.ts
33
- import '@telesign/boreal-vue/css/boreal.css';
33
+ import "@telesign/boreal-vue/css/boreal.css";
34
34
  ```
35
35
 
36
36
  ### Icon font
@@ -49,7 +49,7 @@ Add the Boreal DS icon font to the `<head>` of your `index.html`:
49
49
  Set the `data-theme` attribute on the `<body>` element to activate a brand theme:
50
50
 
51
51
  ```html
52
- <body data-theme="proximus">
52
+ <body data-theme="proximus"></body>
53
53
  ```
54
54
 
55
55
  Available values: `connect` | `engage` | `protect` | `proximus`
@@ -58,15 +58,15 @@ Available values: `connect` | `engage` | `protect` | `proximus`
58
58
 
59
59
  ```vue
60
60
  <script setup lang="ts">
61
- import { BdsBanner } from '@telesign/boreal-vue';
61
+ import { BdsBanner } from "@telesign/boreal-vue";
62
62
 
63
63
  const handleClose = () => {
64
- console.log('Banner closed');
64
+ console.log("Banner closed");
65
65
  };
66
66
  </script>
67
67
 
68
68
  <template>
69
- <BdsBanner variant="info" :enable-close="true" @close="handleClose">
69
+ <BdsBanner variant="info" closable @bds-close="handleClose">
70
70
  Welcome to Boreal DS
71
71
  </BdsBanner>
72
72
  </template>
package/dist/components.d.ts CHANGED
@@ -2,4 +2,11 @@ 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
4
  export declare const BdsButton: StencilVueComponent<JSX.BdsButton>;
5
+ export declare const BdsCheckbox: StencilVueComponent<JSX.BdsCheckbox>;
6
+ export declare const BdsDialog: StencilVueComponent<JSX.BdsDialog>;
7
+ export declare const BdsFlag: StencilVueComponent<JSX.BdsFlag>;
8
+ export declare const BdsPopover: StencilVueComponent<JSX.BdsPopover>;
9
+ export declare const BdsSpinner: StencilVueComponent<JSX.BdsSpinner>;
10
+ export declare const BdsTextField: StencilVueComponent<JSX.BdsTextField, JSX.BdsTextField["value"]>;
11
+ export declare const BdsTooltip: StencilVueComponent<JSX.BdsTooltip>;
5
12
  export declare const BdsTypography: StencilVueComponent<JSX.BdsTypography>;
package/dist/components.js CHANGED
@@ -1,14 +1,21 @@
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
3
  import { defineCustomElement as defineBdsButton } from '@telesign/boreal-web-components/components/bds-button.js';
4
+ import { defineCustomElement as defineBdsCheckbox } from '@telesign/boreal-web-components/components/bds-checkbox.js';
5
+ import { defineCustomElement as defineBdsDialog } from '@telesign/boreal-web-components/components/bds-dialog.js';
6
+ import { defineCustomElement as defineBdsFlag } from '@telesign/boreal-web-components/components/bds-flag.js';
7
+ import { defineCustomElement as defineBdsPopover } from '@telesign/boreal-web-components/components/bds-popover.js';
8
+ import { defineCustomElement as defineBdsSpinner } from '@telesign/boreal-web-components/components/bds-spinner.js';
9
+ import { defineCustomElement as defineBdsTextField } from '@telesign/boreal-web-components/components/bds-text-field.js';
10
+ import { defineCustomElement as defineBdsTooltip } from '@telesign/boreal-web-components/components/bds-tooltip.js';
4
11
  import { defineCustomElement as defineBdsTypography } from '@telesign/boreal-web-components/components/bds-typography.js';
5
12
  export const BdsBanner = defineContainer('bds-banner', defineBdsBanner, [
6
- 'idComponent',
7
13
  'variant',
8
- 'enableClose',
9
- 'close'
14
+ 'closable',
15
+ 'closeButtonLabel',
16
+ 'bdsClose'
10
17
  ], [
11
- 'close'
18
+ 'bdsClose'
12
19
  ]);
13
20
  export const BdsButton = defineContainer('bds-button', defineBdsButton, [
14
21
  'label',
@@ -24,6 +31,113 @@ export const BdsButton = defineContainer('bds-button', defineBdsButton, [
24
31
  ], [
25
32
  'bdsClick'
26
33
  ]);
34
+ export const BdsCheckbox = defineContainer('bds-checkbox', defineBdsCheckbox, [
35
+ 'name',
36
+ 'disabled',
37
+ 'required',
38
+ 'checked',
39
+ 'indeterminate',
40
+ 'error',
41
+ 'value',
42
+ 'label',
43
+ 'valueChange',
44
+ 'bdsChange'
45
+ ], [
46
+ 'valueChange',
47
+ 'bdsChange'
48
+ ]);
49
+ export const BdsDialog = defineContainer('bds-dialog', defineBdsDialog, [
50
+ 'active',
51
+ 'preventClose',
52
+ 'height',
53
+ 'width',
54
+ 'layout',
55
+ 'contentPadding',
56
+ 'backdropClose',
57
+ 'escapeClose',
58
+ 'size',
59
+ 'variant',
60
+ 'titleDialog',
61
+ 'maximizable',
62
+ 'closable',
63
+ 'bdsOpen',
64
+ 'bdsClose',
65
+ 'bdsMaximize'
66
+ ], [
67
+ 'bdsOpen',
68
+ 'bdsClose',
69
+ 'bdsMaximize'
70
+ ]);
71
+ export const BdsFlag = defineContainer('bds-flag', defineBdsFlag, [
72
+ 'alignFlag',
73
+ 'callSign',
74
+ 'country',
75
+ 'customFlags',
76
+ 'identifier',
77
+ 'label',
78
+ 'shape',
79
+ 'shortName'
80
+ ]);
81
+ export const BdsPopover = defineContainer('bds-popover', defineBdsPopover, [
82
+ 'floatingOptions',
83
+ 'disabled',
84
+ 'width',
85
+ 'header',
86
+ 'footer',
87
+ 'closable'
88
+ ]);
89
+ export const BdsSpinner = defineContainer('bds-spinner', defineBdsSpinner, [
90
+ 'size',
91
+ 'label'
92
+ ]);
93
+ export const BdsTextField = defineContainer('bds-text-field', defineBdsTextField, [
94
+ 'name',
95
+ 'disabled',
96
+ 'required',
97
+ 'value',
98
+ 'error',
99
+ 'errorMessage',
100
+ 'customValidators',
101
+ 'validationTiming',
102
+ 'type',
103
+ 'variant',
104
+ 'placeholder',
105
+ 'readOnly',
106
+ 'autocomplete',
107
+ 'pattern',
108
+ 'minLength',
109
+ 'maxLength',
110
+ 'label',
111
+ 'sublabel',
112
+ 'icon',
113
+ 'helperText',
114
+ 'info',
115
+ 'clearable',
116
+ 'clearOnHover',
117
+ 'charCount',
118
+ 'counter',
119
+ 'customWidth',
120
+ 'valueChange',
121
+ 'bdsInput',
122
+ 'bdsChange',
123
+ 'bdsFocus',
124
+ 'bdsBlur',
125
+ 'bdsClear',
126
+ 'bdsValidationChange'
127
+ ], [
128
+ 'valueChange',
129
+ 'bdsInput',
130
+ 'bdsChange',
131
+ 'bdsFocus',
132
+ 'bdsBlur',
133
+ 'bdsClear',
134
+ 'bdsValidationChange'
135
+ ], 'value', 'valueChange', undefined);
136
+ export const BdsTooltip = defineContainer('bds-tooltip', defineBdsTooltip, [
137
+ 'multiline',
138
+ 'disabled',
139
+ 'floatingOptions'
140
+ ]);
27
141
  export const BdsTypography = defineContainer('bds-typography', defineBdsTypography, [
28
142
  'variant',
29
143
  '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,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"}
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,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AACtH,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAClH,OAAO,EAAE,mBAAmB,IAAI,aAAa,EAAE,MAAM,wDAAwD,CAAC;AAC9G,OAAO,EAAE,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AACpH,OAAO,EAAE,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AACpH,OAAO,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AACzH,OAAO,EAAE,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AACpH,OAAO,EAAE,mBAAmB,IAAI,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AAG1H,MAAM,CAAC,MAAM,SAAS,GAAqD,eAAe,CAAgB,YAAY,EAAE,eAAe,EAAE;IACvI,SAAS;IACT,UAAU;IACV,kBAAkB;IAClB,UAAU;CACX,EAAE;IACD,UAAU;CACX,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,WAAW,GAAuD,eAAe,CAAkB,cAAc,EAAE,iBAAiB,EAAE;IACjJ,MAAM;IACN,UAAU;IACV,UAAU;IACV,SAAS;IACT,eAAe;IACf,OAAO;IACP,OAAO;IACP,OAAO;IACP,aAAa;IACb,WAAW;CACZ,EAAE;IACD,aAAa;IACb,WAAW;CACZ,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,SAAS,GAAqD,eAAe,CAAgB,YAAY,EAAE,eAAe,EAAE;IACvI,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,gBAAgB;IAChB,eAAe;IACf,aAAa;IACb,MAAM;IACN,SAAS;IACT,aAAa;IACb,aAAa;IACb,UAAU;IACV,SAAS;IACT,UAAU;IACV,aAAa;CACd,EAAE;IACD,SAAS;IACT,UAAU;IACV,aAAa;CACd,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,OAAO,GAAmD,eAAe,CAAc,UAAU,EAAE,aAAa,EAAE;IAC7H,WAAW;IACX,UAAU;IACV,SAAS;IACT,aAAa;IACb,YAAY;IACZ,OAAO;IACP,OAAO;IACP,WAAW;CACZ,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,UAAU,GAAsD,eAAe,CAAiB,aAAa,EAAE,gBAAgB,EAAE;IAC5I,iBAAiB;IACjB,UAAU;IACV,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,UAAU;CACX,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,UAAU,GAAsD,eAAe,CAAiB,aAAa,EAAE,gBAAgB,EAAE;IAC5I,MAAM;IACN,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,YAAY,GAAmF,eAAe,CAA8C,gBAAgB,EAAE,kBAAkB,EAAE;IAC7M,MAAM;IACN,UAAU;IACV,UAAU;IACV,OAAO;IACP,OAAO;IACP,cAAc;IACd,kBAAkB;IAClB,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,aAAa;IACb,UAAU;IACV,cAAc;IACd,SAAS;IACT,WAAW;IACX,WAAW;IACX,OAAO;IACP,UAAU;IACV,MAAM;IACN,YAAY;IACZ,MAAM;IACN,WAAW;IACX,cAAc;IACd,WAAW;IACX,SAAS;IACT,aAAa;IACb,aAAa;IACb,UAAU;IACV,WAAW;IACX,UAAU;IACV,SAAS;IACT,UAAU;IACV,qBAAqB;CACtB,EAAE;IACD,aAAa;IACb,UAAU;IACV,WAAW;IACX,UAAU;IACV,SAAS;IACT,UAAU;IACV,qBAAqB;CACtB,EACD,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;AAGnC,MAAM,CAAC,MAAM,UAAU,GAAsD,eAAe,CAAiB,aAAa,EAAE,gBAAgB,EAAE;IAC5I,WAAW;IACX,UAAU;IACV,iBAAiB;CAClB,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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telesign/boreal-vue",
3
- "version": "0.1.0-alpha.1",
3
+ "version": "0.1.0-alpha.2",
4
4
  "description": "Wrapper for VueJS BorealDS",
5
5
  "keywords": [
6
6
  "Boreal",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@stencil/vue-output-target": "^0.13.1",
39
- "@telesign/boreal-web-components": "0.1.0-alpha.2"
39
+ "@telesign/boreal-web-components": "0.1.0-alpha.3"
40
40
  },
41
41
  "publishConfig": {
42
42
  "access": "public"
package/dist/css/theme-bics.css DELETED
@@ -1,209 +0,0 @@
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 DELETED
@@ -1,209 +0,0 @@
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
- }