@spectrabrain/eds 0.4.0 → 0.6.1

package/dist/index.js

@@ -60,6 +60,18 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#E5E7EB",
     "cssVariable": "--eds-color-bg-disabled"
   },
+  "color-bg-disabled-brand-primary": {
+    "name": "color-bg-disabled-brand-primary",
+    "type": "color",
+    "value": "#FFA081",
+    "cssVariable": "--eds-color-bg-disabled-brand-primary"
+  },
+  "color-bg-disabled-neutral-inverted": {
+    "name": "color-bg-disabled-neutral-inverted",
+    "type": "color",
+    "value": "#9CA3AF",
+    "cssVariable": "--eds-color-bg-disabled-neutral-inverted"
+  },
   "color-bg-informative-primary": {
     "name": "color-bg-informative-primary",
     "type": "color",
@@ -246,6 +258,12 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#D1D5DB",
     "cssVariable": "--eds-color-fg-disabled"
   },
+  "color-fg-disabled-inverted": {
+    "name": "color-fg-disabled-inverted",
+    "type": "color",
+    "value": "#FFFFFFFF",
+    "cssVariable": "--eds-color-fg-disabled-inverted"
+  },
   "color-fg-focus": {
     "name": "color-fg-focus",
     "type": "color",
@@ -1157,6 +1175,8 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-bg-critical-weak",
   "color-bg-critical-weak-hover",
   "color-bg-disabled",
+  "color-bg-disabled-brand-primary",
+  "color-bg-disabled-neutral-inverted",
   "color-bg-informative-primary",
   "color-bg-informative-primary-hover",
   "color-bg-informative-weak",
@@ -1188,6 +1208,7 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-fg-critical",
   "color-fg-critical-contrast",
   "color-fg-disabled",
+  "color-fg-disabled-inverted",
   "color-fg-focus",
   "color-fg-informative",
   "color-fg-informative-contrast",

package/dist/index.mjs

@@ -58,6 +58,18 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#E5E7EB",
     "cssVariable": "--eds-color-bg-disabled"
   },
+  "color-bg-disabled-brand-primary": {
+    "name": "color-bg-disabled-brand-primary",
+    "type": "color",
+    "value": "#FFA081",
+    "cssVariable": "--eds-color-bg-disabled-brand-primary"
+  },
+  "color-bg-disabled-neutral-inverted": {
+    "name": "color-bg-disabled-neutral-inverted",
+    "type": "color",
+    "value": "#9CA3AF",
+    "cssVariable": "--eds-color-bg-disabled-neutral-inverted"
+  },
   "color-bg-informative-primary": {
     "name": "color-bg-informative-primary",
     "type": "color",
@@ -244,6 +256,12 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#D1D5DB",
     "cssVariable": "--eds-color-fg-disabled"
   },
