@kaizen/components 3.0.9 → 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.
Files changed (44) hide show
  1. package/dist/cjs/index.cjs +2 -0
  2. package/dist/cjs/src/Brand/Brand.cjs +1 -1
  3. package/dist/cjs/src/DateInput/DateInput/DateInput.cjs +1 -1
  4. package/dist/cjs/src/DateInput/DateInput/DateInput.module.css.cjs +7 -0
  5. package/dist/cjs/src/DateInput/DateInputDescription/DateInputDescription.cjs +1 -1
  6. package/dist/cjs/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.cjs → DateInputDescription.module.css.cjs} +4 -4
  7. package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs +1 -1
  8. package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.cjs +8 -0
  9. package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.cjs +1 -1
  10. package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.cjs +6 -0
  11. package/dist/esm/index.mjs +1 -0
  12. package/dist/esm/src/Brand/Brand.mjs +1 -1
  13. package/dist/esm/src/DateInput/DateInput/DateInput.mjs +3 -3
  14. package/dist/esm/src/DateInput/DateInput/DateInput.module.css.mjs +5 -0
  15. package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs +3 -3
  16. package/dist/esm/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.mjs → DateInputDescription.module.css.mjs} +4 -4
  17. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +2 -2
  18. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.mjs +6 -0
  19. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs +2 -2
  20. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.mjs +4 -0
  21. package/dist/styles.css +19 -19
  22. package/dist/types/SingleSelect/index.d.ts +1 -0
  23. package/package.json +8 -8
  24. package/src/Brand/Brand.tsx +2 -2
  25. package/src/DateInput/DateInput/{DateInput.module.scss → DateInput.module.css} +1 -3
  26. package/src/DateInput/DateInput/DateInput.tsx +1 -1
  27. package/src/DateInput/DateInputDescription/{DateInputDescription.module.scss → DateInputDescription.module.css} +2 -4
  28. package/src/DateInput/DateInputDescription/DateInputDescription.tsx +1 -1
  29. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css +43 -0
  30. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.tsx +1 -1
  31. package/src/DatePicker/DatePicker.module.css +9 -0
  32. package/src/DatePicker/_docs/DatePicker.stories.tsx +28 -28
  33. package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css +9 -0
  34. package/src/DatePicker/subcomponents/DateInputField/DateInputField.tsx +1 -1
  35. package/src/SingleSelect/index.ts +1 -0
  36. package/dist/cjs/src/DateInput/DateInput/DateInput.module.scss.cjs +0 -7
  37. package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.cjs +0 -8
  38. package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs +0 -6
  39. package/dist/esm/src/DateInput/DateInput/DateInput.module.scss.mjs +0 -5
  40. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss.mjs +0 -6
  41. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.mjs +0 -4
  42. package/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.scss +0 -44
  43. package/src/DatePicker/DatePicker.module.scss +0 -11
  44. package/src/DatePicker/subcomponents/DateInputField/DateInputField.module.scss +0 -7
@@ -149,6 +149,7 @@ var nodes = require('./src/RichTextEditor/utils/schema/nodes.cjs');
149
149
  var SearchField = require('./src/SearchField/SearchField.cjs');
150
150
  var Select = require('./src/Select/Select.cjs');
151
151
  var SingleSelect = require('./src/SingleSelect/SingleSelect.cjs');
152
+ var SelectToggle = require('./src/SingleSelect/subcomponents/SelectToggle/SelectToggle.cjs');
152
153
  var Slider = require('./src/Slider/Slider.cjs');
153
154
  var Table = require('./src/Table/Table.cjs');
154
155
  var Tabs = require('./src/Tabs/Tabs.cjs');
@@ -546,6 +547,7 @@ exports.SearchField = SearchField.SearchField;
546
547
  exports.AsyncSelect = Select.AsyncSelect;
547
548
  exports.Select = Select.Select;
548
549
  exports.SingleSelect = SingleSelect.SingleSelect;
