@kaizen/components 1.4.18 → 1.4.20-canary.2

package/dist/iife/KaizenProvider/index.js

@@ -3604,6 +3604,159 @@
     }
   });
 
+  // ../design-tokens/dist/tailwind/tailwind-presets.js
+  var require_tailwind_presets = __commonJS({
+    "../design-tokens/dist/tailwind/tailwind-presets.js"(exports, module) {
+      "use strict";
+      var __assign = exports && exports.__assign || function() {
+        __assign = Object.assign || function(t) {
+          for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+              if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+          }
+          return t;
+        };
+        return __assign.apply(this, arguments);
+      };
+      Object.defineProperty(exports, "__esModule", { value: true });
+      var __1 = require_dist();
+      var preset = {
+        theme: {
+          colors: __assign(__assign({ transparent: "transparent", current: "currentColor", inherit: "inherit" }, __1.defaultTheme.color), __1.defaultTheme.dataViz),
+          spacing: __assign({}, __1.defaultTheme.spacing),
+          boxShadow: {
+            none: "none",
+            sm: __1.defaultTheme.shadow.small.boxShadow,
+            lg: __1.defaultTheme.shadow.large.boxShadow
+          },
+          borderRadius: {
+            none: "0px",
+            default: "7px",
+            "focus-ring": "10px"
+          },
+          borderWidth: {
+            "width-none": "0px",
+            "width-default": "2px",
+            "width-focus-ring": "2px"
+          },
+          // how do we want to handle our focus rings?
+          // tailwind used a `ring` property
+          borderColor: {
+            "color-solid": __1.defaultTheme.border.solid.borderColor,
+            "color-transparent": __1.defaultTheme.border.borderless.borderColor,
+            "color-focus-ring": __1.defaultTheme.color.blue[600]
+          },
+          fontFamily: {
+            "family-paragraph": __1.defaultTheme.typography.paragraphBody.fontFamily,
+            "family-heading": __1.defaultTheme.typography.heading1.fontFamily,
+            "family-data": __1.defaultTheme.typography.dataLarge.fontFamily,
+            "family-display": __1.defaultTheme.typography.display0.fontFamily
+          },
+          fontSize: {
+            "size-display": __1.defaultTheme.typography.display0.fontSize,
+            "size-heading-1": __1.defaultTheme.typography.heading1.fontSize,
+            "size-heading-2": __1.defaultTheme.typography.heading2.fontSize,
+            "size-heading-3": __1.defaultTheme.typography.heading3.fontSize,
+            "size-heading-4": __1.defaultTheme.typography.heading4.fontSize,
+            "size-heading-5": __1.defaultTheme.typography.heading5.fontSize,
+            "size-heading-6": __1.defaultTheme.typography.heading6.fontSize,
+            "size-paragraph": __1.defaultTheme.typography.paragraphBody.fontSize,
+            "size-paragraph-lede": __1.defaultTheme.typography.paragraphIntroLede.fontSize,
+            "size-paragraph-sm": __1.defaultTheme.typography.paragraphSmall.fontSize,
+            "size-paragraph-xs": __1.defaultTheme.typography.paragraphExtraSmall.fontSize,
+            "size-data-lg": __1.defaultTheme.typography.dataLarge.fontSize,
+            "size-data-md": __1.defaultTheme.typography.dataMedium.fontSize,
+            "size-data-sm": __1.defaultTheme.typography.dataSmall.fontSize,
+            "size-data-units-lg": __1.defaultTheme.typography.dataLargeUnits.fontSize,
+            "size-data-units-md": __1.defaultTheme.typography.dataMediumUnits.fontSize,
+            "size-data-units-sm": __1.defaultTheme.typography.dataSmallUnits.fontSize
+          },
+          // font weights could have specific tokens (current don't)
+          fontWeight: {
+            normal: "400",
+            medium: "500",
+            semibold: "600",
+            bold: "700",
+            extrabold: "800",
+            "weight-paragraph": "400",
+            "weight-paragraph-bold": "600",
+            "weight-data": "700",
+            "weight-heading": "700",
+            "weight-display": "800"
+          },
+          lineHeight: {
+            "height-display": __1.defaultTheme.typography.display0.lineHeight,
+            "height-heading-1": __1.defaultTheme.typography.heading1.lineHeight,
+            "height-heading-2": __1.defaultTheme.typography.heading2.lineHeight,
+            "height-heading-3": __1.defaultTheme.typography.heading3.lineHeight,
+            "height-heading-4": __1.defaultTheme.typography.heading4.lineHeight,
+            "height-heading-5": __1.defaultTheme.typography.heading5.lineHeight,
+            "height-heading-6": __1.defaultTheme.typography.heading6.lineHeight,
+            "height-paragraph": __1.defaultTheme.typography.paragraphBody.lineHeight,
+            "height-paragraph-lede": __1.defaultTheme.typography.paragraphIntroLede.lineHeight,
+            "height-paragraph-sm": __1.defaultTheme.typography.paragraphSmall.lineHeight,
+            "height-paragraph-xs": __1.defaultTheme.typography.paragraphExtraSmall.lineHeight,
+            "height-data-lg": __1.defaultTheme.typography.dataLarge.lineHeight,
+            "height-data-md": __1.defaultTheme.typography.dataMedium.lineHeight,
+            "height-data-sm": __1.defaultTheme.typography.dataSmall.lineHeight,
+            "height-data-units-lg": __1.defaultTheme.typography.dataLargeUnits.lineHeight,
+            "height-data-units-md": __1.defaultTheme.typography.dataMediumUnits.lineHeight,
+            "height-data-units-sm": __1.defaultTheme.typography.dataSmallUnits.lineHeight
+          },
+          letterSpacing: {
+            "spacing-normal": "normal"
+          },
+          // A mix of layout styles
+          maxWidth: {
+            content: __1.defaultTheme.layout.contentMaxWidth,
+            "content-with-side": __1.defaultTheme.layout.contentMaxWidthWithSidebar
+          },
+          width: {
+            "content-side-margin": __1.defaultTheme.layout.contentSideMargin
+          },
+          height: {
+            "mobile-actions-drawer-height": __1.defaultTheme.layout.mobileActionsDrawerHeight,
+            "navigation-bar-height": __1.defaultTheme.layout.navigationBarHeight
+          },
+          // we will probably want to review viewport sizing
+          screens: __assign({}, __1.defaultTheme.layout.breakpoints)
+        }
+      };
+      module.exports.TailwindPreset = preset;
+    }
+  });
+
+  // ../design-tokens/dist/tailwind/index.js
+  var require_tailwind = __commonJS({
+    "../design-tokens/dist/tailwind/index.js"(exports) {
+      "use strict";
+      var __createBinding = exports && exports.__createBinding || (Object.create ? function(o, m, k, k2) {
+        if (k2 === void 0)
+          k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = { enumerable: true, get: function() {
+            return m[k];
+          } };
+        }
+        Object.defineProperty(o, k2, desc);
+      } : function(o, m, k, k2) {
+        if (k2 === void 0)
+          k2 = k;
+        o[k2] = m[k];
+      });
+      var __exportStar = exports && exports.__exportStar || function(m, exports2) {
+        for (var p in m)
+          if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
+            __createBinding(exports2, m, p);
+      };
+      Object.defineProperty(exports, "__esModule", { value: true });
+      __exportStar(require_tailwind_presets(), exports);
+    }
+  });
+
   // ../design-tokens/dist/lib/makeCssVariableTheme.js
   var require_makeCssVariableTheme = __commonJS({
     "../design-tokens/dist/lib/makeCssVariableTheme.js"(exports) {
@@ -3667,6 +3820,7 @@
       __exportStar(require_types(), exports);
       __exportStar(require_ThemeManager(), exports);
       __exportStar(require_react2(), exports);
+      __exportStar(require_tailwind(), exports);
       var makeCssVariableDefinitionsMap_1 = require_makeCssVariableDefinitionsMap();
       Object.defineProperty(exports, "makeCssVariableDefinitionsMap", { enumerable: true, get: function() {
         return makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap;

package/dist/iife/__future__/index.js

@@ -12203,15 +12203,15 @@
             };
           }
           var warnValidStyle$1 = warnValidStyle;
-          function createDangerousStringForStyles(styles57) {
+          function createDangerousStringForStyles(styles56) {
             {
               var serialized = "";
               var delimiter = "";
-              for (var styleName in styles57) {
-                if (!styles57.hasOwnProperty(styleName)) {
+              for (var styleName in styles56) {
+                if (!styles56.hasOwnProperty(styleName)) {
                   continue;
                 }
-                var styleValue = styles57[styleName];
+                var styleValue = styles56[styleName];
                 if (styleValue != null) {
                   var isCustomProperty = styleName.indexOf("--") === 0;
                   serialized += delimiter + (isCustomProperty ? styleName : hyphenateStyleName(styleName)) + ":";
@@ -12222,19 +12222,19 @@
               return serialized || null;
             }
           }
-          function setValueForStyles(node, styles57) {
+          function setValueForStyles(node, styles56) {
             var style2 = node.style;
-            for (var styleName in styles57) {
-              if (!styles57.hasOwnProperty(styleName)) {
+            for (var styleName in styles56) {
+              if (!styles56.hasOwnProperty(styleName)) {
                 continue;
               }
               var isCustomProperty = styleName.indexOf("--") === 0;
               {
                 if (!isCustomProperty) {
-                  warnValidStyle$1(styleName, styles57[styleName]);
+                  warnValidStyle$1(styleName, styles56[styleName]);
                 }
               }
-              var styleValue = dangerousStyleValue(styleName, styles57[styleName], isCustomProperty);
+              var styleValue = dangerousStyleValue(styleName, styles56[styleName], isCustomProperty);
               if (styleName === "float") {
                 styleName = "cssFloat";
               }
@@ -12248,9 +12248,9 @@
           function isValueEmpty(value) {
             return value == null || typeof value === "boolean" || value === "";
           }
-          function expandShorthandMap(styles57) {
+          function expandShorthandMap(styles56) {
             var expanded = {};
-            for (var key in styles57) {
+            for (var key in styles56) {
               var longhands = shorthandToLonghand[key] || [key];
               for (var i = 0; i < longhands.length; i++) {
                 expanded[longhands[i]] = key;
@@ -38193,27 +38193,25 @@ ${singleLine(message)}${reset}
   // ../select/src/FilterMultiSelect/provider/SelectionProvider/SelectionProvider.tsx
   var import_react51 = __toESM(require_react());
 
-  // ../a11y/src/SkipLink.tsx
+  // ../a11y/dist/esm/index.js
   var import_react49 = __toESM(require_react());
 
   // ../component-library/icons/skip.icon.svg
   var skip_icon_default = "../skip.icon-4OAFSA2T.svg";
 
-  // ../a11y/src/SkipLink.tsx
-  var import_SkipLink_module = __toESM(__require("../SkipLink.module-KAZA7PAL.scss"));
-  var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react49.default.createElement("a", { className: import_SkipLink_module.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module.default.skipLinkContent }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module.default.skipLinkIcon }, /* @__PURE__ */ import_react49.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react49.default.createElement("span", null, label)));
-  SkipLink.displayName = "SkipLink";
-
-  // ../a11y/src/VisuallyHidden/VisuallyHidden.tsx
+  // ../a11y/dist/esm/index.js
+  var import_SkipLink_module_KAZA7PAL = __toESM(__require("../SkipLink.module-KAZA7PAL-KAZA7PAL.scss"));
   var import_react50 = __toESM(require_react());
-  var import_VisuallyHidden_module = __toESM(__require("../VisuallyHidden.module-E5JUNEF5.scss"));
+  var import_VisuallyHidden_module_E5JUNEF5 = __toESM(__require("../VisuallyHidden.module-E5JUNEF5-E5JUNEF5.scss"));
+  var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react49.default.createElement("a", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContent }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkIcon }, /* @__PURE__ */ import_react49.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react49.default.createElement("span", null, label)));
+  SkipLink.displayName = "SkipLink";
   var VisuallyHidden = ({
     children,
     classNameOverride,
     tag = "span",
     ...otherProps
   }) => {
-    const className = `${import_VisuallyHidden_module.default.srOnly} ${classNameOverride}`;
+    const className = `${import_VisuallyHidden_module_E5JUNEF5.default.srOnly} ${classNameOverride}`;
     return (0, import_react50.createElement)(tag, { ...otherProps, className }, children);
   };
   VisuallyHidden.displayName = "VisuallyHidden";