@kaizen/components 3.0.10 → 3.0.11
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/Brand/Brand.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInput/DateInput.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInput/DateInput.module.css.cjs +7 -0
- package/dist/cjs/src/DateInput/DateInputDescription/DateInputDescription.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.cjs → DateInputDescription.module.css.cjs} +4 -4
- package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs +1 -1
- package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.cjs +8 -0
- package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.cjs +1 -1
- package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.cjs +6 -0
- package/dist/esm/src/Brand/Brand.mjs +1 -1
- package/dist/esm/src/DateInput/DateInput/DateInput.mjs +3 -3
- package/dist/esm/src/DateInput/DateInput/DateInput.module.css.mjs +5 -0
- package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs +3 -3
- package/dist/esm/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.mjs → DateInputDescription.module.css.mjs} +4 -4
- package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +2 -2
- package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.mjs +6 -0
- package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs +2 -2
- package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.mjs +4 -0
- package/dist/styles.css +19 -19
- package/package.json +8 -8
- package/src/Brand/Brand.tsx +2 -2
- package/src/DateInput/DateInput/{DateInput.module.scss → DateInput.module.css} +1 -3
- package/src/DateInput/DateInput/DateInput.tsx +1 -1
- package/src/DateInput/DateInputDescription/{DateInputDescription.module.scss → DateInputDescription.module.css} +2 -4
- package/src/DateInput/DateInputDescription/DateInputDescription.tsx +1 -1
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css +43 -0
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx +1 -1
- package/src/DatePicker/DatePicker.module.css +9 -0
- package/src/DatePicker/_docs/DatePicker.stories.tsx +28 -28
- package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css +9 -0
- package/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx +1 -1
- package/dist/cjs/src/DateInput/DateInput/DateInput.module.scss.cjs +0 -7
- package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.cjs +0 -8
- package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs +0 -6
- package/dist/esm/src/DateInput/DateInput/DateInput.module.scss.mjs +0 -5
- package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.mjs +0 -6
- package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs +0 -4
- package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss +0 -44
- package/src/DatePicker/DatePicker.module.scss +0 -11
- package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss +0 -7
|
@@ -13,7 +13,7 @@ function _interopDefault(e) {
|
|
|
13
13
|
}
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
15
15
|
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
16
|
-
var isSVG = function (variant,
|
|
16
|
+
var isSVG = function (variant, _restProps) {
|
|
17
17
|
return variant === 'collective-intelligence';
|
|
18
18
|
};
|
|
19
19
|
var Brand = function (_a) {
|
|
@@ -8,7 +8,7 @@ require('../../Input/InputRange/InputRange.cjs');
|
|
|
8
8
|
require('../../Input/InputSearch/InputSearch.cjs');
|
|
9
9
|
var Label = require('../../Label/Label.cjs');
|
|
10
10
|
var isRefObject = require('../../utils/isRefObject.cjs');
|
|
11
|
-
var DateInput_module = require('./DateInput.module.
|
|
11
|
+
var DateInput_module = require('./DateInput.module.css.cjs');
|
|
12
12
|
function _interopDefault(e) {
|
|
13
13
|
return e && e.__esModule ? e : {
|
|
14
14
|
default: e
|
|
@@ -4,7 +4,7 @@ var React = require('react');
|
|
|
4
4
|
var i18nReactIntl = require('@cultureamp/i18n-react-intl');
|
|
5
5
|
var LabelledMessage = require('../../LabelledMessage/LabelledMessage.cjs');
|
|
6
6
|
var formatDescriptionInputFormat = require('./utils/formatDescriptionInputFormat.cjs');
|
|
7
|
-
var DateInputDescription_module = require('./DateInputDescription.module.
|
|
7
|
+
var DateInputDescription_module = require('./DateInputDescription.module.css.cjs');
|
|
8
8
|
function _interopDefault(e) {
|
|
9
9
|
return e && e.__esModule ? e : {
|
|
10
10
|
default: e
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
"dateInputDescription": "
|
|
5
|
-
"dateInputFormatContainer": "
|
|
3
|
+
var modules_fa308056 = {
|
|
4
|
+
"dateInputDescription": "DateInputDescription_module_dateInputDescription__c48df0c4",
|
|
5
|
+
"dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__c48df0c4"
|
|
6
6
|
};
|
|
7
|
-
module.exports =
|
|
7
|
+
module.exports = modules_fa308056;
|
|
@@ -6,7 +6,7 @@ var classnames = require('classnames');
|
|
|
6
6
|
var Icon = require('../../Icon/Icon.cjs');
|
|
7
7
|
var isRefObject = require('../../utils/isRefObject.cjs');
|
|
8
8
|
var DateInput = require('../DateInput/DateInput.cjs');
|
|
9
|
-
var DateInputWithIconButton_module = require('./DateInputWithIconButton.module.
|
|
9
|
+
var DateInputWithIconButton_module = require('./DateInputWithIconButton.module.css.cjs');
|
|
10
10
|
function _interopDefault(e) {
|
|
11
11
|
return e && e.__esModule ? e : {
|
|
12
12
|
default: e
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var modules_01c8d38e = {
|
|
4
|
+
"iconButton": "DateInputWithIconButton_module_iconButton__30f2680f",
|
|
5
|
+
"calendarActive": "DateInputWithIconButton_module_calendarActive__30f2680f",
|
|
6
|
+
"disabled": "DateInputWithIconButton_module_disabled__30f2680f"
|
|
7
|
+
};
|
|
8
|
+
module.exports = modules_01c8d38e;
|
|
@@ -8,7 +8,7 @@ require('../../../DateInput/DateInput/DateInput.cjs');
|
|
|
8
8
|
var DateInputDescription = require('../../../DateInput/DateInputDescription/DateInputDescription.cjs');
|
|
9
9
|
var DateInputWithIconButton = require('../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs');
|
|
10
10
|
var FieldMessage = require('../../../FieldMessage/FieldMessage.cjs');
|
|
11
|
-
var DateInputField_module = require('./DateInputField.module.
|
|
11
|
+
var DateInputField_module = require('./DateInputField.module.css.cjs');
|
|
12
12
|
function _interopDefault(e) {
|
|
13
13
|
return e && e.__esModule ? e : {
|
|
14
14
|
default: e
|
|
@@ -4,7 +4,7 @@ import classnames from 'classnames';
|
|
|
4
4
|
import { assetUrl } from '../utils/hostedAssets.mjs';
|
|
5
5
|
import { BrandCollectiveIntelligence } from './BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs';
|
|
6
6
|
import modules_8097d8f5 from './Brand.module.css.mjs';
|
|
7
|
-
var isSVG = function (variant,
|
|
7
|
+
var isSVG = function (variant, _restProps) {
|
|
8
8
|
return variant === 'collective-intelligence';
|
|
9
9
|
};
|
|
10
10
|
const Brand = /*#__PURE__*/function () {
|
|
@@ -6,7 +6,7 @@ import '../../Input/InputRange/InputRange.mjs';
|
|
|
6
6
|
import '../../Input/InputSearch/InputSearch.mjs';
|
|
7
7
|
import { Label } from '../../Label/Label.mjs';
|
|
8
8
|
import { isRefObject } from '../../utils/isRefObject.mjs';
|
|
9
|
-
import
|
|
9
|
+
import modules_30be64ed from './DateInput.module.css.mjs';
|
|
10
10
|
const DateInput = /*#__PURE__*/function () {
|
|
11
11
|
const DateInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
12
12
|
var id = _a.id,
|
|
@@ -17,7 +17,7 @@ const DateInput = /*#__PURE__*/function () {
|
|
|
17
17
|
classNameOverride = _a.classNameOverride,
|
|
18
18
|
inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: classnames(
|
|
20
|
+
className: classnames(modules_30be64ed.dateInput, classNameOverride)
|
|
21
21
|
}, /*#__PURE__*/React.createElement(Label, {
|
|
22
22
|
htmlFor: id,
|
|
23
23
|
id: "".concat(id, "-input-label"),
|
|
@@ -29,7 +29,7 @@ const DateInput = /*#__PURE__*/function () {
|
|
|
29
29
|
id: id,
|
|
30
30
|
type: "text",
|
|
31
31
|
autoComplete: "off",
|
|
32
|
-
classNameOverride:
|
|
32
|
+
classNameOverride: modules_30be64ed.input,
|
|
33
33
|
disabled: disabled,
|
|
34
34
|
reversed: isReversed
|
|
35
35
|
}, inputProps)));
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { useIntl } from '@cultureamp/i18n-react-intl';
|
|
3
3
|
import { LabelledMessage } from '../../LabelledMessage/LabelledMessage.mjs';
|
|
4
4
|
import { formatDescriptionInputFormat } from './utils/formatDescriptionInputFormat.mjs';
|
|
5
|
-
import
|
|
5
|
+
import modules_fa308056 from './DateInputDescription.module.css.mjs';
|
|
6
6
|
const DateInputDescription = /*#__PURE__*/function () {
|
|
7
7
|
const DateInputDescription = function (_a) {
|
|
8
8
|
var description = _a.description,
|
|
@@ -16,9 +16,9 @@ const DateInputDescription = /*#__PURE__*/function () {
|
|
|
16
16
|
});
|
|
17
17
|
if (hasCustomDescription) {
|
|
18
18
|
return /*#__PURE__*/React.createElement("span", {
|
|
19
|
-
className:
|
|
19
|
+
className: modules_fa308056.dateInputDescription
|
|
20
20
|
}, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
|
|
21
|
-
className:
|
|
21
|
+
className: modules_fa308056.dateInputFormatContainer
|
|
22
22
|
}, "(", /*#__PURE__*/React.createElement(LabelledMessage, {
|
|
23
23
|
label: translatedInputFormatMessage,
|
|
24
24
|
message: formatDescriptionInputFormat(locale)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
"dateInputDescription": "
|
|
3
|
-
"dateInputFormatContainer": "
|
|
1
|
+
var modules_fa308056 = {
|
|
2
|
+
"dateInputDescription": "DateInputDescription_module_dateInputDescription__c48df0c4",
|
|
3
|
+
"dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__c48df0c4"
|
|
4
4
|
};
|
|
5
|
-
export {
|
|
5
|
+
export { modules_fa308056 as default };
|
|
@@ -4,7 +4,7 @@ import classnames from 'classnames';
|
|
|
4
4
|
import { Icon } from '../../Icon/Icon.mjs';
|
|
5
5
|
import { isRefObject } from '../../utils/isRefObject.mjs';
|
|
6
6
|
import { DateInput } from '../DateInput/DateInput.mjs';
|
|
7
|
-
import
|
|
7
|
+
import modules_01c8d38e from './DateInputWithIconButton.module.css.mjs';
|
|
8
8
|
const DateInputWithIconButton = /*#__PURE__*/function () {
|
|
9
9
|
const DateInputWithIconButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
10
10
|
var onButtonClick = _a.onButtonClick,
|
|
@@ -21,7 +21,7 @@ const DateInputWithIconButton = /*#__PURE__*/function () {
|
|
|
21
21
|
"aria-label": value ? "Change date, ".concat(value) : 'Choose date',
|
|
22
22
|
"aria-disabled": disabled,
|
|
23
23
|
disabled: disabled,
|
|
24
|
-
className: classnames(
|
|
24
|
+
className: classnames(modules_01c8d38e.iconButton, restProps['aria-expanded'] && modules_01c8d38e.calendarActive, disabled && modules_01c8d38e.disabled)
|
|
25
25
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
26
26
|
name: "today",
|
|
27
27
|
isPresentational: true,
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
var modules_01c8d38e = {
|
|
2
|
+
"iconButton": "DateInputWithIconButton_module_iconButton__30f2680f",
|
|
3
|
+
"calendarActive": "DateInputWithIconButton_module_calendarActive__30f2680f",
|
|
4
|
+
"disabled": "DateInputWithIconButton_module_disabled__30f2680f"
|
|
5
|
+
};
|
|
6
|
+
export { modules_01c8d38e as default };
|
|
@@ -6,7 +6,7 @@ import '../../../DateInput/DateInput/DateInput.mjs';
|
|
|
6
6
|
import { DateInputDescription } from '../../../DateInput/DateInputDescription/DateInputDescription.mjs';
|
|
7
7
|
import { DateInputWithIconButton } from '../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs';
|
|
8
8
|
import { FieldMessage } from '../../../FieldMessage/FieldMessage.mjs';
|
|
9
|
-
import
|
|
9
|
+
import modules_344a2e8a from './DateInputField.module.css.mjs';
|
|
10
10
|
const DateInputField = /*#__PURE__*/function () {
|
|
11
11
|
const DateInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
12
12
|
var description = _a.description,
|
|
@@ -38,7 +38,7 @@ const DateInputField = /*#__PURE__*/function () {
|
|
|
38
38
|
status: status,
|
|
39
39
|
reversed: isReversed
|
|
40
40
|
})), /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: classnames(disabled &&
|
|
41
|
+
className: classnames(disabled && modules_344a2e8a.disabled)
|
|
42
42
|
}, /*#__PURE__*/React.createElement(FieldMessage, {
|
|
43
43
|
id: descriptionId,
|
|
44
44
|
message: /*#__PURE__*/React.createElement(DateInputDescription, {
|