@octohirono/stitch-design-system 0.2.0 → 0.4.0

package/dist/themes/phantom.css

@@ -0,0 +1,75 @@
+/* site theme: phantom. per-site values only; constants/derived follow from :root. DO NOT EDIT. */
+[data-site="phantom"] {
+  --stitch-text-caption: 13px;
+  --stitch-leading-caption: 1.35;
+  --stitch-text-body-sm: 15px;
+  --stitch-leading-body-sm: 1.4;
+  --stitch-tracking-body-sm: -0.375px;
+  --stitch-text-subheading: 20px;
+  --stitch-leading-subheading: 1.35;
+  --stitch-tracking-subheading: -0.5px;
+  --stitch-text-heading-sm: 24px;
+  --stitch-leading-heading-sm: 1.25;
+  --stitch-tracking-heading-sm: -0.6px;
+  --stitch-text-heading: 30px;
+  --stitch-leading-heading: 1.21;
+  --stitch-tracking-heading: -0.75px;
+  --stitch-text-heading-lg: 64px;
+  --stitch-leading-heading-lg: 1.1;
+  --stitch-tracking-heading-lg: -1.6px;
+  --stitch-text-display: 96px;
+  --stitch-leading-display: 1;
+  --stitch-tracking-display: -2.4px;
+  --stitch-space-unit: 4px;
+  --stitch-space-4: 4px;
+  --stitch-space-8: 8px;
+  --stitch-space-12: 12px;
+  --stitch-space-16: 16px;
+  --stitch-space-20: 20px;
+  --stitch-space-24: 24px;
+  --stitch-space-32: 32px;
+  --stitch-space-48: 48px;
+  --stitch-space-64: 64px;
+  --stitch-space-96: 96px;
+  --stitch-space-128: 128px;
+  --stitch-page-max-width: 1200px;
+  --stitch-section-gap: 64px;
+  --stitch-card-padding: 48px;
+  --stitch-element-gap: 8px;
+  --stitch-bg-canvas: #fdfcfe;
+  --stitch-bg-section: #f4f2f4;
+  --stitch-bg-card: #fdfcfe;
+  --stitch-bg-elevated: #fdfcfe;
+  --stitch-bg-accent: #e2dffe;
+  --stitch-bg-inverted: #3c315b;
+  --stitch-text-primary: #1c1c1c;
+  --stitch-text-secondary: #86848d;
+  --stitch-text-muted: color-mix(in srgb, #86848d, #fdfcfe 40%);
+  --stitch-text-on-accent: #3c315b;
+  --stitch-text-on-dark: #fdfcfe;
+  --stitch-accent: #e2dffe;
+  --stitch-accent-text: #3c315b;
+  --stitch-brand: #3c315b;
+  --stitch-link: #3c315b;
+  --stitch-cat-1: #ab9ff2;
+  --stitch-cat-2: #4a87f2;
+  --stitch-cat-3: #ffffc4;
+  --stitch-cat-4: #ffdadc;
+  --stitch-cat-5: #3c315b;
+  --stitch-cat-6: #2ec08b;
+  --stitch-font-display: 'Phantom', 'Inter', 'DM Sans', ui-sans-serif, system-ui, sans-serif;
+  --stitch-font-body: 'Phantom', 'Inter', 'DM Sans', ui-sans-serif, system-ui, sans-serif;
+  --stitch-font-weight-normal: 350;
+  --stitch-font-weight-medium: 350;
+  --stitch-radius-button: 100px;
+  --stitch-radius-card: 24px;
+  --stitch-radius-input: 100px;
+  --stitch-radius-image: 24px;
+  --stitch-border: #e9e8ea;
+  --stitch-border-strong: #3c315b;
+  --stitch-icon-stroke-width: 1.5;
+  --stitch-shadow-sm: rgb(226, 223, 254) 0px 0px 4px 0px;
+  --stitch-shadow-base: rgb(226, 223, 254) 0px 0px 4px 0px;
+  --stitch-shadow-lg: rgb(226, 223, 254) 0px 0px 8px 0px;
+  --stitch-font-size-display: 96px;
+}

package/dist/themes/seline.css

@@ -1,5 +1,36 @@
 /* site theme: seline. per-site values only; constants/derived follow from :root. DO NOT EDIT. */
 [data-site="seline"] {
+  --stitch-text-caption: 10px;
+  --stitch-leading-caption: 2.3;
+  --stitch-text-body-lg: 16px;
+  --stitch-leading-body-lg: 1.69;
+  --stitch-tracking-body-lg: 0.048px;
+  --stitch-text-subheading: 20px;
+  --stitch-leading-subheading: 1.2;
+  --stitch-tracking-subheading: -0.1px;
+  --stitch-text-heading-sm: 32px;
+  --stitch-leading-heading-sm: 1.25;
+  --stitch-tracking-heading-sm: -0.8px;
+  --stitch-text-display: 52px;
+  --stitch-leading-display: 1.12;
+  --stitch-tracking-display: -1.092px;
+  --stitch-space-unit: 4px;
+  --stitch-space-4: 4px;
+  --stitch-space-8: 8px;
+  --stitch-space-12: 12px;
+  --stitch-space-16: 16px;
+  --stitch-space-24: 24px;
+  --stitch-space-32: 32px;
+  --stitch-space-40: 40px;
+  --stitch-space-48: 48px;
+  --stitch-space-64: 64px;
+  --stitch-space-80: 80px;
+  --stitch-space-96: 96px;
+  --stitch-space-160: 160px;
+  --stitch-page-max-width: 1200px;
+  --stitch-section-gap: 96px;
+  --stitch-card-padding: 24px;
+  --stitch-element-gap: 8px;
   --stitch-bg-canvas: #fafaf9;
   --stitch-bg-section: #fafaf9;
   --stitch-bg-card: #ffffff;

package/dist/themes/steep.css

@@ -1,5 +1,45 @@
 /* site theme: steep. per-site values only; constants/derived follow from :root. DO NOT EDIT. */
 [data-site="steep"] {
+  --stitch-text-caption: 15px;
+  --stitch-leading-caption: 1.5;
+  --stitch-text-body: 17px;
+  --stitch-leading-body: 1.35;
+  --stitch-text-body-lg: 20px;
+  --stitch-leading-body-lg: 1.35;
+  --stitch-text-subheading: 22px;
+  --stitch-leading-subheading: 1.5;
+  --stitch-text-heading-sm: 26px;
+  --stitch-leading-heading-sm: 1.18;
+  --stitch-tracking-heading-sm: -0.23px;
+  --stitch-text-heading: 44px;
+  --stitch-leading-heading: 1.3;
+  --stitch-tracking-heading: -0.66px;
+  --stitch-text-heading-lg: 64px;
+  --stitch-leading-heading-lg: 1.3;
+  --stitch-tracking-heading-lg: -0.96px;
+  --stitch-text-display: 90px;
+  --stitch-leading-display: 1.3;
+  --stitch-tracking-display: -2.25px;
+  --stitch-space-unit: 4px;
+  --stitch-space-4: 4px;
+  --stitch-space-8: 8px;
+  --stitch-space-12: 12px;
+  --stitch-space-16: 16px;
+  --stitch-space-20: 20px;
+  --stitch-space-24: 24px;
+  --stitch-space-28: 28px;
+  --stitch-space-32: 32px;
+  --stitch-space-40: 40px;
+  --stitch-space-64: 64px;
+  --stitch-space-80: 80px;
+  --stitch-space-96: 96px;
+  --stitch-space-124: 124px;
+  --stitch-space-128: 128px;
+  --stitch-space-160: 160px;
+  --stitch-page-max-width: 1200px;
+  --stitch-section-gap: 80px;
+  --stitch-card-padding: 20px;
+  --stitch-element-gap: 8px;
   --stitch-bg-canvas: #ffffff;
   --stitch-bg-section: #fafafb;
   --stitch-bg-card: #f2f2f3;
@@ -8,11 +48,11 @@
   --stitch-bg-inverted: #17191c;
   --stitch-text-primary: #17191c;
   --stitch-text-secondary: #777b86;
-  --stitch-text-muted: #979799;
+  --stitch-text-muted: #a3a6af;
   --stitch-text-on-accent: #5d2a1a;
   --stitch-accent: #17191c;
   --stitch-accent-text: #ffffff;
-  --stitch-link: #777b86;
+  --stitch-link: #17191c;
   --stitch-cat-1: #fbe1d1;
   --stitch-cat-2: #5d2a1a;
   --stitch-cat-3: #777b86;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octohirono/stitch-design-system",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "type": "module",
   "scripts": {
     "prepublishOnly": "npm --prefix ../.. run ci",