@telesign/boreal-vue 0.1.0-alpha.4 → 0.1.0-alpha.5

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/dist/components.d.ts +8 -2
  2. package/dist/components.js +108 -2
  3. package/dist/components.js.map +1 -1
  4. package/dist/css/boreal.css +60 -0
  5. package/dist/css/theme-connect.css +15 -0
  6. package/dist/css/theme-engage.css +15 -0
  7. package/dist/css/theme-protect.css +15 -0
  8. package/dist/css/theme-proximus.css +15 -0
  9. package/dist/scss/maps/_theme-connect.scss +16 -1
  10. package/dist/scss/maps/_theme-engage.scss +16 -1
  11. package/dist/scss/maps/_theme-protect.scss +16 -1
  12. package/dist/scss/maps/_theme-proximus.scss +16 -1
  13. package/dist/scss/variables/_theme-connect.scss +16 -1
  14. package/dist/scss/variables/_theme-engage.scss +16 -1
  15. package/dist/scss/variables/_theme-protect.scss +16 -1
  16. package/dist/scss/variables/_theme-proximus.scss +16 -1
  17. package/package.json +2 -2
package/dist/components.d.ts CHANGED
@@ -3,10 +3,14 @@ import type { JSX } from '@telesign/boreal-web-components';
3
3
  export declare const BdsAvatar: StencilVueComponent<JSX.BdsAvatar>;
4
4
  export declare const BdsBadge: StencilVueComponent<JSX.BdsBadge>;
5
5
  export declare const BdsBanner: StencilVueComponent<JSX.BdsBanner>;
6
+ export declare const BdsBreadcrumb: StencilVueComponent<JSX.BdsBreadcrumb>;
7
+ export declare const BdsBreadcrumbItem: StencilVueComponent<JSX.BdsBreadcrumbItem>;
6
8
  export declare const BdsButton: StencilVueComponent<JSX.BdsButton>;
7
9
  export declare const BdsButtonGroup: StencilVueComponent<JSX.BdsButtonGroup>;
8
- export declare const BdsCheckbox: StencilVueComponent<JSX.BdsCheckbox, JSX.BdsCheckbox["value"]>;
9
- export declare const BdsCheckboxCard: StencilVueComponent<JSX.BdsCheckboxCard>;
10
+ export declare const BdsCheckbox: StencilVueComponent<JSX.BdsCheckbox, JSX.BdsCheckbox["checked"]>;
11
+ export declare const BdsCheckboxButton: StencilVueComponent<JSX.BdsCheckboxButton, JSX.BdsCheckboxButton["checked"]>;
12
+ export declare const BdsCheckboxCard: StencilVueComponent<JSX.BdsCheckboxCard, JSX.BdsCheckboxCard["checked"]>;
13
+ export declare const BdsCheckboxGroup: StencilVueComponent<JSX.BdsCheckboxGroup, JSX.BdsCheckboxGroup["value"]>;
10
14
  export declare const BdsDialog: StencilVueComponent<JSX.BdsDialog>;
11
15
  export declare const BdsDivider: StencilVueComponent<JSX.BdsDivider>;
12
16
  export declare const BdsFlag: StencilVueComponent<JSX.BdsFlag>;
@@ -19,6 +23,8 @@ export declare const BdsRadio: StencilVueComponent<JSX.BdsRadio>;
19
23
  export declare const BdsRadioButton: StencilVueComponent<JSX.BdsRadioButton>;
20
24
  export declare const BdsRadioCard: StencilVueComponent<JSX.BdsRadioCard>;
21
25
  export declare const BdsRadioGroup: StencilVueComponent<JSX.BdsRadioGroup, JSX.BdsRadioGroup["value"]>;
26
+ export declare const BdsSelect: StencilVueComponent<JSX.BdsSelect, JSX.BdsSelect["value"]>;
27
+ export declare const BdsSlider: StencilVueComponent<JSX.BdsSlider, JSX.BdsSlider["value"]>;
22
28
  export declare const BdsSpinner: StencilVueComponent<JSX.BdsSpinner>;
23
29
  export declare const BdsStatus: StencilVueComponent<JSX.BdsStatus>;
24
30
  export declare const BdsTag: StencilVueComponent<JSX.BdsTag>;
