@workday/canvas-kit-react 11.0.0-alpha.657-next.0 → 11.0.0-alpha.664-next.0

package/dist/es6/common/lib/AriaLiveRegion.d.ts

@@ -0,0 +1,23 @@
+import { CSProps } from '@workday/canvas-kit-styling';
+export interface AriaLiveRegionProps extends CSProps {
+    /**
+     * set the [aria-atomic](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-atomic) attribute
+     * @default true
+     */
+    'aria-atomic'?: true | false | 'true' | 'false';
+    /**
+     * set the [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live) attribute
+     * @default 'polite'
+     */
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    /**
+     * set the live region's [aria role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/status_role)
+     * @default 'status'
+     */
+    role?: 'status' | 'alert' | 'log';
+}
+/**
+ * A convenient wrapper for creating an [aria-live region](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)
+ */
+export declare const AriaLiveRegion: import("./utils/components").ElementComponent<"div", AriaLiveRegionProps>;
+//# sourceMappingURL=AriaLiveRegion.d.ts.map

package/dist/es6/common/lib/AriaLiveRegion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaLiveRegion.d.ts","sourceRoot":"","sources":["../../../../common/lib/AriaLiveRegion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAElE,MAAM,WAAW,mBAAoB,SAAQ,OAAO;IAClD;;;OAGG;IACH,aAAa,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,2EAsBzB,CAAC"}

package/dist/es6/common/lib/AriaLiveRegion.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { createComponent } from './utils/components';
+import { handleCsProp } from '@workday/canvas-kit-styling';
+/**
+ * A convenient wrapper for creating an [aria-live region](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)
+ */
+export const AriaLiveRegion = createComponent('div')({
+    displayName: 'AriaLiveRegion',
+    Component: ({ 'aria-atomic': ariaAtomic = true, 'aria-live': ariaLive = 'polite', role = 'status', ...elemProps }, ref, Element) => {
+        return (React.createElement(Element, Object.assign({ ref: ref, "aria-atomic": ariaAtomic, "aria-live": ariaLive, role: role }, handleCsProp(elemProps))));
+    },
+});

package/dist/es6/common/lib/CanvasProvider.d.ts

