@trackunit/css-tailwind 0.0.93 → 0.0.94

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@trackunit/css-tailwind",
-  "version": "0.0.93",
+  "version": "0.0.94",
   "main": "./index.cjs.js",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=18.x"
   },
-  "type": "commonjs",
   "dependencies": {
-    "@trackunit/css-component-tokens": "0.0.43",
-    "@trackunit/css-core": "0.0.99",
-    "@trackunit/css-tailwind-custom-properties-plugin": "0.0.32",
-    "@trackunit/ui-design-tokens": "0.0.79"
+    "tailwindcss": "3.2.4",
+    "@trackunit/css-component-tokens": "*",
+    "@trackunit/css-tailwind-custom-properties-plugin": "*",
+    "@trackunit/ui-design-tokens": "*",
+    "@trackunit/css-core": "*"
   },
-  "peerDependencies": {}
+  "type": "commonjs"
 }

package/tailwind-base.generated.css

@@ -260,11 +260,11 @@
 .rdp-day_selected:focus:not([disabled]) {
   border: var(--rdp-outline-selected);
 }
-.rdp:not([dir="rtl"]) .rdp-day_range_start:not(.rdp-day_range_end) {
+.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.rdp:not([dir="rtl"]) .rdp-day_range_end:not(.rdp-day_range_start) {
+.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -335,28 +335,28 @@
 /* libs/css/core/src/lib/fonts.css */
 @font-face {
   font-family: "GT Walsheim";
-  src: url(./GT-Walsheim-Light-VL62J6E3.woff2) format("woff2");
+  src: url("./GT-Walsheim-Light-VL62J6E3.woff2") format("woff2");
   font-weight: 300;
 }
 @font-face {
   font-family: "GT Walsheim";
-  src: url(./GT-Walsheim-Regular-GNMGHH5F.woff2) format("woff2");
+  src: url("./GT-Walsheim-Regular-GNMGHH5F.woff2") format("woff2");
   font-weight: 400;
 }
 @font-face {
   font-family: "GT Walsheim";
-  src: url(./GT-Walsheim-Regular-Oblique-2OUASC3S.woff2) format("woff2");
+  src: url("./GT-Walsheim-Regular-Oblique-2OUASC3S.woff2") format("woff2");
   font-weight: 400;
   font-style: italic;
 }
 @font-face {
   font-family: "GT Walsheim";
-  src: url(./GT-Walsheim-Medium-3CTRSVVD.woff2) format("woff2");
+  src: url("./GT-Walsheim-Medium-3CTRSVVD.woff2") format("woff2");
   font-weight: 500;
 }
 @font-face {
   font-family: "GT Walsheim";
-  src: url(./GT-Walsheim-Bold-DGVXLJI5.woff2) format("woff2");
+  src: url("./GT-Walsheim-Bold-DGVXLJI5.woff2") format("woff2");
   font-weight: 700;
 }
 :root {

package/tailwind-base.generated.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) =>
-  key in obj
-    ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value })
-    : (obj[key] = value);
-var __spreadValues = (a, b) => {
-  for (var prop in (b ||= {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __commonJS = (cb, mod) =>
   function __require() {
     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
@@ -113,6 +96,7 @@ var require_create_plugin = __commonJS({
 // node_modules/tailwindcss/plugin.js
 var require_plugin = __commonJS({
   "node_modules/tailwindcss/plugin.js"(exports, module2) {
+    "use strict";
     var createPlugin = require_create_plugin();
     module2.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
   },
@@ -138,7 +122,7 @@ var flattenVariablesDeclerationValues = (values, output = {}, keys = []) => {
     } else {
       flattend[keysToCssVariableName([...keys, key])] = value;
     }
-    output = __spreadValues(__spreadValues({}, flattend), output);
+    output = { ...flattend, ...output };
   }
   return output;
 };
@@ -719,19 +703,22 @@ var sitesPalette = {
     UNKNOWN: tailwindPalette.neutral["500"],
   },
 };
-var trackunitPalette = __spreadValues(
-  __spreadValues(
-    __spreadValues(
-      __spreadValues(
-        __spreadValues(__spreadValues(__spreadValues({}, generalPalette), intentPalette), criticalityPalette),
-        activityPalette
-      ),
-      utilizationPalette
-    ),
-    rentalStatusPalette
-  ),
-  sitesPalette
-);
+var trackunitPalette = {
+  // General
+  ...generalPalette,
+  // UI Intent
+  ...intentPalette,
+  // Asset Criticality
+  ...criticalityPalette,
+  // Activity
+  ...activityPalette,
+  // Utilization
+  ...utilizationPalette,
+  // Rental
+  ...rentalStatusPalette,
+  // Sites
+  ...sitesPalette,
+};
 
 // libs/ui/design-tokens/src/tokens/colors/colors.ts
 var themeColors = {
@@ -1189,7 +1176,7 @@ var remToPx = (value, fontSize2 = 16) => {
     } else {
       return value;
     }
-  } catch (e) {
+  } catch {
     return value;
   }
 };
@@ -1249,10 +1236,9 @@ function fullColorSchemeFromColorName(
   return colors;
 }
 function getValueOfCSSCustomProperty(customProperty, file) {
-  var _a;
   const regex = new RegExp(`${customProperty}:\\s*(.*?);`, "g");
   const match = regex.exec(file);
-  return (_a = match == null ? void 0 : match[1]) != null ? _a : "unknown value";
+  return match?.[1] ?? "unknown value";
 }
 function withCustomPropertyValueAsComment(customProperty, append = "", file) {
   file = file || getCssDesignTokens();
@@ -1279,91 +1265,95 @@ var tailwindBaseConfig = {
           fullColorSchemeFromColorName(key, Object.keys(value)),
         ])
       );
-      return __spreadValues(
-        __spreadValues(
-          {
-            e2e: {
-              DEFAULT: "rgb(255, 20, 147)",
-            },
-            inherit: colors.inherit,
-            current: colors.current,
-            transparent: colors.transparent,
-          },
-          tailwindDefaults
-        ),
-        customColors
-      );
+      return {
+        e2e: {
+          DEFAULT: "rgb(255, 20, 147)",
+        },
+        inherit: colors.inherit,
+        current: colors.current,
+        transparent: colors.transparent,
+        // Tailwind Defaults
+        ...tailwindDefaults,
+        // Custom Colors
+        ...customColors,
+      };
     },
-    spacing: __spreadProps(__spreadValues({}, designTokensToTailwindConfig("spacing", themeSpacing)), {
+    spacing: {
+      ...designTokensToTailwindConfig("spacing", themeSpacing),
       "responsive-space": withCustomPropertyValueAsComment("--spacing-responsive-space"),
       "table-spacing": withCustomPropertyValueAsComment("--table-spacing"),
-    }),
+    },
     borderRadius: designTokensToTailwindConfig("border-radius", themeBorderRadius),
     boxShadow: designTokensToTailwindConfig("box-shadow", themeBoxShadow),
     fontSize: designTokensToFontSizeTailwindConfig(themeFontSize),
-    extend: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, animations), grids), containers), {
+    extend: {
+      ...animations,
+      ...grids,
+      ...containers,
       zIndex: designTokensToTailwindConfig("z", themeZIndex),
-    }),
+    },
     variables: {
       "theme-marketing": {
-        color: __spreadProps(
-          __spreadValues(__spreadValues({}, tailwindPalette), themeColorsToVariableObjectDefinition(themeColors)),
-          {
-            stone: {
-              50: "251 249 249",
-              100: "243 237 237",
-              200: "234 222 222",
-              300: "219 198 198",
-              400: "196 165 165",
-              500: "173 134 134",
-              600: "150 108 108",
-              700: "125 88 88",
-              800: "105 75 75",
-              900: "89 67 67",
-            },
-            primary: {
-              50: "254 236 235",
-              100: "254 236 235",
-              200: "254 217 215",
-              300: "253 180 176",
-              400: "251 142 136",
-              500: "250 104 97",
-              600: "249 66 58",
-              700: "238 19 7",
-              800: "178 14 5",
-              900: "119 9 4",
-            },
-            secondary: {
-              50: "238 243 246",
-              100: "238 243 246",
-              200: "222 231 237",
-              300: "189 208 219",
-              400: "155 184 202",
-              500: "122 160 184",
-              600: "89 137 166",
-              700: "71 109 133",
-              800: "53 82 100",
-              900: "36 55 66",
-            },
-            accent: {
-              50: "255 246 240",
-              100: "255 246 240",
-              200: "255 238 224",
-              300: "255 223 199",
-              400: "255 206 168",
-              500: "255 191 143",
-              600: "255 173 112",
-              700: "255 134 41",
-              800: "219 95 0",
-              900: "148 64 0",
-            },
-          }
-        ),
+        color: {
+          ...tailwindPalette,
+          ...themeColorsToVariableObjectDefinition(themeColors),
+          stone: {
+            50: "251 249 249",
+            100: "243 237 237",
+            200: "234 222 222",
+            300: "219 198 198",
+            400: "196 165 165",
+            500: "173 134 134",
+            600: "150 108 108",
+            700: "125 88 88",
+            800: "105 75 75",
+            900: "89 67 67",
+          },
+          primary: {
+            50: "254 236 235",
+            100: "254 236 235",
+            200: "254 217 215",
+            300: "253 180 176",
+            400: "251 142 136",
+            500: "250 104 97",
+            600: "249 66 58",
+            700: "238 19 7",
+            800: "178 14 5",
+            900: "119 9 4",
+          },
+          secondary: {
+            50: "238 243 246",
+            100: "238 243 246",
+            200: "222 231 237",
+            300: "189 208 219",
+            400: "155 184 202",
+            500: "122 160 184",
+            600: "89 137 166",
+            700: "71 109 133",
+            800: "53 82 100",
+            900: "36 55 66",
+          },
+          accent: {
+            50: "255 246 240",
+            100: "255 246 240",
+            200: "255 238 224",
+            300: "255 223 199",
+            400: "255 206 168",
+            500: "255 191 143",
+            600: "255 173 112",
+            700: "255 134 41",
+            800: "219 95 0",
+            900: "148 64 0",
+          },
+        },
       },
       DEFAULT: {
         "border-radius": themeBorderRadius,
         "box-shadow": themeBoxShadow,
-        color: __spreadValues(__spreadValues({}, tailwindPalette), themeColorsToVariableObjectDefinition(themeColors)),
+        color: {
+          ...tailwindPalette,
+          ...themeColorsToVariableObjectDefinition(themeColors),
+        },
         "font-size": themeFontSize,
         "line-height": themeLineHeight,
         spacing: themeSpacing,