@telesign/boreal-react 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/components/components.d.ts

@@ -1,11 +1,15 @@
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type BdsBannerCustomEvent, type BdsButtonCustomEvent, type BdsCheckboxCardCustomEvent, type BdsCheckboxCustomEvent, type BdsDialogCustomEvent, type BdsListMenuCustomEvent, type BdsListMenuItemCustomEvent, type BdsRadioButtonCustomEvent, type BdsRadioCardCustomEvent, type BdsRadioCustomEvent, type BdsRadioGroupCustomEvent, type BdsTagCustomEvent, type BdsTextFieldCustomEvent, type BdsToggleCustomEvent, type CheckboxChangeDetail, type IListMenuItemEvent, type IToggleEventChange, type ListMenuChangeDetail, type RadioButtonChangeDetail, type RadioCardChangeDetail, type RadioChangeDetail, type RadioGroupChangeDetail, type TagEventPayload } from "@telesign/boreal-web-components";
+import { type BdsBannerCustomEvent, type BdsBreadcrumbCustomEvent, type BdsBreadcrumbItemCustomEvent, type BdsButtonCustomEvent, type BdsCheckboxButtonCustomEvent, type BdsCheckboxCardCustomEvent, type BdsCheckboxCustomEvent, type BdsCheckboxGroupCustomEvent, type BdsClickBreadcrumbEvent, type BdsClickCollapseEvent, type BdsClickCollapsedEvent, type BdsClickItemEvent, type BdsDialogCustomEvent, type BdsListMenuCustomEvent, type BdsListMenuItemCustomEvent, type BdsRadioButtonCustomEvent, type BdsRadioCardCustomEvent, type BdsRadioCustomEvent, type BdsRadioGroupCustomEvent, type BdsSelectCustomEvent, type BdsSliderCustomEvent, type BdsTagCustomEvent, type BdsTextFieldCustomEvent, type BdsToggleCustomEvent, type CheckboxButtonChangeDetail, type CheckboxChangeDetail, type CheckboxGroupChangeDetail, type IListMenuItemEvent, type IToggleEventChange, type ListMenuChangeDetail, type RadioButtonChangeDetail, type RadioCardChangeDetail, type RadioChangeDetail, type RadioGroupChangeDetail, type SliderChangeDetail, type TagEventPayload } from "@telesign/boreal-web-components";
 import { BdsAvatar as BdsAvatarElement } from "@telesign/boreal-web-components/components/bds-avatar.js";
 import { BdsBadge as BdsBadgeElement } from "@telesign/boreal-web-components/components/bds-badge.js";
 import { BdsBanner as BdsBannerElement } from "@telesign/boreal-web-components/components/bds-banner.js";
+import { BdsBreadcrumbItem as BdsBreadcrumbItemElement } from "@telesign/boreal-web-components/components/bds-breadcrumb-item.js";
+import { BdsBreadcrumb as BdsBreadcrumbElement } from "@telesign/boreal-web-components/components/bds-breadcrumb.js";
 import { BdsButtonGroup as BdsButtonGroupElement } from "@telesign/boreal-web-components/components/bds-button-group.js";
 import { BdsButton as BdsButtonElement } from "@telesign/boreal-web-components/components/bds-button.js";
+import { BdsCheckboxButton as BdsCheckboxButtonElement } from "@telesign/boreal-web-components/components/bds-checkbox-button.js";
 import { BdsCheckboxCard as BdsCheckboxCardElement } from "@telesign/boreal-web-components/components/bds-checkbox-card.js";
+import { BdsCheckboxGroup as BdsCheckboxGroupElement } from "@telesign/boreal-web-components/components/bds-checkbox-group.js";
 import { BdsCheckbox as BdsCheckboxElement } from "@telesign/boreal-web-components/components/bds-checkbox.js";
 import { BdsDialog as BdsDialogElement } from "@telesign/boreal-web-components/components/bds-dialog.js";
 import { BdsDivider as BdsDividerElement } from "@telesign/boreal-web-components/components/bds-divider.js";
@@ -19,6 +23,8 @@ import { BdsRadioButton as BdsRadioButtonElement } from "@telesign/boreal-web-co
 import { BdsRadioCard as BdsRadioCardElement } from "@telesign/boreal-web-components/components/bds-radio-card.js";
 import { BdsRadioGroup as BdsRadioGroupElement } from "@telesign/boreal-web-components/components/bds-radio-group.js";
 import { BdsRadio as BdsRadioElement } from "@telesign/boreal-web-components/components/bds-radio.js";
