@workday/canvas-kit-preview-react 7.0.0-alpha.140-next.6 → 7.0.0-alpha.256-next.2

package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSegmentedControlModel.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,wBAAwB;IAGjC;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAxBH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CL,CAAC"}

package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js

@@ -0,0 +1,74 @@
+"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.useSegmentedControlModel = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var collection_1 = require("@workday/canvas-kit-react/collection");
+exports.useSegmentedControlModel = common_1.createModelHook({
+    defaultConfig: __assign(__assign({}, collection_1.useListModel.defaultConfig), { 
+        /**
+         * Optional id for the whole `SegmentedControl` group. If not provided, a unique id will be created.
+         * @default useUniqueId()
+         */
+        id: '', 
+        /**
+         * An initially selected value. This value must match the `data-id` of the `SegmentedControl.Item` component.
+         * If not provided, the first value will be selected.
+         */
+        initialValue: '', 
+        /**
+         * Sets disabled state for all segmented control buttons
+         * @default false
+         */
+        disabled: false, 
+        /**
+         * Sets the size of the segmented control container and its buttons. Can be `small`, `medium` or `large`.
+         * @default 'medium'
+         */
+        size: 'medium', 
+        /**
+         * The SegmentedControl can rendered in a horizontal or vertical orientation.
+         * We suggest to use the `vertical` orientation only for icon only variant.
+         * @default 'horizontal'
+         */
+        orientation: 'horizontal' }),
+    requiredConfig: collection_1.useListModel.requiredConfig,
+})(function (config) {
+    var _a;
+    var getId = config.getId || collection_1.defaultGetId;
+    var initialSelectedRef = react_1.default.useRef(config.initialValue);
+    var items = config.items;
+    var model = collection_1.useListModel(collection_1.useListModel.mergeConfig(config, {
+        orientation: config.orientation || 'horizontal',
+        items: items,
+        onRegisterItem: function (data) {
+            if (!initialSelectedRef.current) {
+                initialSelectedRef.current = getId(data.item);
+                events.select({ id: initialSelectedRef.current });
+            }
+        },
+        initialSelectedIds: config.initialValue
+            ? [config.initialValue]
+            : ((_a = config.items) === null || _a === void 0 ? void 0 : _a.length) ? [getId(config.items[0])]
+                : [],
+        shouldVirtualize: false,
+    }));
+    var state = __assign(__assign({}, model.state), { disabled: config.disabled, size: config.size });
+    var events = __assign({}, model.events);
+    return __assign(__assign({}, model), { state: state,
+        events: events });
+});

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAE7B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC"}

package/dist/commonjs/status-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/StatusIndicator';
+//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/status-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../status-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/commonjs/{breadcrumbs → status-indicator}/index.js

@@ -10,4 +10,4 @@ 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("./lib/Breadcrumbs"), exports);
+__exportStar(require("./lib/StatusIndicator"), exports);

