@swisper.ai/design-system 0.0.2

package/dist/css/primitives.css

@@ -0,0 +1,214 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --pt-colour-silent-100: #9edff7;
+  --pt-colour-silent-200: #36d0ff;
+  --pt-colour-silent-300: #00c4ff;
+  --pt-colour-silent-400: #00b3eb;
+  --pt-colour-silent-500: #00a9dd;
+  --pt-colour-silent-600: #0093c2;
+  --pt-colour-silent-700: #0087b8;
+  --pt-colour-silent-750: #007da8;
+  --pt-colour-silent-800: #006e94;
+  --pt-colour-silent-850: #00678a;
+  --pt-colour-silent-900: #004962;
+  --pt-colour-silent-950: #0d212b;
+  --pt-colour-silent-500-a: rgba(0, 169, 221, 0.06);
+  --pt-colour-silent-500-c: rgba(0, 169, 221, 0.12);
+  --pt-colour-silent-500-e: rgba(0, 169, 221, 0.5);
+  --pt-colour-silent-500-a: rgba(0, 169, 221, 0.06);
+  --pt-colour-silent-500-c: rgba(0, 169, 221, 0.12);
+  --pt-colour-silent-500-e: rgba(0, 169, 221, 0.5);
+  --pt-colour-discreet-100: #fafbfb;
+  --pt-colour-discreet-150: #eff1f3;
+  --pt-colour-discreet-200: #e4e8eb;
+  --pt-colour-discreet-250: #d4d9df;
+  --pt-colour-discreet-300: #c3cad3;
+  --pt-colour-discreet-350: #bbc3cc;
+  --pt-colour-discreet-500: #8f99ad;
+  --pt-colour-discreet-550: #677692;
+  --pt-colour-discreet-600: #404757;
+  --pt-colour-discreet-700: #252931;
+  --pt-colour-discreet-750: #1e2229;
+  --pt-colour-discreet-800: #171a20;
+  --pt-colour-discreet-850: #121418;
+  --pt-colour-discreet-875: #0a0b0e;
+  --pt-colour-discreet-900: #030304;
+  --pt-colour-discreet-350-b: rgba(187, 195, 204, 0.12);
+  --pt-colour-discreet-350-e: rgba(187, 195, 204, 0.5);
+  --pt-colour-discreet-200-c: rgba(228, 232, 235, 0.3);
+  --pt-colour-discreet-350-a: rgba(187, 195, 204, 0.06);
+  --pt-colour-discreet-100-a: rgba(250, 251, 251, 0.1);
+  --pt-colour-discreet-100-b: rgba(250, 251, 251, 0.16);
+  --pt-colour-discreet-900-a: rgba(3, 3, 4, 0.06);
+  --pt-colour-discreet-900-b: rgba(3, 3, 4, 0.12);
+  --pt-colour-discreet-900-e: rgba(3, 3, 4, 0.8);
+  --pt-colour-discreet-850-g: rgba(18, 20, 24, 0.7);
+  --pt-colour-discreet-350-b: rgba(187, 195, 204, 0.12);
+  --pt-colour-discreet-350-e: rgba(187, 195, 204, 0.5);
+  --pt-colour-discreet-200-c: rgba(228, 232, 235, 0.3);
+  --pt-colour-discreet-350-a: rgba(187, 195, 204, 0.06);
+  --pt-colour-discreet-100-a: rgba(250, 251, 251, 0.1);
+  --pt-colour-discreet-100-b: rgba(250, 251, 251, 0.16);
+  --pt-colour-discreet-900-a: rgba(3, 3, 4, 0.06);
+  --pt-colour-discreet-900-b: rgba(3, 3, 4, 0.12);
+  --pt-colour-discreet-900-e: rgba(3, 3, 4, 0.8);
+  --pt-colour-discreet-850-g: rgba(18, 20, 24, 0.7);
+  --pt-colour-trusted-100: #e8f5e9;
+  --pt-colour-trusted-200: #c8e6c9;
+  --pt-colour-trusted-300: #a5d6a7;
+  --pt-colour-trusted-400: #81c784;
+  --pt-colour-trusted-500: #66bb6a;
+  --pt-colour-trusted-550: #4caf50;
+  --pt-colour-trusted-600: #43a047;
+  --pt-colour-trusted-700: #388e3c;
+  --pt-colour-trusted-800: #256628;
+  --pt-colour-trusted-900: #124315;
+  --pt-colour-trusted-950: #122017;
+  --pt-colour-trusted-500-a: rgba(102, 187, 106, 0.06);
+  --pt-colour-trusted-500-c: rgba(102, 187, 106, 0.3);
+  --pt-colour-trusted-500-b: rgba(102, 187, 106, 0.12);
+  --pt-colour-trusted-500-a: rgba(102, 187, 106, 0.06);
+  --pt-colour-trusted-500-c: rgba(102, 187, 106, 0.3);
+  --pt-colour-trusted-500-b: rgba(102, 187, 106, 0.12);
+  --pt-colour-private-100: #fff3e0;
+  --pt-colour-private-200: #ffe0b2;
+  --pt-colour-private-300: #ffcc80;
+  --pt-colour-private-400: #ffb74d;
+  --pt-colour-private-500: #ffa726;
+  --pt-colour-private-550: #f39100;
+  --pt-colour-private-600: #d77800;
+  --pt-colour-private-700: #c06100;
+  --pt-colour-private-800: #994500;
+  --pt-colour-private-900: #5c2000;
+  --pt-colour-private-950: #241712;
+  --pt-colour-private-500-a: rgba(255, 167, 38, 0.06);
+  --pt-colour-private-500-c: rgba(255, 167, 38, 0.3);
+  --pt-colour-private-500-b: rgba(255, 167, 38, 0.12);
+  --pt-colour-private-500-a: rgba(255, 167, 38, 0.06);
+  --pt-colour-private-500-c: rgba(255, 167, 38, 0.3);
+  --pt-colour-private-500-b: rgba(255, 167, 38, 0.12);
+  --pt-colour-confidential-100: #feebee;
+  --pt-colour-confidential-200: #fecdd2;
+  --pt-colour-confidential-300: #ef9a9a;
+  --pt-colour-confidential-400: #e57373;
+  --pt-colour-confidential-500: #ef5350;
+  --pt-colour-confidential-550: #f44336;
+  --pt-colour-confidential-600: #e53935;
+  --pt-colour-confidential-700: #d32f2f;
+  --pt-colour-confidential-800: #941a1a;
+  --pt-colour-confidential-900: #730a0a;
+  --pt-colour-confidential-950: #2a1115;
+  --pt-colour-confidential-500-a: rgba(239, 83, 80, 0.06);
+  --pt-colour-confidential-500-c: rgba(239, 83, 80, 0.3);
+  --pt-colour-confidential-500-b: rgba(239, 83, 80, 0.12);
+  --pt-colour-confidential-500-a: rgba(239, 83, 80, 0.06);
+  --pt-colour-confidential-500-c: rgba(239, 83, 80, 0.3);
+  --pt-colour-confidential-500-b: rgba(239, 83, 80, 0.12);
+  --pt-colour-quiet-100: #cbf5f8;
+  --pt-colour-quiet-200: #9ee5ea;
+  --pt-colour-quiet-300: #5accd4;
+  --pt-colour-quiet-400: #2dbcc6;
+  --pt-colour-quiet-500: #00acb8;
+  --pt-colour-quiet-550: #008a93;
+  --pt-colour-quiet-600: #00676e;
+  --pt-colour-quiet-700: #00585e;
+  --pt-colour-quiet-800: #004f56;
+  --pt-colour-quiet-900: #004347;
+  --pt-colour-quiet-950: #0d2024;
+  --pt-colour-quiet-500-a: rgba(0, 172, 184, 0.06);
+  --pt-colour-quiet-500-c: rgba(0, 172, 184, 0.3);
+  --pt-colour-quiet-500-b: rgba(0, 172, 184, 0.12);
+  --pt-colour-quiet-500-a: rgba(0, 172, 184, 0.06);
+  --pt-colour-quiet-500-c: rgba(0, 172, 184, 0.3);
+  --pt-colour-quiet-500-b: rgba(0, 172, 184, 0.12);
+  --pt-colour-rainbow-a-500: #ec407a;
+  --pt-colour-rainbow-b-500: #ffee58;
+  --pt-colour-rainbow-c-500: #5c6bc0;
+  --pt-colour-rainbow-d-500: #9ccc65;
+  --pt-colour-rainbow-e-500: #ff7043;
+  --pt-colour-rainbow-f-500: #78909c;
+  --pt-colour-rainbow-g-500: #7e57c2;
+  --pt-colour-rainbow-h-500: #ffca28;
+  --pt-colour-rainbow-i-500: #26a69a;
+  --pt-colour-rainbow-j-500: #ab47bc;
+  --pt-colour-rainbow-k-500: #d4e157;
+  --pt-colour-rainbow-l-500: #8d6e63;
+  --pt-colour-rainbow-a-500: #ec407a;
+  --pt-colour-rainbow-b-500: #ffee58;
+  --pt-colour-rainbow-c-500: #5c6bc0;
+  --pt-colour-rainbow-d-500: #9ccc65;
+  --pt-colour-rainbow-e-500: #ff7043;
+  --pt-colour-rainbow-f-500: #78909c;
+  --pt-colour-rainbow-g-500: #7e57c2;
+  --pt-colour-rainbow-h-500: #ffca28;
+  --pt-colour-rainbow-i-500: #26a69a;
+  --pt-colour-rainbow-j-500: #ab47bc;
+  --pt-colour-rainbow-k-500: #d4e157;
+  --pt-colour-rainbow-l-500: #8d6e63;
+  --pt-colour-sbb-500: #eb0000;
+  --pt-colour-sbb-500: #eb0000;
+  --pt-font-family-1: "Noto Sans";
+  --pt-font-family-2: "IBM Plex Mono";
+  --pt-font-family-3: "KaTeX_Math";
+  --pt-font-family-4: "Hanken Grotesk";
+  --pt-font-weight-8: "Regular";
+  --pt-font-weight-16: "Semibold";
+  --pt-font-weight-24: "Medium";
+  --pt-font-weight-32: "Bold";
+  --pt-font-weight-40: "Black";
+  --pt-font-weight-99: "Italic";
+  --pt-font-weight-regular: "Regular";
+  --pt-font-weight-semibold: "Semibold";
+  --pt-font-weight-medium: "Medium";
+  --pt-font-weight-bold: "Bold";
+  --pt-font-weight-black: "Black";
+  --pt-dimension-1: 1px;
+  --pt-dimension-2: 2px;
+  --pt-dimension-3: 3px;
+  --pt-dimension-4: 4px;
+  --pt-dimension-6: 6px;
+  --pt-dimension-7: 7px;
+  --pt-dimension-8: 8px;
+  --pt-dimension-10: 10px;
+  --pt-dimension-12: 12px;
+  --pt-dimension-13: 13px;
+  --pt-dimension-14: 14px;
+  --pt-dimension-16: 16px;
+  --pt-dimension-18: 18px;
+  --pt-dimension-20: 20px;
+  --pt-dimension-22: 22px;
+  --pt-dimension-24: 24px;
+  --pt-dimension-26: 26px;
+  --pt-dimension-28: 28px;
+  --pt-dimension-30: 30px;
+  --pt-dimension-32: 32px;
+  --pt-dimension-34: 34px;
+  --pt-dimension-36: 36px;
+  --pt-dimension-38: 38px;
+  --pt-dimension-40: 40px;
+  --pt-dimension-44: 44px;
+  --pt-dimension-48: 48px;
+  --pt-dimension-52: 52px;
+  --pt-dimension-56: 56px;
+  --pt-dimension-60: 60px;
+  --pt-dimension-72: 72px;
+  --pt-dimension-396: 396px;
+  --pt-dimension-999: 999px;
+  --pt-dimension-11: 11px;
+  --pt-dimension-15: 15px;
+  --pt-dimension-neg-1: -1px;
+  --pt-dimension-neg-6: -6px;
+  --pt-dimension-neg-2: -2px;
+  --pt-dimension-11: 11px;
+  --pt-dimension-15: 15px;
+  --pt-font-style-italic: "Italic";
+  --pt-line-height-xs: 100px;
+  --pt-line-height-sm: 120px;
+  --pt-line-height-md: 130px;
+  --pt-line-height-lg: 140px;
+  --pt-line-height-xl: 150px;
+  --pt-line-height-2xl: 160px;
+}

