@workday/canvas-kit-preview-react 6.0.5 → 6.1.1

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

@@ -0,0 +1,52 @@
+"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 });
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+var layout_1 = require("@workday/canvas-kit-labs-react/layout");
+var hooks_1 = require("./hooks");
+var TextAreaField_1 = require("./TextAreaField");
+var TextAreaLabel_1 = require("./TextAreaLabel");
+var TextAreaHint_1 = require("./TextAreaHint");
+exports.TextAreaModelContext = form_field_1.FormFieldModelContext;
+exports.TextArea = common_1.createComponent()({
+    displayName: 'TextArea',
+    Component: function (_a, ref) {
+        var children = _a.children, model = _a.model, orientation = _a.orientation, props = __rest(_a, ["children", "model", "orientation"]);
+        var hasError = props.hasError, id = props.id, isRequired = props.isRequired, elemProps = __rest(props, ["hasError", "id", "isRequired"]);
+        var value = common_1.useDefaultModel(model, { hasError: hasError, id: id, isRequired: isRequired }, hooks_1.useTextAreaModel);
+        var layoutProps = form_field_1.useFormFieldOrientation(orientation);
+        return (react_1.default.createElement(exports.TextAreaModelContext.Provider, { value: value },
+            react_1.default.createElement(layout_1.Stack, __assign({ ref: ref }, layoutProps, elemProps), children)));
+    },
+    subComponents: {
+        Field: TextAreaField_1.TextAreaField,
+        Label: TextAreaLabel_1.TextAreaLabel,
+        Hint: TextAreaHint_1.TextAreaHint,
+    },
+});

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

@@ -0,0 +1,8 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+import { TextAreaModel } from './hooks';
+export interface TextAreaFieldProps extends ExtractProps<typeof FormField.Input, never> {
+    model?: TextAreaModel;
+}
+export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", TextAreaFieldProps>;
+//# sourceMappingURL=TextAreaField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACrF,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AA4BD,eAAO,MAAM,aAAa,6FAiCxB,CAAC"}

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

@@ -0,0 +1,65 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/** @jsx jsx */
+var core_1 = require("@emotion/core");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var common_1 = require("@workday/canvas-kit-react/common");
+var common_2 = require("@workday/canvas-kit-labs-react/common");
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+var TextArea_1 = require("./TextArea");
+var baseStyles = __assign(__assign({}, tokens_1.type.levels.subtext.large), { transition: '0.2s box-shadow, 0.2s border-color', resize: 'both', '&::webkit-resizer': {
+        display: 'none',
+    }, '&::placeholder': {
+        color: tokens_1.inputColors.placeholder,
+    }, '&:hover': {
+        borderColor: tokens_1.inputColors.hoverBorder,
+    }, '&:focus:not([disabled])': {
+        outline: 'none',
+    }, '&:disabled': {
+        backgroundColor: tokens_1.inputColors.disabled.background,
+        borderColor: tokens_1.inputColors.disabled.border,
+        color: tokens_1.inputColors.disabled.text,
+        '&::placeholder': {
+            color: tokens_1.inputColors.disabled.text,
+        },
+    } });
+exports.TextAreaField = common_1.createComponent('textarea')({
+    displayName: 'TextArea.Field',
+    Component: function (_a, ref) {
+        var model = _a.model, elemProps = __rest(_a, ["model"]);
+        var localModel = common_1.useModelContext(TextArea_1.TextAreaModelContext, model);
+        var theme = common_1.useTheme();
+        var errorRing = common_2.useThemedRing('error');
+        var focusStyles = localModel.state.hasError
+            ? errorRing
+            : {
+                '&:focus:not([disabled])': {
+                    borderColor: theme.canvas.palette.common.focusOutline,
+                    boxShadow: "inset 0 0 0 1px " + theme.canvas.palette.common.focusOutline,
+                },
+            };
+        return (core_1.jsx(form_field_1.FormField.Input, __assign({ as: "textarea", ref: ref, css: [baseStyles, focusStyles] }, elemProps, { border: "1px solid " + tokens_1.inputColors.border, display: 'block', backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, minHeight: 64, minWidth: 280, padding: tokens_1.spaceNumbers.xxs, margin: 0 })));
+    },
+});

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

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
+export declare const TextAreaHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
+//# sourceMappingURL=TextAreaHint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaHint.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,YAAY,mIAAiB,CAAC"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+exports.TextAreaHint = form_field_1.FormField.Hint;

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

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
+export declare const TextAreaLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
+//# sourceMappingURL=TextAreaLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaLabel.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE7E,eAAO,MAAM,aAAa,yIAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+exports.TextAreaLabel = form_field_1.FormField.Label;

