@workday/canvas-kit-preview-react 14.0.0-alpha.1230-next.0 → 14.0.0-alpha.1234-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 (111) hide show
  1. package/dist/commonjs/divider/lib/Divider.d.ts +1 -1
  2. package/dist/commonjs/divider/lib/Divider.js +1 -1
  3. package/dist/commonjs/index.d.ts +0 -3
  4. package/dist/commonjs/index.d.ts.map +1 -1
  5. package/dist/commonjs/index.js +0 -3
  6. package/dist/commonjs/select/lib/Select.d.ts +2 -2
  7. package/dist/commonjs/select/lib/Select.js +1 -1
  8. package/dist/commonjs/select/lib/SelectBase.d.ts +8 -8
  9. package/dist/commonjs/select/lib/SelectBase.js +1 -1
  10. package/dist/commonjs/select/lib/SelectMenu.d.ts +1 -1
  11. package/dist/commonjs/select/lib/SelectMenu.js +1 -1
  12. package/dist/commonjs/select/lib/SelectOption.d.ts +2 -2
  13. package/dist/commonjs/select/lib/SelectOption.js +1 -1
  14. package/dist/commonjs/select/lib/scrolling.d.ts +1 -1
  15. package/dist/commonjs/select/lib/scrolling.js +1 -1
  16. package/dist/commonjs/select/lib/types.d.ts +2 -2
  17. package/dist/commonjs/select/lib/utils.d.ts +1 -1
  18. package/dist/commonjs/select/lib/utils.js +1 -1
  19. package/dist/es6/divider/lib/Divider.d.ts +1 -1
  20. package/dist/es6/divider/lib/Divider.js +1 -1
  21. package/dist/es6/index.d.ts +0 -3
  22. package/dist/es6/index.d.ts.map +1 -1
  23. package/dist/es6/index.js +0 -3
  24. package/dist/es6/select/lib/Select.d.ts +2 -2
  25. package/dist/es6/select/lib/Select.js +1 -1
  26. package/dist/es6/select/lib/SelectBase.d.ts +8 -8
  27. package/dist/es6/select/lib/SelectBase.js +1 -1
  28. package/dist/es6/select/lib/SelectMenu.d.ts +1 -1
  29. package/dist/es6/select/lib/SelectMenu.js +1 -1
  30. package/dist/es6/select/lib/SelectOption.d.ts +2 -2
  31. package/dist/es6/select/lib/SelectOption.js +1 -1
  32. package/dist/es6/select/lib/scrolling.d.ts +1 -1
  33. package/dist/es6/select/lib/scrolling.js +1 -1
  34. package/dist/es6/select/lib/types.d.ts +2 -2
  35. package/dist/es6/select/lib/utils.d.ts +1 -1
  36. package/dist/es6/select/lib/utils.js +1 -1
  37. package/divider/lib/Divider.tsx +1 -1
  38. package/index.ts +0 -3
  39. package/package.json +4 -4
  40. package/select/lib/Select.tsx +2 -2
  41. package/select/lib/SelectBase.tsx +8 -8
  42. package/select/lib/SelectMenu.tsx +1 -1
  43. package/select/lib/SelectOption.tsx +2 -2
  44. package/select/lib/scrolling.ts +1 -1
  45. package/select/lib/types.ts +2 -2
  46. package/select/lib/utils.ts +1 -1
  47. package/dist/commonjs/text-area/index.d.ts +0 -2
  48. package/dist/commonjs/text-area/index.d.ts.map +0 -1
  49. package/dist/commonjs/text-area/index.js +0 -17
  50. package/dist/commonjs/text-area/lib/TextArea.d.ts +0 -67
  51. package/dist/commonjs/text-area/lib/TextArea.d.ts.map +0 -1
  52. package/dist/commonjs/text-area/lib/TextArea.js +0 -29
  53. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +0 -21
  54. package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +0 -1
  55. package/dist/commonjs/text-area/lib/TextAreaField.js +0 -19
  56. package/dist/commonjs/text-input/index.d.ts +0 -3
  57. package/dist/commonjs/text-input/index.d.ts.map +0 -1
  58. package/dist/commonjs/text-input/index.js +0 -18
  59. package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -75
  60. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +0 -1
  61. package/dist/commonjs/text-input/lib/TextInput.js +0 -28
  62. package/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -21
  63. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +0 -1
  64. package/dist/commonjs/text-input/lib/TextInputField.js +0 -31
  65. package/dist/commonjs/text-input/lib/hooks/index.d.ts +0 -3
  66. package/dist/commonjs/text-input/lib/hooks/index.d.ts.map +0 -1
  67. package/dist/commonjs/text-input/lib/hooks/index.js +0 -18
  68. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -17
  69. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
  70. package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +0 -15
  71. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -36
  72. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
  73. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +0 -8
  74. package/dist/es6/text-area/index.d.ts +0 -2
  75. package/dist/es6/text-area/index.d.ts.map +0 -1
  76. package/dist/es6/text-area/index.js +0 -1
  77. package/dist/es6/text-area/lib/TextArea.d.ts +0 -67
  78. package/dist/es6/text-area/lib/TextArea.d.ts.map +0 -1
  79. package/dist/es6/text-area/lib/TextArea.js +0 -26
  80. package/dist/es6/text-area/lib/TextAreaField.d.ts +0 -21
  81. package/dist/es6/text-area/lib/TextAreaField.d.ts.map +0 -1
  82. package/dist/es6/text-area/lib/TextAreaField.js +0 -16
  83. package/dist/es6/text-input/index.d.ts +0 -3
  84. package/dist/es6/text-input/index.d.ts.map +0 -1
  85. package/dist/es6/text-input/index.js +0 -2
  86. package/dist/es6/text-input/lib/TextInput.d.ts +0 -75
  87. package/dist/es6/text-input/lib/TextInput.d.ts.map +0 -1
  88. package/dist/es6/text-input/lib/TextInput.js +0 -25
  89. package/dist/es6/text-input/lib/TextInputField.d.ts +0 -21
  90. package/dist/es6/text-input/lib/TextInputField.d.ts.map +0 -1
  91. package/dist/es6/text-input/lib/TextInputField.js +0 -28
  92. package/dist/es6/text-input/lib/hooks/index.d.ts +0 -3
  93. package/dist/es6/text-input/lib/hooks/index.d.ts.map +0 -1
  94. package/dist/es6/text-input/lib/hooks/index.js +0 -2
  95. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -17
  96. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
  97. package/dist/es6/text-input/lib/hooks/useTextInputField.js +0 -12
  98. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -36
  99. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
  100. package/dist/es6/text-input/lib/hooks/useTextInputModel.js +0 -5
  101. package/text-area/index.ts +0 -1
  102. package/text-area/lib/TextArea.tsx +0 -47
  103. package/text-area/lib/TextAreaField.tsx +0 -26
  104. package/text-area/package.json +0 -6
  105. package/text-input/index.ts +0 -2
  106. package/text-input/lib/TextInput.tsx +0 -48
  107. package/text-input/lib/TextInputField.tsx +0 -39
  108. package/text-input/lib/hooks/index.ts +0 -2
  109. package/text-input/lib/hooks/useTextInputField.tsx +0 -13
  110. package/text-input/lib/hooks/useTextInputModel.ts +0 -6
  111. package/text-input/package.json +0 -6
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useTextInputModel = void 0;
4
- const form_field_1 = require("@workday/canvas-kit-react/form-field");
5
- /**
6
- * @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.
7
- */
8
- exports.useTextInputModel = form_field_1.useFormFieldModel;
@@ -1,2 +0,0 @@
1
- export * from './lib/TextArea';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text-area/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -1 +0,0 @@
1
- export * from './lib/TextArea';
@@ -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';