package/dist/components.js CHANGED
@@ -2,10 +2,14 @@ import { defineContainer } from '@stencil/vue-output-target/runtime';
2
2
  import { defineCustomElement as defineBdsAvatar } from '@telesign/boreal-web-components/components/bds-avatar.js';
3
3
  import { defineCustomElement as defineBdsBadge } from '@telesign/boreal-web-components/components/bds-badge.js';
4
4
  import { defineCustomElement as defineBdsBanner } from '@telesign/boreal-web-components/components/bds-banner.js';
5
+ import { defineCustomElement as defineBdsBreadcrumb } from '@telesign/boreal-web-components/components/bds-breadcrumb.js';
6
+ import { defineCustomElement as defineBdsBreadcrumbItem } from '@telesign/boreal-web-components/components/bds-breadcrumb-item.js';
5
7
  import { defineCustomElement as defineBdsButton } from '@telesign/boreal-web-components/components/bds-button.js';
6
8
  import { defineCustomElement as defineBdsButtonGroup } from '@telesign/boreal-web-components/components/bds-button-group.js';
7
9
  import { defineCustomElement as defineBdsCheckbox } from '@telesign/boreal-web-components/components/bds-checkbox.js';
10
+ import { defineCustomElement as defineBdsCheckboxButton } from '@telesign/boreal-web-components/components/bds-checkbox-button.js';
8
11
  import { defineCustomElement as defineBdsCheckboxCard } from '@telesign/boreal-web-components/components/bds-checkbox-card.js';
12
+ import { defineCustomElement as defineBdsCheckboxGroup } from '@telesign/boreal-web-components/components/bds-checkbox-group.js';
9
13
  import { defineCustomElement as defineBdsDialog } from '@telesign/boreal-web-components/components/bds-dialog.js';
10
14
  import { defineCustomElement as defineBdsDivider } from '@telesign/boreal-web-components/components/bds-divider.js';
11
15
  import { defineCustomElement as defineBdsFlag } from '@telesign/boreal-web-components/components/bds-flag.js';
@@ -18,6 +22,8 @@ import { defineCustomElement as defineBdsRadio } from '@telesign/boreal-web-comp
18
22
  import { defineCustomElement as defineBdsRadioButton } from '@telesign/boreal-web-components/components/bds-radio-button.js';
19
23
  import { defineCustomElement as defineBdsRadioCard } from '@telesign/boreal-web-components/components/bds-radio-card.js';
20
24
  import { defineCustomElement as defineBdsRadioGroup } from '@telesign/boreal-web-components/components/bds-radio-group.js';
25
+ import { defineCustomElement as defineBdsSelect } from '@telesign/boreal-web-components/components/bds-select.js';
26
+ import { defineCustomElement as defineBdsSlider } from '@telesign/boreal-web-components/components/bds-slider.js';
21
27
  import { defineCustomElement as defineBdsSpinner } from '@telesign/boreal-web-components/components/bds-spinner.js';
22
28
  import { defineCustomElement as defineBdsStatus } from '@telesign/boreal-web-components/components/bds-status.js';
23
29
  import { defineCustomElement as defineBdsTag } from '@telesign/boreal-web-components/components/bds-tag.js';
@@ -43,6 +49,33 @@ export const BdsBanner = defineContainer('bds-banner', defineBdsBanner, [
43
49
  ], [
44
50
  'bdsClose'
45
51
  ]);
