@telesign/boreal-vue 0.1.0-alpha.3 → 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 +13 -1
  2. package/dist/components.js +195 -5
  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,8 +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
- export declare const BdsCheckbox: StencilVueComponent<JSX.BdsCheckbox, JSX.BdsCheckbox["value"]>;
9
+ export declare const BdsButtonGroup: StencilVueComponent<JSX.BdsButtonGroup>;
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"]>;
8
14
  export declare const BdsDialog: StencilVueComponent<JSX.BdsDialog>;
9
15
  export declare const BdsDivider: StencilVueComponent<JSX.BdsDivider>;
10
16
  export declare const BdsFlag: StencilVueComponent<JSX.BdsFlag>;
@@ -13,6 +19,12 @@ export declare const BdsGridItem: StencilVueComponent<JSX.BdsGridItem>;
13
19
  export declare const BdsListMenu: StencilVueComponent<JSX.BdsListMenu>;
14
20
  export declare const BdsListMenuItem: StencilVueComponent<JSX.BdsListMenuItem>;
15
21
  export declare const BdsPopover: StencilVueComponent<JSX.BdsPopover>;
22
+ export declare const BdsRadio: StencilVueComponent<JSX.BdsRadio>;
23
+ export declare const BdsRadioButton: StencilVueComponent<JSX.BdsRadioButton>;
24
+ export declare const BdsRadioCard: StencilVueComponent<JSX.BdsRadioCard>;
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"]>;
16
28
  export declare const BdsSpinner: StencilVueComponent<JSX.BdsSpinner>;
17
29
  export declare const BdsStatus: StencilVueComponent<JSX.BdsStatus>;
18
30
  export declare const BdsTag: StencilVueComponent<JSX.BdsTag>;
package/dist/components.js CHANGED
@@ -2,8 +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';
8
+ import { defineCustomElement as defineBdsButtonGroup } from '@telesign/boreal-web-components/components/bds-button-group.js';
6
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';
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';
7
13
  import { defineCustomElement as defineBdsDialog } from '@telesign/boreal-web-components/components/bds-dialog.js';
8
14
  import { defineCustomElement as defineBdsDivider } from '@telesign/boreal-web-components/components/bds-divider.js';
9
15
  import { defineCustomElement as defineBdsFlag } from '@telesign/boreal-web-components/components/bds-flag.js';
@@ -12,6 +18,12 @@ import { defineCustomElement as defineBdsGridItem } from '@telesign/boreal-web-c
12
18
  import { defineCustomElement as defineBdsListMenu } from '@telesign/boreal-web-components/components/bds-list-menu.js';
13
19
  import { defineCustomElement as defineBdsListMenuItem } from '@telesign/boreal-web-components/components/bds-list-menu-item.js';
14
20
  import { defineCustomElement as defineBdsPopover } from '@telesign/boreal-web-components/components/bds-popover.js';
21
+ import { defineCustomElement as defineBdsRadio } from '@telesign/boreal-web-components/components/bds-radio.js';
22
+ import { defineCustomElement as defineBdsRadioButton } from '@telesign/boreal-web-components/components/bds-radio-button.js';
23
+ import { defineCustomElement as defineBdsRadioCard } from '@telesign/boreal-web-components/components/bds-radio-card.js';
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';
15
27
  import { defineCustomElement as defineBdsSpinner } from '@telesign/boreal-web-components/components/bds-spinner.js';
16
28
  import { defineCustomElement as defineBdsStatus } from '@telesign/boreal-web-components/components/bds-status.js';
17
29
  import { defineCustomElement as defineBdsTag } from '@telesign/boreal-web-components/components/bds-tag.js';