package/dist/css/semantic.css

@@ -0,0 +1,295 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --st-colour-brand-primary-100: #0d212b;
+  --st-colour-brand-primary-200: #004962;
+  --st-colour-brand-primary-300: #007da8;
+  --st-colour-brand-primary-400: #0087b8;
+  --st-colour-brand-primary-500: #0093c2;
+  --st-colour-brand-primary-600: #00a9dd;
+  --st-colour-brand-primary-700: #00b3eb;
+  --st-colour-brand-primary-750: #00c4ff;
+  --st-colour-brand-primary-900: #36d0ff;
+  --st-colour-brand-primary-950: #9edff7;
+  --st-colour-brand-primary-500-8: rgba(0, 169, 221, 0.06);
+  --st-colour-brand-primary-500-30: rgba(0, 169, 221, 0.12);
+  --st-colour-brand-primary-500-50: rgba(0, 169, 221, 0.5);
+  --st-colour-brand-secondary-100: #fafbfb;
+  --st-colour-brand-secondary-150: #eff1f3;
+  --st-colour-brand-secondary-200: #e4e8eb;
+  --st-colour-brand-secondary-250: #d4d9df;
+  --st-colour-brand-secondary-300: #c3cad3;
+  --st-colour-brand-secondary-350: #bbc3cc;
+  --st-colour-brand-secondary-500: #8f99ad;
+  --st-colour-brand-secondary-550: #677692;
+  --st-colour-brand-secondary-600: #404757;
+  --st-colour-brand-secondary-700: #252931;
+  --st-colour-brand-secondary-750: #1e2229;
+  --st-colour-brand-secondary-800: #171a20;
+  --st-colour-brand-secondary-850: #121418;
+  --st-colour-brand-secondary-875: #0a0b0e;
+  --st-colour-brand-secondary-900: #030304;
+  --st-colour-brand-secondary-350-12: rgba(187, 195, 204, 0.12);
+  --st-colour-brand-secondary-350-56: rgba(187, 195, 204, 0.5);
+  --st-colour-brand-secondary-200-30: rgba(228, 232, 235, 0.3);
+  --st-colour-brand-secondary-350-8: rgba(187, 195, 204, 0.06);
+  --st-colour-brand-secondary-850-70: rgba(18, 20, 24, 0.7);
+  --st-colour-brand-secondary-350-b: rgba(187, 195, 204, 0.12);
+  --st-colour-brand-secondary-350-e: rgba(187, 195, 204, 0.5);
+  --st-colour-brand-secondary-200-c: rgba(228, 232, 235, 0.3);
+  --st-colour-brand-secondary-350-a: rgba(187, 195, 204, 0.06);
+  --st-colour-brand-secondary-850-g: rgba(18, 20, 24, 0.7);
+  --st-colour-brand-secondary-900-e: rgba(3, 3, 4, 0.8);
+  --st-colour-layout-accent-high-background-hover-a8: rgba(0, 169, 221, 0.06);
+  --st-colour-layout-accent-high-background-pressed-a30: rgba(0, 169, 221, 0.12);
+  --st-colour-layout-accent-high-background-default: #00a9dd;
+  --st-colour-layout-accent-high-background-hover: #0093c2;
+  --st-colour-layout-accent-high-background-pressed: #0087b8;
+  --st-colour-layout-accent-high-background-disabled: #004962;
+  --st-colour-layout-accent-high-background-dark: #0d212b;
+  --st-colour-layout-accent-high-foreground-base-default: #00a9dd;
+  --st-colour-layout-accent-high-foreground-base-hover: #00b3eb;
+  --st-colour-layout-accent-high-foreground-base-pressed: #36d0ff;
+  --st-colour-layout-accent-high-foreground-base-disabled: #004962;
+  --st-colour-layout-accent-high-foreground-invert-default: #0d212b;
+  --st-colour-layout-accent-high-foreground-invert-disabled: #004962;
+  --st-colour-layout-accent-high-foreground-standard-default: #00a9dd;
+  --st-colour-layout-accent-high-foreground-standard-hover: #00b3eb;
+  --st-colour-layout-accent-high-foreground-standard-pressed: #36d0ff;
+  --st-colour-layout-accent-high-foreground-standard-disabled: #004962;
+  --st-colour-layout-accent-high-foreground-inverted-default: #0d212b;
+  --st-colour-layout-accent-high-foreground-inverted-disabled: #004962;
+  --st-colour-layout-accent-high-border-default: #00a9dd;
+  --st-colour-layout-accent-high-border-disabled: rgba(187, 195, 204, 0.12);
+  --st-colour-layout-accent-high-border-disabled-2: #006e94;
+  --st-colour-layout-accent-low-foreground-base-default: #e4e8eb;
+  --st-colour-layout-accent-low-foreground-base-hover: #bbc3cc;
+  --st-colour-layout-accent-low-foreground-base-pressed: #c3cad3;
+  --st-colour-layout-accent-low-foreground-base-disabled: #404757;
+  --st-colour-layout-accent-low-foreground-invert-default: #030304;
+  --st-colour-layout-accent-low-foreground-invert-disabled: #030304;
+  --st-colour-layout-accent-low-foreground-standard-default: #e4e8eb;
+  --st-colour-layout-accent-low-foreground-standard-hover: #bbc3cc;
+  --st-colour-layout-accent-low-foreground-standard-pressed: #c3cad3;
+  --st-colour-layout-accent-low-foreground-standard-disabled: #404757;
+  --st-colour-layout-accent-low-foreground-inverted-default: #030304;
+  --st-colour-layout-accent-low-foreground-inverted-disabled: #030304;
+  --st-colour-layout-accent-low-background-default: #bbc3cc;
+  --st-colour-layout-accent-low-background-hover-default: rgba(187, 195, 204, 0.06);
+  --st-colour-layout-accent-low-background-hover-inverse: rgba(3, 3, 4, 0.06);
+  --st-colour-layout-accent-low-background-hover-default-2: rgba(250, 251, 251, 0.1);
+  --st-colour-layout-accent-low-background-hover-base: rgba(187, 195, 204, 0.06);
+  --st-colour-layout-accent-low-background-pressed-default: rgba(187, 195, 204, 0.12);
+  --st-colour-layout-accent-low-background-pressed-inverse: rgba(3, 3, 4, 0.12);
+  --st-colour-layout-accent-low-background-pressed-default-2: rgba(250, 251, 251, 0.16);
+  --st-colour-layout-accent-low-background-pressed-base: rgba(187, 195, 204, 0.12);
+  --st-colour-layout-accent-low-background-disabled: #171a20;
+  --st-colour-layout-accent-low-background-inverse: rgba(3, 3, 4, 0.8);
+  --st-colour-layout-accent-low-background-hover-a8: rgba(187, 195, 204, 0.06);
+  --st-colour-layout-accent-low-background-pressed-a30: rgba(228, 232, 235, 0.3);
+  --st-colour-layout-accent-low-border-default: rgba(187, 195, 204, 0.5);
+  --st-colour-layout-accent-low-border-disabled: rgba(187, 195, 204, 0.12);
+  --st-colour-layout-foreground-inverse: #030304;
+  --st-colour-layout-foreground-base: #e4e8eb;
+  --st-colour-layout-foreground-subtle: #8f99ad;
+  --st-colour-layout-foreground-light: #bbc3cc;
+  --st-colour-layout-feedback-error-background-default: #ef5350;
+  --st-colour-layout-feedback-error-background-hover: #f44336;
+  --st-colour-layout-feedback-error-background-pressed: #e53935;
+  --st-colour-layout-feedback-error-background-disabled: #941a1a;
+  --st-colour-layout-feedback-error-background-hover-a: rgba(239, 83, 80, 0.06);
+  --st-colour-layout-feedback-error-background-pressed-c: rgba(239, 83, 80, 0.12);
+  --st-colour-layout-feedback-error-background-dark: #2a1115;
+  --st-colour-layout-feedback-error-background-hover-b: rgba(239, 83, 80, 0.12);
+  --st-colour-layout-feedback-error-background-hover-a: rgba(239, 83, 80, 0.06);
+  --st-colour-layout-feedback-error-background-pressed-c: rgba(239, 83, 80, 0.12);
+  --st-colour-layout-feedback-error-background-hover-b: rgba(239, 83, 80, 0.12);
+  --st-colour-layout-feedback-error-text-base: #ef5350;
+  --st-colour-layout-feedback-error-text-strong: #730a0a;
+  --st-colour-layout-feedback-error-border-base: #d32f2f;
+  --st-colour-layout-feedback-error-border-disabled: #941a1a;
+  --st-colour-layout-feedback-error-border-default: #d32f2f;
+  --st-colour-layout-feedback-error-foreground-base: #ef5350;
+  --st-colour-layout-feedback-error-foreground-disabled: #730a0a;
+  --st-colour-layout-feedback-error-foreground-default: #ef5350;
+  --st-colour-layout-feedback-warning-background-default: #ffa726;
+  --st-colour-layout-feedback-warning-background-hover: #f39100;
+  --st-colour-layout-feedback-warning-background-pressed: #d77800;
+  --st-colour-layout-feedback-warning-background-disabled: #994500;
+  --st-colour-layout-feedback-warning-background-hover-a: rgba(255, 167, 38, 0.06);
+  --st-colour-layout-feedback-warning-background-pressed-c: rgba(255, 167, 38, 0.3);
+  --st-colour-layout-feedback-warning-background-hover-b: rgba(255, 167, 38, 0.12);
+  --st-colour-layout-feedback-warning-background-dark: #241712;
+  --st-colour-layout-feedback-warning-background-hover-a: rgba(255, 167, 38, 0.06);
+  --st-colour-layout-feedback-warning-background-pressed-c: rgba(255, 167, 38, 0.3);
+  --st-colour-layout-feedback-warning-background-hover-b: rgba(255, 167, 38, 0.12);
+  --st-colour-layout-feedback-warning-text-base: #ffa726;
+  --st-colour-layout-feedback-warning-text-strong: #5c2000;
+  --st-colour-layout-feedback-warning-border-base: #c06100;
+  --st-colour-layout-feedback-warning-border-disabled: #994500;
+  --st-colour-layout-feedback-warning-border-default: #c06100;
+  --st-colour-layout-feedback-info-background-default: #00acb8;
+  --st-colour-layout-feedback-info-background-hover: #008a93;
+  --st-colour-layout-feedback-info-background-pressed: #00676e;
+  --st-colour-layout-feedback-info-background-disabled: #00585e;
+  --st-colour-layout-feedback-info-background-hover-a: rgba(0, 172, 184, 0.06);
+  --st-colour-layout-feedback-info-background-pressed-c: rgba(0, 172, 184, 0.3);
+  --st-colour-layout-feedback-info-background-hover-b: rgba(0, 172, 184, 0.12);
+  --st-colour-layout-feedback-info-background-dark: #0d2024;
+  --st-colour-layout-feedback-info-background-hover-a: rgba(0, 172, 184, 0.06);
+  --st-colour-layout-feedback-info-background-pressed-c: rgba(0, 172, 184, 0.3);
+  --st-colour-layout-feedback-info-background-hover-b: rgba(0, 172, 184, 0.12);
+  --st-colour-layout-feedback-info-text-base: #00acb8;
+  --st-colour-layout-feedback-info-text-strong: #004347;
+  --st-colour-layout-feedback-info-border-base: #00585e;
+  --st-colour-layout-feedback-info-border-disabled: #004f56;
+  --st-colour-layout-feedback-info-border-default: #00585e;
+  --st-colour-layout-feedback-success-background-default: #66bb6a;
+  --st-colour-layout-feedback-success-background-hover: #4caf50;
+  --st-colour-layout-feedback-success-background-pressed: #43a047;
+  --st-colour-layout-feedback-success-background-hover-a: rgba(102, 187, 106, 0.06);
+  --st-colour-layout-feedback-success-background-pressed-c: rgba(102, 187, 106, 0.3);
+  --st-colour-layout-feedback-success-background-disabled: #256628;
+  --st-colour-layout-feedback-success-background-hover-b: rgba(102, 187, 106, 0.12);
+  --st-colour-layout-feedback-success-background-dark: #122017;
+  --st-colour-layout-feedback-success-background-hover-a: rgba(102, 187, 106, 0.06);
+  --st-colour-layout-feedback-success-background-pressed-c: rgba(102, 187, 106, 0.3);
+  --st-colour-layout-feedback-success-background-hover-b: rgba(102, 187, 106, 0.12);
+  --st-colour-layout-feedback-success-text-base: #66bb6a;
+  --st-colour-layout-feedback-success-text-strong: #124315;
+  --st-colour-layout-feedback-success-border-base: #388e3c;
+  --st-colour-layout-feedback-success-border-disabled: #256628;
+  --st-colour-layout-feedback-success-border-default: #388e3c;
+  --st-colour-layout-background-default: #0a0b0e;
+  --st-colour-layout-background-base: #0a0b0e;
+  --st-colour-layout-surface-default: #121418;
+  --st-colour-layout-surface-base: #121418;
+  --st-colour-data-a: #ec407a;
+  --st-colour-data-b: #ffee58;
+  --st-colour-data-c: #5c6bc0;
+  --st-colour-data-d: #9ccc65;
+  --st-colour-data-e: #ff7043;
+  --st-colour-data-f: #78909c;
+  --st-colour-data-g: #7e57c2;
+  --st-colour-data-h: #ffca28;
+  --st-colour-data-i: #26a69a;
+  --st-colour-data-j: #ab47bc;
+  --st-colour-data-k: #d4e157;
+  --st-colour-data-l: #8d6e63;
+  --st-colour-data-m: #252931;
+  --st-colour-data-a: #ec407a;
+  --st-colour-data-b: #ffee58;
+  --st-colour-data-c: #5c6bc0;
+  --st-colour-data-d: #9ccc65;
+  --st-colour-data-e: #ff7043;
+  --st-colour-data-f: #78909c;
+  --st-colour-data-g: #7e57c2;
+  --st-colour-data-h: #ffca28;
+  --st-colour-data-i: #26a69a;
+  --st-colour-data-j: #ab47bc;
+  --st-colour-data-k: #d4e157;
+  --st-colour-data-l: #8d6e63;
+  --st-colour-data-m: #252931;
+  --st-colour-partner-sbb: #eb0000;
+  --st-colour-partner-sbb: #eb0000;
+  --st-sizing-1: 1px;
+  --st-sizing-2: 2px;
+  --st-sizing-3: 3px;
+  --st-sizing-4: 4px;
+  --st-sizing-6: 6px;
+  --st-sizing-8: 8px;
+  --st-sizing-10: 10px;
+  --st-sizing-12: 12px;
+  --st-sizing-14: 14px;
+  --st-sizing-16: 16px;
+  --st-sizing-18: 18px;
+  --st-sizing-20: 20px;
+  --st-sizing-22: 22px;
+  --st-sizing-24: 24px;
+  --st-sizing-26: 26px;
+  --st-sizing-28: 28px;
+  --st-sizing-30: 30px;
+  --st-sizing-32: 32px;
+  --st-sizing-34: 34px;
+  --st-sizing-36: 36px;
+  --st-sizing-38: 38px;
+  --st-sizing-40: 40px;
+  --st-sizing-44: 44px;
+  --st-sizing-48: 48px;
+  --st-sizing-52: 52px;
+  --st-sizing-56: 56px;
+  --st-sizing-60: 60px;
+  --st-sizing-72: 72px;
+  --st-sizing-396: 396px;
+  --st-spacing-1: 1px;
+  --st-spacing-2: 2px;
+  --st-spacing-3: 3px;
+  --st-spacing-4: 4px;
+  --st-spacing-6: 6px;
+  --st-spacing-7: 7px;
+  --st-spacing-8: 8px;
+  --st-spacing-10: 10px;
+  --st-spacing-12: 12px;
+  --st-spacing-13: 13px;
+  --st-spacing-16: 16px;
+  --st-spacing-20: 20px;
+  --st-spacing-24: 24px;
+  --st-spacing-32: 32px;
+  --st-spacing-40: 40px;
+  --st-spacing-48: 48px;
+  --st-spacing-neg-1: -1px;
+  --st-spacing-neg-6: -6px;
+  --st-spacing-neg-2: -2px;
+  --st-border-radius-4: 4px;
+  --st-border-radius-6: 6px;
+  --st-border-radius-8: 8px;
+  --st-border-radius-11: 11px;
+  --st-border-radius-12: 12px;
+  --st-border-radius-15: 15px;
+  --st-border-radius-16: 16px;
+  --st-border-radius-999: 999px;
+  --st-border-radius-xs: 4px;
+  --st-border-radius-md: 8px;
+  --st-border-radius-lg: 12px;
+  --st-border-radius-xl: 16px;
+  --st-border-radius-full: 999px;
+  --st-border-radius-sm: 6px;
+  --st-border-radius-md-lg: 11px;
+  --st-border-radius-lg-xl: 15px;
+  --st-border-width-small: 1px;
+  --st-border-width-medium: 2px;
+  --st-font-size-4: 10px;
+  --st-font-size-8: 12px;
+  --st-font-size-16: 14px;
+  --st-font-size-24: 16px;
+  --st-font-size-32: 18px;
+  --st-font-size-40: 20px;
+  --st-font-size-48: 24px;
+  --st-font-size-56: 28px;
+  --st-font-size-64: 32px;
+  --st-font-size-xl: 20px;
+  --st-font-size-lg: 18px;
+  --st-font-size-2xl: 24px;
+  --st-font-size-md: 16px;
+  --st-font-size-3xl: 28px;
+  --st-font-size-sm: 14px;
+  --st-font-size-4xl: 32px;
+  --st-font-size-xs: 12px;
+  --st-font-size-2xs: 10px;
+  --st-font-size-5xl: 56px;
+  --st-font-size-6xl: 72px;
+  --st-letter-spacing-small: 2px;
+  --st-font-family-titles: "Hanken Grotesk";
+  --st-font-family-text: "Noto Sans";
+  --st-font-family-math: "KaTeX_Math";
+  --st-font-family-code: "IBM Plex Mono";
+  --st-font-weight-regular: "Regular";
+  --st-font-weight-semibold: "Semibold";
+  --st-font-weight-medium: "Medium";
+  --st-font-weight-bold: "Bold";
+  --st-font-weight-black: "Black";
+  --st-font-style-regular: "Italic";
+  --st-effects-background-blur-strong: 32px;
+}

