deploy: 5a258a1

Author: cixzhang

.nojekyll

@@ -0,0 +1,303 @@
+/*
+ * @generated by `xds theme build` — do not edit manually.
+ * Source: src/defaultTheme.ts
+ * Command: xds theme build src/defaultTheme.ts --out dist/theme.css
+ * Generated: 2026-06-22T19:58:53.614Z
+ */
+
+@layer reset {
+@scope ([data-astryx-theme="default"], [data-xds-theme="default"]) to ([data-astryx-theme], [data-xds-theme]) {
+  :where(h1, h2, h3, h4, h5, h6) {
+    font-family: var(--font-family-heading);
+    color: var(--color-text-primary);
+  }
+
+  :where(h1) {
+    font-size: var(--font-size-2xl);
+    font-weight: var(--font-weight-semibold);
+    line-height: 1.3333;
+  }
+
+  :where(h2) {
+    font-size: var(--font-size-xl);
+    font-weight: var(--font-weight-semibold);
+    line-height: 1.4;
+  }
+
+  :where(h3) {
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-semibold);
+    line-height: 1.4118;
+  }
+
+  :where(h4) {
+    font-size: var(--font-size-base);
+    font-weight: var(--font-weight-semibold);
+    line-height: 1.4286;
+  }
+
+  :where(h5) {
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-semibold);
+    line-height: 1.6667;
+  }
+
+  :where(h6) {
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+    line-height: 1.6;
+  }
+
+  :where(p) {
+    font-family: var(--font-family-body);
+    font-size: var(--font-size-base);
+    font-weight: var(--font-weight-normal);
+    line-height: 1.4286;
+    color: var(--color-text-primary);
+  }
+
+  :where(small) {
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-normal);
+    line-height: 1.6667;
+    color: var(--color-text-secondary);
+  }
+
+  :where(code, pre) {
+    font-family: var(--font-family-code);
+    font-size: var(--font-size-base);
+    line-height: 1.4286;
+  }
+
+  :where(hr) {
+    border: none;
+    border-top: 1px solid var(--color-border);
+  }
+}
+}
+
+@layer xds-theme {
+  :root { color-scheme: light dark; }
+
+@scope ([data-astryx-theme="default"], [data-xds-theme="default"]) to ([data-astryx-theme], [data-xds-theme]) {
+  :scope {
+    --font-size-4xs: 0.375rem;
+    --font-size-3xs: 0.4375rem;
+    --font-size-2xs: 0.5rem;
+    --font-size-xs: 0.625rem;
+    --font-size-sm: 0.75rem;
+    --font-size-base: 0.875rem;
+    --font-size-lg: 1.0625rem;
+    --font-size-xl: 1.25rem;
+    --font-size-2xl: 1.5rem;
+    --font-size-3xl: 1.8125rem;
+    --font-size-4xl: 2.1875rem;
+    --font-size-5xl: 2.625rem;
+    --text-heading-1-size: var(--font-size-2xl);
+    --text-heading-1-weight: var(--font-weight-semibold);
+    --text-heading-1-leading: 1.3333;
+    --text-heading-2-size: var(--font-size-xl);
+    --text-heading-2-weight: var(--font-weight-semibold);
+    --text-heading-2-leading: 1.4;
+    --text-heading-3-size: var(--font-size-lg);
+    --text-heading-3-weight: var(--font-weight-semibold);
+    --text-heading-3-leading: 1.4118;
+    --text-heading-4-size: var(--font-size-base);
+    --text-heading-4-weight: var(--font-weight-semibold);
+    --text-heading-4-leading: 1.4286;
+    --text-heading-5-size: var(--font-size-sm);
+    --text-heading-5-weight: var(--font-weight-semibold);
+    --text-heading-5-leading: 1.6667;
+    --text-heading-6-size: var(--font-size-xs);
+    --text-heading-6-weight: var(--font-weight-semibold);
+    --text-heading-6-leading: 1.6;
+    --text-body-size: var(--font-size-base);
+    --text-body-weight: var(--font-weight-normal);
+    --text-body-leading: 1.4286;
+    --text-large-size: var(--font-size-lg);
+    --text-large-weight: var(--font-weight-semibold);
+    --text-large-leading: 1.4118;
+    --text-label-size: var(--font-size-base);
+    --text-label-weight: var(--font-weight-medium);
+    --text-label-leading: 1.4286;
+    --text-code-size: var(--font-size-base);
+    --text-code-weight: var(--font-weight-normal);
+    --text-code-leading: 1.4286;
+    --text-supporting-size: var(--font-size-sm);
+    --text-supporting-weight: var(--font-weight-normal);
+    --text-supporting-leading: 1.6667;
+    --text-display-1-size: var(--font-size-5xl);
+    --text-display-1-weight: var(--font-weight-normal);
+    --text-display-1-leading: 1.2381;
+    --text-display-2-size: var(--font-size-4xl);
+    --text-display-2-weight: var(--font-weight-normal);
+    --text-display-2-leading: 1.2571;
+    --text-display-3-size: var(--font-size-3xl);
+    --text-display-3-weight: var(--font-weight-normal);
+    --text-display-3-leading: 1.3793;
+    --duration-fast-min: 130ms;
+    --duration-fast: 175ms;
+    --duration-fast-max: 235ms;
+    --duration-medium-min: 310ms;
+    --duration-medium: 410ms;
+    --duration-medium-max: 545ms;
+    --duration-slow-min: 730ms;
+    --duration-slow: 975ms;
+    --duration-slow-max: 1300ms;
+    --color-syntax-keyword: light-dark(#cf222e, #ff7b72);
+    --color-syntax-string: light-dark(#0a3069, #a5d6ff);
+    --color-syntax-comment: light-dark(#6e7781, #8b949e);
+    --color-syntax-number: light-dark(#0550ae, #79c0ff);
+    --color-syntax-function: light-dark(#8250df, #d2a8ff);
+    --color-syntax-type: light-dark(#953800, #ffa657);
+    --color-syntax-variable: light-dark(#24292f, #e6edf3);
+    --color-syntax-operator: light-dark(#cf222e, #ff7b72);
+    --color-syntax-constant: light-dark(#0550ae, #79c0ff);
+    --color-syntax-tag: light-dark(#116329, #7ee787);
+    --color-syntax-attribute: light-dark(#0550ae, #79c0ff);
+    --color-syntax-property: light-dark(#0550ae, #79c0ff);
+    --color-syntax-punctuation: light-dark(#24292f, #c9d1d9);
+    --color-syntax-background: light-dark(#ffffff, #0d1117);
+  }
+
+  .astryx-heading.level-1, .xds-heading.level-1 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-heading-1-size);
+    font-weight: var(--text-heading-1-weight);
+    line-height: var(--text-heading-1-leading);
+  }
+
+  .astryx-heading.level-2, .xds-heading.level-2 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-heading-2-size);
+    font-weight: var(--text-heading-2-weight);
+    line-height: var(--text-heading-2-leading);
+  }
+
+  .astryx-heading.level-3, .xds-heading.level-3 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-heading-3-size);
+    font-weight: var(--text-heading-3-weight);
+    line-height: var(--text-heading-3-leading);
+  }
+
+  .astryx-heading.level-4, .xds-heading.level-4 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-heading-4-size);
+    font-weight: var(--text-heading-4-weight);
+    line-height: var(--text-heading-4-leading);
+  }
+
+  .astryx-heading.level-5, .xds-heading.level-5 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-heading-5-size);
+    font-weight: var(--text-heading-5-weight);
+    line-height: var(--text-heading-5-leading);
+  }
+
+  .astryx-heading.level-6, .xds-heading.level-6 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-heading-6-size);
+    font-weight: var(--text-heading-6-weight);
+    line-height: var(--text-heading-6-leading);
+  }
+
+  .astryx-text.body, .xds-text.body {
+    font-family: var(--font-family-body);
+    font-size: var(--text-body-size);
+    line-height: var(--text-body-leading);
+  }
+
+  .astryx-text.large, .xds-text.large {
+    font-family: var(--font-family-body);
+    font-size: var(--text-large-size);
+    line-height: var(--text-large-leading);
+  }
+
+  .astryx-text.label, .xds-text.label {
+    font-family: var(--font-family-body);
+    font-size: var(--text-label-size);
+    line-height: var(--text-label-leading);
+  }
+
+  .astryx-text.code, .xds-text.code {
+    font-family: var(--font-family-code);
+    font-size: var(--text-code-size);
+    line-height: var(--text-code-leading);
+  }
+
+  .astryx-text.supporting, .xds-text.supporting {
+    font-family: var(--font-family-body);
+    font-size: var(--text-supporting-size);
+    line-height: var(--text-supporting-leading);
+  }
+
+  .astryx-text.display-1, .xds-text.display-1 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-display-1-size);
+    line-height: var(--text-display-1-leading);
+  }
+
+  .astryx-text.display-2, .xds-text.display-2 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-display-2-size);
+    line-height: var(--text-display-2-leading);
+  }
+
+  .astryx-text.display-3, .xds-text.display-3 {
+    font-family: var(--font-family-heading);
+    font-size: var(--text-display-3-size);
+    line-height: var(--text-display-3-leading);
+  }
+
+  .astryx-button.secondary, .xds-button.secondary {
+    background-color: light-dark(rgba(5, 54, 89, 0.1), rgba(223, 226, 229, 0.2));
+  }
+
+  .astryx-text.primary, .xds-text.primary { color: var(--color-text-primary); }
+
+  .astryx-heading.primary, .xds-heading.primary { color: var(--color-text-primary); }
+
+  .astryx-text.secondary, .xds-text.secondary { color: var(--color-text-secondary); }
+
+  .astryx-heading.secondary, .xds-heading.secondary { color: var(--color-text-secondary); }
+
+  .astryx-text.disabled, .xds-text.disabled { color: var(--color-text-disabled); }
+
+  .astryx-heading.disabled, .xds-heading.disabled { color: var(--color-text-disabled); }
+
+  .astryx-text.placeholder, .xds-text.placeholder { color: var(--color-text-secondary); }
+
+  .astryx-heading.placeholder, .xds-heading.placeholder { color: var(--color-text-secondary); }
+
+  .astryx-text.active, .xds-text.active { color: var(--color-accent); }
+
+  .astryx-heading.active, .xds-heading.active { color: var(--color-accent); }
+}
+}
+
+@layer xds-theme {
+@scope ([data-astryx-theme="default"], [data-xds-theme="default"]) to ([data-astryx-theme], [data-xds-theme]) {
+  [data-astryx-media="dark"], [data-xds-media="dark"] {
+    color-scheme: dark;
+    --color-text-primary: var(--color-on-dark);
+    --color-icon-primary: var(--color-on-dark);
+    --color-accent: var(--color-on-dark);
+  }
+
+  :is([data-astryx-media="dark"], [data-xds-media="dark"]) :is(.astryx-button.secondary, .xds-button.secondary) {
+    background-color: color-mix(in srgb, white 20%, transparent);
+  }
+
+  [data-astryx-media="light"], [data-xds-media="light"] {
+    color-scheme: light;
+    --color-text-primary: var(--color-on-light);
+    --color-icon-primary: var(--color-on-light);
+    --color-accent: var(--color-on-light);
+  }
+
+  :is([data-astryx-media="light"], [data-xds-media="light"]) :is(.astryx-button.secondary, .xds-button.secondary) {
+    background-color: color-mix(in srgb, black 10%, transparent);
+  }
+}
+}