+import { BdsSelect as BdsSelectElement } from "@telesign/boreal-web-components/components/bds-select.js";
+import { BdsSlider as BdsSliderElement } from "@telesign/boreal-web-components/components/bds-slider.js";
 import { BdsSpinner as BdsSpinnerElement } from "@telesign/boreal-web-components/components/bds-spinner.js";
 import { BdsStatus as BdsStatusElement } from "@telesign/boreal-web-components/components/bds-status.js";
 import { BdsTag as BdsTagElement } from "@telesign/boreal-web-components/components/bds-tag.js";
@@ -34,6 +40,16 @@ export type BdsBannerEvents = {
     onBdsClose: EventName<BdsBannerCustomEvent<void>>;
 };
 export declare const BdsBanner: StencilReactComponent<BdsBannerElement, BdsBannerEvents>;
+export type BdsBreadcrumbEvents = {
+    onBdsClickCollapsed: EventName<BdsBreadcrumbCustomEvent<BdsClickCollapsedEvent>>;
+    onBdsClickBreadcrumb: EventName<BdsBreadcrumbCustomEvent<BdsClickBreadcrumbEvent>>;
+};
+export declare const BdsBreadcrumb: StencilReactComponent<BdsBreadcrumbElement, BdsBreadcrumbEvents>;
+export type BdsBreadcrumbItemEvents = {
+    onBdsClick: EventName<BdsBreadcrumbItemCustomEvent<BdsClickItemEvent>>;
+    onBdsClickCollapse: EventName<BdsBreadcrumbItemCustomEvent<BdsClickCollapseEvent>>;
+};
+export declare const BdsBreadcrumbItem: StencilReactComponent<BdsBreadcrumbItemElement, BdsBreadcrumbItemEvents>;
 export type BdsButtonEvents = {
     onBdsClick: EventName<BdsButtonCustomEvent<UIEvent>>;
 };
@@ -45,11 +61,21 @@ export type BdsCheckboxEvents = {
     onBdsChange: EventName<BdsCheckboxCustomEvent<CheckboxChangeDetail>>;
 };
 export declare const BdsCheckbox: StencilReactComponent<BdsCheckboxElement, BdsCheckboxEvents>;
+export type BdsCheckboxButtonEvents = {
+    onValueChange: EventName<BdsCheckboxButtonCustomEvent<boolean>>;
+    onBdsChange: EventName<BdsCheckboxButtonCustomEvent<CheckboxButtonChangeDetail>>;
+};
+export declare const BdsCheckboxButton: StencilReactComponent<BdsCheckboxButtonElement, BdsCheckboxButtonEvents>;
 export type BdsCheckboxCardEvents = {
     onValueChange: EventName<BdsCheckboxCardCustomEvent<any>>;
     onBdsChange: EventName<BdsCheckboxCardCustomEvent<any>>;
 };
 export declare const BdsCheckboxCard: StencilReactComponent<BdsCheckboxCardElement, BdsCheckboxCardEvents>;