+  "color-fg-disabled-inverted": {
+    "name": "color-fg-disabled-inverted",
+    "type": "color",
+    "value": "#FFFFFFFF",
+    "cssVariable": "--eds-color-fg-disabled-inverted"
+  },
   "color-fg-focus": {
     "name": "color-fg-focus",
     "type": "color",
@@ -1155,6 +1173,8 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-bg-critical-weak",
   "color-bg-critical-weak-hover",
   "color-bg-disabled",
+  "color-bg-disabled-brand-primary",
+  "color-bg-disabled-neutral-inverted",
   "color-bg-informative-primary",
   "color-bg-informative-primary-hover",
   "color-bg-informative-weak",
@@ -1186,6 +1206,7 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-fg-critical",
   "color-fg-critical-contrast",
   "color-fg-disabled",
+  "color-fg-disabled-inverted",
   "color-fg-focus",
   "color-fg-informative",
   "color-fg-informative-contrast",

package/dist/tokens.css

@@ -9,6 +9,8 @@
   --eds-color-bg-critical-weak: #FEE2E2;
   --eds-color-bg-critical-weak-hover: #FECACA;
   --eds-color-bg-disabled: #E5E7EB;
+  --eds-color-bg-disabled-brand-primary: #FFA081;
+  --eds-color-bg-disabled-neutral-inverted: #9CA3AF;
   --eds-color-bg-informative-primary: #3B82F6;
   --eds-color-bg-informative-primary-hover: #2563EB;
   --eds-color-bg-informative-weak: #DBEAFE;
@@ -40,6 +42,7 @@
   --eds-color-fg-critical: #EF4444;
   --eds-color-fg-critical-contrast: #B91C1C;
   --eds-color-fg-disabled: #D1D5DB;
+  --eds-color-fg-disabled-inverted: #FFFFFFFF;
   --eds-color-fg-focus: #374151;
   --eds-color-fg-informative: #3B82F6;
   --eds-color-fg-informative-contrast: #1D4ED8;

package/dist/tokens.d.mts

@@ -1,4 +1,4 @@
-type SemanticTokenName = "color-bg-brand-primary" | "color-bg-brand-primary-hover" | "color-bg-brand-weak" | "color-bg-brand-weak-hover" | "color-bg-critical-primary" | "color-bg-critical-primary-hover" | "color-bg-critical-weak" | "color-bg-critical-weak-hover" | "color-bg-disabled" | "color-bg-informative-primary" | "color-bg-informative-primary-hover" | "color-bg-informative-weak" | "color-bg-informative-weak-hover" | "color-bg-layer-basement" | "color-bg-layer-basement-hover" | "color-bg-layer-default" | "color-bg-layer-default-hover" | "color-bg-layer-floating" | "color-bg-layer-floating-hover" | "color-bg-neutral-inverted" | "color-bg-neutral-inverted-hover" | "color-bg-neutral-primary" | "color-bg-neutral-primary-hover" | "color-bg-neutral-weak" | "color-bg-neutral-weak-hover" | "color-bg-positive-primary" | "color-bg-positive-primary-hover" | "color-bg-positive-weak" | "color-bg-positive-weak-hover" | "color-bg-transparent" | "color-bg-transparent-hover" | "color-bg-warning-primary" | "color-bg-warning-primary-hover" | "color-bg-warning-weak" | "color-bg-warning-weak-hover" | "color-fg-brand" | "color-fg-brand-contrast" | "color-fg-critical" | "color-fg-critical-contrast" | "color-fg-disabled" | "color-fg-focus" | "color-fg-informative" | "color-fg-informative-contrast" | "color-fg-neutral" | "color-fg-neutral-inverted" | "color-fg-neutral-secondary" | "color-fg-neutral-tertiary" | "color-fg-placeholder" | "color-fg-positive" | "color-fg-positive-contrast" | "color-fg-warning" | "color-fg-warning-contrast" | "color-stroke-brand-primary" | "color-stroke-brand-weak" | "color-stroke-critical-primary" | "color-stroke-critical-weak" | "color-stroke-focusRing" | "color-stroke-informative-primary" | "color-stroke-informative-weak" | "color-stroke-neutral-contrast" | "color-stroke-neutral-primary" | "color-stroke-neutral-secondary" | "color-stroke-neutral-tertiary" | "color-stroke-neutral-weak" | "color-stroke-positive-primary" | "color-stroke-positive-weak" | "color-stroke-warning-primary" | "color-stroke-warning-weak" | "typography-body1-fontFamily" | "typography-body1-fontSize" | "typography-body1-fontWeight" | "typography-body1-letterSpacing" | "typography-body1-lineHeight" | "typography-body2-fontFamily" | "typography-body2-fontSize" | "typography-body2-fontWeight" | "typography-body2-letterSpacing" | "typography-body2-lineHeight" | "typography-body3-fontFamily" | "typography-body3-fontSize" | "typography-body3-fontWeight" | "typography-body3-letterSpacing" | "typography-body3-lineHeight" | "typography-body4-fontFamily" | "typography-body4-fontSize" | "typography-body4-fontWeight" | "typography-body4-letterSpacing" | "typography-body4-lineHeight" | "typography-caption1-fontFamily" | "typography-caption1-fontSize" | "typography-caption1-fontWeight" | "typography-caption1-letterSpacing" | "typography-caption1-lineHeight" | "typography-caption2-fontFamily" | "typography-caption2-fontSize" | "typography-caption2-fontWeight" | "typography-caption2-letterSpacing" | "typography-caption2-lineHeight" | "typography-caption3-fontFamily" | "typography-caption3-fontSize" | "typography-caption3-fontWeight" | "typography-caption3-letterSpacing" | "typography-caption3-lineHeight" | "typography-display1-fontFamily" | "typography-display1-fontSize" | "typography-display1-fontWeight" | "typography-display1-letterSpacing" | "typography-display1-lineHeight" | "typography-display2-fontFamily" | "typography-display2-fontSize" | "typography-display2-fontWeight" | "typography-display2-letterSpacing" | "typography-display2-lineHeight" | "typography-heading1-fontFamily" | "typography-heading1-fontSize" | "typography-heading1-fontWeight" | "typography-heading1-letterSpacing" | "typography-heading1-lineHeight" | "typography-heading2-fontFamily" | "typography-heading2-fontSize" | "typography-heading2-fontWeight" | "typography-heading2-letterSpacing" | "typography-heading2-lineHeight" | "typography-heading3-fontFamily" | "typography-heading3-fontSize" | "typography-heading3-fontWeight" | "typography-heading3-letterSpacing" | "typography-heading3-lineHeight" | "typography-heading4-fontFamily" | "typography-heading4-fontSize" | "typography-heading4-fontWeight" | "typography-heading4-letterSpacing" | "typography-heading4-lineHeight" | "typography-title1-fontFamily" | "typography-title1-fontSize" | "typography-title1-fontWeight" | "typography-title1-letterSpacing" | "typography-title1-lineHeight" | "typography-title2-fontFamily" | "typography-title2-fontSize" | "typography-title2-fontWeight" | "typography-title2-letterSpacing" | "typography-title2-lineHeight" | "typography-title3-fontFamily" | "typography-title3-fontSize" | "typography-title3-fontWeight" | "typography-title3-letterSpacing" | "typography-title3-lineHeight" | "typography-title4-fontFamily" | "typography-title4-fontSize" | "typography-title4-fontWeight" | "typography-title4-letterSpacing" | "typography-title4-lineHeight";
+type SemanticTokenName = "color-bg-brand-primary" | "color-bg-brand-primary-hover" | "color-bg-brand-weak" | "color-bg-brand-weak-hover" | "color-bg-critical-primary" | "color-bg-critical-primary-hover" | "color-bg-critical-weak" | "color-bg-critical-weak-hover" | "color-bg-disabled" | "color-bg-disabled-brand-primary" | "color-bg-disabled-neutral-inverted" | "color-bg-informative-primary" | "color-bg-informative-primary-hover" | "color-bg-informative-weak" | "color-bg-informative-weak-hover" | "color-bg-layer-basement" | "color-bg-layer-basement-hover" | "color-bg-layer-default" | "color-bg-layer-default-hover" | "color-bg-layer-floating" | "color-bg-layer-floating-hover" | "color-bg-neutral-inverted" | "color-bg-neutral-inverted-hover" | "color-bg-neutral-primary" | "color-bg-neutral-primary-hover" | "color-bg-neutral-weak" | "color-bg-neutral-weak-hover" | "color-bg-positive-primary" | "color-bg-positive-primary-hover" | "color-bg-positive-weak" | "color-bg-positive-weak-hover" | "color-bg-transparent" | "color-bg-transparent-hover" | "color-bg-warning-primary" | "color-bg-warning-primary-hover" | "color-bg-warning-weak" | "color-bg-warning-weak-hover" | "color-fg-brand" | "color-fg-brand-contrast" | "color-fg-critical" | "color-fg-critical-contrast" | "color-fg-disabled" | "color-fg-disabled-inverted" | "color-fg-focus" | "color-fg-informative" | "color-fg-informative-contrast" | "color-fg-neutral" | "color-fg-neutral-inverted" | "color-fg-neutral-secondary" | "color-fg-neutral-tertiary" | "color-fg-placeholder" | "color-fg-positive" | "color-fg-positive-contrast" | "color-fg-warning" | "color-fg-warning-contrast" | "color-stroke-brand-primary" | "color-stroke-brand-weak" | "color-stroke-critical-primary" | "color-stroke-critical-weak" | "color-stroke-focusRing" | "color-stroke-informative-primary" | "color-stroke-informative-weak" | "color-stroke-neutral-contrast" | "color-stroke-neutral-primary" | "color-stroke-neutral-secondary" | "color-stroke-neutral-tertiary" | "color-stroke-neutral-weak" | "color-stroke-positive-primary" | "color-stroke-positive-weak" | "color-stroke-warning-primary" | "color-stroke-warning-weak" | "typography-body1-fontFamily" | "typography-body1-fontSize" | "typography-body1-fontWeight" | "typography-body1-letterSpacing" | "typography-body1-lineHeight" | "typography-body2-fontFamily" | "typography-body2-fontSize" | "typography-body2-fontWeight" | "typography-body2-letterSpacing" | "typography-body2-lineHeight" | "typography-body3-fontFamily" | "typography-body3-fontSize" | "typography-body3-fontWeight" | "typography-body3-letterSpacing" | "typography-body3-lineHeight" | "typography-body4-fontFamily" | "typography-body4-fontSize" | "typography-body4-fontWeight" | "typography-body4-letterSpacing" | "typography-body4-lineHeight" | "typography-caption1-fontFamily" | "typography-caption1-fontSize" | "typography-caption1-fontWeight" | "typography-caption1-letterSpacing" | "typography-caption1-lineHeight" | "typography-caption2-fontFamily" | "typography-caption2-fontSize" | "typography-caption2-fontWeight" | "typography-caption2-letterSpacing" | "typography-caption2-lineHeight" | "typography-caption3-fontFamily" | "typography-caption3-fontSize" | "typography-caption3-fontWeight" | "typography-caption3-letterSpacing" | "typography-caption3-lineHeight" | "typography-display1-fontFamily" | "typography-display1-fontSize" | "typography-display1-fontWeight" | "typography-display1-letterSpacing" | "typography-display1-lineHeight" | "typography-display2-fontFamily" | "typography-display2-fontSize" | "typography-display2-fontWeight" | "typography-display2-letterSpacing" | "typography-display2-lineHeight" | "typography-heading1-fontFamily" | "typography-heading1-fontSize" | "typography-heading1-fontWeight" | "typography-heading1-letterSpacing" | "typography-heading1-lineHeight" | "typography-heading2-fontFamily" | "typography-heading2-fontSize" | "typography-heading2-fontWeight" | "typography-heading2-letterSpacing" | "typography-heading2-lineHeight" | "typography-heading3-fontFamily" | "typography-heading3-fontSize" | "typography-heading3-fontWeight" | "typography-heading3-letterSpacing" | "typography-heading3-lineHeight" | "typography-heading4-fontFamily" | "typography-heading4-fontSize" | "typography-heading4-fontWeight" | "typography-heading4-letterSpacing" | "typography-heading4-lineHeight" | "typography-title1-fontFamily" | "typography-title1-fontSize" | "typography-title1-fontWeight" | "typography-title1-letterSpacing" | "typography-title1-lineHeight" | "typography-title2-fontFamily" | "typography-title2-fontSize" | "typography-title2-fontWeight" | "typography-title2-letterSpacing" | "typography-title2-lineHeight" | "typography-title3-fontFamily" | "typography-title3-fontSize" | "typography-title3-fontWeight" | "typography-title3-letterSpacing" | "typography-title3-lineHeight" | "typography-title4-fontFamily" | "typography-title4-fontSize" | "typography-title4-fontWeight" | "typography-title4-letterSpacing" | "typography-title4-lineHeight";
 type SemanticTokenType = "color" | "dimension" | "fontFamily" | "fontWeight";
 type EscapeCssDots<Name extends string> = Name extends `${infer Head}.${infer Tail}` ? `${Head}\\.${EscapeCssDots<Tail>}` : Name;
 type SemanticTokenCssVariable = `--eds-${EscapeCssDots<SemanticTokenName>}`;

package/dist/tokens.d.ts

@@ -1,4 +1,4 @@
-type SemanticTokenName = "color-bg-brand-primary" | "color-bg-brand-primary-hover" | "color-bg-brand-weak" | "color-bg-brand-weak-hover" | "color-bg-critical-primary" | "color-bg-critical-primary-hover" | "color-bg-critical-weak" | "color-bg-critical-weak-hover" | "color-bg-disabled" | "color-bg-informative-primary" | "color-bg-informative-primary-hover" | "color-bg-informative-weak" | "color-bg-informative-weak-hover" | "color-bg-layer-basement" | "color-bg-layer-basement-hover" | "color-bg-layer-default" | "color-bg-layer-default-hover" | "color-bg-layer-floating" | "color-bg-layer-floating-hover" | "color-bg-neutral-inverted" | "color-bg-neutral-inverted-hover" | "color-bg-neutral-primary" | "color-bg-neutral-primary-hover" | "color-bg-neutral-weak" | "color-bg-neutral-weak-hover" | "color-bg-positive-primary" | "color-bg-positive-primary-hover" | "color-bg-positive-weak" | "color-bg-positive-weak-hover" | "color-bg-transparent" | "color-bg-transparent-hover" | "color-bg-warning-primary" | "color-bg-warning-primary-hover" | "color-bg-warning-weak" | "color-bg-warning-weak-hover" | "color-fg-brand" | "color-fg-brand-contrast" | "color-fg-critical" | "color-fg-critical-contrast" | "color-fg-disabled" | "color-fg-focus" | "color-fg-informative" | "color-fg-informative-contrast" | "color-fg-neutral" | "color-fg-neutral-inverted" | "color-fg-neutral-secondary" | "color-fg-neutral-tertiary" | "color-fg-placeholder" | "color-fg-positive" | "color-fg-positive-contrast" | "color-fg-warning" | "color-fg-warning-contrast" | "color-stroke-brand-primary" | "color-stroke-brand-weak" | "color-stroke-critical-primary" | "color-stroke-critical-weak" | "color-stroke-focusRing" | "color-stroke-informative-primary" | "color-stroke-informative-weak" | "color-stroke-neutral-contrast" | "color-stroke-neutral-primary" | "color-stroke-neutral-secondary" | "color-stroke-neutral-tertiary" | "color-stroke-neutral-weak" | "color-stroke-positive-primary" | "color-stroke-positive-weak" | "color-stroke-warning-primary" | "color-stroke-warning-weak" | "typography-body1-fontFamily" | "typography-body1-fontSize" | "typography-body1-fontWeight" | "typography-body1-letterSpacing" | "typography-body1-lineHeight" | "typography-body2-fontFamily" | "typography-body2-fontSize" | "typography-body2-fontWeight" | "typography-body2-letterSpacing" | "typography-body2-lineHeight" | "typography-body3-fontFamily" | "typography-body3-fontSize" | "typography-body3-fontWeight" | "typography-body3-letterSpacing" | "typography-body3-lineHeight" | "typography-body4-fontFamily" | "typography-body4-fontSize" | "typography-body4-fontWeight" | "typography-body4-letterSpacing" | "typography-body4-lineHeight" | "typography-caption1-fontFamily" | "typography-caption1-fontSize" | "typography-caption1-fontWeight" | "typography-caption1-letterSpacing" | "typography-caption1-lineHeight" | "typography-caption2-fontFamily" | "typography-caption2-fontSize" | "typography-caption2-fontWeight" | "typography-caption2-letterSpacing" | "typography-caption2-lineHeight" | "typography-caption3-fontFamily" | "typography-caption3-fontSize" | "typography-caption3-fontWeight" | "typography-caption3-letterSpacing" | "typography-caption3-lineHeight" | "typography-display1-fontFamily" | "typography-display1-fontSize" | "typography-display1-fontWeight" | "typography-display1-letterSpacing" | "typography-display1-lineHeight" | "typography-display2-fontFamily" | "typography-display2-fontSize" | "typography-display2-fontWeight" | "typography-display2-letterSpacing" | "typography-display2-lineHeight" | "typography-heading1-fontFamily" | "typography-heading1-fontSize" | "typography-heading1-fontWeight" | "typography-heading1-letterSpacing" | "typography-heading1-lineHeight" | "typography-heading2-fontFamily" | "typography-heading2-fontSize" | "typography-heading2-fontWeight" | "typography-heading2-letterSpacing" | "typography-heading2-lineHeight" | "typography-heading3-fontFamily" | "typography-heading3-fontSize" | "typography-heading3-fontWeight" | "typography-heading3-letterSpacing" | "typography-heading3-lineHeight" | "typography-heading4-fontFamily" | "typography-heading4-fontSize" | "typography-heading4-fontWeight" | "typography-heading4-letterSpacing" | "typography-heading4-lineHeight" | "typography-title1-fontFamily" | "typography-title1-fontSize" | "typography-title1-fontWeight" | "typography-title1-letterSpacing" | "typography-title1-lineHeight" | "typography-title2-fontFamily" | "typography-title2-fontSize" | "typography-title2-fontWeight" | "typography-title2-letterSpacing" | "typography-title2-lineHeight" | "typography-title3-fontFamily" | "typography-title3-fontSize" | "typography-title3-fontWeight" | "typography-title3-letterSpacing" | "typography-title3-lineHeight" | "typography-title4-fontFamily" | "typography-title4-fontSize" | "typography-title4-fontWeight" | "typography-title4-letterSpacing" | "typography-title4-lineHeight";
+type SemanticTokenName = "color-bg-brand-primary" | "color-bg-brand-primary-hover" | "color-bg-brand-weak" | "color-bg-brand-weak-hover" | "color-bg-critical-primary" | "color-bg-critical-primary-hover" | "color-bg-critical-weak" | "color-bg-critical-weak-hover" | "color-bg-disabled" | "color-bg-disabled-brand-primary" | "color-bg-disabled-neutral-inverted" | "color-bg-informative-primary" | "color-bg-informative-primary-hover" | "color-bg-informative-weak" | "color-bg-informative-weak-hover" | "color-bg-layer-basement" | "color-bg-layer-basement-hover" | "color-bg-layer-default" | "color-bg-layer-default-hover" | "color-bg-layer-floating" | "color-bg-layer-floating-hover" | "color-bg-neutral-inverted" | "color-bg-neutral-inverted-hover" | "color-bg-neutral-primary" | "color-bg-neutral-primary-hover" | "color-bg-neutral-weak" | "color-bg-neutral-weak-hover" | "color-bg-positive-primary" | "color-bg-positive-primary-hover" | "color-bg-positive-weak" | "color-bg-positive-weak-hover" | "color-bg-transparent" | "color-bg-transparent-hover" | "color-bg-warning-primary" | "color-bg-warning-primary-hover" | "color-bg-warning-weak" | "color-bg-warning-weak-hover" | "color-fg-brand" | "color-fg-brand-contrast" | "color-fg-critical" | "color-fg-critical-contrast" | "color-fg-disabled" | "color-fg-disabled-inverted" | "color-fg-focus" | "color-fg-informative" | "color-fg-informative-contrast" | "color-fg-neutral" | "color-fg-neutral-inverted" | "color-fg-neutral-secondary" | "color-fg-neutral-tertiary" | "color-fg-placeholder" | "color-fg-positive" | "color-fg-positive-contrast" | "color-fg-warning" | "color-fg-warning-contrast" | "color-stroke-brand-primary" | "color-stroke-brand-weak" | "color-stroke-critical-primary" | "color-stroke-critical-weak" | "color-stroke-focusRing" | "color-stroke-informative-primary" | "color-stroke-informative-weak" | "color-stroke-neutral-contrast" | "color-stroke-neutral-primary" | "color-stroke-neutral-secondary" | "color-stroke-neutral-tertiary" | "color-stroke-neutral-weak" | "color-stroke-positive-primary" | "color-stroke-positive-weak" | "color-stroke-warning-primary" | "color-stroke-warning-weak" | "typography-body1-fontFamily" | "typography-body1-fontSize" | "typography-body1-fontWeight" | "typography-body1-letterSpacing" | "typography-body1-lineHeight" | "typography-body2-fontFamily" | "typography-body2-fontSize" | "typography-body2-fontWeight" | "typography-body2-letterSpacing" | "typography-body2-lineHeight" | "typography-body3-fontFamily" | "typography-body3-fontSize" | "typography-body3-fontWeight" | "typography-body3-letterSpacing" | "typography-body3-lineHeight" | "typography-body4-fontFamily" | "typography-body4-fontSize" | "typography-body4-fontWeight" | "typography-body4-letterSpacing" | "typography-body4-lineHeight" | "typography-caption1-fontFamily" | "typography-caption1-fontSize" | "typography-caption1-fontWeight" | "typography-caption1-letterSpacing" | "typography-caption1-lineHeight" | "typography-caption2-fontFamily" | "typography-caption2-fontSize" | "typography-caption2-fontWeight" | "typography-caption2-letterSpacing" | "typography-caption2-lineHeight" | "typography-caption3-fontFamily" | "typography-caption3-fontSize" | "typography-caption3-fontWeight" | "typography-caption3-letterSpacing" | "typography-caption3-lineHeight" | "typography-display1-fontFamily" | "typography-display1-fontSize" | "typography-display1-fontWeight" | "typography-display1-letterSpacing" | "typography-display1-lineHeight" | "typography-display2-fontFamily" | "typography-display2-fontSize" | "typography-display2-fontWeight" | "typography-display2-letterSpacing" | "typography-display2-lineHeight" | "typography-heading1-fontFamily" | "typography-heading1-fontSize" | "typography-heading1-fontWeight" | "typography-heading1-letterSpacing" | "typography-heading1-lineHeight" | "typography-heading2-fontFamily" | "typography-heading2-fontSize" | "typography-heading2-fontWeight" | "typography-heading2-letterSpacing" | "typography-heading2-lineHeight" | "typography-heading3-fontFamily" | "typography-heading3-fontSize" | "typography-heading3-fontWeight" | "typography-heading3-letterSpacing" | "typography-heading3-lineHeight" | "typography-heading4-fontFamily" | "typography-heading4-fontSize" | "typography-heading4-fontWeight" | "typography-heading4-letterSpacing" | "typography-heading4-lineHeight" | "typography-title1-fontFamily" | "typography-title1-fontSize" | "typography-title1-fontWeight" | "typography-title1-letterSpacing" | "typography-title1-lineHeight" | "typography-title2-fontFamily" | "typography-title2-fontSize" | "typography-title2-fontWeight" | "typography-title2-letterSpacing" | "typography-title2-lineHeight" | "typography-title3-fontFamily" | "typography-title3-fontSize" | "typography-title3-fontWeight" | "typography-title3-letterSpacing" | "typography-title3-lineHeight" | "typography-title4-fontFamily" | "typography-title4-fontSize" | "typography-title4-fontWeight" | "typography-title4-letterSpacing" | "typography-title4-lineHeight";
 type SemanticTokenType = "color" | "dimension" | "fontFamily" | "fontWeight";
 type EscapeCssDots<Name extends string> = Name extends `${infer Head}.${infer Tail}` ? `${Head}\\.${EscapeCssDots<Tail>}` : Name;
 type SemanticTokenCssVariable = `--eds-${EscapeCssDots<SemanticTokenName>}`;

package/dist/tokens.js

@@ -56,6 +56,18 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#E5E7EB",
     "cssVariable": "--eds-color-bg-disabled"
   },
