@workday/canvas-kit-preview-react 14.0.0-alpha.1230-next.0 → 14.0.0-alpha.1233-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/commonjs/index.d.ts +0 -3
  2. package/dist/commonjs/index.d.ts.map +1 -1
  3. package/dist/commonjs/index.js +0 -3
  4. package/dist/es6/index.d.ts +0 -3
  5. package/dist/es6/index.d.ts.map +1 -1
  6. package/dist/es6/index.js +0 -3
  7. package/index.ts +0 -3
  8. package/package.json +4 -4
  9. package/dist/commonjs/text-area/index.d.ts +0 -2
  10. package/dist/commonjs/text-area/index.d.ts.map +0 -1
  11. package/dist/commonjs/text-area/index.js +0 -17
  12. package/dist/commonjs/text-area/lib/TextArea.d.ts +0 -67
  13. package/dist/commonjs/text-area/lib/TextArea.d.ts.map +0 -1
  14. package/dist/commonjs/text-area/lib/TextArea.js +0 -29
  15. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +0 -21
  16. package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +0 -1
  17. package/dist/commonjs/text-area/lib/TextAreaField.js +0 -19
  18. package/dist/commonjs/text-input/index.d.ts +0 -3
  19. package/dist/commonjs/text-input/index.d.ts.map +0 -1
  20. package/dist/commonjs/text-input/index.js +0 -18
  21. package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -75
  22. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +0 -1
  23. package/dist/commonjs/text-input/lib/TextInput.js +0 -28
  24. package/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -21
  25. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +0 -1
  26. package/dist/commonjs/text-input/lib/TextInputField.js +0 -31
  27. package/dist/commonjs/text-input/lib/hooks/index.d.ts +0 -3
  28. package/dist/commonjs/text-input/lib/hooks/index.d.ts.map +0 -1
  29. package/dist/commonjs/text-input/lib/hooks/index.js +0 -18
  30. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -17
  31. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
  32. package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +0 -15
  33. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -36
  34. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
  35. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +0 -8
  36. package/dist/es6/text-area/index.d.ts +0 -2
  37. package/dist/es6/text-area/index.d.ts.map +0 -1
  38. package/dist/es6/text-area/index.js +0 -1
  39. package/dist/es6/text-area/lib/TextArea.d.ts +0 -67
  40. package/dist/es6/text-area/lib/TextArea.d.ts.map +0 -1
  41. package/dist/es6/text-area/lib/TextArea.js +0 -26
  42. package/dist/es6/text-area/lib/TextAreaField.d.ts +0 -21
  43. package/dist/es6/text-area/lib/TextAreaField.d.ts.map +0 -1
  44. package/dist/es6/text-area/lib/TextAreaField.js +0 -16
  45. package/dist/es6/text-input/index.d.ts +0 -3
  46. package/dist/es6/text-input/index.d.ts.map +0 -1
  47. package/dist/es6/text-input/index.js +0 -2
  48. package/dist/es6/text-input/lib/TextInput.d.ts +0 -75
  49. package/dist/es6/text-input/lib/TextInput.d.ts.map +0 -1
  50. package/dist/es6/text-input/lib/TextInput.js +0 -25
  51. package/dist/es6/text-input/lib/TextInputField.d.ts +0 -21
  52. package/dist/es6/text-input/lib/TextInputField.d.ts.map +0 -1
  53. package/dist/es6/text-input/lib/TextInputField.js +0 -28
  54. package/dist/es6/text-input/lib/hooks/index.d.ts +0 -3
  55. package/dist/es6/text-input/lib/hooks/index.d.ts.map +0 -1
  56. package/dist/es6/text-input/lib/hooks/index.js +0 -2
  57. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -17
  58. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
  59. package/dist/es6/text-input/lib/hooks/useTextInputField.js +0 -12
  60. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -36
  61. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
  62. package/dist/es6/text-input/lib/hooks/useTextInputModel.js +0 -5
  63. package/text-area/index.ts +0 -1
  64. package/text-area/lib/TextArea.tsx +0 -47
  65. package/text-area/lib/TextAreaField.tsx +0 -26
  66. package/text-area/package.json +0 -6
  67. package/text-input/index.ts +0 -2
  68. package/text-input/lib/TextInput.tsx +0 -48
  69. package/text-input/lib/TextInputField.tsx +0 -39
  70. package/text-input/lib/hooks/index.ts +0 -2
  71. package/text-input/lib/hooks/useTextInputField.tsx +0 -13
  72. package/text-input/lib/hooks/useTextInputModel.ts +0 -6
  73. package/text-input/package.json +0 -6