+export type BdsCheckboxGroupEvents = {
+    onBdsChange: EventName<BdsCheckboxGroupCustomEvent<CheckboxGroupChangeDetail>>;
+    onValueChange: EventName<BdsCheckboxGroupCustomEvent<string[]>>;
+};
+export declare const BdsCheckboxGroup: StencilReactComponent<BdsCheckboxGroupElement, BdsCheckboxGroupEvents>;
 export type BdsDialogEvents = {
     onBdsOpen: EventName<BdsDialogCustomEvent<void>>;
     onBdsClose: EventName<BdsDialogCustomEvent<void>>;
@@ -92,6 +118,20 @@ export type BdsRadioGroupEvents = {
     onValueChange: EventName<BdsRadioGroupCustomEvent<string>>;
 };
 export declare const BdsRadioGroup: StencilReactComponent<BdsRadioGroupElement, BdsRadioGroupEvents>;
+export type BdsSelectEvents = {
+    onBdsChange: EventName<BdsSelectCustomEvent<string>>;
+    onValueChange: EventName<BdsSelectCustomEvent<string>>;
+};
+export declare const BdsSelect: StencilReactComponent<BdsSelectElement, BdsSelectEvents>;
+export type BdsSliderEvents = {
+    onBdsChange: EventName<BdsSliderCustomEvent<SliderChangeDetail>>;
+    onValueChange: EventName<BdsSliderCustomEvent<number[]>>;
+    onBdsClick: EventName<BdsSliderCustomEvent<{
+        target: HTMLElement;
+        value: number[];
+    }>>;
+};
+export declare const BdsSlider: StencilReactComponent<BdsSliderElement, BdsSliderEvents>;
 export type BdsSpinnerEvents = NonNullable<unknown>;
 export declare const BdsSpinner: StencilReactComponent<BdsSpinnerElement, BdsSpinnerEvents>;
 export type BdsStatusEvents = NonNullable<unknown>;

package/dist/components/components.js

@@ -3,9 +3,13 @@ import { createComponent } from '@stencil/react-output-target/runtime';
 import { BdsAvatar as BdsAvatarElement, defineCustomElement as defineBdsAvatar } from "@telesign/boreal-web-components/components/bds-avatar.js";
 import { BdsBadge as BdsBadgeElement, defineCustomElement as defineBdsBadge } from "@telesign/boreal-web-components/components/bds-badge.js";
 import { BdsBanner as BdsBannerElement, defineCustomElement as defineBdsBanner } from "@telesign/boreal-web-components/components/bds-banner.js";
+import { BdsBreadcrumbItem as BdsBreadcrumbItemElement, defineCustomElement as defineBdsBreadcrumbItem } from "@telesign/boreal-web-components/components/bds-breadcrumb-item.js";
+import { BdsBreadcrumb as BdsBreadcrumbElement, defineCustomElement as defineBdsBreadcrumb } from "@telesign/boreal-web-components/components/bds-breadcrumb.js";
 import { BdsButtonGroup as BdsButtonGroupElement, defineCustomElement as defineBdsButtonGroup } from "@telesign/boreal-web-components/components/bds-button-group.js";
 import { BdsButton as BdsButtonElement, defineCustomElement as defineBdsButton } from "@telesign/boreal-web-components/components/bds-button.js";
+import { BdsCheckboxButton as BdsCheckboxButtonElement, defineCustomElement as defineBdsCheckboxButton } from "@telesign/boreal-web-components/components/bds-checkbox-button.js";
 import { BdsCheckboxCard as BdsCheckboxCardElement, defineCustomElement as defineBdsCheckboxCard } from "@telesign/boreal-web-components/components/bds-checkbox-card.js";
+import { BdsCheckboxGroup as BdsCheckboxGroupElement, defineCustomElement as defineBdsCheckboxGroup } from "@telesign/boreal-web-components/components/bds-checkbox-group.js";
 import { BdsCheckbox as BdsCheckboxElement, defineCustomElement as defineBdsCheckbox } from "@telesign/boreal-web-components/components/bds-checkbox.js";
 import { BdsDialog as BdsDialogElement, defineCustomElement as defineBdsDialog } from "@telesign/boreal-web-components/components/bds-dialog.js";
 import { BdsDivider as BdsDividerElement, defineCustomElement as defineBdsDivider } from "@telesign/boreal-web-components/components/bds-divider.js";
@@ -19,6 +23,8 @@ import { BdsRadioButton as BdsRadioButtonElement, defineCustomElement as defineB
 import { BdsRadioCard as BdsRadioCardElement, defineCustomElement as defineBdsRadioCard } from "@telesign/boreal-web-components/components/bds-radio-card.js";
 import { BdsRadioGroup as BdsRadioGroupElement, defineCustomElement as defineBdsRadioGroup } from "@telesign/boreal-web-components/components/bds-radio-group.js";
 import { BdsRadio as BdsRadioElement, defineCustomElement as defineBdsRadio } from "@telesign/boreal-web-components/components/bds-radio.js";
+import { BdsSelect as BdsSelectElement, defineCustomElement as defineBdsSelect } from "@telesign/boreal-web-components/components/bds-select.js";
+import { BdsSlider as BdsSliderElement, defineCustomElement as defineBdsSlider } from "@telesign/boreal-web-components/components/bds-slider.js";
 import { BdsSpinner as BdsSpinnerElement, defineCustomElement as defineBdsSpinner } from "@telesign/boreal-web-components/components/bds-spinner.js";
 import { BdsStatus as BdsStatusElement, defineCustomElement as defineBdsStatus } from "@telesign/boreal-web-components/components/bds-status.js";
 import { BdsTag as BdsTagElement, defineCustomElement as defineBdsTag } from "@telesign/boreal-web-components/components/bds-tag.js";
@@ -48,6 +54,26 @@ export const BdsBanner = createComponent({
     events: { onBdsClose: 'bdsClose' },
     defineCustomElement: defineBdsBanner
 });
+export const BdsBreadcrumb = createComponent({
+    tagName: 'bds-breadcrumb',
+    elementClass: BdsBreadcrumbElement,
+    react: React,
+    events: {
+        onBdsClickCollapsed: 'bdsClickCollapsed',
+        onBdsClickBreadcrumb: 'bdsClickBreadcrumb'
+    },
+    defineCustomElement: defineBdsBreadcrumb
+});
+export const BdsBreadcrumbItem = createComponent({
+    tagName: 'bds-breadcrumb-item',
+    elementClass: BdsBreadcrumbItemElement,
+    react: React,
+    events: {
+        onBdsClick: 'bdsClick',
+        onBdsClickCollapse: 'bdsClickCollapse'
+    },
+    defineCustomElement: defineBdsBreadcrumbItem
+});
 export const BdsButton = createComponent({
     tagName: 'bds-button',
     elementClass: BdsButtonElement,
@@ -72,6 +98,16 @@ export const BdsCheckbox = createComponent({
     },
     defineCustomElement: defineBdsCheckbox
 });
+export const BdsCheckboxButton = createComponent({
+    tagName: 'bds-checkbox-button',
+    elementClass: BdsCheckboxButtonElement,
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onBdsChange: 'bdsChange'
+    },
+    defineCustomElement: defineBdsCheckboxButton
+});
 export const BdsCheckboxCard = createComponent({
     tagName: 'bds-checkbox-card',
     elementClass: BdsCheckboxCardElement,
@@ -82,6 +118,16 @@ export const BdsCheckboxCard = createComponent({
     },
     defineCustomElement: defineBdsCheckboxCard
 });
+export const BdsCheckboxGroup = createComponent({
+    tagName: 'bds-checkbox-group',
+    elementClass: BdsCheckboxGroupElement,
+    react: React,
+    events: {
+        onBdsChange: 'bdsChange',
+        onValueChange: 'valueChange'
+    },
+    defineCustomElement: defineBdsCheckboxGroup
+});
 export const BdsDialog = createComponent({
     tagName: 'bds-dialog',
     elementClass: BdsDialogElement,
@@ -176,6 +222,27 @@ export const BdsRadioGroup = createComponent({
     },
     defineCustomElement: defineBdsRadioGroup
 });
+export const BdsSelect = createComponent({
+    tagName: 'bds-select',
+    elementClass: BdsSelectElement,
+    react: React,
+    events: {
+        onBdsChange: 'bdsChange',
+        onValueChange: 'valueChange'
+    },
+    defineCustomElement: defineBdsSelect
+});
+export const BdsSlider = createComponent({
+    tagName: 'bds-slider',
+    elementClass: BdsSliderElement,
+    react: React,
+    events: {
+        onBdsChange: 'bdsChange',
+        onValueChange: 'valueChange',
+        onBdsClick: 'bdsClick'
+    },
+    defineCustomElement: defineBdsSlider
+});
 export const BdsSpinner = createComponent({
     tagName: 'bds-spinner',
     elementClass: BdsSpinnerElement,

package/dist/components/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../lib/components/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../lib/components/components.ts"],"names":[],"mappings":"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"}

package/dist/css/boreal.css

@@ -507,6 +507,7 @@
   --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
   --boreal-white: var(--boreal-color-proximus-neutral-neutral-50);
   --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
+  --boreal-black-rgb: 28, 31, 34;
   --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
   --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-50);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -683,6 +684,20 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }
 
 [data-theme="engage"] {
@@ -734,6 +749,7 @@
   --boreal-information-lighter: var(--boreal-color-engage-blue-blue-5);
   --boreal-white: var(--boreal-color-engage-ink-ink-0);
   --boreal-black: var(--boreal-color-engage-ink-ink-90);
+  --boreal-black-rgb: 19, 19, 22;
   --boreal-focus: var(--boreal-color-engage-blue-blue-20);
   --boreal-user-base: var(--boreal-color-engage-green-green-40);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -910,6 +926,20 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }
 
 [data-theme="protect"] {
@@ -961,6 +991,7 @@
   --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
   --boreal-white: var(--boreal-color-protect-onyx-onyx-5);
   --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
+  --boreal-black-rgb: 14, 14, 44;
   --boreal-focus: var(--boreal-color-protect-cobalt-cobalt-400);
   --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -1137,6 +1168,20 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }
 
 [data-theme="connect"] {
@@ -1188,6 +1233,7 @@
   --boreal-information-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
   --boreal-white: var(--boreal-color-connect-black-black-8);
   --boreal-black: var(--boreal-color-connect-black-black-1);
+  --boreal-black-rgb: 26, 26, 26;
   --boreal-focus: var(--boreal-color-connect-cobalt-cobalt-4);
   --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -1364,6 +1410,20 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }
 
 /* _fonts.scss */

package/dist/css/theme-connect.css

@@ -47,6 +47,7 @@
   --boreal-information-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
   --boreal-white: var(--boreal-color-connect-black-black-8);
   --boreal-black: var(--boreal-color-connect-black-black-1);
+  --boreal-black-rgb: 26, 26, 26;
   --boreal-focus: var(--boreal-color-connect-cobalt-cobalt-4);
   --boreal-user-base: var(--boreal-color-connect-petrol-petrol-3);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }

package/dist/css/theme-engage.css

@@ -47,6 +47,7 @@
   --boreal-information-lighter: var(--boreal-color-engage-blue-blue-5);
   --boreal-white: var(--boreal-color-engage-ink-ink-0);
   --boreal-black: var(--boreal-color-engage-ink-ink-90);
+  --boreal-black-rgb: 19, 19, 22;
   --boreal-focus: var(--boreal-color-engage-blue-blue-20);
   --boreal-user-base: var(--boreal-color-engage-green-green-40);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }

package/dist/css/theme-protect.css

@@ -47,6 +47,7 @@
   --boreal-information-lighter: var(--boreal-color-protect-cyan-cyan-50);
   --boreal-white: var(--boreal-color-protect-onyx-onyx-5);
   --boreal-black: var(--boreal-color-protect-onyx-onyx-900);
+  --boreal-black-rgb: 14, 14, 44;
   --boreal-focus: var(--boreal-color-protect-cobalt-cobalt-400);
   --boreal-user-base: var(--boreal-color-protect-indigo-indigo-400);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }

package/dist/css/theme-proximus.css

@@ -47,6 +47,7 @@
   --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
   --boreal-white: var(--boreal-color-proximus-neutral-neutral-50);
   --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
+  --boreal-black-rgb: 28, 31, 34;
   --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
   --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-50);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
