@workday/canvas-kit-labs-react 6.0.0-beta.0-next.16 → 6.0.3

package/dist/commonjs/search-form/lib/themes.d.ts

@@ -0,0 +1,21 @@
+export declare enum SearchTheme {
+    Light = 0,
+    Dark = 1,
+    Transparent = 2
+}
+export interface SearchThemeAttributes {
+    background?: string;
+    backgroundFocus?: string;
+    backgroundHover?: string;
+    color?: string;
+    colorFocus?: string;
+    placeholderColor?: string;
+    placeholderColorFocus?: string;
+    boxShadow?: string | string[];
+    boxShadowFocus?: string | string[];
+}
+export interface SearchThemes {
+    [key: string]: SearchThemeAttributes;
+}
+export declare const searchThemes: SearchThemes;
+//# sourceMappingURL=themes.d.ts.map

package/dist/commonjs/search-form/lib/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/themes.ts"],"names":[],"mappings":"AAGA,oBAAY,WAAW;IACrB,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AACD,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,EAAE,YA6B1B,CAAC"}

package/dist/commonjs/search-form/lib/themes.js

@@ -0,0 +1,41 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+var common_1 = require("@workday/canvas-kit-react/common");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var SearchTheme;
+(function (SearchTheme) {
+    SearchTheme[SearchTheme["Light"] = 0] = "Light";
+    SearchTheme[SearchTheme["Dark"] = 1] = "Dark";
+    SearchTheme[SearchTheme["Transparent"] = 2] = "Transparent";
+})(SearchTheme = exports.SearchTheme || (exports.SearchTheme = {}));
+exports.searchThemes = (_a = {},
+    _a[SearchTheme.Transparent] = {
+        background: 'rgba(0, 0, 0, 0)',
+        backgroundFocus: 'rgba(0, 0, 0, 0)',
+        color: tokens_1.colors.blackPepper300,
+        colorFocus: tokens_1.colors.blackPepper300,
+        placeholderColor: tokens_1.colors.licorice300,
+        placeholderColorFocus: tokens_1.colors.licorice300,
+        boxShadow: 'none',
+        boxShadowFocus: 'none',
+    },
+    _a[SearchTheme.Light] = {
+        background: tokens_1.colors.soap200,
+        backgroundFocus: tokens_1.colors.soap200,
+        backgroundHover: tokens_1.colors.soap300,
+        color: tokens_1.colors.blackPepper300,
+        placeholderColor: tokens_1.colors.licorice300,
+        boxShadow: 'none',
+        boxShadowFocus: common_1.focusRing().boxShadow,
+    },
+    _a[SearchTheme.Dark] = {
+        background: 'rgba(0, 0, 0, 0.2)',
+        backgroundFocus: tokens_1.colors.frenchVanilla100,
+        color: tokens_1.colors.frenchVanilla100,
+        colorFocus: tokens_1.colors.blackPepper300,
+        placeholderColor: tokens_1.colors.frenchVanilla100,
+        placeholderColorFocus: tokens_1.colors.licorice300,
+        boxShadow: 'none',
+    },
+    _a);

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

@@ -0,0 +1,7 @@
+export * from './lib/TextInput';
+export * from './lib/hooks/useTextInputModel';
+export * from './lib/hooks/useTextInputHint';
+export * from './lib/hooks/useTextInputField';
+export * from './lib/hooks/useTextInputHint';
+export * from './lib/hooks/useTextInputLabel';
+//# 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,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC"}

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

@@ -0,0 +1,11 @@
+"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/useTextInputModel"));
+__export(require("./lib/hooks/useTextInputHint"));
+__export(require("./lib/hooks/useTextInputField"));
+__export(require("./lib/hooks/useTextInputHint"));
+__export(require("./lib/hooks/useTextInputLabel"));

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TextInputModel, TextInputModelConfig } from './hooks/useTextInputModel';
+export declare const TextInputModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    inputId?: string | undefined;
+    hintId?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>>;
+export interface TextInputProps extends TextInputModelConfig {
+    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("./TextInputLabel").TextInputLabelProps>;
+    Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("./TextInputHint").TextInputHintProps>;
+};
+//# 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;AAI1B,OAAO,EAAoB,cAAc,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAKlG,eAAO,MAAM,qBAAqB;;;;;OAAiD,CAAC;AAEpF,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IAC1D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS;;;;CAcpB,CAAC"}

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