package/dist/commonjs/text-area/lib/hooks/index.d.ts

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

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./useTextAreaModel"));

package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts

@@ -0,0 +1,8 @@
+import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
+export declare const useTextAreaModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>;
+export declare type TextAreaModel = FormFieldModel;
+//# sourceMappingURL=useTextAreaModel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextAreaModel.d.ts","sourceRoot":"","sources":["../../../../../text-area/lib/hooks/useTextAreaModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACf,MAAM,8CAA8C,CAAC;AAEtD,eAAO,MAAM,gBAAgB;;;;MAAoB,CAAC;AAElD,oBAAY,aAAa,GAAG,cAAc,CAAC"}

package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+exports.useTextAreaModel = form_field_1.useFormFieldModel;

package/dist/commonjs/text-input/index.d.ts

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

package/dist/commonjs/text-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./lib/TextInput"));
+__export(require("./lib/hooks"));

package/dist/commonjs/text-input/lib/TextInput.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+import { TextInputModel } from './hooks';
+export declare const TextInputModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>>;
+export interface TextInputProps extends ExtractProps<typeof FormField, never> {
+    model?: TextInputModel;
+    /**
+     * Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
+     */
+    children: React.ReactNode;
+}
+export declare const TextInput: import("@workday/canvas-kit-react/common").Component<TextInputProps> & {
+    Field: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInputField").TextInputFieldProps>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
+    Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
+};
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,SAAS,EAAiD,MAAM,8CAA8C,CAAC;AAGvH,OAAO,EAAoB,cAAc,EAAC,MAAM,SAAS,CAAC;AAK1D,eAAO,MAAM,qBAAqB;;;;OAAwB,CAAC;AAE3D,MAAM,WAAW,cAAgB,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS;;;;CAqBpB,CAAC"}

package/dist/commonjs/text-input/lib/TextInput.js

@@ -0,0 +1,52 @@
+"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 });
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+var layout_1 = require("@workday/canvas-kit-labs-react/layout");
+var hooks_1 = require("./hooks");
+var TextInputField_1 = require("./TextInputField");
+var TextInputLabel_1 = require("./TextInputLabel");
+var TextInputHint_1 = require("./TextInputHint");
+exports.TextInputModelContext = form_field_1.FormFieldModelContext;
+exports.TextInput = common_1.createComponent()({
+    displayName: 'TextInput',
+    Component: function (_a, ref) {
+        var children = _a.children, model = _a.model, orientation = _a.orientation, props = __rest(_a, ["children", "model", "orientation"]);
+        var hasError = props.hasError, id = props.id, isRequired = props.isRequired, elemProps = __rest(props, ["hasError", "id", "isRequired"]);
+        var value = common_1.useDefaultModel(model, { hasError: hasError, id: id, isRequired: isRequired }, hooks_1.useTextInputModel);
+        var layoutProps = form_field_1.useFormFieldOrientation(orientation);
+        return (react_1.default.createElement(exports.TextInputModelContext.Provider, { value: value },
+            react_1.default.createElement(layout_1.Stack, __assign({ ref: ref }, layoutProps, elemProps), children)));
+    },
+    subComponents: {
+        Field: TextInputField_1.TextInputField,
+        Label: TextInputLabel_1.TextInputLabel,
+        Hint: TextInputHint_1.TextInputHint,
+    },
+});

package/dist/commonjs/text-input/lib/TextInputField.d.ts