package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { HStack } from '@workday/canvas-kit-react/layout';
+export interface StatusIndicatorProps extends Partial<ExtractProps<typeof HStack, never>> {
+    /**
+     * Children of the `StatusIndicator`. Can contain a `StatusIndicator.Label` and optionally a `StatusIndicator.Icon`.
+     */
+    children: React.ReactNode;
+}
+export declare const useStatusIndicator: <P extends {}, R>(model: {
+    state: {
+        emphasis: import("./hooks").StatusIndicatorEmphasis;
+        variant: import("./hooks").StatusIndicatorVariant;
+    };
+    events: {};
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
+    opacity: string | undefined;
+    color: string;
+    background: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+export declare const StatusIndicator: import("@workday/canvas-kit-react/common").ElementComponentM<"div", StatusIndicatorProps & Partial<{
+    emphasis: import("./hooks").StatusIndicatorEmphasis;
+    variant: import("./hooks").StatusIndicatorVariant;
+}> & {} & {}, {
+    state: {
+        emphasis: import("./hooks").StatusIndicatorEmphasis;
+        variant: import("./hooks").StatusIndicatorVariant;
+    };
+    events: {};
+}> & {
+    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./StatusIndicatorIcon").StatusIndicatorIconProps, {
+        state: {
+            emphasis: import("./hooks").StatusIndicatorEmphasis;
+            variant: import("./hooks").StatusIndicatorVariant;
+        };
+        events: {};
+    }>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("./StatusIndicatorLabel").StatusIndicatorLabelProps>;
+};
+//# sourceMappingURL=StatusIndicator.d.ts.map

package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAuC,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAKxD,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;IACvF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;OAO7B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;CAwB1B,CAAC"}

package/dist/commonjs/status-indicator/lib/StatusIndicator.js

@@ -0,0 +1,55 @@
+"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.StatusIndicator = exports.useStatusIndicator = 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 StatusIndicatorIcon_1 = require("./StatusIndicatorIcon");
+var StatusIndicatorLabel_1 = require("./StatusIndicatorLabel");
+var hooks_1 = require("./hooks");
+exports.useStatusIndicator = common_1.createElemPropsHook(hooks_1.useStatusIndicatorModel)(function (_a) {
+    var state = _a.state;
+    var colors = StatusIndicatorIcon_1.statusIndicatorColors[state.variant][state.emphasis];
+    return {
+        opacity: state.variant === 'transparent' ? '0.85' : undefined,
+        color: colors.text,
+        background: colors.background,
+    };
+});
+exports.StatusIndicator = common_1.createContainer('div')({
+    displayName: 'StatusIndicator',
+    modelHook: hooks_1.useStatusIndicatorModel,
+    elemPropsHook: exports.useStatusIndicator,
+    subComponents: {
+        Icon: StatusIndicatorIcon_1.StatusIndicatorIcon,
+        Label: StatusIndicatorLabel_1.StatusIndicatorLabel,
+    },
+})(function (_a, Element, model) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return (react_1.default.createElement(layout_1.HStack, __assign({ spacing: 4, as: Element, maxWidth: 200, paddingX: "xxxs", display: "inline-flex", alignItems: "center", height: 20, borderRadius: "s" }, elemProps), children));
+});

package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts

@@ -0,0 +1,73 @@
+import { SystemIconProps } from '@workday/canvas-kit-react/icon';
+export interface StatusIndicatorIconProps extends SystemIconProps {
+}
+export declare const statusIndicatorColors: {
+    gray: {
+        high: {
+            text: string;
+            background: string;
+        };
+        low: {
+            text: string;
+            background: string;
+        };
+    };
+    orange: {
+        high: {
+            text: string;
+            background: string;
+        };
+        low: {
+            text: string;
+            background: string;
+        };
+    };
+    blue: {
+        high: {
+            text: string;
+            background: string;
+        };
+        low: {
+            text: string;
+            background: string;
+        };
+    };
+    green: {
+        high: {
+            text: string;
+            background: string;
+        };
+        low: {
+            text: string;
+            background: string;
+        };
+    };
+    red: {
+        high: {
+            text: string;
+            background: string;
+        };
+        low: {
+            text: string;
+            background: string;
+        };
+    };
+    transparent: {
+        high: {
+            text: string;
+            background: string;
+        };
+        low: {
+            text: string;
+            background: string;
+        };
+    };
+};
+export declare const StatusIndicatorIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", StatusIndicatorIconProps, {
+    state: {
+        emphasis: import("./hooks").StatusIndicatorEmphasis;
+        variant: import("./hooks").StatusIndicatorVariant;
+    };
+    events: {};
+}>;
+//# sourceMappingURL=StatusIndicatorIcon.d.ts.map

package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicatorIcon.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG;AAIpE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DjC,CAAC;AAUF,eAAO,MAAM,mBAAmB;;;;;;EAK9B,CAAC"}

package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js