@@ -1,67 +0,0 @@
1
- import React from 'react';
2
- import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { FormField } from '@workday/canvas-kit-react/form-field';
4
- /**
5
- * @deprecated ⚠️ `TextAreaProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
6
- */
7
- export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
8
- /**
9
- * Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
10
- */
11
- children: React.ReactNode;
12
- }
13
- /**
14
- * @stencil formFieldStencil
15
- * @deprecated ⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
16
- */
17
- export declare const TextArea: import("@workday/canvas-kit-react/common").ElementComponentM<"div", TextAreaProps & Partial<{
18
- error: "error" | "alert" | undefined;
19
- id: string;
20
- isRequired: boolean;
21
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
22
- }> & {} & {}, {
23
- state: {
24
- id: string;
25
- error: "error" | "alert" | undefined;
26
- isRequired: boolean;
27
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
28
- };
29
- events: {};
30
- }> & {
31
- 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-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
32
- state: {
33
- id: string;
34
- error: "error" | "alert" | undefined;
35
- isRequired: boolean;
36
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
37
- };
38
- events: {};
39
- }, {}>, {
40
- state: {
41
- id: string;
42
- error: "error" | "alert" | undefined;
43
- isRequired: boolean;
44
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
45
- };
46
- events: {};
47
- }>;
48
- Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field").FormFieldLabelProps, {
49
- state: {
50
- id: string;
51
- error: "error" | "alert" | undefined;
52
- isRequired: boolean;
53
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
54
- };
55
- events: {};
56
- }>;
57
- Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/text").TextProps, {
58
- state: {
59
- id: string;
60
- error: "error" | "alert" | undefined;
61
- isRequired: boolean;
62
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
63
- };
64
- events: {};
65
- }>;
66
- };
67
- //# sourceMappingURL=TextArea.d.ts.map
@@ -1 +0,0 @@
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,EAAmB,MAAM,sCAAsC,CAAC;AAKjF;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAC"}
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createContainer } from '@workday/canvas-kit-react/common';
3
- import { FormField, formFieldStencil } from '@workday/canvas-kit-react/form-field';
4
- import { mergeStyles } from '@workday/canvas-kit-react/layout';
5
- import { TextAreaField } from './TextAreaField';
6
- import { useTextInputModel } from '@workday/canvas-kit-preview-react/text-input';
7
- /**
8
- * @stencil formFieldStencil
9
- * @deprecated ⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
10
- */
11
- export const TextArea = createContainer('div')({
12
- displayName: 'TextArea',
13
- modelHook: useTextInputModel,
14
- subComponents: {
15
- Field: TextAreaField,
16
- Label: FormField.Label,
17
- Hint: FormField.Hint,
18
- },
19
- })(({ children, grow, orientation, ...elemProps }, Element, model) => {
20
- return (_jsx(Element, { ...mergeStyles(elemProps, formFieldStencil({
21
- grow,
22
- orientation: orientation,
23
- error: model.state.error,
24
- required: model.state.isRequired,
25
- })), children: children }));
26
- });
@@ -1,21 +0,0 @@
1
- /**
2
- * @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
3
- */
4
- 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-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
5
- state: {
6
- id: string;
7
- error: "error" | "alert" | undefined;
8
- isRequired: boolean;
9
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
10
- };
11
- events: {};
12
- }, {}>, {
13
- state: {
14
- id: string;
15
- error: "error" | "alert" | undefined;
16
- isRequired: boolean;
17
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
18
- };
19
- events: {};
20
- }>;
21
- //# sourceMappingURL=TextAreaField.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAexB,CAAC"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createSubcomponent } from '@workday/canvas-kit-react/common';
3
- import { FormField } from '@workday/canvas-kit-react/form-field';
4
- import { useTextInputModel } from '@workday/canvas-kit-preview-react/text-input';
5
- import { TextArea } from '@workday/canvas-kit-react/text-area';
6
- import { system } from '@workday/canvas-tokens-web';
7
- import { cssVar } from '@workday/canvas-kit-styling';
8
- /**
9
- * @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
10
- */
11
- export const TextAreaField = createSubcomponent('textarea')({
12
- displayName: 'TextArea.Field',
13
- modelHook: useTextInputModel,
14
- })(({ ...elemProps }, Element, model) => {
15
- return (_jsx(FormField.Input, { as: TextArea, display: "block", minHeight: 64, minWidth: 280, padding: cssVar(system.space.x2), margin: 0, ...elemProps }));
16
- });
@@ -1,3 +0,0 @@
1
- export * from './lib/TextInput';
2
- export * from './lib/hooks';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
@@ -1,2 +0,0 @@
1
- export * from './lib/TextInput';
2
- export * from './lib/hooks';
@@ -1,75 +0,0 @@
1
- import React from 'react';
2
- import { ExtractProps } from '@workday/canvas-kit-react/common';
3
- import { FormField } from '@workday/canvas-kit-react/form-field';
4
- /**
5
- * @deprecated ⚠️ `TextInputProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs) instead.
6
- */
7
- export interface TextInputProps extends ExtractProps<typeof FormField, never> {
8
- /**
9
- * Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
10
- */
11
- children: React.ReactNode;
12
- }
13
- /**
14
- * @stencil formFieldStencil
15
- * @deprecated ⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textinput--docs) instead.
16
- */
17
- export declare const TextInput: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("@workday/canvas-kit-react/form-field").FormFieldProps & Partial<{
18
- error: "error" | "alert" | undefined;
19
- id: string;
20
- isRequired: boolean;
21
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
22
- }> & {} & {} & import("@workday/canvas-kit-react/common").PropsWithModel<{
23
- state: {
24
- id: string;
25
- error: "error" | "alert" | undefined;
26
- isRequired: boolean;
27
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
28
- };
29
- events: {};
30
- }, {}>, {
31
- state: {
32
- id: string;
33
- error: "error" | "alert" | undefined;
34
- isRequired: boolean;
35
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
36
- };
37
- events: {};
38
- }> & {
39
- Field: import("@workday/canvas-kit-react/common").ElementComponentM<"input", 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-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
40
- state: {
41
- id: string;
42
- error: "error" | "alert" | undefined;
43
- isRequired: boolean;
44
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
45
- };
46
- events: {};
47
- }, {}>, {
48
- state: {
49
- id: string;
50
- error: "error" | "alert" | undefined;
51
- isRequired: boolean;
52
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
53
- };
54
- events: {};
55
- }>;
56
- Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field").FormFieldLabelProps, {
57
- state: {
58
- id: string;
59
- error: "error" | "alert" | undefined;
60
- isRequired: boolean;
61
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
62
- };
63
- events: {};
64
- }>;
65
- Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/text").TextProps, {
66
- state: {
67
- id: string;
68
- error: "error" | "alert" | undefined;
69
- isRequired: boolean;
70
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
71
- };
72
- events: {};
73
- }>;
74
- };
75
- //# sourceMappingURL=TextInput.d.ts.map
@@ -1 +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,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAsC,MAAM,sCAAsC,CAAC;AAKpG;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC3E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC"}
@@ -1,25 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createContainer } from '@workday/canvas-kit-react/common';
3
- import { FormField, useFormFieldModel, formFieldStencil } from '@workday/canvas-kit-react/form-field';
4
- import { mergeStyles } from '@workday/canvas-kit-react/layout';
5
- import { TextInputField } from './TextInputField';
6
- /**
7
- * @stencil formFieldStencil
8
- * @deprecated ⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textinput--docs) instead.
9
- */
10
- export const TextInput = createContainer('div')({
11
- displayName: 'TextInput',
12
- modelHook: useFormFieldModel,
13
- subComponents: {
14
- Field: TextInputField,
15
- Label: FormField.Label,
16
- Hint: FormField.Hint,
17
- },
18
- })(({ children, orientation, grow, ...elemProps }, Element, model) => {
19
- return (_jsx(Element, { ...mergeStyles(elemProps, formFieldStencil({
20
- grow,
21
- orientation: orientation,
22
- error: model.state.error,
23
- required: model.state.isRequired,
24
- })), children: children }));
25
- });
@@ -1,21 +0,0 @@
1
- /**
2
- * @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead.
3
- */
4
- export declare const TextInputField: import("@workday/canvas-kit-react/common").ElementComponentM<"input", 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-styling").CSProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
5
- state: {
6
- id: string;
7
- error: "error" | "alert" | undefined;
8
- isRequired: boolean;
9
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
10
- };
11
- events: {};
12
- }, {}>, {
13
- state: {
14
- id: string;
15
- error: "error" | "alert" | undefined;
16
- isRequired: boolean;
17
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
18
- };
19
- events: {};
20
- }>;
21
- //# sourceMappingURL=TextInputField.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AAwBA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;EAWzB,CAAC"}
@@ -1,28 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createSubcomponent } from '@workday/canvas-kit-react/common';
3
- import { FormField } from '@workday/canvas-kit-react/form-field';
4
- import { brand } from '@workday/canvas-tokens-web';
5
- import { createStencil } from '@workday/canvas-kit-styling';
6
- import { mergeStyles } from '@workday/canvas-kit-react/layout';
7
- import { useTextInputField, useTextInputModel } from './hooks';
8
- import { TextInput, textInputStencil } from '@workday/canvas-kit-react/text-input';
9
- const textInputFieldStencil = createStencil({
10
- extends: textInputStencil,
11
- base: { name: "1h6l82", styles: "box-sizing:border-box;" },
12
- modifiers: {
13
- error: {
14
- error: { name: "1y589u", styles: "background-color:var(--cnvs-brand-error-lightest);" },
15
- alert: { name: "vll5z", styles: "background-color:var(--cnvs-brand-alert-lightest);" }
16
- }
17
- }
18
- }, "text-input-field-ef9db8");
19
- /**
20
- * @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead.
21
- */
22
- export const TextInputField = createSubcomponent('input')({
23
- displayName: 'TextInput.Field',
24
- modelHook: useTextInputModel,
25
- elemPropsHook: useTextInputField,
26
- })((elemProps, Element, model) => {
27
- return (_jsx(FormField.Input, { as: TextInput, ...mergeStyles(elemProps, [textInputFieldStencil({ error: model.state.error })]) }));
28
- });
@@ -1,3 +0,0 @@
1
- export * from './useTextInputField';
2
- export * from './useTextInputModel';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
@@ -1,2 +0,0 @@
1
- export * from './useTextInputField';
2
- export * from './useTextInputModel';
@@ -1,17 +0,0 @@
1
- /**
2
- * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
3
- *
4
- * @deprecated ⚠️ `useTextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
5
- */
6
- export declare const useTextInputField: import("@workday/canvas-kit-react/common").BehaviorHook<{
7
- state: {
8
- id: string;
9
- error: "error" | "alert" | undefined;
10
- isRequired: boolean;
11
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
12
- };
13
- events: {};
14
- }, {
15
- readonly type: "text";
16
- }>;
17
- //# sourceMappingURL=useTextInputField.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTextInputField.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputField.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;EAI5B,CAAC"}
@@ -1,12 +0,0 @@
1
- import { createElemPropsHook } from '@workday/canvas-kit-react/common';
2
- import { useTextInputModel } from './useTextInputModel';
3
- /**
4
- * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
5
- *
6
- * @deprecated ⚠️ `useTextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
7
- */
8
- export const useTextInputField = createElemPropsHook(useTextInputModel)(() => {
9
- return {
10
- type: 'text',
11
- };
12
- });
@@ -1,36 +0,0 @@
1
- /**
2
- * @deprecated ⚠️ `useTextInputModel` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
3
- */
4
- export declare const useTextInputModel: (<TT_Special_Generic>(config?: (Partial<{
5
- error: "error" | "alert" | undefined;
6
- id: string;
7
- isRequired: boolean;
8
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
9
- }> & {} & {}) | undefined) => {
10
- state: {
11
- id: string;
12
- error: "error" | "alert" | undefined;
13
- isRequired: boolean;
14
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
15
- };
16
- events: {};
17
- }) & import("@workday/canvas-kit-react/common").ModelExtras<{
18
- error: "error" | "alert" | undefined;
19
- id: string;
20
- isRequired: boolean;
21
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
22
- }, {}, {
23
- id: string;
24
- error: "error" | "alert" | undefined;
25
- isRequired: boolean;
26
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
27
- }, {}, {
28
- state: {
29
- id: string;
30
- error: "error" | "alert" | undefined;
31
- isRequired: boolean;
32
- orientation: "vertical" | "horizontalEnd" | "horizontalStart";
33
- };
34
- events: {};
35
- }>;
36
- //# sourceMappingURL=useTextInputModel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTextInputModel.d.ts","sourceRoot":"","sources":["../../../../../text-input/lib/hooks/useTextInputModel.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoB,CAAC"}
@@ -1,5 +0,0 @@
1
- import { useFormFieldModel } from '@workday/canvas-kit-react/form-field';
2
- /**
3
- * @deprecated ⚠️ `useTextInputModel` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
4
- */
5
- export const useTextInputModel = useFormFieldModel;
@@ -1 +0,0 @@
1
- export * from './lib/TextArea';
@@ -1,47 +0,0 @@
1
- import React from 'react';
2
-
3
- import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
4
- import {FormField, formFieldStencil} from '@workday/canvas-kit-react/form-field';
5
- import {mergeStyles} from '@workday/canvas-kit-react/layout';
6
-
7
- import {TextAreaField} from './TextAreaField';
8
- import {useTextInputModel} from '@workday/canvas-kit-preview-react/text-input';
9
- /**
10
- * @deprecated ⚠️ `TextAreaProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
11
- */
12
- export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
13
- /**
14
- * Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
15
- */
16
- children: React.ReactNode;
17
- }
18
-
19
- /**
20
- * @stencil formFieldStencil
21
- * @deprecated ⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`TextArea` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs) instead.
22
- */
23
- export const TextArea = createContainer('div')({
24
- displayName: 'TextArea',
25
- modelHook: useTextInputModel,
26
- subComponents: {
27
- Field: TextAreaField,
28
- Label: FormField.Label,
29
- Hint: FormField.Hint,
30
- },
31
- })<TextAreaProps>(({children, grow, orientation, ...elemProps}, Element, model) => {
32
- return (
33
- <Element
34
- {...mergeStyles(
35
- elemProps,
36
- formFieldStencil({
37
- grow,
38
- orientation: orientation,
39
- error: model.state.error,
40
- required: model.state.isRequired,
41
- })
42
- )}
43
- >
44
- {children}
45
- </Element>
46
- );
47
- });
@@ -1,26 +0,0 @@
1
- import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
2
- import {FormField} from '@workday/canvas-kit-react/form-field';
3
- import {useTextInputModel} from '@workday/canvas-kit-preview-react/text-input';
4
- import {TextArea} from '@workday/canvas-kit-react/text-area';
5
- import {system} from '@workday/canvas-tokens-web';
6
- import {cssVar} from '@workday/canvas-kit-styling';
7
-
8
- /**
9
- * @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
10
- */
11
- export const TextAreaField = createSubcomponent('textarea')({
12
- displayName: 'TextArea.Field',
13
- modelHook: useTextInputModel,
14
- })<ExtractProps<typeof FormField.Input, never>>(({...elemProps}, Element, model) => {
15
- return (
16
- <FormField.Input
17
- as={TextArea}
18
- display="block"
19
- minHeight={64}
20
- minWidth={280}
21
- padding={cssVar(system.space.x2)} // Compensate for border
22
- margin={0} // Fix Safari
23
- {...elemProps}
24
- />
25
- );
26
- });
@@ -1,6 +0,0 @@
1
- {
2
- "main": "../dist/commonjs/text-area",
3
- "module": "../dist/es6/text-area",
4
- "sideEffects": false,
5
- "types": "../dist/es6/text-area"
6
- }
@@ -1,2 +0,0 @@
1
- export * from './lib/TextInput';
2
- export * from './lib/hooks';
@@ -1,48 +0,0 @@
1
- import React from 'react';
2
-
3
- import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
4
- import {FormField, useFormFieldModel, formFieldStencil} from '@workday/canvas-kit-react/form-field';
5
- import {mergeStyles} from '@workday/canvas-kit-react/layout';
6
-
7
- import {TextInputField} from './TextInputField';
8
-
9
- /**
10
- * @deprecated ⚠️ `TextInputProps` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs) instead.
11
- */
12
- export interface TextInputProps extends ExtractProps<typeof FormField, never> {
13
- /**
14
- * Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
15
- */
16
- children: React.ReactNode;
17
- }
18
- /**
19
- * @stencil formFieldStencil
20
- * @deprecated ⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`TextInput` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textinput--docs) instead.
21
- */
22
- export const TextInput = createContainer('div')({
23
- displayName: 'TextInput',
24
- modelHook: useFormFieldModel,
25
- subComponents: {
26
- Field: TextInputField,
27
- Label: FormField.Label,
28
- Hint: FormField.Hint,
29
- },
30
- })<ExtractProps<typeof FormField, never>>(
31
- ({children, orientation, grow, ...elemProps}, Element, model) => {
32
- return (
33
- <Element
34
- {...mergeStyles(
35
- elemProps,
36
- formFieldStencil({
37
- grow,
38
- orientation: orientation,
39
- error: model.state.error,
40
- required: model.state.isRequired,
41
- })
42
- )}
43
- >
44
- {children}
45
- </Element>
46
- );
47
- }
48
- );
@@ -1,39 +0,0 @@
1
- import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
2
- import {FormField} from '@workday/canvas-kit-react/form-field';
3
- import {brand} from '@workday/canvas-tokens-web';
4
- import {createStencil} from '@workday/canvas-kit-styling';
5
- import {mergeStyles} from '@workday/canvas-kit-react/layout';
6
-
7
- import {useTextInputField, useTextInputModel} from './hooks';
8
- import {TextInput, textInputStencil} from '@workday/canvas-kit-react/text-input';
9
-
10
- const textInputFieldStencil = createStencil({
11
- extends: textInputStencil,
12
- base: {},
13
- modifiers: {
14
- error: {
15
- error: {
16
- backgroundColor: brand.error.lightest,
17
- },
18
- alert: {
19
- backgroundColor: brand.alert.lightest,
20
- },
21
- },
22
- },
23
- });
24
-
25
- /**
26
- * @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead.
27
- */
28
- export const TextInputField = createSubcomponent('input')({
29
- displayName: 'TextInput.Field',
30
- modelHook: useTextInputModel,
31
- elemPropsHook: useTextInputField,
32
- })<ExtractProps<typeof FormField.Input, never>>((elemProps, Element, model) => {
33
- return (
34
- <FormField.Input
35
- as={TextInput}
36
- {...mergeStyles(elemProps, [textInputFieldStencil({error: model.state.error})])}
37
- />
38
- );
39
- });
@@ -1,2 +0,0 @@
1
- export * from './useTextInputField';
2
- export * from './useTextInputModel';
@@ -1,13 +0,0 @@
1
- import {createElemPropsHook} from '@workday/canvas-kit-react/common';
2
- import {useTextInputModel} from './useTextInputModel';
3
-
4
- /**
5
- * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
6
- *
7
- * @deprecated ⚠️ `useTextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
8
- */
9
- export const useTextInputField = createElemPropsHook(useTextInputModel)(() => {
10
- return {
11
- type: 'text',
12
- };
13
- });
@@ -1,6 +0,0 @@
1
- import {useFormFieldModel} from '@workday/canvas-kit-react/form-field';
2
-
3
- /**
4
- * @deprecated ⚠️ `useTextInputModel` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
5
- */
6
- export const useTextInputModel = useFormFieldModel;