@kaizen/components 3.0.7 → 3.0.9

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.
Files changed (28) hide show
  1. package/dist/cjs/src/FieldMessage/FieldMessage.cjs +1 -1
  2. package/dist/cjs/src/FieldMessage/FieldMessage.module.css.cjs +13 -0
  3. package/dist/cjs/src/ProgressBar/ProgressBar.cjs +1 -1
  4. package/dist/cjs/src/ProgressBar/ProgressBar.module.css.cjs +14 -0
  5. package/dist/cjs/src/ProgressBar/subcomponents/Label/Label.cjs +1 -1
  6. package/dist/cjs/src/ProgressBar/subcomponents/Label/Label.module.css.cjs +6 -0
  7. package/dist/esm/src/FieldMessage/FieldMessage.mjs +4 -4
  8. package/dist/esm/src/FieldMessage/FieldMessage.module.css.mjs +11 -0
  9. package/dist/esm/src/ProgressBar/ProgressBar.mjs +4 -4
  10. package/dist/esm/src/ProgressBar/ProgressBar.module.css.mjs +12 -0
  11. package/dist/esm/src/ProgressBar/subcomponents/Label/Label.mjs +2 -2
  12. package/dist/esm/src/ProgressBar/subcomponents/Label/Label.module.css.mjs +4 -0
  13. package/dist/styles.css +139 -139
  14. package/package.json +10 -10
  15. package/src/FieldMessage/FieldMessage.module.css +74 -0
  16. package/src/FieldMessage/FieldMessage.tsx +1 -1
  17. package/src/ProgressBar/{ProgressBar.module.scss → ProgressBar.module.css} +11 -16
  18. package/src/ProgressBar/ProgressBar.tsx +1 -1
  19. package/src/ProgressBar/subcomponents/Label/Label.module.css +7 -0
  20. package/src/ProgressBar/subcomponents/Label/Label.tsx +1 -1
  21. package/dist/cjs/src/FieldMessage/FieldMessage.module.scss.cjs +0 -13
  22. package/dist/cjs/src/ProgressBar/ProgressBar.module.scss.cjs +0 -14
  23. package/dist/cjs/src/ProgressBar/subcomponents/Label/Label.module.scss.cjs +0 -6
  24. package/dist/esm/src/FieldMessage/FieldMessage.module.scss.mjs +0 -11
  25. package/dist/esm/src/ProgressBar/ProgressBar.module.scss.mjs +0 -12
  26. package/dist/esm/src/ProgressBar/subcomponents/Label/Label.module.scss.mjs +0 -4
  27. package/src/FieldMessage/FieldMessage.module.scss +0 -76
  28. package/src/ProgressBar/subcomponents/Label/Label.module.scss +0 -10
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var classnames = require('classnames');
6
6
  var Icon = require('../Icon/Icon.cjs');
7
7
  var Text = require('../Text/Text.cjs');
