@medyll/cssfabric 0.2.1-beta.8 → 0.2.1-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/NewMenu.svelte +2 -5
  2. package/dist/NewMenu.svelte.d.ts +1 -0
  3. package/dist/cssf/cssf.js +0 -6
  4. package/dist/cssf/cssfPlugin.js +0 -2
  5. package/dist/fabric/CssFabric.js +0 -1
  6. package/dist/fabric/CssFabricExport.js +0 -2
  7. package/dist/fabric/css/css-fabric-sheet.css +0 -15366
  8. package/dist/fabric/css/css-fabric-vars-colors.css +0 -387
  9. package/dist/fabric/css/cssFabric-sheet.json +0 -1
  10. package/dist/fabric/css/cssFabric-vars-colors.json +0 -1
  11. package/dist/fabric/cssProperties.js +1 -23
  12. package/dist/fabric/cssVariationsAi.js +0 -5
  13. package/dist/scss/modules/theme/_theme-build.scss +2 -3
  14. package/package.json +4 -2
package/dist/fabric/css/cssFabric-vars-colors.json CHANGED
@@ -1 +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/fabric/cssProperties.js CHANGED
@@ -137,21 +137,17 @@ class CSSFormalSyntaxDecoder {
137
137
  const fragmentTitle = Object.keys(fragmentPiece)[0];
138
138
  const fragment = fragmentPiece[fragmentTitle];
139
139
  let out = {};
140
- //
141
- // console.log('----------------------------------', key, fragmentTitle);
140
+ //
142
141
  Object.keys(fragment?.fabric).forEach((fabricMode) => {
143
142
  switch (fabricMode) {
144
143
  case 'classNames':
145
144
  let classNames = this.applyClassNames(fragment, fabricMode);
146
- //console.log('followUp', followUp);
147
145
  if (Object.keys(classNames.classNames).length > 0) {
148
146
  // result = { ...result, [fragmentTitle]: { classNames: classNames.classNames } };
149
147
  result = { ...result, ...{ classNames: classNames.classNames } };
150
148
  }
151
149
  break;
152
150
  case 'vertical':
153
- /* console.log(fabricMode);
154
- console.log(fragment.fabric); */
155
151
  break;
156
152
  case 'variations':
157
153
  const ouh = { [fragmentTitle]: fragment.fabric };
@@ -164,14 +160,12 @@ class CSSFormalSyntaxDecoder {
164
160
  break;
165
161
  }
166
162
  });
167
- // console.log(result);
168
163
  return result;
169
164
  }
170
165
  static translateVariations(cssBlock) {
171
166
  let out = { ...cssBlock };
172
167
  const mdl = Object.keys(cssBlock)[0];
173
168
  Object.entries(cssBlock[mdl].variations).forEach(([key, value]) => {
174
- // console.log(value);
175
169
  out[mdl].variations[key] = value.split('|').map((v) => v.trim());
176
170
  });
177
171
  return out;
@@ -180,9 +174,7 @@ class CSSFormalSyntaxDecoder {
180
174
  let result = {};
181
175
  const fragmentTitle = Object.keys(fragment.fabric[fabricMode])[0];
182
176
  const fragmentPiece = fragment.fabric[fabricMode];
183
- // console.log(fragmentTitle);
184
177
  const distributionType = DistributionType.detectDistributionType(fragment, fabricMode);
185
- //console.log(fragmentPiece);
186
178
  Object.keys(fragmentPiece).forEach((fabricType) => {
187
179
  //const distributionType = DistributionType.detectDistributionType(fragment, fabricType);
188
180
  let syntax = fragment.syntax;
@@ -213,7 +205,6 @@ class CSSFormalSyntaxDecoder {
213
205
  };
214
206
  }
215
207
  if (SyntaxDecode.hasProgression(fabricTitle, syntaxKey)) {
216
- //console.log(SyntaxDecode.generateValues(fabricTitle, syntaxKey));
217
208
  generatedValues = {};
218
209
  for (const [key, value] of Object.entries(SyntaxDecode.generateValues(fabricTitle, syntaxKey))) {
219
210
  generatedValues[`.${key}`] = {
@@ -268,11 +259,8 @@ export class CSSProperties {
268
259
  recursiveFabricSearch(cssProperties, parent = '', followUp = []) {
269
260
  let out = {};
270
261
  for (let key in cssProperties) {
271
- // if (key == 'box') console.log(key);
272
262
  if (this.chkValidity(cssProperties[key]) && cssProperties.hasOwnProperty(key)) {
273
263
  key = camelToUnderscore(key);
274
- if (key == 'box')
275
- console.log(key, parent);
276
264
  const element = cssProperties[key];
277
265
  const elementTitle = Object.keys(cssProperties)[0];
278
266
  if (typeof element === 'object') {
@@ -303,26 +291,16 @@ export class CSSProperties {
303
291
  }
304
292
  }
305
293
  else {
306
- // console.log(key);
307
- //console.log('done', followUp);
308
- // followUp += key;
309
294
  }
310
- //console.log('done', followUp);
311
295
  parent = '';
312
296
  // followUp = '';
313
297
  }
314
298
  return out;
315
299
  }
316
300
  generateCSS() {
317
- // console.log('-----------------------------------------------------------------------');
318
- // console.log(this.cssProperties);
319
- console.log('-----------------------------------------------------------------------');
320
301
  return this.recursiveFabricSearch(this.cssProperties);
321
302
  }
322
303
  }
323
- /* const cssF = cssP.generateCSS();
324
- console.log(cssF); */
325
- // console.log(JSON.stringify(cssF, null, 4));
326
304
  function modifyObject(obj, filepath) {
327
305
  for (let key in obj) {
328
306
  if (typeof obj[key] === 'object') {
package/dist/fabric/cssVariationsAi.js CHANGED
@@ -29,9 +29,6 @@ export class CssFabricVariations {
29
29
  value.forEach((element) => {
30
30
  // if enclosed by ()
31
31
  const enclosedValue = element.match(/\((.*?)\)/)?.[1];
32
- if (enclosedValue) {
33
- console.log('will be root:', enclosedValue);
34
- }
35
32
  // if contains cssFab.
36
33
  let modelData = {
37
34
  [fragmentKey]: { [firstKey]: [], ...remainingVariations }
@@ -45,7 +42,6 @@ export class CssFabricVariations {
45
42
  modelData[fragmentKey][firstKey] = Object.keys(colorConfig[fabTheme] ?? {});
46
43
  if (enclosedValue)
47
44
  options[firstKey] = fabTheme;
48
- console.log(options);
49
45
  theme = fabTheme;
50
46
  }
51
47
  else {
@@ -54,7 +50,6 @@ export class CssFabricVariations {
54
50
  // create CssModel
55
51
  const cssModel = new CssFabricVariations(modelData, options);
56
52
  let results = cssModel.generateCss();
57
- // console.log('results');
58
53
  if (theme) {
59
54
  output[theme] = results;
60
55
  }
package/dist/scss/modules/theme/_theme-build.scss CHANGED
@@ -1,10 +1,9 @@
1
1
  @use "../../_utils";
2
2
  @use "sass:color";
3
- @use "theme-vars";
4
3
 
5
- @use "sass:map";
6
- @use "theme-vars";
4
+ @use "sass:map";
7
5
  @use "../cssfabric-config";
6
+ @use "./_theme-vars" as theme-vars;
8
7
 
9
8
  // COLOR THEME
10
9
  $moduleNameShort: map.get(theme-vars.$theme-config, moduleNameShort);
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@medyll/cssfabric",
3
3
  "scope": "@medyll",
4
- "version": "0.2.1-beta.8",
4
+ "version": "0.2.1-beta.9",
5
5
  "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.",
6
6
  "scripts": {
7
7
  "dev": "vite dev",
8
8
  "build": "vite build && npm run package",
9
9
  "preview": "vite preview",
10
- "package": "svelte-kit sync && svelte-package && publint",
10
+ "package": "svelte-kit sync && svelte-package ",
11
11
  "prepublishOnly": "npm run package",
12
12
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
13
13
  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -52,6 +52,7 @@
52
52
  "prettier": "^3.5.3",
53
53
  "prettier-plugin-svelte": "^3.3.3",
54
54
  "publint": "^0.3.10",
55
+ "sass-embedded": "^1.97.2",
55
56
  "simpler-color": "^1.0.2",
56
57
  "standard-version": "^9.5.0",
57
58
  "svelte": "^5.25.6",
@@ -66,6 +67,7 @@
66
67
  "types": "./dist/index.d.ts",
67
68
  "type": "module",
68
69
  "dependencies": {
70
+ "@lukeed/uuid": "^2.0.1",
69
71
  "inquirer": "^12.5.0",
70
72
  "svelte-highlight": "^7.8.3"
71
73
  }