@workday/canvas-kit-react 12.0.0-alpha.862-next.0 → 12.0.0-alpha.898-next.0

package/dist/commonjs/testing/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts

@@ -22,5 +22,5 @@ export interface ComponentStatesTableProps {
      */
     children(props: Props): React.ReactNode;
 }
-export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
+export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => React.JSX.Element;
 //# sourceMappingURL=ComponentStatesTable.d.ts.map

package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../testing/lib/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,gBAkC3B,CAAC"}
+{"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../testing/lib/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,sBAkC3B,CAAC"}

package/dist/commonjs/testing/lib/ComponentStatesTable.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentStatesTable = void 0;
 const react_1 = __importDefault(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
-const Table = common_1.styled('table')({
+const Table = (0, common_1.styled)('table')({
     width: '100%',
     thead: {
         textAlign: 'left',

package/dist/commonjs/testing/lib/StaticStates.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -35,15 +39,15 @@ const convertToStaticStates = obj => {
         if (/data-whatinput/.test(key)) {
             return result;
         }
-        const value = typeof obj[key] === 'object' ? exports.convertToStaticStates(obj[key]) : obj[key];
+        const value = typeof obj[key] === 'object' ? (0, exports.convertToStaticStates)(obj[key]) : obj[key];
         const newObj = { ...result, [newKey]: value };
         return newObj;
     }, {});
 };
 exports.convertToStaticStates = convertToStaticStates;
 const StaticStates = ({ children, theme, ...elemProps }) => {
-    const localTheme = common_1.useTheme(theme);
+    const localTheme = (0, common_1.useTheme)(theme);
     localTheme._styleRewriteFn = exports.convertToStaticStates;
-    return (React.createElement(common_1.CanvasProvider, Object.assign({ theme: localTheme }, elemProps), children));
+    return (React.createElement(common_1.CanvasProvider, { theme: localTheme, ...elemProps }, children));
 };
 exports.StaticStates = StaticStates;

package/dist/commonjs/testing/lib/permutateProps.js

@@ -27,7 +27,7 @@ const permutateProps = (allProps, filter, remainingProps = Object.keys(allProps)
     const permutations = possiblePropValues === null || possiblePropValues === void 0 ? void 0 : possiblePropValues.map((value) => {
         const newValues = { ...values }; // Required so we don't overwrite previous references
         newValues[prop] = value;
-        return exports.permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
+        return (0, exports.permutateProps)(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
     });
     return permutations.flat();
 };

package/dist/commonjs/testing/lib/propTypes.d.ts

@@ -1,14 +1,14 @@
-export declare type PropDeclaration = {
+export type PropDeclaration = {
     value: any;
     label: string;
 };
-export declare type PropsDeclaration = {
+export type PropsDeclaration = {
     [key: string]: PropDeclaration[];
 };
-export declare type Props = {
+export type Props = {
     [key: string]: any;
 };
-export declare type PropCombination = {
+export type PropCombination = {
     label: string;
     props: Props;
 };

package/dist/commonjs/testing/lib/propTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../testing/lib/propTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,oBAAY,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}
+{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../testing/lib/propTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}

package/dist/commonjs/text/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/text/lib/LabelText.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,23 +30,23 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const Text_1 = require("./Text");
-const labelTextStencil = canvas_kit_styling_1.createStencil({
+const labelTextStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: Text_1.textStencil,
-    base: { name: "06da77", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-default);" },
+    base: { name: "ksnko", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-default);" },
     modifiers: {
         disabled: {
-            true: { name: "71fefd", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
+            true: { name: "ksnkp", styles: "cursor:default;color:var(--cnvs-sys-color-text-disabled);" }
         },
         variant: {
-            inverse: { name: "e7666d", styles: "color:var(--cnvs-sys-color-text-inverse);" },
-            error: { name: "3c432f", styles: "color:var(--cnvs-sys-color-text-critical-default);" },
-            hint: { name: "65f07b", styles: "color:var(--cnvs-sys-color-text-hint);" }
+            inverse: { name: "ksnkq", styles: "color:var(--cnvs-sys-color-text-inverse);" },
+            error: { name: "ksnkr", styles: "color:var(--cnvs-sys-color-text-critical-default);" },
+            hint: { name: "ksnks", styles: "color:var(--cnvs-sys-color-text-hint);" }
         }
     },
     compound: [
         {
             modifiers: { variant: 'inverse', disabled: true },
-            styles: { name: "30e2b3", styles: "opacity:var(--cnvs-sys-opacity-disabled);color:var(--cnvs-sys-color-text-inverse);" }
+            styles: { name: "ksnkt", styles: "opacity:var(--cnvs-sys-opacity-disabled);color:var(--cnvs-sys-color-text-inverse);" }
         }
     ]
 }, "label-text-047ddd");
@@ -64,9 +68,9 @@ const labelTextStencil = canvas_kit_styling_1.createStencil({
  *
  * @deprecated ⚠️ `LabelText` has been deprecated and will be removed in a future major version. Please use [FormField.Label](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-form-field--basic) from Preview instead.
  */
-exports.LabelText = common_1.createComponent('label')({
+exports.LabelText = (0, common_1.createComponent)('label')({
     displayName: 'Label',
     Component: ({ disabled, typeLevel, variant, ...elemProps }, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, labelTextStencil({ variant, disabled, typeLevel })))));
+        return (React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, labelTextStencil({ variant, disabled, typeLevel })) }));
     },
 });

package/dist/commonjs/text/lib/Text.d.ts

@@ -1,7 +1,7 @@
 import { system } from '@workday/canvas-tokens-web';
 import { BoxProps } from '@workday/canvas-kit-react/layout';
-declare type TypeSize = 'large' | 'medium' | 'small';
-declare type TokenName = `${keyof typeof system.type}.${TypeSize}`;
+type TypeSize = 'large' | 'medium' | 'small';
+type TokenName = `${keyof typeof system.type}.${TypeSize}`;
 export interface TextProps extends BoxProps {
     /**
      * Type token as string with level and size separated by dot.

package/dist/commonjs/text/lib/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../text/lib/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAGlD,OAAO,EAAc,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAEvE,aAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC7C,aAAK,SAAS,GAAG,GAAG,MAAM,OAAO,MAAM,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;AAE3D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA+DtB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,IAAI,gFASf,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../text/lib/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAGlD,OAAO,EAAc,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAEvE,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC7C,KAAK,SAAS,GAAG,GAAG,MAAM,OAAO,MAAM,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;AAE3D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA+DtB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,IAAI,gFASf,CAAC"}

package/dist/commonjs/text/lib/Text.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,31 +29,31 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const layout_1 = require("@workday/canvas-kit-react/layout");
-exports.textStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "474d4e", styles: "box-sizing:border-box;" },
+exports.textStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk4", styles: "box-sizing:border-box;" },
     modifiers: {
         typeLevel: {
             // Title level styles
-            'title.large': { name: "ec2152", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-600);font-size:var(--cnvs-base-font-size-600);color:var(--cnvs-sys-color-text-strong);" },
-            'title.medium': { name: "10cd08", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-500);font-size:var(--cnvs-base-font-size-500);color:var(--cnvs-sys-color-text-strong);" },
-            'title.small': { name: "2d40bb", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-400);font-size:var(--cnvs-base-font-size-400);color:var(--cnvs-sys-color-text-strong);" },
+            'title.large': { name: "ksnk5", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-600);font-size:var(--cnvs-base-font-size-600);color:var(--cnvs-sys-color-text-strong);" },
+            'title.medium': { name: "ksnk6", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-500);font-size:var(--cnvs-base-font-size-500);color:var(--cnvs-sys-color-text-strong);" },
+            'title.small': { name: "ksnk7", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-400);font-size:var(--cnvs-base-font-size-400);color:var(--cnvs-sys-color-text-strong);" },
             // Heading level styles
-            'heading.large': { name: "e7495d", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-350);font-size:var(--cnvs-base-font-size-300);color:var(--cnvs-sys-color-text-strong);" },
-            'heading.medium': { name: "57bd0c", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-300);font-size:var(--cnvs-base-font-size-250);color:var(--cnvs-sys-color-text-strong);" },
-            'heading.small': { name: "453f9f", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-250);font-size:var(--cnvs-base-font-size-200);color:var(--cnvs-sys-color-text-strong);" },
+            'heading.large': { name: "ksnk8", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-350);font-size:var(--cnvs-base-font-size-300);color:var(--cnvs-sys-color-text-strong);" },
+            'heading.medium': { name: "ksnk9", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-300);font-size:var(--cnvs-base-font-size-250);color:var(--cnvs-sys-color-text-strong);" },
+            'heading.small': { name: "ksnka", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-700);line-height:var(--cnvs-base-line-height-250);font-size:var(--cnvs-base-font-size-200);color:var(--cnvs-sys-color-text-strong);" },
             // Body level styles
-            'body.large': { name: "2ecfeb", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-200);font-size:var(--cnvs-base-font-size-150);color:var(--cnvs-sys-color-text-default);" },
-            'body.medium': { name: "72deca", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-200);font-size:var(--cnvs-base-font-size-125);color:var(--cnvs-sys-color-text-default);" },
-            'body.small': { name: "005094", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-150);font-size:var(--cnvs-base-font-size-100);letter-spacing:var(--cnvs-base-letter-spacing-200);color:var(--cnvs-sys-color-text-default);" },
+            'body.large': { name: "ksnkb", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-200);font-size:var(--cnvs-base-font-size-150);color:var(--cnvs-sys-color-text-default);" },
+            'body.medium': { name: "ksnkc", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-200);font-size:var(--cnvs-base-font-size-125);color:var(--cnvs-sys-color-text-default);" },
+            'body.small': { name: "ksnkd", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-150);font-size:var(--cnvs-base-font-size-100);letter-spacing:var(--cnvs-base-letter-spacing-200);color:var(--cnvs-sys-color-text-default);" },
             // Subtext level styles
-            'subtext.large': { name: "3c4fca", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-default);" },
-            'subtext.medium': { name: "41ff51", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-50);font-size:var(--cnvs-base-font-size-50);letter-spacing:var(--cnvs-base-letter-spacing-100);color:var(--cnvs-sys-color-text-default);" },
-            'subtext.small': { name: "6e1406", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-50);font-size:var(--cnvs-base-font-size-25);letter-spacing:var(--cnvs-base-letter-spacing-50);color:var(--cnvs-sys-color-text-default);" }
+            'subtext.large': { name: "ksnke", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-default);" },
+            'subtext.medium': { name: "ksnkf", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-50);font-size:var(--cnvs-base-font-size-50);letter-spacing:var(--cnvs-base-letter-spacing-100);color:var(--cnvs-sys-color-text-default);" },
+            'subtext.small': { name: "ksnkg", styles: "font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-50);font-size:var(--cnvs-base-font-size-25);letter-spacing:var(--cnvs-base-letter-spacing-50);color:var(--cnvs-sys-color-text-default);" }
         },
         variant: {
-            error: { name: "0003fd", styles: "color:var(--cnvs-sys-color-text-critical-default);" },
-            hint: { name: "b00e72", styles: "color:var(--cnvs-sys-color-text-hint);" },
-            inverse: { name: "8bc750", styles: "color:var(--cnvs-sys-color-text-inverse);" }
+            error: { name: "ksnkh", styles: "color:var(--cnvs-sys-color-text-critical-default);" },
+            hint: { name: "ksnki", styles: "color:var(--cnvs-sys-color-text-hint);" },
+            inverse: { name: "ksnkj", styles: "color:var(--cnvs-sys-color-text-inverse);" }
         }
     }
 }, "text-e3da06");
@@ -84,9 +88,9 @@ exports.textStencil = canvas_kit_styling_1.createStencil({
  * );
  * ```
  */
-exports.Text = common_1.createComponent('span')({
+exports.Text = (0, common_1.createComponent)('span')({
     displayName: 'Text',
     Component: ({ children, typeLevel, variant, ...elemProps }, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, exports.textStencil({ typeLevel, variant }))), children));
+        return (React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.textStencil)({ typeLevel, variant })) }, children));
     },
 });

package/dist/commonjs/text/lib/TypeLevelComponents.d.ts

@@ -1,5 +1,5 @@
 import { TextProps } from './Text';
-declare type Size = 'large' | 'medium' | 'small';
+type Size = 'large' | 'medium' | 'small';
 /**
  * Prop interface for type level specific components:
  * Title, Heading, BodyText, Subtext.

package/dist/commonjs/text/lib/TypeLevelComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAc,MAAM,QAAQ,CAAC;AAI9C,aAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAOD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,kFAMlB,CAAC;AAOH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ,kFAMnB,CAAC;AAOH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,mFAMlB,CAAC;AAOH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,KAAK,mFAMhB,CAAC"}
+{"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAc,MAAM,QAAQ,CAAC;AAI9C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAOD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,kFAMlB,CAAC;AAOH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ,kFAMnB,CAAC;AAOH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,mFAMlB,CAAC;AAOH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,KAAK,mFAMhB,CAAC"}

package/dist/commonjs/text/lib/TypeLevelComponents.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,9 +29,9 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const Text_1 = require("./Text");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const subtextStencil = canvas_kit_styling_1.createStencil({
+const subtextStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: Text_1.textStencil,
-    base: { name: "26be9a", styles: "box-sizing:border-box;" }
+    base: { name: "ksnkk", styles: "box-sizing:border-box;" }
 }, "subtext-4e8604");
 /**
  * This component is intended to be used for small subtext content or in tight spaces.
@@ -53,16 +57,16 @@ const subtextStencil = canvas_kit_styling_1.createStencil({
  * );
  * ```
  */
-exports.Subtext = common_1.createComponent('p')({
+exports.Subtext = (0, common_1.createComponent)('p')({
     displayName: 'Subtext',
     Component: ({ size, variant, ...elemProps }, ref, Element) => {
         const typeLevel = `subtext.${size}`;
-        return React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, subtextStencil({ typeLevel, variant }))));
+        return React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, subtextStencil({ typeLevel, variant })) });
     },
 });
