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

package/dist/es6/icon/lib/SystemIconCircle.d.ts

@@ -1,5 +1,6 @@
-import { CanvasSystemIcon } from '@workday/design-assets-types';
 import { CSProps } from '@workday/canvas-kit-styling';
+import { CanvasSystemIcon } from '@workday/canvas-system-icons-web';
+import { CanvasSystemIcon as LegacyCanvasSystemIcon } from '@workday/design-assets-types';
 export declare enum SystemIconCircleSize {
     xs = 16,
     s = 24,
@@ -8,27 +9,16 @@ export declare enum SystemIconCircleSize {
     xl = 64,
     xxl = 120
 }
-export interface SystemIconCircleProps extends CSProps {
+type SystemIconCircleCommonProps = {
     /**
-     * The background color of the SystemIconCircle
-     * @default base.soap300
+     * The icon to display from `@workday/canvas-system-icons-web`.
      */
-    background?: string;
+    icon: CanvasSystemIcon | LegacyCanvasSystemIcon;
     /**
-     * The icon color for the SystemIconCircle. Required if background specified as a CSS variable.
-     * If not specified, it will be calculated based on the background color.
-     * @default rgba(0,0,0,0.65)
-     */
-    color?: string;
-    /**
-     * The icon to display from `@workday/canvas-accent-icons-web`.
-     */
-    icon: CanvasSystemIcon;
-    /**
-     * The size of the SystemIconCircle.
+     * The size token of the SystemIconCircle.
      * @default SystemIconCircleSize.l
      */
-    size?: SystemIconCircleSize | number;
+    size?: SystemIconCircleSize | string | number;
     /**
      * If set to `true`, transform the SVG's x-axis to mirror the graphic. Use this if you want to
      * always mirror the icon regardless of the content direction. If the SVG should mirror only when
@@ -43,15 +33,39 @@ export interface SystemIconCircleProps extends CSProps {
      * @default false
      */
     shouldMirrorInRTL?: boolean;
-}
-export declare const systemIconCircleStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
-    containerSize: string;
+    /**
+     * If set to `true`, the icon will be displayed in inverse mode.
+     * @default false
+     */
+    inverse?: boolean;
+} & CSProps;
+/**
+ * Circle fill and icon color. When `background` is set, `color` is required so foreground/background
+ * stay paired for contrast.
+ */
+export type SystemIconCircleProps = (SystemIconCircleCommonProps & {
+    background?: never;
+    color?: never;
+}) | (SystemIconCircleCommonProps & {
     background: string;
     color: string;
-}, never>, {}, {
-    containerSize: string;
+});
+export declare const systemIconCircleStencil: import("@workday/canvas-kit-styling").Stencil<{
+    inverse: {
+        true: ({ background, color }: {
+            background: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
+        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
+            [x: string]: `var(--${string}, var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default, oklch(0.5198 0.1782 256.11 / 1))))` | `var(--${string}, var(--cnvs-sys-color-fg-inverse))`;
+            background: `var(--${string}, var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default, oklch(0.5198 0.1782 256.11 / 1))))`;
+        };
+    };
+}, {}, {
     background: string;
     color: string;
+    size: string;
 }, never, never>;
 export declare const SystemIconCircle: import("@workday/canvas-kit-react/common").ElementComponent<"span", SystemIconCircleProps>;
+export {};
 //# sourceMappingURL=SystemIconCircle.d.ts.map

package/dist/es6/icon/lib/SystemIconCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemIconCircle.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIconCircle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,OAAO,EAAsC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAIzF,oBAAY,oBAAoB;IAC9B,EAAE,KAAK;IACP,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,EAAE,KAAK;IACP,GAAG,MAAM;CACV;AAED,MAAM,WAAW,qBAAsB,SAAQ,OAAO;IACpD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,uBAAuB;;;;;;;;gBAwBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB,4FA8C3B,CAAC"}
+{"version":3,"file":"SystemIconCircle.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIconCircle.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,EAMR,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAC,gBAAgB,IAAI,sBAAsB,EAAC,MAAM,8BAA8B,CAAC;AAMxF,oBAAY,oBAAoB;IAC9B,EAAE,KAAK;IACP,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,EAAE,KAAK;IACP,GAAG,MAAM;CACV;AAcD,KAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,IAAI,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CAAC;AAEZ;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAC7B,CAAC,2BAA2B,GAAG;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAC,CAAC,GACnE,CAAC,2BAA2B,GAAG;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC,CAAC;AAExE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;gBAiClC,CAAC;AAEH,eAAO,MAAM,gBAAgB,4FAsC3B,CAAC"}

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

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { colors } from '@workday/canvas-kit-react/tokens';
-import { SystemIcon, systemIconStencil } from './SystemIcon';
-import { createComponent, pickForegroundColor } from '@workday/canvas-kit-react/common';
-import { mergeStyles } from '@workday/canvas-kit-react/layout';
-import { calc, createStencil, cssVar, px2rem } from '@workday/canvas-kit-styling';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { calc, createStencil, cssVar, handleCsProp, px2rem, } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
-import { transformColorNameToToken } from './Svg';
+import { resolveSize } from './Svg';
+import { SystemIcon, systemIconStencil } from './SystemIcon';
+/* @deprecated Use tokens instead. Deprecated in v15.0.0. */
 export var SystemIconCircleSize;
 (function (SystemIconCircleSize) {
     SystemIconCircleSize[SystemIconCircleSize["xs"] = 16] = "xs";
@@ -15,24 +14,38 @@ export var SystemIconCircleSize;
     SystemIconCircleSize[SystemIconCircleSize["xl"] = 64] = "xl";
     SystemIconCircleSize[SystemIconCircleSize["xxl"] = 120] = "xxl";
 })(SystemIconCircleSize || (SystemIconCircleSize = {}));
+/** Mapping utility for the SystemIconCircleSize enum to the systemLegacy size tokens.
+ * @deprecated Use tokens instead. Deprecated in v15.0.0.
+ * */
+const sizes = {
+    xs: system.legacy.size.xxxs,
+    s: system.legacy.size.xs,
+    m: system.legacy.size.sm,
+    l: system.legacy.size.md,
+    xl: system.legacy.size.xxl,
+    xxl: px2rem(120),
+};
 export const systemIconCircleStencil = createStencil({
     vars: {
-        containerSize: '',
         background: '',
         color: '',
+        size: '',
     },
-    base: { name: "1gkpvl", 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");
+    base: { name: "3p2vto", styles: "box-sizing:border-box;background:var(--background-system-icon-circle-11ad12, var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05))));display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));overflow:hidden;width:var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)));height:var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)));--size-svg-bca693:calc(var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))) * 0.625);--color-system-icon-c9acc3:var(--color-system-icon-circle-11ad12);& img{width:100%;height:100%;}" },
+    modifiers: {
+        inverse: {
+            true: { name: "3wfrjj", styles: "background:var(--background-system-icon-circle-11ad12, var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default, oklch(0.5198 0.1782 256.11 / 1))));--color-system-icon-c9acc3:var(--color-system-icon-circle-11ad12, var(--cnvs-sys-color-fg-inverse));" }
+        }
+    }
+}, "system-icon-circle-11ad12");
 export const SystemIconCircle = createComponent('span')({
     displayName: 'SystemIconCircle',
-    Component: ({ background, color, size, icon, shouldMirror, shouldMirrorInRTL, ...elemProps }, ref, Element) => {
-        // `pickForegroundColor` hasn't support to use css variables to generate foregroundColor
-        const backgroundFallback = background && !background.startsWith('--') ? background : colors.soap200;
-        const iconColor = pickForegroundColor(backgroundFallback, 'rgba(0,0,0,0.65)', colors.frenchVanilla100);
-        return (_jsx("div", { ...mergeStyles(elemProps, systemIconCircleStencil({
-                containerSize: typeof size === 'number' ? px2rem(size) : size,
-                background: transformColorNameToToken(background),
-                color: color || iconColor,
+    Component: ({ background, color, size, icon, shouldMirror, shouldMirrorInRTL, inverse, ...elemProps }, ref, Element) => {
+        return (_jsx("div", { ...handleCsProp(elemProps, systemIconCircleStencil({
+                size: resolveSize(size, sizes),
+                background,
+                color,
+                inverse,
             })), children: _jsx(SystemIcon, { as: Element, ref: ref, icon: icon, shouldMirror: shouldMirror, shouldMirrorInRTL: shouldMirrorInRTL }) }));
     },
 });

package/dist/es6/icon/lib/types.d.ts

@@ -1,3 +1,4 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
+/** @deprecated Deprecated in v15.0.0. */
 export type SpanProps = DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
 //# sourceMappingURL=types.d.ts.map

package/dist/es6/icon/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../icon/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../icon/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAExD,yCAAyC;AACzC,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC"}

package/dist/es6/icon/lib/utils.d.ts

@@ -1,3 +1,5 @@
-import { CanvasIcon, CanvasIconTypes } from '@workday/design-assets-types';
-export declare function validateIconType(icon: CanvasIcon, expectedType: CanvasIconTypes): void;
+import { CanvasExpressiveIcon } from '@workday/canvas-expressive-icons-web';
+import { CanvasIconTypes, CanvasSystemIcon } from '@workday/canvas-system-icons-web';
+/** @deprecated Deprecated in v15.0.0. */
+export declare function validateIconType(icon: CanvasSystemIcon | CanvasExpressiveIcon, expectedType: CanvasIconTypes): void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/es6/icon/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../icon/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAEzE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,QAI/E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../icon/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAC,eAAe,EAAE,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAEnF,yCAAyC;AACzC,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,GAAG,oBAAoB,EAC7C,YAAY,EAAE,eAAe,QAK9B"}

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

@@ -1,3 +1,4 @@
+/** @deprecated Deprecated in v15.0.0. */
 export function validateIconType(icon, expectedType) {
     if (icon.type !== expectedType) {
         throw `${icon.name}: Icon type "${icon.type}" does not match expected type "${expectedType}"`;

package/dist/es6/index.d.ts

@@ -15,10 +15,12 @@ export * from './disclosure';
 export * from './expandable';
 export * from './form-field';
 export * from './icon';
+export * from './information-highlight';
 export * from './layout';
 export * from './loading-dots';
 export * from './menu';
 export * from './modal';
+export * from './pill';
 export * from './pagination';
 export * from './popup';
 export * from './radio';

package/dist/es6/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/es6/index.js

@@ -15,10 +15,12 @@ export * from './disclosure';
 export * from './expandable';
 export * from './form-field';
 export * from './icon';
+export * from './information-highlight';
 export * from './layout';
 export * from './loading-dots';
 export * from './menu';
 export * from './modal';
+export * from './pill';
 export * from './pagination';
 export * from './popup';
 export * from './radio';

package/dist/es6/information-highlight/index.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/InformationHighlight';
+export * from './lib/parts/Body';
+export * from './lib/parts/Heading';
+export * from './lib/parts/Icon';
+export * from './lib/parts/Link';
+//# sourceMappingURL=index.d.ts.map

package/dist/es6/information-highlight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../information-highlight/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/es6/information-highlight/index.js

@@ -0,0 +1,5 @@
+export * from './lib/InformationHighlight';
+export * from './lib/parts/Body';
+export * from './lib/parts/Heading';
+export * from './lib/parts/Icon';
+export * from './lib/parts/Link';

package/dist/es6/information-highlight/lib/InformationHighlight.d.ts

@@ -0,0 +1,76 @@
+import { CSProps } from '@workday/canvas-kit-styling';
+interface InformationHighlightProps extends CSProps {
+}
+export declare const informationHighlightStencil: import("@workday/canvas-kit-styling").Stencil<{
+    informational: {
+        low: {
+            borderInlineStartColor: "var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)))";
+            backgroundColor: "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))";
+            '& [data-part="information-highlight-icon"]': {
+                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))";
+            };
+        };
+        high: {
+            borderInlineStartColor: "var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)))";
+            backgroundColor: "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6499 0.1912 253.52 / 0.08)))";
+            '& [data-part="information-highlight-icon"]': {
+                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))";
+            };
+        };
+    };
+    caution: {
+        low: {
+            borderInlineStartColor: "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)))";
+            backgroundColor: "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))";
+            '& [data-part="information-highlight-icon"]': {
+                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))";
+            };
+        };
+        high: {
+            borderInlineStartColor: "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)))";
+            backgroundColor: "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7982 0.159 92.57 / 0.1)))";
+            '& [data-part="information-highlight-icon"]': {
+                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))";
+            };
+        };
+    };
+    critical: {
+        low: {
+            borderInlineStartColor: "var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)))";
+            backgroundColor: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04))";
+            '& [data-part="information-highlight-icon"]': {
+                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))";
+            };
+        };
+        high: {
+            borderInlineStartColor: "var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)))";
+            backgroundColor: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04))";
+            '& [data-part="information-highlight-icon"]': {
+                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))";
+            };
+        };
+    };
+}, {}, {}, never, never>;
+export declare const InformationHighlight: import("@workday/canvas-kit-react/common").ElementComponentM<"section", InformationHighlightProps & Partial<{
+    variant: "caution" | "critical" | "informational";
+    emphasis: "high" | "low";
+}> & {} & {}, {
+    state: {
+        variant: "caution" | "critical" | "informational";
+        emphasis: "high" | "low";
+    };
+    events: {};
+}> & {
+    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./parts/Icon").IconProps, {
+        state: {
+            variant: "caution" | "critical" | "informational";
+            emphasis: "high" | "low";
+        };
+        events: {};
+    }>;
+    Heading: import("@workday/canvas-kit-react/common").ElementComponent<"h3", import("./parts/Heading").InformationHighlightHeadingProps>;
+    Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../..").TextProps>;
+    Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../..").HyperlinkProps>;
+};
+export {};
+//# sourceMappingURL=InformationHighlight.d.ts.map