package/dist/css/tokens.css

@@ -0,0 +1,3 @@
+@import './primitives.css';
+@import './semantic.css';
+@import './components.css';

package/dist/js/tokens.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const SwisperCoreColorSteel100: string;
+export const SwisperCoreColorSteel150: string;
+export const SwisperCoreColorSteel200: string;
+export const SwisperCoreColorSteel250: string;
+export const SwisperCoreColorSteel300: string;
+export const SwisperCoreColorSteel400: string;
+export const SwisperCoreColorSteel500: string;
+export const SwisperCoreColorSteel600: string;
+export const SwisperCoreColorSteel650: string;
+export const SwisperCoreColorSteel700: string;
+export const SwisperCoreColorSteel800: string;
+export const SwisperCoreColorSteel900: string;
+export const SwisperCoreColorBlue100: string;
+export const SwisperCoreColorBlue300: string;
+export const SwisperCoreColorBlue400: string;
+export const SwisperCoreColorBlue500: string;
+export const SwisperCoreColorBlue600: string;
+export const SwisperCoreColorBlue700: string;
+export const SwisperCoreColorBlue800: string;
+export const SwisperCoreColorLagoon5: string;
+export const SwisperCoreBorderRadius50: string;
+export const SwisperCoreBorderRadius100: string;
+export const SwisperCoreBorderRadius200: string;
+export const SwisperCoreFontFamily: string;
+export const SwisperLightColorGlobalLayer1: string;
+export const SwisperDarkColorGlobalBg: string;
+export const SwisperDarkColorGlobalFgBase: string;
+export const SwisperDarkColorGlobalFgLight: string;
+export const SwisperDarkColorGlobalFgSubtle: string;
+export const SwisperDarkColorGlobalSurface: string;
+export const SwisperDarkColorGlobalLayer1: string;
+export const SwisperDarkColorPrimaryMain: string;