@@ -0,0 +1,8 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+import { TextInputModel } from './hooks';
+export interface TextInputFieldProps extends ExtractProps<typeof FormField.Input, never> {
+    model?: TextInputModel;
+}
+export declare const TextInputField: import("@workday/canvas-kit-react/common").ElementComponent<"input", TextInputFieldProps>;
+//# sourceMappingURL=TextInputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAGvE,OAAO,EAAoB,cAAc,EAAC,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACtF,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AA2BD,eAAO,MAAM,cAAc,2FAkCzB,CAAC"}

package/dist/commonjs/text-input/lib/TextInputField.js

@@ -0,0 +1,67 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/** @jsx jsx */
+var core_1 = require("@emotion/core");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var common_1 = require("@workday/canvas-kit-react/common");
+var common_2 = require("@workday/canvas-kit-labs-react/common");
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+var TextInput_1 = require("./TextInput");
+var hooks_1 = require("./hooks");
+var baseStyles = __assign(__assign({}, tokens_1.type.levels.subtext.large), { transition: '0.2s box-shadow, 0.2s border-color', '&::placeholder': {
+        color: tokens_1.inputColors.placeholder,
+    }, '&:hover': {
+        borderColor: tokens_1.inputColors.hoverBorder,
+    }, '&:focus:not([disabled])': {
+        outline: 'none',
+    }, '&:disabled': {
+        backgroundColor: tokens_1.inputColors.disabled.background,
+        borderColor: tokens_1.inputColors.disabled.border,
+        color: tokens_1.inputColors.disabled.text,
+        '&::placeholder': {
+            color: tokens_1.inputColors.disabled.text,
+        },
+    }, '::-ms-clear': {
+        display: 'none',
+    } });
+exports.TextInputField = common_1.createComponent('input')({
+    displayName: 'TextInput.Field',
+    Component: function (_a, ref) {
+        var model = _a.model, elemProps = __rest(_a, ["model"]);
+        var localModel = common_1.useModelContext(TextInput_1.TextInputModelContext, model);
+        var props = hooks_1.useTextInputField(localModel, elemProps, ref);
+        var theme = common_1.useTheme();
+        var errorRing = common_2.useThemedRing('error');
+        var focusStyles = localModel.state.hasError
+            ? errorRing
+            : {
+                '&:focus:not([disabled])': {
+                    borderColor: theme.canvas.palette.common.focusOutline,
+                    boxShadow: "inset 0 0 0 1px " + theme.canvas.palette.common.focusOutline,
+                },
+            };
+        return (core_1.jsx(form_field_1.FormField.Input, __assign({ as: "input", css: [baseStyles, focusStyles], padding: tokens_1.space.xxs, margin: 0, display: 'block', height: '40px', minWidth: '280px', border: "1px solid " + tokens_1.inputColors.border, backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m }, props)));
+    },
+});

package/dist/commonjs/text-input/lib/TextInputHint.d.ts

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
+export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
+//# sourceMappingURL=TextInputHint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputHint.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,mIAAiB,CAAC"}

package/dist/commonjs/text-input/lib/TextInputHint.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+exports.TextInputHint = form_field_1.FormField.Hint;

package/dist/commonjs/text-input/lib/TextInputLabel.d.ts

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
+export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
+//# sourceMappingURL=TextInputLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputLabel.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,mBAAmB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,yIAAkB,CAAC"}

package/dist/commonjs/text-input/lib/TextInputLabel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+exports.TextInputLabel = form_field_1.FormField.Label;

package/dist/commonjs/text-input/lib/hooks/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./useTextInputField"));
+__export(require("./useTextInputModel"));

package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
+ */
+export declare const useTextInputField: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<any, any>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    type: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useTextInputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextInputField.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputField.tsx"],"names":[],"mappings":";AAEA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;OAI5B,CAAC"}

package/dist/commonjs/text-input/lib/hooks/useTextInputField.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var common_1 = require("@workday/canvas-kit-react/common");
+/**
+ * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
+ */
+exports.useTextInputField = common_1.createHook(function () {
+    return {
+        type: 'text',
+    };
+});

package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts

