@mindlogic-ai/logician-ui 5.0.0-alpha.0 → 5.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/MIGRATION-5.0.md +18 -18
  2. package/codemods/5.0/button-variants.js +1 -0
  3. package/codemods/5.0/codemods.test.ts +1 -0
  4. package/dist/components/Button/Button.legacy.d.ts.map +1 -1
  5. package/dist/components/Button/Button.legacy.js +1 -0
  6. package/dist/components/Button/Button.legacy.js.map +1 -1
  7. package/dist/components/Button/Button.legacy.mjs +1 -0
  8. package/dist/components/Button/Button.legacy.mjs.map +1 -1
  9. package/dist/components/Button/Button.styles.d.ts.map +1 -1
  10. package/dist/components/Button/Button.styles.js +18 -0
  11. package/dist/components/Button/Button.styles.js.map +1 -1
  12. package/dist/components/Button/Button.styles.mjs +18 -0
  13. package/dist/components/Button/Button.styles.mjs.map +1 -1
  14. package/dist/components/Button/Button.types.d.ts +5 -3
  15. package/dist/components/Button/Button.types.d.ts.map +1 -1
  16. package/package.json +1 -1
  17. package/src/components/Button/Button.legacy.ts +1 -0
  18. package/src/components/Button/Button.stories.tsx +24 -0
  19. package/src/components/Button/Button.styles.ts +18 -0
  20. package/src/components/Button/Button.types.ts +5 -2
  21. package/src/components/Button/Button.variants.test.tsx +9 -0
  22. package/src/theme/SemanticTokens.mdx +1 -1
  23. package/src/theme/contrast.test.ts +4 -3
package/MIGRATION-5.0.md CHANGED
@@ -110,24 +110,24 @@ use `secondary.fgStrong` or `fg.muted`.
110
110
 
111
111
  ## 3. Components
112
112
 