+  "color-bg-disabled-brand-primary": {
+    "name": "color-bg-disabled-brand-primary",
+    "type": "color",
+    "value": "#FFA081",
+    "cssVariable": "--eds-color-bg-disabled-brand-primary"
+  },
+  "color-bg-disabled-neutral-inverted": {
+    "name": "color-bg-disabled-neutral-inverted",
+    "type": "color",
+    "value": "#9CA3AF",
+    "cssVariable": "--eds-color-bg-disabled-neutral-inverted"
+  },
   "color-bg-informative-primary": {
     "name": "color-bg-informative-primary",
     "type": "color",
@@ -242,6 +254,12 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#D1D5DB",
     "cssVariable": "--eds-color-fg-disabled"
   },
+  "color-fg-disabled-inverted": {
+    "name": "color-fg-disabled-inverted",
+    "type": "color",
+    "value": "#FFFFFFFF",
+    "cssVariable": "--eds-color-fg-disabled-inverted"
+  },
   "color-fg-focus": {
     "name": "color-fg-focus",
     "type": "color",
@@ -1153,6 +1171,8 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-bg-critical-weak",
   "color-bg-critical-weak-hover",
   "color-bg-disabled",
+  "color-bg-disabled-brand-primary",
+  "color-bg-disabled-neutral-inverted",
   "color-bg-informative-primary",
   "color-bg-informative-primary-hover",
   "color-bg-informative-weak",
@@ -1184,6 +1204,7 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-fg-critical",
   "color-fg-critical-contrast",
   "color-fg-disabled",
+  "color-fg-disabled-inverted",
   "color-fg-focus",
   "color-fg-informative",
   "color-fg-informative-contrast",

package/dist/tokens.json

@@ -82,6 +82,24 @@
         }
       }
     },
