@workday/canvas-kit-react 15.0.0-alpha.1283-next.0 → 15.0.0-alpha.1287-next.0

package/dist/es6/expandable/lib/ExpandableTitle.js

@@ -4,7 +4,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { system } from '@workday/canvas-tokens-web';
 import { createStencil, px2rem } from '@workday/canvas-kit-styling';
 export const expandableTitleStencil = createStencil({
-    base: { name: "mtoim", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);color:var(--cnvs-sys-color-text-strong);padding:0.125rem var(--cnvs-sys-space-zero);text-align:left;" }
+    base: { name: "28zuqf", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);color:var(--cnvs-sys-color-text-strong);padding:0.125rem var(--cnvs-sys-space-zero);text-align:left;" }
 }, "expandable-title-afdcf8");
 export const ExpandableTitle = createComponent('div')({
     displayName: 'Expandable.Title',

package/dist/es6/form-field/lib/FormFieldContainer.js

@@ -7,7 +7,7 @@ import { system } from '@workday/canvas-tokens-web';
  * @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
  */
 export const formFieldContainerStencil = createStencil({
-    base: { name: "3ewv70", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "4f1mo6", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-container-6a4115");
 /**
  * @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.

package/dist/es6/form-field/lib/FormFieldField.js

@@ -4,7 +4,7 @@ import { handleCsProp, createStencil } from '@workday/canvas-kit-styling';
 import { useFormFieldModel } from './hooks';
 import { system } from '@workday/canvas-tokens-web';
 export const formFieldFieldStencil = createStencil({
-    base: { name: "2ok891", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "yhsyi", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-space-x2);" }
 }, "form-field-field-a35e82");
 export const FormFieldField = createSubcomponent('div')({
     displayName: 'FormField.Field',

package/dist/es6/form-field/lib/FormFieldGroupLabel.js

@@ -7,15 +7,15 @@ import { brand, system } from '@workday/canvas-tokens-web';
 import { useFormFieldModel } from './hooks';
 export const formFieldGroupLabelStencil = createStencil({
     extends: textStencil,
-    base: { name: "3bmiq4", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
+    base: { name: "478z0w", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
     modifiers: {
         isRequired: {
-            true: { name: "1dhadw", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
+            true: { name: "1kofk4", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
         },
         orientation: {
-            vertical: { name: "2soq8w", styles: "width:100%;" },
-            horizontalStart: { name: "3z5i48", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
-            horizontalEnd: { name: "12mwux", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
+            vertical: { name: "15fk1h", styles: "width:100%;" },
+            horizontalStart: { name: "3x3dth", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
+            horizontalEnd: { name: "rvuco", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" }
         }
     },
     defaultModifiers: {

package/dist/es6/form-field/lib/FormFieldGroupList.js

@@ -4,11 +4,11 @@ import { createStencil, calc, px2rem, handleCsProp } from '@workday/canvas-kit-s
 import { brand, system } from '@workday/canvas-tokens-web';
 import { useFormFieldModel } from './hooks';
 const formFieldGroupListStencil = createStencil({
-    base: { name: "2wmpz9", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1-half);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
+    base: { name: "1bh0hk", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-x1-half);gap:var(--cnvs-sys-space-x2);padding:0.625rem var(--cnvs-sys-space-x3) var(--cnvs-sys-space-x2);margin:0 calc(var(--cnvs-sys-space-x3) * -1);transition:100ms box-shadow;width:fit-content;" },
     modifiers: {
         error: {
-            error: { name: "2582oy", styles: "background-color:var(--cnvs-brand-error-lightest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-error-inner);" },
-            caution: { name: "2s1ye4", styles: "background-color:var(--cnvs-brand-alert-lightest);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-common-alert-outer), inset 0 0 0 0.1875rem var(--cnvs-brand-common-alert-inner);" }
+            error: { name: "1iiygl", styles: "background-color:var(--cnvs-brand-error-lightest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-error-inner);" },
+            caution: { name: "15jzrv", styles: "background-color:var(--cnvs-brand-alert-lightest);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-common-alert-outer), inset 0 0 0 0.1875rem var(--cnvs-brand-common-alert-inner);" }
         }
     }
 }, "form-field-group-list-9f0751");

package/dist/es6/form-field/lib/FormFieldHint.js

@@ -7,11 +7,11 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { useFormFieldHint, useFormFieldModel } from './hooks';
 export const formFieldHintStencil = createStencil({
     extends: textStencil,
-    base: { name: "6s2vw", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
+    base: { name: "22b5p8", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-zero);" },
     modifiers: {
         error: {
-            error: { name: "kxsi0", styles: "color:var(--cnvs-brand-error-base);" },
-            caution: { name: "37tme5", styles: "color:var(--cnvs-sys-color-text-caution-default);" }
+            error: { name: "2ajt1o", styles: "color:var(--cnvs-brand-error-base);" },
+            caution: { name: "3au5pu", styles: "color:var(--cnvs-sys-color-text-caution-default);" }
         }
     },
     defaultModifiers: {

package/dist/es6/form-field/lib/FormFieldLabel.js

@@ -7,18 +7,18 @@ import { brand, system } from '@workday/canvas-tokens-web';
 import { useFormFieldLabel, useFormFieldModel } from './hooks';
 export const formFieldLabelStencil = createStencil({
     extends: textStencil,
-    base: { name: "222cmc", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
+    base: { name: "qr33g", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-text-default);padding-inline-start:var(--cnvs-sys-space-zero);display:flex;align-items:center;min-width:11.25rem;" },
     modifiers: {
         isRequired: {
-            true: { name: "45j5yu", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
+            true: { name: "2mb02f", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-large);font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-brand-error-base);text-decoration:unset;margin-inline-start:var(--cnvs-sys-space-x1);}" }
         },
         orientation: {
-            horizontalStart: { name: "29eyjp", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
-            horizontalEnd: { name: "bol31", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" },
-            vertical: { name: "1vxhu1", styles: "width:100%;" }
+            horizontalStart: { name: "bpq8b", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-space-x10);" },
+            horizontalEnd: { name: "3nfheq", styles: "max-height:var(--cnvs-sys-space-x10);float:left;justify-content:flex-end;" },
+            vertical: { name: "s8oxc", styles: "width:100%;" }
         },
         isHidden: {
-            true: { name: "2n76uo", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" }
+            true: { name: "2wq392", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;" }
         }
     },
     defaultModifiers: {

package/dist/es6/form-field/lib/formFieldStencil.js

@@ -1,22 +1,22 @@
 import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 export const formFieldStencil = createStencil({
-    base: { name: "3ist0o", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
+    base: { name: "3lx4kk", styles: "box-sizing:border-box;display:flex;border:none;padding:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x6);" },
     modifiers: {
         grow: {
-            true: { name: "1a37v", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
+            true: { name: "aq6bu", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
         },
         orientation: {
-            horizontalStart: { name: "ssb17", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
-            horizontalEnd: { name: "1o5v88", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
-            vertical: { name: "3f77kl", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
+            horizontalStart: { name: "1cq3m5", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
+            horizontalEnd: { name: "11iqe", styles: "flex-direction:row;gap:var(--cnvs-sys-space-x8);" },
+            vertical: { name: "3md5fm", styles: "flex-direction:column;gap:var(--cnvs-sys-space-x1);align-items:flex-start;" }
         },
         required: {
-            true: { name: "4bpxwz", styles: "" }
+            true: { name: "1auv6o", styles: "" }
         },
         error: {
-            error: { name: "1p4iok", styles: "" },
-            caution: { name: "15h8n6", styles: "" }
+            error: { name: "2xpz5e", styles: "" },
+            caution: { name: "wgwmv", styles: "" }
         }
     },
     defaultModifiers: {

package/dist/es6/icon/lib/AccentIcon.js

@@ -21,10 +21,10 @@ export const accentIconStencil = createStencil({
     vars: {
         color: '',
     },
-    base: { name: "4br12g", styles: "box-sizing:border-box;--size-svg-8fcab8:3.5rem;& .color-500{fill:var(--color-accent-icon-05e3c8, var(--cnvs-sys-color-bg-primary-strong));}& .french-vanilla-100{fill:var(--cnvs-sys-color-bg-default);}" },
+    base: { name: "a1s60", styles: "box-sizing:border-box;--size-svg-8fcab8:3.5rem;& .color-500{fill:var(--color-accent-icon-05e3c8, var(--cnvs-sys-color-bg-primary-strong));}& .french-vanilla-100{fill:var(--cnvs-sys-color-bg-default);}" },
     modifiers: {
         transparent: {
-            true: { name: "3e0283", styles: "& .french-vanilla-100{fill:transparent;}" }
+            true: { name: "2mt587", styles: "& .french-vanilla-100{fill:transparent;}" }
         }
     }
 }, "accent-icon-05e3c8");

package/dist/es6/icon/lib/AppletIcon.js

@@ -51,7 +51,7 @@ export const appletIconStencil = createStencil({
         color400: '',
         color500: '',
     },
-    base: { name: "jyjrm", styles: "box-sizing:border-box;--size-svg-8fcab8:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-c96fac, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-c96fac, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-c96fac, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-c96fac, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-c96fac, var(--cnvs-base-palette-blue-700));}" }
+    base: { name: "o24ut", styles: "box-sizing:border-box;--size-svg-8fcab8:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-c96fac, var(--cnvs-base-palette-blue-200));}& .color-300{fill:var(--color300-applet-icon-c96fac, var(--cnvs-base-palette-blue-400));}& .color-400{fill:var(--color400-applet-icon-c96fac, var(--cnvs-base-palette-blue-600));}& .color-400-alpha-20{fill:var(--color400-applet-icon-c96fac, var(--cnvs-base-palette-blue-600));}& .color-500{fill:var(--color500-applet-icon-c96fac, var(--cnvs-base-palette-blue-700));}" }
 }, "applet-icon-c96fac");
 export const AppletIcon = createComponent('span')({
     displayName: 'AppletIcon',

package/dist/es6/icon/lib/Graphic.js

@@ -38,10 +38,10 @@ export const graphicStyles = ({ width, height, grow }) => {
  */
 export const graphicStencil = createStencil({
     extends: svgStencil,
-    base: { name: "13r6mg", styles: "box-sizing:border-box;" },
+    base: { name: "35vq3g", styles: "box-sizing:border-box;" },
     modifiers: {
         grow: {
-            true: { name: "5i675", styles: "width:100%;--width-svg-8fcab8:100%;" }
+            true: { name: "2jasq6", styles: "width:100%;--width-svg-8fcab8:100%;" }
         }
     }
 }, "graphic-385fe4");
@@ -50,10 +50,10 @@ export const graphicImageStencil = createStencil({
         width: '',
         height: '',
     },
-    base: { name: "3cqeg5", styles: "box-sizing:border-box;width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);max-width:100%;max-height:100%;}" },
+    base: { name: "ke32", styles: "box-sizing:border-box;width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-8fedc2);height:var(--height-graphic-image-8fedc2);max-width:100%;max-height:100%;}" },
     modifiers: {
         grow: {
-            true: { name: "26zybc", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
+            true: { name: "2qed9m", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
         }
     }
 }, "graphic-image-8fedc2");

package/dist/es6/icon/lib/Svg.js

@@ -13,13 +13,13 @@ export const svgStencil = createStencil({
         /** sets width and height of svg element */
         size: '',
     },
-    base: { name: "1qbgwf", styles: "box-sizing:border-box;display:inline-block;> svg{display:block;width:var(--width-svg-8fcab8, var(--size-svg-8fcab8));height:var(--height-svg-8fcab8, var(--size-svg-8fcab8));}" },
+    base: { name: "wehza", styles: "box-sizing:border-box;display:inline-block;> svg{display:block;width:var(--width-svg-8fcab8, var(--size-svg-8fcab8));height:var(--height-svg-8fcab8, var(--size-svg-8fcab8));}" },
     modifiers: {
         shouldMirror: {
-            true: { name: "jzzww", styles: "transform:scaleX(-1);" }
+            true: { name: "2h47ro", styles: "transform:scaleX(-1);" }
         },
         shouldMirrorInRTL: {
-            true: { name: "3yiuqs", styles: "&:dir(rtl){transform:scaleX(-1);}" }
+            true: { name: "gwlvx", styles: "&:dir(rtl){transform:scaleX(-1);}" }
         }
     }
 }, "svg-8fcab8");

package/dist/es6/icon/lib/SystemIcon.js

@@ -55,7 +55,7 @@ export const systemIconStencil = createStencil({
         accentColor: '',
         backgroundColor: '',
     },
-    base: { name: "3isuk2", styles: "box-sizing:border-box;& svg{width:var(--width-svg-8fcab8, var(--size-svg-8fcab8, var(--cnvs-sys-space-x6)));height:var(--height-svg-8fcab8, var(--size-svg-8fcab8, var(--cnvs-sys-space-x6)));}& .wd-icon-fill{fill:var(--color-system-icon-3a4847, var(--cnvs-sys-color-icon-default));}& .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)));}& .wd-icon-background{fill:var(--backgroundColor-system-icon-3a4847, transparent);}&:where(:hover, .hover) .wd-icon-fill{fill:var(--fillHover-02493f, var(--colorHover-02493f, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default))));}&:where(:hover, .hover) .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentHover-02493f, var(--colorHover-02493f, var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)))));}&:where(:hover, .hover) .wd-icon-background{fill:var(--backgroundHover-02493f, var(--backgroundColor-system-icon-3a4847, transparent));}@media (prefers-contrast: more){.wd-icon-fill, .wd-icon-accent{color:currentColor;fill:currentColor;}}" },
+    base: { name: "3w6fc4", styles: "box-sizing:border-box;& svg{width:var(--width-svg-8fcab8, var(--size-svg-8fcab8, var(--cnvs-sys-space-x6)));height:var(--height-svg-8fcab8, var(--size-svg-8fcab8, var(--cnvs-sys-space-x6)));}& .wd-icon-fill{fill:var(--color-system-icon-3a4847, var(--cnvs-sys-color-icon-default));}& .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)));}& .wd-icon-background{fill:var(--backgroundColor-system-icon-3a4847, transparent);}&:where(:hover, .hover) .wd-icon-fill{fill:var(--fillHover-02493f, var(--colorHover-02493f, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default))));}&:where(:hover, .hover) .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentHover-02493f, var(--colorHover-02493f, var(--accentColor-system-icon-3a4847, var(--color-system-icon-3a4847, var(--cnvs-sys-color-fg-default)))));}&:where(:hover, .hover) .wd-icon-background{fill:var(--backgroundHover-02493f, var(--backgroundColor-system-icon-3a4847, transparent));}@media (prefers-contrast: more){.wd-icon-fill, .wd-icon-accent{color:currentColor;fill:currentColor;}}" },
     modifiers: {}
 }, "system-icon-3a4847");
 export const SystemIcon = createComponent('span')({

package/dist/es6/icon/lib/SystemIconCircle.js

@@ -21,7 +21,7 @@ export const systemIconCircleStencil = createStencil({
         background: '',
         color: '',
     },
-    base: { name: "2lfg0p", styles: "box-sizing:border-box;background:var(--background-system-icon-circle-308b31, var(--cnvs-sys-color-bg-alt-soft));display:flex;align-items:center;justify-content:center;padding:var(--cnvs-sys-space-zero);border:none;border-radius:var(--cnvs-sys-shape-round);overflow:hidden;width:var(--containerSize-system-icon-circle-308b31, var(--cnvs-sys-space-x10));height:var(--containerSize-system-icon-circle-308b31, var(--cnvs-sys-space-x10));--size-svg-8fcab8:calc(var(--containerSize-system-icon-circle-308b31, var(--cnvs-sys-space-x10)) * 0.625);--color-system-icon-3a4847:var(--color-system-icon-circle-308b31);& img{width:100%;height:100%;}" }
+    base: { name: "3bx9ju", styles: "box-sizing:border-box;background:var(--background-system-icon-circle-308b31, var(--cnvs-sys-color-bg-alt-soft));display:flex;align-items:center;justify-content:center;padding:var(--cnvs-sys-space-zero);border:none;border-radius:var(--cnvs-sys-shape-round);overflow:hidden;width:var(--containerSize-system-icon-circle-308b31, var(--cnvs-sys-space-x10));height:var(--containerSize-system-icon-circle-308b31, var(--cnvs-sys-space-x10));--size-svg-8fcab8:calc(var(--containerSize-system-icon-circle-308b31, var(--cnvs-sys-space-x10)) * 0.625);--color-system-icon-3a4847:var(--color-system-icon-circle-308b31);& img{width:100%;height:100%;}" }
 }, "system-icon-circle-308b31");
 export const SystemIconCircle = createComponent('span')({
     displayName: 'SystemIconCircle',

package/dist/es6/layout/lib/Box.d.ts

@@ -38,6 +38,7 @@ export type BoxProps = CommonStyleProps & CSProps & {
  *
  * <StyledHeader color='red'>Hello World</StyledHeader>
  * ```
+ * @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
  */
 export declare const boxStyleFn: <P extends BoxProps>(props: P) => {};
 /**

package/dist/es6/layout/lib/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA6BJ;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,6yBAad,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA8BJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,6yBAad,CAAC"}

package/dist/es6/layout/lib/Box.js

@@ -37,6 +37,7 @@ const omittedProps = [
     'whiteSpace',
     'wordBreak',
 ];
+/** @deprecated */
 const shouldForwardProp = (prop) => {
     return isPropValid(prop) && !omittedProps.includes(prop);
 };
@@ -57,6 +58,7 @@ const shouldForwardProp = (prop) => {
  *
  * <StyledHeader color='red'>Hello World</StyledHeader>
  * ```
+ * @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
  */
 export const boxStyleFn = (props) => {
     return [

package/dist/es6/layout/lib/utils/background.d.ts

@@ -1,30 +1,46 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
-/** style props to set CSS background properties */
+/** style props to set CSS background properties
+ * @deprecated
+ */
 export type BackgroundStyleProps = {
     /**
      * - sets [CSS background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
      * - system tokens: `color`
-     * */
+     * @deprecated Use `cs` prop with `system.color.bg.*` tokens
+     */
     background?: SystemPropValues['color'];
-    /** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/) */
+    /** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/)
+     * @deprecated
+     */
     backgroundAttachment?: Property.BackgroundAttachment;
     /**
      * - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
      * - system tokens: `color`
-     * */
+     * @deprecated Use `cs` prop with `system.color.bg.*` tokens
+     */
     backgroundColor?: SystemPropValues['color'];
-    /** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) */
+    /** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)
+     * @deprecated
+     */
     backgroundImage?: Property.BackgroundImage;
-    /** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) */
+    /** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)
+     * @deprecated
+     */
     backgroundPosition?: Property.BackgroundPosition;
-    /** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) */
+    /** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)
+     * @deprecated
+     */
     backgroundRepeat?: Property.BackgroundRepeat;
-    /** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) */
+    /** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)
+     * @deprecated
+     */
     backgroundSize?: Property.BackgroundSize;
 };
+/** @deprecated */
 export declare const backgroundStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const backgroundFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns border styles.
@@ -39,6 +55,7 @@ export declare const backgroundFns: import("./buildStyleFns").StyleFns;
  *   </Box>
  * );
  *```
+ @deprecated
  */
 export declare const background: (props: BackgroundStyleProps) => {};
 //# sourceMappingURL=background.d.ts.map

package/dist/es6/layout/lib/utils/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,mDAAmD;AACnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IACrD;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,8GAA8G;IAC9G,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAoCnD,CAAC;AAEF,eAAO,MAAM,aAAa,oCAA0C,CAAC;AACrE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,qCAAwD,CAAC"}
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;OAEG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IACrD;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;CAC1C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAoCnD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,oCAA0C,CAAC;AACrE;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,qCAAwD,CAAC"}

package/dist/es6/layout/lib/utils/background.js

@@ -1,4 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+/** @deprecated */
 export const backgroundStyleFnConfigs = [
     {
         name: 'background',
@@ -36,6 +37,7 @@ export const backgroundStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 export const backgroundFns = buildStyleFns(backgroundStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns border styles.
@@ -50,5 +52,6 @@ export const backgroundFns = buildStyleFns(backgroundStyleFnConfigs);
  *   </Box>
  * );
  *```
+ @deprecated
  */
 export const background = buildStylePropFn(backgroundFns);

package/dist/es6/layout/lib/utils/border/color.d.ts

@@ -1,47 +1,58 @@
 import { StyleFnConfig } from '../buildStyleFns';
 import { SystemPropValues } from '../systemProps';
-/** style props to set CSS border color properties */
+/** style props to set CSS border color properties
+ * @deprecated
+ */
 export type BorderColorStyleProps = {
     /**
      * - sets [CSS border-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
      * - system tokens: `color`
+     * @deprecated Use `cs` prop with `system.color.border.*` tokens
      */
     borderColor?: SystemPropValues['color'];
     /**
      * - sets [CSS border-top-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)
      * - system tokens: `color`
+     * @deprecated Use `cs` prop with `system.color.border.*` tokens
      */
     borderTopColor?: SystemPropValues['color'];
     /**
      * - sets [CSS border-right-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)
      * - no bidirectional support
      * - system tokens: `color`
+     * @deprecated Use `cs` prop with `system.color.border.*` tokens
      */
     borderRightColor?: SystemPropValues['color'];
     /**
      * - sets [CSS border-bottom-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)
      * - system tokens: `color`
+     * @deprecated Use `cs` prop with `system.color.border.*` tokens
      */
     borderBottomColor?: SystemPropValues['color'];
     /**
      * - sets [CSS border-left-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)
      * - no bidirectional support
      * - system tokens: `color`
+     * @deprecated Use `cs` prop with `system.color.border.*` tokens
      */
     borderLeftColor?: SystemPropValues['color'];
     /**
      * - sets [CSS border-inline-start-color property ](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color)
      * - bidirectional support
      * - system tokens: `color`
+     * @deprecated Use `cs` prop with `system.color.border.*` tokens
      */
     borderInlineStartColor?: SystemPropValues['color'];
     /**
      * - sets [CSS border-inline-end-color property ](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color)
      * - bidirectional support
      * - system tokens: `color`
+     * @deprecated Use `cs` prop with `system.color.border.*` tokens
      */
     borderInlineEndColor?: SystemPropValues['color'];
 };
+/** @deprecated */
 export declare const borderColorStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const borderColorFns: import("../buildStyleFns").StyleFns;
 //# sourceMappingURL=color.d.ts.map

package/dist/es6/layout/lib/utils/border/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,cAAc,qCAA2C,CAAC"}

package/dist/es6/layout/lib/utils/border/color.js

@@ -1,4 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
+/** @deprecated */
 export const borderColorStyleFnConfigs = [
     {
         name: 'borderColor',
@@ -36,4 +37,5 @@ export const borderColorStyleFnConfigs = [
         system: 'color',
     },
 ];
+/** @deprecated */
 export const borderColorFns = buildStyleFns(borderColorStyleFnConfigs);

package/dist/es6/layout/lib/utils/border/index.d.ts

@@ -3,6 +3,7 @@ import { BorderLineStyleProps } from './lineStyle';
 import { BorderRadiusStyleProps } from './radius';
 import { BorderShorthandStyleProps } from './shorthand';
 import { BorderWidthStyleProps } from './width';
+/** @deprecated */
 export type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & BorderRadiusStyleProps & BorderShorthandStyleProps & BorderWidthStyleProps;
 /**
  * A style prop function that takes component props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
@@ -20,7 +21,9 @@ export type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & Bo
  *   </Box>
  * );
  *```
+ * @deprecated
  */
 export declare const border: (props: BorderStyleProps) => {};
+/** @deprecated */
 export declare const borderStyleFnConfigs: import("../buildStyleFns").StyleFnConfig[];
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/layout/lib/utils/border/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AACzF,OAAO,EAAC,oBAAoB,EAA+C,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAC,sBAAsB,EAA8C,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAClD,oBAAoB,GACpB,sBAAsB,GACtB,yBAAyB,GACzB,qBAAqB,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,iCAMjB,CAAC;AAEH,eAAO,MAAM,oBAAoB,4CAMhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AACzF,OAAO,EAAC,oBAAoB,EAA+C,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAC,sBAAsB,EAA8C,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AAEzF,kBAAkB;AAClB,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAClD,oBAAoB,GACpB,sBAAsB,GACtB,yBAAyB,GACzB,qBAAqB,CAAC;AAExB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,iCAMjB,CAAC;AAEH,kBAAkB;AAClB,eAAO,MAAM,oBAAoB,4CAMhC,CAAC"}

package/dist/es6/layout/lib/utils/border/index.js

@@ -20,6 +20,7 @@ import { borderWidthFns, borderWidthStyleFnConfigs } from './width';
  *   </Box>
  * );
  *```
+ * @deprecated
  */
 export const border = buildStylePropFn({
     ...borderColorFns,
@@ -28,6 +29,7 @@ export const border = buildStylePropFn({
     ...borderShorthandFns,
     ...borderWidthFns,
 });
+/** @deprecated */
 export const borderStyleFnConfigs = [
     ...borderColorStyleFnConfigs,
     ...borderLineStyleFnConfigs,

package/dist/es6/layout/lib/utils/border/lineStyle.d.ts

@@ -1,38 +1,56 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from '../buildStyleFns';
-/** style props to set CSS border style properties */
+/** style props to set CSS border style properties
+ * @deprecated
+ */
 export type BorderLineStyleProps = {
-    /** sets [CSS border-collapse property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse) */
+    /** sets [CSS border-collapse property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse)
+     * @deprecated
+     */
     borderCollapse?: Property.BorderCollapse;
-    /** sets [CSS border-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing) */
+    /** sets [CSS border-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing)
+     * @deprecated
+     */
     borderSpacing?: Property.BorderSpacing;
-    /** sets [CSS border-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) */
+    /** sets [CSS border-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)
+     * @deprecated
+     */
     borderStyle?: Property.Border;
-    /** sets [CSS border-top-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style) */
+    /** sets [CSS border-top-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style)
+     * @deprecated
+     */
     borderTopStyle?: Property.Border;
     /**
      * - sets [CSS border-right-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style)
      * - no bidirectional support
+     * @deprecated
      */
     borderRightStyle?: Property.Border;
-    /** sets [CSS border-bottom-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style) */
+    /** sets [CSS border-bottom-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style)
+     * @deprecated
+     */
     borderBottomStyle?: Property.Border;
     /**
      * - sets [CSS border-left-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style)
      * - no bidirectional support
+     * @deprecated
      */
     borderLeftStyle?: Property.Border;
     /**
      * - sets [CSS border-inline-start-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style)
      * - bidirectional support
+     * @deprecated
      */
     borderInlineStartStyle?: Property.Border;
     /**
      * - sets [CSS border-inline-end-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-style)
      * - bidirectional support
+     * @deprecated
      */
     borderInlineEndStyle?: Property.Border;
 };
+/** @deprecated */
 export declare const borderLineStyleFnConfigs: StyleFnConfig[];
+/** @deprecated */
 export declare const borderLineStyleFns: import("../buildStyleFns").StyleFns;
 //# sourceMappingURL=lineStyle.d.ts.map

package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineStyle.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/lineStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,MAAM,MAAM,oBAAoB,GAAG;IACjC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC9B,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAClC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EA8CnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA0C,CAAC"}
+{"version":3,"file":"lineStyle.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/lineStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACpC;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAClC;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CACxC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,wBAAwB,EAAE,aAAa,EA8CnD,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,qCAA0C,CAAC"}

package/dist/es6/layout/lib/utils/border/lineStyle.js

@@ -1,4 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
+/** @deprecated */
 export const borderLineStyleFnConfigs = [
     {
         name: 'borderCollapse',
@@ -46,4 +47,5 @@ export const borderLineStyleFnConfigs = [
         system: 'none',
     },
 ];
+/** @deprecated */
 export const borderLineStyleFns = buildStyleFns(borderLineStyleFnConfigs);