@@ -0,0 +1,98 @@
+"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.StatusIndicatorIcon = exports.statusIndicatorColors = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var icon_1 = require("@workday/canvas-kit-react/icon");
+var hooks_1 = require("./hooks");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+exports.statusIndicatorColors = {
+    gray: {
+        high: {
+            text: tokens_1.colors.frenchVanilla100,
+            background: tokens_1.colors.licorice300,
+        },
+        low: {
+            text: tokens_1.colors.licorice400,
+            background: tokens_1.colors.soap300,
+        },
+    },
+    orange: {
+        high: {
+            text: tokens_1.colors.licorice500,
+            background: tokens_1.colors.cantaloupe400,
+        },
+        low: {
+            text: tokens_1.colors.toastedMarshmallow600,
+            background: tokens_1.colors.cantaloupe100,
+        },
+    },
+    blue: {
+        high: {
+            text: tokens_1.colors.frenchVanilla100,
+            background: tokens_1.colors.blueberry400,
+        },
+        low: {
+            text: tokens_1.colors.blueberry500,
+            background: tokens_1.colors.blueberry100,
+        },
+    },
+    green: {
+        high: {
+            text: tokens_1.colors.frenchVanilla100,
+            background: tokens_1.colors.greenApple600,
+        },
+        low: {
+            text: tokens_1.colors.greenApple600,
+            background: tokens_1.colors.greenApple100,
+        },
+    },
+    red: {
+        high: {
+            text: tokens_1.colors.frenchVanilla100,
+            background: tokens_1.colors.cinnamon500,
+        },
+        low: {
+            text: tokens_1.colors.cinnamon600,
+            background: tokens_1.colors.cinnamon100,
+        },
+    },
+    transparent: {
+        high: {
+            text: tokens_1.colors.frenchVanilla100,
+            background: tokens_1.colors.blackPepper600,
+        },
+        low: {
+            text: tokens_1.colors.frenchVanilla100,
+            background: tokens_1.colors.blackPepper600,
+        },
+    },
+};
+var useStatusIndicatorIcon = common_1.createElemPropsHook(hooks_1.useStatusIndicatorModel)(function (_a) {
+    var state = _a.state;
+    var colors = exports.statusIndicatorColors[state.variant][state.emphasis];
+    return {
+        color: colors.text,
+        colorHover: colors.background,
+    };
+});
+exports.StatusIndicatorIcon = common_1.createSubcomponent('span')({
+    modelHook: hooks_1.useStatusIndicatorModel,
+    elemPropsHook: useStatusIndicatorIcon,
+})(function (elemProps, Element, model) {
+    return react_1.default.createElement(icon_1.SystemIcon, __assign({ as: Element, size: 20, role: "img" }, elemProps));
+});

package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts

@@ -0,0 +1,5 @@
+import { TextProps } from '@workday/canvas-kit-react/text';
+export interface StatusIndicatorLabelProps extends TextProps {
+}
+export declare const StatusIndicatorLabel: import("@workday/canvas-kit-react/common").ElementComponent<"span", StatusIndicatorLabelProps>;
+//# sourceMappingURL=StatusIndicatorLabel.d.ts.map

package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicatorLabel.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,yBAA0B,SAAQ,SAAS;CAAG;AAE/D,eAAO,MAAM,oBAAoB,gGAoB/B,CAAC"}

package/dist/commonjs/{breadcrumbs/lib/Breadcrumbs/Nav.js → status-indicator/lib/StatusIndicatorLabel.js}

@@ -25,10 +25,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadcrumbsNav = void 0;
+exports.StatusIndicatorLabel = void 0;
 var react_1 = __importDefault(require("react"));
