@kaizen/components 1.29.0 → 1.30.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/cjs/Well/Well.cjs +31 -0
- package/dist/cjs/Well/Well.cjs.map +1 -0
- package/dist/cjs/Well/Well.module.scss.cjs +18 -0
- package/dist/cjs/Well/Well.module.scss.cjs.map +1 -0
- package/dist/cjs/dts/Well/Well.d.ts +17 -0
- package/dist/cjs/dts/Well/index.d.ts +1 -0
- package/dist/cjs/dts/Well/types.d.ts +4 -0
- package/dist/cjs/dts/index.d.ts +2 -0
- package/dist/cjs/index.cjs +4 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.css +2 -1
- package/dist/esm/Well/Well.mjs +29 -0
- package/dist/esm/Well/Well.mjs.map +1 -0
- package/dist/esm/Well/Well.module.scss.mjs +16 -0
- package/dist/esm/Well/Well.module.scss.mjs.map +1 -0
- package/dist/esm/dts/Well/Well.d.ts +17 -0
- package/dist/esm/dts/Well/index.d.ts +1 -0
- package/dist/esm/dts/Well/types.d.ts +4 -0
- package/dist/esm/dts/index.d.ts +2 -0
- package/dist/esm/index.css +2 -1
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/index.d.ts +53 -5
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var classnames = require('classnames');
|
|
6
|
+
var Well_module = require('./Well.module.scss.cjs');
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
|
|
10
|
+
* {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
|
|
11
|
+
*/
|
|
12
|
+
const Well = /*#__PURE__*/function () {
|
|
13
|
+
const Well = function (_a) {
|
|
14
|
+
var children = _a.children,
|
|
15
|
+
_b = _a.variant,
|
|
16
|
+
variant = _b === void 0 ? "default" : _b,
|
|
17
|
+
_c = _a.borderStyle,
|
|
18
|
+
borderStyle = _c === void 0 ? "solid" : _c,
|
|
19
|
+
_d = _a.noMargin,
|
|
20
|
+
noMargin = _d === void 0 ? false : _d,
|
|
21
|
+
classNameOverride = _a.classNameOverride,
|
|
22
|
+
restProps = tslib.__rest(_a, ["children", "variant", "borderStyle", "noMargin", "classNameOverride"]);
|
|
23
|
+
return React.createElement("div", tslib.__assign({
|
|
24
|
+
className: classnames(Well_module.container, Well_module[borderStyle], Well_module[variant], noMargin && Well_module.noMargin, classNameOverride)
|
|
25
|
+
}, restProps), children);
|
|
26
|
+
};
|
|
27
|
+
Well.displayName = "Well";
|
|
28
|
+
return Well;
|
|
29
|
+
}();
|
|
30
|
+
exports.Well = Well;
|
|
31
|
+
//# sourceMappingURL=Well.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Well.cjs","sources":["../../../src/Well/Well.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { WellBorderStyleType, WellVariantType } from \"./types\"\nimport styles from \"./Well.module.scss\"\n\nexport type WellProps = {\n children?: React.ReactNode\n variant?: WellVariantType\n borderStyle?: WellBorderStyleType\n noMargin?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}\n */\nexport const Well = ({\n children,\n variant = \"default\",\n borderStyle = \"solid\",\n noMargin = false,\n classNameOverride,\n ...restProps\n}: WellProps): JSX.Element => (\n <div\n className={classnames(\n styles.container,\n styles[borderStyle],\n styles[variant],\n noMargin && styles.noMargin,\n classNameOverride\n )}\n {...restProps}\n >\n {children}\n </div>\n)\n\nWell.displayName = \"Well\"\n"],"names":["Well","_a","children","_b","variant","_c","borderStyle","_d","noMargin","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","container","displayName"],"mappings":";;;;;;;AAaA;;;AAGG;AAHH,MAIaA,IAAI;EAAA,MAAJA,IAAI,GAAG,SAAAA,CAACC,EAOT,EAAA;IANV,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,OAAmB;MAAnBA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MACnBE,EAAqB,GAAAJ,EAAA,CAAAK,WAAA;MAArBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAAA,EAAA;MACrBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAV,EAAA,EANO,uEAOpB,CADa;IACgB,OAC5BW,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CACnBC,WAAM,CAACC,SAAS,EAChBD,WAAM,CAACX,WAAW,CAAC,EACnBW,WAAM,CAACb,OAAO,CAAC,EACfI,QAAQ,IAAIS,WAAM,CAACT,QAAQ,EAC3BC,iBAAiB;OAEfC,SAAS,CAAA,EAEZR,QAAQ,CACL;GACP;EAEDF,IAAI,CAACmB,WAAW,GAAG,MAAM;EAAA,OAtBZnB,IAAI;AAAA;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var styles = {
|
|
4
|
+
"container": "Well-module_container__pi8-W",
|
|
5
|
+
"noMargin": "Well-module_noMargin__xBvM9",
|
|
6
|
+
"positive": "Well-module_positive__6ldUu",
|
|
7
|
+
"negative": "Well-module_negative__mVczy",
|
|
8
|
+
"informative": "Well-module_informative__81djJ",
|
|
9
|
+
"cautionary": "Well-module_cautionary__MSYHT",
|
|
10
|
+
"assertive": "Well-module_assertive__Kl5ql",
|
|
11
|
+
"prominent": "Well-module_prominent__wdpIQ",
|
|
12
|
+
"default": "Well-module_default__tSiHp",
|
|
13
|
+
"solid": "Well-module_solid__ianzm",
|
|
14
|
+
"dashed": "Well-module_dashed__csujS",
|
|
15
|
+
"none": "Well-module_none__rWwTB"
|
|
16
|
+
};
|
|
17
|
+
module.exports = styles;
|
|
18
|
+
//# sourceMappingURL=Well.module.scss.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Well.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import { OverrideClassName } from "../types/OverrideClassName";
|
|
3
|
+
import { WellBorderStyleType, WellVariantType } from "./types";
|
|
4
|
+
export type WellProps = {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
variant?: WellVariantType;
|
|
7
|
+
borderStyle?: WellBorderStyleType;
|
|
8
|
+
noMargin?: boolean;
|
|
9
|
+
} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
|
|
10
|
+
/**
|
|
11
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
|
|
12
|
+
* {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
|
|
13
|
+
*/
|
|
14
|
+
export declare const Well: {
|
|
15
|
+
({ children, variant, borderStyle, noMargin, classNameOverride, ...restProps }: WellProps): JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Well";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const variantTypes: readonly ["positive", "negative", "informative", "cautionary", "default", "assertive", "prominent"];
|
|
2
|
+
export type WellVariantType = (typeof variantTypes)[number];
|
|
3
|
+
export declare const borderStyleTypes: readonly ["solid", "dashed", "none"];
|
|
4
|
+
export type WellBorderStyleType = (typeof borderStyleTypes)[number];
|
package/dist/cjs/dts/index.d.ts
CHANGED
|
@@ -47,6 +47,7 @@ export * from "./Skirt";
|
|
|
47
47
|
export * from "./Slider";
|
|
48
48
|
export * from "./SplitButton";
|
|
49
49
|
export * from "./Table";
|
|
50
|
+
export * from "./Tag";
|
|
50
51
|
export * from "./Text";
|
|
51
52
|
export * from "./TextField";
|
|
52
53
|
export * from "./TextArea";
|
|
@@ -55,3 +56,4 @@ export * from "./Tile";
|
|
|
55
56
|
export * from "./TimeField";
|
|
56
57
|
export * from "./Tooltip";
|
|
57
58
|
export * from "./Workflow";
|
|
59
|
+
export * from "./Well";
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -342,6 +342,7 @@ var Skirt = require('./Skirt/Skirt.cjs');
|
|
|
342
342
|
var Slider = require('./Slider/Slider.cjs');
|
|
343
343
|
var SplitButton = require('./SplitButton/SplitButton.cjs');
|
|
344
344
|
var Table = require('./Table/Table.cjs');
|
|
345
|
+
var Tag = require('./Tag/Tag.cjs');
|
|
345
346
|
var Text = require('./Text/Text.cjs');
|
|
346
347
|
var TextField = require('./TextField/TextField.cjs');
|
|
347
348
|
var TextArea = require('./TextArea/TextArea.cjs');
|
|
@@ -352,6 +353,7 @@ var TileGrid = require('./Tile/TileGrid/TileGrid.cjs');
|
|
|
352
353
|
var TimeField = require('./TimeField/TimeField.cjs');
|
|
353
354
|
var Tooltip = require('./Tooltip/Tooltip.cjs');
|
|
354
355
|
var Workflow = require('./Workflow/Workflow.cjs');
|
|
356
|
+
var Well = require('./Well/Well.cjs');
|
|
355
357
|
exports.Avatar = Avatar.Avatar;
|
|
356
358
|
exports.AvatarGroup = AvatarGroup.AvatarGroup;
|
|
357
359
|
exports.Badge = Badge.Badge;
|
|
@@ -838,6 +840,7 @@ exports.TableHeader = Table.TableHeader;
|
|
|
838
840
|
exports.TableHeaderRowCell = Table.TableHeaderRowCell;
|
|
839
841
|
exports.TableRow = Table.TableRow;
|
|
840
842
|
exports.TableRowCell = Table.TableRowCell;
|
|
843
|
+
exports.Tag = Tag.Tag;
|
|
841
844
|
exports.Text = Text.Text;
|
|
842
845
|
exports.TextField = TextField.TextField;
|
|
843
846
|
exports.TextArea = TextArea.TextArea;
|
|
@@ -848,4 +851,5 @@ exports.TileGrid = TileGrid.TileGrid;
|
|
|
848
851
|
exports.TimeField = TimeField.TimeField;
|
|
849
852
|
exports.Tooltip = Tooltip.Tooltip;
|
|
850
853
|
exports.Workflow = Workflow.Workflow;
|
|
854
|
+
exports.Well = Well.Well;
|
|
851
855
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/cjs/index.css
CHANGED
|
@@ -137,4 +137,5 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
|
|
|
137
137
|
.Branding-module_branding__Oayqr{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__Oayqr{justify-content:unset}}.Branding-module_logo__rTXU9{flex-basis:7.5rem}
|
|
138
138
|
.Root-module_root__cfRZi{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__cfRZi{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
139
139
|
.Main-module_main__H-zGJ{z-index:0}
|
|
140
|
-
.Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
140
|
+
.Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
141
|
+
.Well-module_container__pi8-W{border-radius:var(--border-solid-border-radius,7px);margin-bottom:var(--spacing-md,1.5rem)}.Well-module_noMargin__xBvM9{margin:0}.Well-module_positive__6ldUu{background:var(--color-green-100,#e8f8f4);border-color:var(--color-green-300,#8fdbc7);color:var(--color-purple-800,#2f2438)}.Well-module_negative__mVczy{background:var(--color-red-100,#fdeaee);border-color:var(--color-red-300,#f597a8);color:var(--color-purple-800,#2f2438)}.Well-module_informative__81djJ{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-300,#73c0e8);color:var(--color-purple-800,#2f2438)}.Well-module_cautionary__MSYHT{background:var(--color-yellow-100,#fff9e4);border-color:var(--color-yellow-400,#ffca4d);color:var(--color-purple-800,#2f2438)}.Well-module_assertive__Kl5ql{background:var(--color-orange-100,#fff0e8);border-color:var(--color-orange-300,#ffb08a);color:var(--color-purple-800,#2f2438)}.Well-module_prominent__wdpIQ{background:var(--color-purple-100,#f4edf8);border-color:var(--color-purple-300,#c9a5dd);color:var(--color-purple-800,#2f2438)}.Well-module_default__tSiHp{background-color:var(--color-gray-300,#eaeaec);border-color:rgba(var(--color-gray-600-rgb,82,78,86),.1)}.Well-module_solid__ianzm{border-style:var(--border-solid-border-style,solid);border-width:var(--border-solid-border-width,2px)}.Well-module_dashed__csujS{border-style:var(--border-dashed-border-style,dashed);border-width:var(--border-dashed-border-width,2px)}.Well-module_none__rWwTB{border-color:var(--border-borderless-border-color,transparent);border-style:var(--border-borderless-border-style,solid);border-width:var(--border-borderless-border-width,2px)}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import classnames from 'classnames';
|
|
4
|
+
import styles from './Well.module.scss.mjs';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
|
|
8
|
+
* {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
|
|
9
|
+
*/
|
|
10
|
+
const Well = /*#__PURE__*/function () {
|
|
11
|
+
const Well = function (_a) {
|
|
12
|
+
var children = _a.children,
|
|
13
|
+
_b = _a.variant,
|
|
14
|
+
variant = _b === void 0 ? "default" : _b,
|
|
15
|
+
_c = _a.borderStyle,
|
|
16
|
+
borderStyle = _c === void 0 ? "solid" : _c,
|
|
17
|
+
_d = _a.noMargin,
|
|
18
|
+
noMargin = _d === void 0 ? false : _d,
|
|
19
|
+
classNameOverride = _a.classNameOverride,
|
|
20
|
+
restProps = __rest(_a, ["children", "variant", "borderStyle", "noMargin", "classNameOverride"]);
|
|
21
|
+
return /*#__PURE__*/React.createElement("div", __assign({
|
|
22
|
+
className: classnames(styles.container, styles[borderStyle], styles[variant], noMargin && styles.noMargin, classNameOverride)
|
|
23
|
+
}, restProps), children);
|
|
24
|
+
};
|
|
25
|
+
Well.displayName = "Well";
|
|
26
|
+
return Well;
|
|
27
|
+
}();
|
|
28
|
+
export { Well };
|
|
29
|
+
//# sourceMappingURL=Well.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Well.mjs","sources":["../../../src/Well/Well.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { WellBorderStyleType, WellVariantType } from \"./types\"\nimport styles from \"./Well.module.scss\"\n\nexport type WellProps = {\n children?: React.ReactNode\n variant?: WellVariantType\n borderStyle?: WellBorderStyleType\n noMargin?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}\n */\nexport const Well = ({\n children,\n variant = \"default\",\n borderStyle = \"solid\",\n noMargin = false,\n classNameOverride,\n ...restProps\n}: WellProps): JSX.Element => (\n <div\n className={classnames(\n styles.container,\n styles[borderStyle],\n styles[variant],\n noMargin && styles.noMargin,\n classNameOverride\n )}\n {...restProps}\n >\n {children}\n </div>\n)\n\nWell.displayName = \"Well\"\n"],"names":["Well","_a","children","_b","variant","_c","borderStyle","_d","noMargin","classNameOverride","restProps","__rest","React","createElement","__assign","className","classnames","styles","container","displayName"],"mappings":";;;;;AAaA;;;AAGG;AAHH,MAIaA,IAAI;EAAA,MAAJA,IAAI,GAAG,SAAAA,CAACC,EAOT,EAAA;IANV,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,OAAmB;MAAnBA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAAA,EAAA;MACnBE,EAAqB,GAAAJ,EAAA,CAAAK,WAAA;MAArBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAAA,EAAA;MACrBE,EAAgB,GAAAN,EAAA,CAAAO,QAAA;MAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MAChBE,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAV,EAAA,EANO,uEAOpB,CADa;IACgB,oBAC5BW,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MACEC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,SAAS,EAChBD,MAAM,CAACX,WAAW,CAAC,EACnBW,MAAM,CAACb,OAAO,CAAC,EACfI,QAAQ,IAAIS,MAAM,CAACT,QAAQ,EAC3BC,iBAAiB;OAEfC,SAAS,CAAA,EAEZR,QAAQ,CACL;GACP;EAEDF,IAAI,CAACmB,WAAW,GAAG,MAAM;EAAA,OAtBZnB,IAAI;AAAA;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var styles = {
|
|
2
|
+
"container": "Well-module_container__pi8-W",
|
|
3
|
+
"noMargin": "Well-module_noMargin__xBvM9",
|
|
4
|
+
"positive": "Well-module_positive__6ldUu",
|
|
5
|
+
"negative": "Well-module_negative__mVczy",
|
|
6
|
+
"informative": "Well-module_informative__81djJ",
|
|
7
|
+
"cautionary": "Well-module_cautionary__MSYHT",
|
|
8
|
+
"assertive": "Well-module_assertive__Kl5ql",
|
|
9
|
+
"prominent": "Well-module_prominent__wdpIQ",
|
|
10
|
+
"default": "Well-module_default__tSiHp",
|
|
11
|
+
"solid": "Well-module_solid__ianzm",
|
|
12
|
+
"dashed": "Well-module_dashed__csujS",
|
|
13
|
+
"none": "Well-module_none__rWwTB"
|
|
14
|
+
};
|
|
15
|
+
export { styles as default };
|
|
16
|
+
//# sourceMappingURL=Well.module.scss.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Well.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import { OverrideClassName } from "../types/OverrideClassName";
|
|
3
|
+
import { WellBorderStyleType, WellVariantType } from "./types";
|
|
4
|
+
export type WellProps = {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
variant?: WellVariantType;
|
|
7
|
+
borderStyle?: WellBorderStyleType;
|
|
8
|
+
noMargin?: boolean;
|
|
9
|
+
} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
|
|
10
|
+
/**
|
|
11
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
|
|
12
|
+
* {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
|
|
13
|
+
*/
|
|
14
|
+
export declare const Well: {
|
|
15
|
+
({ children, variant, borderStyle, noMargin, classNameOverride, ...restProps }: WellProps): JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Well";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const variantTypes: readonly ["positive", "negative", "informative", "cautionary", "default", "assertive", "prominent"];
|
|
2
|
+
export type WellVariantType = (typeof variantTypes)[number];
|
|
3
|
+
export declare const borderStyleTypes: readonly ["solid", "dashed", "none"];
|
|
4
|
+
export type WellBorderStyleType = (typeof borderStyleTypes)[number];
|
package/dist/esm/dts/index.d.ts
CHANGED
|
@@ -47,6 +47,7 @@ export * from "./Skirt";
|
|
|
47
47
|
export * from "./Slider";
|
|
48
48
|
export * from "./SplitButton";
|
|
49
49
|
export * from "./Table";
|
|
50
|
+
export * from "./Tag";
|
|
50
51
|
export * from "./Text";
|
|
51
52
|
export * from "./TextField";
|
|
52
53
|
export * from "./TextArea";
|
|
@@ -55,3 +56,4 @@ export * from "./Tile";
|
|
|
55
56
|
export * from "./TimeField";
|
|
56
57
|
export * from "./Tooltip";
|
|
57
58
|
export * from "./Workflow";
|
|
59
|
+
export * from "./Well";
|
package/dist/esm/index.css
CHANGED
|
@@ -137,4 +137,5 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
|
|
|
137
137
|
.Branding-module_branding__Oayqr{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__Oayqr{justify-content:unset}}.Branding-module_logo__rTXU9{flex-basis:7.5rem}
|
|
138
138
|
.Root-module_root__cfRZi{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__cfRZi{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
139
139
|
.Main-module_main__H-zGJ{z-index:0}
|
|
140
|
-
.Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
140
|
+
.Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
141
|
+
.Well-module_container__pi8-W{border-radius:var(--border-solid-border-radius,7px);margin-bottom:var(--spacing-md,1.5rem)}.Well-module_noMargin__xBvM9{margin:0}.Well-module_positive__6ldUu{background:var(--color-green-100,#e8f8f4);border-color:var(--color-green-300,#8fdbc7);color:var(--color-purple-800,#2f2438)}.Well-module_negative__mVczy{background:var(--color-red-100,#fdeaee);border-color:var(--color-red-300,#f597a8);color:var(--color-purple-800,#2f2438)}.Well-module_informative__81djJ{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-300,#73c0e8);color:var(--color-purple-800,#2f2438)}.Well-module_cautionary__MSYHT{background:var(--color-yellow-100,#fff9e4);border-color:var(--color-yellow-400,#ffca4d);color:var(--color-purple-800,#2f2438)}.Well-module_assertive__Kl5ql{background:var(--color-orange-100,#fff0e8);border-color:var(--color-orange-300,#ffb08a);color:var(--color-purple-800,#2f2438)}.Well-module_prominent__wdpIQ{background:var(--color-purple-100,#f4edf8);border-color:var(--color-purple-300,#c9a5dd);color:var(--color-purple-800,#2f2438)}.Well-module_default__tSiHp{background-color:var(--color-gray-300,#eaeaec);border-color:rgba(var(--color-gray-600-rgb,82,78,86),.1)}.Well-module_solid__ianzm{border-style:var(--border-solid-border-style,solid);border-width:var(--border-solid-border-width,2px)}.Well-module_dashed__csujS{border-style:var(--border-dashed-border-style,dashed);border-width:var(--border-dashed-border-width,2px)}.Well-module_none__rWwTB{border-color:var(--border-borderless-border-color,transparent);border-style:var(--border-borderless-border-style,solid);border-width:var(--border-borderless-border-width,2px)}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -340,6 +340,7 @@ export { Skirt } from './Skirt/Skirt.mjs';
|
|
|
340
340
|
export { Slider } from './Slider/Slider.mjs';
|
|
341
341
|
export { SplitButton } from './SplitButton/SplitButton.mjs';
|
|
342
342
|
export { TableCard, TableContainer, TableHeader, TableHeaderRowCell, TableRow, TableRowCell } from './Table/Table.mjs';
|
|
343
|
+
export { Tag } from './Tag/Tag.mjs';
|
|
343
344
|
export { Text } from './Text/Text.mjs';
|
|
344
345
|
export { TextField } from './TextField/TextField.mjs';
|
|
345
346
|
export { TextArea } from './TextArea/TextArea.mjs';
|
|
@@ -350,4 +351,5 @@ export { TileGrid } from './Tile/TileGrid/TileGrid.mjs';
|
|
|
350
351
|
export { TimeField } from './TimeField/TimeField.mjs';
|
|
351
352
|
export { Tooltip } from './Tooltip/Tooltip.mjs';
|
|
352
353
|
export { Workflow } from './Workflow/Workflow.mjs';
|
|
354
|
+
export { Well } from './Well/Well.mjs';
|
|
353
355
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ import * as react_select_dist_declarations_src_components from 'react-select/dis
|
|
|
21
21
|
import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
|
|
22
22
|
import { AsyncProps as AsyncProps$1 } from 'react-select/async';
|
|
23
23
|
import { TimeFieldStateOptions } from '@react-stately/datepicker';
|
|
24
|
-
import { DefaultTagProps } from '@kaizen/draft-tag';
|
|
24
|
+
import { DefaultTagProps as DefaultTagProps$1 } from '@kaizen/draft-tag';
|
|
25
25
|
|
|
26
26
|
type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
|
|
27
27
|
/** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
|
|
@@ -2957,10 +2957,10 @@ interface AsyncProps extends AsyncProps$1<any, boolean, any>, Props<any, boolean
|
|
|
2957
2957
|
}
|
|
2958
2958
|
declare const AsyncSelect: React__default.ForwardRefExoticComponent<AsyncProps & React__default.RefAttributes<any>>;
|
|
2959
2959
|
|
|
2960
|
-
type Variant = "default" | "education";
|
|
2960
|
+
type Variant$1 = "default" | "education";
|
|
2961
2961
|
type SkirtProps = {
|
|
2962
2962
|
children: React__default.ReactNode;
|
|
2963
|
-
variant?: Variant;
|
|
2963
|
+
variant?: Variant$1;
|
|
2964
2964
|
titleBlockHasNavigation?: boolean;
|
|
2965
2965
|
} & ContentProps;
|
|
2966
2966
|
declare const Skirt: {
|
|
@@ -3137,6 +3137,34 @@ type TableRowCellProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
|
|
|
3137
3137
|
};
|
|
3138
3138
|
declare const TableRowCell: ({ children, width, flex, href, classNameOverride, ...otherProps }: TableRowCellProps) => JSX.Element;
|
|
3139
3139
|
|
|
3140
|
+
declare const TagVariants: readonly ["default", "statusLive", "statusDraft", "statusClosed", "statusAction", "sentimentPositive", "sentimentNeutral", "sentimentNegative", "sentimentNone", "validationPositive", "validationInformative", "validationNegative", "validationCautionary"];
|
|
3141
|
+
|
|
3142
|
+
type TagWithAvatarProps = Omit<DefaultTagProps, "variant"> & {
|
|
3143
|
+
variant: "profile";
|
|
3144
|
+
avatar: JSX.Element | AvatarProps;
|
|
3145
|
+
};
|
|
3146
|
+
type Variant = (typeof TagVariants)[number];
|
|
3147
|
+
interface DefaultTagProps {
|
|
3148
|
+
variant?: Variant;
|
|
3149
|
+
children: React__default.ReactNode;
|
|
3150
|
+
size?: "medium" | "small";
|
|
3151
|
+
inline?: boolean;
|
|
3152
|
+
dismissible?: boolean;
|
|
3153
|
+
onDismiss?: React__default.MouseEventHandler<HTMLSpanElement>;
|
|
3154
|
+
onMouseDown?: React__default.MouseEventHandler<HTMLSpanElement>;
|
|
3155
|
+
onMouseLeave?: React__default.MouseEventHandler<HTMLSpanElement>;
|
|
3156
|
+
truncateWidth?: number;
|
|
3157
|
+
}
|
|
3158
|
+
type TagProps = DefaultTagProps | TagWithAvatarProps;
|
|
3159
|
+
/**
|
|
3160
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
|
|
3161
|
+
* {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
|
|
3162
|
+
*/
|
|
3163
|
+
declare const Tag: {
|
|
3164
|
+
(props: TagProps): JSX.Element;
|
|
3165
|
+
displayName: string;
|
|
3166
|
+
};
|
|
3167
|
+
|
|
3140
3168
|
type TextVariants = "intro-lede" | "body" | "small" | "extra-small";
|
|
3141
3169
|
type AllowedTextTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
|
|
3142
3170
|
type AllowedTextColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
|
|
@@ -3367,7 +3395,7 @@ type FooterProps = {
|
|
|
3367
3395
|
|
|
3368
3396
|
type WorkflowStatus = {
|
|
3369
3397
|
/** @default: "statusDraft" */
|
|
3370
|
-
variant?: DefaultTagProps["variant"];
|
|
3398
|
+
variant?: DefaultTagProps$1["variant"];
|
|
3371
3399
|
content?: string;
|
|
3372
3400
|
};
|
|
3373
3401
|
type WorkflowTitlesProps = {
|
|
@@ -3421,4 +3449,24 @@ declare const Workflow: {
|
|
|
3421
3449
|
};
|
|
3422
3450
|
};
|
|
3423
3451
|
|
|
3424
|
-
export { AcademyIcon, AccountBasics, Action, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, ActionPlans, type ActiveFiltersArray, AddIcon, AddImage, AddLinkIcon, AddUser, AddWhiteIcon, AiIcon, Alarm, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, AmplifyOthers, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Assertive, AsyncSelect, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, BCorp, Badge, BadgeAnimated, type BadgeProps, BaselineSurvey, Behaviour, BenefitsSurvey, BlankIcon, BlankSurvey, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CaMonogramIcon, CalendarRange, type CalendarRangeElement, type CalendarRangeProps, CalendarSingle, type CalendarSingleElement, type CalendarSingleProps, CalendarSync, CameraIcon, CandidateSurvey, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Coaching, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, Communications, CommunicationsIcon, Community, Company, type CompanyAvatarProps, CompanyDetails, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, Container, Content, type ContentProps, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, Conversations, type CustomButtonProps, CustomIcon, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DashboardIcon, DataVisualization, DateEndIcon, DateEndWhiteIcon, DateFormat, DateInput, DateInputDescription, type DateInputDescriptionProps, type DateInputProps, DateInputWithIconButton, type DateInputWithIconButtonProps, type DateInputWithIconButtonRefs, DatePicker, type DatePickerProps, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangePicker, type DateRangePickerProps, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DayOfWeek, DecreaseIndentIcon, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmergencyResponse, EmployeeData, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EndOfProbation, EngagementIcon, EngagementSurvey, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, EssentialProductivity, EssentialResilience, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExecutiveReportSharing, ExitSurvey, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FastAction, FavoriteOffIcon, FavoriteOnIcon, Feedback, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, Fire, Fireworks, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, FullImport, Gdpr, GeneralOnboardSurvey, type GenericAvatarProps, GenericModal, type GenericModalProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, Goals, GridViewIcon, GuidanceIcon, HamburgerIcon, HaveTheCourageToBeVulnerable, Heading, type HeadingProps, type HeadingVariants, HealthAndSafety, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, HrisImport, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, InclusionSurvey, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, Individual180, Individual360, InfluentialCommunication, InformationIcon, InformationTile, type InformationTileProps, InformationWhiteIcon, Informative, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, Insights, InsightsIcon, InternSurvey, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderReportSharing, LeaderboardIcon, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LoadingGraphic, type LoadingGraphicProps, type LoadingGraphicSize, LoadingHeading, type LoadingHeadingProps, LoadingInput, type LoadingInputProps, LoadingParagraph, type LoadingParagraphProps, LoadingSpinner, type LoadingSpinnerProps, LockIcon, LockWhiteIcon, LogOutIcon, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, type MappedFilters, MaximizeIcon, MeatballsIcon, MeetingVoices, Melbourne, Menu, type MenuFooterProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuLoadingSkeletonProps, type MenuProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, Microphone, MinimizeIcon, MinusIcon, ModalAccessibleDescription, type ModalAccessibleDescriptionProps, ModalAccessibleLabel, type ModalAccessibleLabelProps, ModalBody, type ModalBodyProps, ModalContext, type ModalContextType, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, MultiActionTile, type MultiActionTileProps, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, Negative, NewWaysOfWorking, NewYork, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, Objective, OneOnOne, OpenIcon, OpenWhiteIcon, OrganizationIcon, Pagination, PaginationLink, type PaginationLinkProps, type PaginationProps, PaperPen, PartialImport, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PerformanceDiagnostics, PermissionsIcon, PersonIcon, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, PhotoUploadIcon, Popover, type PopoverProps, Positive, PowerIcon, PowerfulInsights, PrintIcon, PrintWhiteIcon, Privacy, Process, ProcessManagerIcon, Productivity, PromotionIcon, PromotionWhiteIcon, PulseSurvey, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, QuickEngagementSurvey, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, ReOnboarding, ReadArticle, Recommendation, RedoIcon, RefreshIcon, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharing, ReportSharingIcon, Resilience, Resources, Response, RestoreIcon, ReturnToWorkplace, SanFrancisco, SaveIcon, ScienceBackedTools, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, Select, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, type SelectProps, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SkipIcon, SkipWhiteIcon, Skirt, type SkirtProps, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, SplitButton, type SplitButtonProps, type SpotProps, SpreadsheetTemplate, StarOffIcon, StarOnIcon, Starburst, StartIcon, StatelessMenu, type StatelessMenuProps, Stop, Strategy, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TableCard, type TableCardProps, TableContainer, type TableContainerProps, TableHeader, type TableHeaderProps, TableHeaderRowCell, type TableHeaderRowCellProps, type TableHeaderRowProps, TableRow, TableRowCell, type TableRowCellProps, type TableRowProps, TagIcon, TakeAim, TasksIcon, TasksWhiteIcon, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TemplateIcon, TemplateWhiteIcon, Templates, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextField, type TextFieldProps, type TextProps, type TextVariants, ThumbsDownIcon, ThumbsUpIcon, type TileElement, TileGrid, type TileGridProps, TimeField, type TimeFieldProps, TimeIcon, TimeWhiteIcon, Timezone, Tooltip, type TooltipProps, TrafficCone, Training1, Training2, Training3, TranslationIcon, TrashIcon, Trophy, TrustOthersToMakeDecisions, UnattributedIcon, UnattributedWhiteIcon, UnderConstruction, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValidationResponse, ValueAdd, type ValueType$1 as ValueType, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, VisibleIcon, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workflow, type WorkflowProps, Workshop, WritingIcon, ZoomInIcon, ZoomOutIcon, calculateDisabledDays, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, setFocusInCalendar, useDateValidation, useFilterBarContext, useMenuTriggerContext, usePopover, useSelectionContext, validateDate };
|
|
3452
|
+
declare const variantTypes: readonly ["positive", "negative", "informative", "cautionary", "default", "assertive", "prominent"];
|
|
3453
|
+
type WellVariantType = (typeof variantTypes)[number];
|
|
3454
|
+
declare const borderStyleTypes: readonly ["solid", "dashed", "none"];
|
|
3455
|
+
type WellBorderStyleType = (typeof borderStyleTypes)[number];
|
|
3456
|
+
|
|
3457
|
+
type WellProps = {
|
|
3458
|
+
children?: React__default.ReactNode;
|
|
3459
|
+
variant?: WellVariantType;
|
|
3460
|
+
borderStyle?: WellBorderStyleType;
|
|
3461
|
+
noMargin?: boolean;
|
|
3462
|
+
} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
|
|
3463
|
+
/**
|
|
3464
|
+
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
|
|
3465
|
+
* {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
|
|
3466
|
+
*/
|
|
3467
|
+
declare const Well: {
|
|
3468
|
+
({ children, variant, borderStyle, noMargin, classNameOverride, ...restProps }: WellProps): JSX.Element;
|
|
3469
|
+
displayName: string;
|
|
3470
|
+
};
|
|
3471
|
+
|
|
3472
|
+
export { AcademyIcon, AccountBasics, Action, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, ActionPlans, type ActiveFiltersArray, AddIcon, AddImage, AddLinkIcon, AddUser, AddWhiteIcon, AiIcon, Alarm, type AllowedHeadingColors, type AllowedHeadingTags, type AllowedTextColors, type AllowedTextTags, AmplifyOthers, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Assertive, AsyncSelect, Avatar, AvatarGroup, type AvatarGroupAvatarProps, type AvatarGroupProps, type AvatarGroupSize, type AvatarList, type AvatarProps, type AvatarSizes, BCorp, Badge, BadgeAnimated, type BadgeProps, BaselineSurvey, Behaviour, BenefitsSurvey, BlankIcon, BlankSurvey, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, type BrandMomentProps, type BrandProps, BullettedListIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CaMonogramIcon, CalendarRange, type CalendarRangeElement, type CalendarRangeProps, CalendarSingle, type CalendarSingleElement, type CalendarSingleProps, CalendarSync, CameraIcon, CandidateSurvey, Card, type CardProps, type CardVariants, CautionIcon, CautionWhiteIcon, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, CheckIcon, Checkbox, CheckboxField, type CheckboxFieldProps, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckedStatus, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton, type ClearButtonProps, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Coaching, Collapsible, CollapsibleGroup, type CollapsibleGroupProps, type CollapsibleProps, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, Communications, CommunicationsIcon, Community, Company, type CompanyAvatarProps, CompanyDetails, CompetencyLibraryIcon, ConfigureIcon, ConfirmationModal, type ConfirmationModalProps, ConnectIcon, ConnectLineIcon, Container, Content, type ContentProps, ContextModal, type ContextModalProps, type ContextModalSecondaryActionProps, Conversations, type CustomButtonProps, CustomIcon, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DashboardIcon, DataVisualization, DateEndIcon, DateEndWhiteIcon, DateFormat, DateInput, DateInputDescription, type DateInputDescriptionProps, type DateInputProps, DateInputWithIconButton, type DateInputWithIconButtonProps, type DateInputWithIconButtonRefs, DatePicker, type DatePickerProps, type DateRangeFieldValidationMessage, DateRangeIcon, DateRangePicker, type DateRangePickerProps, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, type DateValidationResponse, DayOfWeek, DecreaseIndentIcon, type DefaultTagProps, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, type DirectionalLinkProps, type DisabledDayMatchers, type DisabledDays, Divider, type DividerProps, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmergencyResponse, EmployeeData, EmptyIcon, EmptyState, type EmptyStateProps, EmptyWhiteIcon, EndIcon, EndOfProbation, EngagementIcon, EngagementSurvey, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, type ErrorPageProps, EssentialProductivity, EssentialResilience, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExecutiveReportSharing, ExitSurvey, ExperienceIcon, ExpertAdviceCollapsible, type ExpertAdviceCollapsibleProps, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FastAction, FavoriteOffIcon, FavoriteOnIcon, Feedback, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, type FieldGroupProps, FieldMessage, type FieldMessageProps, type FieldMessageStatus, FileIcon, FileWhiteIcon, Filter, type FilterAttributes, FilterBar, type FilterBarContextValue, type FilterBarProps, FilterBarProvider, type FilterBarProviderProps, type FilterBarState, type FilterBarStateFilters, FilterButton, type FilterButtonProps, FilterButtonRemovable, type FilterButtonRemovableProps, type FilterButtonRemovableRefs, FilterContents, type FilterContentsProps, FilterDatePicker, FilterDatePickerField, type FilterDatePickerFieldProps, type FilterDatePickerProps, FilterDateRangePicker, type FilterDateRangePickerProps, FilterIcon, type FilterIsUsableWhen, FilterMultiSelect, type FilterMultiSelectProps, type FilterProps, FilterSelect, type FilterSelectProps, type FilterState, type FilterStateEditableAttributes, type FilterTriggerButtonProps, type FilterTriggerRef, type Filters, type FiltersValues, Fire, Fireworks, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, FullImport, Gdpr, GeneralOnboardSurvey, type GenericAvatarProps, GenericModal, type GenericModalProps, type GetDateValidationHandlerArgs, GlobalNotification, type GlobalNotificationProps, Goals, GridViewIcon, GuidanceIcon, HamburgerIcon, HaveTheCourageToBeVulnerable, Heading, type HeadingProps, type HeadingVariants, HealthAndSafety, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, HrisImport, IconButton, type IconButtonProps, ImportIcon, ImportWhiteIcon, InclusionSurvey, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, Individual180, Individual360, InfluentialCommunication, InformationIcon, InformationTile, type InformationTileProps, InformationWhiteIcon, Informative, InlineNotification, type InlineNotificationProps, Input, InputEditModal, type InputEditModalProps, type InputProps, InputRange, type InputRangeProps, InputSearch, type InputSearchProps, type InputStatusType, type InputType, InsightIcon, Insights, InsightsIcon, InternSurvey, type InternalFilterState, InvisibleIcon, ItalicsIcon, type ItemType, KaizenProvider, type KaizenProviderProps, KebabIcon, KioskIcon, KioskWhiteIcon, Label, type LabelProps, LabelledMessage, type LabelledMessageProps, LaunchIcon, LaunchWhiteIcon, LeaderReportSharing, LeaderboardIcon, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, type ListBoxItems, type ListBoxProps, type ListBoxSectionProps$1 as ListBoxSectionProps, ListViewIcon, LiveIcon, type LoadMoreButtonProps, LoadingGraphic, type LoadingGraphicProps, type LoadingGraphicSize, LoadingHeading, type LoadingHeadingProps, LoadingInput, type LoadingInputProps, LoadingParagraph, type LoadingParagraphProps, LoadingSpinner, type LoadingSpinnerProps, LockIcon, LockWhiteIcon, LogOutIcon, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, type MappedFilters, MaximizeIcon, MeatballsIcon, MeetingVoices, Melbourne, Menu, type MenuFooterProps, MenuHeading, type MenuHeadingProps, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuLoadingSkeletonProps, type MenuProps, MenuTriggerConsumer, MenuTriggerProvider, type MenuTriggerProviderContextType, type MenuTriggerProviderProps, Microphone, MinimizeIcon, MinusIcon, ModalAccessibleDescription, type ModalAccessibleDescriptionProps, ModalAccessibleLabel, type ModalAccessibleLabelProps, ModalBody, type ModalBodyProps, ModalContext, type ModalContextType, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, MultiActionTile, type MultiActionTileProps, type MultiSelectItem, type MultiSelectOptionProps, NavigatorIcon, Negative, NewWaysOfWorking, NewYork, type NoResultsProps, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, Objective, OneOnOne, OpenIcon, OpenWhiteIcon, OrganizationIcon, Pagination, PaginationLink, type PaginationLinkProps, type PaginationProps, PaperPen, PartialImport, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PerformanceDiagnostics, PermissionsIcon, PersonIcon, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, PhotoUploadIcon, Popover, type PopoverProps, Positive, PowerIcon, PowerfulInsights, PrintIcon, PrintWhiteIcon, Privacy, Process, ProcessManagerIcon, Productivity, PromotionIcon, PromotionWhiteIcon, PulseSurvey, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, QuickEngagementSurvey, Radio, RadioField, type RadioFieldProps, RadioGroup, type RadioGroupProps, type RadioProps, ReOnboarding, ReadArticle, Recommendation, RedoIcon, RefreshIcon, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, type RemovableFilterTriggerProps, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharing, ReportSharingIcon, Resilience, Resources, Response, RestoreIcon, ReturnToWorkplace, SanFrancisco, SaveIcon, ScienceBackedTools, SearchField, type SearchFieldProps, SearchIcon, type SearchInputProps, SearchWhiteIcon, SecurityTipIcon, Select, type SelectItem, type SelectItemNode, type SelectOption, type SelectOptionGroup, type SelectOptionGroupNode, type SelectOptionNode, type SelectProps, SelectionConsumer, SelectionProvider, type SelectionProviderContextType, type SelectionProviderProps, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SkipIcon, SkipWhiteIcon, Skirt, type SkirtProps, Slider, type SliderFieldProps, SortAscendingIcon, SortDescendingIcon, type SourceFiltersState, SpinnerIcon, SplitButton, type SplitButtonProps, type SpotProps, SpreadsheetTemplate, StarOffIcon, StarOnIcon, Starburst, StartIcon, StatelessMenu, type StatelessMenuProps, Stop, Strategy, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TableCard, type TableCardProps, TableContainer, type TableContainerProps, TableHeader, type TableHeaderProps, TableHeaderRowCell, type TableHeaderRowCellProps, type TableHeaderRowProps, TableRow, TableRowCell, type TableRowCellProps, type TableRowProps, Tag, TagIcon, type TagProps, type TagWithAvatarProps, TakeAim, TasksIcon, TasksWhiteIcon, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TemplateIcon, TemplateWhiteIcon, Templates, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextField, type TextFieldProps, type TextProps, type TextVariants, ThumbsDownIcon, ThumbsUpIcon, type TileElement, TileGrid, type TileGridProps, TimeField, type TimeFieldProps, TimeIcon, TimeWhiteIcon, Timezone, Tooltip, type TooltipProps, TrafficCone, Training1, Training2, Training3, TranslationIcon, TrashIcon, Trophy, TrustOthersToMakeDecisions, UnattributedIcon, UnattributedWhiteIcon, UnderConstruction, UnderlineIcon, UndoIcon, type UseDateValidationArgs, type UseDateValidationValue, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, type ValidateDateResponse, type ValidationMessage, type ValidationResponse, ValueAdd, type ValueType$1 as ValueType, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, VisibleIcon, Well, type WellProps, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workflow, type WorkflowProps, Workshop, WritingIcon, ZoomInIcon, ZoomOutIcon, calculateDisabledDays, formatDateAsNumeral, formatDateAsText, formatDateRangeValue, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, isDisabledDate, isInvalidDate, isSelectingDayInCalendar, isValidWeekStartsOn, parseDateAsTextOrNumeral, parseDateFromNumeralFormatValue, parseDateFromTextFormatValue, setFocusInCalendar, useDateValidation, useFilterBarContext, useMenuTriggerContext, usePopover, useSelectionContext, validateDate };
|