-const bodyTextStencil = canvas_kit_styling_1.createStencil({
+const bodyTextStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: Text_1.textStencil,
-    base: { name: "b117dc", styles: "box-sizing:border-box;" }
+    base: { name: "ksnkl", styles: "box-sizing:border-box;" }
 }, "body-text-44de3e");
 /**
  * This component is intended to be used for standard body text.
@@ -88,16 +92,16 @@ const bodyTextStencil = canvas_kit_styling_1.createStencil({
  * );
  * ```
  */
-exports.BodyText = common_1.createComponent('p')({
+exports.BodyText = (0, common_1.createComponent)('p')({
     displayName: 'BodyText',
     Component: ({ size, variant, ...elemProps }, ref, Element) => {
         const typeLevel = `body.${size}`;
-        return React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, bodyTextStencil({ typeLevel, variant }))));
+        return React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, bodyTextStencil({ typeLevel, variant })) });
     },
 });
-const headingStencil = canvas_kit_styling_1.createStencil({
+const headingStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: Text_1.textStencil,
-    base: { name: "7ba7e1", styles: "box-sizing:border-box;" }
+    base: { name: "ksnkm", styles: "box-sizing:border-box;" }
 }, "heading-5a3efc");
 /**
  * This component is intended to be used for headings and large text.
@@ -123,16 +127,16 @@ const headingStencil = canvas_kit_styling_1.createStencil({
  * );
  * ```
  */
