@mindlogic-ai/logician-ui 5.0.0-alpha.0 → 5.0.0-alpha.2
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.
- package/MIGRATION-5.0.md +18 -18
- package/codemods/5.0/button-variants.js +1 -0
- package/codemods/5.0/codemods.test.ts +1 -0
- package/dist/components/Button/Button.legacy.d.ts.map +1 -1
- package/dist/components/Button/Button.legacy.js +1 -0
- package/dist/components/Button/Button.legacy.js.map +1 -1
- package/dist/components/Button/Button.legacy.mjs +1 -0
- package/dist/components/Button/Button.legacy.mjs.map +1 -1
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +18 -0
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +18 -0
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Button/Button.types.d.ts +5 -3
- package/dist/components/Button/Button.types.d.ts.map +1 -1
- package/dist/components/LineGraph/seriesColors.d.ts +2 -0
- package/dist/components/LineGraph/seriesColors.d.ts.map +1 -1
- package/dist/components/LineGraph/seriesColors.js.map +1 -1
- package/dist/components/LineGraph/seriesColors.mjs.map +1 -1
- package/dist/components/Select/Select.d.ts +5 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.mjs +3 -3
- package/dist/components/Select/Select.mjs.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +38 -0
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +35 -0
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +35 -2
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/components/Select/Select.types.d.ts +10 -0
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/Select/SelectField.d.ts +1 -1
- package/dist/components/Select/SelectField.d.ts.map +1 -1
- package/dist/components/Select/SelectField.js +3 -2
- package/dist/components/Select/SelectField.js.map +1 -1
- package/dist/components/Select/SelectField.mjs +3 -2
- package/dist/components/Select/SelectField.mjs.map +1 -1
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/Select/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.legacy.ts +1 -0
- package/src/components/Button/Button.stories.tsx +24 -0
- package/src/components/Button/Button.styles.ts +18 -0
- package/src/components/Button/Button.types.ts +5 -2
- package/src/components/Button/Button.variants.test.tsx +9 -0
- package/src/components/LineGraph/seriesColors.ts +2 -0
- package/src/components/Select/Comparison.stories.tsx +19 -0
- package/src/components/Select/Select.stories.tsx +55 -0
- package/src/components/Select/Select.styles.ts +36 -1
- package/src/components/Select/Select.tsx +13 -3
- package/src/components/Select/Select.types.ts +11 -0
- package/src/components/Select/SelectField.tsx +7 -3
- package/src/components/Select/index.ts +1 -0
- package/src/theme/SemanticTokens.mdx +27 -1
- package/src/theme/claude.md +3 -0
- 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 —
|
|
@@ -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;
|
|
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"}
|
|
@@ -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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.legacy.mjs","sources":["../../../src/components/Button/Button.legacy.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
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,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 +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,
|
|
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"}
|
|
@@ -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',
|
|
@@ -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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"}
|
|
@@ -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',
|
|
@@ -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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"}
|
|
@@ -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
|
|
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;
|
|
@@ -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
|
|
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"}
|
|
@@ -6,6 +6,8 @@ import type { SystemHue } from '@/theme/colors';
|
|
|
6
6
|
* that carry no meaning in the system. Red, yellow and green are the danger,
|
|
7
7
|
* warning and success colours, and blue is info and links, so none of them
|
|
8
8
|
* may colour a series by default — a red "UV" line reads as an error.
|
|
9
|
+
* (Blue is reserved for data as a whole: a single-measure chart is a blue
|
|
10
|
+
* monochrome ramp — SemanticTokens.mdx, "Blue means data and links".)
|
|
9
11
|
*
|
|
10
12
|
* Every stroke clears 3:1 against the page in both modes. Cyan, mint and
|
|
11
13
|
* orange are too light at their base value in light mode (≈1.9:1), so they
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD
|
|
1
|
+
{"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;;;;;;GAaG;AACH,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,SAAS,EASjD,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,WAAW,GACtB,OAAO,MAAM,EACb,SAAS,MAAM,EACf,QAAQ,OAAO,KACd,MAKF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;AAsBO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;AACO,MAAM,WAAW,GAAG,CACzB,KAAa,EACb,OAAe,EACf,MAAe,KACL;IACV,IAAI,KAAK,KAAK,CAAC;AAAE,QAAA,OAAO,OAAO;AAC/B,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAsBO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;AACO,MAAM,WAAW,GAAG,CACzB,KAAa,EACb,OAAe,EACf,MAAe,KACL;IACV,IAAI,KAAK,KAAK,CAAC;AAAE,QAAA,OAAO,OAAO;AAC/B,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { Select as ChakraSelect } from '@chakra-ui/react';
|
|
2
|
+
import type { SelectVariant } from './Select.types';
|
|
3
|
+
export interface SelectTriggerProps extends ChakraSelect.TriggerProps {
|
|
4
|
+
variant?: SelectVariant;
|
|
5
|
+
}
|
|
2
6
|
/**
|
|
3
7
|
* Compound Select primitives — Chakra's `Select` namespace with the Logician
|
|
4
8
|
* design-system styling baked into the visual parts (`Trigger`, `Content`,
|
|
@@ -12,7 +16,7 @@ export declare const Select: {
|
|
|
12
16
|
Context: <T extends unknown>(props: import("@ark-ui/react").SelectContextProps<T>) => import("react").ReactNode;
|
|
13
17
|
Label: import("react").ForwardRefExoticComponent<ChakraSelect.LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
|
|
14
18
|
Control: import("react").ForwardRefExoticComponent<ChakraSelect.ControlProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
-
Trigger: import("react").ForwardRefExoticComponent<
|
|
19
|
+
Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
20
|
ValueText: import("react").ForwardRefExoticComponent<ChakraSelect.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
17
21
|
IndicatorGroup: import("react").ForwardRefExoticComponent<ChakraSelect.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
22
|
Indicator: import("react").ForwardRefExoticComponent<ChakraSelect.IndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAW1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,YAAY;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAqDD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAoBlB,CAAC"}
|
|
@@ -7,8 +7,8 @@ var react = require('@chakra-ui/react');
|
|
|
7
7
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
8
8
|
var Select_styles = require('./Select.styles.js');
|
|
9
9
|
|
|
10
|
-
const Trigger = React.forwardRef(function SelectTrigger({ css, ...props }, ref) {
|
|
11
|
-
return (jsxRuntime.jsx(react.Select.Trigger, { ref: ref, ...props, css: mergeCss.mergeCss(Select_styles.triggerStyles, css) }));
|
|
10
|
+
const Trigger = React.forwardRef(function SelectTrigger({ css, variant = 'outline', ...props }, ref) {
|
|
11
|
+
return (jsxRuntime.jsx(react.Select.Trigger, { ref: ref, ...props, css: mergeCss.mergeCss(Select_styles.triggerStyles, variant === 'ghost' && Select_styles.ghostTriggerStyles, css) }));
|
|
12
12
|
});
|
|
13
13
|
const Content = React.forwardRef(function SelectContent({ css, ...props }, ref) {
|
|
14
14
|
return (jsxRuntime.jsx(react.Select.Content, { ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSelect","mergeCss","triggerStyles","contentStyles","itemStyles","indicatorStyles"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSelect","mergeCss","triggerStyles","ghostTriggerStyles","contentStyles","itemStyles","indicatorStyles"],"mappings":";;;;;;;;;AAkBA,MAAM,OAAO,GAAGA,gBAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAChE,IAAA,QACEC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACXC,2BAAa,EACb,OAAO,KAAK,OAAO,IAAIC,gCAAkB,EACzC,GAAG,CACJ,EAAA,CACD;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAGL,gBAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACEC,eAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACG,2BAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAGN,gBAAU,CACrB,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACxC,QACEC,eAACC,YAAY,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,GAAG,EAAEC,iBAAQ,CAACI,wBAAU,EAAE,GAAG,CAAC,EAAA,CAAI;AAE9E,CAAC,CACF;AAED,MAAM,SAAS,GAAGP,gBAAU,CAC1B,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACEC,eAACC,YAAY,CAAC,SAAS,EAAA,EACrB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACK,6BAAe,EAAE,GAAG,CAAC,EAAA,CACnC;AAEN,CAAC,CACF;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG;IACpB,IAAI,EAAEN,YAAY,CAAC,IAAI;IACvB,aAAa,EAAEA,YAAY,CAAC,aAAa;IACzC,OAAO,EAAEA,YAAY,CAAC,OAAO;IAC7B,KAAK,EAAEA,YAAY,CAAC,KAAK;IACzB,OAAO,EAAEA,YAAY,CAAC,OAAO;IAC7B,OAAO;IACP,SAAS,EAAEA,YAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,YAAY,CAAC,cAAc;IAC3C,SAAS;IACT,YAAY,EAAEA,YAAY,CAAC,YAAY;IACvC,YAAY,EAAEA,YAAY,CAAC,YAAY;IACvC,UAAU,EAAEA,YAAY,CAAC,UAAU;IACnC,OAAO;IACP,SAAS,EAAEA,YAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,YAAY,CAAC,cAAc;IAC3C,IAAI;IACJ,QAAQ,EAAEA,YAAY,CAAC,QAAQ;IAC/B,aAAa,EAAEA,YAAY,CAAC,aAAa;IACzC,WAAW,EAAEA,YAAY,CAAC,WAAW;;;;;"}
|
|
@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Select as Select$1 } from '@chakra-ui/react';
|
|
5
5
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
6
|
-
import { triggerStyles, contentStyles, itemStyles, indicatorStyles } from './Select.styles.mjs';
|
|
6
|
+
import { ghostTriggerStyles, triggerStyles, contentStyles, itemStyles, indicatorStyles } from './Select.styles.mjs';
|
|
7
7
|
|
|
8
|
-
const Trigger = forwardRef(function SelectTrigger({ css, ...props }, ref) {
|
|
9
|
-
return (jsx(Select$1.Trigger, { ref: ref, ...props, css: mergeCss(triggerStyles, css) }));
|
|
8
|
+
const Trigger = forwardRef(function SelectTrigger({ css, variant = 'outline', ...props }, ref) {
|
|
9
|
+
return (jsx(Select$1.Trigger, { ref: ref, ...props, css: mergeCss(triggerStyles, variant === 'ghost' && ghostTriggerStyles, css) }));
|
|
10
10
|
});
|
|
11
11
|
const Content = forwardRef(function SelectContent({ css, ...props }, ref) {
|
|
12
12
|
return (jsx(Select$1.Content, { ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.mjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSelect"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"Select.mjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSelect"],"mappings":";;;;;;;AAkBA,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAChE,IAAA,QACEA,GAAA,CAACC,QAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,QAAQ,CACX,aAAa,EACb,OAAO,KAAK,OAAO,IAAI,kBAAkB,EACzC,GAAG,CACJ,EAAA,CACD;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACED,IAACC,QAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,aAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAG,UAAU,CACrB,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACxC,QACED,IAACC,QAAY,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,EAAA,CAAI;AAE9E,CAAC,CACF;AAED,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACED,IAACC,QAAY,CAAC,SAAS,EAAA,EACrB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAC,EAAA,CACnC;AAEN,CAAC,CACF;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG;IACpB,IAAI,EAAEA,QAAY,CAAC,IAAI;IACvB,aAAa,EAAEA,QAAY,CAAC,aAAa;IACzC,OAAO,EAAEA,QAAY,CAAC,OAAO;IAC7B,KAAK,EAAEA,QAAY,CAAC,KAAK;IACzB,OAAO,EAAEA,QAAY,CAAC,OAAO;IAC7B,OAAO;IACP,SAAS,EAAEA,QAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,QAAY,CAAC,cAAc;IAC3C,SAAS;IACT,YAAY,EAAEA,QAAY,CAAC,YAAY;IACvC,YAAY,EAAEA,QAAY,CAAC,YAAY;IACvC,UAAU,EAAEA,QAAY,CAAC,UAAU;IACnC,OAAO;IACP,SAAS,EAAEA,QAAY,CAAC,SAAS;IACjC,cAAc,EAAEA,QAAY,CAAC,cAAc;IAC3C,IAAI;IACJ,QAAQ,EAAEA,QAAY,CAAC,QAAQ;IAC/B,aAAa,EAAEA,QAAY,CAAC,aAAa;IACzC,WAAW,EAAEA,QAAY,CAAC,WAAW;;;;;"}
|
|
@@ -45,6 +45,35 @@ export declare const triggerStyles: {
|
|
|
45
45
|
'--focus-color': string;
|
|
46
46
|
'--error-color': string;
|
|
47
47
|
};
|
|
48
|
+
/**
|
|
49
|
+
* `variant="ghost"` delta on top of `triggerStyles`, for dense rows (settings
|
|
50
|
+
* lists) where a column of bordered triggers outweighs the card around them.
|
|
51
|
+
* No border at rest; hover brings back `border.control`, focus/open keep the
|
|
52
|
+
* normal ring, and an invalid field keeps its red border at rest so an error
|
|
53
|
+
* is never hidden. The chevron identifies the control (`fg.muted`, well over
|
|
54
|
+
* the 3:1 non-text floor), which is what lets the resting border go.
|
|
55
|
+
*/
|
|
56
|
+
export declare const ghostTriggerStyles: {
|
|
57
|
+
bg: string;
|
|
58
|
+
borderColor: string;
|
|
59
|
+
pe: string;
|
|
60
|
+
'& [data-part=value-text]': {
|
|
61
|
+
maxW: string;
|
|
62
|
+
whiteSpace: string;
|
|
63
|
+
};
|
|
64
|
+
_hover: {
|
|
65
|
+
borderColor: string;
|
|
66
|
+
};
|
|
67
|
+
_disabled: {
|
|
68
|
+
cursor: string;
|
|
69
|
+
fontWeight: string;
|
|
70
|
+
bg: "transparent";
|
|
71
|
+
color: "disabled.fg";
|
|
72
|
+
borderColor: "transparent";
|
|
73
|
+
opacity: 1;
|
|
74
|
+
boxShadow: "none";
|
|
75
|
+
};
|
|
76
|
+
};
|
|
48
77
|
/** Combobox text input — the typeable control. */
|
|
49
78
|
export declare const inputStyles: {
|
|
50
79
|
bg: string;
|
|
@@ -87,6 +116,15 @@ export declare const contentStyles: {
|
|
|
87
116
|
boxShadow: string;
|
|
88
117
|
padding: string;
|
|
89
118
|
};
|
|
119
|
+
/**
|
|
120
|
+
* Dropdown panel for a ghost trigger — at least as wide as the trigger, but
|
|
121
|
+
* grown to the longest option, since a content-sized trigger is often
|
|
122
|
+
* narrower than the options it opens.
|
|
123
|
+
*/
|
|
124
|
+
export declare const ghostContentStyles: {
|
|
125
|
+
width: string;
|
|
126
|
+
minW: string;
|
|
127
|
+
};
|
|
90
128
|
/** Individual option for both Select and Combobox. */
|
|
91
129
|
export declare const itemStyles: {
|
|
92
130
|
borderRadius: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA+BH,8CAA8C;AAC9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOzB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEvB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe;;CAE3B,CAAC"}
|
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA+BH,8CAA8C;AAC9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAe9B,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEvB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe;;CAE3B,CAAC"}
|
|
@@ -46,6 +46,30 @@ const triggerStyles = {
|
|
|
46
46
|
boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
|
|
47
47
|
},
|
|
48
48
|
};
|
|
49
|
+
/**
|
|
50
|
+
* `variant="ghost"` delta on top of `triggerStyles`, for dense rows (settings
|
|
51
|
+
* lists) where a column of bordered triggers outweighs the card around them.
|
|
52
|
+
* No border at rest; hover brings back `border.control`, focus/open keep the
|
|
53
|
+
* normal ring, and an invalid field keeps its red border at rest so an error
|
|
54
|
+
* is never hidden. The chevron identifies the control (`fg.muted`, well over
|
|
55
|
+
* the 3:1 non-text floor), which is what lets the resting border go.
|
|
56
|
+
*/
|
|
57
|
+
const ghostTriggerStyles = {
|
|
58
|
+
bg: 'transparent',
|
|
59
|
+
borderColor: 'transparent',
|
|
60
|
+
// Content-sized: Chakra caps the value at `maxW: 80%` of the trigger and
|
|
61
|
+
// overlays the chevron, which is circular once the trigger sizes to the
|
|
62
|
+
// value — it truncates to "앱 …". Lift the cap and reserve the chevron's
|
|
63
|
+
// room (indicator group = icon + padding on both sides) instead.
|
|
64
|
+
pe: 'calc(var(--select-trigger-padding-x) * 2 + 1rem)',
|
|
65
|
+
'& [data-part=value-text]': { maxW: 'none', whiteSpace: 'nowrap' },
|
|
66
|
+
_hover: { borderColor: 'border.control' },
|
|
67
|
+
_disabled: {
|
|
68
|
+
...disabledControl.disabledText,
|
|
69
|
+
cursor: 'not-allowed',
|
|
70
|
+
fontWeight: 'semibold',
|
|
71
|
+
},
|
|
72
|
+
};
|
|
49
73
|
/** Combobox text input — the typeable control. */
|
|
50
74
|
const inputStyles = {
|
|
51
75
|
...fieldBase,
|
|
@@ -59,6 +83,15 @@ const contentStyles = {
|
|
|
59
83
|
boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
|
|
60
84
|
padding: '4px',
|
|
61
85
|
};
|
|
86
|
+
/**
|
|
87
|
+
* Dropdown panel for a ghost trigger — at least as wide as the trigger, but
|
|
88
|
+
* grown to the longest option, since a content-sized trigger is often
|
|
89
|
+
* narrower than the options it opens.
|
|
90
|
+
*/
|
|
91
|
+
const ghostContentStyles = {
|
|
92
|
+
width: 'max-content',
|
|
93
|
+
minW: 'var(--reference-width)',
|
|
94
|
+
};
|
|
62
95
|
/** Individual option for both Select and Combobox. */
|
|
63
96
|
const itemStyles = {
|
|
64
97
|
borderRadius: '4px',
|
|
@@ -78,6 +111,8 @@ const indicatorStyles = {
|
|
|
78
111
|
};
|
|
79
112
|
|
|
80
113
|
exports.contentStyles = contentStyles;
|
|
114
|
+
exports.ghostContentStyles = ghostContentStyles;
|
|
115
|
+
exports.ghostTriggerStyles = ghostTriggerStyles;
|
|
81
116
|
exports.indicatorStyles = indicatorStyles;
|
|
82
117
|
exports.inputStyles = inputStyles;
|
|
83
118
|
exports.itemStyles = itemStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl"],"mappings":";;;;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAGA,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU
|
|
1
|
+
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText"],"mappings":";;;;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAGA,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,WAAW,EAAE,aAAa;;;;;AAK1B,IAAA,EAAE,EAAE,kDAAkD;IACtD,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;AAClE,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;AACzC,IAAA,SAAS,EAAE;AACT,QAAA,GAAGC,4BAAY;AACf,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,wBAAwB;;AAGhC;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { disabledControl } from '../../utils/disabledControl.mjs';
|
|
2
|
+
import { disabledControl, disabledText } from '../../utils/disabledControl.mjs';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Shared style objects for the Select and Combobox components.
|
|
@@ -44,6 +44,30 @@ const triggerStyles = {
|
|
|
44
44
|
boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
|
|
45
45
|
},
|
|
46
46
|
};
|
|
47
|
+
/**
|
|
48
|
+
* `variant="ghost"` delta on top of `triggerStyles`, for dense rows (settings
|
|
49
|
+
* lists) where a column of bordered triggers outweighs the card around them.
|
|
50
|
+
* No border at rest; hover brings back `border.control`, focus/open keep the
|
|
51
|
+
* normal ring, and an invalid field keeps its red border at rest so an error
|
|
52
|
+
* is never hidden. The chevron identifies the control (`fg.muted`, well over
|
|
53
|
+
* the 3:1 non-text floor), which is what lets the resting border go.
|
|
54
|
+
*/
|
|
55
|
+
const ghostTriggerStyles = {
|
|
56
|
+
bg: 'transparent',
|
|
57
|
+
borderColor: 'transparent',
|
|
58
|
+
// Content-sized: Chakra caps the value at `maxW: 80%` of the trigger and
|
|
59
|
+
// overlays the chevron, which is circular once the trigger sizes to the
|
|
60
|
+
// value — it truncates to "앱 …". Lift the cap and reserve the chevron's
|
|
61
|
+
// room (indicator group = icon + padding on both sides) instead.
|
|
62
|
+
pe: 'calc(var(--select-trigger-padding-x) * 2 + 1rem)',
|
|
63
|
+
'& [data-part=value-text]': { maxW: 'none', whiteSpace: 'nowrap' },
|
|
64
|
+
_hover: { borderColor: 'border.control' },
|
|
65
|
+
_disabled: {
|
|
66
|
+
...disabledText,
|
|
67
|
+
cursor: 'not-allowed',
|
|
68
|
+
fontWeight: 'semibold',
|
|
69
|
+
},
|
|
70
|
+
};
|
|
47
71
|
/** Combobox text input — the typeable control. */
|
|
48
72
|
const inputStyles = {
|
|
49
73
|
...fieldBase,
|
|
@@ -57,6 +81,15 @@ const contentStyles = {
|
|
|
57
81
|
boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
|
|
58
82
|
padding: '4px',
|
|
59
83
|
};
|
|
84
|
+
/**
|
|
85
|
+
* Dropdown panel for a ghost trigger — at least as wide as the trigger, but
|
|
86
|
+
* grown to the longest option, since a content-sized trigger is often
|
|
87
|
+
* narrower than the options it opens.
|
|
88
|
+
*/
|
|
89
|
+
const ghostContentStyles = {
|
|
90
|
+
width: 'max-content',
|
|
91
|
+
minW: 'var(--reference-width)',
|
|
92
|
+
};
|
|
60
93
|
/** Individual option for both Select and Combobox. */
|
|
61
94
|
const itemStyles = {
|
|
62
95
|
borderRadius: '4px',
|
|
@@ -75,5 +108,5 @@ const indicatorStyles = {
|
|
|
75
108
|
color: 'fg.muted',
|
|
76
109
|
};
|
|
77
110
|
|
|
78
|
-
export { contentStyles, indicatorStyles, inputStyles, itemStyles, triggerStyles };
|
|
111
|
+
export { contentStyles, ghostContentStyles, ghostTriggerStyles, indicatorStyles, inputStyles, itemStyles, triggerStyles };
|
|
79
112
|
//# sourceMappingURL=Select.styles.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,eAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;"}
|
|
1
|
+
{"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,eAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,WAAW,EAAE,aAAa;;;;;AAK1B,IAAA,EAAE,EAAE,kDAAkD;IACtD,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;AAClE,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;AACzC,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,YAAY;AACf,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,wBAAwB;;AAGhC;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;"}
|