@bcc-code/design-tokens 5.0.3 → 5.1.1

package/build/primevue/overrides.css

@@ -61,16 +61,8 @@
     min-height: var(--p-inputtext-lg-min-height);
   }
 
-  .p-message {
-    min-height: var(--p-message-content-min-height);
-  }
-
-  .p-message-sm {
-    min-height: var(--p-message-content-sm-min-height);
-  }
-
-  .p-message-lg {
-    min-height: var(--p-message-content-lg-min-height);
+  .p-message-text {
+    line-height: var(--p-message-text-line-height);
   }
 
   .p-multiselect {
@@ -128,31 +120,12 @@
     gap: var(--p-select-option-gap);
   }
 
-  .p-tag-sm {
-    font-size: var(--p-tag-sm-font-size);
-    padding: var(--p-tag-sm-padding);
-  }
-
-  .p-tag-lg {
-    font-size: var(--p-tag-lg-font-size);
-    padding: var(--p-tag-lg-padding);
-  }
-
-  .p-tag-sm .p-tag-icon {
-    font-size: var(--p-tag-sm-icon-size);
-  }
-
-  .p-tag-lg .p-tag-icon {
-    font-size: var(--p-tag-lg-icon-size);
-  }
-
   .p-textarea {
     min-height: var(--p-textarea-min-height);
   }
 
   .p-togglebutton {
     min-height: var(--p-togglebutton-min-height);
-    line-height: var(--p-togglebutton-line-height);
   }
 
   .p-togglebutton .p-togglebutton-sm {

package/build/primevue/overrides.css.d.ts

@@ -0,0 +1,3 @@
+export {};
+
+declare module "@bcc-code/design-tokens/primevue/overrides" {}

package/build/primevue/primitive.js

@@ -0,0 +1,568 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export default {
+  color: {
+    neutral: {
+      0: "#ffffff",
+      100: "#f8f8f8",
+      200: "#f0f1f2",
+      300: "#dddee1",
+      400: "#b7b9be",
+      500: "#8c8f97",
+      600: "#7d818a",
+      700: "#6b6e76",
+      800: "#505258",
+      900: "#3b3d42",
+      1000: "#292a2e",
+      1100: "#1e1f21",
+    },
+    "neutral-alpha": {
+      "100A": "rgba(23, 23, 23, 0.03)",
+      "200A": "rgba(5, 21, 36, 0.06)",
+      "300A": "rgba(11, 18, 14, 0.14)",
+      "400A": "rgba(8, 15, 33, 0.29)",
+      "500A": "rgba(5, 12, 31, 0.46)",
+    },
+    "dark-neutral": {
+      0: "#18191a",
+      100: "#1f1f21",
+      200: "#242528",
+      250: "#2b2c2f",
+      300: "#303134",
+      350: "#3d3f43",
+      400: "#4b4d51",
+      500: "#63666b",
+      600: "#7e8188",
+      700: "#96999e",
+      800: "#a9abaf",
+      900: "#bfc1c4",
+      1000: "#cecfd2",
+      1100: "#e2e3e4",
+    },
+    "dark-neutral-alpha": {
+      "100A": "rgba(189, 189, 189, 0.04)",
+      "200A": "rgba(206, 206, 217, 0.07)",
+      "250A": "rgba(217, 218, 231, 0.1)",
+      "300A": "rgba(227, 228, 242, 0.12)",
+      "350A": "rgba(232, 237, 253, 0.18)",
+      "400A": "rgba(229, 233, 246, 0.25)",
+      "500A": "rgba(233, 240, 251, 0.36)",
+    },
+    blue: {
+      100: "#f6fbff",
+      200: "#d9ecff",
+      300: "#a6cdfd",
+      400: "#7cabf9",
+      500: "#608ef6",
+      600: "#446add",
+      700: "#274eb5",
+      800: "#273c8f",
+      900: "#212c64",
+      1000: "#091e47",
+    },
+    teal: {
+      100: "#f6fbff",
+      200: "#c3f2f8",
+      300: "#82d3e3",
+      400: "#51b9cf",
+      500: "#1a9eb7",
+      600: "#0b7da1",
+      700: "#005b81",
+      800: "#09486b",
+      900: "#0d324d",
+      1000: "#0c2132",
+    },
+    bcc: {
+      100: "#f0fcfa",
+      200: "#d2eeeb",
+      300: "#a0cec8",
+      400: "#6fb5ad",
+      500: "#3e9f97",
+      600: "#1d7f78",
+      700: "#0c625c",
+      800: "#014d49",
+      900: "#0b3633",
+      1000: "#012320",
+    },
+    green: {
+      100: "#efffed",
+      200: "#cbf3c9",
+      300: "#83d895",
+      400: "#32c180",
+      500: "#1ca673",
+      600: "#09825d",
+      700: "#0c6241",
+      800: "#094c3b",
+      900: "#073734",
+      1000: "#032429",
+    },
+    brown: {
+      100: "#f9faf4",
+      200: "#ece8dc",
+      300: "#d1c5b0",
+      400: "#bea889",
+      500: "#a98c66",
+      600: "#8b6d45",
+      700: "#6e5232",
+      800: "#553d28",
+      900: "#3f2c1e",
+      1000: "#2e1b0f",
+    },
+    yellow: {
+      100: "#fdf8e9",
+      200: "#f8e6a0",
+      300: "#e9c348",
+      400: "#d5a406",
+      500: "#bc870d",
+      600: "#a4670b",
+      700: "#854901",
+      800: "#653805",
+      900: "#4b2c04",
+      1000: "#2d1f00",
+    },
+    orange: {
+      100: "#fffaed",
+      200: "#fee3c1",
+      300: "#f6b981",
+      400: "#f19457",
+      500: "#da772e",
+      600: "#b55919",
+      700: "#943a14",
+      800: "#782612",
+      900: "#5d1712",
+      1000: "#420e0d",
+    },
+    red: {
+      100: "#fff8f3",
+      200: "#fee2dd",
+      300: "#fab6ad",
+      400: "#fa877e",
+      500: "#ed6362",
+      600: "#ca414e",
+      700: "#a42237",
+      800: "#811436",
+      900: "#630d2e",
+      1000: "#440223",
+    },
+    magenta: {
+      100: "#fff8ff",
+      200: "#fce0f8",
+      300: "#f3b4e2",
+      400: "#eb8acf",
+      500: "#de66b0",
+      600: "#be428f",
+      700: "#952e70",
+      800: "#751f57",
+      900: "#5b1043",
+      1000: "#3f0534",
+    },
+    purple: {
+      100: "#f6f9ff",
+      200: "#e3e3fe",
+      300: "#c9c3ec",
+      400: "#afa0e0",
+      500: "#9a82da",
+      600: "#8360c3",
+      700: "#61479c",
+      800: "#493481",
+      900: "#352465",
+      1000: "#1d154d",
+    },
+    transparent: "rgba(0, 0, 0, 0)",
+    brand: {
+      100: "#f0fcfa",
+      200: "#d2eeeb",
+      300: "#a0cec8",
+      400: "#6fb5ad",
+      500: "#3e9f97",
+      600: "#1d7f78",
+      700: "#0c625c",
+      800: "#014d49",
+      900: "#0b3633",
+      1000: "#012320",
+    },
+  },
+  space: {
+    0: "0rem",
+    25: "0.125rem",
+    50: "0.25rem",
+    75: "0.375rem",
+    100: "0.5rem",
+    150: "0.75rem",
+    200: "1rem",
+    250: "1.25rem",
+    300: "1.5rem",
+    400: "2rem",
+    500: "2.5rem",
+    600: "3rem",
+    800: "4rem",
+    1000: "5rem",
+    negative: {
+      25: "-0.125rem",
+      50: "-0.25rem",
+      75: "-0.375rem",
+      100: "-0.5rem",
+      150: "-0.75rem",
+      200: "-1rem",
+      250: "-1.25rem",
+      300: "-1.5rem",
+      400: "-2rem",
+    },
+  },
+  "border-radius": {
+    none: "0",
+    "2xs": "0.125rem",
+    xs: "0.25rem",
+    sm: "0.375rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    xl: "1rem",
+    "2xl": "1.5rem",
+    "3xl": "2rem",
+    "4xl": "3rem",
+    full: "999px",
+  },
+  "icon-size": {
+    xs: "1rem",
+    sm: "1.25rem",
+    md: "1.5rem",
+    lg: "2rem",
+    xl: "3rem",
+  },
+  "border-width": {
+    0: "0",
+    1: "1px",
+    2: "2px",
+  },
+  "font-family": {
+    archivo: "Archivo",
+  },
+  "font-weight": {
+    regular: 400,
+    medium: 500,
+    bold: 700,
+    semibold: 600,
+  },
+  "line-height": {
+    1: "14px",
+    2: "16px",
+    3: "20px",
+    4: "24px",
+    5: "28px",
+    6: "32px",
+    7: "36px",
+    8: "40px",
+    9: "56px",
+    10: "64px",
+    none: "normal",
+  },
+  "font-size": {
+    xs: "0.75rem",
+    sm: "0.875rem",
+    md: "1rem",
+    lg: "1.25rem",
+    xl: "1.5rem",
+    "2xl": "2em",
+    "3xl": "2.25rem",
+    "4xl": "3rem",
+    "5xl": "3.5rem",
+  },
+  border: {
+    radius: {
+      none: "0",
+      xs: "0.125rem",
+      sm: "0.25rem",
+      md: "0.375rem",
+      lg: "0.5rem",
+      xl: "0.75rem",
+    },
+  },
+  emerald: {
+    50: "#f0fcfa",
+    100: "#d2eeeb",
+    200: "#a0cec8",
+    300: "#6fb5ad",
+    400: "#3e9f97",
+    500: "#1d7f78",
+    600: "#0c625c",
+    700: "#014d49",
+    800: "#0b3633",
+    900: "#012320",
+    950: "#012320",
+  },
+  green: {
+    50: "#efffed",
+    100: "#cbf3c9",
+    200: "#83d895",
+    300: "#32c180",
+    400: "#1ca673",
+    500: "#09825d",
+    600: "#0c6241",
+    700: "#094c3b",
+    800: "#073734",
+    900: "#032429",
+    950: "#032429",
+  },
+  lime: {
+    50: "#f7fee7",
+    100: "#ecfccb",
+    200: "#d9f99d",
+    300: "#bef264",
+    400: "#a3e635",
+    500: "#84cc16",
+    600: "#65a30d",
+    700: "#4d7c0f",
+    800: "#3f6212",
+    900: "#365314",
+    950: "#1a2e05",
+  },
+  red: {
+    50: "#fff8f3",
+    100: "#fee2dd",
+    200: "#fab6ad",
+    300: "#fa877e",
+    400: "#ed6362",
+    500: "#ca414e",
+    600: "#a42237",
+    700: "#811436",
+    800: "#630d2e",
+    900: "#440223",
+    950: "#440223",
+  },
+  orange: {
+    50: "#fffaed",
+    100: "#fee3c1",
+    200: "#f6b981",
+    300: "#f19457",
+    400: "#da772e",
+    500: "#b55919",
+    600: "#943a14",
+    700: "#782612",
+    800: "#5d1712",
+    900: "#420e0d",
+    950: "#420e0d",
+  },
+  amber: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f",
+    950: "#451a03",
+  },
+  yellow: {
+    50: "#fdf8e9",
+    100: "#f8e6a0",
+    200: "#e9c348",
+    300: "#d5a406",
+    400: "#bc870d",
+    500: "#a4670b",
+    600: "#854901",
+    700: "#653805",
+    800: "#4b2c04",
+    900: "#2d1f00",
+    950: "#2d1f00",
+  },
+  teal: {
+    50: "#f6fbff",
+    100: "#c3f2f8",
+    200: "#82d3e3",
+    300: "#51b9cf",
+    400: "#1a9eb7",
+    500: "#0b7da1",
+    600: "#005b81",
+    700: "#09486b",
+    800: "#0d324d",
+    900: "#0c2132",
+    950: "#0c2132",
+  },
+  cyan: {
+    50: "#ecfeff",
+    100: "#cffafe",
+    200: "#a5f3fc",
+    300: "#67e8f9",
+    400: "#22d3ee",
+    500: "#06b6d4",
+    600: "#0891b2",
+    700: "#0e7490",
+    800: "#155e75",
+    900: "#164e63",
+    950: "#083344",
+  },
+  sky: {
+    50: "#f6fbff",
+    100: "#d9ecff",
+    200: "#a6cdfd",
+    300: "#7cabf9",
+    400: "#608ef6",
+    500: "#446add",
+    600: "#274eb5",
+    700: "#273c8f",
+    800: "#212c64",
+    900: "#091e47",
+    950: "#091e47",
+  },
+  blue: {
+    50: "#f6fbff",
+    100: "#d9ecff",
+    200: "#a6cdfd",
+    300: "#7cabf9",
+    400: "#608ef6",
+    500: "#446add",
+    600: "#274eb5",
+    700: "#273c8f",
+    800: "#212c64",
+    900: "#091e47",
+    950: "#091e47",
+  },
+  indigo: {
+    50: "#eef2ff",
+    100: "#e0e7ff",
+    200: "#c7d2fe",
+    300: "#a5b4fc",
+    400: "#818cf8",
+    500: "#6366f1",
+    600: "#4f46e5",
+    700: "#4338ca",
+    800: "#3730a3",
+    900: "#312e81",
+    950: "#1e1b4b",
+  },
+  violet: {
+    50: "#f5f3ff",
+    100: "#ede9fe",
+    200: "#ddd6fe",
+    300: "#c4b5fd",
+    400: "#a78bfa",
+    500: "#8b5cf6",
+    600: "#7c3aed",
+    700: "#6d28d9",
+    800: "#5b21b6",
+    900: "#4c1d95",
+    950: "#2e1065",
+  },
+  purple: {
+    50: "#f6f9ff",
+    100: "#e3e3fe",
+    200: "#c9c3ec",
+    300: "#afa0e0",
+    400: "#9a82da",
+    500: "#8360c3",
+    600: "#61479c",
+    700: "#493481",
+    800: "#352465",
+    900: "#1d154d",
+    950: "#1d154d",
+  },
+  fuchsia: {
+    50: "#fdf4ff",
+    100: "#fae8ff",
+    200: "#f5d0fe",
+    300: "#f0abfc",
+    400: "#e879f9",
+    500: "#d946ef",
+    600: "#c026d3",
+    700: "#a21caf",
+    800: "#86198f",
+    900: "#701a75",
+    950: "#4a044e",
+  },
+  pink: {
+    50: "#fff8ff",
+    100: "#fce0f8",
+    200: "#f3b4e2",
+    300: "#eb8acf",
+    400: "#de66b0",
+    500: "#be428f",
+    600: "#952e70",
+    700: "#751f57",
+    800: "#5b1043",
+    900: "#3f0534",
+    950: "#3f0534",
+  },
+  rose: {
+    50: "#fff1f2",
+    100: "#ffe4e6",
+    200: "#fecdd3",
+    300: "#fda4af",
+    400: "#fb7185",
+    500: "#f43f5e",
+    600: "#e11d48",
+    700: "#be123c",
+    800: "#9f1239",
+    900: "#881337",
+    950: "#4c0519",
+  },
+  slate: {
+    50: "#f8f8f8",
+    100: "#f0f1f2",
+    200: "#dddee1",
+    300: "#b7b9be",
+    400: "#8c8f97",
+    500: "#7d818a",
+    600: "#6b6e76",
+    700: "#505258",
+    800: "#3b3d42",
+    900: "#292a2e",
+    950: "#1e1f21",
+  },
+  gray: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827",
+    950: "#030712",
+  },
+  zinc: {
+    50: "#e2e3e4",
+    100: "#cecfd2",
+    200: "#bfc1c4",
+    300: "#a9abaf",
+    400: "#96999e",
+    500: "#7e8188",
+    600: "#63666b",
+    700: "#4b4d51",
+    800: "#303134",
+    900: "#242528",
+    950: "#1f1f21",
+  },
+  neutral: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#e5e5e5",
+    300: "#d4d4d4",
+    400: "#a3a3a3",
+    500: "#737373",
+    600: "#525252",
+    700: "#404040",
+    800: "#262626",
+    900: "#171717",
+    950: "#0a0a0a",
+  },
+  stone: {
+    50: "#fafaf9",
+    100: "#f5f5f4",
+    200: "#e7e5e4",
+    300: "#d6d3d1",
+    400: "#a8a29e",
+    500: "#78716c",
+    600: "#57534e",
+    700: "#44403c",
+    800: "#292524",
+    900: "#1c1917",
+    950: "#0c0a09",
+  },
+};