@@ -37,6 +49,33 @@ export const BdsBanner = defineContainer('bds-banner', defineBdsBanner, [
37
49
  ], [
38
50
  'bdsClose'
39
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
+ ]);
40
79
  export const BdsButton = defineContainer('bds-button', defineBdsButton, [
41
80
  'label',
42
81
  'disabled',
@@ -51,8 +90,16 @@ export const BdsButton = defineContainer('bds-button', defineBdsButton, [
51
90
  ], [
52
91
  'bdsClick'
53
92
  ]);
93
+ export const BdsButtonGroup = defineContainer('bds-button-group', defineBdsButtonGroup, [
94
+ 'size',
95
+ 'orientation',
96
+ 'label',
97
+ 'color',
98
+ 'variant'
99
+ ]);
54
100
  export const BdsCheckbox = defineContainer('bds-checkbox', defineBdsCheckbox, [
55
101
  'name',
102
+ 'info',
56
103
  'disabled',
57
104
  'required',
58
105
  'checked',
@@ -65,6 +112,55 @@ export const BdsCheckbox = defineContainer('bds-checkbox', defineBdsCheckbox, [
65
112
  ], [
66
113
  'valueChange',
67
114
  'bdsChange'
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);
131
+ export const BdsCheckboxCard = defineContainer('bds-checkbox-card', defineBdsCheckboxCard, [
132
+ 'name',
133
+ 'disabled',
134
+ 'required',
135
+ 'value',
136
+ 'label',
137
+ 'checked',
138
+ 'indeterminate',
139
+ 'error',
140
+ 'valueChange',
141
+ 'bdsChange'
142
+ ], [
143
+ 'valueChange',
144
+ 'bdsChange'
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'
68
164
  ], 'value', 'valueChange', undefined);
69
165
  export const BdsDialog = defineContainer('bds-dialog', defineBdsDialog, [
70
166
  'active',
@@ -116,13 +212,17 @@ export const BdsGridItem = defineContainer('bds-grid-item', defineBdsGridItem, [
116
212
  'offset'
117
213
  ]);
118
214
  export const BdsListMenu = defineContainer('bds-list-menu', defineBdsListMenu, [
119
- 'multiple',
215
+ 'selectionMode',
120
216
  'menuRole',
217
+ 'selectControls',
218
+ 'empty',
219
+ 'checkable',
220
+ 'emptyText',
121
221
  'bdsChange',
122
- 'bdsClicked'
222
+ 'bdsSelect'
123
223
  ], [
124
224
  'bdsChange',
125
- 'bdsClicked'
225
+ 'bdsSelect'
126
226
  ]);
127
227
  export const BdsListMenuItem = defineContainer('bds-list-menu-item', defineBdsListMenuItem, [
128
228
  'variant',
@@ -130,13 +230,14 @@ export const BdsListMenuItem = defineContainer('bds-list-menu-item', defineBdsLi
130
230
  'disabled',
131
231
  'selected',
132
232
  'value',
233
+ 'checkable',
133
234
  'activeItem',
134
235
  'href',
135
236
  'newTab',
136
237
  'download',
137
- 'bdsSelect'
238
+ 'bdsSelectItem'
138
239
  ], [
139
- 'bdsSelect'
240
+ 'bdsSelectItem'
140
241
  ]);
141
242
  export const BdsPopover = defineContainer('bds-popover', defineBdsPopover, [
142
243
  'floatingOptions',
@@ -146,6 +247,92 @@ export const BdsPopover = defineContainer('bds-popover', defineBdsPopover, [
146
247
  'footer',
147
248
  'closable'
148
249
  ]);
250
+ export const BdsRadio = defineContainer('bds-radio', defineBdsRadio, [
251
+ 'checked',
252
+ 'disabled',
253
+ 'value',
254
+ 'name',
255
+ 'label',
256
+ 'error',
257
+ 'info',
258
+ 'bdsChange'
259
+ ], [
260
+ 'bdsChange'
261
+ ]);
262
+ export const BdsRadioButton = defineContainer('bds-radio-button', defineBdsRadioButton, [
263
+ 'checked',
264
+ 'disabled',
265
+ 'error',
266
+ 'value',
267
+ 'name',
268
+ 'label',
269
+ 'info',
270
+ 'bdsChange'
271
+ ], [
272
+ 'bdsChange'
273
+ ]);
274
+ export const BdsRadioCard = defineContainer('bds-radio-card', defineBdsRadioCard, [
275
+ 'value',
276
+ 'info',
277
+ 'name',
278
+ 'label',
279
+ 'checked',
280
+ 'disabled',
281
+ 'error',
282
+ 'bdsChange'
283
+ ], [
284
+ 'bdsChange'
285
+ ]);
286
+ export const BdsRadioGroup = defineContainer('bds-radio-group', defineBdsRadioGroup, [
287
+ 'disabled',
288
+ 'error',
289
+ 'errorMessage',
290
+ 'helperText',
291
+ 'info',
292
+ 'label',
293
+ 'name',
294
+ 'orientation',
295
+ 'required',
296
+ 'type',
297
+ 'value',
298
+ 'joined',
299
+ 'bdsChange',
300
+ 'valueChange'
301
+ ], [
302
+ 'bdsChange',
303
+ 'valueChange'
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);
149
336
  export const BdsSpinner = defineContainer('bds-spinner', defineBdsSpinner, [
150
337
  'size',
151
338
  'label'
@@ -194,6 +381,8 @@ export const BdsTextField = defineContainer('bds-text-field', defineBdsTextField
194
381
  'charCount',
195
382
  'counter',
196
383
  'customWidth',
384
+ 'selectable',
385
+ 'iconRight',
197
386
  'valueChange',
198
387
  'bdsInput',
199
388
  'bdsChange',
@@ -237,6 +426,7 @@ export const BdsTypography = defineContainer('bds-typography', defineBdsTypograp
237
426
  'variant',
238
427
  'size',
239
428
  'state',
429
+ 'rel',
240
430
  'customClass',
241
431
  'element',
242
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.3",
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.4"
39
+ "@telesign/boreal-web-components": "0.1.0-alpha.6"
40
40
  },
41
41
  "publishConfig": {
42
42
  "access": "public"