orbit-ds-variables 1.0.0

package/dist/tailwind/primitives/colors.js

@@ -0,0 +1,112 @@
+// Auto-generated from tokens.json — do not edit directly.
+// Theme: primitives
+
+export default {
+  "system-feedback": {
+    "neutral-tbd": "#00eaea",
+    "success": "#439f35",
+    "attention": "#f5821f",
+    "warning": "#ff0000",
+    "critical": "#ff47e0"
+  },
+  "blue": {
+    "50": "#ebf1fd",
+    "100": "#37c0ff",
+    "200": "#0095da",
+    "250": "#1ab2f8",
+    "300": "#0071bb",
+    "350": "#12597c",
+    "400": "#1f3048",
+    "425": "#202d41",
+    "450": "#1d283a",
+    "500": "#1a2434"
+  },
+  "green": {
+    "50": "#dae8d8",
+    "100": "#daf1da",
+    "150": "#c7eac7",
+    "175": "#e6f7f1",
+    "200": "#8af28a",
+    "300": "#78ce6b",
+    "315": "#86c57c",
+    "320": "#308723",
+    "325": "#58bd47",
+    "350": "#306228",
+    "400": "#446b44",
+    "500": "#374f37",
+    "525": "#2b3e2b",
+    "550": "#2e4c29",
+    "600": "#263f22",
+    "600-copy": "#263f22"
+  },
+  "neutral": {
+    "0": "#ffffff",
+    "100": "#fafafa",
+    "200": "#f5f5f5",
+    "300": "#e8e8e3",
+    "350": "#363636",
+    "400": "#2e2e2e",
+    "500": "#242424",
+    "600": "#1d1d1d",
+    "700": "#141414",
+    "10000": "#000000"
+  },
+  "cyan": {
+    "500": "#00eaea"
+  },
+  "orange": {
+    "100": "#f5e4d5",
+    "200": "#f2dbca",
+    "300": "#fff3e7",
+    "400": "#e88a33",
+    "500": "#e26800",
+    "600": "#f5821f",
+    "700": "#5a3d21",
+    "800": "#592f00"
+  },
+  "red": {
+    "100": "#f8cece",
+    "200": "#f6c1c1",
+    "300": "#fceeeb",
+    "350": "#ff4a4a",
+    "500": "#d61f1f",
+    "700": "#711414"
+  },
+  "magenta": {
+    "100": "#f7dbf2",
+    "200": "#f6e4f3",
+    "300": "#ff47e0",
+    "400": "#e222c1",
+    "500": "#532d4c",
+    "600": "#5d2d55"
+  },
+  "neutral-alpha": {
+    "10": "rgba(36, 36, 36, 0.1)",
+    "20": "rgba(36, 36, 36, 0.2)",
+    "25": "rgba(36, 36, 36, 0.25)",
+    "65": "rgba(36, 36, 36, 0.65)"
+  },
+  "white-alpha": {
+    "1": "rgba(255, 255, 255, 0.01)",
+    "2": "rgba(255, 255, 255, 0.02)",
+    "3": "rgba(255, 255, 255, 0.03)",
+    "5": "rgba(255, 255, 255, 0.05)",
+    "7": "rgba(255, 255, 255, 0.07)",
+    "15": "rgba(255, 255, 255, 0.15)",
+    "25": "rgba(255, 255, 255, 0.25)",
+    "30": "rgba(255, 255, 255, 0.3)",
+    "50": "rgba(255, 255, 255, 0.5)",
+    "60": "rgba(255, 255, 255, 0.6)",
+    "65": "rgba(255, 255, 255, 0.65)"
+  },
+  "black-alpha": {
+    "1": "rgba(0, 0, 0, 0.01)",
+    "2": "rgba(0, 0, 0, 0.02)",
+    "4": "rgba(0, 0, 0, 0.04)",
+    "10": "rgba(0, 0, 0, 0.1)",
+    "14": "rgba(0, 0, 0, 0.14)",
+    "20": "rgba(0, 0, 0, 0.2)",
+    "30": "rgba(0, 0, 0, 0.3)",
+    "35": "rgba(0, 0, 0, 0.35)"
+  }
+};

package/dist/tailwind/themes/d-green/colors.js