+    "color-bg-disabled-brand-primary": {
+      "$type": "color",
+      "$value": "#FFA081",
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-color-bg-disabled-brand-primary"
+        }
+      }
+    },
+    "color-bg-disabled-neutral-inverted": {
+      "$type": "color",
+      "$value": "#9CA3AF",
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-color-bg-disabled-neutral-inverted"
+        }
+      }
+    },
     "color-bg-informative-primary": {
       "$type": "color",
       "$value": "#3B82F6",
@@ -361,6 +379,15 @@
         }
       }
     },
+    "color-fg-disabled-inverted": {
+      "$type": "color",
+      "$value": "#FFFFFFFF",
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-color-fg-disabled-inverted"
+        }
+      }
+    },
     "color-fg-focus": {
       "$type": "color",
       "$value": "#374151",

package/dist/tokens.mjs

@@ -54,6 +54,18 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#E5E7EB",
     "cssVariable": "--eds-color-bg-disabled"
   },
+  "color-bg-disabled-brand-primary": {
+    "name": "color-bg-disabled-brand-primary",
+    "type": "color",
+    "value": "#FFA081",
+    "cssVariable": "--eds-color-bg-disabled-brand-primary"
+  },
+  "color-bg-disabled-neutral-inverted": {
+    "name": "color-bg-disabled-neutral-inverted",
+    "type": "color",
+    "value": "#9CA3AF",
+    "cssVariable": "--eds-color-bg-disabled-neutral-inverted"
+  },
   "color-bg-informative-primary": {
     "name": "color-bg-informative-primary",
     "type": "color",
@@ -240,6 +252,12 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#D1D5DB",
     "cssVariable": "--eds-color-fg-disabled"
   },
