@medyll/cssfabric 0.2.1-beta.5 → 0.2.1-beta.6

package/dist/fabric/css/cssFabric-vars-colors.json

@@ -0,0 +1 @@
+{"base":{"primary":{"--cssfab-primary":"#9E3902;"},"secondary":{"--cssfab-secondary":"#5C5844;"},"accent":{"--cssfab-accent":"#239010;"},"neutral":{"--cssfab-neutral":"#544F4C;"},"error":{"--cssfab-error":"#BB2211;"},"gray":{"--cssfab-gray":"#323130;"}},"palette":{"yellow":{"--cssfab-palette-yellow":"#ffb900;"},"orange":{"--cssfab-palette-orange":"#d83b01;"},"red":{"--cssfab-palette-red":"#d13438;"},"magenta":{"--cssfab-palette-magenta":"#b4009e;"},"purple":{"--cssfab-palette-purple":"#5c2d91;"},"green":{"--cssfab-palette-green":"#107c10;"},"teal":{"--cssfab-palette-teal":"#008272;"},"blue":{"--cssfab-palette-blue":"#0078d4;"},"dark":{"--cssfab-palette-dark":"#323232;"}},"presets":{"primary":{"light":{"--cssfab-presets-primary-light":"color-mix(in srgb, var(--cssfab--color-primary) white ##%);"},"lighter":{"--cssfab-presets-primary-lighter":"color-mix(in srgb, var(--cssfab--color-primary) white ##%);"},"dark":{"--cssfab-presets-primary-dark":"color-mix(in srgb, var(--cssfab--color-primary) black ##%);"},"darker":{"--cssfab-presets-primary-darker":"color-mix(in srgb, var(--cssfab--color-primary) black ##%);"},"complement":{"--cssfab-presets-primary-complement":"color-mix(in srgb, var(--cssfab--color-primary) black ##%);"},"invert":{"--cssfab-presets-primary-invert":"color-mix(in srgb, var(--cssfab--color-primary) black ##%);"},"alpha-low":{"--cssfab-presets-primary-alpha-low":"color-mix(in srgb, var(--cssfab--color-primary) transparent ##%);"},"alpha":{"--cssfab-presets-primary-alpha":"color-mix(in srgb, var(--cssfab--color-primary) transparent ##%);"},"alpha-high":{"--cssfab-presets-primary-alpha-high":"color-mix(in srgb, var(--cssfab--color-primary) transparent ##%);"}},"secondary":{"light":{"--cssfab-presets-secondary-light":"color-mix(in srgb, var(--cssfab--color-secondary) white ##%);"},"lighter":{"--cssfab-presets-secondary-lighter":"color-mix(in srgb, var(--cssfab--color-secondary) white ##%);"},"dark":{"--cssfab-presets-secondary-dark":"color-mix(in srgb, var(--cssfab--color-secondary) black ##%);"},"darker":{"--cssfab-presets-secondary-darker":"color-mix(in srgb, var(--cssfab--color-secondary) black ##%);"},"complement":{"--cssfab-presets-secondary-complement":"color-mix(in srgb, var(--cssfab--color-secondary) black ##%);"},"invert":{"--cssfab-presets-secondary-invert":"color-mix(in srgb, var(--cssfab--color-secondary) black ##%);"},"alpha-low":{"--cssfab-presets-secondary-alpha-low":"color-mix(in srgb, var(--cssfab--color-secondary) transparent ##%);"},"alpha":{"--cssfab-presets-secondary-alpha":"color-mix(in srgb, var(--cssfab--color-secondary) transparent ##%);"},"alpha-high":{"--cssfab-presets-secondary-alpha-high":"color-mix(in srgb, var(--cssfab--color-secondary) transparent ##%);"}},"tertiary":{"light":{"--cssfab-presets-tertiary-light":"color-mix(in srgb, var(--cssfab--color-tertiary) white ##%);"},"lighter":{"--cssfab-presets-tertiary-lighter":"color-mix(in srgb, var(--cssfab--color-tertiary) white ##%);"},"dark":{"--cssfab-presets-tertiary-dark":"color-mix(in srgb, var(--cssfab--color-tertiary) black ##%);"},"darker":{"--cssfab-presets-tertiary-darker":"color-mix(in srgb, var(--cssfab--color-tertiary) black ##%);"},"complement":{"--cssfab-presets-tertiary-complement":"color-mix(in srgb, var(--cssfab--color-tertiary) black ##%);"},"invert":{"--cssfab-presets-tertiary-invert":"color-mix(in srgb, var(--cssfab--color-tertiary) black ##%);"},"alpha-low":{"--cssfab-presets-tertiary-alpha-low":"color-mix(in srgb, var(--cssfab--color-tertiary) transparent ##%);"},"alpha":{"--cssfab-presets-tertiary-alpha":"color-mix(in srgb, var(--cssfab--color-tertiary) transparent ##%);"},"alpha-high":{"--cssfab-presets-tertiary-alpha-high":"color-mix(in srgb, var(--cssfab--color-tertiary) transparent ##%);"}},"accent":{"light":{"--cssfab-presets-accent-light":"color-mix(in srgb, var(--cssfab--color-accent) white ##%);"},"lighter":{"--cssfab-presets-accent-lighter":"color-mix(in srgb, var(--cssfab--color-accent) white ##%);"},"dark":{"--cssfab-presets-accent-dark":"color-mix(in srgb, var(--cssfab--color-accent) black ##%);"},"darker":{"--cssfab-presets-accent-darker":"color-mix(in srgb, var(--cssfab--color-accent) black ##%);"},"complement":{"--cssfab-presets-accent-complement":"color-mix(in srgb, var(--cssfab--color-accent) black ##%);"},"invert":{"--cssfab-presets-accent-invert":"color-mix(in srgb, var(--cssfab--color-accent) black ##%);"},"alpha-low":{"--cssfab-presets-accent-alpha-low":"color-mix(in srgb, var(--cssfab--color-accent) transparent ##%);"},"alpha":{"--cssfab-presets-accent-alpha":"color-mix(in srgb, var(--cssfab--color-accent) transparent ##%);"},"alpha-high":{"--cssfab-presets-accent-alpha-high":"color-mix(in srgb, var(--cssfab--color-accent) transparent ##%);"}}},"status":{"discrete":{"--cssfab-status-discrete":"#ccc;"},"success":{"--cssfab-status-success":"green;"},"info":{"--cssfab-status-info":"#FFDD57FF;"},"warning":{"--cssfab-status-warning":"hsl(48, 96%, 46%);"},"alert":{"--cssfab-status-alert":"hsl(27, 100%, 50%);"},"error":{"--cssfab-status-error":"#d13438;"}},"out":{"primary":{"lighten":{"--cssfab-primary-lighten-0":" color-mix(in srgb, var(--cssfab-primary) white 0%);","--cssfab-primary-lighten-5":" color-mix(in srgb, var(--cssfab-primary) white 5%);","--cssfab-primary-lighten-10":" color-mix(in srgb, var(--cssfab-primary) white 10%);","--cssfab-primary-lighten-15":" color-mix(in srgb, var(--cssfab-primary) white 15%);","--cssfab-primary-lighten-20":" color-mix(in srgb, var(--cssfab-primary) white 20%);","--cssfab-primary-lighten-30":" color-mix(in srgb, var(--cssfab-primary) white 30%);","--cssfab-primary-lighten-40":" color-mix(in srgb, var(--cssfab-primary) white 40%);","--cssfab-primary-lighten-50":" color-mix(in srgb, var(--cssfab-primary) white 50%);","--cssfab-primary-lighten-60":" color-mix(in srgb, var(--cssfab-primary) white 60%);","--cssfab-primary-lighten-70":" color-mix(in srgb, var(--cssfab-primary) white 70%);","--cssfab-primary-lighten-80":" color-mix(in srgb, var(--cssfab-primary) white 80%);","--cssfab-primary-lighten-85":" color-mix(in srgb, var(--cssfab-primary) white 85%);","--cssfab-primary-lighten-90":" color-mix(in srgb, var(--cssfab-primary) white 90%);","--cssfab-primary-lighten-95":" color-mix(in srgb, var(--cssfab-primary) white 95%);","--cssfab-primary-lighten-100":" color-mix(in srgb, var(--cssfab-primary) white 100%);"},"darken":{"--cssfab-primary-darken-0":" color-mix(in srgb, var(--cssfab-primary) black 0%);","--cssfab-primary-darken-5":" color-mix(in srgb, var(--cssfab-primary) black 5%);","--cssfab-primary-darken-10":" color-mix(in srgb, var(--cssfab-primary) black 10%);","--cssfab-primary-darken-15":" color-mix(in srgb, var(--cssfab-primary) black 15%);","--cssfab-primary-darken-20":" color-mix(in srgb, var(--cssfab-primary) black 20%);","--cssfab-primary-darken-30":" color-mix(in srgb, var(--cssfab-primary) black 30%);","--cssfab-primary-darken-40":" color-mix(in srgb, var(--cssfab-primary) black 40%);","--cssfab-primary-darken-50":" color-mix(in srgb, var(--cssfab-primary) black 50%);","--cssfab-primary-darken-60":" color-mix(in srgb, var(--cssfab-primary) black 60%);","--cssfab-primary-darken-70":" color-mix(in srgb, var(--cssfab-primary) black 70%);","--cssfab-primary-darken-80":" color-mix(in srgb, var(--cssfab-primary) black 80%);","--cssfab-primary-darken-85":" color-mix(in srgb, var(--cssfab-primary) black 85%);","--cssfab-primary-darken-90":" color-mix(in srgb, var(--cssfab-primary) black 90%);","--cssfab-primary-darken-95":" color-mix(in srgb, var(--cssfab-primary) black 95%);","--cssfab-primary-darken-100":" color-mix(in srgb, var(--cssfab-primary) black 100%);"},"opacity":{"--cssfab-primary-opacity-0":" color-mix(in srgb, var(--cssfab-primary) transparent 0%);","--cssfab-primary-opacity-5":" color-mix(in srgb, var(--cssfab-primary) transparent 5%);","--cssfab-primary-opacity-10":" color-mix(in srgb, var(--cssfab-primary) transparent 10%);","--cssfab-primary-opacity-15":" color-mix(in srgb, var(--cssfab-primary) transparent 15%);","--cssfab-primary-opacity-20":" color-mix(in srgb, var(--cssfab-primary) transparent 20%);","--cssfab-primary-opacity-30":" color-mix(in srgb, var(--cssfab-primary) transparent 30%);","--cssfab-primary-opacity-40":" color-mix(in srgb, var(--cssfab-primary) transparent 40%);","--cssfab-primary-opacity-50":" color-mix(in srgb, var(--cssfab-primary) transparent 50%);","--cssfab-primary-opacity-60":" color-mix(in srgb, var(--cssfab-primary) transparent 60%);","--cssfab-primary-opacity-70":" color-mix(in srgb, var(--cssfab-primary) transparent 70%);","--cssfab-primary-opacity-80":" color-mix(in srgb, var(--cssfab-primary) transparent 80%);","--cssfab-primary-opacity-85":" color-mix(in srgb, var(--cssfab-primary) transparent 85%);","--cssfab-primary-opacity-90":" color-mix(in srgb, var(--cssfab-primary) transparent 90%);","--cssfab-primary-opacity-95":" color-mix(in srgb, var(--cssfab-primary) transparent 95%);","--cssfab-primary-opacity-100":" color-mix(in srgb, var(--cssfab-primary) transparent 100%);"}},"secondary":{"lighten":{"--cssfab-secondary-lighten-0":" color-mix(in srgb, var(--cssfab-secondary) white 0%);","--cssfab-secondary-lighten-5":" color-mix(in srgb, var(--cssfab-secondary) white 5%);","--cssfab-secondary-lighten-10":" color-mix(in srgb, var(--cssfab-secondary) white 10%);","--cssfab-secondary-lighten-15":" color-mix(in srgb, var(--cssfab-secondary) white 15%);","--cssfab-secondary-lighten-20":" color-mix(in srgb, var(--cssfab-secondary) white 20%);","--cssfab-secondary-lighten-30":" color-mix(in srgb, var(--cssfab-secondary) white 30%);","--cssfab-secondary-lighten-40":" color-mix(in srgb, var(--cssfab-secondary) white 40%);","--cssfab-secondary-lighten-50":" color-mix(in srgb, var(--cssfab-secondary) white 50%);","--cssfab-secondary-lighten-60":" color-mix(in srgb, var(--cssfab-secondary) white 60%);","--cssfab-secondary-lighten-70":" color-mix(in srgb, var(--cssfab-secondary) white 70%);","--cssfab-secondary-lighten-80":" color-mix(in srgb, var(--cssfab-secondary) white 80%);","--cssfab-secondary-lighten-85":" color-mix(in srgb, var(--cssfab-secondary) white 85%);","--cssfab-secondary-lighten-90":" color-mix(in srgb, var(--cssfab-secondary) white 90%);","--cssfab-secondary-lighten-95":" color-mix(in srgb, var(--cssfab-secondary) white 95%);","--cssfab-secondary-lighten-100":" color-mix(in srgb, var(--cssfab-secondary) white 100%);"},"darken":{"--cssfab-secondary-darken-0":" color-mix(in srgb, var(--cssfab-secondary) black 0%);","--cssfab-secondary-darken-5":" color-mix(in srgb, var(--cssfab-secondary) black 5%);","--cssfab-secondary-darken-10":" color-mix(in srgb, var(--cssfab-secondary) black 10%);","--cssfab-secondary-darken-15":" color-mix(in srgb, var(--cssfab-secondary) black 15%);","--cssfab-secondary-darken-20":" color-mix(in srgb, var(--cssfab-secondary) black 20%);","--cssfab-secondary-darken-30":" color-mix(in srgb, var(--cssfab-secondary) black 30%);","--cssfab-secondary-darken-40":" color-mix(in srgb, var(--cssfab-secondary) black 40%);","--cssfab-secondary-darken-50":" color-mix(in srgb, var(--cssfab-secondary) black 50%);","--cssfab-secondary-darken-60":" color-mix(in srgb, var(--cssfab-secondary) black 60%);","--cssfab-secondary-darken-70":" color-mix(in srgb, var(--cssfab-secondary) black 70%);","--cssfab-secondary-darken-80":" color-mix(in srgb, var(--cssfab-secondary) black 80%);","--cssfab-secondary-darken-85":" color-mix(in srgb, var(--cssfab-secondary) black 85%);","--cssfab-secondary-darken-90":" color-mix(in srgb, var(--cssfab-secondary) black 90%);","--cssfab-secondary-darken-95":" color-mix(in srgb, var(--cssfab-secondary) black 95%);","--cssfab-secondary-darken-100":" color-mix(in srgb, var(--cssfab-secondary) black 100%);"},"opacity":{"--cssfab-secondary-opacity-0":" color-mix(in srgb, var(--cssfab-secondary) transparent 0%);","--cssfab-secondary-opacity-5":" color-mix(in srgb, var(--cssfab-secondary) transparent 5%);","--cssfab-secondary-opacity-10":" color-mix(in srgb, var(--cssfab-secondary) transparent 10%);","--cssfab-secondary-opacity-15":" color-mix(in srgb, var(--cssfab-secondary) transparent 15%);","--cssfab-secondary-opacity-20":" color-mix(in srgb, var(--cssfab-secondary) transparent 20%);","--cssfab-secondary-opacity-30":" color-mix(in srgb, var(--cssfab-secondary) transparent 30%);","--cssfab-secondary-opacity-40":" color-mix(in srgb, var(--cssfab-secondary) transparent 40%);","--cssfab-secondary-opacity-50":" color-mix(in srgb, var(--cssfab-secondary) transparent 50%);","--cssfab-secondary-opacity-60":" color-mix(in srgb, var(--cssfab-secondary) transparent 60%);","--cssfab-secondary-opacity-70":" color-mix(in srgb, var(--cssfab-secondary) transparent 70%);","--cssfab-secondary-opacity-80":" color-mix(in srgb, var(--cssfab-secondary) transparent 80%);","--cssfab-secondary-opacity-85":" color-mix(in srgb, var(--cssfab-secondary) transparent 85%);","--cssfab-secondary-opacity-90":" color-mix(in srgb, var(--cssfab-secondary) transparent 90%);","--cssfab-secondary-opacity-95":" color-mix(in srgb, var(--cssfab-secondary) transparent 95%);","--cssfab-secondary-opacity-100":" color-mix(in srgb, var(--cssfab-secondary) transparent 100%);"}},"tertiary":{"lighten":{"--cssfab-tertiary-lighten-0":" color-mix(in srgb, var(--cssfab-tertiary) white 0%);","--cssfab-tertiary-lighten-5":" color-mix(in srgb, var(--cssfab-tertiary) white 5%);","--cssfab-tertiary-lighten-10":" color-mix(in srgb, var(--cssfab-tertiary) white 10%);","--cssfab-tertiary-lighten-15":" color-mix(in srgb, var(--cssfab-tertiary) white 15%);","--cssfab-tertiary-lighten-20":" color-mix(in srgb, var(--cssfab-tertiary) white 20%);","--cssfab-tertiary-lighten-30":" color-mix(in srgb, var(--cssfab-tertiary) white 30%);","--cssfab-tertiary-lighten-40":" color-mix(in srgb, var(--cssfab-tertiary) white 40%);","--cssfab-tertiary-lighten-50":" color-mix(in srgb, var(--cssfab-tertiary) white 50%);","--cssfab-tertiary-lighten-60":" color-mix(in srgb, var(--cssfab-tertiary) white 60%);","--cssfab-tertiary-lighten-70":" color-mix(in srgb, var(--cssfab-tertiary) white 70%);","--cssfab-tertiary-lighten-80":" color-mix(in srgb, var(--cssfab-tertiary) white 80%);","--cssfab-tertiary-lighten-85":" color-mix(in srgb, var(--cssfab-tertiary) white 85%);","--cssfab-tertiary-lighten-90":" color-mix(in srgb, var(--cssfab-tertiary) white 90%);","--cssfab-tertiary-lighten-95":" color-mix(in srgb, var(--cssfab-tertiary) white 95%);","--cssfab-tertiary-lighten-100":" color-mix(in srgb, var(--cssfab-tertiary) white 100%);"},"darken":{"--cssfab-tertiary-darken-0":" color-mix(in srgb, var(--cssfab-tertiary) black 0%);","--cssfab-tertiary-darken-5":" color-mix(in srgb, var(--cssfab-tertiary) black 5%);","--cssfab-tertiary-darken-10":" color-mix(in srgb, var(--cssfab-tertiary) black 10%);","--cssfab-tertiary-darken-15":" color-mix(in srgb, var(--cssfab-tertiary) black 15%);","--cssfab-tertiary-darken-20":" color-mix(in srgb, var(--cssfab-tertiary) black 20%);","--cssfab-tertiary-darken-30":" color-mix(in srgb, var(--cssfab-tertiary) black 30%);","--cssfab-tertiary-darken-40":" color-mix(in srgb, var(--cssfab-tertiary) black 40%);","--cssfab-tertiary-darken-50":" color-mix(in srgb, var(--cssfab-tertiary) black 50%);","--cssfab-tertiary-darken-60":" color-mix(in srgb, var(--cssfab-tertiary) black 60%);","--cssfab-tertiary-darken-70":" color-mix(in srgb, var(--cssfab-tertiary) black 70%);","--cssfab-tertiary-darken-80":" color-mix(in srgb, var(--cssfab-tertiary) black 80%);","--cssfab-tertiary-darken-85":" color-mix(in srgb, var(--cssfab-tertiary) black 85%);","--cssfab-tertiary-darken-90":" color-mix(in srgb, var(--cssfab-tertiary) black 90%);","--cssfab-tertiary-darken-95":" color-mix(in srgb, var(--cssfab-tertiary) black 95%);","--cssfab-tertiary-darken-100":" color-mix(in srgb, var(--cssfab-tertiary) black 100%);"},"opacity":{"--cssfab-tertiary-opacity-0":" color-mix(in srgb, var(--cssfab-tertiary) transparent 0%);","--cssfab-tertiary-opacity-5":" color-mix(in srgb, var(--cssfab-tertiary) transparent 5%);","--cssfab-tertiary-opacity-10":" color-mix(in srgb, var(--cssfab-tertiary) transparent 10%);","--cssfab-tertiary-opacity-15":" color-mix(in srgb, var(--cssfab-tertiary) transparent 15%);","--cssfab-tertiary-opacity-20":" color-mix(in srgb, var(--cssfab-tertiary) transparent 20%);","--cssfab-tertiary-opacity-30":" color-mix(in srgb, var(--cssfab-tertiary) transparent 30%);","--cssfab-tertiary-opacity-40":" color-mix(in srgb, var(--cssfab-tertiary) transparent 40%);","--cssfab-tertiary-opacity-50":" color-mix(in srgb, var(--cssfab-tertiary) transparent 50%);","--cssfab-tertiary-opacity-60":" color-mix(in srgb, var(--cssfab-tertiary) transparent 60%);","--cssfab-tertiary-opacity-70":" color-mix(in srgb, var(--cssfab-tertiary) transparent 70%);","--cssfab-tertiary-opacity-80":" color-mix(in srgb, var(--cssfab-tertiary) transparent 80%);","--cssfab-tertiary-opacity-85":" color-mix(in srgb, var(--cssfab-tertiary) transparent 85%);","--cssfab-tertiary-opacity-90":" color-mix(in srgb, var(--cssfab-tertiary) transparent 90%);","--cssfab-tertiary-opacity-95":" color-mix(in srgb, var(--cssfab-tertiary) transparent 95%);","--cssfab-tertiary-opacity-100":" color-mix(in srgb, var(--cssfab-tertiary) transparent 100%);"}}},"gray":{"--cssfab-color-gray-0":" color-mix(in srgb, --cssfab-color-gray  #333 0%);","--cssfab-color-gray-5":" color-mix(in srgb, --cssfab-color-gray  #333 5%);","--cssfab-color-gray-10":" color-mix(in srgb, --cssfab-color-gray  #333 10%);","--cssfab-color-gray-15":" color-mix(in srgb, --cssfab-color-gray  #333 15%);","--cssfab-color-gray-20":" color-mix(in srgb, --cssfab-color-gray  #333 20%);","--cssfab-color-gray-30":" color-mix(in srgb, --cssfab-color-gray  #333 30%);","--cssfab-color-gray-40":" color-mix(in srgb, --cssfab-color-gray  #333 40%);","--cssfab-color-gray-50":" color-mix(in srgb, --cssfab-color-gray  #333 50%);","--cssfab-color-gray-60":" color-mix(in srgb, --cssfab-color-gray  #333 60%);","--cssfab-color-gray-70":" color-mix(in srgb, --cssfab-color-gray  #333 70%);","--cssfab-color-gray-80":" color-mix(in srgb, --cssfab-color-gray  #333 80%);","--cssfab-color-gray-85":" color-mix(in srgb, --cssfab-color-gray  #333 85%);","--cssfab-color-gray-90":" color-mix(in srgb, --cssfab-color-gray  #333 90%);","--cssfab-color-gray-95":" color-mix(in srgb, --cssfab-color-gray  #333 95%);","--cssfab-color-gray-100":" color-mix(in srgb, --cssfab-color-gray  #333 100%);"},"out2":{"foreground":{"lighten":{"--cssfab-foreground-lighten-0":" color-mix(in srgb, var(--cssfab-foreground) white 0%);","--cssfab-foreground-lighten-5":" color-mix(in srgb, var(--cssfab-foreground) white 5%);","--cssfab-foreground-lighten-10":" color-mix(in srgb, var(--cssfab-foreground) white 10%);","--cssfab-foreground-lighten-15":" color-mix(in srgb, var(--cssfab-foreground) white 15%);","--cssfab-foreground-lighten-20":" color-mix(in srgb, var(--cssfab-foreground) white 20%);","--cssfab-foreground-lighten-30":" color-mix(in srgb, var(--cssfab-foreground) white 30%);","--cssfab-foreground-lighten-40":" color-mix(in srgb, var(--cssfab-foreground) white 40%);","--cssfab-foreground-lighten-50":" color-mix(in srgb, var(--cssfab-foreground) white 50%);","--cssfab-foreground-lighten-60":" color-mix(in srgb, var(--cssfab-foreground) white 60%);","--cssfab-foreground-lighten-70":" color-mix(in srgb, var(--cssfab-foreground) white 70%);","--cssfab-foreground-lighten-80":" color-mix(in srgb, var(--cssfab-foreground) white 80%);","--cssfab-foreground-lighten-85":" color-mix(in srgb, var(--cssfab-foreground) white 85%);","--cssfab-foreground-lighten-90":" color-mix(in srgb, var(--cssfab-foreground) white 90%);","--cssfab-foreground-lighten-95":" color-mix(in srgb, var(--cssfab-foreground) white 95%);","--cssfab-foreground-lighten-100":" color-mix(in srgb, var(--cssfab-foreground) white 100%);"},"darken":{"--cssfab-foreground-darken-0":" color-mix(in srgb, var(--cssfab-foreground) black 0%);","--cssfab-foreground-darken-5":" color-mix(in srgb, var(--cssfab-foreground) black 5%);","--cssfab-foreground-darken-10":" color-mix(in srgb, var(--cssfab-foreground) black 10%);","--cssfab-foreground-darken-15":" color-mix(in srgb, var(--cssfab-foreground) black 15%);","--cssfab-foreground-darken-20":" color-mix(in srgb, var(--cssfab-foreground) black 20%);","--cssfab-foreground-darken-30":" color-mix(in srgb, var(--cssfab-foreground) black 30%);","--cssfab-foreground-darken-40":" color-mix(in srgb, var(--cssfab-foreground) black 40%);","--cssfab-foreground-darken-50":" color-mix(in srgb, var(--cssfab-foreground) black 50%);","--cssfab-foreground-darken-60":" color-mix(in srgb, var(--cssfab-foreground) black 60%);","--cssfab-foreground-darken-70":" color-mix(in srgb, var(--cssfab-foreground) black 70%);","--cssfab-foreground-darken-80":" color-mix(in srgb, var(--cssfab-foreground) black 80%);","--cssfab-foreground-darken-85":" color-mix(in srgb, var(--cssfab-foreground) black 85%);","--cssfab-foreground-darken-90":" color-mix(in srgb, var(--cssfab-foreground) black 90%);","--cssfab-foreground-darken-95":" color-mix(in srgb, var(--cssfab-foreground) black 95%);","--cssfab-foreground-darken-100":" color-mix(in srgb, var(--cssfab-foreground) black 100%);"},"opacity":{"--cssfab-foreground-opacity-0":" color-mix(in srgb, var(--cssfab-foreground) transparent 0%);","--cssfab-foreground-opacity-5":" color-mix(in srgb, var(--cssfab-foreground) transparent 5%);","--cssfab-foreground-opacity-10":" color-mix(in srgb, var(--cssfab-foreground) transparent 10%);","--cssfab-foreground-opacity-15":" color-mix(in srgb, var(--cssfab-foreground) transparent 15%);","--cssfab-foreground-opacity-20":" color-mix(in srgb, var(--cssfab-foreground) transparent 20%);","--cssfab-foreground-opacity-30":" color-mix(in srgb, var(--cssfab-foreground) transparent 30%);","--cssfab-foreground-opacity-40":" color-mix(in srgb, var(--cssfab-foreground) transparent 40%);","--cssfab-foreground-opacity-50":" color-mix(in srgb, var(--cssfab-foreground) transparent 50%);","--cssfab-foreground-opacity-60":" color-mix(in srgb, var(--cssfab-foreground) transparent 60%);","--cssfab-foreground-opacity-70":" color-mix(in srgb, var(--cssfab-foreground) transparent 70%);","--cssfab-foreground-opacity-80":" color-mix(in srgb, var(--cssfab-foreground) transparent 80%);","--cssfab-foreground-opacity-85":" color-mix(in srgb, var(--cssfab-foreground) transparent 85%);","--cssfab-foreground-opacity-90":" color-mix(in srgb, var(--cssfab-foreground) transparent 90%);","--cssfab-foreground-opacity-95":" color-mix(in srgb, var(--cssfab-foreground) transparent 95%);","--cssfab-foreground-opacity-100":" color-mix(in srgb, var(--cssfab-foreground) transparent 100%);"}},"bg":{"lighten":{"--cssfab-bg-lighten-0":" color-mix(in srgb, var(--cssfab-bg) white 0%);","--cssfab-bg-lighten-5":" color-mix(in srgb, var(--cssfab-bg) white 5%);","--cssfab-bg-lighten-10":" color-mix(in srgb, var(--cssfab-bg) white 10%);","--cssfab-bg-lighten-15":" color-mix(in srgb, var(--cssfab-bg) white 15%);","--cssfab-bg-lighten-20":" color-mix(in srgb, var(--cssfab-bg) white 20%);","--cssfab-bg-lighten-30":" color-mix(in srgb, var(--cssfab-bg) white 30%);","--cssfab-bg-lighten-40":" color-mix(in srgb, var(--cssfab-bg) white 40%);","--cssfab-bg-lighten-50":" color-mix(in srgb, var(--cssfab-bg) white 50%);","--cssfab-bg-lighten-60":" color-mix(in srgb, var(--cssfab-bg) white 60%);","--cssfab-bg-lighten-70":" color-mix(in srgb, var(--cssfab-bg) white 70%);","--cssfab-bg-lighten-80":" color-mix(in srgb, var(--cssfab-bg) white 80%);","--cssfab-bg-lighten-85":" color-mix(in srgb, var(--cssfab-bg) white 85%);","--cssfab-bg-lighten-90":" color-mix(in srgb, var(--cssfab-bg) white 90%);","--cssfab-bg-lighten-95":" color-mix(in srgb, var(--cssfab-bg) white 95%);","--cssfab-bg-lighten-100":" color-mix(in srgb, var(--cssfab-bg) white 100%);"},"darken":{"--cssfab-bg-darken-0":" color-mix(in srgb, var(--cssfab-bg) black 0%);","--cssfab-bg-darken-5":" color-mix(in srgb, var(--cssfab-bg) black 5%);","--cssfab-bg-darken-10":" color-mix(in srgb, var(--cssfab-bg) black 10%);","--cssfab-bg-darken-15":" color-mix(in srgb, var(--cssfab-bg) black 15%);","--cssfab-bg-darken-20":" color-mix(in srgb, var(--cssfab-bg) black 20%);","--cssfab-bg-darken-30":" color-mix(in srgb, var(--cssfab-bg) black 30%);","--cssfab-bg-darken-40":" color-mix(in srgb, var(--cssfab-bg) black 40%);","--cssfab-bg-darken-50":" color-mix(in srgb, var(--cssfab-bg) black 50%);","--cssfab-bg-darken-60":" color-mix(in srgb, var(--cssfab-bg) black 60%);","--cssfab-bg-darken-70":" color-mix(in srgb, var(--cssfab-bg) black 70%);","--cssfab-bg-darken-80":" color-mix(in srgb, var(--cssfab-bg) black 80%);","--cssfab-bg-darken-85":" color-mix(in srgb, var(--cssfab-bg) black 85%);","--cssfab-bg-darken-90":" color-mix(in srgb, var(--cssfab-bg) black 90%);","--cssfab-bg-darken-95":" color-mix(in srgb, var(--cssfab-bg) black 95%);","--cssfab-bg-darken-100":" color-mix(in srgb, var(--cssfab-bg) black 100%);"},"opacity":{"--cssfab-bg-opacity-0":" color-mix(in srgb, var(--cssfab-bg) transparent 0%);","--cssfab-bg-opacity-5":" color-mix(in srgb, var(--cssfab-bg) transparent 5%);","--cssfab-bg-opacity-10":" color-mix(in srgb, var(--cssfab-bg) transparent 10%);","--cssfab-bg-opacity-15":" color-mix(in srgb, var(--cssfab-bg) transparent 15%);","--cssfab-bg-opacity-20":" color-mix(in srgb, var(--cssfab-bg) transparent 20%);","--cssfab-bg-opacity-30":" color-mix(in srgb, var(--cssfab-bg) transparent 30%);","--cssfab-bg-opacity-40":" color-mix(in srgb, var(--cssfab-bg) transparent 40%);","--cssfab-bg-opacity-50":" color-mix(in srgb, var(--cssfab-bg) transparent 50%);","--cssfab-bg-opacity-60":" color-mix(in srgb, var(--cssfab-bg) transparent 60%);","--cssfab-bg-opacity-70":" color-mix(in srgb, var(--cssfab-bg) transparent 70%);","--cssfab-bg-opacity-80":" color-mix(in srgb, var(--cssfab-bg) transparent 80%);","--cssfab-bg-opacity-85":" color-mix(in srgb, var(--cssfab-bg) transparent 85%);","--cssfab-bg-opacity-90":" color-mix(in srgb, var(--cssfab-bg) transparent 90%);","--cssfab-bg-opacity-95":" color-mix(in srgb, var(--cssfab-bg) transparent 95%);","--cssfab-bg-opacity-100":" color-mix(in srgb, var(--cssfab-bg) transparent 100%);"}}}}