package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../information-highlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AASzF,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAyEtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

package/dist/es6/information-highlight/lib/InformationHighlight.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContainer } from '@workday/canvas-kit-react/common';
+import { systemIconStencil } from '@workday/canvas-kit-react/icon';
+import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
+import { base, system } from '@workday/canvas-tokens-web';
+import { useInformationHighlightModel } from './hooks/useInformationHighlightModel';
+import { Body } from './parts/Body';
+import { InformationHighlightHeading } from './parts/Heading';
+import { Icon } from './parts/Icon';
+import { Link } from './parts/Link';
+export const informationHighlightStencil = createStencil({
+    base: { name: "dc2xh", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));border-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1, 0.25rem));outline:0.0625rem solid transparent;border-inline-start:var(--cnvs-base-size-50, 0.25rem) solid transparent;" },
+    modifiers: {
+        informational: {
+            low: { name: "2ohhly", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));}" },
+            high: { name: "3o9gs5", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)));background-color:var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6499 0.1912 253.52 / 0.08)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));}" }
+        },
+        caution: {
+            low: { name: "klc82", styles: "border-inline-start-color:var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));}" },
+            high: { name: "3l7mjh", styles: "border-inline-start-color:var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)));background-color:var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7982 0.159 92.57 / 0.1)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));}" }
+        },
+        critical: {
+            low: { name: "274ae5", styles: "border-inline-start-color:var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)));background-color:var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));}" },
+            high: { name: "4ehbtn", styles: "border-inline-start-color:var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)));background-color:var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));}" }
+        }
+    }
+}, "information-highlight-689af3");
+export const InformationHighlight = createContainer('section')({
+    displayName: 'InformationHighlight',
+    modelHook: useInformationHighlightModel,
+    subComponents: {
+        Icon: Icon,
+        Heading: InformationHighlightHeading,
+        Body: Body,
+        Link: Link,
+    },
+})(({ ...elemProps }, Element, model) => {
+    return (_jsx(Element, { ...handleCsProp(elemProps, informationHighlightStencil({ [model.state.variant]: model.state.emphasis })) }));
+});

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts

