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

package/dist/components/components.d.ts

@@ -1,9 +1,15 @@
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type BdsBannerCustomEvent, type BdsButtonCustomEvent, type BdsCheckboxCustomEvent, type BdsDialogCustomEvent, type BdsListMenuCustomEvent, type BdsListMenuItemCustomEvent, type BdsTagCustomEvent, type BdsTextFieldCustomEvent, type BdsToggleCustomEvent, type CheckboxChangeDetail, type IListMenuItemEvent, type IToggleEventChange, 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";
@@ -13,6 +19,12 @@ import { BdsGrid as BdsGridElement } from "@telesign/boreal-web-components/compo
 import { BdsListMenuItem as BdsListMenuItemElement } from "@telesign/boreal-web-components/components/bds-list-menu-item.js";
 import { BdsListMenu as BdsListMenuElement } from "@telesign/boreal-web-components/components/bds-list-menu.js";
 import { BdsPopover as BdsPopoverElement } from "@telesign/boreal-web-components/components/bds-popover.js";
+import { BdsRadioButton as BdsRadioButtonElement } from "@telesign/boreal-web-components/components/bds-radio-button.js";
+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";
@@ -28,15 +40,42 @@ 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>>;
 };
 export declare const BdsButton: StencilReactComponent<BdsButtonElement, BdsButtonEvents>;