@@ -0,0 +1,36 @@
+"use strict";
+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 useTextInputModel_1 = require("./hooks/useTextInputModel");
+var TextInputField_1 = require("./TextInputField");
+var TextInputLabel_1 = require("./TextInputLabel");
+var TextInputHint_1 = require("./TextInputHint");
+exports.TextInputModelContext = react_1.default.createContext({});
+exports.TextInput = common_1.createComponent()({
+    displayName: 'TextInput',
+    Component: function (_a) {
+        var children = _a.children, model = _a.model, config = __rest(_a, ["children", "model"]);
+        var value = common_1.useDefaultModel(model, config, useTextInputModel_1.useTextInputModel);
+        return (react_1.default.createElement(exports.TextInputModelContext.Provider, { value: value }, 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 { Box } from '@workday/canvas-kit-labs-react/common';
+import { TextInputModel } from './hooks/useTextInputModel';
+export interface TextInputFieldProps extends ExtractProps<typeof Box, 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,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,GAAG,EAA6B,MAAM,uCAAuC,CAAC;AAGtF,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAGzD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC1E,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAmCD,eAAO,MAAM,cAAc,2FAoBzB,CAAC"}

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

@@ -0,0 +1,66 @@
+"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 TextInput_1 = require("./TextInput");
+var useTextInputField_1 = require("./hooks/useTextInputField");
+var baseStyles = __assign(__assign({}, tokens_1.type.levels.subtext.large), { padding: tokens_1.space.xxs, margin: 0, minWidth: '280px', border: "1px solid " + tokens_1.inputColors.border, backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, display: 'block', height: '40px', 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 = useTextInputField_1.useTextInputField(localModel, elemProps, ref);
+        var _b = common_2.useThemeRTL(), themeRTL = _b.themeRTL, theme = _b.theme;
+        var errorRing = common_2.useThemedRing('error');
+        var focusStyles = localModel.state.hasError
+            ? errorRing
+            : themeRTL({
+                '&:focus:not([disabled])': {
+                    borderColor: theme.canvas.palette.common.focusOutline,
+                    boxShadow: "inset 0 0 0 1px " + theme.canvas.palette.common.focusOutline,
+                },
+            });
+        return core_1.jsx(common_2.Box, __assign({ as: "input", css: [themeRTL(baseStyles), focusStyles] }, props));
+    },
+});

package/dist/commonjs/text-input/lib/TextInputHint.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 { TextInputModel } from './hooks/useTextInputModel';
+export interface TextInputHintProps extends ExtractProps<typeof Box, never> {
+    model?: TextInputModel;
+    /**
+     * Hint text to show to the user regarding the Error/Alert
+     */
+    children?: React.ReactNode;
+}
+export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", TextInputHintProps>;
+//# 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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAEhG,OAAO,EAAC,GAAG,EAAc,MAAM,uCAAuC,CAAC;AAGvE,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAGzD,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;AAQD,eAAO,MAAM,aAAa,sFAyBxB,CAAC"}

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

@@ -0,0 +1,46 @@
+"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 common_1 = require("@workday/canvas-kit-react/common");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var common_2 = require("@workday/canvas-kit-labs-react/common");
+var TextInput_1 = require("./TextInput");
+var useTextInputHint_1 = require("./hooks/useTextInputHint");
+var baseStyles = __assign(__assign({}, tokens_1.type.levels.subtext.medium), { margin: tokens_1.space.xxs + " 0 0", width: '100%' });
+exports.TextInputHint = common_1.createComponent('p')({
+    displayName: 'TextInput.Hint',
+    Component: function (_a, ref, Element) {
+        var model = _a.model, children = _a.children, elemProps = __rest(_a, ["model", "children"]);
+        var localModel = common_1.useModelContext(TextInput_1.TextInputModelContext, model);
+        var props = useTextInputHint_1.useTextInputHint(localModel, elemProps, ref);
+        var _b = common_2.useThemeRTL(), themeRTL = _b.themeRTL, theme = _b.theme;
+        if (!children) {
+            // If there is no hint text just skip rendering
+            return null;
+        }
+        return (core_1.jsx(common_2.Box, __assign({ as: Element, css: themeRTL(baseStyles, localModel.state.hasError ? { color: theme.canvas.palette.error.main } : {}) }, props), children));
+    },
+});

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-labs-react/common';
+import { TextInputModel } from './hooks/useTextInputModel';
+export interface TextInputLabelProps extends ExtractProps<typeof Box, never> {
+    model?: TextInputModel;
+    /**
+     * If true, apply the `accessibleHide` styles to the Label.
+     */
+    isVisuallyHidden?: boolean;
+    /**
+     * The text of the label.
+     */
+    children: React.ReactNode;
+}
+export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", TextInputLabelProps>;
+//# 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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAA+B,MAAM,uCAAuC,CAAC;AAKxF,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAGzD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC1E,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAkBD,eAAO,MAAM,cAAc,2FA2BzB,CAAC"}

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

@@ -0,0 +1,54 @@
+"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 common_1 = require("@workday/canvas-kit-react/common");
+var common_2 = require("@workday/canvas-kit-labs-react/common");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var layout_1 = require("@workday/canvas-kit-labs-react/layout");
+var TextInput_1 = require("./TextInput");
+var useTextInputLabel_1 = require("./hooks/useTextInputLabel");
+var styles = {
+    label: __assign(__assign({}, tokens_1.type.levels.subtext.large), { fontWeight: tokens_1.type.properties.fontWeights.medium, minWidth: '180px' }),
+    label_visuallyHidden: __assign({}, common_1.accessibleHide),
+    asterisk: {
+        fontSize: tokens_1.type.properties.fontSizes[16],
+        fontWeight: tokens_1.type.properties.fontWeights.regular,
+        textDecoration: 'unset',
+    },
+};
+exports.TextInputLabel = common_1.createComponent('label')({
+    displayName: 'TextInput.Label',
+    Component: function (_a, ref) {
+        var isVisuallyHidden = _a.isVisuallyHidden, model = _a.model, children = _a.children, elemProps = __rest(_a, ["isVisuallyHidden", "model", "children"]);
+        var localModel = common_1.useModelContext(TextInput_1.TextInputModelContext, model);
+        var props = useTextInputLabel_1.useTextInputLabel(localModel, elemProps, ref);
+        var _b = common_2.useThemeRTL(), themeRTL = _b.themeRTL, theme = _b.theme;
+        return (core_1.jsx(common_2.Box, __assign({ as: "label", css: themeRTL(styles.label, isVisuallyHidden ? styles.label_visuallyHidden : {}) }, props),
+            core_1.jsx(layout_1.HStack, { spacing: "xxxs" },
+                core_1.jsx("span", null, children),
+                localModel.state.isRequired && (core_1.jsx("span", { css: themeRTL(styles.asterisk, { color: theme.canvas.palette.error.main }), "aria-hidden": "true" }, "*")))));
+    },
+});

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

@@ -0,0 +1,19 @@
+/// <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<{
+    hasError?: boolean | undefined;
+    inputId?: string | undefined;
+    hintId?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    type: string;
+    required: boolean | undefined;
+    'aria-invalid': boolean | undefined;
+    'aria-describedby': string | undefined;
+    id: string | undefined;
+} & 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":";AAGA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;OAQ5B,CAAC"}

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

@@ -0,0 +1,16 @@
+"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 (_a) {
+    var state = _a.state;
+    return {
+        type: 'text',
+        required: state.isRequired ? true : undefined,
+        'aria-invalid': state.hasError ? true : undefined,
+        'aria-describedby': state.hintId,
+        id: state.inputId,
+    };
+});

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

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

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var common_1 = require("@workday/canvas-kit-react/common");
+/**
+ * Adds the necessary props to a `Hint` component. Used by the TextInput.Hint subcomponent.
+ */
+exports.useTextInputHint = common_1.createHook(function (_a) {
+    var state = _a.state;
+    return {
+        id: state.hintId,
+    };
+});

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

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

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var common_1 = require("@workday/canvas-kit-react/common");
+/**
+ * Adds the necessary props to a `Label` component. Used by the TextInput.Label subcomponent.
+ */
+exports.useTextInputLabel = common_1.createHook(function (_a) {
+    var state = _a.state;
+    return {
+        htmlFor: state.inputId,
+    };
+});

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

@@ -0,0 +1,17 @@
+import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
+declare type TextInputState = {
+    hasError?: boolean;
+    inputId?: string;
+    hintId?: string;
+    isRequired?: boolean;
+};
+declare type TextInputEvents = {};
+export declare type TextInputModel = Model<TextInputState, TextInputEvents>;
+declare const textInputEventMap: {
+    guards: {};
+    callbacks: {};
+};
+export declare type TextInputModelConfig = TextInputState & Partial<ToModelConfig<TextInputState, TextInputEvents, typeof textInputEventMap>>;
+export declare const useTextInputModel: (config?: TextInputModelConfig) => Model<TextInputState, TextInputEvents>;
+export {};
+//# 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.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EACL,aAAa,EAGd,MAAM,kCAAkC,CAAC;AAE1C,aAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,aAAK,eAAe,GAAG,EAAE,CAAC;AAE1B,oBAAY,cAAc,GAAG,KAAK,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAEpE,QAAA,MAAM,iBAAiB;;;CAGrB,CAAC;AAEH,oBAAY,oBAAoB,GAAG,cAAc,GAC/C,OAAO,CAAC,aAAa,CAAC,cAAc,EAAE,eAAe,EAAE,OAAO,iBAAiB,CAAC,CAAC,CAAC;AAEpF,eAAO,MAAM,iBAAiB,2EAiB7B,CAAC"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var common_1 = require("@workday/canvas-kit-react/common");
+var textInputEventMap = common_1.createEventMap()({
+    guards: {},
+    callbacks: {},
+});
+exports.useTextInputModel = function (config) {
+    if (config === void 0) { config = {}; }
+    var inputId = common_1.useUniqueId(config.inputId);
+    var hintId = common_1.useUniqueId(config.hintId);
+    var state = {
+        hasError: config.hasError,
+        isRequired: config.isRequired,
+        inputId: inputId,
+        hintId: hintId,
+    };
+    var events = common_1.useEventMap(textInputEventMap, state, config, {});
+    return {
+        state: state,
+        events: events,
+    };
+};

package/dist/es6/combobox/lib/AutocompleteList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAUjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACjF;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,mJAwFrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAajG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACjF;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,mJAwFrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/es6/combobox/lib/AutocompleteList.js

@@ -23,8 +23,11 @@ import { accessibleHide } from '@workday/canvas-kit-react/common';
 import { getOptionId, listBoxIdPart, getTextFromElement } from './Combobox';
 import uuid from 'uuid/v4';
 var Autocomplete = styled('ul')({
-    padding: 0,
-    margin: space.xxs + " 0",
+    margin: 0,
+    maxHeight: 200,
+    boxSizing: 'border-box',
+    overflowY: 'auto',
+    padding: space.xxs + " 0",
 });
 var AccessibleHide = styled('span')(accessibleHide);
 var AutocompleteList = function (_a) {

package/dist/es6/combobox/lib/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAC,cAAc,EAA+B,MAAM,kCAAkC,CAAC;AAE9F,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAa,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAE7E,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAMpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA8DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,wCAc9B,CAAC;AAYF,QAAA,MAAM,QAAQ,qNAuUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAC,cAAc,EAA+B,MAAM,kCAAkC,CAAC;AAE9F,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAa,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAE7E,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAMpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAChD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA6DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,wCAc9B,CAAC;AAYF,QAAA,MAAM,QAAQ,qNAuUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/es6/combobox/lib/Combobox.js

@@ -65,7 +65,6 @@ var MenuContainer = styled(Card)({
     minWidth: 0,
     animation: fadeInKeyframes + " 200ms ease-out",
     maxHeight: 200,
-    overflowY: 'auto',
 });
 var ResetButton = styled(IconButton)({
     width: space.l,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

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

@@ -1 +1,2 @@
 export * from './useThemeRTL';
+export * from './useThemedRing';

package/dist/es6/common/lib/theming/useThemedRing.d.ts

@@ -0,0 +1,11 @@
+import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
+import { CSSProperties } from '@workday/canvas-kit-react/tokens';
+declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
+interface ContrastColors {
+    outer?: string;
+    inner?: string;
+}
+export declare function getPaletteColors(type: paletteSelection, theme?: EmotionCanvasTheme): ContrastColors;
+export declare const useThemedRing: (type: "alert" | "error" | "primary" | "success" | "neutral") => CSSProperties;
+export {};
+//# sourceMappingURL=useThemedRing.d.ts.map

package/dist/es6/common/lib/theming/useThemedRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAAc,MAAM,kCAAkC,CAAC;AAGpF,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,CAAC,EAAE,kBAAkB,GACzB,cAAc,CA0BhB;AAED,eAAO,MAAM,aAAa,gFAyBzB,CAAC"}