@@ -223,4 +224,18 @@
   --boreal-alpha-white-85: #ffffffd9;
   --boreal-alpha-white-90: #ffffffe6;
   --boreal-alpha-white-95: #ffffffe6;
+  --boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s: 0 2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m: 0 4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l: 0 8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba(var(--boreal-black-rgb), 0.15);
+  --boreal-depth-box-shadow-focus: 0 0 0 1px var(--boreal-white), 0 0 0 3px var(--boreal-focus);
+  --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);
+  --boreal-depth-box-shadow-plain: 0 0 0 0px rgba(var(--boreal-black-rgb), 0.15);
 }

package/dist/scss/maps/_theme-connect.scss

@@ -47,6 +47,7 @@ $boreal-theme-connect: (
   'information-lighter': $boreal-color-protect-cobalt-cobalt-50,
   'white': $boreal-color-connect-black-black-8,
   'black': $boreal-color-connect-black-black-1,
+  'black-rgb': 26, 26, 26,
   'focus': $boreal-color-connect-cobalt-cobalt-4,
   'user-base': $boreal-color-connect-petrol-petrol-3,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-connect: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  '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),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/scss/maps/_theme-engage.scss

@@ -47,6 +47,7 @@ $boreal-theme-engage: (
   'information-lighter': $boreal-color-engage-blue-blue-5,
   'white': $boreal-color-engage-ink-ink-0,
   'black': $boreal-color-engage-ink-ink-90,
+  'black-rgb': 19, 19, 22,
   'focus': $boreal-color-engage-blue-blue-20,
   'user-base': $boreal-color-engage-green-green-40,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-engage: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  '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),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/scss/maps/_theme-protect.scss

@@ -47,6 +47,7 @@ $boreal-theme-protect: (
   'information-lighter': $boreal-color-protect-cyan-cyan-50,
   'white': $boreal-color-protect-onyx-onyx-5,
   'black': $boreal-color-protect-onyx-onyx-900,
+  'black-rgb': 14, 14, 44,
   'focus': $boreal-color-protect-cobalt-cobalt-400,
   'user-base': $boreal-color-protect-indigo-indigo-400,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-protect: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  '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),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/scss/maps/_theme-proximus.scss

@@ -47,6 +47,7 @@ $boreal-theme-proximus: (
   'information-lighter': $boreal-color-proximus-cobalt-cobalt-50,
   'white': $boreal-color-proximus-neutral-neutral-50,
   'black': $boreal-color-proximus-onyx-onyx-900,
+  'black-rgb': 28, 31, 34,
   'focus': $boreal-color-proximus-cobalt-cobalt-200,
   'user-base': $boreal-color-proximus-cobalt-cobalt-50,
   'extended-orange-lighter': $boreal-color-engage-orange-orange-5,
@@ -222,5 +223,19 @@ $boreal-theme-proximus: (
   'alpha-white-80': #ffffffcc,
   'alpha-white-85': #ffffffd9,
   'alpha-white-90': #ffffffe6,
-  'alpha-white-95': #ffffffe6
+  'alpha-white-95': #ffffffe6,
+  'depth-box-shadow-xs': 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xs-inverse': 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s': 0 2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-s-inverse': 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m': 0 4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-m-inverse': 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l': 0 8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-l-inverse': 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl': 0 12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-xl-inverse': 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-inset': inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15),
+  'depth-box-shadow-focus': 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus,
+  '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),
+  'depth-box-shadow-plain': 0 0 0 0px rgba($boreal-black-rgb, 0.15)
 );

package/dist/scss/variables/_theme-connect.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cobalt-cobalt-100;
 $boreal-information-lighter: $boreal-color-protect-cobalt-cobalt-50;
 $boreal-white: $boreal-color-connect-black-black-8;
 $boreal-black: $boreal-color-connect-black-black-1;
+$boreal-black-rgb: 26, 26, 26;
 $boreal-focus: $boreal-color-connect-cobalt-cobalt-4;
 $boreal-user-base: $boreal-color-connect-petrol-petrol-3;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$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);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);

package/dist/scss/variables/_theme-engage.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-engage-blue-blue-20;
 $boreal-information-lighter: $boreal-color-engage-blue-blue-5;
 $boreal-white: $boreal-color-engage-ink-ink-0;
 $boreal-black: $boreal-color-engage-ink-ink-90;
+$boreal-black-rgb: 19, 19, 22;
 $boreal-focus: $boreal-color-engage-blue-blue-20;
 $boreal-user-base: $boreal-color-engage-green-green-40;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$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);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);

