@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.
- package/dist/cjs/src/FieldMessage/FieldMessage.cjs +1 -1
- package/dist/cjs/src/FieldMessage/FieldMessage.module.css.cjs +13 -0
- package/dist/cjs/src/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/cjs/src/ProgressBar/ProgressBar.module.css.cjs +14 -0
- package/dist/cjs/src/ProgressBar/subcomponents/Label/Label.cjs +1 -1
- package/dist/cjs/src/ProgressBar/subcomponents/Label/Label.module.css.cjs +6 -0
- package/dist/esm/src/FieldMessage/FieldMessage.mjs +4 -4
- package/dist/esm/src/FieldMessage/FieldMessage.module.css.mjs +11 -0
- package/dist/esm/src/ProgressBar/ProgressBar.mjs +4 -4
- package/dist/esm/src/ProgressBar/ProgressBar.module.css.mjs +12 -0
- package/dist/esm/src/ProgressBar/subcomponents/Label/Label.mjs +2 -2
- package/dist/esm/src/ProgressBar/subcomponents/Label/Label.module.css.mjs +4 -0
- package/dist/styles.css +139 -139
- package/package.json +10 -10
- package/src/FieldMessage/FieldMessage.module.css +74 -0
- package/src/FieldMessage/FieldMessage.tsx +1 -1
- package/src/ProgressBar/{ProgressBar.module.scss → ProgressBar.module.css} +11 -16
- package/src/ProgressBar/ProgressBar.tsx +1 -1
- package/src/ProgressBar/subcomponents/Label/Label.module.css +7 -0
- package/src/ProgressBar/subcomponents/Label/Label.tsx +1 -1
- package/dist/cjs/src/FieldMessage/FieldMessage.module.scss.cjs +0 -13
- package/dist/cjs/src/ProgressBar/ProgressBar.module.scss.cjs +0 -14
- package/dist/cjs/src/ProgressBar/subcomponents/Label/Label.module.scss.cjs +0 -6
- package/dist/esm/src/FieldMessage/FieldMessage.module.scss.mjs +0 -11
- package/dist/esm/src/ProgressBar/ProgressBar.module.scss.mjs +0 -12
- package/dist/esm/src/ProgressBar/subcomponents/Label/Label.module.scss.mjs +0 -4
- package/src/FieldMessage/FieldMessage.module.scss +0 -76
- 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.
|
|
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.
|
|
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.
|
|
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
|
|
@@ -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
|
|
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(
|
|
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:
|
|
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:
|
|
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
|
|
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:
|
|
39
|
+
className: modules_5b86df9f.progressBackground
|
|
40
40
|
}, /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: classnames(
|
|
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:
|
|
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
|
|
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:
|
|
10
|
+
className: modules_536e8d56.label
|
|
11
11
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
12
12
|
variant: "heading-4",
|
|
13
13
|
tag: "p",
|