package/dist/js/tokens.js

@@ -0,0 +1,36 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const SwisperCoreColorSteel100 = "#f9fbfc";
+export const SwisperCoreColorSteel150 = "#eef4f8";
+export const SwisperCoreColorSteel200 = "#dde9f2";
+export const SwisperCoreColorSteel250 = "#c8d9e6";
+export const SwisperCoreColorSteel300 = "#c0c9d6";
+export const SwisperCoreColorSteel400 = "#b6c2d1";
+export const SwisperCoreColorSteel500 = "#8f99ad";
+export const SwisperCoreColorSteel600 = "#5c647c";
+export const SwisperCoreColorSteel650 = "#2e3442";
+export const SwisperCoreColorSteel700 = "#222834";
+export const SwisperCoreColorSteel800 = "#141923";
+export const SwisperCoreColorSteel900 = "#020305";
+export const SwisperCoreColorBlue100 = "#9edff7";
+export const SwisperCoreColorBlue300 = "#00c4ff";
+export const SwisperCoreColorBlue400 = "#00b3eb";
+export const SwisperCoreColorBlue500 = "#00a9dd";
+export const SwisperCoreColorBlue600 = "#0093c2";
+export const SwisperCoreColorBlue700 = "#0087b8";
+export const SwisperCoreColorBlue800 = "#007da8";
+export const SwisperCoreColorLagoon5 = "#5fd4c6";
+export const SwisperCoreBorderRadius50 = "8";
+export const SwisperCoreBorderRadius100 = "16";
+export const SwisperCoreBorderRadius200 = "32";
+export const SwisperCoreFontFamily = "Hanken Grotesk";
+export const SwisperLightColorGlobalLayer1 = "#dde9f2";
+export const SwisperDarkColorGlobalBg = "#020305";
+export const SwisperDarkColorGlobalFgBase = "#f9fbfc";
+export const SwisperDarkColorGlobalFgLight = "#b6c2d1";
+export const SwisperDarkColorGlobalFgSubtle = "#5c647c";
+export const SwisperDarkColorGlobalSurface = "#141923";
+export const SwisperDarkColorGlobalLayer1 = "#222834";
+export const SwisperDarkColorPrimaryMain = "#00a9dd";