package/dist/scss/variables/_theme-protect.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-protect-cyan-cyan-200;
 $boreal-information-lighter: $boreal-color-protect-cyan-cyan-50;
 $boreal-white: $boreal-color-protect-onyx-onyx-5;
 $boreal-black: $boreal-color-protect-onyx-onyx-900;
+$boreal-black-rgb: 14, 14, 44;
 $boreal-focus: $boreal-color-protect-cobalt-cobalt-400;
 $boreal-user-base: $boreal-color-protect-indigo-indigo-400;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$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);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);

package/dist/scss/variables/_theme-proximus.scss

@@ -46,6 +46,7 @@ $boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
 $boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-50;
 $boreal-white: $boreal-color-proximus-neutral-neutral-50;
 $boreal-black: $boreal-color-proximus-onyx-onyx-900;
+$boreal-black-rgb: 28, 31, 34;
 $boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
 $boreal-user-base: $boreal-color-proximus-cobalt-cobalt-50;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
@@ -221,4 +222,18 @@ $boreal-alpha-white-75: #ffffffbf;
 $boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-depth-box-shadow-xs: 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xs-inverse: 0 -1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s: 0 2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-s-inverse: 0 -2px 4px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m: 0 4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-m-inverse: 0 -4px 8px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l: 0 8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-l-inverse: 0 -8px 12px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl: 0 12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-xl-inverse: 0 -12px 16px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-inset: inset 0 1px 2px 0px rgba($boreal-black-rgb, 0.15);
+$boreal-depth-box-shadow-focus: 0 0 0 1px $boreal-white, 0 0 0 3px $boreal-focus;
+$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);
+$boreal-depth-box-shadow-plain: 0 0 0 0px rgba($boreal-black-rgb, 0.15);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telesign/boreal-react",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-alpha.8",
   "description": "Wrapper for React BorealDS",
   "keywords": [
     "Boreal",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@stencil/react-output-target": "^1.2.0",
-    "@telesign/boreal-web-components": "0.1.0-alpha.5"
+    "@telesign/boreal-web-components": "0.1.0-alpha.6"
   },
   "scripts": {
     "release": "release-it",