@@ -0,0 +1,23 @@
+export declare const useInformationHighlightModel: (<TT_Special_Generic>(config?: (Partial<{
+    variant: "caution" | "critical" | "informational";
+    emphasis: "high" | "low";
+}> & {} & {}) | undefined) => {
+    state: {
+        variant: "caution" | "critical" | "informational";
+        emphasis: "high" | "low";
+    };
+    events: {};
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
+    variant: "caution" | "critical" | "informational";
+    emphasis: "high" | "low";
+}, {}, {
+    variant: "caution" | "critical" | "informational";
+    emphasis: "high" | "low";
+}, {}, {
+    state: {
+        variant: "caution" | "critical" | "informational";
+        emphasis: "high" | "low";
+    };
+    events: {};
+}>;
+//# sourceMappingURL=useInformationHighlightModel.d.ts.map

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInformationHighlightModel.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/hooks/useInformationHighlightModel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;EAavC,CAAC"}

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.js

@@ -0,0 +1,15 @@
+import { createModelHook } from '@workday/canvas-kit-react/common';
+export const useInformationHighlightModel = createModelHook({
+    defaultConfig: {
+        variant: 'informational',
+        emphasis: 'low',
+    },
+})(config => {
+    return {
+        state: {
+            variant: config.variant,
+            emphasis: config.emphasis,
+        },
+        events: {},
+    };
+});

package/dist/es6/information-highlight/lib/parts/Body.d.ts

@@ -0,0 +1,2 @@
+export declare const Body: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("@workday/canvas-kit-react/text").TextProps>;
+//# sourceMappingURL=Body.d.ts.map

package/dist/es6/information-highlight/lib/parts/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Body.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,IAAI,wHAWf,CAAC"}

package/dist/es6/information-highlight/lib/parts/Body.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Text } from '@workday/canvas-kit-react/text';
+import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
+const informationHighlightBodyStencil = createStencil({
+    base: { name: "3o23x1", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);grid-column:2;margin-block-end:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));" }
+}, "information-highlight-body-86f4c5");
+export const Body = createComponent('div')({
+    displayName: 'Body',
+    Component: ({ ...elemProps }, ref, Element) => {
+        return (_jsx(Text, { as: Element, ref: ref, ...handleCsProp(elemProps, informationHighlightBodyStencil()) }));
+    },
+});

