@kaizen/components 1.47.6 → 1.48.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.47.6",
+  "version": "1.48.0",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -85,6 +85,7 @@
     "@types/react-textfit": "^1.1.4",
     "@types/uuid": "^9.0.8",
     "autoprefixer": "^10.4.19",
+    "concat-cli": "^4.0.0",
     "query-string": "^9.0.0",
     "react-intl": "^6.6.8",
     "rollup": "^4.18.0",
@@ -94,8 +95,8 @@
     "ts-jest": "^29.1.3",
     "tslib": "^2.6.2",
     "tsx": "^4.11.0",
-    "@kaizen/package-bundler": "1.0.2",
-    "@kaizen/design-tokens": "10.4.1"
+    "@kaizen/design-tokens": "10.4.1",
+    "@kaizen/package-bundler": "1.1.0"
   },
   "devDependenciesComments": {
     "postcss": "Installed in root",
@@ -108,10 +109,12 @@
     "react-intl": "^6.6.8"
   },
   "scripts": {
-    "build": "pnpm package-bundler build-shared-ui && pnpm build:global-styles",
-    "build:global-styles": "postcss ./styles/global.css --output dist/styles.css",
     "clean": "rm -rf dist",
     "lint:ts": "tsc --noEmit",
+    "build": "pnpm package-bundler build-shared-ui && pnpm build:styles",
+    "build:global-styles": "postcss ./styles/global.css --output dist/global.css",
+    "build:combine-styles": "concat-cli -f ./dist/global.css ./dist/styles.css -o ./dist/styles.css && rm ./dist/global.css",
+    "build:styles": "pnpm build:global-styles && pnpm build:combine-styles",
     "test": "FORCE_COLOR=1 jest",
     "test:ci": "pnpm test -- --ci",
     "update-icons": "./src/Icon/bin/update-icons.sh",

package/dist/cjs/__build-tools/styleInject.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-// Auto-generated by package-bundler
-// Forked from https://github.com/egoist/style-inject
-function styleInject(css, {
-  insertAt
-} = {}) {
-  if (!css || typeof document === "undefined") return;
-  const head = document.head || document.getElementsByTagName("head")[0];
-  const style = document.createElement("style");
-  style.type = "text/css";
-  if (insertAt === "top") {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  // @ts-ignore
-  if (style.styleSheet) {
-    // @ts-ignore
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-exports.styleInject = styleInject;

package/dist/esm/__build-tools/styleInject.mjs

@@ -1,27 +0,0 @@
-// Auto-generated by package-bundler
-// Forked from https://github.com/egoist/style-inject
-function styleInject(css, {
-  insertAt
-} = {}) {
-  if (!css || typeof document === "undefined") return;
-  const head = document.head || document.getElementsByTagName("head")[0];
-  const style = document.createElement("style");
-  style.type = "text/css";
-  if (insertAt === "top") {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  // @ts-ignore
-  if (style.styleSheet) {
-    // @ts-ignore
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-export { styleInject };