+export type BdsButtonGroupEvents = NonNullable<unknown>;
+export declare const BdsButtonGroup: StencilReactComponent<BdsButtonGroupElement, BdsButtonGroupEvents>;
 export type BdsCheckboxEvents = {
     onValueChange: EventName<BdsCheckboxCustomEvent<boolean>>;
     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>>;
@@ -53,15 +92,46 @@ export type BdsGridItemEvents = NonNullable<unknown>;
 export declare const BdsGridItem: StencilReactComponent<BdsGridItemElement, BdsGridItemEvents>;
 export type BdsListMenuEvents = {
     onBdsChange: EventName<BdsListMenuCustomEvent<string | string[]>>;
-    onBdsClicked: EventName<BdsListMenuCustomEvent<HTMLElement>>;
+    onBdsSelect: EventName<BdsListMenuCustomEvent<ListMenuChangeDetail>>;
 };
 export declare const BdsListMenu: StencilReactComponent<BdsListMenuElement, BdsListMenuEvents>;
 export type BdsListMenuItemEvents = {
-    onBdsSelect: EventName<BdsListMenuItemCustomEvent<IListMenuItemEvent>>;
+    onBdsSelectItem: EventName<BdsListMenuItemCustomEvent<IListMenuItemEvent>>;
 };
 export declare const BdsListMenuItem: StencilReactComponent<BdsListMenuItemElement, BdsListMenuItemEvents>;
 export type BdsPopoverEvents = NonNullable<unknown>;
 export declare const BdsPopover: StencilReactComponent<BdsPopoverElement, BdsPopoverEvents>;
+export type BdsRadioEvents = {
+    onBdsChange: EventName<BdsRadioCustomEvent<RadioChangeDetail>>;
+};
+export declare const BdsRadio: StencilReactComponent<BdsRadioElement, BdsRadioEvents>;
+export type BdsRadioButtonEvents = {
+    onBdsChange: EventName<BdsRadioButtonCustomEvent<RadioButtonChangeDetail>>;
+};
+export declare const BdsRadioButton: StencilReactComponent<BdsRadioButtonElement, BdsRadioButtonEvents>;
+export type BdsRadioCardEvents = {
+    onBdsChange: EventName<BdsRadioCardCustomEvent<RadioCardChangeDetail>>;
+};
+export declare const BdsRadioCard: StencilReactComponent<BdsRadioCardElement, BdsRadioCardEvents>;
+export type BdsRadioGroupEvents = {
+    onBdsChange: EventName<BdsRadioGroupCustomEvent<RadioGroupChangeDetail>>;
+    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,7 +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";
@@ -13,6 +19,12 @@ import { BdsGrid as BdsGridElement, defineCustomElement as defineBdsGrid } from
 import { BdsListMenuItem as BdsListMenuItemElement, defineCustomElement as defineBdsListMenuItem } from "@telesign/boreal-web-components/components/bds-list-menu-item.js";
 import { BdsListMenu as BdsListMenuElement, defineCustomElement as defineBdsListMenu } from "@telesign/boreal-web-components/components/bds-list-menu.js";
 import { BdsPopover as BdsPopoverElement, defineCustomElement as defineBdsPopover } from "@telesign/boreal-web-components/components/bds-popover.js";
+import { BdsRadioButton as BdsRadioButtonElement, defineCustomElement as defineBdsRadioButton } from "@telesign/boreal-web-components/components/bds-radio-button.js";
+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";
@@ -42,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,
@@ -49,6 +81,13 @@ export const BdsButton = createComponent({
     events: { onBdsClick: 'bdsClick' },
     defineCustomElement: defineBdsButton
 });
+export const BdsButtonGroup = createComponent({
+    tagName: 'bds-button-group',
+    elementClass: BdsButtonGroupElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineBdsButtonGroup
+});
 export const BdsCheckbox = createComponent({
     tagName: 'bds-checkbox',
     elementClass: BdsCheckboxElement,
@@ -59,6 +98,36 @@ 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,
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onBdsChange: 'bdsChange'
+    },
+    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,
@@ -104,7 +173,7 @@ export const BdsListMenu = createComponent({
     react: React,
     events: {
         onBdsChange: 'bdsChange',
-        onBdsClicked: 'bdsClicked'
+        onBdsSelect: 'bdsSelect'
     },
     defineCustomElement: defineBdsListMenu
 });
@@ -112,7 +181,7 @@ export const BdsListMenuItem = createComponent({
     tagName: 'bds-list-menu-item',
     elementClass: BdsListMenuItemElement,
     react: React,
-    events: { onBdsSelect: 'bdsSelect' },
+    events: { onBdsSelectItem: 'bdsSelectItem' },
     defineCustomElement: defineBdsListMenuItem
 });
 export const BdsPopover = createComponent({
@@ -122,6 +191,58 @@ export const BdsPopover = createComponent({
     events: {},
     defineCustomElement: defineBdsPopover
 });
+export const BdsRadio = createComponent({
+    tagName: 'bds-radio',
+    elementClass: BdsRadioElement,
+    react: React,
+    events: { onBdsChange: 'bdsChange' },
+    defineCustomElement: defineBdsRadio
+});
+export const BdsRadioButton = createComponent({
+    tagName: 'bds-radio-button',
+    elementClass: BdsRadioButtonElement,
+    react: React,
+    events: { onBdsChange: 'bdsChange' },
+    defineCustomElement: defineBdsRadioButton
+});
+export const BdsRadioCard = createComponent({
+    tagName: 'bds-radio-card',
+    elementClass: BdsRadioCardElement,
+    react: React,
+    events: { onBdsChange: 'bdsChange' },
+    defineCustomElement: defineBdsRadioCard
+});
+export const BdsRadioGroup = createComponent({
+    tagName: 'bds-radio-group',
+    elementClass: BdsRadioGroupElement,
+    react: React,
+    events: {
+        onBdsChange: 'bdsChange',
+        onValueChange: 'valueChange'
+    },
+    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":"AAAA,YAAY,CAAC;AAUb,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AACjJ,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,mBAAmB,IAAI,cAAc,EAAE,MAAM,yDAAyD,CAAC;AAC7I,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AACjJ,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AACjJ,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,mBAAmB,IAAI,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AACzJ,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AACjJ,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AACrJ,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mBAAmB,IAAI,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACzI,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,mBAAmB,IAAI,iBAAiB,EAAE,MAAM,6DAA6D,CAAC;AAC1J,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mBAAmB,IAAI,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACzI,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,mBAAmB,IAAI,qBAAqB,EAAE,MAAM,kEAAkE,CAAC;AAC3K,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,mBAAmB,IAAI,iBAAiB,EAAE,MAAM,6DAA6D,CAAC;AAC1J,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AACrJ,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AACrJ,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AACjJ,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,mBAAmB,IAAI,YAAY,EAAE,MAAM,uDAAuD,CAAC;AACrI,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAC9J,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AACjJ,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AACrJ,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,mBAAmB,IAAI,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AACjK,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,SAAS,GAA2E,eAAe,CAAoC;IAChJ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAE9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAqB;IAC7B,mBAAmB,EAAE,eAAe;CACvC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,QAAQ,GAAyE,eAAe,CAAkC;IAC3I,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAE7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAoB;IAC5B,mBAAmB,EAAE,cAAc;CACtC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,SAAS,GAA2E,eAAe,CAAoC;IAChJ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAE9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAqB;IACrD,mBAAmB,EAAE,eAAe;CACvC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,SAAS,GAA2E,eAAe,CAAoC;IAChJ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAE9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAqB;IACrD,mBAAmB,EAAE,eAAe;CACvC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,WAAW,GAA+E,eAAe,CAAwC;IAC1J,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,kBAAkB;IAEhC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACJ,aAAa,EAAE,aAAa;QAC5B,WAAW,EAAE,WAAW;KACN;IACtB,mBAAmB,EAAE,iBAAiB;CACzC,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,SAAS,GAA2E,eAAe,CAAoC;IAChJ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAE9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,UAAU;QACtB,aAAa,EAAE,aAAa;KACZ;IACpB,mBAAmB,EAAE,eAAe;CACvC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,UAAU,GAA6E,eAAe,CAAsC;IACrJ,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;IAE/B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAsB;IAC9B,mBAAmB,EAAE,gBAAgB;CACxC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,OAAO,GAAuE,eAAe,CAAgC;IACtI,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,cAAc;IAE5B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAmB;IAC3B,mBAAmB,EAAE,aAAa;CACrC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,OAAO,GAAuE,eAAe,CAAgC;IACtI,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,cAAc;IAE5B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAmB;IAC3B,mBAAmB,EAAE,aAAa;CACrC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,WAAW,GAA+E,eAAe,CAAwC;IAC1J,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,kBAAkB;IAEhC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAuB;IAC/B,mBAAmB,EAAE,iBAAiB;CACzC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,WAAW,GAA+E,eAAe,CAAwC;IAC1J,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,kBAAkB;IAEhC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACJ,WAAW,EAAE,WAAW;QACxB,YAAY,EAAE,YAAY;KACR;IACtB,mBAAmB,EAAE,iBAAiB;CACzC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAuF,eAAe,CAAgD;IAC9K,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,sBAAsB;IAEpC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE,WAAW,EAAE,WAAW,EAA2B;IAC7D,mBAAmB,EAAE,qBAAqB;CAC7C,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,UAAU,GAA6E,eAAe,CAAsC;IACrJ,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;IAE/B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAsB;IAC9B,mBAAmB,EAAE,gBAAgB;CACxC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,UAAU,GAA6E,eAAe,CAAsC;IACrJ,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;IAE/B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAsB;IAC9B,mBAAmB,EAAE,gBAAgB;CACxC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,SAAS,GAA2E,eAAe,CAAoC;IAChJ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAE9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAqB;IAC7B,mBAAmB,EAAE,eAAe;CACvC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,MAAM,GAAqE,eAAe,CAA8B;IACjI,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,aAAa;IAE3B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACJ,UAAU,EAAE,UAAU;QACtB,WAAW,EAAE,WAAW;KACX;IACjB,mBAAmB,EAAE,YAAY;CACpC,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,YAAY,GAAiF,eAAe,CAA0C;IAC/J,OAAO,EAAE,gBAAgB;IACzB,YAAY,EAAE,mBAAmB;IAEjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACJ,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,UAAU;QACtB,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,UAAU;QACtB,qBAAqB,EAAE,qBAAqB;KACzB;IACvB,mBAAmB,EAAE,kBAAkB;CAC1C,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,SAAS,GAA2E,eAAe,CAAoC;IAChJ,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,gBAAgB;IAE9B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACJ,aAAa,EAAE,aAAa;QAC5B,WAAW,EAAE,WAAW;KACR;IACpB,mBAAmB,EAAE,eAAe;CACvC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,UAAU,GAA6E,eAAe,CAAsC;IACrJ,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,iBAAiB;IAE/B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAsB;IAC9B,mBAAmB,EAAE,gBAAgB;CACxC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,aAAa,GAAmF,eAAe,CAA4C;IACpK,OAAO,EAAE,gBAAgB;IACzB,YAAY,EAAE,oBAAoB;IAElC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAyB;IACjC,mBAAmB,EAAE,mBAAmB;CAC3C,CAAC,CAAC"}
+{"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.6",
+  "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.4"
+    "@telesign/boreal-web-components": "0.1.0-alpha.6"
   },
   "scripts": {
     "release": "release-it",