8
- var FieldMessage_module = require('./FieldMessage.module.scss.cjs');
8
+ var FieldMessage_module = require('./FieldMessage.module.css.cjs');
9
9
  function _interopDefault(e) {
10
10
  return e && e.__esModule ? e : {
11
11
  default: e
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ var modules_5a29f07d = {
4
+ "message": "FieldMessage_module_message__f0a00132",
5
+ "default": "FieldMessage_module_default__f0a00132",
6
+ "reversed": "FieldMessage_module_reversed__f0a00132",
7
+ "error": "FieldMessage_module_error__f0a00132",
8
+ "caution": "FieldMessage_module_caution__f0a00132",
9
+ "positionBottom": "FieldMessage_module_positionBottom__f0a00132",
10
+ "positionTop": "FieldMessage_module_positionTop__f0a00132",
11
+ "warningIcon": "FieldMessage_module_warningIcon__f0a00132"
12
+ };
13
+ module.exports = modules_5a29f07d;
@@ -6,7 +6,7 @@ var classnames = require('classnames');
6
6
  var Heading = require('../Heading/Heading.cjs');
7
7
  var Label = require('./subcomponents/Label/Label.cjs');
8
8
  var calculatePercentage = require('./utils/calculatePercentage.cjs');
9
- var ProgressBar_module = require('./ProgressBar.module.scss.cjs');
9
+ var ProgressBar_module = require('./ProgressBar.module.css.cjs');
10
10
  function _interopDefault(e) {
11
11
  return e && e.__esModule ? e : {
12
12
  default: e
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ var modules_5b86df9f = {
4
+ "subtext": "ProgressBar_module_subtext__cec41633",
5
+ "progressBackground": "ProgressBar_module_progressBackground__cec41633",
6
+ "progress": "ProgressBar_module_progress__cec41633",
7
+ "blue": "ProgressBar_module_blue__cec41633",
8
+ "green": "ProgressBar_module_green__cec41633",
9
+ "red": "ProgressBar_module_red__cec41633",
10
+ "yellow": "ProgressBar_module_yellow__cec41633",
11
+ "isAnimating": "ProgressBar_module_isAnimating__cec41633",
12
+ "pulse": "ProgressBar_module_pulse__cec41633"
13
+ };
14
+ module.exports = modules_5b86df9f;
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var Heading = require('../../../Heading/Heading.cjs');
5
- var Label_module = require('./Label.module.scss.cjs');
5
+ var Label_module = require('./Label.module.css.cjs');
6
6
  function _interopDefault(e) {
7
7
  return e && e.__esModule ? e : {
8
8
  default: e
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var modules_536e8d56 = {
4
+ "label": "Label_module_label__5020ee90"
5
+ };
6
+ module.exports = modules_536e8d56;
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { Icon } from '../Icon/Icon.mjs';
5
5
  import { Text } from '../Text/Text.mjs';
6
- import modules_dbd9cdc4 from './FieldMessage.module.scss.mjs';
6
+ import modules_5a29f07d from './FieldMessage.module.css.mjs';
7
7
  const FieldMessage = /*#__PURE__*/function () {
8
8
  const FieldMessage = function (_a) {
9
9
  var message = _a.message,
@@ -17,15 +17,15 @@ const FieldMessage = /*#__PURE__*/function () {
17
17
  restProps = __rest(_a, ["message", "status", "position", "reversed", "classNameOverride"]);
18
18
  var textColor = status === 'default' || status === 'success' ? reversed ? 'white-reduced-opacity' : 'dark-reduced-opacity' : 'dark';
19
19
  return /*#__PURE__*/React.createElement("div", __assign({
20
- className: classnames(modules_dbd9cdc4.message, modules_dbd9cdc4[status], classNameOverride, reversed && modules_dbd9cdc4.reversed, position === 'bottom' && modules_dbd9cdc4.positionBottom, position === 'top' && modules_dbd9cdc4.positionTop)
20
+ className: classnames(modules_5a29f07d.message, modules_5a29f07d[status], classNameOverride, reversed && modules_5a29f07d.reversed, position === 'bottom' && modules_5a29f07d.positionBottom, position === 'top' && modules_5a29f07d.positionTop)
21
21
  }, restProps), (status === 'error' || status === 'caution') && (/*#__PURE__*/React.createElement("span", {
22
- className: modules_dbd9cdc4.warningIcon
22
+ className: modules_5a29f07d.warningIcon
23
23
  }, /*#__PURE__*/React.createElement(Icon, {
24
24
  name: status === 'error' ? 'error' : 'warning',
25
25
  isFilled: true,
26
26
  alt: "".concat(status, " message")
27
27
  }))), /*#__PURE__*/React.createElement("div", {
28
- className: modules_dbd9cdc4.message
28
+ className: modules_5a29f07d.message
29
29
  }, /*#__PURE__*/React.createElement(Text, {
30
30
  variant: "small",
31
31
  tag: typeof message === 'string' ? 'p' : 'div',
@@ -0,0 +1,11 @@
1
+ var modules_5a29f07d = {
2
+ "message": "FieldMessage_module_message__f0a00132",
3
+ "default": "FieldMessage_module_default__f0a00132",
4
+ "reversed": "FieldMessage_module_reversed__f0a00132",
5
+ "error": "FieldMessage_module_error__f0a00132",
6
+ "caution": "FieldMessage_module_caution__f0a00132",
7
+ "positionBottom": "FieldMessage_module_positionBottom__f0a00132",
8
+ "positionTop": "FieldMessage_module_positionTop__f0a00132",
9
+ "warningIcon": "FieldMessage_module_warningIcon__f0a00132"
10
+ };
11
+ export { modules_5a29f07d as default };
@@ -4,7 +4,7 @@ import classnames from 'classnames';
4
4
  import { Heading } from '../Heading/Heading.mjs';
5
5
  import { Label } from './subcomponents/Label/Label.mjs';
6
6
  import { calculatePercentage } from './utils/calculatePercentage.mjs';
7
- import modules_ee15117b from './ProgressBar.module.scss.mjs';
7
+ import modules_5b86df9f from './ProgressBar.module.css.mjs';
8
8
 
9
9
  /**
10
10
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
@@ -36,14 +36,14 @@ const ProgressBar = /*#__PURE__*/function () {
36
36
  content: label,
37
37
  isReversed: isReversed
38
38
  }), /*#__PURE__*/React.createElement("div", {
39
- className: modules_ee15117b.progressBackground
39
+ className: modules_5b86df9f.progressBackground
40
40
  }, /*#__PURE__*/React.createElement("div", {
41
- className: classnames(modules_ee15117b.progress, modules_ee15117b[color], isAnimating && modules_ee15117b.isAnimating),
41
+ className: classnames(modules_5b86df9f.progress, modules_5b86df9f[color], isAnimating && modules_5b86df9f.isAnimating),
42
42
  style: {
43
43
  transform: "translateX(-".concat(100 - percentage, "%")
44
44
  }
45
45
  })), subtext && (/*#__PURE__*/React.createElement("div", {
46
- className: modules_ee15117b.subtext
46
+ className: modules_5b86df9f.subtext
47
47
  }, /*#__PURE__*/React.createElement(Heading, {
48
48
  variant: "heading-6",
49
49
  tag: "p",
@@ -0,0 +1,12 @@
1
+ var modules_5b86df9f = {
2
+ "subtext": "ProgressBar_module_subtext__cec41633",
3
+ "progressBackground": "ProgressBar_module_progressBackground__cec41633",
4
+ "progress": "ProgressBar_module_progress__cec41633",
5
+ "blue": "ProgressBar_module_blue__cec41633",
6
+ "green": "ProgressBar_module_green__cec41633",
7
+ "red": "ProgressBar_module_red__cec41633",
8
+ "yellow": "ProgressBar_module_yellow__cec41633",
9
+ "isAnimating": "ProgressBar_module_isAnimating__cec41633",
10
+ "pulse": "ProgressBar_module_pulse__cec41633"
11
+ };
12
+ export { modules_5b86df9f as default };
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
2
  import { Heading } from '../../../Heading/Heading.mjs';
3
- import modules_aa63a669 from './Label.module.scss.mjs';
3
+ import modules_536e8d56 from './Label.module.css.mjs';
4
4
  const Label = /*#__PURE__*/function () {
5
5
  const Label = function (_a) {
6
6
  var content = _a.content,
7
7
  _b = _a.isReversed,
8
8
  isReversed = _b === void 0 ? false : _b;
9
9
  return /*#__PURE__*/React.createElement("div", {
10
- className: modules_aa63a669.label
10
+ className: modules_536e8d56.label
11
11
  }, /*#__PURE__*/React.createElement(Heading, {
12
12
  variant: "heading-4",
13
13
  tag: "p",
@@ -0,0 +1,4 @@
1
+ var modules_536e8d56 = {
2
+ "label": "Label_module_label__5020ee90"
3
+ };
4
+ export { modules_536e8d56 as default };