package/dist/mui-theme.d.ts

@@ -0,0 +1,18 @@
+import { type PaletteColorOptions, type Theme } from '@mui/material/styles';
+declare module '@mui/material/styles' {
+    interface PaletteOptions {
+        primary?: PaletteColorOptions;
+        steel?: PaletteColorOptions;
+        blue?: PaletteColorOptions;
+        lagoon?: PaletteColorOptions;
+    }
+}
+export declare const paperXMargin = 20;
+export declare const paperYMargin = 20;
+export declare const doublePaperXMargin: number;
+export declare const doublePaperYMargin: number;
+export declare const tertiaryColor = "#B6C2D1";
+declare const darkTheme: Theme;
+declare const lightTheme: Theme;
+export { lightTheme, darkTheme };
+//# sourceMappingURL=mui-theme.d.ts.map

package/dist/mui-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mui-theme.d.ts","sourceRoot":"","sources":["../src/mui-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAK5E,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,cAAc;QACtB,OAAO,CAAC,EAAE,mBAAmB,CAAC;QAC9B,KAAK,CAAC,EAAE,mBAAmB,CAAC;QAC5B,IAAI,CAAC,EAAE,mBAAmB,CAAC;QAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;KAC9B;CACF;AAKD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,kBAAkB,QAAmB,CAAC;AACnD,eAAO,MAAM,kBAAkB,QAAmB,CAAC;AACnD,eAAO,MAAM,aAAa,YAAY,CAAC;AAsJvC,QAAA,MAAM,SAAS,OAgUb,CAAC;AAEH,QAAA,MAAM,UAAU,OAad,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}