package/dist/es6/information-highlight/lib/parts/Heading.d.ts

@@ -0,0 +1,6 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Heading } from '@workday/canvas-kit-react/text';
+export interface InformationHighlightHeadingProps extends Partial<ExtractProps<typeof Heading, never>> {
+}
+export declare const InformationHighlightHeading: import("@workday/canvas-kit-react/common").ElementComponent<"h3", InformationHighlightHeadingProps>;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/es6/information-highlight/lib/parts/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAmBvD,MAAM,WAAW,gCACf,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,CAAC;CAAG;AAEzD,eAAO,MAAM,2BAA2B,qGAYtC,CAAC"}

package/dist/es6/information-highlight/lib/parts/Heading.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Heading } from '@workday/canvas-kit-react/text';
+import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
+const informationHighlightHeadingStencil = createStencil({
+    base: { name: "2owas6", 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-sm, var(--cnvs-sys-line-height-body-small, 1.5rem));font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small));color:var(--cnvs-sys-color-fg-default);grid-column:2;margin:0;" }
+}, "information-highlight-heading-578aaa");
+export const InformationHighlightHeading = createComponent('h3')({
+    displayName: 'Heading',
+    Component: ({ size = 'small', ...elemProps }, ref, Element) => {
+        return (_jsx(Heading, { as: Element, ref: ref, size: size, ...handleCsProp(elemProps, informationHighlightHeadingStencil()) }));
+    },
+});