@@ -73,7 +73,7 @@ export declare const useCanvasThemeToCssVars: (theme: PartialEmotionCanvasTheme
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-live'?: "off" | "polite" | "assertive" | undefined;
     'aria-modal'?: (boolean | "true" | "false") | undefined;
     'aria-multiline'?: (boolean | "true" | "false") | undefined;
     'aria-multiselectable'?: (boolean | "true" | "false") | undefined;

package/dist/es6/common/lib/CanvasProvider.js

@@ -6,7 +6,7 @@ import { brand } from '@workday/canvas-tokens-web';
 import { cache } from '@emotion/css';
 import { createStyles } from '@workday/canvas-kit-styling';
 // copied from brand/_variables.css
-const defaultBranding = createStyles({ name: "z3uh0", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
+const defaultBranding = createStyles({ name: "vi9h1", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
 const mappedKeys = {
     lightest: 'lightest',
     light: 'light',

package/dist/es6/common/lib/styles/index.d.ts

@@ -1,4 +1,3 @@
-export * from './accessibleHide';
 export * from './errorRing';
 export * from './focusRing';
 export * from './hideMouseFocus';

package/dist/es6/common/lib/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/es6/common/lib/styles/index.js

@@ -1,4 +1,3 @@
-export * from './accessibleHide';
 export * from './errorRing';
 export * from './focusRing';
 export * from './hideMouseFocus';

package/dist/es6/form-field/lib/FormField.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { GrowthBehavior, ErrorType, Themeable } from '@workday/canvas-kit-react/common';
 import { FormFieldLabelPosition } from './types';
 /**
- * @deprecated ⚠️ `FormFieldProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormFieldProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface FormFieldProps extends Themeable, React.HTMLAttributes<HTMLDivElement>, GrowthBehavior {
     /**
@@ -59,7 +59,7 @@ export interface FormFieldErrorBehavior {
     error?: ErrorType;
 }
 /**
- * @deprecated ⚠️ `FormField` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormField` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export declare class FormField extends React.Component<React.PropsWithChildren<FormFieldProps>> {
     static LabelPosition: typeof FormFieldLabelPosition;

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

@@ -56,7 +56,7 @@ const FormFieldInputContainer = styled('div')(({ grow, labelPosition }) => {
     };
 });
 /**
- * @deprecated ⚠️ `FormField` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormField` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export class FormField extends React.Component {
     constructor() {

package/dist/es6/form-field/lib/Hint.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
 /**
- * @deprecated ⚠️ `HintProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `HintProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface HintProps extends Themeable, React.HTMLAttributes<HTMLParagraphElement> {
     /**
@@ -20,7 +20,7 @@ export interface HintProps extends Themeable, React.HTMLAttributes<HTMLParagraph
     alertLabel?: string;
 }
 /**
- * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 declare class Hint extends React.Component<HintProps> {
     static ErrorType: typeof ErrorType;

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

@@ -4,7 +4,7 @@ import { space } from '@workday/canvas-kit-react/tokens';
 import { Subtext, Text } from '@workday/canvas-kit-react/text';
 const Message = styled(Subtext)(({ error, theme }) => error === ErrorType.Error && { color: theme.canvas.palette.error.main });
 /**
- * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 class Hint extends React.Component {
     render() {

package/dist/es6/form-field/lib/Label.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FormFieldLabelPosition, FormFieldLabelPositionBehavior } from './types';
 /**
- * @deprecated ⚠️ `LabelProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `LabelProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface LabelProps extends FormFieldLabelPositionBehavior {
     /**
@@ -36,7 +36,7 @@ export interface LabelProps extends FormFieldLabelPositionBehavior {
     accessibleHide?: boolean;
 }
 /**
- * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 declare class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
     static Position: typeof FormFieldLabelPosition;

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

@@ -50,7 +50,7 @@ const LegendComponent = styled('legend')(...labelStyles, ({ labelPosition }) =>
 });
 const LabelComponent = styled('label')(...labelStyles);
 /**
- * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 class Label extends React.Component {
     render() {

package/dist/es6/form-field/lib/types.d.ts

@@ -2,7 +2,7 @@
  *
  * The position of the FormField label (Top vs Left vs Hidden).
  *
- * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export declare enum FormFieldLabelPosition {
     Top = 0,
@@ -10,7 +10,7 @@ export declare enum FormFieldLabelPosition {
     Hidden = 2
 }
 /**
- * @deprecated ⚠️ `FormFieldLabelPositionBehavior` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormFieldLabelPositionBehavior` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface FormFieldLabelPositionBehavior {
     labelPosition?: FormFieldLabelPosition;

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

@@ -2,7 +2,7 @@
  *
  * The position of the FormField label (Top vs Left vs Hidden).
  *
- * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export var FormFieldLabelPosition;
 (function (FormFieldLabelPosition) {

package/dist/es6/select/lib/Select.js

@@ -9,12 +9,12 @@ import { useSelectModel } from './hooks/useSelectModel';
 import { useSelectCard } from './hooks/useSelectCard';
 import { useSelectInput } from './hooks/useSelectInput';
 import { createStyles } from '@workday/canvas-kit-styling';
-const selectInputStyles = createStyles({ name: "z3uh24", styles: "caret-color:transparent;cursor:default;&::selection{background-color:transparent;}" });
+const selectInputStyles = createStyles({ name: "vi9h25", styles: "caret-color:transparent;cursor:default;&::selection{background-color:transparent;}" });
 export const SelectInput = createSubcomponent(TextInput)({
     modelHook: useSelectModel,
     elemPropsHook: useSelectInput,
 })(({ placeholder = 'Choose an option', inputStartIcon, width, ...elemProps }, Element, model) => {
-    return (React.createElement(InputGroup, { width: width },
+    return (React.createElement(InputGroup, { width: width, "data-width": "ck-formfield-width" },
         inputStartIcon && model.state.selectedIds.length > 0 && (React.createElement(InputGroup.InnerStart, { pointerEvents: "none" },
             React.createElement(SystemIcon, { icon: inputStartIcon }))),
         React.createElement(InputGroup.Input, Object.assign({ as: Element, placeholder: placeholder }, mergeStyles(elemProps, [selectInputStyles]))),

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

@@ -4,39 +4,39 @@ import { base, system } from '@workday/canvas-tokens-web';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 const labelTextStencil = createStencil({
-    base: { name: "z3uhg", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-100;font-size:--cnvs-base-font-size-75;letter-spacing:--cnvs-base-letter-spacing-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
+    base: { name: "vi9hh", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-100;font-size:--cnvs-base-font-size-75;letter-spacing:--cnvs-base-letter-spacing-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
     modifiers: {
         typeLevel: {
             // Title level styles
-            'title.large': { name: "z3uhh", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-600;font-size:--cnvs-base-font-size-600;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
-            'title.medium': { name: "z3uhi", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-500;font-size:--cnvs-base-font-size-500;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
-            'title.small': { name: "z3uhj", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-400;font-size:--cnvs-base-font-size-400;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
+            'title.large': { name: "vi9hi", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-600;font-size:--cnvs-base-font-size-600;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
+            'title.medium': { name: "vi9hj", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-500;font-size:--cnvs-base-font-size-500;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
+            'title.small': { name: "vi9hk", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-400;font-size:--cnvs-base-font-size-400;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
             // Heading level styles
-            'heading.large': { name: "z3uhk", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-350;font-size:--cnvs-base-font-size-300;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
-            'heading.medium': { name: "z3uhl", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-300;font-size:--cnvs-base-font-size-250;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
-            'heading.small': { name: "z3uhm", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-250;font-size:--cnvs-base-font-size-200;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
+            'heading.large': { name: "vi9hl", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-350;font-size:--cnvs-base-font-size-300;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
+            'heading.medium': { name: "vi9hm", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-300;font-size:--cnvs-base-font-size-250;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
+            'heading.small': { name: "vi9hn", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-250;font-size:--cnvs-base-font-size-200;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" },
             // Body level styles
-            'body.large': { name: "z3uhn", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
-            'body.medium': { name: "z3uho", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-125;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
-            'body.small': { name: "z3uhp", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-150;font-size:--cnvs-base-font-size-100;letter-spacing:--cnvs-base-letter-spacing-200;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
+            'body.large': { name: "vi9ho", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
+            'body.medium': { name: "vi9hp", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-125;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
+            'body.small': { name: "vi9hq", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-150;font-size:--cnvs-base-font-size-100;letter-spacing:--cnvs-base-letter-spacing-200;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
             // Subtext level styles
-            'subtext.large': { name: "z3uhq", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-100;font-size:--cnvs-base-font-size-75;letter-spacing:--cnvs-base-letter-spacing-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
-            'subtext.medium': { name: "z3uhr", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-50;letter-spacing:--cnvs-base-letter-spacing-100;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
-            'subtext.small': { name: "z3uhs", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-25;letter-spacing:--cnvs-base-letter-spacing-50;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
+            'subtext.large': { name: "vi9hr", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-100;font-size:--cnvs-base-font-size-75;letter-spacing:--cnvs-base-letter-spacing-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
+            'subtext.medium': { name: "vi9hs", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-50;letter-spacing:--cnvs-base-letter-spacing-100;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
+            'subtext.small': { name: "vi9ht", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-25;letter-spacing:--cnvs-base-letter-spacing-50;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" },
         },
         variant: {
-            error: { name: "z3uht", styles: "color:var(--cnvs-base-palette-cinnamon-500, rgba(222,46,33,1));" },
-            hint: { name: "z3uhu", styles: "color:var(--cnvs-base-palette-licorice-300, rgba(94,106,117,1));" },
-            inverse: { name: "z3uhv", styles: "color:var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1));" },
+            error: { name: "vi9hu", styles: "color:var(--cnvs-base-palette-cinnamon-500, rgba(222,46,33,1));" },
+            hint: { name: "vi9hv", styles: "color:var(--cnvs-base-palette-licorice-300, rgba(94,106,117,1));" },
+            inverse: { name: "vi9hw", styles: "color:var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1));" },
         },
         disabled: {
-            true: { name: "z3uhw", styles: "cursor:default;color:var(--cnvs-base-palette-licorice-100, rgba(161,170,179,1));" },
+            true: { name: "vi9hx", styles: "cursor:default;color:var(--cnvs-base-palette-licorice-100, rgba(161,170,179,1));" },
         },
     },
     compound: [
         {
             modifiers: { variant: 'inverse', disabled: true },
-            styles: { name: "z3uhx", styles: "opacity:var(--cnvs-sys-opacity-disabled, 0.4);color:var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1));" },
+            styles: { name: "vi9hy", styles: "opacity:var(--cnvs-sys-opacity-disabled, 0.4);color:var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1));" },
         },
     ],
 }, "label-text");

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

@@ -6,26 +6,26 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 const textModifiers = createModifiers({
     typeLevel: {
         // Title level styles
-        'title.large': createStyles({ name: "z3uh1", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-600;font-size:--cnvs-base-font-size-600;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
-        'title.medium': createStyles({ name: "z3uh2", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-500;font-size:--cnvs-base-font-size-500;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
-        'title.small': createStyles({ name: "z3uh3", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-400;font-size:--cnvs-base-font-size-400;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
+        'title.large': createStyles({ name: "vi9h2", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-600;font-size:--cnvs-base-font-size-600;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
+        'title.medium': createStyles({ name: "vi9h3", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-500;font-size:--cnvs-base-font-size-500;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
+        'title.small': createStyles({ name: "vi9h4", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-400;font-size:--cnvs-base-font-size-400;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
         // Heading level styles
-        'heading.large': createStyles({ name: "z3uh4", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-350;font-size:--cnvs-base-font-size-300;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
-        'heading.medium': createStyles({ name: "z3uh5", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-300;font-size:--cnvs-base-font-size-250;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
-        'heading.small': createStyles({ name: "z3uh6", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-250;font-size:--cnvs-base-font-size-200;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
+        'heading.large': createStyles({ name: "vi9h5", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-350;font-size:--cnvs-base-font-size-300;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
+        'heading.medium': createStyles({ name: "vi9h6", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-300;font-size:--cnvs-base-font-size-250;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
+        'heading.small': createStyles({ name: "vi9h7", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-700;line-height:--cnvs-base-line-height-250;font-size:--cnvs-base-font-size-200;color:var(--cnvs-base-palette-black-pepper-400, rgba(51,51,51,1));" }),
         // Body level styles
-        'body.large': createStyles({ name: "z3uh7", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
-        'body.medium': createStyles({ name: "z3uh8", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-125;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
-        'body.small': createStyles({ name: "z3uh9", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-150;font-size:--cnvs-base-font-size-100;letter-spacing:--cnvs-base-letter-spacing-200;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
+        'body.large': createStyles({ name: "vi9h8", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
+        'body.medium': createStyles({ name: "vi9h9", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-200;font-size:--cnvs-base-font-size-125;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
+        'body.small': createStyles({ name: "vi9ha", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-150;font-size:--cnvs-base-font-size-100;letter-spacing:--cnvs-base-letter-spacing-200;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
         // Subtext level styles
-        'subtext.large': createStyles({ name: "z3uha", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-100;font-size:--cnvs-base-font-size-75;letter-spacing:--cnvs-base-letter-spacing-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
-        'subtext.medium': createStyles({ name: "z3uhb", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-50;letter-spacing:--cnvs-base-letter-spacing-100;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
-        'subtext.small': createStyles({ name: "z3uhc", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-25;letter-spacing:--cnvs-base-letter-spacing-50;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
+        'subtext.large': createStyles({ name: "vi9hb", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-100;font-size:--cnvs-base-font-size-75;letter-spacing:--cnvs-base-letter-spacing-150;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
+        'subtext.medium': createStyles({ name: "vi9hc", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-50;letter-spacing:--cnvs-base-letter-spacing-100;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
+        'subtext.small': createStyles({ name: "vi9hd", styles: "font-family:--cnvs-base-font-family-50;font-weight:--cnvs-base-font-weight-400;line-height:--cnvs-base-line-height-50;font-size:--cnvs-base-font-size-25;letter-spacing:--cnvs-base-letter-spacing-50;color:var(--cnvs-base-palette-black-pepper-300, rgba(73,73,73,1));" }),
     },
     variant: {
-        error: createStyles({ name: "z3uhd", styles: "color:var(--cnvs-base-palette-cinnamon-500, rgba(222,46,33,1));" }),
-        hint: createStyles({ name: "z3uhe", styles: "color:var(--cnvs-base-palette-licorice-300, rgba(94,106,117,1));" }),
-        inverse: createStyles({ name: "z3uhf", styles: "color:var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1));" }),
+        error: createStyles({ name: "vi9he", styles: "color:var(--cnvs-base-palette-cinnamon-500, rgba(222,46,33,1));" }),
+        hint: createStyles({ name: "vi9hf", styles: "color:var(--cnvs-base-palette-licorice-300, rgba(94,106,117,1));" }),
+        inverse: createStyles({ name: "vi9hg", styles: "color:var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1));" }),
     },
 });
 /**

package/form-field/lib/FormField.tsx

@@ -11,7 +11,7 @@ import {Hint} from './Hint';
 import {Label} from './Label';
 import {FormFieldLabelPosition, FormFieldLabelPositionBehavior} from './types';
 /**
- * @deprecated ⚠️ `FormFieldProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormFieldProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface FormFieldProps
   extends Themeable,
@@ -139,7 +139,7 @@ const FormFieldInputContainer = styled('div')<GrowthBehavior & FormFieldLabelPos
   }
 );
 /**
- * @deprecated ⚠️ `FormField` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormField` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export class FormField extends React.Component<React.PropsWithChildren<FormFieldProps>> {
   static LabelPosition = FormFieldLabelPosition;

package/form-field/lib/Hint.tsx

@@ -3,7 +3,7 @@ import {ErrorType, Themeable, styled} from '@workday/canvas-kit-react/common';
 import {space} from '@workday/canvas-kit-react/tokens';
 import {Subtext, Text} from '@workday/canvas-kit-react/text';
 /**
- * @deprecated ⚠️ `HintProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `HintProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface HintProps extends Themeable, React.HTMLAttributes<HTMLParagraphElement> {
   /**
@@ -26,7 +26,7 @@ const Message = styled(Subtext)<Pick<HintProps, 'error'>>(
   ({error, theme}) => error === ErrorType.Error && {color: theme.canvas.palette.error.main}
 );
 /**
- * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 class Hint extends React.Component<HintProps> {
   static ErrorType = ErrorType;

package/form-field/lib/Label.tsx

@@ -3,7 +3,7 @@ import {colors, space, type} from '@workday/canvas-kit-react/tokens';
 import {accessibleHide as accessibleHideCSS, styled} from '@workday/canvas-kit-react/common';
 import {FormFieldLabelPosition, FormFieldLabelPositionBehavior} from './types';
 /**
- * @deprecated ⚠️ `LabelProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `LabelProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface LabelProps extends FormFieldLabelPositionBehavior {
   /**
@@ -90,7 +90,7 @@ const LegendComponent = styled('legend')<LabelProps>(...labelStyles, ({labelPosi
 
 const LabelComponent = styled('label')<LabelProps>(...labelStyles);
 /**
- * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
   static Position = FormFieldLabelPosition;

package/form-field/lib/types.ts

@@ -2,7 +2,7 @@
  *
  * The position of the FormField label (Top vs Left vs Hidden).
  *
- * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export enum FormFieldLabelPosition {
   Top,
@@ -10,7 +10,7 @@ export enum FormFieldLabelPosition {
   Hidden,
 }
 /**
- * @deprecated ⚠️ `FormFieldLabelPositionBehavior` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--custom) instead.
+ * @deprecated ⚠️ `FormFieldLabelPositionBehavior` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
  */
 export interface FormFieldLabelPositionBehavior {
   labelPosition?: FormFieldLabelPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "11.0.0-alpha.657-next.0",
+  "version": "11.0.0-alpha.664-next.0",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -50,8 +50,8 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^11.0.0-alpha.657-next.0",
-    "@workday/canvas-kit-styling": "^11.0.0-alpha.657-next.0",
+    "@workday/canvas-kit-popup-stack": "^11.0.0-alpha.664-next.0",
+    "@workday/canvas-kit-styling": "^10.3.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^1.0.2",
     "@workday/design-assets-types": "^0.2.8",
@@ -69,5 +69,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "524bc66bc3431b68ff6340f66a53f30a8b83e541"
+  "gitHead": "518377818f85c915b6199f66d73fd7e5e38ce7fa"
 }

package/select/lib/Select.tsx

@@ -40,7 +40,7 @@ export const SelectInput = createSubcomponent(TextInput)({
 })<SelectInputProps>(
   ({placeholder = 'Choose an option', inputStartIcon, width, ...elemProps}, Element, model) => {
     return (
-      <InputGroup width={width}>
+      <InputGroup width={width} data-width="ck-formfield-width">
         {inputStartIcon && model.state.selectedIds.length > 0 && (
           <InputGroup.InnerStart pointerEvents="none">
             <SystemIcon icon={inputStartIcon} />

package/common/lib/styles/accessibleHide.ts

@@ -1,18 +0,0 @@
-import {CSSProperties} from '@workday/canvas-kit-react/tokens';
-
-/**
- * A utility to visually hide content, while still making accessible to screenreaders
- * See https://a11y-101.com/development/skip-link
- */
-export const accessibleHide: CSSProperties = {
-  clip: 'rect(1px, 1px, 1px, 1px)', // Deprecated but still used by most browsers, clip-path will be taking its place soon.
-  clipPath: 'polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)',
-  position: 'absolute',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  height: '1px',
-  width: '1px',
-  margin: '-1px',
-  padding: 0,
-  border: 0,
-};

package/dist/commonjs/common/lib/styles/accessibleHide.d.ts

@@ -1,7 +0,0 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-/**
- * A utility to visually hide content, while still making accessible to screenreaders
- * See https://a11y-101.com/development/skip-link
- */
-export declare const accessibleHide: CSSProperties;
-//# sourceMappingURL=accessibleHide.d.ts.map

package/dist/commonjs/common/lib/styles/accessibleHide.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accessibleHide.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/accessibleHide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,aAW5B,CAAC"}

package/dist/commonjs/common/lib/styles/accessibleHide.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.accessibleHide = void 0;
-/**
- * A utility to visually hide content, while still making accessible to screenreaders
- * See https://a11y-101.com/development/skip-link
- */
-exports.accessibleHide = {
-    clip: 'rect(1px, 1px, 1px, 1px)',
-    clipPath: 'polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)',
-    position: 'absolute',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    height: '1px',
-    width: '1px',
-    margin: '-1px',
-    padding: 0,
-    border: 0,
-};

package/dist/es6/common/lib/styles/accessibleHide.d.ts

@@ -1,7 +0,0 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-/**
- * A utility to visually hide content, while still making accessible to screenreaders
- * See https://a11y-101.com/development/skip-link
- */
-export declare const accessibleHide: CSSProperties;
-//# sourceMappingURL=accessibleHide.d.ts.map

package/dist/es6/common/lib/styles/accessibleHide.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accessibleHide.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/accessibleHide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,aAW5B,CAAC"}

package/dist/es6/common/lib/styles/accessibleHide.js

@@ -1,16 +0,0 @@
-/**
- * A utility to visually hide content, while still making accessible to screenreaders
- * See https://a11y-101.com/development/skip-link
- */
-export const accessibleHide = {
-    clip: 'rect(1px, 1px, 1px, 1px)',
-    clipPath: 'polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)',
-    position: 'absolute',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    height: '1px',
-    width: '1px',
-    margin: '-1px',
-    padding: 0,
-    border: 0,
-};