-exports.Heading = common_1.createComponent('h2')({
+exports.Heading = (0, common_1.createComponent)('h2')({
     displayName: 'Heading',
     Component: ({ size, variant, ...elemProps }, ref, Element) => {
         const typeLevel = `heading.${size}`;
-        return React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, headingStencil({ typeLevel, variant }))));
+        return React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, headingStencil({ typeLevel, variant })) });
     },
 });
-const titleStencil = canvas_kit_styling_1.createStencil({
+const titleStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: Text_1.textStencil,
-    base: { name: "23b801", styles: "box-sizing:border-box;" }
+    base: { name: "ksnkn", styles: "box-sizing:border-box;" }
 }, "title-2c12c2");
 /**
  * This component is intended to be used large page titles.
@@ -158,10 +162,10 @@ const titleStencil = canvas_kit_styling_1.createStencil({
  * );
  * ```
  */
-exports.Title = common_1.createComponent('h1')({
+exports.Title = (0, common_1.createComponent)('h1')({
     displayName: 'Title',
     Component: ({ size, variant, ...elemProps }, ref, Element) => {
         const typeLevel = `title.${size}`;
-        return React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, titleStencil({ typeLevel, variant }))));
+        return React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, titleStencil({ typeLevel, variant })) });
     },
 });