@@ -0,0 +1,120 @@
+// Auto-generated from tokens.json — do not edit directly.
+// Theme: d-green
+
+export default {
+  "xtra-sergei-variables": {
+    "bg-darker": "var(--black-alpha-2)",
+    "bg-lighter": "var(--white-alpha-60)",
+    "documet-line-(formerly-on-bg-disabled)": "var(--neutral-alpha-20)",
+    "bg-accent": "var(--black-alpha-2)",
+    "always-black": "var(--neutral-10000)",
+    "always-white": "var(--neutral-0)",
+    "bg-2": "var(--neutral-100)",
+    "bg-accent-inverted": "var(--white-alpha-65)",
+    "on-action-hover": "var(--neutral-100)",
+    "on-action-active": "var(--neutral-0)",
+    "bg-accent-2": "var(--black-alpha-10)"
+  },
+  "border": {
+    "primary": "var(--neutral-alpha-25)",
+    "secondary": "var(--neutral-alpha-10)",
+    "action": "var(--green-400)",
+    "action-hover": "var(--green-600)",
+    "attention": "var(--orange-500)",
+    "neutral": "var(--blue-50)"
+  },
+  "shadow": {
+    "action-menu": "rgba(0, 0, 0, 0.15)",
+    "navigation": "rgba(0, 0, 0, 0.07)",
+    "card": "rgba(0, 0, 0, 0.1)",
+    "popup-message": "rgba(0, 0, 0, 0.3)",
+    "submit-section": "rgba(0, 0, 0, 0.2)",
+    "chip": "rgba(0, 0, 0, 0.3)"
+  },
+  "text": {
+    "action": "var(--green-525)",
+    "action-hover": "var(--green-600)",
+    "primary": "var(--neutral-500)",
+    "secondary": "var(--neutral-alpha-65)",
+    "on-action": "var(--neutral-100)",
+    "action-active": "var(--neutral-10000)",
+    "disabled": "var(--black-alpha-30)",
+    "on-disabled": "var(--neutral-200)",
+    "attention": "var(--orange-500)",
+    "warning": "var(--red-500)",
+    "critical": "var(--magenta-400)",
+    "on-success-container-variant": "var(--green-300)",
+    "on-attention-container": "var(--orange-600)",
+    "on-success-container": "var(--green-325)",
+    "on-attention-container-variant": "var(--orange-600)",
+    "success": "var(--green-320)",
+    "on-warning-container": "var(--red-500)",
+    "on-warning-container-variant": "var(--red-500)",
+    "on-critical-container": "var(--magenta-300)"
+  },
+  "background": {
+    "background": "var(--neutral-200)",
+    "inside-surface-2": "var(--black-alpha-4)",
+    "inside-surface-1": "var(--white-alpha-65)",
+    "surface-container-2": "var(--neutral-100)",
+    "surface-container-1": "var(--neutral-0)",
+    "input-fields": "var(--black-alpha-2)",
+    "success-container-variant": "var(--green-100)",
+    "attention-container": "var(--orange-100)",
+    "warning-container-variant": "var(--red-100)",
+    "success-container": "var(--green-150)",
+    "attention-container-variant": "var(--orange-200)",
+    "warning-container": "var(--red-100)",
+    "critical-container": "var(--magenta-100)",
+    "critical-container-variant": "var(--magenta-200)",
+    "action": "var(--green-525)",
+    "disabled": "var(--black-alpha-30)",
+    "action-hover": "var(--green-550)",
+    "neutral-container": "var(--blue-50)",
+    "surface-container-3": "var(--neutral-200)"
+  },
+  "chips": {
+    "neutral": {
+      "color": {
+        "neutral": "var(--neutral-500)",
+        "neutral-2": "var(--neutral-500)",
+        "hover": "var(--neutral-500)",
+        "checked": "var(--neutral-500)"
+      }
+    },
+    "attemtion": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "warning": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "success": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "critical": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "blue": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    }
+  },
+  "icon": {
+    "secondary": "var(--neutral-alpha-65)",
+    "action": "var(--green-525)",
+    "disabled": "var(--black-alpha-20)",
+    "primary": "var(--neutral-500)",
+    "on-action": "var(--neutral-100)",
+    "attention": "var(--orange-500)"
+  },
+  "scrollbar": "var(--black-alpha-20)"
+};

package/dist/tailwind/themes/d-grey/colors.js

