@kaizen/components 1.7.13 → 1.8.0

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-148370e2.js');
+var index = require('./index-6f881b84.js');
 var React = require('react');
 var designTokens = require('@kaizen/design-tokens');
 
@@ -38214,15 +38214,15 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
 // being on the page at once, the prefix is set to a random number. SSRProvider
 // will reset this to zero for consistency between server and client, so in the
 // SSR case multiple copies of React Aria is not supported.
-const $704cf1d3b684cc5c$var$defaultContext = {
+const $704cf1d3b684cc5c$var$defaultContext$1 = {
     prefix: String(Math.round(Math.random() * 10000000000)),
     current: 0
 };
-const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React).createContext($704cf1d3b684cc5c$var$defaultContext);
+const $704cf1d3b684cc5c$var$SSRContext$1 = /*#__PURE__*/ (React).createContext($704cf1d3b684cc5c$var$defaultContext$1);
 let $704cf1d3b684cc5c$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 let $704cf1d3b684cc5c$var$componentIds = new WeakMap();
 function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
-    let ctx = (React.useContext)($704cf1d3b684cc5c$var$SSRContext);
+    let ctx = (React.useContext)($704cf1d3b684cc5c$var$SSRContext$1);
     let ref = (React.useRef)(null);
     if (ref.current === null && !isDisabled) {
         var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner;
@@ -38257,27 +38257,13 @@ function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
     return ref.current;
 }
 function $704cf1d3b684cc5c$export$619500959fc48b26(defaultId) {
-    let ctx = (React.useContext)($704cf1d3b684cc5c$var$SSRContext);
+    let ctx = (React.useContext)($704cf1d3b684cc5c$var$SSRContext$1);
     // If we are rendering in a non-DOM environment, and there's no SSRProvider,
     // provide a warning to hint to the developer to add one.
-    if (ctx === $704cf1d3b684cc5c$var$defaultContext && !$704cf1d3b684cc5c$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+    if (ctx === $704cf1d3b684cc5c$var$defaultContext$1 && !$704cf1d3b684cc5c$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
     let counter = $704cf1d3b684cc5c$var$useCounter(!!defaultId);
     return defaultId || `react-aria${ctx.prefix}-${counter}`;
 }
-function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
-    let cur = (React.useContext)($704cf1d3b684cc5c$var$SSRContext);
-    let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;
-    let [isSSR, setIsSSR] = (React.useState)(isInSSRContext);
-    // If on the client, and the component was initially server rendered,
-    // then schedule a layout effect to update the component after hydration.
-    if (typeof window !== "undefined" && isInSSRContext) // This if statement technically breaks the rules of hooks, but is safe
-    // because the condition never changes after mounting.
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (React.useLayoutEffect)(()=>{
-        setIsSSR(false);
-    }, []);
-    return isSSR;
-}
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -41165,6 +41151,55 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
     };
 }
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
+// guarded by a check that it only runs on the client side.
+// eslint-disable-next-line rulesdir/useLayoutEffectRule
+
+// Default context value to use in case there is no SSRProvider. This is fine for
+// client-only apps. In order to support multiple copies of React Aria potentially
+// being on the page at once, the prefix is set to a random number. SSRProvider
+// will reset this to zero for consistency between server and client, so in the
+// SSR case multiple copies of React Aria is not supported.
+const $704cf1d3b684cc5c$var$defaultContext = {
+    prefix: String(Math.round(Math.random() * 10000000000)),
+    current: 0
+};
+const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React).createContext($704cf1d3b684cc5c$var$defaultContext);
+function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
+    let cur = (React.useContext)($704cf1d3b684cc5c$var$SSRContext);
+    let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;
+    let [isSSR, setIsSSR] = (React.useState)(isInSSRContext);
+    // If on the client, and the component was initially server rendered,
+    // then schedule a layout effect to update the component after hydration.
+    if (typeof window !== "undefined" && isInSSRContext) // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (React.useLayoutEffect)(()=>{
+        setIsSSR(false);
+    }, []);
+    return isSSR;
+}
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -44939,22 +44974,16 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
       Assistive technologies that enable vision-impaired users to read web pages
       can treat images (including icons) as either decorative or meaningful. Only
       images with a role of "img" (meaningful) will be read aloud to the user.
-      These images must therefore have a title attribute to provide the text that
-      will be read aloud.
+      These images must therefore have a aria-label attribute to provide the text
+      that will be read aloud.
 
       Either add the missing title prop, or set this icon's role to
       "presentation" to indicate it is not meaningful.
     `);
     }
-    var renderTitle = function() {
-      return isMeaningfulImg && !!title && react_1["default"].createElement("title", null, title);
-    };
-    var renderDesc = function() {
-      return isMeaningfulImg && !!desc && react_1["default"].createElement("desc", null, desc);
-    };
     var accessibilityProps = (_b = {
       role
-    }, _b["aria-hidden"] = isMeaningfulImg ? void 0 : true, _b);
+    }, _b["aria-hidden"] = isMeaningfulImg ? void 0 : true, _b["aria-label"] = isMeaningfulImg && !!title ? title : void 0, _b);
     return react_1["default"].createElement(
       "svg",
       __assign({
@@ -44964,8 +44993,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
         // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
         focusable: "false"
       }, accessibilityProps, props),
-      renderTitle(),
-      renderDesc(),
+      isMeaningfulImg && !!desc ? react_1["default"].createElement("desc", null, desc) : null,
       react_1["default"].createElement("use", { xlinkHref: "#".concat(icon.id) })
     );
   };