package/dist/es6/information-highlight/lib/parts/Icon.d.ts

@@ -0,0 +1,12 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+export interface IconProps extends Partial<ExtractProps<typeof SystemIcon, never>> {
+}
+export declare const Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", IconProps, {
+    state: {
+        variant: "caution" | "critical" | "informational";
+        emphasis: "high" | "low";
+    };
+    events: {};
+}>;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/es6/information-highlight/lib/parts/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAS1D,MAAM,WAAW,SAAU,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,CAAC;CAAG;AAOrF,eAAO,MAAM,IAAI;;;;;;EAYf,CAAC"}

package/dist/es6/information-highlight/lib/parts/Icon.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+import { exclamationCircleIcon, exclamationTriangleIcon, infoIcon, } from '@workday/canvas-system-icons-web';
+import { useInformationHighlightModel } from '../hooks/useInformationHighlightModel';
+const defaultIcons = {
+    informational: infoIcon,
+    caution: exclamationTriangleIcon,
+    critical: exclamationCircleIcon,
+};
+export const Icon = createSubcomponent('span')({
+    displayName: 'Icon',
+    modelHook: useInformationHighlightModel,
+})(({ icon, ...props }, Element, model) => {
+    return (_jsx(SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
+});

package/dist/es6/information-highlight/lib/parts/Link.d.ts

@@ -0,0 +1,2 @@
+export declare const Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("@workday/canvas-kit-react/button").HyperlinkProps>;
+//# sourceMappingURL=Link.d.ts.map

package/dist/es6/information-highlight/lib/parts/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Link.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,IAAI,6HAWf,CAAC"}

package/dist/es6/information-highlight/lib/parts/Link.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Hyperlink } from '@workday/canvas-kit-react/button';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
+const informationHighlightLinkStencil = createStencil({
+    base: { name: "47s4f1", 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-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));grid-column:2;justify-self:start;color:var(--cnvs-sys-color-fg-default);" }
+}, "information-highlight-link-654856");
+export const Link = createComponent('a')({
+    displayName: 'Link',
+    Component: ({ ...elemProps }, ref, Element) => {
+        return (_jsx(Hyperlink, { as: Element, ref: ref, ...handleCsProp(elemProps, informationHighlightLinkStencil()) }));
+    },
+});