package/dist/commonjs/text-area/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/text-area/lib/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { GrowthBehavior, ErrorType } from '@workday/canvas-kit-react/common';
-export declare type ValueOf<T> = T[keyof T];
+export type ValueOf<T> = T[keyof T];
 export interface TextAreaProps extends GrowthBehavior {
     /**
      * The type of error associated with the TextArea (if applicable).
@@ -45,22 +45,22 @@ export declare const textAreaStencil: import("@workday/canvas-kit-styling").Sten
     error: {
         error: {
             borderColor: "--cnvs-brand-error-base";
-            boxShadow: string;
+            boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base`;
             '&:hover, &.hover, &:disabled, &.disabled, &:focus-visible:not([disabled]), &.focus:not([disabled])': {
                 borderColor: "--cnvs-brand-error-base";
             };
             '&:focus-visible:not([disabled]), &.focus:not([disabled])': {
-                boxShadow: string;
+                boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base, 0 0 0 2px --cnvs-sys-color-border-inverse, 0 0 0 4px --cnvs-brand-common-focus-outline`;
             };
         };
         alert: {
             borderColor: "--cnvs-brand-alert-darkest";
-            boxShadow: string;
+            boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base`;
             '&:hover, &.hover, &:disabled, &.disabled, &:focus-visible:not([disabled]), &.focus:not([disabled])': {
                 borderColor: "--cnvs-brand-alert-darkest";
             };
             '&:focus-visible:not([disabled]), &.focus:not([disabled])': {
-                boxShadow: string;
+                boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base,\n        0 0 0 2px --cnvs-sys-color-border-inverse,\n        0 0 0 4px --cnvs-brand-common-focus-outline`;
             };
         };
     };

package/dist/commonjs/text-area/lib/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,cAAc,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAI5F,oBAAY,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,OAAO,uBAAuB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,uBAAuB;;;;;CAK1B,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6B1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;CAWnB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,cAAc,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAI5F,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,OAAO,uBAAuB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,uBAAuB;;;;;CAK1B,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6B1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;CAWnB,CAAC"}

package/dist/commonjs/text-area/lib/TextArea.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -31,24 +35,24 @@ exports.TextAreaResizeDirection = {
     Horizontal: 'horizontal',
     Vertical: 'vertical',
 };
-exports.textAreaStencil = canvas_kit_styling_1.createStencil({
+exports.textAreaStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_input_1.textInputStencil,
-    base: { name: "22b420", styles: "box-sizing:border-box;min-height:var(--cnvs-sys-space-x16);min-width:calc(calc(var(--cnvs-sys-space-x20) * 3) + var(--cnvs-sys-space-x10));&::webkit-resizer{display:none;}" },
+    base: { name: "ksnk5k", styles: "box-sizing:border-box;min-height:var(--cnvs-sys-space-x16);min-width:calc(calc(var(--cnvs-sys-space-x20) * 3) + var(--cnvs-sys-space-x10));&::webkit-resizer{display:none;}" },
     modifiers: {
         resize: {
-            both: { name: "7c01d6", styles: "resize:both;" },
-            horizontal: { name: "5904a0", styles: "resize:horizontal;" },
-            vertical: { name: "d5a9dd", styles: "resize:vertical;" },
-            none: { name: "1997d7", styles: "resize:none;" }
+            both: { name: "ksnk5l", styles: "resize:both;" },
+            horizontal: { name: "ksnk5m", styles: "resize:horizontal;" },
+            vertical: { name: "ksnk5n", styles: "resize:vertical;" },
+            none: { name: "ksnk5o", styles: "resize:none;" }
         }
     },
     defaultModifiers: {
         resize: 'both',
     }
 }, "text-area-3e725a");
-exports.TextArea = common_1.createComponent('textarea')({
+exports.TextArea = (0, common_1.createComponent)('textarea')({
     displayName: 'TextArea',
-    Component: ({ resize = exports.TextAreaResizeDirection.Both, grow, error, ...elemProps }, ref, Element) => React.createElement(Element, Object.assign({ ref: ref }, canvas_kit_styling_1.handleCsProp(elemProps, exports.textAreaStencil({ error, grow, resize })))),
+    Component: ({ resize = exports.TextAreaResizeDirection.Both, grow, error, ...elemProps }, ref, Element) => React.createElement(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.textAreaStencil)({ error, grow, resize })) }),
     subComponents: {
         ErrorType: common_1.ErrorType,
         ResizeDirection: exports.TextAreaResizeDirection,

package/dist/commonjs/text-input/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/text-input/lib/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,eAAO,MAAM,kBAAkB;;;;;;;;;;;;EAS7B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;EAc/B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;EAc7B,CAAC;AAUH,eAAO,MAAM,eAAe;;;;;;;EAK1B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;kCAwBJ,gBAAgB;;;;;;EAYrC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;EAKtB,CAAC;AAmBH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;;;;;;IAInB;;;;;OAKG;;;;;;;IAEH;;;OAGG;;;;;;;;;IAEH;;;;;OAKG;;;;;;;IAEH;;;OAGG;;;;;;;CA6DL,CAAC"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,eAAO,MAAM,kBAAkB;;;;;;;;;;;;EAS7B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;EAc/B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;EAc7B,CAAC;AAUH,eAAO,MAAM,eAAe;;;;;;;EAK1B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;kCAwBJ,gBAAgB;;;;;;EAYrC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;EAKtB,CAAC;AAmBH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;;;;;;IAInB;;;;;OAKG;;;;;;;IAEH;;;OAGG;;;;;;;;;IAEH;;;;;OAKG;;;;;;;IAEH;;;OAGG;;;;;;;CA6DL,CAAC"}