-var BreadcrumbsNav = function (_a) {
-    var ariaLabel = _a["aria-label"], elemProps = __rest(_a, ['aria-label']);
-    return react_1.default.createElement("nav", __assign({ role: "navigation", "aria-label": ariaLabel }, elemProps));
-};
-exports.BreadcrumbsNav = BreadcrumbsNav;
+var common_1 = require("@workday/canvas-kit-react/common");
+var text_1 = require("@workday/canvas-kit-react/text");
+exports.StatusIndicatorLabel = common_1.createComponent('span')({
+    displayName: 'StatusIndicator.Label',
+    Component: function (_a, ref, Element) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        return (react_1.default.createElement(text_1.Text, __assign({ whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", typeLevel: "subtext.large", fontWeight: "bold", textTransform: "capitalize", ref: ref, color: "inherit", as: Element }, elemProps), children));
+    },
+});

package/dist/commonjs/status-indicator/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useStatusIndicatorModel';
+//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/status-indicator/lib/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../status-indicator/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/commonjs/status-indicator/lib/hooks/index.js

@@ -0,0 +1,13 @@
+"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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./useStatusIndicatorModel"), exports);

package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts

@@ -0,0 +1,75 @@
+export declare type StatusIndicatorVariant = 'gray' | 'orange' | 'blue' | 'green' | 'red' | 'transparent';
+export declare type StatusIndicatorEmphasis = 'high' | 'low';
+export declare const useStatusIndicatorModel: (<TT_Special_Generic>(config?: (Partial<{
+    /**
+     * Defines the emphasis of the `StatusIndicator`.
+     * `high` emphasis will create more contrast between the background and text colors.
+     * `low` emphasis will create less contrast between the background and text colors.
+     * @default 'low'
+     */
+    emphasis: StatusIndicatorEmphasis;
+    /**
+     * Defines the color of the `StatusIndicator`.
+     * @default 'gray'
+     */
+    variant: StatusIndicatorVariant;
+}> & {} & {}) | undefined) => {
+    state: {
+        /**
+         * Defines the emphasis of the `StatusIndicator`.
+         * `high` emphasis will create more contrast between the background and text colors.
+         * `low` emphasis will create less contrast between the background and text colors.
+         * @default 'low'
+         */
+        emphasis: StatusIndicatorEmphasis;
+        /**
+         * Defines the color of the `StatusIndicator`.
+         * @default 'gray'
+         */
+        variant: StatusIndicatorVariant;
+    };
+    events: {};
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
+    /**
+     * Defines the emphasis of the `StatusIndicator`.
+     * `high` emphasis will create more contrast between the background and text colors.
+     * `low` emphasis will create less contrast between the background and text colors.
+     * @default 'low'
+     */
+    emphasis: StatusIndicatorEmphasis;
+    /**
+     * Defines the color of the `StatusIndicator`.
+     * @default 'gray'
+     */
+    variant: StatusIndicatorVariant;
+}, {}, {
+    /**
+     * Defines the emphasis of the `StatusIndicator`.
+     * `high` emphasis will create more contrast between the background and text colors.
+     * `low` emphasis will create less contrast between the background and text colors.
+     * @default 'low'
+     */
+    emphasis: StatusIndicatorEmphasis;
+    /**
+     * Defines the color of the `StatusIndicator`.
+     * @default 'gray'
+     */
+    variant: StatusIndicatorVariant;
+}, {}, {
+    state: {
+        /**
+         * Defines the emphasis of the `StatusIndicator`.
+         * `high` emphasis will create more contrast between the background and text colors.
+         * `low` emphasis will create less contrast between the background and text colors.
+         * @default 'low'
+         */
+        emphasis: StatusIndicatorEmphasis;
+        /**
+         * Defines the color of the `StatusIndicator`.
+         * @default 'gray'
+         */
+        variant: StatusIndicatorVariant;
+    };
+    events: {};
+}>;
+//# sourceMappingURL=useStatusIndicatorModel.d.ts.map

package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatusIndicatorModel.d.ts","sourceRoot":"","sources":["../../../../../status-indicator/lib/hooks/useStatusIndicatorModel.tsx"],"names":[],"mappings":"AAEA,oBAAY,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAC;AAElG,oBAAY,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC;AAErD,eAAO,MAAM,uBAAuB;IAEhC;;;;;OAKG;;IAGH;;;OAGG;;;;QAXH;;;;;WAKG;;QAGH;;;WAGG;;;;;IAXH;;;;;OAKG;;IAGH;;;OAGG;;;IAXH;;;;;OAKG;;IAGH;;;OAGG;;;;QAXH;;;;;WAKG;;QAGH;;;WAGG;;;;EASL,CAAC"}

package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.js

@@ -0,0 +1,34 @@
+"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.useStatusIndicatorModel = void 0;
+var common_1 = require("@workday/canvas-kit-react/common");
+exports.useStatusIndicatorModel = common_1.createModelHook({
+    defaultConfig: {
+        /**
+         * Defines the emphasis of the `StatusIndicator`.
+         * `high` emphasis will create more contrast between the background and text colors.
+         * `low` emphasis will create less contrast between the background and text colors.
+         * @default 'low'
+         */
+        emphasis: 'low',
+        /**
+         * Defines the color of the `StatusIndicator`.
+         * @default 'gray'
+         */
+        variant: 'gray',
+    },
+})(function (config) {
+    var state = __assign({}, config);
+    return { state: state, events: {} };
+});

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

@@ -19,16 +19,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
     };
     events: {};
 }> & {
-    Context: React.Context<{
-        state: {
-            id: string;
-            hasError: boolean;
-            isRequired: boolean;
-        };
-        events: {};
-    }>;
-} & {
-    Field: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout").BorderColorStyleProps & import("@workday/canvas-kit-react/layout").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout").BorderLineStyleProps & import("@workday/canvas-kit-react/layout").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").BorderLogicalStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStandardProps & import("@workday/canvas-kit-react/layout").PositionLogicalProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceLogicalProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
+    Field: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
         state: {
             id: string;
             hasError: boolean;
@@ -51,7 +42,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
         };
         events: {};
     }>;