+  "color-fg-disabled-inverted": {
+    "name": "color-fg-disabled-inverted",
+    "type": "color",
+    "value": "#FFFFFFFF",
+    "cssVariable": "--eds-color-fg-disabled-inverted"
+  },
   "color-fg-focus": {
     "name": "color-fg-focus",
     "type": "color",
@@ -1151,6 +1169,8 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-bg-critical-weak",
   "color-bg-critical-weak-hover",
   "color-bg-disabled",
+  "color-bg-disabled-brand-primary",
+  "color-bg-disabled-neutral-inverted",
   "color-bg-informative-primary",
   "color-bg-informative-primary-hover",
   "color-bg-informative-weak",
@@ -1182,6 +1202,7 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-fg-critical",
   "color-fg-critical-contrast",
   "color-fg-disabled",
+  "color-fg-disabled-inverted",
   "color-fg-focus",
   "color-fg-informative",
   "color-fg-informative-contrast",

package/llms.txt

@@ -16,7 +16,7 @@
 - [dist/components/Button/README.md](./dist/components/Button/README.md): 요청이 Button으로 해결될 수 있는지 판단할 때 사용 맥락과 role·variant 선택 기준을 읽고, 선택하면 prop·접근성 계약을 따릅니다.
 - [dist/components/Button/spec.json](./dist/components/Button/spec.json): `api.iconNames`의 아이콘 이름을 확인하거나 도구가 기계용 계약을 읽을 때 씁니다.
 - [dist/tokens.json](./dist/tokens.json): 도구·스크립트가 기계용 token manifest와 public 이름→CSS variable mapping을 읽거나, Tailwind 없이 쓸 `var(--eds-*)` 이름을 확인할 때 씁니다. Tailwind CSS v4 root를 sync한 소비처에서는 생성 class 이름을 `src/styles/eds-tokens.css`에서 확인합니다.
-- [CHANGELOG.md](./CHANGELOG.md): EDS 버전을 올렸을 때(설치된 버전이 `AGENTS.md`의 `EDS:VERSION` 줄보다 높을 때) 읽습니다.
+- [CHANGELOG.md](./CHANGELOG.md): managed block에 버전 marker가 없거나 설치 버전이 `AGENTS.md`의 `EDS:VERSION` marker보다 높을 때 읽습니다.
 
 ## Optional
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectrabrain/eds",
-  "version": "0.4.0",
+  "version": "0.6.1",
   "description": "EVA services' shared React design system",
   "author": "SpectraBrain",
   "license": "UNLICENSED",