@workday/canvas-kit-react 15.0.0-alpha.0313-next.0 → 15.0.0-alpha.0314-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.
- package/dist/commonjs/form-field/index.d.ts +0 -1
- package/dist/commonjs/form-field/index.d.ts.map +1 -1
- package/dist/commonjs/form-field/index.js +0 -1
- package/dist/commonjs/form-field/lib/FormField.d.ts +0 -25
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.js +0 -18
- package/dist/es6/form-field/index.d.ts +0 -1
- package/dist/es6/form-field/index.d.ts.map +1 -1
- package/dist/es6/form-field/index.js +0 -1
- package/dist/es6/form-field/lib/FormField.d.ts +0 -25
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.js +0 -18
- package/form-field/index.ts +0 -1
- package/form-field/lib/FormField.tsx +0 -18
- package/package.json +5 -5
- package/dist/commonjs/form-field/lib/FormFieldContainer.d.ts +0 -18
- package/dist/commonjs/form-field/lib/FormFieldContainer.d.ts.map +0 -1
- package/dist/commonjs/form-field/lib/FormFieldContainer.js +0 -23
- package/dist/es6/form-field/lib/FormFieldContainer.d.ts +0 -18
- package/dist/es6/form-field/lib/FormFieldContainer.d.ts.map +0 -1
- package/dist/es6/form-field/lib/FormFieldContainer.js +0 -20
- package/form-field/lib/FormFieldContainer.tsx +0 -32
|
@@ -5,7 +5,6 @@ export * from './lib/FormFieldGroupLabel';
|
|
|
5
5
|
export * from './lib/FormFieldGroupInput';
|
|
6
6
|
export * from './lib/FormFieldGroupList';
|
|
7
7
|
export * from './lib/formFieldStencil';
|
|
8
|
-
export * from './lib/FormFieldContainer';
|
|
9
8
|
export * from './lib/FormFieldHint';
|
|
10
9
|
export * from './lib/FormFieldLabel';
|
|
11
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
|
|
@@ -21,6 +21,5 @@ __exportStar(require("./lib/FormFieldGroupLabel"), exports);
|
|
|
21
21
|
__exportStar(require("./lib/FormFieldGroupInput"), exports);
|
|
22
22
|
__exportStar(require("./lib/FormFieldGroupList"), exports);
|
|
23
23
|
__exportStar(require("./lib/formFieldStencil"), exports);
|
|
24
|
-
__exportStar(require("./lib/FormFieldContainer"), exports);
|
|
25
24
|
__exportStar(require("./lib/FormFieldHint"), exports);
|
|
26
25
|
__exportStar(require("./lib/FormFieldLabel"), exports);
|
|
@@ -102,31 +102,6 @@ export declare const FormField: import("@workday/canvas-kit-react/common").Eleme
|
|
|
102
102
|
};
|
|
103
103
|
events: {};
|
|
104
104
|
}>;
|
|
105
|
-
/**
|
|
106
|
-
* `FormField.Field` allows you to properly center `FormField.Label` when the `orientation` is set to `horizontal` and there is hint text..
|
|
107
|
-
*
|
|
108
|
-
* ```tsx
|
|
109
|
-
* <FormField orientation="horizontalStart">
|
|
110
|
-
* <FormField.Label>First Name</FormField.Label>
|
|
111
|
-
* <FormField.Container>
|
|
112
|
-
* <FormField.Input as={TextInput} value={value} onChange={(e) => console.log(e)} />
|
|
113
|
-
* <FormField.Hint>This is your hint text</FormField.Hint>
|
|
114
|
-
* </FormField.Container>
|
|
115
|
-
* </FormField>
|
|
116
|
-
* ```
|
|
117
|
-
*
|
|
118
|
-
* @stencil formFieldContainerStencil
|
|
119
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
120
|
-
*/
|
|
121
|
-
Container: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("@workday/canvas-kit-styling").CSProps, {
|
|
122
|
-
state: {
|
|
123
|
-
id: string;
|
|
124
|
-
error: "error" | "caution" | undefined;
|
|
125
|
-
isRequired: boolean;
|
|
126
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
127
|
-
};
|
|
128
|
-
events: {};
|
|
129
|
-
}>;
|
|
130
105
|
/**
|
|
131
106
|
* `FormField.Field` allows you to customize container alignment and styles when wrapping your input and hint text.
|
|
132
107
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAkB,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAkB,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AASxE,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,cAAc;IAC/D;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;IAIlB;;;;;;;;;;;;OAYG;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;CAmBL,CAAC"}
|
|
@@ -4,7 +4,6 @@ exports.FormField = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
6
6
|
const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
7
|
-
const FormFieldContainer_1 = require("./FormFieldContainer");
|
|
8
7
|
const FormFieldField_1 = require("./FormFieldField");
|
|
9
8
|
const FormFieldHint_1 = require("./FormFieldHint");
|
|
10
9
|
const FormFieldInput_1 = require("./FormFieldInput");
|
|
@@ -70,23 +69,6 @@ exports.FormField = (0, common_1.createContainer)('div')({
|
|
|
70
69
|
* @stencil formFieldHintStencil
|
|
71
70
|
*/
|
|
72
71
|
Hint: FormFieldHint_1.FormFieldHint,
|
|
73
|
-
/**
|
|
74
|
-
* `FormField.Field` allows you to properly center `FormField.Label` when the `orientation` is set to `horizontal` and there is hint text..
|
|
75
|
-
*
|
|
76
|
-
* ```tsx
|
|
77
|
-
* <FormField orientation="horizontalStart">
|
|
78
|
-
* <FormField.Label>First Name</FormField.Label>
|
|
79
|
-
* <FormField.Container>
|
|
80
|
-
* <FormField.Input as={TextInput} value={value} onChange={(e) => console.log(e)} />
|
|
81
|
-
* <FormField.Hint>This is your hint text</FormField.Hint>
|
|
82
|
-
* </FormField.Container>
|
|
83
|
-
* </FormField>
|
|
84
|
-
* ```
|
|
85
|
-
*
|
|
86
|
-
* @stencil formFieldContainerStencil
|
|
87
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
88
|
-
*/
|
|
89
|
-
Container: FormFieldContainer_1.FormFieldContainer,
|
|
90
72
|
/**
|
|
91
73
|
* `FormField.Field` allows you to customize container alignment and styles when wrapping your input and hint text.
|
|
92
74
|
* ```tsx
|
|
@@ -5,7 +5,6 @@ export * from './lib/FormFieldGroupLabel';
|
|
|
5
5
|
export * from './lib/FormFieldGroupInput';
|
|
6
6
|
export * from './lib/FormFieldGroupList';
|
|
7
7
|
export * from './lib/formFieldStencil';
|
|
8
|
-
export * from './lib/FormFieldContainer';
|
|
9
8
|
export * from './lib/FormFieldHint';
|
|
10
9
|
export * from './lib/FormFieldLabel';
|
|
11
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
|
|
@@ -5,6 +5,5 @@ export * from './lib/FormFieldGroupLabel';
|
|
|
5
5
|
export * from './lib/FormFieldGroupInput';
|
|
6
6
|
export * from './lib/FormFieldGroupList';
|
|
7
7
|
export * from './lib/formFieldStencil';
|
|
8
|
-
export * from './lib/FormFieldContainer';
|
|
9
8
|
export * from './lib/FormFieldHint';
|
|
10
9
|
export * from './lib/FormFieldLabel';
|
|
@@ -102,31 +102,6 @@ export declare const FormField: import("@workday/canvas-kit-react/common").Eleme
|
|
|
102
102
|
};
|
|
103
103
|
events: {};
|
|
104
104
|
}>;
|
|
105
|
-
/**
|
|
106
|
-
* `FormField.Field` allows you to properly center `FormField.Label` when the `orientation` is set to `horizontal` and there is hint text..
|
|
107
|
-
*
|
|
108
|
-
* ```tsx
|
|
109
|
-
* <FormField orientation="horizontalStart">
|
|
110
|
-
* <FormField.Label>First Name</FormField.Label>
|
|
111
|
-
* <FormField.Container>
|
|
112
|
-
* <FormField.Input as={TextInput} value={value} onChange={(e) => console.log(e)} />
|
|
113
|
-
* <FormField.Hint>This is your hint text</FormField.Hint>
|
|
114
|
-
* </FormField.Container>
|
|
115
|
-
* </FormField>
|
|
116
|
-
* ```
|
|
117
|
-
*
|
|
118
|
-
* @stencil formFieldContainerStencil
|
|
119
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
120
|
-
*/
|
|
121
|
-
Container: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("@workday/canvas-kit-styling").CSProps, {
|
|
122
|
-
state: {
|
|
123
|
-
id: string;
|
|
124
|
-
error: "error" | "caution" | undefined;
|
|
125
|
-
isRequired: boolean;
|
|
126
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
127
|
-
};
|
|
128
|
-
events: {};
|
|
129
|
-
}>;
|
|
130
105
|
/**
|
|
131
106
|
* `FormField.Field` allows you to customize container alignment and styles when wrapping your input and hint text.
|
|
132
107
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAkB,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAkB,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AASxE,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,cAAc;IAC/D;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;IAIlB;;;;;;;;;;;;OAYG;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;CAmBL,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { createContainer } from '@workday/canvas-kit-react/common';
|
|
3
3
|
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
4
|
-
import { FormFieldContainer } from './FormFieldContainer';
|
|
5
4
|
import { FormFieldField } from './FormFieldField';
|
|
6
5
|
import { FormFieldHint } from './FormFieldHint';
|
|
7
6
|
import { FormFieldInput } from './FormFieldInput';
|
|
@@ -67,23 +66,6 @@ export const FormField = createContainer('div')({
|
|
|
67
66
|
* @stencil formFieldHintStencil
|
|
68
67
|
*/
|
|
69
68
|
Hint: FormFieldHint,
|
|
70
|
-
/**
|
|
71
|
-
* `FormField.Field` allows you to properly center `FormField.Label` when the `orientation` is set to `horizontal` and there is hint text..
|
|
72
|
-
*
|
|
73
|
-
* ```tsx
|
|
74
|
-
* <FormField orientation="horizontalStart">
|
|
75
|
-
* <FormField.Label>First Name</FormField.Label>
|
|
76
|
-
* <FormField.Container>
|
|
77
|
-
* <FormField.Input as={TextInput} value={value} onChange={(e) => console.log(e)} />
|
|
78
|
-
* <FormField.Hint>This is your hint text</FormField.Hint>
|
|
79
|
-
* </FormField.Container>
|
|
80
|
-
* </FormField>
|
|
81
|
-
* ```
|
|
82
|
-
*
|
|
83
|
-
* @stencil formFieldContainerStencil
|
|
84
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
85
|
-
*/
|
|
86
|
-
Container: FormFieldContainer,
|
|
87
69
|
/**
|
|
88
70
|
* `FormField.Field` allows you to customize container alignment and styles when wrapping your input and hint text.
|
|
89
71
|
* ```tsx
|
package/form-field/index.ts
CHANGED
|
@@ -5,6 +5,5 @@ export * from './lib/FormFieldGroupLabel';
|
|
|
5
5
|
export * from './lib/FormFieldGroupInput';
|
|
6
6
|
export * from './lib/FormFieldGroupList';
|
|
7
7
|
export * from './lib/formFieldStencil';
|
|
8
|
-
export * from './lib/FormFieldContainer';
|
|
9
8
|
export * from './lib/FormFieldHint';
|
|
10
9
|
export * from './lib/FormFieldLabel';
|
|
@@ -3,7 +3,6 @@ import React from 'react';
|
|
|
3
3
|
import {GrowthBehavior, createContainer} from '@workday/canvas-kit-react/common';
|
|
4
4
|
import {FlexProps, mergeStyles} from '@workday/canvas-kit-react/layout';
|
|
5
5
|
|
|
6
|
-
import {FormFieldContainer} from './FormFieldContainer';
|
|
7
6
|
import {FormFieldField} from './FormFieldField';
|
|
8
7
|
import {FormFieldHint} from './FormFieldHint';
|
|
9
8
|
import {FormFieldInput} from './FormFieldInput';
|
|
@@ -79,23 +78,6 @@ export const FormField = createContainer('div')({
|
|
|
79
78
|
* @stencil formFieldHintStencil
|
|
80
79
|
*/
|
|
81
80
|
Hint: FormFieldHint,
|
|
82
|
-
/**
|
|
83
|
-
* `FormField.Field` allows you to properly center `FormField.Label` when the `orientation` is set to `horizontal` and there is hint text..
|
|
84
|
-
*
|
|
85
|
-
* ```tsx
|
|
86
|
-
* <FormField orientation="horizontalStart">
|
|
87
|
-
* <FormField.Label>First Name</FormField.Label>
|
|
88
|
-
* <FormField.Container>
|
|
89
|
-
* <FormField.Input as={TextInput} value={value} onChange={(e) => console.log(e)} />
|
|
90
|
-
* <FormField.Hint>This is your hint text</FormField.Hint>
|
|
91
|
-
* </FormField.Container>
|
|
92
|
-
* </FormField>
|
|
93
|
-
* ```
|
|
94
|
-
*
|
|
95
|
-
* @stencil formFieldContainerStencil
|
|
96
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
97
|
-
*/
|
|
98
|
-
Container: FormFieldContainer,
|
|
99
81
|
/**
|
|
100
82
|
* `FormField.Field` allows you to customize container alignment and styles when wrapping your input and hint text.
|
|
101
83
|
* ```tsx
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.0314-next.0",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit React components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
"@tanstack/react-virtual": "^3.13.9",
|
|
54
54
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
55
55
|
"@workday/canvas-expressive-icons-web": "1.0.1",
|
|
56
|
-
"@workday/canvas-kit-popup-stack": "^15.0.0-alpha.
|
|
57
|
-
"@workday/canvas-kit-preview-react": "^15.0.0-alpha.
|
|
58
|
-
"@workday/canvas-kit-styling": "^15.0.0-alpha.
|
|
56
|
+
"@workday/canvas-kit-popup-stack": "^15.0.0-alpha.0314-next.0",
|
|
57
|
+
"@workday/canvas-kit-preview-react": "^15.0.0-alpha.0314-next.0",
|
|
58
|
+
"@workday/canvas-kit-styling": "^15.0.0-alpha.0314-next.0",
|
|
59
59
|
"@workday/canvas-system-icons-web": "4.0.2",
|
|
60
60
|
"@workday/canvas-tokens-web": "4.2.0",
|
|
61
61
|
"@workday/design-assets-types": "^0.3.0",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
71
71
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "a9acd08c80db85f9a2f1e022fe18a4261cafec80"
|
|
74
74
|
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { CSProps } from '@workday/canvas-kit-styling';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
4
|
-
*/
|
|
5
|
-
export declare const formFieldContainerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
8
|
-
*/
|
|
9
|
-
export declare const FormFieldContainer: import("@workday/canvas-kit-react/common").ElementComponentM<"div", CSProps, {
|
|
10
|
-
state: {
|
|
11
|
-
id: string;
|
|
12
|
-
error: "error" | "caution" | undefined;
|
|
13
|
-
isRequired: boolean;
|
|
14
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
15
|
-
};
|
|
16
|
-
events: {};
|
|
17
|
-
}>;
|
|
18
|
-
//# sourceMappingURL=FormFieldContainer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldContainer.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF;;GAEG;AACH,eAAO,MAAM,yBAAyB,iJAOpC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;EAU7B,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FormFieldContainer = exports.formFieldContainerStencil = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const common_1 = require("@workday/canvas-kit-react/common");
|
|
6
|
-
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
7
|
-
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
8
|
-
const hooks_1 = require("./hooks");
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
11
|
-
*/
|
|
12
|
-
exports.formFieldContainerStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
13
|
-
base: { name: "xfr01", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2));" }
|
|
14
|
-
}, "form-field-container-a926b1");
|
|
15
|
-
/**
|
|
16
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
17
|
-
*/
|
|
18
|
-
exports.FormFieldContainer = (0, common_1.createSubcomponent)('div')({
|
|
19
|
-
displayName: 'FormField.Container',
|
|
20
|
-
modelHook: hooks_1.useFormFieldModel,
|
|
21
|
-
})((elemProps, Element, model) => {
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(Element, { "data-width": "ck-formfield-width", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.formFieldContainerStencil)()) }));
|
|
23
|
-
});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { CSProps } from '@workday/canvas-kit-styling';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
4
|
-
*/
|
|
5
|
-
export declare const formFieldContainerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
8
|
-
*/
|
|
9
|
-
export declare const FormFieldContainer: import("@workday/canvas-kit-react/common").ElementComponentM<"div", CSProps, {
|
|
10
|
-
state: {
|
|
11
|
-
id: string;
|
|
12
|
-
error: "error" | "caution" | undefined;
|
|
13
|
-
isRequired: boolean;
|
|
14
|
-
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
15
|
-
};
|
|
16
|
-
events: {};
|
|
17
|
-
}>;
|
|
18
|
-
//# sourceMappingURL=FormFieldContainer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldContainer.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAsC,MAAM,6BAA6B,CAAC;AAKzF;;GAEG;AACH,eAAO,MAAM,yBAAyB,iJAOpC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;EAU7B,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createSubcomponent } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { createStencil, cssVar, handleCsProp } from '@workday/canvas-kit-styling';
|
|
4
|
-
import { system } from '@workday/canvas-tokens-web';
|
|
5
|
-
import { useFormFieldModel } from './hooks';
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
8
|
-
*/
|
|
9
|
-
export const formFieldContainerStencil = createStencil({
|
|
10
|
-
base: { name: "xfr01", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2));" }
|
|
11
|
-
}, "form-field-container-a926b1");
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
14
|
-
*/
|
|
15
|
-
export const FormFieldContainer = createSubcomponent('div')({
|
|
16
|
-
displayName: 'FormField.Container',
|
|
17
|
-
modelHook: useFormFieldModel,
|
|
18
|
-
})((elemProps, Element, model) => {
|
|
19
|
-
return (_jsx(Element, { "data-width": "ck-formfield-width", ...handleCsProp(elemProps, formFieldContainerStencil()) }));
|
|
20
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import {createSubcomponent} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {CSProps, createStencil, cssVar, handleCsProp} from '@workday/canvas-kit-styling';
|
|
3
|
-
import {system} from '@workday/canvas-tokens-web';
|
|
4
|
-
|
|
5
|
-
import {useFormFieldModel} from './hooks';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* @deprecated `formFieldContainerStencil` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
9
|
-
*/
|
|
10
|
-
export const formFieldContainerStencil = createStencil({
|
|
11
|
-
base: {
|
|
12
|
-
display: 'flex',
|
|
13
|
-
flexDirection: 'column',
|
|
14
|
-
// TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
|
|
15
|
-
gap: cssVar(system.gap.sm, system.space.x2),
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated `FormField.Container` is deprecated and will be removed in a future major version. Please use `FormField.Field` to always wrap `FormField.Input` and `FormField.Hint` to always ensure correct label and input alignment.
|
|
21
|
-
*/
|
|
22
|
-
export const FormFieldContainer = createSubcomponent('div')({
|
|
23
|
-
displayName: 'FormField.Container',
|
|
24
|
-
modelHook: useFormFieldModel,
|
|
25
|
-
})<CSProps>((elemProps, Element, model) => {
|
|
26
|
-
return (
|
|
27
|
-
<Element
|
|
28
|
-
data-width="ck-formfield-width"
|
|
29
|
-
{...handleCsProp(elemProps, formFieldContainerStencil())}
|
|
30
|
-
/>
|
|
31
|
-
);
|
|
32
|
-
});
|