@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.
@@ -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,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,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;AAUxE,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;;;;;;;;;;;;;;;OAeG;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;CAmBL,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,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,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;AAUxE,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;;;;;;;;;;;;;;;OAeG;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;CAmBL,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
@@ -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.0313-next.0",
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.0313-next.0",
57
- "@workday/canvas-kit-preview-react": "^15.0.0-alpha.0313-next.0",
58
- "@workday/canvas-kit-styling": "^15.0.0-alpha.0313-next.0",
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": "7886aa87c41aabf8f2d2dddf7f4f71733a0e22af"
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
- });