52
+ export const BdsBreadcrumb = defineContainer('bds-breadcrumb', defineBdsBreadcrumb, [
53
+ 'separator',
54
+ 'maxItems',
55
+ 'itemsBeforeCollapse',
56
+ 'itemsAfterCollapse',
57
+ 'bdsClickCollapsed',
58
+ 'bdsClickBreadcrumb'
59
+ ], [
60
+ 'bdsClickCollapsed',
61
+ 'bdsClickBreadcrumb'
62
+ ]);
63
+ export const BdsBreadcrumbItem = defineContainer('bds-breadcrumb-item', defineBdsBreadcrumbItem, [
64
+ 'active',
65
+ 'router',
66
+ 'collapsed',
67
+ 'showCollapse',
68
+ 'href',
69
+ 'target',
70
+ 'downloadable',
71
+ 'filename',
72
+ 'rel',
73
+ 'bdsClick',
74
+ 'bdsClickCollapse'
75
+ ], [
76
+ 'bdsClick',
77
+ 'bdsClickCollapse'
78
+ ]);
46
79
  export const BdsButton = defineContainer('bds-button', defineBdsButton, [
47
80
  'label',
48
81
  'disabled',
@@ -66,6 +99,7 @@ export const BdsButtonGroup = defineContainer('bds-button-group', defineBdsButto
66
99
  ]);
67
100
  export const BdsCheckbox = defineContainer('bds-checkbox', defineBdsCheckbox, [
68
101
  'name',
102
+ 'info',
69
103
  'disabled',
70
104
  'required',
71
105
  'checked',
@@ -78,7 +112,22 @@ export const BdsCheckbox = defineContainer('bds-checkbox', defineBdsCheckbox, [
78
112
  ], [
79
113
  'valueChange',
80
114
  'bdsChange'
81
- ], 'value', 'valueChange', undefined);
115
+ ], 'checked', 'valueChange', undefined);
116
+ export const BdsCheckboxButton = defineContainer('bds-checkbox-button', defineBdsCheckboxButton, [
117
+ 'name',
118
+ 'disabled',
119
+ 'required',
120
+ 'checked',
121
+ 'error',
122
+ 'value',
123
+ 'label',
124
+ 'info',
125
+ 'valueChange',
126
+ 'bdsChange'
127
+ ], [
128
+ 'valueChange',
129
+ 'bdsChange'
130
+ ], 'checked', 'valueChange', undefined);
82
131
  export const BdsCheckboxCard = defineContainer('bds-checkbox-card', defineBdsCheckboxCard, [
83
132
  'name',
84
133
  'disabled',
@@ -93,7 +142,26 @@ export const BdsCheckboxCard = defineContainer('bds-checkbox-card', defineBdsChe
93
142
  ], [
94
143
  'valueChange',
95
144
  'bdsChange'
96
- ]);
145
+ ], 'checked', 'valueChange', undefined);
146
+ export const BdsCheckboxGroup = defineContainer('bds-checkbox-group', defineBdsCheckboxGroup, [
147
+ 'disabled',
148
+ 'error',
149
+ 'errorMessage',
150
+ 'helperText',
151
+ 'info',
152
+ 'label',
153
+ 'name',
154
+ 'orientation',
155
+ 'required',
156
+ 'type',
157
+ 'value',
158
+ 'joined',
159
+ 'bdsChange',
160
+ 'valueChange'
161
+ ], [
162
+ 'bdsChange',
163
+ 'valueChange'
164
+ ], 'value', 'valueChange', undefined);
97
165
  export const BdsDialog = defineContainer('bds-dialog', defineBdsDialog, [
98
166
  'active',
99
167
  'preventClose',
@@ -147,6 +215,9 @@ export const BdsListMenu = defineContainer('bds-list-menu', defineBdsListMenu, [
147
215
  'selectionMode',
148
216
  'menuRole',
149
217
  'selectControls',
218
+ 'empty',
219
+ 'checkable',
220
+ 'emptyText',
150
221
  'bdsChange',
151
222
  'bdsSelect'
152
223
  ], [
@@ -224,12 +295,44 @@ export const BdsRadioGroup = defineContainer('bds-radio-group', defineBdsRadioGr
224
295
  'required',
225
296
  'type',
226
297
  'value',
298
+ 'joined',
227
299
  'bdsChange',
228
300
  'valueChange'
229
301
  ], [
230
302
  'bdsChange',
231
303
  'valueChange'
232
304
  ], 'value', 'valueChange', undefined);
305
+ export const BdsSelect = defineContainer('bds-select', defineBdsSelect, [
306
+ 'value',
307
+ 'searchable',
308
+ 'name',
309
+ 'bdsChange',
310
+ 'valueChange'
311
+ ], [
312
+ 'bdsChange',
313
+ 'valueChange'
314
+ ], 'value', 'valueChange', undefined);
315
+ export const BdsSlider = defineContainer('bds-slider', defineBdsSlider, [
316
+ 'min',
317
+ 'max',
318
+ 'type',
319
+ 'label',
320
+ 'step',
321
+ 'showLimits',
322
+ 'value',
323
+ 'disabled',
324
+ 'name',
325
+ 'disabledHandlers',
326
+ 'discrete',
327
+ 'tooltip',
328
+ 'bdsChange',
329
+ 'valueChange',
330
+ 'bdsClick'
331
+ ], [
332
+ 'bdsChange',
333
+ 'valueChange',
334
+ 'bdsClick'
335
+ ], 'value', 'valueChange', undefined);
233
336
  export const BdsSpinner = defineContainer('bds-spinner', defineBdsSpinner, [
234
337
  'size',
235
338
  'label'
@@ -278,6 +381,8 @@ export const BdsTextField = defineContainer('bds-text-field', defineBdsTextField
278
381
  'charCount',
279
382
  'counter',
280
383
  'customWidth',
384
+ 'selectable',
385
+ 'iconRight',
281
386
  'valueChange',
282
387
  'bdsInput',
283
388
  'bdsChange',
@@ -321,6 +426,7 @@ export const BdsTypography = defineContainer('bds-typography', defineBdsTypograp
321
426
  'variant',
322
427
  'size',
323
428
  'state',
429
+ 'rel',
324
430
  'customClass',
325
431
  'element',
326
432
  'align',
package/dist/components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"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"}
package/dist/css/boreal.css CHANGED
@@ -507,6 +507,7 @@
507
507
  --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
508
508
  --boreal-white: var(--boreal-color-proximus-neutral-neutral-50);
509
509
  --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
510
+ --boreal-black-rgb: 28, 31, 34;
510
511
  --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
511
512
  --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-50);
512
513
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -683,6 +684,20 @@
683
684
  --boreal-alpha-white-85: #ffffffd9;
684
685
  --boreal-alpha-white-90: #ffffffe6;
685
686
  --boreal-alpha-white-95: #ffffffe6;
687
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
688
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
689
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
690
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
691
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
692
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
693
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
694
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
695
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
696
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
697
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
698
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
699
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
700
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
686
701
  }
687
702
 
688
703
  [data-theme="engage"] {
@@ -734,6 +749,7 @@
734
749
  --boreal-information-lighter: var(--boreal-color-engage-blue-blue-5);
735
750
  --boreal-white: var(--boreal-color-engage-ink-ink-0);
736
751
  --boreal-black: var(--boreal-color-engage-ink-ink-90);
752
+ --boreal-black-rgb: 19, 19, 22;
737
753
  --boreal-focus: var(--boreal-color-engage-blue-blue-20);
738
754
  --boreal-user-base: var(--boreal-color-engage-green-green-40);
739
755
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -910,6 +926,20 @@
910
926
  --boreal-alpha-white-85: #ffffffd9;
911
927
  --boreal-alpha-white-90: #ffffffe6;
912
928
  --boreal-alpha-white-95: #ffffffe6;
929
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
930
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
931
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
932
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
933
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
934
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
935
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
936
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
937
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
938
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
939
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
940
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
941
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
942
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
913
943
  }
914
944
 
915
945
  [data-theme="protect"] {
@@ -961,6 +991,7 @@
961
991
  --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
962
992
  --boreal-white: var(--boreal-color-protect-onyx-onyx-5);
963
993
  --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
994
+ --boreal-black-rgb: 14, 14, 44;
964
995
  --boreal-focus: var(--boreal-color-protect-cobalt-cobalt-400);
965
996
  --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
966
997
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -1137,6 +1168,20 @@
1137
1168
  --boreal-alpha-white-85: #ffffffd9;
1138
1169
  --boreal-alpha-white-90: #ffffffe6;
1139
1170
  --boreal-alpha-white-95: #ffffffe6;
1171
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1172
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1173
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1174
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1175
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1176
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1177
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1178
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1179
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1180
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1181
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1182
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
1183
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1184
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
1140
1185
  }
1141
1186
 
1142
1187
  [data-theme="connect"] {
@@ -1188,6 +1233,7 @@
1188
1233
  --boreal-information-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
1189
1234
  --boreal-white: var(--boreal-color-connect-black-black-8);
1190
1235
  --boreal-black: var(--boreal-color-connect-black-black-1);
1236
+ --boreal-black-rgb: 26, 26, 26;
1191
1237
  --boreal-focus: var(--boreal-color-connect-cobalt-cobalt-4);
1192
1238
  --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
1193
1239
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -1364,6 +1410,20 @@
1364
1410
  --boreal-alpha-white-85: #ffffffd9;
1365
1411
  --boreal-alpha-white-90: #ffffffe6;
1366
1412
  --boreal-alpha-white-95: #ffffffe6;
1413
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1414
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1415
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1416
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
1417
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1418
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
1419
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1420
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
1421
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1422
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
1423
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1424
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
1425
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
1426
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
1367
1427
  }
1368
1428
 
1369
1429
  /* _fonts.scss */
package/dist/css/theme-connect.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
48
48
  --boreal-white: var(--boreal-color-connect-black-black-8);
49
49
  --boreal-black: var(--boreal-color-connect-black-black-1);
50
+ --boreal-black-rgb: 26, 26, 26;
50
51
  --boreal-focus: var(--boreal-color-connect-cobalt-cobalt-4);
51
52
  --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/css/theme-engage.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-engage-blue-blue-5);
48
48
  --boreal-white: var(--boreal-color-engage-ink-ink-0);
49
49
  --boreal-black: var(--boreal-color-engage-ink-ink-90);
50
+ --boreal-black-rgb: 19, 19, 22;
50
51
  --boreal-focus: var(--boreal-color-engage-blue-blue-20);
51
52
  --boreal-user-base: var(--boreal-color-engage-green-green-40);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/css/theme-protect.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
48
48
  --boreal-white: var(--boreal-color-protect-onyx-onyx-5);
49
49
  --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
50
+ --boreal-black-rgb: 14, 14, 44;
50
51
  --boreal-focus: var(--boreal-color-protect-cobalt-cobalt-400);
51
52
  --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/css/theme-proximus.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
48
48
  --boreal-white: var(--boreal-color-proximus-neutral-neutral-50);
49
49
  --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
50
+ --boreal-black-rgb: 28, 31, 34;
50
51
  --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
51
52
  --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-50);
52
53
  --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
223
224
  --boreal-alpha-white-85: #ffffffd9;
224
225
  --boreal-alpha-white-90: #ffffffe6;
225
226
  --boreal-alpha-white-95: #ffffffe6;
227
+ --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
228
+ --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
229
+ --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
230
+ --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
231
+ --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
232
+ --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
233
+ --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
234
+ --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
235
+ --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
236
+ --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
237
+ --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
238
+ --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
239
+ --boreal-depth-box-shadow-active: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus), inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
240
+ --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
226
241
  }
