@c2n/theme 0.0.9 → 0.0.11

package/dist/theme.css

@@ -208,6 +208,12 @@
   --c2-avatar__remove--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
   --c2-avatar__remove--box-shadow: var(--c2-theme--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.18));
   --c2-avatar__badge--border: 2px solid var(--c2-theme--color-surface, #ffffff);
+  --c2-avatar-group__overflow--background: var(--c2-theme--color-inverse-surface, #52525b);
+  --c2-avatar-group__overflow--color: var(--c2-theme--color-on-inverse-surface, #ffffff);
+  --c2-avatar-group__overflow--border: 2px solid var(--c2-theme--color-surface, #ffffff);
+  --c2-avatar-group__overflow--border-radius: var(--c2-theme--radius-full, 999px);
+  --c2-avatar-group__overflow--font-size: var(--c2-theme--font-size-sm, 12px);
+  --c2-avatar-group__overflow--font-weight: var(--c2-theme--font-weight-semibold, 600);
 }
 
 /* @c2n/badge */
@@ -225,6 +231,13 @@
   --c2-badge__anchor--border: 2px solid var(--c2-theme--color-surface, #ffffff);
 }
 
+/* @c2n/border-beam */
+:root,
+:host {
+  --c2-border-beam__beam--radius: var(--c2-theme--radius-lg, 12px);
+  --c2-border-beam__beam--color-from: var(--c2-theme--color-primary, #0265dc);
+}
+
 /* @c2n/breadcrumb */
 :root,
 :host {
@@ -412,6 +425,33 @@
   --c2-checkbox__state-layer--border-bottom-right-radius: var(--c2-theme--radius-md, 6px);
 }
 
+/* @c2n/code-editor */
+:root,
+:host {
+  --c2-code-editor--background: var(--c2-theme--color-surface, #ffffff);
+  --c2-code-editor--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
+  --c2-code-editor__focus--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-primary, rgb(2, 101, 220));
+  --c2-code-editor__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
+  --c2-code-editor--border-radius: var(--c2-theme--radius-md, 6px);
+  --c2-code-editor__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
+  --c2-code-editor--font-family: var(--c2-theme--font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+  --c2-code-editor__gutter--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-code-editor__gutter__active--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-code-editor__gutter--border-right: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
+  --c2-code-editor__active-line--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 4%, transparent);
+  --c2-code-editor__selection--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 18%, transparent);
+  --c2-code-editor__cursor--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-code-editor__matching-bracket--background: color-mix(in srgb, var(--c2-theme--color-primary, #0265dc) 16%, transparent);
+  --c2-code-editor__placeholder--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-code-editor__label--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-code-editor__label--font-size: var(--c2-theme--font-size-sm, 12px);
+  --c2-code-editor__label--font-weight: var(--c2-theme--font-weight-medium, 500);
+  --c2-code-editor__supporting-text--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-code-editor__supporting-text--font-size: var(--c2-theme--font-size-sm, 12px);
+  --c2-code-editor__error--color: var(--c2-theme--color-error, #dc2626);
+  --c2-code-editor__error--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-error, #dc2626);
+}
+
 /* @c2n/code-viewer */
 :root,
 :host {
@@ -500,6 +540,27 @@
   --c2-copy-button--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
 }
 
+/* @c2n/dashboard */
+:root,
+:host {
+  --c2-dash-card__expanded--animation-duration: calc(200ms * var(--c2-theme--motion-scale, 1));
+  --c2-dash-card__header--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-dash-card__header--font-size: var(--c2-theme--font-size-md, 14px);
+  --c2-dash-card__header--font-weight: var(--c2-theme--font-weight-semibold, 600);
+  --c2-dash-card__footer--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-dash-card__footer--font-size: var(--c2-theme--font-size-sm, 12px);
+  --c2-dash-card__control--border-radius: var(--c2-theme--radius-md, 6px);
+  --c2-dash-card__control--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-dash-card__control__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
+  --c2-dash-card__control__hover--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-dash-card__control__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
+  --c2-dash-card__handle__hover--background: var(--c2-theme--color-primary-glow, rgba(2, 101, 220, 0.2));
+  --c2-dash-card__handle__active--background: var(--c2-theme--color-primary, rgb(2, 101, 220));
+  --c2-dash-card__handle--border-radius: var(--c2-theme--radius-full, 999px);
+  --c2-dash-card__handle--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
+  --c2-dash-card__handle__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
+}
+
 /* @c2n/date-input */
 :root,
 :host {
@@ -1064,6 +1125,29 @@
   --c2-status-panel__content--background-color: var(--c2-theme--color-surface-container, #f4f4f5);
 }
 
+/* @c2n/steps */
+:root,
+:host {
+  --c2-step__row--border-bottom: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
+  --c2-step__toggle--color: var(--c2-theme--color-on-surface-variant, #a1a1aa);
+  --c2-step__guide--color: var(--c2-theme--color-outline-variant, #e4e4e7);
+  --c2-step__marker--font-weight: var(--c2-theme--font-weight-semibold, 600);
+  --c2-step__marker--border-radius: var(--c2-theme--radius-full, 999px);
+  --c2-step__marker--border: var(--c2-theme--border, var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline, #bcbcc6));
+  --c2-step__marker--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-step__rail--color: var(--c2-theme--color-outline-variant, #e4e4e7);
+  --c2-step__label--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-step__label--font-weight: var(--c2-theme--font-weight-medium, 500);
+  --c2-step__label--font-family: var(--c2-theme--font-family, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+  --c2-step__detail--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-step__trailing--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-step__error--color: var(--c2-theme--color-error, #dc2626);
+  --c2-step__running--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
+  --c2-step__current--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
+  --c2-step__skipped--color: var(--c2-theme--color-on-surface-variant, #71717a);
+  --c2-step--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
+}
+
 /* @c2n/switch */
 :root,
 :host {
@@ -1201,6 +1285,29 @@
   --c2-textarea__supporting-text__error--color: var(--c2-theme--color-error, #dc2626);
 }
 
+/* @c2n/theme-select */
+:root,
+:host {
+  --c2-theme-select__trigger--border-radius: var(--c2-theme--radius-lg, 8px);
+  --c2-theme-select__trigger--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-theme-select__trigger__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
+  --c2-theme-select__trigger__focus--outline: var(--c2-theme--focus-ring, 2px solid rgba(2, 101, 220, 0.4));
+  --c2-theme-select__trigger__disabled--opacity: var(--c2-theme--disabled-opacity, 0.38);
+  --c2-theme-select__label--font-size: var(--c2-theme--font-size-md, 14px);
+  --c2-theme-select__label--font-weight: var(--c2-theme--font-weight-medium, 500);
+  --c2-theme-select__menu--background: var(--c2-theme--color-surface, #ffffff);
+  --c2-theme-select__menu--border: var(--c2-theme--border-width, 1px) solid var(--c2-theme--color-outline-variant, #e4e4e7);
+  --c2-theme-select__menu--border-radius: var(--c2-theme--radius-lg, 8px);
+  --c2-theme-select__menu--box-shadow: var(--c2-theme--shadow-md, 0 8px 24px rgba(24, 24, 27, 0.08));
+  --c2-theme-select__menu-item--border-radius: var(--c2-theme--radius-md, 6px);
+  --c2-theme-select__menu-item--color: var(--c2-theme--color-on-surface, #18181b);
+  --c2-theme-select__menu-item--font-size: var(--c2-theme--font-size-md, 14px);
+  --c2-theme-select__menu-item--font-weight: var(--c2-theme--font-weight-medium, 500);
+  --c2-theme-select__menu-item__hover--background: var(--c2-theme--color-surface-container, #f4f4f5);
+  --c2-theme-select__menu-item__selected--color: var(--c2-theme--color-primary, rgb(2, 101, 220));
+  --c2-theme-select--transition-duration: calc(150ms * var(--c2-theme--motion-scale, 1));
+}
+
 /* @c2n/toast */
 :root,
 :host {

package/dist/tokens.json

@@ -362,6 +362,12 @@
     "--c2-avatar__remove--border": "--c2-theme--color-outline-variant",
     "--c2-avatar__remove--box-shadow": "--c2-theme--shadow-sm",
     "--c2-avatar__badge--border": "--c2-theme--color-surface",
+    "--c2-avatar-group__overflow--background": "--c2-theme--color-inverse-surface",
+    "--c2-avatar-group__overflow--color": "--c2-theme--color-on-inverse-surface",
+    "--c2-avatar-group__overflow--border": "--c2-theme--color-surface",
+    "--c2-avatar-group__overflow--border-radius": "--c2-theme--radius-full",
+    "--c2-avatar-group__overflow--font-size": "--c2-theme--font-size-sm",
+    "--c2-avatar-group__overflow--font-weight": "--c2-theme--font-weight-semibold",
     "--c2-badge--border-radius": "--c2-theme--radius-full",
     "--c2-badge--font-size": "--c2-theme--font-size-sm",
     "--c2-badge--font-weight": "--c2-theme--font-weight-medium",
@@ -372,6 +378,8 @@
     "--c2-badge__danger--color": "--c2-theme--color-error",
     "--c2-badge__pulse--animation-duration": "--c2-theme--motion-scale",
     "--c2-badge__anchor--border": "--c2-theme--color-surface",
+    "--c2-border-beam__beam--radius": "--c2-theme--radius-lg",
+    "--c2-border-beam__beam--color-from": "--c2-theme--color-primary",
     "--c2-breadcrumb__separator--color": "--c2-theme--color-on-surface-variant",
     "--c2-breadcrumb__item--color": "--c2-theme--color-on-surface-variant",
     "--c2-breadcrumb__item--font-size": "--c2-theme--font-size-md",
@@ -514,6 +522,28 @@
     "--c2-checkbox__state-layer--border-top-right-radius": "--c2-theme--radius-md",
     "--c2-checkbox__state-layer--border-bottom-left-radius": "--c2-theme--radius-md",
     "--c2-checkbox__state-layer--border-bottom-right-radius": "--c2-theme--radius-md",
+    "--c2-code-editor--background": "--c2-theme--color-surface",
+    "--c2-code-editor--border": "--c2-theme--border",
+    "--c2-code-editor__focus--border": "--c2-theme--color-primary",
+    "--c2-code-editor__focus--outline": "--c2-theme--focus-ring",
+    "--c2-code-editor--border-radius": "--c2-theme--radius-md",
+    "--c2-code-editor__disabled--opacity": "--c2-theme--disabled-opacity",
+    "--c2-code-editor--font-family": "--c2-theme--font-family",
+    "--c2-code-editor__gutter--color": "--c2-theme--color-on-surface-variant",
+    "--c2-code-editor__gutter__active--color": "--c2-theme--color-on-surface",
+    "--c2-code-editor__gutter--border-right": "--c2-theme--color-outline-variant",
+    "--c2-code-editor__active-line--background": "--c2-theme--color-primary",
+    "--c2-code-editor__selection--background": "--c2-theme--color-primary",
+    "--c2-code-editor__cursor--color": "--c2-theme--color-on-surface",
+    "--c2-code-editor__matching-bracket--background": "--c2-theme--color-primary",
+    "--c2-code-editor__placeholder--color": "--c2-theme--color-on-surface-variant",
+    "--c2-code-editor__label--color": "--c2-theme--color-on-surface",
+    "--c2-code-editor__label--font-size": "--c2-theme--font-size-sm",
+    "--c2-code-editor__label--font-weight": "--c2-theme--font-weight-medium",
+    "--c2-code-editor__supporting-text--color": "--c2-theme--color-on-surface-variant",
+    "--c2-code-editor__supporting-text--font-size": "--c2-theme--font-size-sm",
+    "--c2-code-editor__error--color": "--c2-theme--color-error",
+    "--c2-code-editor__error--border": "--c2-theme--color-error",
     "--c2-code-viewer--border-top": "--c2-theme--border",
     "--c2-code-viewer--border-right": "--c2-theme--border",
     "--c2-code-viewer--border-bottom": "--c2-theme--border",
@@ -560,6 +590,22 @@
     "--c2-copy-button__container__focus--outline": "--c2-theme--focus-ring",
     "--c2-copy-button__container__disabled--opacity": "--c2-theme--disabled-opacity",
     "--c2-copy-button--transition-duration": "--c2-theme--motion-scale",
+    "--c2-dash-card__expanded--animation-duration": "--c2-theme--motion-scale",
+    "--c2-dash-card__header--color": "--c2-theme--color-on-surface",
+    "--c2-dash-card__header--font-size": "--c2-theme--font-size-md",
+    "--c2-dash-card__header--font-weight": "--c2-theme--font-weight-semibold",
+    "--c2-dash-card__footer--color": "--c2-theme--color-on-surface-variant",
+    "--c2-dash-card__footer--font-size": "--c2-theme--font-size-sm",
+    "--c2-dash-card__control--border-radius": "--c2-theme--radius-md",
+    "--c2-dash-card__control--color": "--c2-theme--color-on-surface-variant",
+    "--c2-dash-card__control__hover--background": "--c2-theme--color-surface-container",
+    "--c2-dash-card__control__hover--color": "--c2-theme--color-on-surface",
+    "--c2-dash-card__control__focus--outline": "--c2-theme--focus-ring",
+    "--c2-dash-card__handle__hover--background": "--c2-theme--color-primary-glow",
+    "--c2-dash-card__handle__active--background": "--c2-theme--color-primary",
+    "--c2-dash-card__handle--border-radius": "--c2-theme--radius-full",
+    "--c2-dash-card__handle--transition-duration": "--c2-theme--motion-scale",
+    "--c2-dash-card__handle__focus--outline": "--c2-theme--focus-ring",
     "--c2-date-input--border": "--c2-theme--border",
     "--c2-date-input--border-radius": "--c2-theme--radius-md",
     "--c2-date-input--color": "--c2-theme--color-on-surface",
@@ -970,6 +1016,24 @@
     "--c2-status-panel__description--font-size": "--c2-theme--font-size-md",
     "--c2-status-panel__content--border-radius": "--c2-theme--radius-lg",
     "--c2-status-panel__content--background-color": "--c2-theme--color-surface-container",
+    "--c2-step__row--border-bottom": "--c2-theme--color-outline-variant",
+    "--c2-step__toggle--color": "--c2-theme--color-on-surface-variant",
+    "--c2-step__guide--color": "--c2-theme--color-outline-variant",
+    "--c2-step__marker--font-weight": "--c2-theme--font-weight-semibold",
+    "--c2-step__marker--border-radius": "--c2-theme--radius-full",
+    "--c2-step__marker--border": "--c2-theme--border",
+    "--c2-step__marker--color": "--c2-theme--color-on-surface-variant",
+    "--c2-step__rail--color": "--c2-theme--color-outline-variant",
+    "--c2-step__label--color": "--c2-theme--color-on-surface",
+    "--c2-step__label--font-weight": "--c2-theme--font-weight-medium",
+    "--c2-step__label--font-family": "--c2-theme--font-family",
+    "--c2-step__detail--color": "--c2-theme--color-on-surface-variant",
+    "--c2-step__trailing--color": "--c2-theme--color-on-surface-variant",
+    "--c2-step__error--color": "--c2-theme--color-error",
+    "--c2-step__running--color": "--c2-theme--color-primary",
+    "--c2-step__current--color": "--c2-theme--color-primary",
+    "--c2-step__skipped--color": "--c2-theme--color-on-surface-variant",
+    "--c2-step--transition-duration": "--c2-theme--motion-scale",
     "--c2-switch__container__disabled--opacity": "--c2-theme--disabled-opacity",
     "--c2-switch__track--border-radius": "--c2-theme--radius-full",
     "--c2-switch__track--color": "--c2-theme--color-outline-variant",
@@ -1082,6 +1146,24 @@
     "--c2-textarea__supporting-text--font-size": "--c2-theme--font-size-sm",
     "--c2-textarea__supporting-text--color": "--c2-theme--color-on-surface-variant",
     "--c2-textarea__supporting-text__error--color": "--c2-theme--color-error",
+    "--c2-theme-select__trigger--border-radius": "--c2-theme--radius-lg",
+    "--c2-theme-select__trigger--color": "--c2-theme--color-on-surface",
+    "--c2-theme-select__trigger__hover--background": "--c2-theme--color-surface-container",
+    "--c2-theme-select__trigger__focus--outline": "--c2-theme--focus-ring",
+    "--c2-theme-select__trigger__disabled--opacity": "--c2-theme--disabled-opacity",
+    "--c2-theme-select__label--font-size": "--c2-theme--font-size-md",
+    "--c2-theme-select__label--font-weight": "--c2-theme--font-weight-medium",
+    "--c2-theme-select__menu--background": "--c2-theme--color-surface",
+    "--c2-theme-select__menu--border": "--c2-theme--color-outline-variant",
+    "--c2-theme-select__menu--border-radius": "--c2-theme--radius-lg",
+    "--c2-theme-select__menu--box-shadow": "--c2-theme--shadow-md",
+    "--c2-theme-select__menu-item--border-radius": "--c2-theme--radius-md",
+    "--c2-theme-select__menu-item--color": "--c2-theme--color-on-surface",
+    "--c2-theme-select__menu-item--font-size": "--c2-theme--font-size-md",
+    "--c2-theme-select__menu-item--font-weight": "--c2-theme--font-weight-medium",
+    "--c2-theme-select__menu-item__hover--background": "--c2-theme--color-surface-container",
+    "--c2-theme-select__menu-item__selected--color": "--c2-theme--color-primary",
+    "--c2-theme-select--transition-duration": "--c2-theme--motion-scale",
     "--c2-toast__container--background": "--c2-theme--color-surface",
     "--c2-toast__container--color": "--c2-theme--color-on-surface",
     "--c2-toast__container--border": "--c2-theme--color-outline-variant",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2n/theme",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Design tokens (--c2-theme--*) and a generated base theme that maps every @c2n component CSS variable onto them",
   "type": "module",
   "main": "dist/tokens.js",
@@ -54,7 +54,12 @@
     "build": {
       "dependencies": [
         "type-check",
+        "../../components/dashboard:build",
+        "../../components/steps:build",
+        "../../components/code-editor:build",
+        "../../components/theme-select:build",
         "../../components/tree:build",
+        "../../components/border-beam:build",
         "../../components/status-panel:build",
         "../../components/qr-code:build",
         "../../components/upload:build",
@@ -127,5 +132,5 @@
     "@c2n/config": "*",
     "prettier": "3.9.6"
   },
-  "gitHead": "e4768cce5e0fbd5bc3165cd493a1e8d57cf0fff4"
+  "gitHead": "bf962fba5e49a0ac7555a082584e262949d323a5"
 }