@@ -0,0 +1,120 @@
+// Auto-generated from tokens.json — do not edit directly.
+// Theme: d-grey
+
+export default {
+  "xtra-sergei-variables": {
+    "bg-darker": "var(--black-alpha-2)",
+    "bg-lighter": "var(--white-alpha-60)",
+    "documet-line-(formerly-on-bg-disabled)": "var(--neutral-alpha-20)",
+    "bg-accent": "var(--black-alpha-2)",
+    "always-black": "var(--neutral-10000)",
+    "always-white": "var(--neutral-0)",
+    "bg-2": "var(--neutral-100)",
+    "bg-accent-inverted": "var(--white-alpha-65)",
+    "on-action-hover": "var(--neutral-100)",
+    "on-action-active": "var(--neutral-0)",
+    "bg-accent-2": "var(--black-alpha-10)"
+  },
+  "border": {
+    "primary": "var(--neutral-alpha-25)",
+    "secondary": "var(--neutral-alpha-10)",
+    "action": "var(--blue-200)",
+    "action-hover": "var(--blue-300)",
+    "attention": "var(--orange-500)",
+    "neutral": "var(--blue-50)"
+  },
+  "shadow": {
+    "action-menu": "rgba(0, 0, 0, 0.15)",
+    "navigation": "rgba(0, 0, 0, 0.07)",
+    "card": "rgba(0, 0, 0, 0.1)",
+    "popup-message": "rgba(0, 0, 0, 0.3)",
+    "submit-section": "rgba(0, 0, 0, 0.2)",
+    "chip": "rgba(0, 0, 0, 0.3)"
+  },
+  "text": {
+    "action": "var(--blue-200)",
+    "action-hover": "var(--blue-300)",
+    "primary": "var(--neutral-500)",
+    "secondary": "var(--neutral-alpha-65)",
+    "on-action": "var(--neutral-100)",
+    "action-active": "var(--neutral-10000)",
+    "disabled": "var(--black-alpha-30)",
+    "on-disabled": "var(--neutral-100)",
+    "attention": "var(--orange-500)",
+    "warning": "var(--red-500)",
+    "critical": "var(--magenta-400)",
+    "on-success-container-variant": "var(--green-315)",
+    "on-attention-container": "var(--orange-600)",
+    "on-success-container": "var(--green-325)",
+    "on-attention-container-variant": "var(--orange-600)",
+    "success": "var(--green-320)",
+    "on-warning-container": "var(--red-500)",
+    "on-warning-container-variant": "var(--red-500)",
+    "on-critical-container": "var(--magenta-300)"
+  },
+  "background": {
+    "background": "var(--neutral-300)",
+    "inside-surface-2": "var(--black-alpha-4)",
+    "inside-surface-1": "var(--white-alpha-65)",
+    "surface-container-2": "var(--neutral-100)",
+    "surface-container-1": "var(--neutral-0)",
+    "input-fields": "var(--black-alpha-4)",
+    "success-container-variant": "var(--green-100)",
+    "attention-container": "var(--orange-100)",
+    "warning-container-variant": "var(--red-100)",
+    "success-container": "var(--green-150)",
+    "attention-container-variant": "var(--orange-200)",
+    "warning-container": "var(--red-100)",
+    "critical-container": "var(--magenta-100)",
+    "critical-container-variant": "var(--magenta-200)",
+    "action": "var(--blue-200)",
+    "disabled": "var(--black-alpha-35)",
+    "action-hover": "var(--blue-300)",
+    "neutral-container": "var(--blue-50)",
+    "surface-container-3": "var(--neutral-200)"
+  },
+  "chips": {
+    "neutral": {
+      "color": {
+        "neutral": "var(--neutral-500)",
+        "neutral-2": "#f7f7f7",
+        "hover": "#f2f2f2",
+        "checked": "#e3e3e3"
+      }
+    },
+    "attemtion": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "warning": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "success": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "critical": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "blue": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    }
+  },
+  "icon": {
+    "secondary": "var(--neutral-alpha-65)",
+    "action": "var(--blue-200)",
+    "disabled": "var(--black-alpha-20)",
+    "primary": "var(--neutral-500)",
+    "on-action": "var(--neutral-100)",
+    "attention": "var(--orange-500)"
+  },
+  "scrollbar": "var(--black-alpha-20)"
+};

package/dist/tailwind/themes/n-blue/colors.js