package/dist/es6/layout/index.d.ts

@@ -3,7 +3,7 @@ export * from './lib/utils/mergeStyles';
 export * from './lib/utils/background';
 export * from './lib/utils/border';
 export * from './lib/utils/color';
-export { DepthStyleProps, depthStyleFnConfigs } from './lib/utils/depth';
+export { type DepthStyleProps, depthStyleFnConfigs } from './lib/utils/depth';
 export * from './lib/utils/flex';
 export * from './lib/utils/flexItem';
 export * from './lib/utils/grid';
@@ -12,13 +12,13 @@ export * from './lib/utils/layout';
 export * from './lib/utils/other';
 export * from './lib/utils/systemProps';
 export * from './lib/utils/position';
-export { SpaceStyleProps, spaceStyleFnConfigs } from './lib/utils/space';
-export { AllStyleProps, CommonStyleProps } from './lib/utils/styleProps';
+export { type SpaceStyleProps, spaceStyleFnConfigs } from './lib/utils/space';
+export { type AllStyleProps, type CommonStyleProps } from './lib/utils/styleProps';
 export * from './lib/utils/text';
 export * from './lib/Flex';
 export * from './lib/Grid';
 export type { FlexStyleProps } from './lib/utils/flex';
 export type { GridStyleProps } from './lib/utils/grid';
-export { GridItemStyleProps, gridItemStyleFnConfigs } from './lib/utils/gridItem';
+export { type GridItemStyleProps, gridItemStyleFnConfigs } from './lib/utils/gridItem';
 export * from './lib/utils/systemProps';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACvE,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACrD,YAAY,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAC,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAChF,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,KAAK,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAC5E,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,KAAK,eAAe,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACjF,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACrD,YAAY,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAC,KAAK,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AACrF,cAAc,yBAAyB,CAAC"}

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;AA8BJ;;;;;;;;;;;;;;;;;;GAkBG;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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAalE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAGpD;;;;;;;;;;;;;;;;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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styled from '@emotion/styled';
 import isPropValid from '@emotion/is-prop-valid';
+import styled from '@emotion/styled';
 import { createComponent, useConstant } from '@workday/canvas-kit-react/common';
 import { handleCsProp } from '@workday/canvas-kit-styling';
 // style props

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AASnE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;;CAYf,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,cAAc,EAAO,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AASnE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;;CAYf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAoBrC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;IAUb;;;;;;;;;;;;;;;;;;;;OAoBG;;CAIL,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Grid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,cAAc,EAAO,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAoBrC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;IAUb;;;;;;;;;;;;;;;;;;;;OAoBG;;CAIL,CAAC"}

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;;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"}
+{"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,EAAC,aAAa,EAAkC,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"}