@workday/canvas-kit-preview-react 9.0.0-alpha.364-next.3 → 9.0.0-alpha.382-next.2

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

@@ -1,31 +1,9 @@
-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 { createContainer } from '@workday/canvas-kit-react/common';
 import { FormField, useFormFieldModel, useFormFieldOrientation, } from '@workday/canvas-kit-preview-react/form-field';
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { TextInputField } from './TextInputField';
-export var TextInput = createContainer('div')({
+export const TextInput = createContainer('div')({
     displayName: 'TextInput',
     modelHook: useFormFieldModel,
     subComponents: {
@@ -33,8 +11,7 @@ export var TextInput = createContainer('div')({
         Label: FormField.Label,
         Hint: FormField.Hint,
     },
-})(function (_a, Element) {
-    var children = _a.children, orientation = _a.orientation, elemProps = __rest(_a, ["children", "orientation"]);
-    var layoutProps = useFormFieldOrientation(orientation);
-    return (React.createElement(Flex, __assign({ as: Element }, layoutProps, elemProps), children));
+})(({ children, orientation, ...elemProps }, Element) => {
+    const layoutProps = useFormFieldOrientation(orientation);
+    return (React.createElement(Flex, Object.assign({ as: Element }, layoutProps, elemProps), children));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AAyCA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;EAiCzB,CAAC"}
+{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AA6CA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;EAiCzB,CAAC"}

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

@@ -1,23 +1,11 @@
-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);
-};
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { borderRadius, inputColors, space, type, } from '@workday/canvas-kit-react/tokens';
-import { createSubcomponent, useTheme } from '@workday/canvas-kit-react/common';
-import { useThemedRing } from '@workday/canvas-kit-labs-react/common';
+import { createSubcomponent, useTheme, useThemedRing, } from '@workday/canvas-kit-react/common';
 import { FormField, useFormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
 import { useTextInputField } from './hooks';
-var baseStyles = {
+const baseStyles = {
     transition: '0.2s box-shadow, 0.2s border-color',
     '&::placeholder': {
         color: inputColors.placeholder,
@@ -40,20 +28,20 @@ var baseStyles = {
         display: 'none',
     },
 };
-export var TextInputField = createSubcomponent('input')({
+export const TextInputField = createSubcomponent('input')({
     displayName: 'TextInput.Field',
     modelHook: useFormFieldModel,
     elemPropsHook: useTextInputField,
-})(function (elemProps, Element, model) {
-    var theme = useTheme();
-    var errorRing = useThemedRing('error');
-    var focusStyles = model.state.hasError
+})((elemProps, Element, model) => {
+    const theme = useTheme();
+    const errorRing = useThemedRing('error');
+    const focusStyles = model.state.hasError
         ? errorRing
         : {
             '&:focus:not([disabled])': {
                 borderColor: theme.canvas.palette.common.focusOutline,
-                boxShadow: "inset 0 0 0 1px " + theme.canvas.palette.common.focusOutline,
+                boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
             },
         };
-    return (jsx(FormField.Input, __assign({ as: "input" }, type.levels.subtext.large, { css: [baseStyles, focusStyles], padding: space.xxs, margin: 0, display: "block", height: "40px", minWidth: "280px", border: "1px solid " + inputColors.border, backgroundColor: inputColors.background, borderRadius: borderRadius.m }, elemProps)));
+    return (jsx(FormField.Input, Object.assign({ as: "input" }, type.levels.subtext.large, { css: [baseStyles, focusStyles], padding: space.xxs, margin: 0, display: "block", height: "40px", minWidth: "280px", border: `1px solid ${inputColors.border}`, backgroundColor: inputColors.background, borderRadius: borderRadius.m }, elemProps)));
 });

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

@@ -3,7 +3,7 @@ import { useTextInputModel } from './useTextInputModel';
 /**
  * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
  */
-export var useTextInputField = createElemPropsHook(useTextInputModel)(function () {
+export const useTextInputField = createElemPropsHook(useTextInputModel)(() => {
     return {
         type: 'text',
     };

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

@@ -1,3 +1,3 @@
 import { useFormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
 /** @deprecated Please use `useFormFieldModel` instead */
-export var useTextInputModel = useFormFieldModel;
+export const useTextInputModel = useFormFieldModel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "9.0.0-alpha.364-next.3+338b6108",
+  "version": "9.0.0-alpha.382-next.2+5edca312",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,16 +46,15 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^9.0.0-alpha.364-next.3+338b6108",
+    "@workday/canvas-kit-react": "^9.0.0-alpha.382-next.2+5edca312",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8"
   },
   "devDependencies": {
     "@workday/canvas-accent-icons-web": "^3.0.0",
-    "@workday/canvas-kit-labs-react": "^9.0.0-alpha.364-next.3+338b6108",
     "formik": "^2.2.9",
     "react-hook-form": "7.36.1",
     "yup": "^0.32.11"
   },
-  "gitHead": "338b6108ddc7d5cf29960927389f7cd85e198e86"
+  "gitHead": "5edca312f27bb6df43083e778e7c7eb06f34e655"
 }

package/text-area/lib/TextAreaField.tsx

@@ -9,8 +9,12 @@ import {
   spaceNumbers,
   type,
 } from '@workday/canvas-kit-react/tokens';
-import {createSubcomponent, ExtractProps, useTheme} from '@workday/canvas-kit-react/common';
-import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
+import {
+  createSubcomponent,
+  ExtractProps,
+  useTheme,
+  useThemedRing,
+} from '@workday/canvas-kit-react/common';
 import {FormField} from '@workday/canvas-kit-preview-react/form-field';
 import {useTextInputModel} from '@workday/canvas-kit-preview-react/text-input';
 

package/text-input/lib/TextInputField.tsx

@@ -9,8 +9,12 @@ import {
   space,
   type,
 } from '@workday/canvas-kit-react/tokens';
-import {createSubcomponent, ExtractProps, useTheme} from '@workday/canvas-kit-react/common';
-import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
+import {
+  createSubcomponent,
+  ExtractProps,
+  useTheme,
+  useThemedRing,
+} from '@workday/canvas-kit-react/common';
 import {FormField, useFormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
 
 import {useTextInputField} from './hooks';