@@ -0,0 +1,120 @@
+// Auto-generated from tokens.json — do not edit directly.
+// Theme: n-blue
+
+export default {
+  "xtra-sergei-variables": {
+    "bg-darker": "var(--black-alpha-30)",
+    "bg-lighter": "var(--white-alpha-7)",
+    "documet-line-(formerly-on-bg-disabled)": "var(--white-alpha-30)",
+    "bg-accent": "var(--white-alpha-7)",
+    "always-black": "var(--neutral-10000)",
+    "always-white": "var(--neutral-0)",
+    "bg-2": "var(--blue-400)",
+    "bg-accent-inverted": "var(--black-alpha-30)",
+    "on-action-hover": "var(--neutral-0)",
+    "on-action-active": "var(--neutral-10000)",
+    "bg-accent-2": "var(--white-alpha-15)"
+  },
+  "border": {
+    "primary": "var(--white-alpha-25)",
+    "secondary": "var(--white-alpha-15)",
+    "action": "var(--blue-200)",
+    "action-hover": "var(--blue-100)",
+    "attention": "var(--orange-500)",
+    "neutral": "var(--blue-350)"
+  },
+  "shadow": {
+    "action-menu": "rgba(0, 0, 0, 0.5)",
+    "navigation": "rgba(0, 0, 0, 0.5)",
+    "card": "rgba(0, 0, 0, 0.5)",
+    "popup-message": "rgba(0, 0, 0, 0.7)",
+    "submit-section": "rgba(0, 0, 0, 0.6)",
+    "chip": "rgba(0, 0, 0, 0.5)"
+  },
+  "text": {
+    "action": "var(--blue-200)",
+    "action-hover": "var(--blue-100)",
+    "primary": "var(--neutral-0)",
+    "secondary": "var(--white-alpha-60)",
+    "on-action": "var(--neutral-0)",
+    "action-active": "var(--neutral-0)",
+    "disabled": "var(--white-alpha-30)",
+    "on-disabled": "var(--blue-400)",
+    "attention": "var(--orange-600)",
+    "warning": "var(--red-500)",
+    "critical": "var(--magenta-300)",
+    "on-success-container-variant": "var(--green-350)",
+    "on-attention-container": "var(--orange-600)",
+    "on-success-container": "var(--green-325)",
+    "on-attention-container-variant": "var(--orange-600)",
+    "success": "var(--green-325)",
+    "on-warning-container": "var(--red-500)",
+    "on-warning-container-variant": "var(--red-500)",
+    "on-critical-container": "var(--magenta-300)"
+  },
+  "background": {
+    "background": "var(--blue-500)",
+    "inside-surface-2": "var(--black-alpha-20)",
+    "inside-surface-1": "var(--white-alpha-5)",
+    "surface-container-2": "var(--blue-425)",
+    "surface-container-1": "var(--blue-450)",
+    "input-fields": "var(--white-alpha-7)",
+    "success-container-variant": "var(--green-550)",
+    "attention-container": "var(--orange-700)",
+    "warning-container-variant": "var(--red-700)",
+    "success-container": "var(--green-600)",
+    "attention-container-variant": "var(--orange-700)",
+    "warning-container": "var(--red-700)",
+    "critical-container": "var(--magenta-600)",
+    "critical-container-variant": "var(--magenta-500)",
+    "action": "var(--blue-200)",
+    "disabled": "var(--white-alpha-30)",
+    "action-hover": "var(--blue-100)",
+    "neutral-container": "var(--blue-350)",
+    "surface-container-3": "var(--blue-450)"
+  },
+  "chips": {
+    "neutral": {
+      "color": {
+        "neutral": "var(--neutral-0)",
+        "neutral-2": "var(--neutral-0)",
+        "hover": "var(--neutral-0)",
+        "checked": "var(--neutral-0)"
+      }
+    },
+    "attemtion": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "warning": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "success": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "critical": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "blue": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    }
+  },
+  "icon": {
+    "secondary": "var(--white-alpha-65)",
+    "action": "var(--blue-200)",
+    "disabled": "var(--white-alpha-30)",
+    "primary": "var(--neutral-0)",
+    "on-action": "var(--neutral-0)",
+    "attention": "var(--orange-600)"
+  },
+  "scrollbar": "var(--white-alpha-30)"
+};

package/dist/tailwind/themes/n-green/colors.js