-    Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/layout").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout").BorderColorStyleProps & import("@workday/canvas-kit-react/layout").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout").BorderLineStyleProps & import("@workday/canvas-kit-react/layout").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").BorderLogicalStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStandardProps & import("@workday/canvas-kit-react/layout").PositionLogicalProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceLogicalProps, {
+    Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", Pick<import("@workday/canvas-kit-react/text").TypeLevelProps, "top" | "left" | "right" | "bottom" | "fill" | "children" | "color" | "resize" | "width" | "height" | "alignSelf" | "appearance" | "backgroundAttachment" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "boxSizing" | "content" | "cursor" | "display" | "flexBasis" | "flexGrow" | "flexShrink" | "float" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "insetInlineEnd" | "insetInlineStart" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineOffset" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "textAlign" | "textOverflow" | "textShadow" | "textTransform" | "transform" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "wordBreak" | "zIndex" | "animation" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "listStyle" | "margin" | "outline" | "overflow" | "padding" | "placeSelf" | "textDecoration" | "transition" | "stroke" | "depth" | "marginX" | "marginY" | "paddingX" | "paddingY" | "variant">, {
         state: {
             id: string;
             hasError: boolean;

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,SAAS,EAA0B,MAAM,8CAA8C,CAAC;AAMhG,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,SAAS,EAA0B,MAAM,8CAA8C,CAAC;AAMhG,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}

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

@@ -1,4 +1,4 @@
-export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout").BorderColorStyleProps & import("@workday/canvas-kit-react/layout").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout").BorderLineStyleProps & import("@workday/canvas-kit-react/layout").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").BorderLogicalStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStandardProps & import("@workday/canvas-kit-react/layout").PositionLogicalProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceLogicalProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
+export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
     state: {
         id: string;
         hasError: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AA0CA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;EA+BxB,CAAC"}
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AAyCA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;EAgCxB,CAAC"}