@@ -0,0 +1,8 @@
+import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
+export declare const useTextInputModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>;
+export declare type TextInputModel = FormFieldModel;
+//# sourceMappingURL=useTextInputModel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextInputModel.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACf,MAAM,8CAA8C,CAAC;AAEtD,eAAO,MAAM,iBAAiB;;;;MAAoB,CAAC;AAEnD,oBAAY,cAAc,GAAG,cAAc,CAAC"}

package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
+exports.useTextInputModel = form_field_1.useFormFieldModel;

package/dist/es6/form-field/index.d.ts

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

package/dist/es6/form-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dist/es6/form-field/index.js

@@ -0,0 +1,2 @@
+export * from './lib/FormField';
+export * from './lib/hooks/';

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Stack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { FormFieldModel, FormFieldModelConfig } from './hooks';
+export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>>;
+export interface FormFieldProps extends FormFieldModelConfig, Omit<ExtractProps<typeof Stack, never>, 'spacing'> {
+    model?: FormFieldModel;
+    /**
+     * Children of the Text Input. Should contain a `<FormField.Input>`, a `<FormField.Label>` and an optional `<FormField.Hint>`
+     */
+    children: React.ReactNode;
+    /**
+     * The direction the child elements should stack
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Spacing between children elements
+     * @default xxxs when vertical l when orientation is horizontal
+     */
+    spacing?: StackSpacing;
+}
+export declare const FormField: import("@workday/canvas-kit-react/common").Component<FormFieldProps> & {
+    Input: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./FormFieldInput").FormFieldInputProps>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("./FormFieldLabel").FormFieldLabelProps>;
+    Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("./FormFieldHint").FormFieldHintProps>;
+};
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,uCAAuC,CAAC;AAE1E,OAAO,EAEL,cAAc,EACd,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,qBAAqB;;;;OAAiD,CAAC;AAEpF,MAAM,WAAW,cAAe,SAAQ,oBAAoB,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAC9G,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,EAAE,UAAU,GAAG,YAAY,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;;;;CAqBpB,CAAC"}

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

@@ -0,0 +1,46 @@
+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;
+};
+import React from 'react';
+import { createComponent, useDefaultModel } from '@workday/canvas-kit-react/common';
+import { Stack } from '@workday/canvas-kit-labs-react/layout';
+import { useFormFieldModel, useFormFieldOrientation } from './hooks';
+import { FormFieldInput } from './FormFieldInput';
+import { FormFieldLabel } from './FormFieldLabel';
+import { FormFieldHint } from './FormFieldHint';
+export var FormFieldModelContext = React.createContext({});
+export var FormField = createComponent()({
+    displayName: 'FormField',
+    Component: function (_a, ref) {
+        var children = _a.children, model = _a.model, spacing = _a.spacing, orientation = _a.orientation, props = __rest(_a, ["children", "model", "spacing", "orientation"]);
+        var hasError = props.hasError, id = props.id, isRequired = props.isRequired, elemProps = __rest(props, ["hasError", "id", "isRequired"]);
+        var value = useDefaultModel(model, { hasError: hasError, id: id, isRequired: isRequired }, useFormFieldModel);
+        var layoutProps = useFormFieldOrientation(orientation);
+        return (React.createElement(FormFieldModelContext.Provider, { value: value },
+            React.createElement(Stack, __assign({ ref: ref }, layoutProps, elemProps), children)));
+    },
+    subComponents: {
+        Input: FormFieldInput,
+        Label: FormFieldLabel,
+        Hint: FormFieldHint,
+    },
+});

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-labs-react/common';
+import { FormFieldModel } from './hooks';
+export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
+    model?: FormFieldModel;
+    /**
+     * Hint text to show to the user regarding the Error/Alert
+     */
+    children?: React.ReactNode;
+}
+export declare const FormFieldHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", FormFieldHintProps>;
+//# sourceMappingURL=FormFieldHint.d.ts.map

package/dist/es6/form-field/lib/FormFieldHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldHint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldHint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAC,GAAG,EAAC,MAAM,uCAAuC,CAAC;AAG1D,OAAO,EAAC,cAAc,EAAmB,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACzE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,sFA0BxB,CAAC"}