npm - @bcc-code/design-tokens - Versions diffs - 1.0.3 → 1.0.5 - Mend

@bcc-code/design-tokens 1.0.3 → 1.0.5

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 (3) hide show

package/dist/bcc-primevue-preset.js +414 -0
package/package.json +1 -1
package/dist/primevue-preset.js +0 -5

package/dist/bcc-primevue-preset.js ADDED Viewed

@@ -0,0 +1,414 @@
+// Generated PrimeVue preset
+import { definePreset } from "@primeuix/themes";
+import Aura from "@primeuix/themes/aura";
+export const BCCPrimeVuePreset = definePreset(Aura, {
+  primitive: {
+    color: {
+      neutral: {
+        0: "#ffffff",
+        100: "#f7f8f9",
+        200: "#f1f2f4",
+        300: "#dcdfe4",
+        400: "#b3b9c4",
+        500: "#8590a2",
+        600: "#758195",
+        700: "#626f86",
+        800: "#4b5668",
+        900: "#374152",
+        1000: "#282f3c",
+        1100: "#1e242d"
+      },
+      "dark-neutral": {
+        0: "#161a1d",
+        100: "#1d2125",
+        200: "#22272b",
+        300: "#2c333a",
+        400: "#454f59",
+        500: "#596773",
+        600: "#738496",
+        700: "#8c9bab",
+        800: "#9fadbc",
+        900: "#b6c2cf",
+        1000: "#c7d1db",
+        1100: "#dee4ea"
+      },
+      bcc: {
+        100: "#e6f2f1",
+        200: "#d0e3e1",
+        300: "#accbc8",
+        400: "#73b2ac",
+        500: "#2e9087",
+        600: "#187b73",
+        700: "#0e6962",
+        800: "#004e48",
+        900: "#003d39",
+        1000: "#002320"
+      },
+      rust: {
+        100: "#fcf6f4",
+        200: "#f9ece7",
+        300: "#f6dcd2",
+        400: "#e9b29e",
+        500: "#e29f87",
+        600: "#d37f60",
+        700: "#be6544",
+        800: "#9f5236",
+        900: "#844630",
+        1000: "#4c271a"
+      },
+      red: {
+        100: "#fcf4f4",
+        200: "#fae7e6",
+        300: "#f6d3d2",
+        400: "#efb4b2",
+        500: "#e38986",
+        600: "#d5625e",
+        700: "#c04642",
+        800: "#ad3c38",
+        900: "#86312e",
+        1000: "#461716"
+      },
+      green: {
+        100: "#f2fbf6",
+        200: "#e2f6ea",
+        300: "#c6ecd6",
+        400: "#9adbb5",
+        500: "#66c28d",
+        600: "#40a56c",
+        700: "#308957",
+        800: "#296c47",
+        900: "#25563b",
+        1000: "#133925"
+      },
+      teal: {
+        100: "#f1f9fa",
+        200: "#dceff1",
+        300: "#bde0e4",
+        400: "#8fc9d1",
+        500: "#5cabb7",
+        600: "#3e8e9c",
+        700: "#377483",
+        800: "#32606c",
+        900: "#2f505b",
+        1000: "#1d353f"
+      },
+      sand: {
+        100: "#f7f3ee",
+        200: "#ede5da",
+        300: "#dccfba",
+        400: "#c5b191",
+        500: "#ae966d",
+        600: "#937b4f",
+        700: "#74613c",
+        800: "#5a4d31",
+        900: "#49402b",
+        1000: "#3c3420"
+      },
+      blue: {
+        100: "#f1f7fd",
+        200: "#dfedfa",
+        300: "#c6e0f7",
+        400: "#a0cdf0",
+        500: "#72b1e8",
+        600: "#5294e0",
+        700: "#3c79d4",
+        800: "#3365c2",
+        900: "#2f529e",
+        1000: "#25385f"
+      },
+      purple: {
+        100: "#f1f1fc",
+        200: "#e5e7fa",
+        300: "#d0d1f5",
+        400: "#b3b3ee",
+        500: "#9b95e4",
+        600: "#8678d9",
+        700: "#7860cb",
+        800: "#6750b2",
+        900: "#554390",
+        1000: "#352c54"
+      },
+      magenta: {
+        100: "#faf5f9",
+        200: "#f7ecf5",
+        300: "#f0daec",
+        400: "#e4bddd",
+        500: "#d294c5",
+        600: "#c377b1",
+        700: "#ac5693",
+        800: "#93437a",
+        900: "#7a3a65",
+        1000: "#592648"
+      },
+      "neutral-alpha": {
+        "100A": "rgba(9, 30, 77, 0.03)",
+        "500A": "rgba(9, 30, 77, 0.5)",
+        "200A": "rgba(9, 30, 77, 0.06)",
+        "300A": "rgba(9, 30, 77, 0.14)",
+        "400A": "rgba(9, 30, 77, 0.31)"
+      },
+      "dark-neutral-alpha": {
+        "100A": "rgba(188, 214, 240, 0.04)",
+        "200A": "rgba(161, 189, 217, 0.08)",
+        "300A": "rgba(166, 197, 226, 0.16)",
+        "400A": "rgba(166, 197, 226, 0.28)",
+        "500A": "rgba(166, 197, 226, 0.5)"
+      }
+    },
+    opacity: {
+      opacity: "#ffffff"
+    },
+    dimension: {
+      "space-0": "0 rem",
+      "space-25": "0.125rem",
+      "space-50": "0.25rem",
+      "space-75": "0.375rem",
+      "space-100": "0.5rem",
+      "space-150": "0.75rem",
+      "space-200": "1rem",
+      "space-250": "1.25rem",
+      "space-300": "1.5rem",
+      "space-400": "2rem",
+      "space-500": "2.5rem",
+      "space-600": "3rem",
+      "space-800": "4rem",
+      "space-1000": "80px"
+    },
+    "border-width": {
+      base: "1px",
+      md: "2px"
+    },
+    "border-radius": {
+      none: "0",
+      xs: "0.125rem",
+      sm: "0.25rem",
+      md: "0.5rem",
+      lg: "1rem",
+      xl: "2rem",
+      "2xl": "3rem",
+      full: "999px"
+    },
+    "icon-size": {
+      xs: "1rem",
+      sm: "1.25rem",
+      md: "1.5rem",
+      lg: "2rem",
+      xl: "3rem"
+    },
+    "text-decoration-line": {
+      none: "none",
+      underline: "underline",
+      "line-through": "line-through"
+    },
+    "text-transform": {
+      uppercase: "uppercase",
+      " lowercase": "lowercase",
+      " capitalize": "capitalize"
+    },
+    "font-size": {
+      "text-xs": "0.75rem",
+      "text-sm": "0.875rem",
+      "text-base": "1rem",
+      "text-lg": "1.25rem",
+      "text-xl": "1.5rem",
+      "text-2xl": "2rem",
+      "text-3xl": "2.25rem",
+      "text-4xl": "3rem"
+    },
+    "font-weight": {
+      "regular-400": "{fontweights.archivo-regular}",
+      "medium-500": "{fontweights.archivo-medium}",
+      "bold-700": "{fontweights.archivo-bold}"
+    },
+    "line-height": {
+      "text-4xl": {
+        "leading-none": "3rem",
+        "leading-tight": "3.25rem"
+      },
+      "text-3xl": {
+        "leading-none": "2.25rem",
+        "leading-tight": "2.5rem"
+      },
+      "text-2xl": {
+        "leading-none": "2rem",
+        "leading-tight": "2.25rem"
+      },
+      "text-xl": {
+        "leading-none": "1.5rem",
+        "leading-tight": "1.75"
+      },
+      "text-lg": {
+        "leading-none": "1.25rem",
+        "leading-tight": "1.5rem"
+      },
+      "text-base": {
+        "leading-none": "1rem",
+        "leading-tight": "1.25",
+        "leading-normal": "1.5rem"
+      },
+      "text-sm": {
+        "leading-none": "0.875rem",
+        "leading-normal": "1.25rem"
+      },
+      "text-xs": {
+        "leading-none": "0.75rem",
+        "leading-normal": "1.25rem"
+      }
+    },
+    fontFamilies: {
+      archivo: "Archivo"
+    },
+    fontWeights: {
+      "archivo-thin": 100,
+      "archivo-extralight": 200,
+      "archivo-light": 300,
+      "archivo-regular": 400,
+      "archivo-medium": 500,
+      "archivo-semibold": 600,
+      "archivo-bold": 700,
+      "archivo-extrabold": 800,
+      "archivo-black": 900
+    }
+  },
+  semantic: {
+    colorScheme: {
+      dark: {
+        content: {
+          background: "{color.dark-neutral.0}",
+          borderColor: "{color.dark-neutral.200}",
+          color: "{color.dark-neutral.1100}",
+          hoverBackground: "{color.dark-neutral.200}",
+          hoverColor: "{color.dark-neutral.1100}"
+        },
+        surface: {
+          0: "{color.dark-neutral.0}",
+          100: "{color.dark-neutral.100}",
+          200: "{color.dark-neutral.200}",
+          300: "{color.dark-neutral.300}",
+          400: "{color.dark-neutral.400}",
+          500: "{color.dark-neutral.500}",
+          600: "{color.dark-neutral.600}",
+          700: "{color.dark-neutral.700}",
+          800: "{color.dark-neutral.800}",
+          900: "{color.dark-neutral.900}",
+          950: "{color.dark-neutral.1000}"
+        },
+        text: {
+          color: "{color.dark-neutral.1100}",
+          hoverColor: "{color.dark-neutral.1100}",
+          hoverMutedColor: "{color.dark-neutral.1100}",
+          mutedColor: "{color.dark-neutral.1100}"
+        }
+      },
+      light: {
+        content: {
+          background: "{color.neutral.0}",
+          borderColor: "{color.neutral.200}",
+          color: "{color.neutral.1100}",
+          hoverBackground: "{color.neutral.200}",
+          hoverColor: "{color.neutral.1100}"
+        },
+        surface: {
+          0: "{color.neutral.0}",
+          100: "{color.neutral.100}",
+          200: "{color.neutral.200}",
+          300: "{color.neutral.300}",
+          400: "{color.neutral.400}",
+          500: "{color.neutral.500}",
+          600: "{color.neutral.600}",
+          700: "{color.neutral.700}",
+          800: "{color.neutral.800}",
+          900: "{color.neutral.900}",
+          950: "{color.neutral.1000}"
+        },
+        text: {
+          color: "{color.neutral.1100}",
+          hoverColor: "{color.neutral.1100}",
+          hoverMutedColor: "{color.neutral.1100}",
+          mutedColor: "{color.neutral.1100}"
+        }
+      }
+    },
+    content: {
+      borderRadius: "{border-radius.md}"
+    },
+    disabledOpacity: "{opacity.opacity}",
+    focusRing: {
+      color: "{color.bcc.100}"
+    },
+    formField: {
+      borderRadius: "{border-radius.md}",
+      focusRing: {
+        color: "{color.bcc.100}"
+      },
+      lg: {
+        fontSize: "{font-size.text-lg}",
+        paddingX: "{dimension.space-200}",
+        paddingY: "{dimension.space-150}"
+      },
+      paddingX: "{dimension.space-150}",
+      paddingY: "{dimension.space-100}",
+      sm: {
+        fontSize: "{font-size.text-sm}",
+        paddingX: "{dimension.space-150}",
+        paddingY: "{dimension.space-100}"
+      }
+    },
+    list: {
+      gap: "{dimension.space-50}",
+      header: {
+      },
+      option: {
+        borderRadius: "{border-radius.md}"
+      },
+      optionGroup: {
+        fontWeight: "{font-weight.medium-500}"
+      }
+    },
+    mask: {
+    },
+    navigation: {
+      item: {
+        borderRadius: "{border-radius.md}"
+      },
+      list: {
+      },
+      submenuIcon: {
+      },
+      submenuLabel: {
+      }
+    },
+    overlay: {
+      modal: {
+        borderRadius: "{border-radius.md}"
+      },
+      navigation: {
+      },
+      popover: {
+        borderRadius: "{border-radius.md}"
+      },
+      select: {
+        borderRadius: "{border-radius.md}"
+      }
+    },
+    primary: {
+      50: "{color.bcc.100}",
+      100: "{color.bcc.200}",
+      200: "{color.bcc.300}",
+      300: "{color.bcc.400}",
+      400: "{color.bcc.500}",
+      500: "{color.bcc.600}",
+      600: "{color.bcc.700}",
+      700: "{color.bcc.800}",
+      800: "{color.bcc.900}",
+      900: "{color.bcc.1000}"
+    }
+  }
+});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@bcc-code/design-tokens",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Design tokens package with light/dark themes for PrimeVue, WordPress, and vanilla HTML/JS.",
   "type": "module",
   "main": "dist/variables.css",

package/dist/primevue-preset.js DELETED Viewed

@@ -1,5 +0,0 @@
-export const primeVuePreset = {
-  "base": "Aura",
-  "overrides": {},
-  "darkModeSelector": ".dark-mode"
-};