550
+ exports.SelectToggle = SelectToggle.SelectToggle;
549
551
  exports.Slider = Slider.Slider;
550
552
  exports.TableCard = Table.TableCard;
551
553
  exports.TableContainer = Table.TableContainer;
@@ -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, restProps) {
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.scss.cjs');
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
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ var modules_30be64ed = {
4
+ "dateInput": "DateInput_module_dateInput__c44a5eee",
5
+ "input": "DateInput_module_input__c44a5eee"
6
+ };
7
+ module.exports = modules_30be64ed;
@@ -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.scss.cjs');
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 modules_282a7129 = {
4
- "dateInputDescription": "DateInputDescription_module_dateInputDescription__f9a2e797",
5
- "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__f9a2e797"
3
+ var modules_fa308056 = {
4
+ "dateInputDescription": "DateInputDescription_module_dateInputDescription__c48df0c4",
5
+ "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__c48df0c4"
6
6
  };
7
- module.exports = modules_282a7129;
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.scss.cjs');
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.scss.cjs');
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
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var modules_344a2e8a = {
4
+ "disabled": "DateInputField_module_disabled__24d857d4"
5
+ };
6
+ module.exports = modules_344a2e8a;
@@ -154,6 +154,7 @@ export { getNodes } from './src/RichTextEditor/utils/schema/nodes.mjs';
154
154
  export { SearchField } from './src/SearchField/SearchField.mjs';
155
155
  export { AsyncSelect, Select } from './src/Select/Select.mjs';
156
156
  export { SingleSelect } from './src/SingleSelect/SingleSelect.mjs';
157
+ export { SelectToggle } from './src/SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs';
157
158
  export { Slider } from './src/Slider/Slider.mjs';
158
159
  export { TableCard, TableContainer, TableHeader, TableHeaderRowCell, TableRow, TableRowCell } from './src/Table/Table.mjs';
159
160
  export { Tabs } from './src/Tabs/Tabs.mjs';
@@ -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, restProps) {
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 modules_0755dfa8 from './DateInput.module.scss.mjs';
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(modules_0755dfa8.dateInput, classNameOverride)
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: modules_0755dfa8.input,
32
+ classNameOverride: modules_30be64ed.input,
33
33
  disabled: disabled,
34
34
  reversed: isReversed
35
35
  }, inputProps)));
@@ -0,0 +1,5 @@
1
+ var modules_30be64ed = {
2
+ "dateInput": "DateInput_module_dateInput__c44a5eee",
3
+ "input": "DateInput_module_input__c44a5eee"
4
+ };
5
+ export { modules_30be64ed as default };
@@ -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 modules_282a7129 from './DateInputDescription.module.scss.mjs';
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: modules_282a7129.dateInputDescription
19
+ className: modules_fa308056.dateInputDescription
20
20
  }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
21
- className: modules_282a7129.dateInputFormatContainer
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 modules_282a7129 = {
2
- "dateInputDescription": "DateInputDescription_module_dateInputDescription__f9a2e797",
3
- "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__f9a2e797"
1
+ var modules_fa308056 = {
2
+ "dateInputDescription": "DateInputDescription_module_dateInputDescription__c48df0c4",
3
+ "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__c48df0c4"
4
4
  };
5
- export { modules_282a7129 as default };
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 modules_d90a2c0e from './DateInputWithIconButton.module.scss.mjs';
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(modules_d90a2c0e.iconButton, restProps['aria-expanded'] && modules_d90a2c0e.calendarActive, disabled && modules_d90a2c0e.disabled)
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 modules_99160b40 from './DateInputField.module.scss.mjs';
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 && modules_99160b40.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, {
@@ -0,0 +1,4 @@
1
+ var modules_344a2e8a = {
2
+ "disabled": "DateInputField_module_disabled__24d857d4"
3
+ };
4
+ export { modules_344a2e8a as default };