@workday/canvas-kit-preview-react 7.1.5 → 7.2.0-427-next.2

package/dist/commonjs/form-field/lib/FormFieldInput.js

@@ -1,28 +1,17 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormFieldInput = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var hooks_1 = require("./hooks");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const hooks_1 = require("./hooks");
 exports.FormFieldInput = common_1.createSubcomponent('input')({
     displayName: 'FormField.Input',
     modelHook: hooks_1.useFormFieldModel,
     elemPropsHook: hooks_1.useFormFieldInput,
-})(function (elemProps, Element) {
-    return react_1.default.createElement(layout_1.Box, __assign({ as: Element }, elemProps));
+})((elemProps, Element) => {
+    return react_1.default.createElement(layout_1.Box, Object.assign({ as: Element }, elemProps));
 });

package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts

@@ -1,16 +1,10 @@
 import React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { HStack, StackSpacing } from '@workday/canvas-kit-react/layout';
-export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
+import { FlexProps } from '@workday/canvas-kit-react/layout';
+export interface FormFieldLabelProps extends FlexProps {
     /**
      * The text of the label.
      */
     children: React.ReactNode;
-    /**
-     * When the input is required, this is spacing between label and asterisk.
-     * @default xxxs
-     */
-    spacing?: StackSpacing;
 }
 export declare const FormFieldLabel: import("@workday/canvas-kit-react/common").ElementComponentM<"label", FormFieldLabelProps, {
     state: {

package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAM,MAAM,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAK3E,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAC9F;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAaD,eAAO,MAAM,cAAc;;;;;;;EAiBzB,CAAC"}
+{"version":3,"file":"FormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAIjE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc;;;;;;;EAyBzB,CAAC"}

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

@@ -1,50 +1,21 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormFieldLabel = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var hooks_1 = require("./hooks");
-var StyledFormFieldLabel = common_1.styled('span')(__assign(__assign({}, tokens_1.type.levels.subtext.large), { fontWeight: tokens_1.type.properties.fontWeights.medium }));
-var StyledAsterisk = common_1.styled(layout_1.Box)({
-    fontSize: tokens_1.type.properties.fontSizes[20],
-    fontWeight: tokens_1.type.properties.fontWeights.regular,
-    textDecoration: 'unset',
-});
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const text_1 = require("@workday/canvas-kit-react/text");
+const hooks_1 = require("./hooks");
 exports.FormFieldLabel = common_1.createSubcomponent('label')({
     displayName: 'FormField.Label',
     modelHook: hooks_1.useFormFieldModel,
     elemPropsHook: hooks_1.useFormFieldLabel,
-})(function (_a, Element, model) {
-    var _b = _a.spacing, spacing = _b === void 0 ? 'xxxs' : _b, children = _a.children, elemProps = __rest(_a, ["spacing", "children"]);
-    var theme = common_1.useTheme();
-    return (react_1.default.createElement(layout_1.HStack, __assign({ as: Element, spacing: spacing, minWidth: "180px" }, elemProps),
-        react_1.default.createElement(StyledFormFieldLabel, null, children),
-        model.state.isRequired && (react_1.default.createElement(StyledAsterisk, { as: "span", color: theme.canvas.palette.error.main, "aria-hidden": "true" }, "*"))));
+})(({ gap = 'xxxs', children, ...elemProps }, Element, model) => {
+    const theme = common_1.useTheme();
+    return (react_1.default.createElement(layout_1.Flex, Object.assign({ as: Element, gap: gap, minWidth: "180px" }, elemProps),
+        react_1.default.createElement(text_1.LabelText, { as: "span", fontWeight: "medium" }, children),
+        model.state.isRequired && (react_1.default.createElement(text_1.Text, { fontSize: 20, fontWeight: "regular", textDecoration: "unset", color: theme.canvas.palette.error.main, "aria-hidden": "true" }, "*"))));
 });

package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts

@@ -2,16 +2,14 @@
  * Adds the necessary props to a `Hint` component.
  * Used by the FormField.Hint subcomponent and other input type components
  */
-export declare const useFormFieldHint: <P extends {}, R>(model: {
+export declare const useFormFieldHint: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         id: string;
         hasError: boolean;
         isRequired: boolean;
     };
     events: {};
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+}, {
     id: string;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=useFormFieldHint.d.ts.map

package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldHint.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldHint.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;OAI3B,CAAC"}
+{"version":3,"file":"useFormFieldHint.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldHint.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;EAI3B,CAAC"}

package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormFieldHint = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var useFormFieldModel_1 = require("./useFormFieldModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const useFormFieldModel_1 = require("./useFormFieldModel");
 /**
  * Adds the necessary props to a `Hint` component.
  * Used by the FormField.Hint subcomponent and other input type components
  */
-exports.useFormFieldHint = common_1.createElemPropsHook(useFormFieldModel_1.useFormFieldModel)(function (_a) {
-    var state = _a.state;
+exports.useFormFieldHint = common_1.createElemPropsHook(useFormFieldModel_1.useFormFieldModel)(({ state }) => {
     return {
-        id: "hint-" + state.id,
+        id: `hint-${state.id}`,
     };
 });

package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts

@@ -2,19 +2,17 @@
  * Adds the necessary props to an `Input` component.
  * Used by the FormField.Input subcomponent and other input type components
  */
-export declare const useFormFieldInput: <P extends {}, R>(model: {
+export declare const useFormFieldInput: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         id: string;
         hasError: boolean;
         isRequired: boolean;
     };
     events: {};
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+}, {
     required: boolean | undefined;
     'aria-invalid': boolean | undefined;
     'aria-describedby': string;
     id: string;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=useFormFieldInput.d.ts.map

package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldInput.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldInput.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;OAO5B,CAAC"}
+{"version":3,"file":"useFormFieldInput.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldInput.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;EAO5B,CAAC"}

package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormFieldInput = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var useFormFieldModel_1 = require("./useFormFieldModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const useFormFieldModel_1 = require("./useFormFieldModel");
 /**
  * Adds the necessary props to an `Input` component.
  * Used by the FormField.Input subcomponent and other input type components
  */
-exports.useFormFieldInput = common_1.createElemPropsHook(useFormFieldModel_1.useFormFieldModel)(function (_a) {
-    var state = _a.state;
+exports.useFormFieldInput = common_1.createElemPropsHook(useFormFieldModel_1.useFormFieldModel)(({ state }) => {
     return {
         required: state.isRequired ? true : undefined,
         'aria-invalid': state.hasError ? true : undefined,
-        'aria-describedby': "hint-" + state.id,
-        id: "input-" + state.id,
+        'aria-describedby': `hint-${state.id}`,
+        id: `input-${state.id}`,
     };
 });

package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts

@@ -2,16 +2,14 @@
  * Adds the necessary props to a `Label` component.
  * Used by the FormField.Label subcomponent and other input type components
  */
-export declare const useFormFieldLabel: <P extends {}, R>(model: {
+export declare const useFormFieldLabel: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         id: string;
         hasError: boolean;
         isRequired: boolean;
     };
     events: {};
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+}, {
     htmlFor: string;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
+}>;
 //# sourceMappingURL=useFormFieldLabel.d.ts.map

package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldLabel.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;OAI5B,CAAC"}
+{"version":3,"file":"useFormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldLabel.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;EAI5B,CAAC"}

package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormFieldLabel = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var useFormFieldModel_1 = require("./useFormFieldModel");
+const common_1 = require("@workday/canvas-kit-react/common");
+const useFormFieldModel_1 = require("./useFormFieldModel");
 /**
  * Adds the necessary props to a `Label` component.
  * Used by the FormField.Label subcomponent and other input type components
  */
-exports.useFormFieldLabel = common_1.createElemPropsHook(useFormFieldModel_1.useFormFieldModel)(function (_a) {
-    var state = _a.state;
+exports.useFormFieldLabel = common_1.createElemPropsHook(useFormFieldModel_1.useFormFieldModel)(({ state }) => {
     return {
-        htmlFor: "input-" + state.id,
+        htmlFor: `input-${state.id}`,
     };
 });

package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts

@@ -2,7 +2,6 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
     /**
      * Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
      * `required` set to true, and usually some subcomponents will have a error color applied.
-     * @default false
      */
     hasError: boolean;
     /**
@@ -13,13 +12,12 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
      * - `FormField.Hint` will set `id` to `hint-${id}`
      *
      * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
-     * @default `useUniqueId()`
+     * @default {useUniqueId}
      */
     id: string;
     /**
      * Optional flag to denote if this field is required. When true the `FormField.Input` will have
      * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
-     * @default false
      */
     isRequired: boolean;
 }> & {} & {}) | undefined) => {
@@ -28,13 +26,11 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
         /**
          * Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
          * `required` set to true, and usually some subcomponents will have a error color applied.
-         * @default false
          */
         hasError: boolean;
         /**
          * Optional flag to denote if this field is required. When true the `FormField.Input` will have
          * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
-         * @default false
          */
         isRequired: boolean;
     };
@@ -43,7 +39,6 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
     /**
      * Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
      * `required` set to true, and usually some subcomponents will have a error color applied.
-     * @default false
      */
     hasError: boolean;
     /**
@@ -54,13 +49,12 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
      * - `FormField.Hint` will set `id` to `hint-${id}`
      *
      * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
-     * @default `useUniqueId()`
+     * @default {useUniqueId}
      */
     id: string;
     /**
      * Optional flag to denote if this field is required. When true the `FormField.Input` will have
      * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
-     * @default false
      */
     isRequired: boolean;
 }, {}, {
@@ -68,13 +62,11 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
     /**
      * Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
      * `required` set to true, and usually some subcomponents will have a error color applied.
-     * @default false
      */
     hasError: boolean;
     /**
      * Optional flag to denote if this field is required. When true the `FormField.Input` will have
      * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
-     * @default false
      */
     isRequired: boolean;
 }, {}, {
@@ -83,13 +75,11 @@ export declare const useFormFieldModel: (<TT_Special_Generic>(config?: (Partial<
         /**
          * Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
          * `required` set to true, and usually some subcomponents will have a error color applied.
-         * @default false
          */
         hasError: boolean;
         /**
          * Optional flag to denote if this field is required. When true the `FormField.Input` will have
          * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
-         * @default false
          */
         isRequired: boolean;
     };

package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldModel.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldModel.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;IAE1B;;;;OAIG;;IAEH;;;;;;;;;OASG;;IAEH;;;;OAIG;;;;;QArBH;;;;WAIG;;QAaH;;;;WAIG;;;;;IArBH;;;;OAIG;;IAEH;;;;;;;;;OASG;;IAEH;;;;OAIG;;;;IArBH;;;;OAIG;;IAaH;;;;OAIG;;;;;QArBH;;;;WAIG;;QAaH;;;;WAIG;;;;EAeL,CAAC"}
+{"version":3,"file":"useFormFieldModel.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldModel.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;IAE1B;;;OAGG;;IAEH;;;;;;;;;OASG;;IAEH;;;OAGG;;;;;QAnBH;;;WAGG;;QAaH;;;WAGG;;;;;IAnBH;;;OAGG;;IAEH;;;;;;;;;OASG;;IAEH;;;OAGG;;;;IAnBH;;;OAGG;;IAaH;;;OAGG;;;;;QAnBH;;;WAGG;;QAaH;;;WAGG;;;;EAeL,CAAC"}

package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.js

@@ -1,24 +1,12 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormFieldModel = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
+const common_1 = require("@workday/canvas-kit-react/common");
 exports.useFormFieldModel = common_1.createModelHook({
     defaultConfig: {
         /**
          * Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
          * `required` set to true, and usually some subcomponents will have a error color applied.
-         * @default false
          */
         hasError: false,
         /**
@@ -29,21 +17,23 @@ exports.useFormFieldModel = common_1.createModelHook({
          * - `FormField.Hint` will set `id` to `hint-${id}`
          *
          * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
-         * @default `useUniqueId()`
+         * @default {useUniqueId}
          */
         id: '',
         /**
          * Optional flag to denote if this field is required. When true the `FormField.Input` will have
          * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
-         * @default false
          */
         isRequired: false,
     },
-})(function (config) {
-    var id = common_1.useUniqueId(config.id);
-    var state = __assign(__assign({}, config), { id: id });
+})(config => {
+    const id = common_1.useUniqueId(config.id);
+    const state = {
+        ...config,
+        id,
+    };
     return {
-        state: state,
+        state,
         events: {},
     };
 });

package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts

@@ -1,10 +1,10 @@
-import { StackSpacing, StackProps } from '@workday/canvas-kit-react/layout';
+import { FlexProps } from '@workday/canvas-kit-react/layout';
 /**
  * Adds the necessary layout props to a `FormField` component.
  */
 export declare const useFormFieldOrientation: (orientation: 'horizontal' | 'vertical') => {
-    flexDirection: StackProps['flexDirection'];
-    alignItems: StackProps['alignItems'];
-    spacing: StackSpacing;
+    flexDirection: FlexProps['flexDirection'];
+    alignItems: FlexProps['alignItems'];
+    gap: FlexProps['gap'];
 };
 //# sourceMappingURL=useFormFieldOrientation.d.ts.map

package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldOrientation.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldOrientation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAG1E;;GAEG;AACH,eAAO,MAAM,uBAAuB,gBAAiB,YAAY,GAAG,UAAU;mBAE3D,UAAU,CAAC,eAAe,CAAC;gBAC9B,UAAU,CAAC,YAAY,CAAC;aAC3B,YAAY;CAkBxB,CAAC"}
+{"version":3,"file":"useFormFieldOrientation.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldOrientation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAG3D;;GAEG;AACH,eAAO,MAAM,uBAAuB,gBAAiB,YAAY,GAAG,UAAU;mBAE3D,SAAS,CAAC,eAAe,CAAC;gBAC7B,SAAS,CAAC,YAAY,CAAC;SAC9B,SAAS,CAAC,KAAK,CAAC;CAkBxB,CAAC"}

package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormFieldOrientation = void 0;
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
 /**
  * Adds the necessary layout props to a `FormField` component.
  */
-var useFormFieldOrientation = function (orientation) {
-    var layoutProps;
+const useFormFieldOrientation = (orientation) => {
+    let layoutProps;
     if (orientation === 'horizontal') {
         layoutProps = {
             flexDirection: 'row',
-            spacing: tokens_1.space.l,
+            gap: tokens_1.space.l,
             alignItems: 'center',
         };
     }
     else {
         layoutProps = {
             flexDirection: 'column',
-            spacing: tokens_1.space.xxxs,
+            gap: tokens_1.space.xxxs,
             alignItems: 'flex-start',
         };
     }

package/dist/commonjs/index.d.ts

@@ -1,10 +1,11 @@
-export * from './breadcrumbs';
 export * from './color-picker';
 export * from './form-field';
 export * from './menu';
 export * from './pill';
+export * from './segmented-control';
 export * from './select';
 export * from './side-panel';
+export * from './status-indicator';
 export * from './text-area';
 export * from './text-input';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/commonjs/index.js

@@ -10,13 +10,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./breadcrumbs"), exports);
 __exportStar(require("./color-picker"), exports);
 __exportStar(require("./form-field"), exports);
 __exportStar(require("./menu"), exports);
 __exportStar(require("./pill"), exports);
+__exportStar(require("./segmented-control"), exports);
 __exportStar(require("./select"), exports);
 __exportStar(require("./side-panel"), exports);
+__exportStar(require("./status-indicator"), exports);
 __exportStar(require("./text-area"), exports);
 __exportStar(require("./text-input"), exports);
-/// <reference types="@types/node" />

package/dist/commonjs/menu/index.d.ts

@@ -1,6 +1,3 @@
-import Menu, { MenuProps } from './lib/Menu';
-import MenuItem from './lib/MenuItem';
-export { Menu, MenuItem, MenuProps };
-export default Menu;
+export * from './lib/Menu';
 export * from './lib/MenuItem';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/dist/commonjs/menu/index.js

@@ -9,14 +9,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = exports.Menu = void 0;
-var Menu_1 = __importDefault(require("./lib/Menu"));
-exports.Menu = Menu_1.default;
-var MenuItem_1 = __importDefault(require("./lib/MenuItem"));
-exports.MenuItem = MenuItem_1.default;
-exports.default = Menu_1.default;
+__exportStar(require("./lib/Menu"), exports);
 __exportStar(require("./lib/MenuItem"), exports);

package/dist/commonjs/menu/lib/Menu.d.ts

@@ -1,18 +1,26 @@
 import * as React from 'react';
-import { MenuItemProps } from './MenuItem';
+import { DeprecatedMenuItemProps } from './MenuItem';
 import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-export interface MenuProps extends GrowthBehavior, React.HTMLAttributes<HTMLUListElement> {
+/**
+ * ### Deprecated Menu
+ *
+ * As of Canvas Kit v8, Menu is being deprecated.
+ * It will be removed in v10. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export interface DeprecatedMenuProps extends GrowthBehavior, React.HTMLAttributes<HTMLUListElement> {
     /**
-     * The MenuItem children of the Menu (must be at least one). Also accepts other components which share the same interface as `MenuItem`.
+     * The DeprecatedMenuItem children of the DeprecatedMenu (must be at least one). Also accepts other components which share the same interface as `DeprecatedMenuItem`.
      */
-    children?: React.ReactElement<MenuItemProps> | React.ReactElement<MenuItemProps>[];
+    children?: React.ReactElement<DeprecatedMenuItemProps> | React.ReactElement<DeprecatedMenuItemProps>[];
     /**
-     * If true, set the Menu to the open state. Useful for showing and hiding the Menu from a parent component such as a menu button.
+     * If true, set the DeprecatedMenu to the open state. Useful for showing and hiding the DeprecatedMenu from a parent component such as a menu button.
      * @default true
      */
     isOpen?: boolean;
     /**
-     * The width of the Menu. If no value is provided, the Menu will collapse around its content.
+     * The width of the DeprecatedMenu. If no value is provided, the DeprecatedMenu will collapse around its content.
      */
     width?: number | string;
     /**
@@ -20,7 +28,7 @@ export interface MenuProps extends GrowthBehavior, React.HTMLAttributes<HTMLULis
      */
     onSelect?: () => void;
     /**
-     * The function called when the Menu should close. This is called after a menu item is selected or if the escape shortcut key is used. This will not fire if the menu item sets `shouldClose` to false.
+     * The function called when the DeprecatedMenu should close. This is called after a menu item is selected or if the escape shortcut key is used. This will not fire if the menu item sets `shouldClose` to false.
      */
     onClose?: () => void;
     /**
@@ -28,24 +36,47 @@ export interface MenuProps extends GrowthBehavior, React.HTMLAttributes<HTMLULis
      */
     initialSelectedItem?: number;
     /**
-     * The unique id of the Menu used for ARIA and HTML `id` attributes.
+     * The unique id of the DeprecatedMenu used for ARIA and HTML `id` attributes.
      */
     id?: string;
     /**
-     * The HTML `id` of the element that labels the Menu. Often used with menu buttons.
+     * The HTML `id` of the element that labels the DeprecatedMenu. Often used with menu buttons.
      */
     'aria-labelledby'?: string;
 }
-export interface MenuState {
+/**
+ * ### Deprecated Menu State
+ *
+ * As of Canvas Kit v8, Menu is being deprecated.
+ * It will be removed in v10. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export interface DeprecatedMenuState {
     selectedItemIndex: number;
 }
-export default class Menu extends React.Component<MenuProps, MenuState> {
+/**
+ * As of Canvas Kit v8, Menu is being deprecated.
+ * It will be removed in v10. Please see the [upgrade
+ * guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page) for
+ * more information.
+ *
+ * `DeprecatedMenu` renders a styled `<ul role="menu">` element within a {@link Card} and follows
+ * the [Active Menu
+ * pattern](https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-actions-active-descendant.html)
+ * using `aria-activedescendant`.
+ *
+ * Undocumented props are spread to the underlying `<ul>` element.
+ *
+ * @deprecated
+ */
+export declare class DeprecatedMenu extends React.Component<DeprecatedMenuProps, DeprecatedMenuState> {
     private id;
     private animateId;
     private menuRef;
     private firstCharacters;
-    constructor(props: MenuProps);
-    componentDidUpdate(prevProps: MenuProps): void;
+    constructor(props: DeprecatedMenuProps);
+    componentDidUpdate(prevProps: DeprecatedMenuProps): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;