@workday/canvas-kit-preview-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.0-next.7
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/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx +1 -1
- package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +1 -1
- package/breadcrumbs/lib/Breadcrumbs/List/index.tsx +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +2 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js +1 -1
- package/dist/commonjs/form-field/lib/FormField.d.ts +1 -1
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.js +1 -1
- package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
- package/dist/commonjs/form-field/lib/FormFieldHint.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldHint.js +2 -2
- package/dist/commonjs/form-field/lib/FormFieldInput.d.ts +1 -1
- package/dist/commonjs/form-field/lib/FormFieldInput.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldInput.js +2 -2
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +1 -1
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldLabel.js +2 -3
- package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.js +2 -2
- package/dist/commonjs/text-area/lib/TextArea.js +1 -1
- package/dist/commonjs/text-input/lib/TextInput.js +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.js +1 -1
- package/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
- package/dist/es6/form-field/lib/FormFieldHint.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldHint.js +1 -1
- package/dist/es6/form-field/lib/FormFieldInput.d.ts +1 -1
- package/dist/es6/form-field/lib/FormFieldInput.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldInput.js +1 -1
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts +1 -1
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldLabel.js +1 -2
- package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.js +1 -1
- package/dist/es6/text-area/lib/TextArea.js +1 -1
- package/dist/es6/text-input/lib/TextInput.js +1 -1
- package/form-field/lib/FormField.tsx +1 -1
- package/form-field/lib/FormFieldHint.tsx +1 -1
- package/form-field/lib/FormFieldInput.tsx +1 -1
- package/form-field/lib/FormFieldLabel.tsx +1 -2
- package/form-field/lib/hooks/useFormFieldOrientation.tsx +1 -1
- package/package.json +4 -4
- package/side-panel/lib/SidePanel.tsx +1 -1
- package/text-area/lib/TextArea.tsx +1 -1
- package/text-input/lib/TextInput.tsx +1 -1
- package/ts3.5/dist/commonjs/form-field/lib/FormField.d.ts +1 -1
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldInput.d.ts +1 -1
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +1 -1
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts +1 -1
- package/ts3.5/dist/es6/form-field/lib/FormField.d.ts +1 -1
- package/ts3.5/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
- package/ts3.5/dist/es6/form-field/lib/FormFieldInput.d.ts +1 -1
- package/ts3.5/dist/es6/form-field/lib/FormFieldLabel.d.ts +1 -1
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts +1 -1
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
import {Breadcrumb} from '../types';
|
|
14
14
|
// local components
|
|
15
15
|
import {DropdownMenuItemLink} from './MenuItemLink';
|
|
16
|
-
import {Box, BoxProps} from '@workday/canvas-kit-
|
|
16
|
+
import {Box, BoxProps} from '@workday/canvas-kit-react/layout';
|
|
17
17
|
|
|
18
18
|
export interface DropdownMenuProps {
|
|
19
19
|
/**
|
|
@@ -4,7 +4,7 @@ import {chevronLeftSmallIcon, chevronRightSmallIcon} from '@workday/canvas-syste
|
|
|
4
4
|
import {colors} from '@workday/canvas-kit-react/tokens';
|
|
5
5
|
|
|
6
6
|
import {useRTL} from '../hooks';
|
|
7
|
-
import {Flex} from '@workday/canvas-kit-
|
|
7
|
+
import {Flex} from '@workday/canvas-kit-react/layout';
|
|
8
8
|
|
|
9
9
|
export type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import {createComponent} from '@workday/canvas-kit-react/common';
|
|
3
|
-
import {Flex} from '@workday/canvas-kit-
|
|
3
|
+
import {Flex} from '@workday/canvas-kit-react/layout';
|
|
4
4
|
|
|
5
5
|
export type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
|
|
6
6
|
|
|
@@ -31,8 +31,8 @@ var common_1 = require("@workday/canvas-kit-react/common");
|
|
|
31
31
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
32
32
|
// local components
|
|
33
33
|
var MenuItemLink_1 = require("./MenuItemLink");
|
|
34
|
-
var
|
|
35
|
-
var StyledDropdownMenu = common_1.styled(
|
|
34
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
35
|
+
var StyledDropdownMenu = common_1.styled(layout_1.Box)(__assign(__assign(__assign({}, tokens_1.type.levels.subtext.large), tokens_1.depth[2]), { backgroundColor: tokens_1.commonColors.background, border: "1px solid " + tokens_1.colors.soap500, borderRadius: tokens_1.borderRadius.m, boxSizing: 'border-box', display: 'inline-block', marginTop: tokens_1.space.xxxs, maxHeight: 200, outline: 'none', overflowY: 'auto', position: 'relative', width: 'max-content' }));
|
|
36
36
|
var StyledMenuList = common_1.styled('ul')({
|
|
37
37
|
boxSizing: 'border-box',
|
|
38
38
|
listStyle: 'none',
|
|
@@ -31,7 +31,7 @@ var icon_1 = require("@workday/canvas-kit-react/icon");
|
|
|
31
31
|
var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
|
|
32
32
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
33
33
|
var hooks_1 = require("../hooks");
|
|
34
|
-
var layout_1 = require("@workday/canvas-kit-
|
|
34
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
35
35
|
var BreadcrumbsListItem = function (_a) {
|
|
36
36
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
37
37
|
var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.BreadcrumbsList = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var layout_1 = require("@workday/canvas-kit-
|
|
31
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
32
32
|
exports.BreadcrumbsList = common_1.createComponent('ul')({
|
|
33
33
|
displayName: 'BreadcrumbsList',
|
|
34
34
|
Component: function (_a, ref) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Stack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { Stack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel, FormFieldModelConfig } from './hooks';
|
|
5
5
|
export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
|
|
6
6
|
hasError?: boolean | undefined;
|
|
@@ -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,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAErE,OAAO,EAEL,cAAc,EACd,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,qBAAqB;;;;OAAiD,CAAC;AAEpF,MAAM,WAAW,cACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;;;;CAqBpB,CAAC"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.FormField = exports.FormFieldModelContext = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var layout_1 = require("@workday/canvas-kit-
|
|
31
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
32
32
|
var hooks_1 = require("./hooks");
|
|
33
33
|
var FormFieldInput_1 = require("./FormFieldInput");
|
|
34
34
|
var FormFieldLabel_1 = require("./FormFieldLabel");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
|
|
6
6
|
model?: FormFieldModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldHint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"FormFieldHint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAW,MAAM,kCAAkC,CAAC;AAG/D,OAAO,EAAC,cAAc,EAAmB,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACzE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,eAAO,MAAM,aAAa,sFAuBxB,CAAC"}
|
|
@@ -29,10 +29,10 @@ exports.FormFieldHint = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
31
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
32
|
-
var
|
|
32
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
33
33
|
var FormField_1 = require("./FormField");
|
|
34
34
|
var hooks_1 = require("./hooks");
|
|
35
|
-
var StyledHint = common_1.styled(
|
|
35
|
+
var StyledHint = common_1.styled(layout_1.Box)(__assign({}, tokens_1.type.levels.subtext.medium));
|
|
36
36
|
exports.FormFieldHint = common_1.createComponent('p')({
|
|
37
37
|
displayName: 'FormField.Hint',
|
|
38
38
|
Component: function (_a, ref, Element) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Box } from '@workday/canvas-kit-
|
|
2
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
3
3
|
import { FormFieldModel } from './hooks';
|
|
4
4
|
export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
|
|
5
5
|
model?: FormFieldModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldInput.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,GAAG,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"FormFieldInput.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAGrD,OAAO,EAAC,cAAc,EAAoB,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC1E,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,2FAQzB,CAAC"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.FormFieldInput = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var
|
|
31
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
32
32
|
var FormField_1 = require("./FormField");
|
|
33
33
|
var hooks_1 = require("./hooks");
|
|
34
34
|
exports.FormFieldInput = common_1.createComponent('input')({
|
|
@@ -37,6 +37,6 @@ exports.FormFieldInput = common_1.createComponent('input')({
|
|
|
37
37
|
var model = _a.model, elemProps = __rest(_a, ["model"]);
|
|
38
38
|
var localModel = common_1.useModelContext(FormField_1.FormFieldModelContext, model);
|
|
39
39
|
var props = hooks_1.useFormFieldInput(localModel, elemProps, ref);
|
|
40
|
-
return react_1.default.createElement(
|
|
40
|
+
return react_1.default.createElement(layout_1.Box, __assign({ as: Element }, props));
|
|
41
41
|
},
|
|
42
42
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { HStack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { HStack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
|
|
6
6
|
model?: FormFieldModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"FormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAM,MAAM,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAI3E,OAAO,EAAC,cAAc,EAAoB,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAC9F,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAaD,eAAO,MAAM,cAAc,2FAkBzB,CAAC"}
|
|
@@ -28,13 +28,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.FormFieldLabel = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var
|
|
31
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
32
32
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
33
|
-
var layout_1 = require("@workday/canvas-kit-labs-react/layout");
|
|
34
33
|
var FormField_1 = require("./FormField");
|
|
35
34
|
var hooks_1 = require("./hooks");
|
|
36
35
|
var StyledFormFieldLabel = common_1.styled('span')(__assign(__assign({}, tokens_1.type.levels.subtext.large), { fontWeight: tokens_1.type.properties.fontWeights.medium }));
|
|
37
|
-
var StyledAsterisk = common_1.styled(
|
|
36
|
+
var StyledAsterisk = common_1.styled(layout_1.Box)({
|
|
38
37
|
fontSize: tokens_1.type.properties.fontSizes[20],
|
|
39
38
|
fontWeight: tokens_1.type.properties.fontWeights.regular,
|
|
40
39
|
textDecoration: 'unset',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFormFieldOrientation.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldOrientation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"useFormFieldOrientation.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldOrientation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAG1E;;GAEG;AACH,eAAO,MAAM,uBAAuB,gBAAiB,YAAY,GAAG,UAAU;mBAE3D,UAAU,CAAC,eAAe,CAAC;gBAC9B,UAAU,CAAC,YAAY,CAAC;aAC3B,YAAY;CAkBxB,CAAC"}
|
|
@@ -55,7 +55,7 @@ var button_1 = require("@workday/canvas-kit-react/button");
|
|
|
55
55
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
56
56
|
var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
|
|
57
57
|
var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
|
|
58
|
-
var
|
|
58
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
59
59
|
var createKeyframes = function (from, to) {
|
|
60
60
|
var normalized = {
|
|
61
61
|
from: typeof from === 'number' ? from + 'px' : from,
|
|
@@ -63,7 +63,7 @@ var createKeyframes = function (from, to) {
|
|
|
63
63
|
};
|
|
64
64
|
return react_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n from {\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n } to {\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n }\n "], ["\n from {\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n } to {\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n }\n "])), normalized.from, normalized.from, normalized.from, normalized.to, normalized.to, normalized.to);
|
|
65
65
|
};
|
|
66
|
-
var StyledPanel = common_1.styled(
|
|
66
|
+
var StyledPanel = common_1.styled(layout_1.Box)({
|
|
67
67
|
overflow: 'hidden',
|
|
68
68
|
position: 'relative',
|
|
69
69
|
boxSizing: 'border-box',
|
|
@@ -29,7 +29,7 @@ exports.TextArea = exports.TextAreaModelContext = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
31
|
var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
|
|
32
|
-
var layout_1 = require("@workday/canvas-kit-
|
|
32
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
33
33
|
var hooks_1 = require("./hooks");
|
|
34
34
|
var TextAreaField_1 = require("./TextAreaField");
|
|
35
35
|
var TextAreaLabel_1 = require("./TextAreaLabel");
|
|
@@ -29,7 +29,7 @@ exports.TextInput = exports.TextInputModelContext = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
31
|
var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
|
|
32
|
-
var layout_1 = require("@workday/canvas-kit-
|
|
32
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
33
33
|
var hooks_1 = require("./hooks");
|
|
34
34
|
var TextInputField_1 = require("./TextInputField");
|
|
35
35
|
var TextInputLabel_1 = require("./TextInputLabel");
|
|
@@ -25,7 +25,7 @@ import { styled } from '@workday/canvas-kit-react/common';
|
|
|
25
25
|
import { borderRadius, colors, commonColors, depth, space, type, } from '@workday/canvas-kit-react/tokens';
|
|
26
26
|
// local components
|
|
27
27
|
import { DropdownMenuItemLink } from './MenuItemLink';
|
|
28
|
-
import { Box } from '@workday/canvas-kit-
|
|
28
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
29
29
|
var StyledDropdownMenu = styled(Box)(__assign(__assign(__assign({}, type.levels.subtext.large), depth[2]), { backgroundColor: commonColors.background, border: "1px solid " + colors.soap500, borderRadius: borderRadius.m, boxSizing: 'border-box', display: 'inline-block', marginTop: space.xxxs, maxHeight: 200, outline: 'none', overflowY: 'auto', position: 'relative', width: 'max-content' }));
|
|
30
30
|
var StyledMenuList = styled('ul')({
|
|
31
31
|
boxSizing: 'border-box',
|
|
@@ -25,7 +25,7 @@ import { SystemIcon } from '@workday/canvas-kit-react/icon';
|
|
|
25
25
|
import { chevronLeftSmallIcon, chevronRightSmallIcon } from '@workday/canvas-system-icons-web';
|
|
26
26
|
import { colors } from '@workday/canvas-kit-react/tokens';
|
|
27
27
|
import { useRTL } from '../hooks';
|
|
28
|
-
import { Flex } from '@workday/canvas-kit-
|
|
28
|
+
import { Flex } from '@workday/canvas-kit-react/layout';
|
|
29
29
|
export var BreadcrumbsListItem = function (_a) {
|
|
30
30
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
31
31
|
var shouldUseRTL = useRTL().shouldUseRTL;
|
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createComponent } from '@workday/canvas-kit-react/common';
|
|
25
|
-
import { Flex } from '@workday/canvas-kit-
|
|
25
|
+
import { Flex } from '@workday/canvas-kit-react/layout';
|
|
26
26
|
export var BreadcrumbsList = createComponent('ul')({
|
|
27
27
|
displayName: 'BreadcrumbsList',
|
|
28
28
|
Component: function (_a, ref) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Stack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { Stack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel, FormFieldModelConfig } from './hooks';
|
|
5
5
|
export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
|
|
6
6
|
hasError?: boolean | undefined;
|
|
@@ -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,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAErE,OAAO,EAEL,cAAc,EACd,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,qBAAqB;;;;OAAiD,CAAC;AAEpF,MAAM,WAAW,cACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;;;;CAqBpB,CAAC"}
|
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createComponent, useDefaultModel } from '@workday/canvas-kit-react/common';
|
|
25
|
-
import { Stack } from '@workday/canvas-kit-
|
|
25
|
+
import { Stack } from '@workday/canvas-kit-react/layout';
|
|
26
26
|
import { useFormFieldModel, useFormFieldOrientation, } from './hooks';
|
|
27
27
|
import { FormFieldInput } from './FormFieldInput';
|
|
28
28
|
import { FormFieldLabel } from './FormFieldLabel';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
|
|
6
6
|
model?: FormFieldModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldHint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"FormFieldHint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAW,MAAM,kCAAkC,CAAC;AAG/D,OAAO,EAAC,cAAc,EAAmB,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IACzE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,eAAO,MAAM,aAAa,sFAuBxB,CAAC"}
|
|
@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createComponent, useModelContext, useTheme, styled, } from '@workday/canvas-kit-react/common';
|
|
25
25
|
import { space, type } from '@workday/canvas-kit-react/tokens';
|
|
26
|
-
import { Box } from '@workday/canvas-kit-
|
|
26
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
27
27
|
import { FormFieldModelContext } from './FormField';
|
|
28
28
|
import { useFormFieldHint } from './hooks';
|
|
29
29
|
var StyledHint = styled(Box)(__assign({}, type.levels.subtext.medium));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Box } from '@workday/canvas-kit-
|
|
2
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
3
3
|
import { FormFieldModel } from './hooks';
|
|
4
4
|
export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
|
|
5
5
|
model?: FormFieldModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldInput.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,GAAG,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"FormFieldInput.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAGrD,OAAO,EAAC,cAAc,EAAoB,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC1E,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,2FAQzB,CAAC"}
|
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createComponent, useModelContext } from '@workday/canvas-kit-react/common';
|
|
25
|
-
import { Box } from '@workday/canvas-kit-
|
|
25
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
26
26
|
import { FormFieldModelContext } from './FormField';
|
|
27
27
|
import { useFormFieldInput } from './hooks';
|
|
28
28
|
export var FormFieldInput = createComponent('input')({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { HStack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { HStack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
|
|
6
6
|
model?: FormFieldModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"FormFieldLabel.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAM,MAAM,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAI3E,OAAO,EAAC,cAAc,EAAoB,MAAM,SAAS,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAC9F,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAaD,eAAO,MAAM,cAAc,2FAkBzB,CAAC"}
|
|
@@ -22,9 +22,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createComponent, useModelContext, useTheme, styled, } from '@workday/canvas-kit-react/common';
|
|
25
|
-
import { Box } from '@workday/canvas-kit-
|
|
25
|
+
import { Box, HStack } from '@workday/canvas-kit-react/layout';
|
|
26
26
|
import { type } from '@workday/canvas-kit-react/tokens';
|
|
27
|
-
import { HStack } from '@workday/canvas-kit-labs-react/layout';
|
|
28
27
|
import { FormFieldModelContext } from './FormField';
|
|
29
28
|
import { useFormFieldLabel } from './hooks';
|
|
30
29
|
var StyledFormFieldLabel = styled('span')(__assign(__assign({}, type.levels.subtext.large), { fontWeight: type.properties.fontWeights.medium }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFormFieldOrientation.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldOrientation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"useFormFieldOrientation.d.ts","sourceRoot":"","sources":["../../../../../form-field/lib/hooks/useFormFieldOrientation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAG1E;;GAEG;AACH,eAAO,MAAM,uBAAuB,gBAAiB,YAAY,GAAG,UAAU;mBAE3D,UAAU,CAAC,eAAe,CAAC;gBAC9B,UAAU,CAAC,YAAY,CAAC;aAC3B,YAAY;CAkBxB,CAAC"}
|
|
@@ -33,7 +33,7 @@ import { IconButton } from '@workday/canvas-kit-react/button';
|
|
|
33
33
|
import { space, colors } from '@workday/canvas-kit-react/tokens';
|
|
34
34
|
import { transformationImportIcon } from '@workday/canvas-system-icons-web';
|
|
35
35
|
import { Tooltip } from '@workday/canvas-kit-react/tooltip';
|
|
36
|
-
import { Box } from '@workday/canvas-kit-
|
|
36
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
37
37
|
var createKeyframes = function (from, to) {
|
|
38
38
|
var normalized = {
|
|
39
39
|
from: typeof from === 'number' ? from + 'px' : from,
|
|
@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createComponent, useDefaultModel } from '@workday/canvas-kit-react/common';
|
|
25
25
|
import { FormFieldModelContext, useFormFieldOrientation, } from '@workday/canvas-kit-preview-react/form-field';
|
|
26
|
-
import { Stack } from '@workday/canvas-kit-
|
|
26
|
+
import { Stack } from '@workday/canvas-kit-react/layout';
|
|
27
27
|
import { useTextAreaModel } from './hooks';
|
|
28
28
|
import { TextAreaField } from './TextAreaField';
|
|
29
29
|
import { TextAreaLabel } from './TextAreaLabel';
|
|
@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createComponent, useDefaultModel } from '@workday/canvas-kit-react/common';
|
|
25
25
|
import { FormFieldModelContext, useFormFieldOrientation, } from '@workday/canvas-kit-preview-react/form-field';
|
|
26
|
-
import { Stack } from '@workday/canvas-kit-
|
|
26
|
+
import { Stack } from '@workday/canvas-kit-react/layout';
|
|
27
27
|
import { useTextInputModel } from './hooks';
|
|
28
28
|
import { TextInputField } from './TextInputField';
|
|
29
29
|
import { TextInputLabel } from './TextInputLabel';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
import {createComponent, ExtractProps, useDefaultModel} from '@workday/canvas-kit-react/common';
|
|
4
|
-
import {Stack, StackSpacing} from '@workday/canvas-kit-
|
|
4
|
+
import {Stack, StackSpacing} from '@workday/canvas-kit-react/layout';
|
|
5
5
|
|
|
6
6
|
import {
|
|
7
7
|
useFormFieldModel,
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
StyledType,
|
|
9
9
|
} from '@workday/canvas-kit-react/common';
|
|
10
10
|
import {space, type} from '@workday/canvas-kit-react/tokens';
|
|
11
|
-
import {Box, BoxProps} from '@workday/canvas-kit-
|
|
11
|
+
import {Box, BoxProps} from '@workday/canvas-kit-react/layout';
|
|
12
12
|
|
|
13
13
|
import {FormFieldModelContext} from './FormField';
|
|
14
14
|
import {FormFieldModel, useFormFieldHint} from './hooks';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
import {createComponent, ExtractProps, useModelContext} from '@workday/canvas-kit-react/common';
|
|
4
|
-
import {Box} from '@workday/canvas-kit-
|
|
4
|
+
import {Box} from '@workday/canvas-kit-react/layout';
|
|
5
5
|
|
|
6
6
|
import {FormFieldModelContext} from './FormField';
|
|
7
7
|
import {FormFieldModel, useFormFieldInput} from './hooks';
|
|
@@ -8,9 +8,8 @@ import {
|
|
|
8
8
|
styled,
|
|
9
9
|
StyledType,
|
|
10
10
|
} from '@workday/canvas-kit-react/common';
|
|
11
|
-
import {Box} from '@workday/canvas-kit-
|
|
11
|
+
import {Box, HStack, StackSpacing} from '@workday/canvas-kit-react/layout';
|
|
12
12
|
import {type} from '@workday/canvas-kit-react/tokens';
|
|
13
|
-
import {HStack, StackSpacing} from '@workday/canvas-kit-labs-react/layout';
|
|
14
13
|
|
|
15
14
|
import {FormFieldModelContext} from './FormField';
|
|
16
15
|
import {FormFieldModel, useFormFieldLabel} from './hooks';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-preview-react",
|
|
3
|
-
"version": "7.0.0-alpha.0-next.
|
|
3
|
+
"version": "7.0.0-alpha.0-next.7+23568685",
|
|
4
4
|
"description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -54,15 +54,15 @@
|
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@emotion/react": "^11.7.1",
|
|
56
56
|
"@emotion/styled": "^11.6.0",
|
|
57
|
-
"@workday/canvas-kit-react": "^7.0.0-alpha.0-next.
|
|
57
|
+
"@workday/canvas-kit-react": "^7.0.0-alpha.0-next.7+23568685",
|
|
58
58
|
"@workday/canvas-system-icons-web": "1.0.41",
|
|
59
59
|
"@workday/design-assets-types": "^0.2.4"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
62
|
"@workday/canvas-accent-icons-web": "^1.0.0",
|
|
63
|
-
"@workday/canvas-kit-labs-react": "^7.0.0-alpha.0-next.
|
|
63
|
+
"@workday/canvas-kit-labs-react": "^7.0.0-alpha.0-next.7+23568685",
|
|
64
64
|
"formik": "^2.2.9",
|
|
65
65
|
"yup": "^0.31.1"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "23568685fec785046d37cb320289d8ab9e74e283"
|
|
68
68
|
}
|
|
@@ -7,7 +7,7 @@ import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
|
|
|
7
7
|
import {space, colors} from '@workday/canvas-kit-react/tokens';
|
|
8
8
|
import {transformationImportIcon} from '@workday/canvas-system-icons-web';
|
|
9
9
|
import {Tooltip} from '@workday/canvas-kit-react/tooltip';
|
|
10
|
-
import {Box} from '@workday/canvas-kit-
|
|
10
|
+
import {Box} from '@workday/canvas-kit-react/layout';
|
|
11
11
|
|
|
12
12
|
export type SidePanelVariant = 'standard' | 'alternate';
|
|
13
13
|
export type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
FormFieldModelContext,
|
|
7
7
|
useFormFieldOrientation,
|
|
8
8
|
} from '@workday/canvas-kit-preview-react/form-field';
|
|
9
|
-
import {Stack} from '@workday/canvas-kit-
|
|
9
|
+
import {Stack} from '@workday/canvas-kit-react/layout';
|
|
10
10
|
|
|
11
11
|
import {TextAreaModel, useTextAreaModel} from './hooks';
|
|
12
12
|
import {TextAreaField} from './TextAreaField';
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
FormFieldModelContext,
|
|
7
7
|
useFormFieldOrientation,
|
|
8
8
|
} from '@workday/canvas-kit-preview-react/form-field';
|
|
9
|
-
import {Stack} from '@workday/canvas-kit-
|
|
9
|
+
import {Stack} from '@workday/canvas-kit-react/layout';
|
|
10
10
|
|
|
11
11
|
import {useTextInputModel, TextInputModel} from './hooks';
|
|
12
12
|
import {TextInputField} from './TextInputField';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Stack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { Stack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel, FormFieldModelConfig } from './hooks';
|
|
5
5
|
export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
|
|
6
6
|
hasError?: boolean | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
|
|
6
6
|
model?: FormFieldModel;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Box } from '@workday/canvas-kit-
|
|
2
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
3
3
|
import { FormFieldModel } from './hooks';
|
|
4
4
|
export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
|
|
5
5
|
model?: FormFieldModel;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { HStack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { HStack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
|
|
6
6
|
model?: FormFieldModel;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Stack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { Stack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel, FormFieldModelConfig } from './hooks';
|
|
5
5
|
export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
|
|
6
6
|
hasError?: boolean | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { Box } from '@workday/canvas-kit-
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
|
|
6
6
|
model?: FormFieldModel;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { Box } from '@workday/canvas-kit-
|
|
2
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
3
3
|
import { FormFieldModel } from './hooks';
|
|
4
4
|
export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
|
|
5
5
|
model?: FormFieldModel;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { HStack, StackSpacing } from '@workday/canvas-kit-
|
|
3
|
+
import { HStack, StackSpacing } from '@workday/canvas-kit-react/layout';
|
|
4
4
|
import { FormFieldModel } from './hooks';
|
|
5
5
|
export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
|
|
6
6
|
model?: FormFieldModel;
|