@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.
@@ -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];
@@ -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";
@@ -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
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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];
@@ -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";
@@ -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)}
@@ -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
@@ -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 };