@kaizen/components 3.0.11 → 3.0.13

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/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 };