113
- | Component | 4.x | 5.0 |
114
- | ------------------------------ | ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
115
- | **Button** | `colorPalette` × `variant` (solid/outline/ghost/soft); default rendered `soft` while documented `solid` | `variant`: `primary` · `action` · `secondary` · `subtle` (default) · `ghost` · `danger`; `isDestructive` for danger text on secondary/subtle/ghost. `colorPalette` removed from the types |
116
- | **IconButton** | same grid, default neutral ghost | `variant`: `ghost` (default) · `secondary` · `primary` · `danger` · `action` (coral send); `isDestructive` |
117
- | **Badge** | 6 variants, default `primary` | `neutral` (default, `bg.muted` + `secondary.fgStrong`) · `success` · `warning` · `danger` · `info`; `primary`/`secondary` removed |
118
- | **CountBadge** | — (app's UnreadCountBadge) | new: `count`, `max` (99+), `dot`, `showZero`, `label` |
119
- | **Tag** | `colorPalette` × `variant` | `tone` (`neutral` default · `success` · `warning` · `danger` · `info`), `selected`, `category` (12 hues), `icon` |
120
- | **Chip** | separate component | deprecated alias of Tag (removed in 6.0) — `<Chip>` → `<Tag>`; the codemod keeps its pill shape (`borderRadius="xl" px={3} py={2} fontWeight="medium"`) |
121
- | **Card** | `gradient` variant | removed; `wash` = `bg.muted` (neutral, borderless) |
122
- | **Modal** | — | `headerTone="brand"` (`layer.3` band + `secondary.border` rule), `ModalHeader subtitle` |
123
- | **Banner** | info/success/warning/danger | + `neutral`; 1px border + 3px left bar; `info` uses `info.*` (was primary) |
124
- | **Toast** | default `success` | + `neutral` (now the default); `info` uses `info.*` |
125
- | **PageLoader / SectionLoader** | — | `variant="thinking"` (coral dots); both now `role="status"` |
126
- | **Link** | `primary.main`, no underline | `fg.link` + underline (1px, hover 2px), weight 500 |
127
- | **Avatar** | untinted fallback | fallback tinted by `category.*` from a name hash; `colorHue` override |
128
- | **Typography** | some `primary.*` emphasis colours | `fg.*` only |
129
- | **focusRing util** | white inner band | `bg.canvas` inner band |
130
- | **Disabled** | `opacity: 0.5` | fixed `disabled.bg` / `disabled.fg` |
113
+ | Component | 4.x | 5.0 |
114
+ | ------------------------------ | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
115
+ | **Button** | `colorPalette` × `variant` (solid/outline/ghost/soft); default rendered `soft` while documented `solid` | `variant`: `primary` · `action` · `accent` (5.0.0-alpha.1, coral CTA) · `secondary` · `subtle` (default) · `ghost` · `danger`; `isDestructive` for danger text on secondary/subtle/ghost. `colorPalette` removed from the types |
116
+ | **IconButton** | same grid, default neutral ghost | `variant`: `ghost` (default) · `secondary` · `primary` · `danger` · `action` (coral send); `isDestructive` |
117
+ | **Badge** | 6 variants, default `primary` | `neutral` (default, `bg.muted` + `secondary.fgStrong`) · `success` · `warning` · `danger` · `info`; `primary`/`secondary` removed |
118
+ | **CountBadge** | — (app's UnreadCountBadge) | new: `count`, `max` (99+), `dot`, `showZero`, `label` |
119
+ | **Tag** | `colorPalette` × `variant` | `tone` (`neutral` default · `success` · `warning` · `danger` · `info`), `selected`, `category` (12 hues), `icon` |
120
+ | **Chip** | separate component | deprecated alias of Tag (removed in 6.0) — `<Chip>` → `<Tag>`; the codemod keeps its pill shape (`borderRadius="xl" px={3} py={2} fontWeight="medium"`) |
121
+ | **Card** | `gradient` variant | removed; `wash` = `bg.muted` (neutral, borderless) |
122
+ | **Modal** | — | `headerTone="brand"` (`layer.3` band + `secondary.border` rule), `ModalHeader subtitle` |
123
+ | **Banner** | info/success/warning/danger | + `neutral`; 1px border + 3px left bar; `info` uses `info.*` (was primary) |
124
+ | **Toast** | default `success` | + `neutral` (now the default); `info` uses `info.*` |
125
+ | **PageLoader / SectionLoader** | — | `variant="thinking"` (coral dots); both now `role="status"` |
126
+ | **Link** | `primary.main`, no underline | `fg.link` + underline (1px, hover 2px), weight 500 |
127
+ | **Avatar** | untinted fallback | fallback tinted by `category.*` from a name hash; `colorHue` override |
128
+ | **Typography** | some `primary.*` emphasis colours | `fg.*` only |
129
+ | **focusRing util** | white inner band | `bg.canvas` inner band |
130
+ | **Disabled** | `opacity: 0.5` | fixed `disabled.bg` / `disabled.fg` |
131
131
 
132
132
  Untyped / `as any` callers passing the old Button/IconButton/Badge/Tag/Chip props
133
133
  still render — they are mapped at runtime with a one-time development warning —
package/codemods/5.0/button-variants.js CHANGED
@@ -38,6 +38,7 @@ const NAME = 'button-variants';
38
38
  const NEW_BUTTON = new Set([
39
39
  'primary',
40
40
  'action',
41
+ 'accent',
41
42
  'secondary',
42
43
  'subtle',
43
44
  'ghost',
package/codemods/5.0/codemods.test.ts CHANGED
@@ -353,6 +353,7 @@ describe('parity with the runtime legacy mappers', () => {
353
353
  'surface',
354
354
  'primary',
355
355
  'action',
356
+ 'accent',
356
357
  'secondary',
357
358
  'subtle',
358
359
  'danger',
package/dist/components/Button/Button.legacy.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.legacy.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.legacy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;;;;;;;GAQG;AAEH,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9B,kFAAkF;AAClF,KAAK,aAAa,GAAG,aAAa,CAAC;AAEnC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,aAAa,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AA+BF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,IAAI,EACV,cAAc,OAAO,EACrB,SAAS,OAAO,KACf,OAIF,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,0BAA0B,GACrC,MAAM,IAAI,EACV,cAAc,OAAO,EACrB,SAAS,OAAO,KACf,gBAqDF,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAChC,WAAW,MAAM,EACjB,cAAc,OAAO,EACrB,SAAS,OAAO,EAChB,UAAU,gBAAgB,KACzB,IAiBF,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,2BAA2B,QAAO,IAAsB,CAAC"}
1
+ {"version":3,"file":"Button.legacy.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.legacy.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;;;;;;;GAQG;AAEH,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9B,kFAAkF;AAClF,KAAK,aAAa,GAAG,aAAa,CAAC;AAEnC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,aAAa,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAgCF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,IAAI,EACV,cAAc,OAAO,EACrB,SAAS,OAAO,KACf,OAIF,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,0BAA0B,GACrC,MAAM,IAAI,EACV,cAAc,OAAO,EACrB,SAAS,OAAO,KACf,gBAqDF,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAChC,WAAW,MAAM,EACjB,cAAc,OAAO,EACrB,SAAS,OAAO,EAChB,UAAU,gBAAgB,KACzB,IAiBF,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,2BAA2B,QAAO,IAAsB,CAAC"}
package/dist/components/Button/Button.legacy.js CHANGED
@@ -11,6 +11,7 @@ var isDev = require('../../utils/isDev.js');
11
11
  const BUTTON_VARIANT_KEYS = {
12
12
  primary: true,
13
13
  action: true,
14
+ accent: true,
14
15
  secondary: true,
15
16
  subtle: true,
16
17
  ghost: true,
package/dist/components/Button/Button.legacy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.legacy.js","sources":["../../../src/components/Button/Button.legacy.ts"],"sourcesContent":[null],"names":["isDev"],"mappings":"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"}
1
+ {"version":3,"file":"Button.legacy.js","sources":["../../../src/components/Button/Button.legacy.ts"],"sourcesContent":[null],"names":["isDev"],"mappings":"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"}
package/dist/components/Button/Button.legacy.mjs CHANGED
@@ -9,6 +9,7 @@ import { isDev } from '../../utils/isDev.mjs';
9
9
  const BUTTON_VARIANT_KEYS = {
10
10
  primary: true,
11
11
  action: true,
12
+ accent: true,
12
13
  secondary: true,
13
14
  subtle: true,
14
15
  ghost: true,
package/dist/components/Button/Button.legacy.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.legacy.mjs","sources":["../../../src/components/Button/Button.legacy.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AA2BA;;;;AAIG;AACH,MAAM,mBAAmB,GAAgC;AACvD,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,MAAM,EAAE,IAAI;CACb;AAED,MAAM,iBAAiB,GAAoC;AACzD,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,MAAM,EAAE,IAAI;CACb;AAED,MAAM,mBAAmB,GAAwB,IAAI,GAAG,CACtD,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CACjC;AACD,MAAM,iBAAiB,GAAwB,IAAI,GAAG,CACpD,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAC/B;AAED;;;AAGG;AACI,MAAM,mBAAmB,GAAG,CACjC,IAAU,EACV,YAAqB,EACrB,OAAgB,KACL;AACX,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,MAAM,GAAG,iBAAiB,GAAG,mBAAmB;IACvE,IAAI,YAAY,IAAI,IAAI;AAAE,QAAA,OAAO,IAAI;AACrC,IAAA,OAAO,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvD;AAEA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,0BAA0B,GAAG,CACxC,IAAU,EACV,YAAqB,EACrB,OAAgB,KACI;AACpB,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;AACvE,IAAA,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ;AACrC,IAAA,MAAM,CAAC,GACL,OAAO,IAAI,IAAI,IAAI,IAAI,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC;AAE1E,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,MAAM,GAAG,iBAAiB,GAAG,mBAAmB;;;IAGvE,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,OAAO,EAAE;;QAEjC,MAAM,kBAAkB,GAAG,CAAC,KAAK,WAAW,IAAI,CAAC,KAAK,QAAQ;QAC9D,OAAO;AACL,YAAA,OAAO,EAAE,CAAkB;YAC3B,aAAa,EAAE,QAAQ,IAAI,kBAAkB;AAC7C,YAAA,UAAU,EAAE,KAAK;SAClB;IACH;IAEA,QAAQ,CAAC;AACP,QAAA,KAAK,OAAO;AACV,YAAA,IAAI,QAAQ;AACV,gBAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE;YACvE,OAAO;AACL,gBAAA,OAAO,EAAE,SAAS;AAClB,gBAAA,aAAa,EAAE,KAAK;gBACpB,UAAU,EACR,OAAO,KAAK,WAAW;AACvB,oBAAA,OAAO,KAAK,SAAS;AACrB,oBAAA,OAAO,KAAK,SAAS;aACxB;AACH,QAAA,KAAK,SAAS;YACZ,OAAO;AACL,gBAAA,OAAO,EAAE,WAAW;AACpB,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,UAAU,EAAE,KAAK;aAClB;AACH,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE;AACzE,QAAA,KAAK,MAAM;YACT,OAAO;gBACL,OAAO,EAAE,IAAI,KAAK,MAAM,GAAG,OAAO,GAAG,QAAQ;AAC7C,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,UAAU,EAAE,KAAK;aAClB;AACH,QAAA;;YAEE,OAAO;gBACL,OAAO,EAAE,IAAI,KAAK,MAAM,GAAG,OAAO,GAAG,QAAQ;AAC7C,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,UAAU,EAAE,IAAI;aACjB;;AAEP;AAEA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU;AAEhC;;;AAGG;AACI,MAAM,qBAAqB,GAAG,CACnC,SAAiB,EACjB,YAAqB,EACrB,OAAgB,EAChB,QAA0B,KAClB;IACR,IAAI,CAAC,KAAK,EAAE;QAAE;AACd,IAAA,MAAM,GAAG,GAAG,CAAA,EAAG,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;AACrE,IAAA,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE;AACrB,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;AACf,IAAA,MAAM,EAAE,GAAG,CAAA,SAAA,EAAY,QAAQ,CAAC,OAAO,IACrC,QAAQ,CAAC,aAAa,GAAG,gBAAgB,GAAG,EAC9C,EAAE;AACF,IAAA,OAAO,CAAC,IAAI,CACV,CAAA,eAAA,EAAkB,SAAS,CAAA,eAAA,EAAkB,MAAM,CACjD,YAAY,CACb,CAAA,WAAA,EAAc,MAAM,CAAC,OAAO,CAAC,CAAA,wCAAA,CAA0C;AACtE,QAAA,CAAA,aAAA,EAAgB,EAAE,CAAA,CAAA,CAAG;SACpB,QAAQ,CAAC;AACR,cAAE;AACF,cAAE,+BAA+B,CAAC,CACvC;AACH;;;;"}
1
+ {"version":3,"file":"Button.legacy.mjs","sources":["../../../src/components/Button/Button.legacy.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/dist/components/Button/Button.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKpE,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AAExB,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAiC7C,eAAO,MAAM,gBAAgB,QAqBjB,CAAC;AAQb;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,UAAU,CA+DjE,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,EAAE,SAAS,aAAa,EAI9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAC1B,UAAS,aAAwB,EACjC,uBAAqB,KACpB,UAUF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAOzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AASF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAUhC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,qFAA2B,CAAC"}
1
+ {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKpE,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AAExB,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAiC7C,eAAO,MAAM,gBAAgB,QAqBjB,CAAC;AAQb;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,UAAU,CAgFjE,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,EAAE,SAAS,aAAa,EAI9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAC1B,UAAS,aAAwB,EACjC,uBAAqB,KACpB,UAUF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAQzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AASF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,EAUhC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;AAEzE;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,qFAA2B,CAAC"}
package/dist/components/Button/Button.styles.js CHANGED
@@ -106,6 +106,23 @@ const buttonVariantStyles = {
106
106
  },
107
107
  },
108
108
  },
109
+ /**
110
+ * Coral fill, dark label — the coloured CTA. Reuses the `send.*` tokens of
111
+ * the IconButton send button so the brand has one coral surface, and the
112
+ * contrast audit checks `send.fg` on all three fills as *text* (4.5:1).
113
+ */
114
+ accent: {
115
+ borderColor: 'send.bg',
116
+ bgColor: 'send.bg',
117
+ color: 'send.fg',
118
+ _hover: { borderColor: 'send.bgHover', bgColor: 'send.bgHover' },
119
+ _active: {
120
+ borderColor: 'send.bgActive',
121
+ bgColor: 'send.bgActive',
122
+ scale: PRESSED,
123
+ },
124
+ _disabled: { ...disabledControl.disabledControl },
125
+ },
109
126
  secondary: {
110
127
  borderColor: 'border.default',
111
128
  bgColor: 'bg.surface',
@@ -173,6 +190,7 @@ const getButtonStyles = (variant = 'subtle', isDestructive = false) => {
173
190
  const buttonVariants = [
174
191
  'primary',
175
192
  'action',
193
+ 'accent',
176
194
  'secondary',
177
195
  'subtle',
178
196
  'ghost',
package/dist/components/Button/Button.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText","resolveLegacyButtonVariant"],"mappings":";;;;;;AAaA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH,MAAM,KAAK,GAAG,sCAAsC;AACpD,MAAM,QAAQ,GAAG,8BAA8B;AAC/C,MAAM,QAAQ,GAAG,gCAAgC;AACjD;AACA;AACA,MAAM,UAAU,GAAG,kCAAkC;AAE9C,MAAM,gBAAgB,GAAG;IAC9B,CAAA,MAAA,EAAS,KAAK,CAAA,CAAA,EAAI,UAAU,CAAA,CAAE;IAC9B,GAAG;QACD,kBAAkB;QAClB,cAAc;QACd,OAAO;;;QAGP,SAAS;;;QAGT,WAAW;;;;;;;QAOX,WAAW;QACX,QAAQ;AACT,KAAA,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA,EAAI,QAAQ,EAAE,CAAC;AAC3D,CAAA,CAAC,IAAI,CAAC,IAAI;AAEX;;;AAGG;AACH,MAAM,OAAO,GAAG,MAAM;AAEtB;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,mBAAmB,GAAsC;AACpE,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AAClE,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,OAAO,EAAE,gBAAgB;AACzB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,SAAS,EAAE,EAAE,GAAGA,+BAAe,EAAE;AAClC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,eAAe;AAC5B,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;QACrC,OAAO,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,OAAO,EAAE;AACvD,QAAA,SAAS,EAAE,EAAE,GAAGA,+BAAe,EAAE;AACjC,QAAA,GAAG,EAAE;AACH,YAAA,SAAS,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAC1C,YAAA,oDAAoD,EAAE;AACpD,gBAAA,KAAK,EAAE,aAAa;AACrB,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,WAAW,EAAE,gBAAgB;AAC7B,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE;AAC1D,QAAA,SAAS,EAAE,EAAE,GAAGA,+BAAe,EAAE;AAClC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;QACzC,OAAO,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,EAAE;AACxD,QAAA,SAAS,EAAE,EAAE,GAAGA,+BAAe,EAAE;AAClC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE;AAC1D,QAAA,SAAS,EAAE,EAAE,GAAGC,4BAAY,EAAE;AAC/B,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,EAAE,WAAW,EAAE,mBAAmB,EAAE,OAAO,EAAE,mBAAmB,EAAE;AAC1E,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,oBAAoB;AACjC,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,SAAS,EAAE,EAAE,GAAGD,+BAAe,EAAE;AAClC,KAAA;;AAGH;AACO,MAAM,0BAA0B,GAA6B;IAClE,WAAW;IACX,QAAQ;IACR,OAAO;;AAGT;;;;;;AAMG;AACI,MAAM,eAAe,GAAG,CAC7B,OAAA,GAAyB,QAAQ,EACjC,aAAa,GAAG,KAAK,KACP;IACd,MAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,MAAM;IACvE,IAAI,CAAC,aAAa,IAAI,CAAC,0BAA0B,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;AACnE,QAAA,OAAO,IAAI;IACb;IACA,OAAO;AACL,QAAA,GAAG,IAAI;AACP,QAAA,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,EAAE,GAAI,IAAI,CAAC,MAAiB,EAAE,KAAK,EAAE,WAAW,EAAE;KAC3D;AACH;AAEA;;AAEG;AACI,MAAM,cAAc,GAAoB;IAC7C,SAAS;IACT,QAAQ;IACR,WAAW;IACX,QAAQ;IACR,OAAO;IACP,QAAQ;;AAGV;;AAEG;AACI,MAAM,mBAAmB,GAAyB;IACvD,SAAS;IACT,WAAW;IACX,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;;AAGX,MAAM,cAAc,GAA0B;IAC5C,OAAO;IACP,MAAM;IACN,SAAS;IACT,OAAO;CACR;AAED;;;;;;AAMG;AACI,MAAM,wBAAwB,GAAG,MAAM,CAAC,WAAW,CACxD,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK;IACnC,OAAO;IACP,MAAM,CAAC,WAAW,CAChB,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;QAC7B,MAAM,MAAM,GAAGE,wCAA0B,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;AACrE,QAAA,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;AACzE,IAAA,CAAC,CAAC,CACH;AACF,CAAA,CAAC;;;;;;;;;;"}
1
+ {"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText","resolveLegacyButtonVariant"],"mappings":"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"}
package/dist/components/Button/Button.styles.mjs CHANGED
@@ -104,6 +104,23 @@ const buttonVariantStyles = {
104
104
  },
105
105
  },
106
106
  },
107
+ /**
108
+ * Coral fill, dark label — the coloured CTA. Reuses the `send.*` tokens of
109
+ * the IconButton send button so the brand has one coral surface, and the
110
+ * contrast audit checks `send.fg` on all three fills as *text* (4.5:1).
111
+ */
112
+ accent: {
113
+ borderColor: 'send.bg',
114
+ bgColor: 'send.bg',
115
+ color: 'send.fg',
116
+ _hover: { borderColor: 'send.bgHover', bgColor: 'send.bgHover' },
117
+ _active: {
118
+ borderColor: 'send.bgActive',
119
+ bgColor: 'send.bgActive',
120
+ scale: PRESSED,
121
+ },
122
+ _disabled: { ...disabledControl },
123
+ },
107
124
  secondary: {
108
125
  borderColor: 'border.default',
109
126
  bgColor: 'bg.surface',
@@ -171,6 +188,7 @@ const getButtonStyles = (variant = 'subtle', isDestructive = false) => {
171
188
  const buttonVariants = [
172
189
  'primary',
173
190
  'action',
191
+ 'accent',
174
192
  'secondary',
175
193
  'subtle',
176
194
  'ghost',
package/dist/components/Button/Button.styles.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.mjs","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.styles.mjs","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/dist/components/Button/Button.types.d.ts CHANGED
@@ -9,6 +9,8 @@ import type { PolymorphicProps } from '../../types/polymorphic';
9
9
  *
10
10
  * - `primary`: BAZE black fill — the one main action of a screen
11
11
  * - `action`: black "run" button whose icon is coral (`action.iconOnSolid`)
12
+ * - `accent`: coral fill with dark text (`send.*`) — the one coloured call to
13
+ * action of a marketing surface or a hero; at most one per view
12
14
  * - `secondary`: outlined surface button — cancel, alternative actions
13
15
  * - `subtle`: quiet warm-wash fill — low-emphasis actions (the default)
14
16
  * - `ghost`: no fill, no border — toolbars, inline actions
@@ -17,7 +19,7 @@ import type { PolymorphicProps } from '../../types/polymorphic';
17
19
  * For a *secondary* destructive action (a "delete" link-ish button next to a
18
20
  * form) keep `secondary`/`ghost`/`subtle` and add `isDestructive`.
19
21
  */
20
- export type ButtonVariant = 'primary' | 'action' | 'secondary' | 'subtle' | 'ghost' | 'danger';
22
+ export type ButtonVariant = 'primary' | 'action' | 'accent' | 'secondary' | 'subtle' | 'ghost' | 'danger';
21
23
  /**
22
24
  * @deprecated 5.0 removed the colour axis — `colorPalette` is no longer a
23
25
  * Button prop. Pick a `variant` role instead (and `isDestructive` for a
@@ -58,8 +60,8 @@ export type ButtonOwnProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' |
58
60
  /**
59
61
  * Danger-coloured text (`danger.fg`) for a destructive action that does not
60
62
  * deserve a red fill. Applies to `secondary`, `ghost` and `subtle`; the
61
- * border and fill stay the variant's own. Ignored on `primary`, `action` and
62
- * `danger` (use `variant="danger"` for a filled destructive button).
63
+ * border and fill stay the variant's own. Ignored on `primary`, `action`,
64
+ * `accent` and `danger` (use `variant="danger"` for a filled destructive button).
63
65
  * @default false
64
66
  */
65
67
  isDestructive?: boolean;
package/dist/components/Button/Button.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7E,GAAG;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,WAAW,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IAC7D,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7E,GAAG;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,WAAW,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IAC7D,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindlogic-ai/logician-ui",
3
- "version": "5.0.0-alpha.0",
3
+ "version": "5.0.0-alpha.1",
4
4
  "description": "A comprehensive React design system built on Chakra UI",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/components/Button/Button.legacy.ts CHANGED
@@ -33,6 +33,7 @@ export type LegacyResolution = {
33
33
  const BUTTON_VARIANT_KEYS: Record<ButtonVariant, true> = {
34
34
  primary: true,
35
35
  action: true,
36
+ accent: true,
36
37
  secondary: true,
37
38
  subtle: true,
38
39
  ghost: true,
package/src/components/Button/Button.stories.tsx CHANGED
@@ -35,6 +35,7 @@ export const Basic: Story = {
35
35
  const VARIANT_NOTES: Record<ButtonVariant, string> = {
36
36
  primary: '화면의 주 행동 — BAZE 블랙',
37
37
  action: '실행 버튼 — 블랙 면 + 코랄 아이콘',
38
+ accent: '색 있는 CTA — 코랄 면 + 검정 글씨, 화면당 하나',
38
39
  secondary: '보조 행동 — 테두리 + 표면',
39
40
  subtle: '낮은 강조 — 웜 워시 (기본값)',
40
41
  ghost: '툴바·인라인 — 면/테두리 없음',
@@ -131,6 +132,29 @@ export const Action: Story = {
131
132
  ),
132
133
  };
133
134
 
135
+ /**
136
+ * `accent`: the coloured call to action — coral fill (`send.bg`), dark label
137
+ * (`send.fg`, 6.5:1). One per view: a hero or a marketing section's main CTA.
138
+ * Keep `primary` (black) for product screens, where coral is reserved for
139
+ * run/send signals.
140
+ */
141
+ export const Accent: Story = {
142
+ render: () => (
143
+ <HStack gap={4}>
144
+ <Button variant="accent" size="lg">
145
+ 입장하기
146
+ </Button>
147
+ <Button variant="accent">시작하기</Button>
148
+ <Button variant="accent" size="sm">
149
+ 시작하기
150
+ </Button>
151
+ <Button variant="accent" disabled>
152
+ 시작하기
153
+ </Button>
154
+ </HStack>
155
+ ),
156
+ };
157
+
134
158
  /**
135
159
  * All available button sizes.
136
160
  *
package/src/components/Button/Button.styles.ts CHANGED
@@ -116,6 +116,23 @@ export const buttonVariantStyles: Record<ButtonVariant, StyleProps> = {
116
116
  },
117
117
  },
118
118
  },
119
+ /**
120
+ * Coral fill, dark label — the coloured CTA. Reuses the `send.*` tokens of
121
+ * the IconButton send button so the brand has one coral surface, and the
122
+ * contrast audit checks `send.fg` on all three fills as *text* (4.5:1).
123
+ */
124
+ accent: {
125
+ borderColor: 'send.bg',
126
+ bgColor: 'send.bg',
127
+ color: 'send.fg',
128
+ _hover: { borderColor: 'send.bgHover', bgColor: 'send.bgHover' },
129
+ _active: {
130
+ borderColor: 'send.bgActive',
131
+ bgColor: 'send.bgActive',
132
+ scale: PRESSED,
133
+ },
134
+ _disabled: { ...disabledControl },
135
+ },
119
136
  secondary: {
120
137
  borderColor: 'border.default',
121
138
  bgColor: 'bg.surface',
@@ -189,6 +206,7 @@ export const getButtonStyles = (
189
206
  export const buttonVariants: ButtonVariant[] = [
190
207
  'primary',
191
208
  'action',
209
+ 'accent',
192
210
  'secondary',
193
211
  'subtle',
194
212
  'ghost',
package/src/components/Button/Button.types.ts CHANGED
@@ -16,6 +16,8 @@ import type { PolymorphicProps } from '../../types/polymorphic';
16
16
  *
17
17
  * - `primary`: BAZE black fill — the one main action of a screen
18
18
  * - `action`: black "run" button whose icon is coral (`action.iconOnSolid`)
19
+ * - `accent`: coral fill with dark text (`send.*`) — the one coloured call to
20
+ * action of a marketing surface or a hero; at most one per view
19
21
  * - `secondary`: outlined surface button — cancel, alternative actions
20
22
  * - `subtle`: quiet warm-wash fill — low-emphasis actions (the default)
21
23
  * - `ghost`: no fill, no border — toolbars, inline actions
@@ -27,6 +29,7 @@ import type { PolymorphicProps } from '../../types/polymorphic';
27
29
  export type ButtonVariant =
28
30
  | 'primary'
29
31
  | 'action'
32
+ | 'accent'
30
33
  | 'secondary'
31
34
  | 'subtle'
32
35
  | 'ghost'
@@ -83,8 +86,8 @@ export type ButtonOwnProps = Omit<
83
86
  /**
84
87
  * Danger-coloured text (`danger.fg`) for a destructive action that does not
85
88
  * deserve a red fill. Applies to `secondary`, `ghost` and `subtle`; the
86
- * border and fill stay the variant's own. Ignored on `primary`, `action` and
87
- * `danger` (use `variant="danger"` for a filled destructive button).
89
+ * border and fill stay the variant's own. Ignored on `primary`, `action`,
90
+ * `accent` and `danger` (use `variant="danger"` for a filled destructive button).
88
91
  * @default false
89
92
  */
90
93
  isDestructive?: boolean;
package/src/components/Button/Button.variants.test.tsx CHANGED
@@ -47,6 +47,15 @@ describe('Button variants (5.0)', () => {
47
47
  expect(getButtonStyles('danger', true).color).toBe('danger.onSolid');
48
48
  });
49
49
 
50
+ it('accent is the coral fill with a dark label (send.* tokens)', () => {
51
+ const accent = getButtonStyles('accent');
52
+ expect(accent.bgColor).toBe('send.bg');
53
+ expect(accent.color).toBe('send.fg');
54
+ expect(accent._hover).toMatchObject({ bgColor: 'send.bgHover' });
55
+ expect(accent._active).toMatchObject({ bgColor: 'send.bgActive' });
56
+ expect(getButtonStyles('accent', true).color).toBe('send.fg');
57
+ });
58
+
50
59
  it('disabled is a fixed colour pair, not opacity', () => {
51
60
  expect(buttonVariantStyles.primary._disabled).toMatchObject({
52
61
  bg: 'disabled.bg',
package/src/theme/SemanticTokens.mdx CHANGED
@@ -40,7 +40,7 @@ createLogicianTheme({ neutral: 'slate' }) // cool gray — app code unchanged
40
40
  | Beige accent: text, icons, borders on those (`secondary` identity) | `secondary.fg` / `.fgStrong` / `.border` |
41
41
  | Beige tint (tint/accent only — **not a component background**: reads peach as a fill) | `secondary.surface` / `.surfaceStrong` |
42
42
  | Run button (black + coral icon) · small coral marks | `action.bg` / `.fg` / `.iconOnSolid` · `action.mark` |
43
- | Send button | `send.bg` / `.bgHover` / `.bgActive` / `.fg` |
43
+ | Send button, Button `accent` | `send.bg` / `.bgHover` / `.bgActive` / `.fg` |
44
44
  | Unread count | `count.bg` / `count.fg` |
45
45
  | Disabled (no opacity) | `disabled.bg` / `disabled.fg` |
46
46
  | Status | `danger` · `success` · `warning` · `info` → `.bg` `.border` `.fg` `.solid` `.onSolid` |
package/src/theme/contrast.test.ts CHANGED
@@ -77,9 +77,10 @@ const PAIRS: [string, string, Kind][] = [
77
77
  ['action-iconOnSolid', 'action-bgHover', 'nontext'],
78
78
  ['action-fg', 'action-bgActive', 'text'],
79
79
  ['action-iconOnSolid', 'action-bgActive', 'nontext'],
80
- ['send-fg', 'send-bg', 'nontext'],
81
- ['send-fg', 'send-bgHover', 'nontext'],
82
- ['send-fg', 'send-bgActive', 'nontext'],
80
+ // `text`, not `nontext`: Button `accent` puts a label on these fills.
81
+ ['send-fg', 'send-bg', 'text'],
82
+ ['send-fg', 'send-bgHover', 'text'],
83
+ ['send-fg', 'send-bgActive', 'text'],
83
84
  ['danger-fg', 'danger-bg', 'text'],
84
85
  ['danger-onSolid', 'danger-solid', 'text'],
85
86
  ['success-fg', 'success-bg', 'text'],