@@ -0,0 +1,120 @@
+// Auto-generated from tokens.json — do not edit directly.
+// Theme: n-green
+
+export default {
+  "xtra-sergei-variables": {
+    "bg-darker": "var(--black-alpha-20)",
+    "bg-lighter": "var(--white-alpha-7)",
+    "documet-line-(formerly-on-bg-disabled)": "var(--white-alpha-50)",
+    "bg-accent": "var(--white-alpha-7)",
+    "always-black": "var(--neutral-10000)",
+    "always-white": "var(--neutral-0)",
+    "bg-2": "var(--green-500)",
+    "bg-accent-inverted": "var(--black-alpha-30)",
+    "on-action-hover": "var(--green-500)",
+    "on-action-active": "var(--neutral-10000)",
+    "bg-accent-2": "var(--white-alpha-15)"
+  },
+  "border": {
+    "primary": "var(--white-alpha-25)",
+    "secondary": "var(--white-alpha-15)",
+    "action": "var(--green-200)",
+    "action-hover": "var(--green-50)",
+    "attention": "var(--orange-500)",
+    "neutral": "var(--blue-350)"
+  },
+  "shadow": {
+    "action-menu": "rgba(0, 0, 0, 0.5)",
+    "navigation": "rgba(0, 0, 0, 0.5)",
+    "card": "rgba(0, 0, 0, 0.5)",
+    "popup-message": "rgba(0, 0, 0, 0.7)",
+    "submit-section": "rgba(0, 0, 0, 0.6)",
+    "chip": "rgba(0, 0, 0, 0.5)"
+  },
+  "text": {
+    "action": "var(--green-200)",
+    "action-hover": "var(--green-50)",
+    "primary": "var(--neutral-0)",
+    "secondary": "var(--white-alpha-60)",
+    "on-action": "var(--green-500)",
+    "action-active": "var(--neutral-0)",
+    "disabled": "var(--white-alpha-30)",
+    "on-disabled": "var(--green-500)",
+    "attention": "var(--orange-600)",
+    "warning": "var(--red-500)",
+    "critical": "var(--magenta-300)",
+    "on-success-container-variant": "var(--green-350)",
+    "on-attention-container": "var(--orange-600)",
+    "on-success-container": "var(--green-325)",
+    "on-attention-container-variant": "var(--orange-600)",
+    "success": "var(--green-325)",
+    "on-warning-container": "var(--red-500)",
+    "on-warning-container-variant": "var(--red-500)",
+    "on-critical-container": "var(--magenta-300)"
+  },
+  "background": {
+    "background": "var(--green-600)",
+    "inside-surface-2": "var(--black-alpha-20)",
+    "inside-surface-1": "var(--white-alpha-7)",
+    "surface-container-2": "var(--white-alpha-7)",
+    "surface-container-1": "var(--white-alpha-5)",
+    "input-fields": "var(--white-alpha-7)",
+    "success-container-variant": "var(--green-550)",
+    "attention-container": "var(--orange-700)",
+    "warning-container-variant": "var(--red-700)",
+    "success-container": "var(--green-600)",
+    "attention-container-variant": "var(--orange-700)",
+    "warning-container": "var(--red-700)",
+    "critical-container": "var(--magenta-600)",
+    "critical-container-variant": "var(--magenta-500)",
+    "action": "var(--green-200)",
+    "disabled": "var(--white-alpha-30)",
+    "action-hover": "var(--green-50)",
+    "neutral-container": "var(--blue-350)",
+    "surface-container-3": "var(--white-alpha-15)"
+  },
+  "chips": {
+    "neutral": {
+      "color": {
+        "neutral": "var(--neutral-0)",
+        "neutral-2": "var(--neutral-0)",
+        "hover": "var(--neutral-0)",
+        "checked": "var(--neutral-0)"
+      }
+    },
+    "attemtion": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "warning": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "success": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "critical": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    },
+    "blue": {
+      "default": "#ffffff",
+      "hover": "#ffffff",
+      "selected": "#ffffff"
+    }
+  },
+  "icon": {
+    "secondary": "var(--white-alpha-65)",
+    "action": "var(--green-200)",
+    "disabled": "var(--white-alpha-30)",
+    "primary": "var(--neutral-0)",
+    "on-action": "var(--neutral-0)",
+    "attention": "var(--orange-600)"
+  },
+  "scrollbar": "var(--white-alpha-30)"
+};