package/dist/scss/maps/_theme-connect.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-connect: (
47
47
  'information-lighter': $boreal-color-protect-cobalt-cobalt-50,
48
48
  'white': $boreal-color-connect-black-black-8,
49
49
  'black': $boreal-color-connect-black-black-1,
50
+ 'black-rgb': 26, 26, 26,
50
51
  'focus': $boreal-color-connect-cobalt-cobalt-4,
51
52
  'user-base': $boreal-color-connect-petrol-petrol-3,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-connect: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/scss/maps/_theme-engage.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-engage: (
47
47
  'information-lighter': $boreal-color-engage-blue-blue-5,
48
48
  'white': $boreal-color-engage-ink-ink-0,
49
49
  'black': $boreal-color-engage-ink-ink-90,
50
+ 'black-rgb': 19, 19, 22,
50
51
  'focus': $boreal-color-engage-blue-blue-20,
51
52
  'user-base': $boreal-color-engage-green-green-40,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-engage: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/scss/maps/_theme-protect.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-protect: (
47
47
  'information-lighter': $boreal-color-protect-cyan-cyan-50,
48
48
  'white': $boreal-color-protect-onyx-onyx-5,
49
49
  'black': $boreal-color-protect-onyx-onyx-900,
50
+ 'black-rgb': 14, 14, 44,
50
51
  'focus': $boreal-color-protect-cobalt-cobalt-400,
51
52
  'user-base': $boreal-color-protect-indigo-indigo-400,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-protect: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/scss/maps/_theme-proximus.scss CHANGED
@@ -47,6 +47,7 @@ $boreal-theme-proximus: (
47
47
  'information-lighter': $boreal-color-proximus-cobalt-cobalt-50,
48
48
  'white': $boreal-color-proximus-neutral-neutral-50,
49
49
  'black': $boreal-color-proximus-onyx-onyx-900,
50
+ 'black-rgb': 28, 31, 34,
50
51
  'focus': $boreal-color-proximus-cobalt-cobalt-200,
51
52
  'user-base': $boreal-color-proximus-cobalt-cobalt-50,
52
53
  'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-proximus: (
222
223
  'alpha-white-80': #ffffffcc,
223
224
  'alpha-white-85': #ffffffd9,
224
225
  'alpha-white-90': #ffffffe6,
225
- 'alpha-white-95': #ffffffe6
226
+ 'alpha-white-95': #ffffffe6,
227
+ 'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
228
+ 'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
229
+ 'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
230
+ 'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
231
+ 'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
232
+ 'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
233
+ 'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
234
+ 'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
235
+ 'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
236
+ 'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
237
+ 'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
238
+ 'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
239
+ 'depth-box-shadow-active': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
240
+ 'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
226
241
  );
package/dist/scss/variables/_theme-connect.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cobalt-cobalt-100;
46
46
  $boreal-information-lighter: $boreal-color-protect-cobalt-cobalt-50;
47
47
  $boreal-white: $boreal-color-connect-black-black-8;
48
48
  $boreal-black: $boreal-color-connect-black-black-1;
49
+ $boreal-black-rgb: 26, 26, 26;
49
50
  $boreal-focus: $boreal-color-connect-cobalt-cobalt-4;
50
51
  $boreal-user-base: $boreal-color-connect-petrol-petrol-3;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/dist/scss/variables/_theme-engage.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-engage-blue-blue-20;
46
46
  $boreal-information-lighter: $boreal-color-engage-blue-blue-5;
47
47
  $boreal-white: $boreal-color-engage-ink-ink-0;
48
48
  $boreal-black: $boreal-color-engage-ink-ink-90;
49
+ $boreal-black-rgb: 19, 19, 22;
49
50
  $boreal-focus: $boreal-color-engage-blue-blue-20;
50
51
  $boreal-user-base: $boreal-color-engage-green-green-40;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/dist/scss/variables/_theme-protect.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cyan-cyan-200;
46
46
  $boreal-information-lighter: $boreal-color-protect-cyan-cyan-50;
47
47
  $boreal-white: $boreal-color-protect-onyx-onyx-5;
48
48
  $boreal-black: $boreal-color-protect-onyx-onyx-900;
49
+ $boreal-black-rgb: 14, 14, 44;
49
50
  $boreal-focus: $boreal-color-protect-cobalt-cobalt-400;
50
51
  $boreal-user-base: $boreal-color-protect-indigo-indigo-400;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/dist/scss/variables/_theme-proximus.scss CHANGED
@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
46
46
  $boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-50;
47
47
  $boreal-white: $boreal-color-proximus-neutral-neutral-50;
48
48
  $boreal-black: $boreal-color-proximus-onyx-onyx-900;
49
+ $boreal-black-rgb: 28, 31, 34;
49
50
  $boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
50
51
  $boreal-user-base: $boreal-color-proximus-cobalt-cobalt-50;
51
52
  $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
221
222
  $boreal-alpha-white-80: #ffffffcc;
222
223
  $boreal-alpha-white-85: #ffffffd9;
223
224
  $boreal-alpha-white-90: #ffffffe6;
224
- $boreal-alpha-white-95: #ffffffe6;
225
+ $boreal-alpha-white-95: #ffffffe6;
226
+ $boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
227
+ $boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
228
+ $boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
229
+ $boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
230
+ $boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
231
+ $boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
232
+ $boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
233
+ $boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
234
+ $boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
235
+ $boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
236
+ $boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
237
+ $boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
238
+ $boreal-depth-box-shadow-active: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus, inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
239
+ $boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telesign/boreal-vue",
3
- "version": "0.1.0-alpha.4",
3
+ "version": "0.1.0-alpha.5",
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.5"
39
+ "@telesign/boreal-web-components": "0.1.0-alpha.6"
40
40
  },
41
41
  "publishConfig": {
42
42
  "access": "public"