@kaizen/components 3.0.10 → 3.0.12

package/dist/cjs/src/Brand/Brand.cjs

@@ -13,7 +13,7 @@ function _interopDefault(e) {
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-var isSVG = function (variant, restProps) {
+var isSVG = function (variant, _restProps) {
   return variant === 'collective-intelligence';
 };
 var Brand = function (_a) {

package/dist/cjs/src/DateInput/DateInput/DateInput.cjs

@@ -8,7 +8,7 @@ require('../../Input/InputRange/InputRange.cjs');
 require('../../Input/InputSearch/InputSearch.cjs');
 var Label = require('../../Label/Label.cjs');
 var isRefObject = require('../../utils/isRefObject.cjs');
-var DateInput_module = require('./DateInput.module.scss.cjs');
+var DateInput_module = require('./DateInput.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/DateInput/DateInput/DateInput.module.css.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var modules_30be64ed = {
+  "dateInput": "DateInput_module_dateInput__c44a5eee",
+  "input": "DateInput_module_input__c44a5eee"
+};
+module.exports = modules_30be64ed;

package/dist/cjs/src/DateInput/DateInputDescription/DateInputDescription.cjs

@@ -4,7 +4,7 @@ var React = require('react');
 var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var LabelledMessage = require('../../LabelledMessage/LabelledMessage.cjs');
 var formatDescriptionInputFormat = require('./utils/formatDescriptionInputFormat.cjs');
-var DateInputDescription_module = require('./DateInputDescription.module.scss.cjs');
+var DateInputDescription_module = require('./DateInputDescription.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.cjs → DateInputDescription.module.css.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var modules_282a7129 = {
-  "dateInputDescription": "DateInputDescription_module_dateInputDescription__f9a2e797",
-  "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__f9a2e797"
+var modules_fa308056 = {
+  "dateInputDescription": "DateInputDescription_module_dateInputDescription__c48df0c4",
+  "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__c48df0c4"
 };
-module.exports = modules_282a7129;
+module.exports = modules_fa308056;

package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var Icon = require('../../Icon/Icon.cjs');
 var isRefObject = require('../../utils/isRefObject.cjs');
 var DateInput = require('../DateInput/DateInput.cjs');
-var DateInputWithIconButton_module = require('./DateInputWithIconButton.module.scss.cjs');
+var DateInputWithIconButton_module = require('./DateInputWithIconButton.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var modules_01c8d38e = {
+  "iconButton": "DateInputWithIconButton_module_iconButton__30f2680f",
+  "calendarActive": "DateInputWithIconButton_module_calendarActive__30f2680f",
+  "disabled": "DateInputWithIconButton_module_disabled__30f2680f"
+};
+module.exports = modules_01c8d38e;

package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.cjs

@@ -8,7 +8,7 @@ require('../../../DateInput/DateInput/DateInput.cjs');
 var DateInputDescription = require('../../../DateInput/DateInputDescription/DateInputDescription.cjs');
 var DateInputWithIconButton = require('../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs');
 var FieldMessage = require('../../../FieldMessage/FieldMessage.cjs');
-var DateInputField_module = require('./DateInputField.module.scss.cjs');
+var DateInputField_module = require('./DateInputField.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var modules_344a2e8a = {
+  "disabled": "DateInputField_module_disabled__24d857d4"
+};
+module.exports = modules_344a2e8a;

package/dist/cjs/src/SingleSelect/subcomponents/Option/Option.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var listbox = require('@react-aria/listbox');
 var classnames = require('classnames');
 var reactAria = require('react-aria');
 var Icon = require('../../../Icon/Icon.cjs');
@@ -20,7 +21,7 @@ var Option = function (_a) {
     props = tslib.__rest(_a, ["item", "classNameOverride"]);
   var state = SelectContext.useSelectContext().state;
   var ref = React__default.default.useRef(null);
-  var _b = reactAria.useOption({
+  var _b = listbox.useOption({
       key: item.key
     }, state, ref),
     optionProps = _b.optionProps,

package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var Button = require('../../ButtonV1/Button/Button.cjs');
 require('../../ButtonV1/IconButton/IconButton.cjs');
 var GenericTile = require('../subcomponents/GenericTile/GenericTile.cjs');
-var MultiActionTile_module = require('./MultiActionTile.module.scss.cjs');
+var MultiActionTile_module = require('./MultiActionTile.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Tile/MultiActionTile/MultiActionTile.module.css.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var modules_435527c5 = {
+  "actions": "MultiActionTile_module_actions__7f3718a6",
+  "secondaryAction": "MultiActionTile_module_secondaryAction__7f3718a6"
+};
+module.exports = modules_435527c5;

package/dist/cjs/src/Tile/TileGrid/TileGrid.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var TileGrid_module = require('./TileGrid.module.scss.cjs');
+var TileGrid_module = require('./TileGrid.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Tile/TileGrid/TileGrid.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var modules_02352db2 = {
+  "grid": "TileGrid_module_grid__7011d934"
+};
+module.exports = modules_02352db2;

package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.cjs

@@ -9,7 +9,7 @@ var IconButton = require('../../../ButtonV1/IconButton/IconButton.cjs');
 var Heading = require('../../../Heading/Heading.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
 var Text = require('../../../Text/Text.cjs');
-var GenericTile_module = require('./GenericTile.module.scss.cjs');
+var GenericTile_module = require('./GenericTile.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/src/Tile/subcomponents/GenericTile/GenericTile.module.css.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var modules_6900a44e = {
+  "root": "GenericTile_module_root__8e7442cc",
+  "tile": "GenericTile_module_tile__8e7442cc",
+  "titleMeta": "GenericTile_module_titleMeta__8e7442cc",
+  "face": "GenericTile_module_face__8e7442cc",
+  "faceFront": "GenericTile_module_faceFront__8e7442cc",
+  "faceBack": "GenericTile_module_faceBack__8e7442cc",
+  "default": "GenericTile_module_default__8e7442cc",
+  "expert-advice": "GenericTile_module_expertAdvice__8e7442cc",
+  "isFlipped": "GenericTile_module_isFlipped__8e7442cc",
+  "title": "GenericTile_module_title__8e7442cc",
+  "actions": "GenericTile_module_actions__8e7442cc",
+  "informationBtn": "GenericTile_module_informationBtn__8e7442cc",
+  "information": "GenericTile_module_information__8e7442cc",
+  "footer": "GenericTile_module_footer__8e7442cc"
+};
+module.exports = modules_6900a44e;

package/dist/esm/src/Brand/Brand.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { assetUrl } from '../utils/hostedAssets.mjs';
 import { BrandCollectiveIntelligence } from './BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs';
 import modules_8097d8f5 from './Brand.module.css.mjs';
-var isSVG = function (variant, restProps) {
+var isSVG = function (variant, _restProps) {
   return variant === 'collective-intelligence';
 };
 const Brand = /*#__PURE__*/function () {

package/dist/esm/src/DateInput/DateInput/DateInput.mjs

@@ -6,7 +6,7 @@ import '../../Input/InputRange/InputRange.mjs';
 import '../../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../../Label/Label.mjs';
 import { isRefObject } from '../../utils/isRefObject.mjs';
-import modules_0755dfa8 from './DateInput.module.scss.mjs';
+import modules_30be64ed from './DateInput.module.css.mjs';
 const DateInput = /*#__PURE__*/function () {
   const DateInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var id = _a.id,
@@ -17,7 +17,7 @@ const DateInput = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_0755dfa8.dateInput, classNameOverride)
+      className: classnames(modules_30be64ed.dateInput, classNameOverride)
     }, /*#__PURE__*/React.createElement(Label, {
       htmlFor: id,
       id: "".concat(id, "-input-label"),
@@ -29,7 +29,7 @@ const DateInput = /*#__PURE__*/function () {
       id: id,
       type: "text",
       autoComplete: "off",
-      classNameOverride: modules_0755dfa8.input,
+      classNameOverride: modules_30be64ed.input,
       disabled: disabled,
       reversed: isReversed
     }, inputProps)));

package/dist/esm/src/DateInput/DateInput/DateInput.module.css.mjs

@@ -0,0 +1,5 @@
+var modules_30be64ed = {
+  "dateInput": "DateInput_module_dateInput__c44a5eee",
+  "input": "DateInput_module_input__c44a5eee"
+};
+export { modules_30be64ed as default };

package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs

@@ -2,7 +2,7 @@ import React from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { LabelledMessage } from '../../LabelledMessage/LabelledMessage.mjs';
 import { formatDescriptionInputFormat } from './utils/formatDescriptionInputFormat.mjs';
-import modules_282a7129 from './DateInputDescription.module.scss.mjs';
+import modules_fa308056 from './DateInputDescription.module.css.mjs';
 const DateInputDescription = /*#__PURE__*/function () {
   const DateInputDescription = function (_a) {
     var description = _a.description,
@@ -16,9 +16,9 @@ const DateInputDescription = /*#__PURE__*/function () {
     });
     if (hasCustomDescription) {
       return /*#__PURE__*/React.createElement("span", {
-        className: modules_282a7129.dateInputDescription
+        className: modules_fa308056.dateInputDescription
       }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
-        className: modules_282a7129.dateInputFormatContainer
+        className: modules_fa308056.dateInputFormatContainer
       }, "(", /*#__PURE__*/React.createElement(LabelledMessage, {
         label: translatedInputFormatMessage,
         message: formatDescriptionInputFormat(locale)

package/dist/esm/src/DateInput/DateInputDescription/{DateInputDescription.module.scss.mjs → DateInputDescription.module.css.mjs}

@@ -1,5 +1,5 @@
-var modules_282a7129 = {
-  "dateInputDescription": "DateInputDescription_module_dateInputDescription__f9a2e797",
-  "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__f9a2e797"
+var modules_fa308056 = {
+  "dateInputDescription": "DateInputDescription_module_dateInputDescription__c48df0c4",
+  "dateInputFormatContainer": "DateInputDescription_module_dateInputFormatContainer__c48df0c4"
 };
-export { modules_282a7129 as default };
+export { modules_fa308056 as default };

package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Icon } from '../../Icon/Icon.mjs';
 import { isRefObject } from '../../utils/isRefObject.mjs';
 import { DateInput } from '../DateInput/DateInput.mjs';
-import modules_d90a2c0e from './DateInputWithIconButton.module.scss.mjs';
+import modules_01c8d38e from './DateInputWithIconButton.module.css.mjs';
 const DateInputWithIconButton = /*#__PURE__*/function () {
   const DateInputWithIconButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var onButtonClick = _a.onButtonClick,
@@ -21,7 +21,7 @@ const DateInputWithIconButton = /*#__PURE__*/function () {
       "aria-label": value ? "Change date, ".concat(value) : 'Choose date',
       "aria-disabled": disabled,
       disabled: disabled,
-      className: classnames(modules_d90a2c0e.iconButton, restProps['aria-expanded'] && modules_d90a2c0e.calendarActive, disabled && modules_d90a2c0e.disabled)
+      className: classnames(modules_01c8d38e.iconButton, restProps['aria-expanded'] && modules_01c8d38e.calendarActive, disabled && modules_01c8d38e.disabled)
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "today",
       isPresentational: true,

package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.module.css.mjs

@@ -0,0 +1,6 @@
+var modules_01c8d38e = {
+  "iconButton": "DateInputWithIconButton_module_iconButton__30f2680f",
+  "calendarActive": "DateInputWithIconButton_module_calendarActive__30f2680f",
+  "disabled": "DateInputWithIconButton_module_disabled__30f2680f"
+};
+export { modules_01c8d38e as default };

package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -6,7 +6,7 @@ import '../../../DateInput/DateInput/DateInput.mjs';
 import { DateInputDescription } from '../../../DateInput/DateInputDescription/DateInputDescription.mjs';
 import { DateInputWithIconButton } from '../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs';
 import { FieldMessage } from '../../../FieldMessage/FieldMessage.mjs';
-import modules_99160b40 from './DateInputField.module.scss.mjs';
+import modules_344a2e8a from './DateInputField.module.css.mjs';
 const DateInputField = /*#__PURE__*/function () {
   const DateInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var description = _a.description,
@@ -38,7 +38,7 @@ const DateInputField = /*#__PURE__*/function () {
       status: status,
       reversed: isReversed
     })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(disabled && modules_99160b40.disabled)
+      className: classnames(disabled && modules_344a2e8a.disabled)
     }, /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: /*#__PURE__*/React.createElement(DateInputDescription, {

package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.module.css.mjs

@@ -0,0 +1,4 @@
+var modules_344a2e8a = {
+  "disabled": "DateInputField_module_disabled__24d857d4"
+};
+export { modules_344a2e8a as default };

package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs

@@ -1,7 +1,8 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
+import { useOption } from '@react-aria/listbox';
 import classnames from 'classnames';
-import { useOption, useFocusRing, mergeProps } from 'react-aria';
+import { useFocusRing, mergeProps } from 'react-aria';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { useSelectContext } from '../../context/SelectContext.mjs';
 import modules_84f224dd from './Option.module.scss.mjs';

package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs

@@ -3,12 +3,12 @@ import React from 'react';
 import { Button } from '../../ButtonV1/Button/Button.mjs';
 import '../../ButtonV1/IconButton/IconButton.mjs';
 import { GenericTile } from '../subcomponents/GenericTile/GenericTile.mjs';
-import modules_0d682542 from './MultiActionTile.module.scss.mjs';
+import modules_435527c5 from './MultiActionTile.module.css.mjs';
 var renderActions = function (primaryAction, secondaryAction) {
   return /*#__PURE__*/React.createElement("div", {
-    className: modules_0d682542.actions
+    className: modules_435527c5.actions
   }, secondaryAction && (/*#__PURE__*/React.createElement("div", {
-    className: modules_0d682542.secondaryAction
+    className: modules_435527c5.secondaryAction
   }, /*#__PURE__*/React.createElement(Button, __assign({
     secondary: true
   }, secondaryAction)))), /*#__PURE__*/React.createElement(Button, __assign({}, primaryAction)));

package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.module.css.mjs

@@ -0,0 +1,5 @@
+var modules_435527c5 = {
+  "actions": "MultiActionTile_module_actions__7f3718a6",
+  "secondaryAction": "MultiActionTile_module_secondaryAction__7f3718a6"
+};
+export { modules_435527c5 as default };

package/dist/esm/src/Tile/TileGrid/TileGrid.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import modules_9b937ad3 from './TileGrid.module.scss.mjs';
+import modules_02352db2 from './TileGrid.module.css.mjs';
 
 /**
  * @deprecated TileGrid is deprecated in v3 and will be removed in v4.
@@ -17,7 +17,7 @@ const TileGrid = /*#__PURE__*/function () {
       restProps = __rest(_a, ["children", "classNameOverride"]);
     var isFragment = !Array.isArray(children) && children.type === React.Fragment;
     return /*#__PURE__*/React.createElement("ul", __assign({
-      className: classnames(modules_9b937ad3.grid, classNameOverride),
+      className: classnames(modules_02352db2.grid, classNameOverride),
       "data-tile-grid": true
     }, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? (/*#__PURE__*/React.createElement(TileListItem, {
       tiles: children.props.children

package/dist/esm/src/Tile/TileGrid/TileGrid.module.css.mjs

@@ -0,0 +1,4 @@
+var modules_02352db2 = {
+  "grid": "TileGrid_module_grid__7011d934"
+};
+export { modules_02352db2 as default };

package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -7,7 +7,7 @@ import { IconButton } from '../../../ButtonV1/IconButton/IconButton.mjs';
 import { Heading } from '../../../Heading/Heading.mjs';
 import { Icon } from '../../../Icon/Icon.mjs';
 import { Text } from '../../../Text/Text.mjs';
-import modules_fed39cba from './GenericTile.module.scss.mjs';
+import modules_6900a44e from './GenericTile.module.css.mjs';
 const GenericTile = /*#__PURE__*/function () {
   const GenericTile = function (_a) {
     var children = _a.children,
@@ -39,12 +39,12 @@ const GenericTile = /*#__PURE__*/function () {
     });
     var renderTitle = function () {
       return /*#__PURE__*/React.createElement("div", {
-        className: modules_fed39cba.title
+        className: modules_6900a44e.title
       }, /*#__PURE__*/React.createElement(Heading, {
         variant: "heading-3",
         tag: titleTag
       }, title), metadata && (/*#__PURE__*/React.createElement("div", {
-        className: modules_fed39cba.titleMeta
+        className: modules_6900a44e.titleMeta
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "small",
         color: "dark-reduced-opacity"
@@ -52,9 +52,9 @@ const GenericTile = /*#__PURE__*/function () {
     };
     var renderFront = function () {
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(modules_fed39cba.face, modules_fed39cba.faceFront, modules_fed39cba[variant])
+        className: classnames(modules_6900a44e.face, modules_6900a44e.faceFront, modules_6900a44e[variant])
       }, information && (/*#__PURE__*/React.createElement("div", {
-        className: modules_fed39cba.informationBtn
+        className: modules_6900a44e.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
         label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
@@ -69,9 +69,9 @@ const GenericTile = /*#__PURE__*/function () {
         "aria-hidden": isFlipped,
         ref: infoButtonRef
       }))), renderTitle(), /*#__PURE__*/React.createElement("div", {
-        className: modules_fed39cba.children
+        className: modules_6900a44e.children
       }, children && children), footer && /*#__PURE__*/React.createElement("div", {
-        className: modules_fed39cba.footer
+        className: modules_6900a44e.footer
       }, footer));
     };
     var renderInformation = function (informationProp) {
@@ -80,9 +80,9 @@ const GenericTile = /*#__PURE__*/function () {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
           variant: "body"
         }, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
-          className: modules_fed39cba.footer
+          className: modules_6900a44e.footer
         }, /*#__PURE__*/React.createElement("div", {
-          className: modules_fed39cba.actions
+          className: modules_6900a44e.actions
         }, informationProp.secondaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
           secondary: true,
           disabled: !isFlipped
@@ -100,9 +100,9 @@ const GenericTile = /*#__PURE__*/function () {
         description: 'Prompts user to interact with button to hide information'
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: classnames(modules_fed39cba.face, modules_fed39cba.faceBack)
+        className: classnames(modules_6900a44e.face, modules_6900a44e.faceBack)
       }, /*#__PURE__*/React.createElement("div", {
-        className: modules_fed39cba.informationBtn
+        className: modules_6900a44e.informationBtn
       }, /*#__PURE__*/React.createElement(IconButton, {
         label: "".concat(returnButtonLabel, " ").concat(title),
         icon: /*#__PURE__*/React.createElement(Icon, {
@@ -116,13 +116,13 @@ const GenericTile = /*#__PURE__*/function () {
         "aria-hidden": !isFlipped,
         ref: infoButtonReturnRef
       })), /*#__PURE__*/React.createElement("div", {
-        className: modules_fed39cba.information
+        className: modules_6900a44e.information
       }, renderInformation(information)));
     };
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_fed39cba.root, classNameOverride)
+      className: classnames(modules_6900a44e.root, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_fed39cba.tile, isFlipped && modules_fed39cba.isFlipped)
+      className: classnames(modules_6900a44e.tile, isFlipped && modules_6900a44e.isFlipped)
     }, isFlipped ? renderBack() : renderFront()));
   };
   GenericTile.displayName = 'GenericTile';

package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.module.css.mjs

@@ -0,0 +1,17 @@
+var modules_6900a44e = {
+  "root": "GenericTile_module_root__8e7442cc",
+  "tile": "GenericTile_module_tile__8e7442cc",
+  "titleMeta": "GenericTile_module_titleMeta__8e7442cc",
+  "face": "GenericTile_module_face__8e7442cc",
+  "faceFront": "GenericTile_module_faceFront__8e7442cc",
+  "faceBack": "GenericTile_module_faceBack__8e7442cc",
+  "default": "GenericTile_module_default__8e7442cc",
+  "expert-advice": "GenericTile_module_expertAdvice__8e7442cc",
+  "isFlipped": "GenericTile_module_isFlipped__8e7442cc",
+  "title": "GenericTile_module_title__8e7442cc",
+  "actions": "GenericTile_module_actions__8e7442cc",
+  "informationBtn": "GenericTile_module_informationBtn__8e7442cc",
+  "information": "GenericTile_module_information__8e7442cc",
+  "footer": "GenericTile_module_footer__8e7442cc"
+};
+export { modules_6900a44e as default };