react-native-terra-ui 0.11.15 → 0.11.16
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/CHANGELOG.md +10 -0
- package/lib/module/components/button/Button.js +10 -0
- package/lib/module/components/button/Button.js.map +1 -1
- package/lib/module/components/chip/Chip.js +48 -5
- package/lib/module/components/chip/Chip.js.map +1 -1
- package/lib/module/components/chip/utils.js +16 -1
- package/lib/module/components/chip/utils.js.map +1 -1
- package/lib/module/components/header/parts/HeaderGradientOverlay.js +1 -1
- package/lib/module/components/header/parts/HeaderGradientOverlay.js.map +1 -1
- package/lib/module/components/header/parts/HeaderSurface.js +1 -1
- package/lib/module/components/header/parts/HeaderSurface.js.map +1 -1
- package/lib/typescript/src/components/button/Button.d.ts +1 -1
- package/lib/typescript/src/components/button/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/chip/Chip.d.ts.map +1 -1
- package/lib/typescript/src/components/chip/types.d.ts +1 -1
- package/lib/typescript/src/components/chip/types.d.ts.map +1 -1
- package/lib/typescript/src/components/chip/utils.d.ts +1 -0
- package/lib/typescript/src/components/chip/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts +1 -1
- package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.tsx +11 -1
- package/src/components/chip/Chip.tsx +58 -6
- package/src/components/chip/types.ts +5 -0
- package/src/components/chip/utils.ts +16 -1
- package/src/components/header/parts/HeaderGradientOverlay.tsx +1 -1
- package/src/components/header/parts/HeaderSurface.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.11.16](https://github.com/earthling-std/react-native-terra-ui/compare/v0.11.15...v0.11.16) (2026-09-20)
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
* **ui:** [button] [chip] add a tertiary variant/color ([4fef709](https://github.com/earthling-std/react-native-terra-ui/commit/4fef7098abb8908daf15e20e0968fbcfcb526b65))
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **ui:** [header] widen the gradient fade to read less transparent ([513c6b6](https://github.com/earthling-std/react-native-terra-ui/commit/513c6b63d64d27ed26ec8a3692c49165d2e0845d))
|
|
12
|
+
|
|
3
13
|
## [0.11.15](https://github.com/earthling-std/react-native-terra-ui/compare/v0.11.14...v0.11.15) (2026-09-19)
|
|
4
14
|
|
|
5
15
|
### Bug Fixes
|
|
@@ -41,6 +41,16 @@ function getColors(variant, theme) {
|
|
|
41
41
|
borderWidth: 0,
|
|
42
42
|
fg: get("neutral.solid.fg")
|
|
43
43
|
};
|
|
44
|
+
// The tonal step between the solid `secondary` and the borderless `outline`
|
|
45
|
+
// — accent-hued like `primary`, but at soft weight so it reads as the
|
|
46
|
+
// quieter of two coloured actions sitting side by side.
|
|
47
|
+
case "tertiary":
|
|
48
|
+
return {
|
|
49
|
+
bg: get("accent.soft.bg"),
|
|
50
|
+
border: get("accent.soft.bg"),
|
|
51
|
+
borderWidth: 0,
|
|
52
|
+
fg: get("accent.soft.fg")
|
|
53
|
+
};
|
|
44
54
|
case "outline":
|
|
45
55
|
return {
|
|
46
56
|
bg: "transparent",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","getDefaultRadius","readableOn","resolveThemeColor","Icon","PressableScale","Spinner","Text","jsx","_jsx","jsxs","_jsxs","PRESSED_SCALE","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","animation","background","onPress","rest","ref","_styles","styles","useVariants","iconOnly","variantBg","variantFg","resolvedBackground","undefined","blocked","externalStyle","pressableRest","ownStyles","base","backgroundColor","borderColor","opacity","disabled","state","Provider","value","minScale","pressedOpacity","pressed","accessibilityRole","accessibilityState","busy","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","height","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","uni__dependencies","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","getDefaultRadius","readableOn","resolveThemeColor","Icon","PressableScale","Spinner","Text","jsx","_jsx","jsxs","_jsxs","PRESSED_SCALE","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","animation","background","onPress","rest","ref","_styles","styles","useVariants","iconOnly","variantBg","variantFg","resolvedBackground","undefined","blocked","externalStyle","pressableRest","ownStyles","base","backgroundColor","borderColor","opacity","disabled","state","Provider","value","minScale","pressedOpacity","pressed","accessibilityRole","accessibilityState","busy","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","height","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","uni__dependencies","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ import { StyleSheet, useUnistyles, withUnistyles } from "react-native-unistyles"
|
|
|
7
7
|
import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
|
|
8
8
|
import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../utils/typography.js";
|
|
9
9
|
import { Icon } from "../icon/index.js";
|
|
10
|
-
import { getCustomColorColors } from "./utils.js";
|
|
10
|
+
import { flattenOverCanvas, getCustomColorColors } from "./utils.js";
|
|
11
11
|
|
|
12
12
|
// ─── Context (lets Chip.Icon read the resolved foreground + size) ─────────────
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -21,7 +21,9 @@ const ChipContext = /*#__PURE__*/createContext({
|
|
|
21
21
|
// The chip's own paint (background + border) is a style, so named schemes
|
|
22
22
|
// (primary/secondary/success/warning/danger) are resolved declaratively via
|
|
23
23
|
// unistyles `compoundVariants` on `styles.base` — one entry per (color, variant)
|
|
24
|
-
// pair, straight from the spec's token table.
|
|
24
|
+
// pair, straight from the spec's token table. `tertiary` is the exception: it
|
|
25
|
+
// has no row of its own tokens, only a fixed reuse of `accent.soft.*` — see
|
|
26
|
+
// its `compoundVariants` rows below.
|
|
25
27
|
//
|
|
26
28
|
// The foreground is *not* a style on this View — it is inherited by the label
|
|
27
29
|
// and icon. It therefore lives here as a token table and is passed down
|
|
@@ -32,7 +34,7 @@ const ChipContext = /*#__PURE__*/createContext({
|
|
|
32
34
|
// can't be a compound variant condition — see `getCustomColorColors` in
|
|
33
35
|
// `utils.ts` for how it's derived instead.
|
|
34
36
|
|
|
35
|
-
const SCHEME_NAMES = new Set(["primary", "secondary", "success", "warning", "danger"]);
|
|
37
|
+
const SCHEME_NAMES = new Set(["primary", "secondary", "tertiary", "success", "warning", "danger"]);
|
|
36
38
|
// `ghost` is `outline` with its border taken away, so it has no colors of its
|
|
37
39
|
// own — it borrows outline's foreground. Only the *paint* differs, and that
|
|
38
40
|
// comes from the `ghost` style variant, never from here.
|
|
@@ -47,6 +49,14 @@ const FG_TOKEN = {
|
|
|
47
49
|
soft: "accent.soft.fg",
|
|
48
50
|
outline: "accent.text"
|
|
49
51
|
},
|
|
52
|
+
// Fixed to the soft accent foreground at every variant — `tertiary` always
|
|
53
|
+
// renders as the one look `Button`'s `tertiary` variant has, never a ring
|
|
54
|
+
// or an opaque fill of its own.
|
|
55
|
+
tertiary: {
|
|
56
|
+
solid: "accent.soft.fg",
|
|
57
|
+
soft: "accent.soft.fg",
|
|
58
|
+
outline: "accent.soft.fg"
|
|
59
|
+
},
|
|
50
60
|
secondary: {
|
|
51
61
|
solid: "neutral.solid.fg",
|
|
52
62
|
soft: "neutral.soft.fg",
|
|
@@ -175,7 +185,7 @@ const ChipRoot = /*#__PURE__*/forwardRef(function Chip({
|
|
|
175
185
|
const {
|
|
176
186
|
theme
|
|
177
187
|
} = useUnistyles();
|
|
178
|
-
// Compound variants only match the
|
|
188
|
+
// Compound variants only match the named schemes above — an arbitrary
|
|
179
189
|
// literal never matches one, so it's cast to satisfy `useVariants`'s
|
|
180
190
|
// literal-union type while still comparing against the real value below.
|
|
181
191
|
const _styles2 = styles;
|
|
@@ -200,6 +210,12 @@ const ChipRoot = /*#__PURE__*/forwardRef(function Chip({
|
|
|
200
210
|
borderColor: customColors.border,
|
|
201
211
|
borderWidth: customColors.borderWidth
|
|
202
212
|
} : null;
|
|
213
|
+
// `secondary`/`soft`'s token is a translucent tint (see `flattenOverCanvas`)
|
|
214
|
+
// — computed here, not as a compound variant, since both inputs are
|
|
215
|
+
// resolved theme values rather than a bounded set of options.
|
|
216
|
+
const secondarySoftPaint = color === "secondary" && variant === "soft" ? {
|
|
217
|
+
backgroundColor: flattenOverCanvas(theme.color["neutral.soft.bg"], theme.color["surface.canvas"])
|
|
218
|
+
} : null;
|
|
203
219
|
// Last of the paint layers, so an explicit fill beats both the variant's own
|
|
204
220
|
// and the one derived from a custom color literal.
|
|
205
221
|
const backgroundPaint = background ? {
|
|
@@ -212,7 +228,7 @@ const ChipRoot = /*#__PURE__*/forwardRef(function Chip({
|
|
|
212
228
|
},
|
|
213
229
|
children: /*#__PURE__*/_jsx(View, {
|
|
214
230
|
ref: ref,
|
|
215
|
-
style: [styles.base, customPaint, backgroundPaint, style],
|
|
231
|
+
style: [styles.base, secondarySoftPaint, customPaint, backgroundPaint, style],
|
|
216
232
|
...rest,
|
|
217
233
|
children: renderChildren(children)
|
|
218
234
|
})
|
|
@@ -312,6 +328,7 @@ const styles = StyleSheet.create(theme => {
|
|
|
312
328
|
color: {
|
|
313
329
|
primary: {},
|
|
314
330
|
secondary: {},
|
|
331
|
+
tertiary: {},
|
|
315
332
|
success: {},
|
|
316
333
|
warning: {},
|
|
317
334
|
danger: {}
|
|
@@ -354,6 +371,32 @@ const styles = StyleSheet.create(theme => {
|
|
|
354
371
|
borderColor: c["accent.soft.bg"],
|
|
355
372
|
borderWidth: 1
|
|
356
373
|
}
|
|
374
|
+
},
|
|
375
|
+
// `tertiary` ignores `variant` entirely — solid, soft, and outline
|
|
376
|
+
// all paint the same borderless accent-soft fill, matching `Button`'s
|
|
377
|
+
// single-look `tertiary`. (`ghost` needs no row: the top-level
|
|
378
|
+
// `ghost` style variant already clears paint for every color.)
|
|
379
|
+
{
|
|
380
|
+
color: "tertiary",
|
|
381
|
+
variant: "solid",
|
|
382
|
+
styles: {
|
|
383
|
+
backgroundColor: c["accent.soft.bg"],
|
|
384
|
+
borderWidth: 0
|
|
385
|
+
}
|
|
386
|
+
}, {
|
|
387
|
+
color: "tertiary",
|
|
388
|
+
variant: "soft",
|
|
389
|
+
styles: {
|
|
390
|
+
backgroundColor: c["accent.soft.bg"],
|
|
391
|
+
borderWidth: 0
|
|
392
|
+
}
|
|
393
|
+
}, {
|
|
394
|
+
color: "tertiary",
|
|
395
|
+
variant: "outline",
|
|
396
|
+
styles: {
|
|
397
|
+
backgroundColor: c["accent.soft.bg"],
|
|
398
|
+
borderWidth: 0
|
|
399
|
+
}
|
|
357
400
|
}, {
|
|
358
401
|
color: "secondary",
|
|
359
402
|
variant: "solid",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","withUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","Icon","getCustomColorColors","jsx","_jsx","ChipContext","color","size","SCHEME_NAMES","Set","paintedVariant","variant","FG_TOKEN","primary","solid","soft","outline","secondary","success","warning","danger","resolveForeground","customColors","fg","LABEL_VARIANT","sm","md","lg","ChipLabel","children","theme","_styles","styles","useVariants","RNText","style","label","maxFontSizeMultiplier","typography","variants","ICON_SIZE","ChipIcon","name","sizeProp","strokeWidth","rest","contextColor","marginVertical","renderChildren","map","child","trim","length","ChipRoot","Chip","background","ref","_styles2","isCustomColor","has","customPaint","bg","undefined","backgroundColor","borderColor","border","borderWidth","backgroundPaint","Provider","value","View","base","create","c","labelFont","fonts","semibold","isSystemLabelFont","paddingHorizontal","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","uni__dependencies","flexDirection","alignItems","alignSelf","borderRadius","radius","full","minHeight","paddingVertical","gap","ghost","compoundVariants"],"sourceRoot":"../../../../src","sources":["components/chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","withUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","Icon","flattenOverCanvas","getCustomColorColors","jsx","_jsx","ChipContext","color","size","SCHEME_NAMES","Set","paintedVariant","variant","FG_TOKEN","primary","solid","soft","outline","tertiary","secondary","success","warning","danger","resolveForeground","customColors","fg","LABEL_VARIANT","sm","md","lg","ChipLabel","children","theme","_styles","styles","useVariants","RNText","style","label","maxFontSizeMultiplier","typography","variants","ICON_SIZE","ChipIcon","name","sizeProp","strokeWidth","rest","contextColor","marginVertical","renderChildren","map","child","trim","length","ChipRoot","Chip","background","ref","_styles2","isCustomColor","has","customPaint","bg","undefined","backgroundColor","borderColor","border","borderWidth","secondarySoftPaint","backgroundPaint","Provider","value","View","base","create","c","labelFont","fonts","semibold","isSystemLabelFont","paddingHorizontal","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","uni__dependencies","flexDirection","alignItems","alignSelf","borderRadius","radius","full","minHeight","paddingVertical","gap","ghost","compoundVariants"],"sourceRoot":"../../../../src","sources":["components/chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { readableOn, withAlpha } from "../../utils/color-utils.js";
|
|
3
|
+
import { compositeOver, parseColor, readableOn, rgbToHex, withAlpha } from "../../utils/color-utils.js";
|
|
4
4
|
|
|
5
5
|
// A custom color literal (hex/rgb/hsl) can't be a unistyles compound variant
|
|
6
6
|
// condition (it's not a bounded set of options), so it's derived here
|
|
@@ -35,4 +35,19 @@ export function getCustomColorColors(literal, variant) {
|
|
|
35
35
|
fg: readableOn(literal)
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
|
+
|
|
39
|
+
// `secondary`'s soft fill (`neutral.soft.bg`) is a translucent tint — see
|
|
40
|
+
// `theme/tokens/light.ts` — so wherever the chip sits shows through it. That
|
|
41
|
+
// reads fine on the canvas the token was picked against, but drifts on any
|
|
42
|
+
// other backdrop (a raised card, an image). Flattening it once here, against
|
|
43
|
+
// the canvas, keeps the chip the same shade everywhere: not a computed
|
|
44
|
+
// unistyles compound variant, since both inputs are resolved theme values
|
|
45
|
+
// rather than a bounded set of options — the same reason a custom color
|
|
46
|
+
// literal is derived here instead of there.
|
|
47
|
+
export function flattenOverCanvas(translucent, canvas) {
|
|
48
|
+
const front = parseColor(translucent);
|
|
49
|
+
const back = parseColor(canvas);
|
|
50
|
+
if (!front || !back) return translucent;
|
|
51
|
+
return rgbToHex(compositeOver(front, back, front.a));
|
|
52
|
+
}
|
|
38
53
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["readableOn","withAlpha","CUSTOM_COLOR_SOFT_ALPHA","getCustomColorColors","literal","variant","bg","undefined","border","borderWidth","fg"],"sourceRoot":"../../../../src","sources":["components/chip/utils.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS;;
|
|
1
|
+
{"version":3,"names":["compositeOver","parseColor","readableOn","rgbToHex","withAlpha","CUSTOM_COLOR_SOFT_ALPHA","getCustomColorColors","literal","variant","bg","undefined","border","borderWidth","fg","flattenOverCanvas","translucent","canvas","front","back","a"],"sourceRoot":"../../../../src","sources":["components/chip/utils.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS;;AAEnE;AACA;AACA;AACA;;AAcA,MAAMC,uBAAuB,GAAG,IAAI;AAEpC,OAAO,SAASC,oBAAoBA,CAClCC,OAAe,EACfC,OAAqC,EACnB;EAClB;EACA;EACA,IAAIA,OAAO,KAAK,SAAS,EAAE;IACzB,OAAO;MACLC,EAAE,EAAEC,SAAS;MACbC,MAAM,EAAEP,SAAS,CAACG,OAAO,EAAEF,uBAAuB,CAAC;MACnDO,WAAW,EAAE,CAAC;MACdC,EAAE,EAAEN;IACN,CAAC;EACH;EACA,IAAIC,OAAO,KAAK,MAAM,EAAE;IACtB,MAAMC,EAAE,GAAGL,SAAS,CAACG,OAAO,EAAEF,uBAAuB,CAAC;IACtD,OAAO;MAAEI,EAAE;MAAEE,MAAM,EAAEF,EAAE;MAAEG,WAAW,EAAE,CAAC;MAAEC,EAAE,EAAEN;IAAQ,CAAC;EACxD;EACA,OAAO;IACLE,EAAE,EAAEF,OAAO;IACXI,MAAM,EAAEJ,OAAO;IACfK,WAAW,EAAE,CAAC;IACdC,EAAE,EAAEX,UAAU,CAACK,OAAO;EACxB,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,iBAAiBA,CAACC,WAAmB,EAAEC,MAAc,EAAU;EAC7E,MAAMC,KAAK,GAAGhB,UAAU,CAACc,WAAW,CAAC;EACrC,MAAMG,IAAI,GAAGjB,UAAU,CAACe,MAAM,CAAC;EAC/B,IAAI,CAACC,KAAK,IAAI,CAACC,IAAI,EAAE,OAAOH,WAAW;EACvC,OAAOZ,QAAQ,CAACH,aAAa,CAACiB,KAAK,EAAEC,IAAI,EAAED,KAAK,CAACE,CAAC,CAAC,CAAC;AACtD","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ import Svg, { Defs, Rect, Stop, LinearGradient as SvgLinearGradient } from "reac
|
|
|
9
9
|
* but never far enough to read as see-through.
|
|
10
10
|
*/
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
export const HEADER_FADE_END_OPACITY = 0.
|
|
12
|
+
export const HEADER_FADE_END_OPACITY = 0.9;
|
|
13
13
|
/**
|
|
14
14
|
* Vertical fade behind header content, shared by header variants.
|
|
15
15
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useId","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","jsx","_jsx","jsxs","_jsxs","HEADER_FADE_END_OPACITY","HeaderGradientOverlay","color","startOpacity","endOpacity","gradientId","height","width","children","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderGradientOverlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;AAE7B,OAAOC,GAAG,IAAIC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,cAAc,IAAIC,iBAAiB,QAAQ,kBAAkB;;AAE7F;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA,OAAO,MAAMC,uBAAuB,GAAG,
|
|
1
|
+
{"version":3,"names":["useId","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","jsx","_jsx","jsxs","_jsxs","HEADER_FADE_END_OPACITY","HeaderGradientOverlay","color","startOpacity","endOpacity","gradientId","height","width","children","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderGradientOverlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;AAE7B,OAAOC,GAAG,IAAIC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,cAAc,IAAIC,iBAAiB,QAAQ,kBAAkB;;AAE7F;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAS1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAC;EACpCC,KAAK;EACLC,YAAY,GAAG,CAAC;EAChBC,UAAU,GAAGJ;AACa,CAAC,EAAE;EAC7B,MAAMK,UAAU,GAAGhB,KAAK,CAAC,CAAC;EAE1B,oBACEU,KAAA,CAACT,GAAG;IAACgB,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC,MAAM;IAAAC,QAAA,gBAC7BX,IAAA,CAACN,IAAI;MAAAiB,QAAA,eACHT,KAAA,CAACJ,iBAAiB;QAACc,EAAE,EAAEJ,UAAW;QAACK,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAAAL,QAAA,gBAC5DX,IAAA,CAACJ,IAAI;UAACqB,MAAM,EAAE,CAAE;UAACC,SAAS,EAAEb,KAAM;UAACc,WAAW,EAAEb;QAAa,CAAE,CAAC,eAChEN,IAAA,CAACJ,IAAI;UAACqB,MAAM,EAAE,CAAE;UAACC,SAAS,EAAEb,KAAM;UAACc,WAAW,EAAEZ;QAAW,CAAE,CAAC;MAAA,CAC7C;IAAC,CAChB,CAAC,eACPP,IAAA,CAACL,IAAI;MAACe,KAAK,EAAC,MAAM;MAACD,MAAM,EAAC,MAAM;MAACW,IAAI,EAAE,QAAQZ,UAAU;IAAI,CAAE,CAAC;EAAA,CAC7D,CAAC;AAEV","ignoreList":[]}
|
|
@@ -21,7 +21,7 @@ export function HeaderSurface({
|
|
|
21
21
|
children: /*#__PURE__*/_jsx(HeaderGradientOverlay, {
|
|
22
22
|
color: color,
|
|
23
23
|
startOpacity: accessory ? HEADER_FADE_END_OPACITY : 1,
|
|
24
|
-
endOpacity: accessory ? 0.
|
|
24
|
+
endOpacity: accessory ? 0.85 : HEADER_FADE_END_OPACITY
|
|
25
25
|
})
|
|
26
26
|
});
|
|
27
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","StyleSheet","HEADER_FADE_END_OPACITY","HeaderGradientOverlay","jsx","_jsx","HeaderSurface","color","animatedStyle","accessory","View","style","styles","surface","pointerEvents","children","startOpacity","endOpacity","create","position","top","left","right","bottom"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderSurface.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,MAAiC,yBAAyB;AACzE,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,uBAAuB,EAAEC,qBAAqB;AAAkC,SAAAC,GAAA,IAAAC,IAAA;AAazF;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAA8B,CAAC,EAAE;EACrF,oBACEJ,IAAA,CAACL,QAAQ,CAACU,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEL,aAAa,CAAE;IAACM,aAAa,EAAC,MAAM;IAAAC,QAAA,eACzEV,IAAA,CAACF,qBAAqB;MACpBI,KAAK,EAAEA,KAAM;MACbS,YAAY,EAAEP,SAAS,GAAGP,uBAAuB,GAAG,CAAE;MACtDe,UAAU,EAAER,SAAS,GAAG,
|
|
1
|
+
{"version":3,"names":["Animated","StyleSheet","HEADER_FADE_END_OPACITY","HeaderGradientOverlay","jsx","_jsx","HeaderSurface","color","animatedStyle","accessory","View","style","styles","surface","pointerEvents","children","startOpacity","endOpacity","create","position","top","left","right","bottom"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderSurface.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,MAAiC,yBAAyB;AACzE,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,uBAAuB,EAAEC,qBAAqB;AAAkC,SAAAC,GAAA,IAAAC,IAAA;AAazF;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAA8B,CAAC,EAAE;EACrF,oBACEJ,IAAA,CAACL,QAAQ,CAACU,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEL,aAAa,CAAE;IAACM,aAAa,EAAC,MAAM;IAAAC,QAAA,eACzEV,IAAA,CAACF,qBAAqB;MACpBI,KAAK,EAAEA,KAAM;MACbS,YAAY,EAAEP,SAAS,GAAGP,uBAAuB,GAAG,CAAE;MACtDe,UAAU,EAAER,SAAS,GAAG,IAAI,GAAGP;IAAwB,CACxD;EAAC,CACW,CAAC;AAEpB;AAEA,MAAMU,MAAM,GAAGX,UAAU,CAACiB,MAAM,CAAC,OAAO;EACtCL,OAAO,EAAE;IACPM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import type { PressableProps } from "react-native";
|
|
3
3
|
import type { ColorToken, TerraIconName } from "../../theme/types";
|
|
4
|
-
export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
|
|
4
|
+
export type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "danger";
|
|
5
5
|
export type ButtonSize = "sm" | "md" | "lg";
|
|
6
6
|
export type ButtonRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
7
7
|
export type ButtonAnimation = "scale" | "opacity" | "none";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,KAAK,EAAa,cAAc,EAA8B,MAAM,cAAc,CAAC;AAK1F,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAA2B,MAAM,cAAc,CAAC;AAQxG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,KAAK,EAAa,cAAc,EAA8B,MAAM,cAAc,CAAC;AAK1F,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAA2B,MAAM,cAAc,CAAC;AAQxG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClG,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AACvE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAK3D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1F,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB;AAOD,eAAO,MAAM,gBAAgB,QAAO,kBAA+C,CAAC;AA6EpF,QAAA,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAQzD,CAAC;AAUF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,yDAAyD,eAAe,gCAW3F,CAAC;AAgBF,QAAA,MAAM,UAAU,yLAkEd,CAAC;AAEH,KAAK,eAAe,GAAG,OAAO,UAAU,GAAG;IACzC,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuID,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAA8D,aAAa,gCAa5F,CAAC;AAgBF,QAAA,MAAM,QAAQ,uLAmDZ,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,IAAI,EAA8B,aAAa,CAAC"}
|
|
@@ -4,5 +4,5 @@ export type ChipVariant = "solid" | "soft" | "outline" | "ghost";
|
|
|
4
4
|
* Semantic color scheme, or a raw CSS color literal (`#fff`, `rgb(...)`, `hsl(...)`).
|
|
5
5
|
* Has no effect when `variant="ghost"` — ghost always renders `text.primary`.
|
|
6
6
|
*/
|
|
7
|
-
export type ChipColor = "primary" | "secondary" | "success" | "warning" | "danger" | (string & {});
|
|
7
|
+
export type ChipColor = "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | (string & {});
|
|
8
8
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,WAAW,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,WAAW,GAKX,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,GAER,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC"}
|
|
@@ -10,4 +10,5 @@ export interface CustomChipColors {
|
|
|
10
10
|
fg: string;
|
|
11
11
|
}
|
|
12
12
|
export declare function getCustomColorColors(literal: string, variant: "solid" | "soft" | "outline"): CustomChipColors;
|
|
13
|
+
export declare function flattenOverCanvas(translucent: string, canvas: string): string;
|
|
13
14
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/utils.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GACpC,gBAAgB,CAqBlB"}
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/utils.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GACpC,gBAAgB,CAqBlB;AAUD,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAK7E"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* thins slightly toward the boundary rather than cutting content off square —
|
|
4
4
|
* but never far enough to read as see-through.
|
|
5
5
|
*/
|
|
6
|
-
export declare const HEADER_FADE_END_OPACITY = 0.
|
|
6
|
+
export declare const HEADER_FADE_END_OPACITY = 0.9;
|
|
7
7
|
export interface HeaderGradientOverlayProps {
|
|
8
8
|
/** Fill color, ramped from opaque to {@link HEADER_FADE_END_OPACITY}. */
|
|
9
9
|
color: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderGradientOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderGradientOverlay.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"HeaderGradientOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderGradientOverlay.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,MAAM,WAAW,0BAA0B;IACzC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,YAAgB,EAChB,UAAoC,GACrC,EAAE,0BAA0B,+BAc5B"}
|
package/package.json
CHANGED
|
@@ -12,7 +12,7 @@ import { PressableScale } from "../pressable";
|
|
|
12
12
|
import { Spinner } from "../spinner";
|
|
13
13
|
import { Text } from "../text";
|
|
14
14
|
|
|
15
|
-
export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
|
|
15
|
+
export type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "danger";
|
|
16
16
|
export type ButtonSize = "sm" | "md" | "lg";
|
|
17
17
|
export type ButtonRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
|
|
18
18
|
export type ButtonAnimation = "scale" | "opacity" | "none";
|
|
@@ -92,6 +92,16 @@ function getColors(variant: ButtonVariant, theme: TerraTheme): ButtonColors {
|
|
|
92
92
|
borderWidth: 0,
|
|
93
93
|
fg: get("neutral.solid.fg"),
|
|
94
94
|
};
|
|
95
|
+
// The tonal step between the solid `secondary` and the borderless `outline`
|
|
96
|
+
// — accent-hued like `primary`, but at soft weight so it reads as the
|
|
97
|
+
// quieter of two coloured actions sitting side by side.
|
|
98
|
+
case "tertiary":
|
|
99
|
+
return {
|
|
100
|
+
bg: get("accent.soft.bg"),
|
|
101
|
+
border: get("accent.soft.bg"),
|
|
102
|
+
borderWidth: 0,
|
|
103
|
+
fg: get("accent.soft.fg"),
|
|
104
|
+
};
|
|
95
105
|
case "outline":
|
|
96
106
|
return {
|
|
97
107
|
bg: "transparent",
|
|
@@ -8,7 +8,7 @@ import { resolveThemeColor } from "#utils/resolve-theme-color";
|
|
|
8
8
|
import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "#utils/typography";
|
|
9
9
|
import { Icon } from "../icon";
|
|
10
10
|
import type { ChipColor, ChipSize, ChipVariant } from "./types";
|
|
11
|
-
import { type CustomChipColors, getCustomColorColors } from "./utils";
|
|
11
|
+
import { type CustomChipColors, flattenOverCanvas, getCustomColorColors } from "./utils";
|
|
12
12
|
|
|
13
13
|
export interface ChipProps extends ViewProps {
|
|
14
14
|
size?: ChipSize;
|
|
@@ -48,7 +48,9 @@ const ChipContext = createContext<ChipContextValue>({
|
|
|
48
48
|
// The chip's own paint (background + border) is a style, so named schemes
|
|
49
49
|
// (primary/secondary/success/warning/danger) are resolved declaratively via
|
|
50
50
|
// unistyles `compoundVariants` on `styles.base` — one entry per (color, variant)
|
|
51
|
-
// pair, straight from the spec's token table.
|
|
51
|
+
// pair, straight from the spec's token table. `tertiary` is the exception: it
|
|
52
|
+
// has no row of its own tokens, only a fixed reuse of `accent.soft.*` — see
|
|
53
|
+
// its `compoundVariants` rows below.
|
|
52
54
|
//
|
|
53
55
|
// The foreground is *not* a style on this View — it is inherited by the label
|
|
54
56
|
// and icon. It therefore lives here as a token table and is passed down
|
|
@@ -59,9 +61,9 @@ const ChipContext = createContext<ChipContextValue>({
|
|
|
59
61
|
// can't be a compound variant condition — see `getCustomColorColors` in
|
|
60
62
|
// `utils.ts` for how it's derived instead.
|
|
61
63
|
|
|
62
|
-
const SCHEME_NAMES = new Set(["primary", "secondary", "success", "warning", "danger"]);
|
|
64
|
+
const SCHEME_NAMES = new Set(["primary", "secondary", "tertiary", "success", "warning", "danger"]);
|
|
63
65
|
|
|
64
|
-
type ChipScheme = "primary" | "secondary" | "success" | "warning" | "danger";
|
|
66
|
+
type ChipScheme = "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger";
|
|
65
67
|
type ChipPaintedVariant = Exclude<ChipVariant, "ghost">;
|
|
66
68
|
|
|
67
69
|
// `ghost` is `outline` with its border taken away, so it has no colors of its
|
|
@@ -78,6 +80,14 @@ const FG_TOKEN: Record<ChipScheme, Record<ChipPaintedVariant, ColorToken>> = {
|
|
|
78
80
|
soft: "accent.soft.fg",
|
|
79
81
|
outline: "accent.text",
|
|
80
82
|
},
|
|
83
|
+
// Fixed to the soft accent foreground at every variant — `tertiary` always
|
|
84
|
+
// renders as the one look `Button`'s `tertiary` variant has, never a ring
|
|
85
|
+
// or an opaque fill of its own.
|
|
86
|
+
tertiary: {
|
|
87
|
+
solid: "accent.soft.fg",
|
|
88
|
+
soft: "accent.soft.fg",
|
|
89
|
+
outline: "accent.soft.fg",
|
|
90
|
+
},
|
|
81
91
|
secondary: {
|
|
82
92
|
solid: "neutral.solid.fg",
|
|
83
93
|
soft: "neutral.soft.fg",
|
|
@@ -189,7 +199,7 @@ const ChipRoot = forwardRef<ComponentRef<typeof View>, ChipProps>(function Chip(
|
|
|
189
199
|
ref
|
|
190
200
|
) {
|
|
191
201
|
const { theme } = useUnistyles();
|
|
192
|
-
// Compound variants only match the
|
|
202
|
+
// Compound variants only match the named schemes above — an arbitrary
|
|
193
203
|
// literal never matches one, so it's cast to satisfy `useVariants`'s
|
|
194
204
|
// literal-union type while still comparing against the real value below.
|
|
195
205
|
styles.useVariants({ color: color as ChipScheme, variant, size });
|
|
@@ -211,13 +221,26 @@ const ChipRoot = forwardRef<ComponentRef<typeof View>, ChipProps>(function Chip(
|
|
|
211
221
|
borderWidth: customColors.borderWidth,
|
|
212
222
|
}
|
|
213
223
|
: null;
|
|
224
|
+
// `secondary`/`soft`'s token is a translucent tint (see `flattenOverCanvas`)
|
|
225
|
+
// — computed here, not as a compound variant, since both inputs are
|
|
226
|
+
// resolved theme values rather than a bounded set of options.
|
|
227
|
+
const secondarySoftPaint =
|
|
228
|
+
color === "secondary" && variant === "soft"
|
|
229
|
+
? {
|
|
230
|
+
backgroundColor: flattenOverCanvas(theme.color["neutral.soft.bg"], theme.color["surface.canvas"]),
|
|
231
|
+
}
|
|
232
|
+
: null;
|
|
214
233
|
// Last of the paint layers, so an explicit fill beats both the variant's own
|
|
215
234
|
// and the one derived from a custom color literal.
|
|
216
235
|
const backgroundPaint = background ? { backgroundColor: resolveThemeColor(background, theme) } : null;
|
|
217
236
|
|
|
218
237
|
return (
|
|
219
238
|
<ChipContext.Provider value={{ color: fg, size }}>
|
|
220
|
-
<View
|
|
239
|
+
<View
|
|
240
|
+
ref={ref}
|
|
241
|
+
style={[styles.base, secondarySoftPaint, customPaint, backgroundPaint, style]}
|
|
242
|
+
{...rest}
|
|
243
|
+
>
|
|
221
244
|
{renderChildren(children)}
|
|
222
245
|
</View>
|
|
223
246
|
</ChipContext.Provider>
|
|
@@ -321,6 +344,7 @@ const styles = StyleSheet.create((theme) => {
|
|
|
321
344
|
color: {
|
|
322
345
|
primary: {},
|
|
323
346
|
secondary: {},
|
|
347
|
+
tertiary: {},
|
|
324
348
|
success: {},
|
|
325
349
|
warning: {},
|
|
326
350
|
danger: {},
|
|
@@ -365,6 +389,34 @@ const styles = StyleSheet.create((theme) => {
|
|
|
365
389
|
borderWidth: 1,
|
|
366
390
|
},
|
|
367
391
|
},
|
|
392
|
+
// `tertiary` ignores `variant` entirely — solid, soft, and outline
|
|
393
|
+
// all paint the same borderless accent-soft fill, matching `Button`'s
|
|
394
|
+
// single-look `tertiary`. (`ghost` needs no row: the top-level
|
|
395
|
+
// `ghost` style variant already clears paint for every color.)
|
|
396
|
+
{
|
|
397
|
+
color: "tertiary",
|
|
398
|
+
variant: "solid",
|
|
399
|
+
styles: {
|
|
400
|
+
backgroundColor: c["accent.soft.bg"],
|
|
401
|
+
borderWidth: 0,
|
|
402
|
+
},
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
color: "tertiary",
|
|
406
|
+
variant: "soft",
|
|
407
|
+
styles: {
|
|
408
|
+
backgroundColor: c["accent.soft.bg"],
|
|
409
|
+
borderWidth: 0,
|
|
410
|
+
},
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
color: "tertiary",
|
|
414
|
+
variant: "outline",
|
|
415
|
+
styles: {
|
|
416
|
+
backgroundColor: c["accent.soft.bg"],
|
|
417
|
+
borderWidth: 0,
|
|
418
|
+
},
|
|
419
|
+
},
|
|
368
420
|
{
|
|
369
421
|
color: "secondary",
|
|
370
422
|
variant: "solid",
|
|
@@ -8,6 +8,11 @@ export type ChipVariant = "solid" | "soft" | "outline" | "ghost";
|
|
|
8
8
|
export type ChipColor =
|
|
9
9
|
| "primary"
|
|
10
10
|
| "secondary"
|
|
11
|
+
// Always renders as a soft accent tint, whatever `variant` is passed — the
|
|
12
|
+
// same fixed look `Button`'s `tertiary` variant has, and derived from the
|
|
13
|
+
// same tokens (`accent.soft.bg`/`accent.soft.fg`) rather than a hue of its
|
|
14
|
+
// own. See `Chip.tsx`'s `FG_TOKEN`/`compoundVariants` for where.
|
|
15
|
+
| "tertiary"
|
|
11
16
|
| "success"
|
|
12
17
|
| "warning"
|
|
13
18
|
| "danger"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { readableOn, withAlpha } from "#utils/color-utils";
|
|
1
|
+
import { compositeOver, parseColor, readableOn, rgbToHex, withAlpha } from "#utils/color-utils";
|
|
2
2
|
|
|
3
3
|
// A custom color literal (hex/rgb/hsl) can't be a unistyles compound variant
|
|
4
4
|
// condition (it's not a bounded set of options), so it's derived here
|
|
@@ -44,3 +44,18 @@ export function getCustomColorColors(
|
|
|
44
44
|
fg: readableOn(literal),
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
|
+
|
|
48
|
+
// `secondary`'s soft fill (`neutral.soft.bg`) is a translucent tint — see
|
|
49
|
+
// `theme/tokens/light.ts` — so wherever the chip sits shows through it. That
|
|
50
|
+
// reads fine on the canvas the token was picked against, but drifts on any
|
|
51
|
+
// other backdrop (a raised card, an image). Flattening it once here, against
|
|
52
|
+
// the canvas, keeps the chip the same shade everywhere: not a computed
|
|
53
|
+
// unistyles compound variant, since both inputs are resolved theme values
|
|
54
|
+
// rather than a bounded set of options — the same reason a custom color
|
|
55
|
+
// literal is derived here instead of there.
|
|
56
|
+
export function flattenOverCanvas(translucent: string, canvas: string): string {
|
|
57
|
+
const front = parseColor(translucent);
|
|
58
|
+
const back = parseColor(canvas);
|
|
59
|
+
if (!front || !back) return translucent;
|
|
60
|
+
return rgbToHex(compositeOver(front, back, front.a));
|
|
61
|
+
}
|
|
@@ -7,7 +7,7 @@ import Svg, { Defs, Rect, Stop, LinearGradient as SvgLinearGradient } from "reac
|
|
|
7
7
|
* thins slightly toward the boundary rather than cutting content off square —
|
|
8
8
|
* but never far enough to read as see-through.
|
|
9
9
|
*/
|
|
10
|
-
export const HEADER_FADE_END_OPACITY = 0.
|
|
10
|
+
export const HEADER_FADE_END_OPACITY = 0.9;
|
|
11
11
|
|
|
12
12
|
export interface HeaderGradientOverlayProps {
|
|
13
13
|
/** Fill color, ramped from opaque to {@link HEADER_FADE_END_OPACITY}. */
|
|
@@ -26,7 +26,7 @@ export function HeaderSurface({ color, animatedStyle, accessory }: HeaderSurface
|
|
|
26
26
|
<HeaderGradientOverlay
|
|
27
27
|
color={color}
|
|
28
28
|
startOpacity={accessory ? HEADER_FADE_END_OPACITY : 1}
|
|
29
|
-
endOpacity={accessory ? 0.
|
|
29
|
+
endOpacity={accessory ? 0.85 : HEADER_FADE_END_OPACITY}
|
|
30
30
|
/>
|
|
31
31
|
</Animated.View>
|
|
32
32
|
);
|