@trackunit/css-core 0.0.49 → 0.0.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-core",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "main": "src/lib/core.css",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt"

package/src/lib/theme/theme.css

@@ -48,6 +48,18 @@
    * Intent semantic colors
    */
 
+  /* Secondary (Tailwind default Slate) */
+  --color-secondary-50: var(--color-slate-50);
+  --color-secondary-100: var(--color-slate-100);
+  --color-secondary-200: var(--color-slate-200);
+  --color-secondary-300: var(--color-slate-300);
+  --color-secondary-400: var(--color-slate-400);
+  --color-secondary-500: var(--color-slate-500);
+  --color-secondary-600: var(--color-slate-600);
+  --color-secondary-700: var(--color-slate-700);
+  --color-secondary-800: var(--color-slate-800);
+  --color-secondary-900: var(--color-slate-900);
+
   /* Info (Tailwind default Blue) */
   --color-info-50: var(--color-blue-50);
   --color-info-100: var(--color-blue-100);

package/tailwind.base.js

@@ -1 +1 @@
-const fs=require("fs"),cssTheme=fs.readFileSync(`${__dirname}/src/lib/theme/theme.css`,"utf8"),tailwindTheme=fs.readFileSync(`${__dirname}/src/lib/theme/tailwind-custom-properties.css`,"utf8"),customProperties=fs.readFileSync(`${__dirname}/src/lib/theme/custom-properties.css`,"utf8");function getColorValueFromCSSVariable(e){const o=getValueOfCSSCustomProperty(e,cssTheme);return"unknown value"===o?getValueOfCSSCustomProperty(e,tailwindTheme):o.includes("var")?getValueOfCSSCustomProperty(o.replace("var(","").replace(")",""),tailwindTheme):o}function withOpacityValue(e){return({opacityValue:o})=>void 0===o?`rgb(var(${e}))`:`rgb(var(${e}) / ${o}) /* rgb(${getColorValueFromCSSVariable(e)}) */`}function fullColorSchemeFromColorName(e,o=["50","100","200","300","400","500","600","700","800","900"]){const t={};return o.forEach((o=>{t[o]=withOpacityValue(`--color-${e}-${o}`)})),t}function getValueOfCSSCustomProperty(e,o){return new RegExp(`${e}:\\s*(.*?);`,"g").exec(o)?.[1]??"unknown value"}function withCustomPropertyValueAsComment(e,o="",t=tailwindTheme){const r=getValueOfCSSCustomProperty(e,t);return`${r?`/* ${r}${o} */`:""} var(${e})${o}`}module.exports={theme:{screens:{xs:"0px",sm:"480px",md:"768px",lg:"1024px",xl:"1200px","2xl":"1600px","3xl":"1900px"},colors:({colors:e})=>({primary:fullColorSchemeFromColorName("primary"),accent:fullColorSchemeFromColorName("accent"),neutral:fullColorSchemeFromColorName("neutral"),info:fullColorSchemeFromColorName("info"),success:fullColorSchemeFromColorName("success"),warning:fullColorSchemeFromColorName("warning"),danger:fullColorSchemeFromColorName("danger"),good:fullColorSchemeFromColorName("good"),low:fullColorSchemeFromColorName("low"),critical:fullColorSchemeFromColorName("critical"),working:fullColorSchemeFromColorName("working"),idle:fullColorSchemeFromColorName("idle"),stopped:fullColorSchemeFromColorName("stopped"),unknown:fullColorSchemeFromColorName("unknown"),onRent:fullColorSchemeFromColorName("onRent",["100","600"]),available:fullColorSchemeFromColorName("available",["100","600"]),pickupReady:fullColorSchemeFromColorName("pickupReady",["100","600"]),transfer:fullColorSchemeFromColorName("transfer",["100","600"]),inRepair:fullColorSchemeFromColorName("inRepair",["100","600"]),returned:fullColorSchemeFromColorName("returned",["100","600"]),otherRentalStatus:fullColorSchemeFromColorName("otherRentalStatus",["100","600"]),inherit:e.inherit,current:e.current,transparent:e.transparent,black:e.black,white:e.white,slate:fullColorSchemeFromColorName("slate"),gray:fullColorSchemeFromColorName("gray"),zinc:fullColorSchemeFromColorName("zinc"),stone:fullColorSchemeFromColorName("stone"),red:fullColorSchemeFromColorName("red"),orange:fullColorSchemeFromColorName("orange"),amber:fullColorSchemeFromColorName("amber"),yellow:fullColorSchemeFromColorName("yellow"),lime:fullColorSchemeFromColorName("lime"),green:fullColorSchemeFromColorName("green"),emerald:fullColorSchemeFromColorName("emerald"),teal:fullColorSchemeFromColorName("teal"),cyan:fullColorSchemeFromColorName("cyan"),sky:fullColorSchemeFromColorName("sky"),blue:fullColorSchemeFromColorName("blue"),indigo:fullColorSchemeFromColorName("indigo"),violet:fullColorSchemeFromColorName("violet"),purple:fullColorSchemeFromColorName("purple"),fuchsia:fullColorSchemeFromColorName("fuchsia"),pink:fullColorSchemeFromColorName("pink"),rose:fullColorSchemeFromColorName("rose")}),spacing:{px:withCustomPropertyValueAsComment("--spacing-px"),0:withCustomPropertyValueAsComment("--spacing-0"),.5:withCustomPropertyValueAsComment("--spacing-0-5"),1:withCustomPropertyValueAsComment("--spacing-1"),1.5:withCustomPropertyValueAsComment("--spacing-1-5"),2:withCustomPropertyValueAsComment("--spacing-2"),2.5:withCustomPropertyValueAsComment("--spacing-2-5"),3:withCustomPropertyValueAsComment("--spacing-3"),3.5:withCustomPropertyValueAsComment("--spacing-3-5"),4:withCustomPropertyValueAsComment("--spacing-4"),5:withCustomPropertyValueAsComment("--spacing-5"),6:withCustomPropertyValueAsComment("--spacing-6"),7:withCustomPropertyValueAsComment("--spacing-7"),8:withCustomPropertyValueAsComment("--spacing-8"),9:withCustomPropertyValueAsComment("--spacing-9"),10:withCustomPropertyValueAsComment("--spacing-10"),11:withCustomPropertyValueAsComment("--spacing-11"),12:withCustomPropertyValueAsComment("--spacing-12"),14:withCustomPropertyValueAsComment("--spacing-14"),16:withCustomPropertyValueAsComment("--spacing-16"),20:withCustomPropertyValueAsComment("--spacing-20"),24:withCustomPropertyValueAsComment("--spacing-24"),28:withCustomPropertyValueAsComment("--spacing-28"),32:withCustomPropertyValueAsComment("--spacing-32"),36:withCustomPropertyValueAsComment("--spacing-36"),40:withCustomPropertyValueAsComment("--spacing-40"),44:withCustomPropertyValueAsComment("--spacing-44"),48:withCustomPropertyValueAsComment("--spacing-48"),52:withCustomPropertyValueAsComment("--spacing-52"),56:withCustomPropertyValueAsComment("--spacing-56"),60:withCustomPropertyValueAsComment("--spacing-60"),64:withCustomPropertyValueAsComment("--spacing-64"),72:withCustomPropertyValueAsComment("--spacing-72"),80:withCustomPropertyValueAsComment("--spacing-80"),96:withCustomPropertyValueAsComment("--spacing-96")},borderRadius:{none:withCustomPropertyValueAsComment("--border-radius-none"),sm:withCustomPropertyValueAsComment("--border-radius-sm"),DEFAULT:withCustomPropertyValueAsComment("--border-radius-DEFAULT"),md:withCustomPropertyValueAsComment("--border-radius-md"),lg:withCustomPropertyValueAsComment("--border-radius-lg"),xl:withCustomPropertyValueAsComment("--border-radius-xl"),"2xl":withCustomPropertyValueAsComment("--border-radius-2xl"),"3xl":withCustomPropertyValueAsComment("--border-radius-3xl"),full:withCustomPropertyValueAsComment("--border-radius-full")},boxShadow:{sm:withCustomPropertyValueAsComment("--box-shadow-sm"),DEFAULT:withCustomPropertyValueAsComment("--box-shadow-DEFAULT"),md:withCustomPropertyValueAsComment("--box-shadow-md"),lg:withCustomPropertyValueAsComment("--box-shadow-lg"),xl:withCustomPropertyValueAsComment("--box-shadow-xl"),"2xl":withCustomPropertyValueAsComment("--box-shadow-2xl"),inner:withCustomPropertyValueAsComment("--box-shadow-inner"),none:withCustomPropertyValueAsComment("--box-shadow-none"),active:withCustomPropertyValueAsComment("--box-shadow-active")},fontSize:{xs:[withCustomPropertyValueAsComment("--font-size-xs"),{lineHeight:withCustomPropertyValueAsComment("--line-height-xs")}],sm:[withCustomPropertyValueAsComment("--font-size-sm"),{lineHeight:withCustomPropertyValueAsComment("--line-height-sm")}],base:[withCustomPropertyValueAsComment("--font-size-base"),{lineHeight:withCustomPropertyValueAsComment("--line-height-base")}],lg:[withCustomPropertyValueAsComment("--font-size-lg"),{lineHeight:withCustomPropertyValueAsComment("--line-height-lg")}],xl:[withCustomPropertyValueAsComment("--font-size-xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-xl")}],"2xl":[withCustomPropertyValueAsComment("--font-size-2xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-2xl")}],"3xl":[withCustomPropertyValueAsComment("--font-size-3xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-3xl")}],"4xl":[withCustomPropertyValueAsComment("--font-size-4xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-4xl")}],"5xl":[withCustomPropertyValueAsComment("--font-size-5xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-5xl")}],"6xl":[withCustomPropertyValueAsComment("--font-size-6xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-6xl")}],"7xl":[withCustomPropertyValueAsComment("--font-size-7xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-7xl")}],"8xl":[withCustomPropertyValueAsComment("--font-size-8xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-8xl")}],"9xl":[withCustomPropertyValueAsComment("--font-size-9xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-9xl")}]},extend:{zIndex:{hidden:withCustomPropertyValueAsComment("--z-hidden","",customProperties),default:withCustomPropertyValueAsComment("--z-default","",customProperties),top:withCustomPropertyValueAsComment("--z-top","",customProperties),overlay:withCustomPropertyValueAsComment("--z-overlay","",customProperties),popover:withCustomPropertyValueAsComment("--z-popover","",customProperties),toast:withCustomPropertyValueAsComment("--z-toast","",customProperties)},keyframes:{copy:{from:{color:"green","border-color":"green"},to:{color:"initial","border-color":"initial"}},fadeOut:{"0%":{opacity:1},"100%":{opacity:0}},fadeIn:{"0%":{opacity:0},"100%":{opacity:1}},pingSm:{"75%, 100%":{transform:"scale(1.5)",opacity:0}}},animation:{copy:"copy 1s 1","fade-out-slow":"fadeOut 3s ease-in-out forwards","fade-in-fast":"fadeIn 0.3s ease-in-out forwards","fade-out-fast":"fadeOut 0.3s ease-in-out forwards","ping-sm":"pingSm 1s cubic-bezier(0, 0, 0.2, 1) infinite"},gridTemplateColumns:{"min-fr-min":"min-content minmax(0, 1fr) min-content","fr-min":"minmax(0, 1fr) min-content","min-fr":"min-content minmax(0, 1fr)"},gridTemplateRows:{"min-fr-min":"min-content minmax(0, 1fr) min-content","fr-min":"minmax(0, 1fr) min-content","min-fr":"min-content minmax(0, 1fr)"}}}};
+const fs=require("fs"),cssTheme=fs.readFileSync(`${__dirname}/src/lib/theme/theme.css`,"utf8"),tailwindTheme=fs.readFileSync(`${__dirname}/src/lib/theme/tailwind-custom-properties.css`,"utf8"),customProperties=fs.readFileSync(`${__dirname}/src/lib/theme/custom-properties.css`,"utf8");function getColorValueFromCSSVariable(e){const o=getValueOfCSSCustomProperty(e,cssTheme);return"unknown value"===o?getValueOfCSSCustomProperty(e,tailwindTheme):o.includes("var")?getValueOfCSSCustomProperty(o.replace("var(","").replace(")",""),tailwindTheme):o}function withOpacityValue(e){return({opacityValue:o})=>void 0===o?`rgb(var(${e}))`:`rgb(var(${e}) / ${o}) /* rgb(${getColorValueFromCSSVariable(e)}) */`}function fullColorSchemeFromColorName(e,o=["50","100","200","300","400","500","600","700","800","900"]){const t={};return o.forEach((o=>{t[o]=withOpacityValue(`--color-${e}-${o}`)})),t}function getValueOfCSSCustomProperty(e,o){return new RegExp(`${e}:\\s*(.*?);`,"g").exec(o)?.[1]??"unknown value"}function withCustomPropertyValueAsComment(e,o="",t=tailwindTheme){const r=getValueOfCSSCustomProperty(e,t);return`${r?`/* ${r}${o} */`:""} var(${e})${o}`}module.exports={theme:{screens:{xs:"0px",sm:"480px",md:"768px",lg:"1024px",xl:"1200px","2xl":"1600px","3xl":"1900px"},colors:({colors:e})=>({primary:fullColorSchemeFromColorName("primary"),secondary:fullColorSchemeFromColorName("secondary"),accent:fullColorSchemeFromColorName("accent"),neutral:fullColorSchemeFromColorName("neutral"),info:fullColorSchemeFromColorName("info"),success:fullColorSchemeFromColorName("success"),warning:fullColorSchemeFromColorName("warning"),danger:fullColorSchemeFromColorName("danger"),good:fullColorSchemeFromColorName("good"),low:fullColorSchemeFromColorName("low"),critical:fullColorSchemeFromColorName("critical"),working:fullColorSchemeFromColorName("working"),idle:fullColorSchemeFromColorName("idle"),stopped:fullColorSchemeFromColorName("stopped"),unknown:fullColorSchemeFromColorName("unknown"),onRent:fullColorSchemeFromColorName("onRent",["100","600"]),available:fullColorSchemeFromColorName("available",["100","600"]),pickupReady:fullColorSchemeFromColorName("pickupReady",["100","600"]),transfer:fullColorSchemeFromColorName("transfer",["100","600"]),inRepair:fullColorSchemeFromColorName("inRepair",["100","600"]),returned:fullColorSchemeFromColorName("returned",["100","600"]),otherRentalStatus:fullColorSchemeFromColorName("otherRentalStatus",["100","600"]),inherit:e.inherit,current:e.current,transparent:e.transparent,black:e.black,white:e.white,slate:fullColorSchemeFromColorName("slate"),gray:fullColorSchemeFromColorName("gray"),zinc:fullColorSchemeFromColorName("zinc"),stone:fullColorSchemeFromColorName("stone"),red:fullColorSchemeFromColorName("red"),orange:fullColorSchemeFromColorName("orange"),amber:fullColorSchemeFromColorName("amber"),yellow:fullColorSchemeFromColorName("yellow"),lime:fullColorSchemeFromColorName("lime"),green:fullColorSchemeFromColorName("green"),emerald:fullColorSchemeFromColorName("emerald"),teal:fullColorSchemeFromColorName("teal"),cyan:fullColorSchemeFromColorName("cyan"),sky:fullColorSchemeFromColorName("sky"),blue:fullColorSchemeFromColorName("blue"),indigo:fullColorSchemeFromColorName("indigo"),violet:fullColorSchemeFromColorName("violet"),purple:fullColorSchemeFromColorName("purple"),fuchsia:fullColorSchemeFromColorName("fuchsia"),pink:fullColorSchemeFromColorName("pink"),rose:fullColorSchemeFromColorName("rose")}),spacing:{px:withCustomPropertyValueAsComment("--spacing-px"),0:withCustomPropertyValueAsComment("--spacing-0"),.5:withCustomPropertyValueAsComment("--spacing-0-5"),1:withCustomPropertyValueAsComment("--spacing-1"),1.5:withCustomPropertyValueAsComment("--spacing-1-5"),2:withCustomPropertyValueAsComment("--spacing-2"),2.5:withCustomPropertyValueAsComment("--spacing-2-5"),3:withCustomPropertyValueAsComment("--spacing-3"),3.5:withCustomPropertyValueAsComment("--spacing-3-5"),4:withCustomPropertyValueAsComment("--spacing-4"),5:withCustomPropertyValueAsComment("--spacing-5"),6:withCustomPropertyValueAsComment("--spacing-6"),7:withCustomPropertyValueAsComment("--spacing-7"),8:withCustomPropertyValueAsComment("--spacing-8"),9:withCustomPropertyValueAsComment("--spacing-9"),10:withCustomPropertyValueAsComment("--spacing-10"),11:withCustomPropertyValueAsComment("--spacing-11"),12:withCustomPropertyValueAsComment("--spacing-12"),14:withCustomPropertyValueAsComment("--spacing-14"),16:withCustomPropertyValueAsComment("--spacing-16"),20:withCustomPropertyValueAsComment("--spacing-20"),24:withCustomPropertyValueAsComment("--spacing-24"),28:withCustomPropertyValueAsComment("--spacing-28"),32:withCustomPropertyValueAsComment("--spacing-32"),36:withCustomPropertyValueAsComment("--spacing-36"),40:withCustomPropertyValueAsComment("--spacing-40"),44:withCustomPropertyValueAsComment("--spacing-44"),48:withCustomPropertyValueAsComment("--spacing-48"),52:withCustomPropertyValueAsComment("--spacing-52"),56:withCustomPropertyValueAsComment("--spacing-56"),60:withCustomPropertyValueAsComment("--spacing-60"),64:withCustomPropertyValueAsComment("--spacing-64"),72:withCustomPropertyValueAsComment("--spacing-72"),80:withCustomPropertyValueAsComment("--spacing-80"),96:withCustomPropertyValueAsComment("--spacing-96")},borderRadius:{none:withCustomPropertyValueAsComment("--border-radius-none"),sm:withCustomPropertyValueAsComment("--border-radius-sm"),DEFAULT:withCustomPropertyValueAsComment("--border-radius-DEFAULT"),md:withCustomPropertyValueAsComment("--border-radius-md"),lg:withCustomPropertyValueAsComment("--border-radius-lg"),xl:withCustomPropertyValueAsComment("--border-radius-xl"),"2xl":withCustomPropertyValueAsComment("--border-radius-2xl"),"3xl":withCustomPropertyValueAsComment("--border-radius-3xl"),full:withCustomPropertyValueAsComment("--border-radius-full")},boxShadow:{sm:withCustomPropertyValueAsComment("--box-shadow-sm"),DEFAULT:withCustomPropertyValueAsComment("--box-shadow-DEFAULT"),md:withCustomPropertyValueAsComment("--box-shadow-md"),lg:withCustomPropertyValueAsComment("--box-shadow-lg"),xl:withCustomPropertyValueAsComment("--box-shadow-xl"),"2xl":withCustomPropertyValueAsComment("--box-shadow-2xl"),inner:withCustomPropertyValueAsComment("--box-shadow-inner"),none:withCustomPropertyValueAsComment("--box-shadow-none"),active:withCustomPropertyValueAsComment("--box-shadow-active")},fontSize:{xs:[withCustomPropertyValueAsComment("--font-size-xs"),{lineHeight:withCustomPropertyValueAsComment("--line-height-xs")}],sm:[withCustomPropertyValueAsComment("--font-size-sm"),{lineHeight:withCustomPropertyValueAsComment("--line-height-sm")}],base:[withCustomPropertyValueAsComment("--font-size-base"),{lineHeight:withCustomPropertyValueAsComment("--line-height-base")}],lg:[withCustomPropertyValueAsComment("--font-size-lg"),{lineHeight:withCustomPropertyValueAsComment("--line-height-lg")}],xl:[withCustomPropertyValueAsComment("--font-size-xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-xl")}],"2xl":[withCustomPropertyValueAsComment("--font-size-2xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-2xl")}],"3xl":[withCustomPropertyValueAsComment("--font-size-3xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-3xl")}],"4xl":[withCustomPropertyValueAsComment("--font-size-4xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-4xl")}],"5xl":[withCustomPropertyValueAsComment("--font-size-5xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-5xl")}],"6xl":[withCustomPropertyValueAsComment("--font-size-6xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-6xl")}],"7xl":[withCustomPropertyValueAsComment("--font-size-7xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-7xl")}],"8xl":[withCustomPropertyValueAsComment("--font-size-8xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-8xl")}],"9xl":[withCustomPropertyValueAsComment("--font-size-9xl"),{lineHeight:withCustomPropertyValueAsComment("--line-height-9xl")}]},extend:{zIndex:{hidden:withCustomPropertyValueAsComment("--z-hidden","",customProperties),default:withCustomPropertyValueAsComment("--z-default","",customProperties),top:withCustomPropertyValueAsComment("--z-top","",customProperties),overlay:withCustomPropertyValueAsComment("--z-overlay","",customProperties),popover:withCustomPropertyValueAsComment("--z-popover","",customProperties),toast:withCustomPropertyValueAsComment("--z-toast","",customProperties)},keyframes:{copy:{from:{color:"green","border-color":"green"},to:{color:"initial","border-color":"initial"}},fadeOut:{"0%":{opacity:1},"100%":{opacity:0}},fadeIn:{"0%":{opacity:0},"100%":{opacity:1}},pingSm:{"75%, 100%":{transform:"scale(1.5)",opacity:0}}},animation:{copy:"copy 1s 1","fade-out-slow":"fadeOut 3s ease-in-out forwards","fade-in-fast":"fadeIn 0.3s ease-in-out forwards","fade-out-fast":"fadeOut 0.3s ease-in-out forwards","ping-sm":"pingSm 1s cubic-bezier(0, 0, 0.2, 1) infinite"},gridTemplateColumns:{"min-fr-min":"min-content minmax(0, 1fr) min-content","fr-min":"minmax(0, 1fr) min-content","min-fr":"min-content minmax(0, 1fr)"},gridTemplateRows:{"min-fr-min":"min-content minmax(0, 1fr) min-content","fr-min":"minmax(0, 1fr) min-content","min-fr":"min-content minmax(0, 1fr)"}}}};