package/dist/{cssFabric → fabric}/cssProperties.js

@@ -278,7 +278,6 @@ export class CSSProperties {
                 if (typeof element === 'object') {
                     // migration to new syntax
                     if (element.fabric && (!this.onlyKeys.length || this.onlyKeys.includes(key))) {
-                        console.log('done followUp', key);
                         followUp.push(key);
                         try {
                             let decoder = new CSSFormalSyntaxDecoder();

package/dist/index.d.ts

@@ -55,22 +55,22 @@ export * from './cssf/cssfModel.js';
 export * from './cssf/cssfPlugin.js';
 export * from './cssf/cssfTransformer.js';
 export * from './cssf/index.js';
-export * from './cssFabric/bin/exports.js';
-export * from './cssFabric/config.js';
-export * from './cssFabric/CssFabric.js';
-export * from './cssFabric/CssFabricBuilder.js';
-export * from './cssFabric/CssFabricExport.js';
-export * from './cssFabric/cssFabricSheet.js';
-export * from './cssFabric/cssProperties.js';
-export * from './cssFabric/cssVariationsAi.js';
-export * from './cssFabric/index.js';
-export * from './cssFabric/types.js';
+export * from './fabric/bin/exports.js';
+export * from './fabric/config.js';
+export * from './fabric/CssFabric.js';
+export * from './fabric/CssFabricBuilder.js';
+export * from './fabric/CssFabricExport.js';
+export * from './fabric/cssFabricSheet.js';
+export * from './fabric/cssProperties.js';
+export * from './fabric/cssVariationsAi.js';
+export * from './fabric/index.js';
+export * from './fabric/types.js';
 export * from './index.js';
 export { default as NewMenu } from './NewMenu.svelte';
-export * from './scripts/cssfabric.js';
-export * from './scripts/cssfabricClassNames.js';
-export * from './scripts/index.js';
-export * from './scripts/utils.js';
+export * from './legacy/scripts/cssfabric.js';
+export * from './legacy/scripts/cssfabricClassNames.js';
+export * from './legacy/scripts/index.js';
+export * from './legacy/scripts/utils.js';
 export * from './scss/_utils.scss';
 export * from './scss/index.d.js';
 export * from './scss/modules/_cssfabric-config.scss';

package/dist/index.js

@@ -56,22 +56,22 @@ export * from './cssf/cssfModel.js';
 export * from './cssf/cssfPlugin.js';
 export * from './cssf/cssfTransformer.js';
 export * from './cssf/index.js';
-export * from './cssFabric/bin/exports.js';
-export * from './cssFabric/config.js';
-export * from './cssFabric/CssFabric.js';
-export * from './cssFabric/CssFabricBuilder.js';
-export * from './cssFabric/CssFabricExport.js';
-export * from './cssFabric/cssFabricSheet.js';
-export * from './cssFabric/cssProperties.js';
-export * from './cssFabric/cssVariationsAi.js';
-export * from './cssFabric/index.js';
-export * from './cssFabric/types.js';
+export * from './fabric/bin/exports.js';
+export * from './fabric/config.js';
+export * from './fabric/CssFabric.js';
+export * from './fabric/CssFabricBuilder.js';
+export * from './fabric/CssFabricExport.js';
+export * from './fabric/cssFabricSheet.js';
+export * from './fabric/cssProperties.js';
+export * from './fabric/cssVariationsAi.js';
+export * from './fabric/index.js';
+export * from './fabric/types.js';
 export * from './index.js';
 export { default as NewMenu } from './NewMenu.svelte';
-export * from './scripts/cssfabric.js';
-export * from './scripts/cssfabricClassNames.js';
-export * from './scripts/index.js';
-export * from './scripts/utils.js';
+export * from './legacy/scripts/cssfabric.js';
+export * from './legacy/scripts/cssfabricClassNames.js';
+export * from './legacy/scripts/index.js';
+export * from './legacy/scripts/utils.js';
 export * from './scss/_utils.scss';
 export * from './scss/index.d.js';
 export * from './scss/modules/_cssfabric-config.scss';

package/dist/{scripts → legacy/scripts}/cssfabric.js

@@ -1,4 +1,4 @@
-import jsonConfig from '../generated/cssFabric.vars.json';
+import jsonConfig from '../../generated/cssFabric.vars.json';
 import cssfabricClassNames from './cssfabricClassNames.js';
 //
 const getModuleList = () => {

package/dist/{scripts → legacy/scripts}/cssfabricClassNames.js

@@ -1,5 +1,5 @@
-import cssfabric from "./cssfabric";
-import utils from "./utils";
+import cssfabric from './cssfabric.js';
+import utils from './utils.js';
 function loopIt(props) {
     const { module } = props;
     const moduleAttributes = cssfabric.getModuleDocsAttributes(module);
@@ -8,12 +8,12 @@ function cssfabricClassNames(props) {
     const { module, moduleAttribute, outputStyle } = props;
     const moduleAttributes = cssfabric.getModuleDocsAttributes(module);
     const fabricAttributes = moduleAttributes[moduleAttribute];
-    const moduleTag = fabricAttributes["tag"];
-    const moduleKeys = fabricAttributes["keys"] || undefined;
-    const moduleLevels = fabricAttributes["levels"] || undefined;
-    const moduleLevelsLinked = fabricAttributes["levelsLinked"] || undefined;
-    const moduleLevelsExtended = fabricAttributes["levelsDeclin"] || undefined;
-    const moduleClassNames = fabricAttributes["classNames"] || undefined;
+    const moduleTag = fabricAttributes['tag'];
+    const moduleKeys = fabricAttributes['keys'] || undefined;
+    const moduleLevels = fabricAttributes['levels'] || undefined;
+    const moduleLevelsLinked = fabricAttributes['levelsLinked'] || undefined;
+    const moduleLevelsExtended = fabricAttributes['levelsDeclin'] || undefined;
+    const moduleClassNames = fabricAttributes['classNames'] || undefined;
     let finalOutput = [];
     let finalOutputDebug = {};
     return doParse(outputStyle);
@@ -25,23 +25,30 @@ function cssfabricClassNames(props) {
             // beware of any [][]
             keyList = concatenateWithKey(moduleTag, moduleKeys);
         }
-        if (moduleLevels && Object.keys(moduleLevels).length) { // object !!!
-            levelList = Object.keys(moduleLevels).map((level) => {
+        if (moduleLevels && Object.keys(moduleLevels).length) {
+            // object !!!
+            levelList = Object.keys(moduleLevels)
+                .map((level) => {
                 let val = moduleLevels[level];
                 return concatenateWithKey(level, val);
-            }).flat();
+            })
+                .flat();
         }
         if (moduleLevelsLinked && Object.keys(moduleLevelsLinked).length) {
-            levelListLinked = Object.keys(moduleLevelsLinked).map((level) => {
+            levelListLinked = Object.keys(moduleLevelsLinked)
+                .map((level) => {
                 let val = moduleLevelsLinked[level];
                 return concatenateWithKey(level, val);
-            }).flat();
+            })
+                .flat();
         }
         if (moduleLevelsExtended && Object.keys(moduleLevelsExtended).length) {
-            levelListDeclin = Object.keys(moduleLevelsExtended).map((level) => {
+            levelListDeclin = Object.keys(moduleLevelsExtended)
+                .map((level) => {
                 let val = moduleLevelsLinked[level];
                 return concatenateWithKey(level, val);
-            }).flat();
+            })
+                .flat();
         }
         // prefix all now , and link
         // colors :
@@ -53,14 +60,16 @@ function cssfabricClassNames(props) {
         if (moduleKeys && (moduleLevels || moduleLevelsLinked)) {
             // base
             if (moduleLevels) {
-                let tg = keyList.map(x => {
-                    let tre = Object.keys(moduleLevels).map((level) => {
+                let tg = keyList.map((x) => {
+                    let tre = Object.keys(moduleLevels)
+                        .map((level) => {
                         let val = moduleLevels[level];
-                        let debugKey = (x !== '_' && x.toString().charAt(0) !== '_') ? x : level;
-                        debugKey = (level.toString().charAt(0) === '_') ? debugKey : debugKey + '-' + level;
+                        let debugKey = x !== '_' && x.toString().charAt(0) !== '_' ? x : level;
+                        debugKey = level.toString().charAt(0) === '_' ? debugKey : debugKey + '-' + level;
                         registerDebug(x, concatenateWithKey(debugKey, val), level);
                         return concatenateWithKey(level, val);
-                    }).flat(4);
+                    })
+                        .flat(4);
                     return concatenateWithKey(x, tre);
                 });
                 // is it declinated ? only colors, so nope
@@ -70,7 +79,8 @@ function cssfabricClassNames(props) {
             // if moduleLevelsLinked // only color ?
             if (moduleLevelsLinked) {
                 //
-                let yt = Object.values(moduleKeys).map(moduleKey => {
+                let yt = Object.values(moduleKeys)
+                    .map((moduleKey) => {
                     if (moduleKeys.includes(moduleKey)) {
                         let out = [];
                         // linked are here !!
@@ -79,16 +89,19 @@ function cssfabricClassNames(props) {
                         // is it declinated ?
                         if (moduleLevelsExtended && moduleLevelsExtended[moduleKey]) {
                             //
-                            out.push(moduleLevelsLinked[moduleKey].map((z) => {
+                            out.push(moduleLevelsLinked[moduleKey]
+                                .map((z) => {
                                 // iddem
                                 registerDebug('declinated', concatenateWithKey(moduleTag + '-' + moduleKey + '-' + z, moduleLevelsExtended[moduleKey]), z);
                                 return concatenateWithKey(z, moduleLevelsExtended[moduleKey]);
-                            }).flat(2));
+                            })
+                                .flat(2));
                         }
                         // flatten for group here
                         return out.flat(2);
                     }
-                }).flat();
+                })
+                    .flat();
                 // export
                 finalOut.push(concatenateWithKey(moduleTag, yt));
             }
@@ -118,22 +131,29 @@ function cssfabricClassNames(props) {
         if (nestedTag) {
             if (!finalOutputDebug[tag])
                 finalOutputDebug[tag] = {};
-            finalOutputDebug[tag][nestedTag] = finalOutputDebug[tag][nestedTag] ? finalOutputDebug[tag][nestedTag].concat(data) : data;
+            finalOutputDebug[tag][nestedTag] = finalOutputDebug[tag][nestedTag]
+                ? finalOutputDebug[tag][nestedTag].concat(data)
+                : data;
         }
         else {
             finalOutputDebug[tag] = finalOutputDebug[tag] ? finalOutputDebug[tag].concat(data) : data;
         }
     }
     function parseClassNames() {
-        return Object.keys(moduleClassNames).map((klass) => {
+        return Object.keys(moduleClassNames)
+            .map((klass) => {
             return concatenateWithKey(klass, moduleClassNames[klass]);
-        }).flat();
+        })
+            .flat();
     }
     function concatenateWithKey(key, levelLine) {
         return levelLine.map((levelTag) => {
-            return [key, levelTag].filter((val) => {
-                return (val !== '_' && val.toString().charAt(0) !== '_');
-            }).filter(x => Boolean(x)).join('-');
+            return [key, levelTag]
+                .filter((val) => {
+                return val !== '_' && val.toString().charAt(0) !== '_';
+            })
+                .filter((x) => Boolean(x))
+                .join('-');
         });
     }
 }

package/package.json

@@ -1,7 +1,8 @@
 {
 	"name": "@medyll/cssfabric",
 	"scope": "@medyll",
-	"version": "0.2.1-beta.5",
+	"version": "0.2.1-beta.6",
+	"description": "fabric some css. Get pure and simple utility classes. Use the cssf file extension to go semantic. Get a preprocessor for cssf files. Generate your color scheme. Get your own css-properties.",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",

package/dist/cssFabric/CssFabric.d.ts

@@ -1,20 +0,0 @@
-import { CssFabricBuilder, CssFabricBuilderParams } from './CssFabricBuilder.js';
-import { CssFabricExport } from './CssFabricExport.js';
-import type { cssFabricModelType, cssFabricModelKey } from './types.js';
-export declare class CssFabric {
-    vendor: (fragment?: string) => string;
-    cssFabricModel: cssFabricModelType;
-    cssFabricBuilderParams: CssFabricBuilderParams;
-    cssFabricBuilder: CssFabricBuilder;
-    constructor();
-    private cleanModelKey;
-    setParams(params: Partial<CssFabricBuilderParams>): void;
-    createCssFabricVarsColors(...args: cssFabricModelKey[]): {
-        export: CssFabricExport['export'];
-        css: string;
-    };
-    cssFabricSheet(): {
-        export: (options: any) => void;
-        css: Record<string, any>;
-    };
-}

package/dist/cssFabric/bin/exports.js

@@ -1,14 +0,0 @@
-import { CssFabric } from '../CssFabric.js';
-export const cssFabric = new CssFabric();
-const styleSheet = cssFabric.cssFabricSheet();
-styleSheet.export({ css: './css-fabric-sheet.css', json: './cssFabric-sheet.json' });
-/* const model = cssFabric.createCssFabricVarsColors(
-    'base',
-    'palette',
-    'presets',
-    'status',
-    'out',
-    'gray',
-    'out2'
-);
-model.export({ css: './css-fabric.css', json: './cssFabric.json' }); */