react-native-terra-ui 0.13.2 → 0.13.4
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 +12 -0
- package/lib/module/components/accordion/parts/AccordionContent.js +2 -2
- package/lib/module/components/accordion/parts/AccordionContent.js.map +1 -1
- package/lib/module/components/accordion/parts/AccordionTrigger.js +4 -4
- package/lib/module/components/accordion/parts/AccordionTrigger.js.map +1 -1
- package/lib/module/components/avatar/Avatar.js +3 -3
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/badge/Badge.js +2 -2
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/button/Button.js +3 -3
- package/lib/module/components/button/Button.js.map +1 -1
- package/lib/module/components/chip/Chip.js +2 -2
- package/lib/module/components/chip/Chip.js.map +1 -1
- package/lib/module/components/empty-state/EmptyState.js +6 -6
- package/lib/module/components/empty-state/EmptyState.js.map +1 -1
- package/lib/module/components/header/hooks/use-large-title-header.js +8 -1
- package/lib/module/components/header/hooks/use-large-title-header.js.map +1 -1
- package/lib/module/components/header/parts/HeaderBar.js +7 -13
- package/lib/module/components/header/parts/HeaderBar.js.map +1 -1
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +8 -0
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -1
- package/lib/module/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.js +11 -20
- package/lib/module/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.js.map +1 -1
- package/lib/module/components/header/variants/TitleHeader/index.js +4 -0
- package/lib/module/components/header/variants/TitleHeader/index.js.map +1 -1
- package/lib/module/components/image/Image.js +11 -5
- package/lib/module/components/image/Image.js.map +1 -1
- package/lib/module/components/image/utils.js +11 -0
- package/lib/module/components/image/utils.js.map +1 -0
- package/lib/module/components/input/parts/InputField.js +3 -3
- package/lib/module/components/input/parts/InputField.js.map +1 -1
- package/lib/module/components/screen/ScreenContext.js +4 -1
- package/lib/module/components/screen/ScreenContext.js.map +1 -1
- package/lib/module/components/screen/ScreenList.js +7 -4
- package/lib/module/components/screen/ScreenList.js.map +1 -1
- package/lib/module/components/screen/ScreenScrollView.js +6 -3
- package/lib/module/components/screen/ScreenScrollView.js.map +1 -1
- package/lib/module/components/screen/parts/ScreenHeaderContent.js +5 -1
- package/lib/module/components/screen/parts/ScreenHeaderContent.js.map +1 -1
- package/lib/module/components/surface/Surface.js +1 -1
- package/lib/module/components/text/Text.js +30 -8
- package/lib/module/components/text/Text.js.map +1 -1
- package/lib/module/components/toast/Toast.js +1 -1
- package/lib/module/components/toast/Toast.js.map +1 -1
- package/lib/module/components/toolbar/Toolbar.js +2 -2
- package/lib/module/components/toolbar/Toolbar.js.map +1 -1
- package/lib/module/theme/tokens/primitives.js +90 -84
- package/lib/module/theme/tokens/primitives.js.map +1 -1
- package/lib/typescript/src/components/header/hooks/use-large-title-header.d.ts.map +1 -1
- package/lib/typescript/src/components/header/parts/HeaderBar.d.ts +4 -1
- package/lib/typescript/src/components/header/parts/HeaderBar.d.ts.map +1 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts +6 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.d.ts +1 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.d.ts.map +1 -1
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts +9 -2
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/image/Image.d.ts +3 -3
- package/lib/typescript/src/components/image/Image.d.ts.map +1 -1
- package/lib/typescript/src/components/image/index.d.ts +1 -1
- package/lib/typescript/src/components/image/index.d.ts.map +1 -1
- package/lib/typescript/src/components/image/types.d.ts +7 -0
- package/lib/typescript/src/components/image/types.d.ts.map +1 -1
- package/lib/typescript/src/components/image/utils.d.ts +3 -0
- package/lib/typescript/src/components/image/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/ScreenContext.d.ts +8 -0
- package/lib/typescript/src/components/screen/ScreenContext.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenList.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/parts/ScreenHeaderContent.d.ts +5 -1
- package/lib/typescript/src/components/screen/parts/ScreenHeaderContent.d.ts.map +1 -1
- package/lib/typescript/src/components/surface/Surface.d.ts +1 -1
- package/lib/typescript/src/components/text/Text.d.ts +1 -1
- package/lib/typescript/src/components/text/Text.d.ts.map +1 -1
- package/lib/typescript/src/theme/tokens/primitives.d.ts +60 -65
- package/lib/typescript/src/theme/tokens/primitives.d.ts.map +1 -1
- package/lib/typescript/src/theme/types.d.ts +8 -2
- package/lib/typescript/src/theme/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/accordion/parts/AccordionContent.tsx +2 -2
- package/src/components/accordion/parts/AccordionTrigger.tsx +2 -2
- package/src/components/avatar/Avatar.tsx +3 -3
- package/src/components/badge/Badge.tsx +2 -2
- package/src/components/button/Button.tsx +3 -3
- package/src/components/chip/Chip.tsx +2 -2
- package/src/components/empty-state/EmptyState.tsx +3 -3
- package/src/components/header/hooks/use-large-title-header.ts +7 -1
- package/src/components/header/parts/HeaderBar.tsx +10 -13
- package/src/components/header/variants/LargeTitleHeader/index.tsx +13 -0
- package/src/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.tsx +14 -22
- package/src/components/header/variants/TitleHeader/index.tsx +12 -1
- package/src/components/image/Image.tsx +7 -4
- package/src/components/image/index.ts +1 -1
- package/src/components/image/types.ts +8 -0
- package/src/components/image/utils.ts +11 -0
- package/src/components/input/parts/InputField.tsx +4 -4
- package/src/components/screen/ScreenContext.tsx +12 -0
- package/src/components/screen/ScreenList.tsx +14 -3
- package/src/components/screen/ScreenScrollView.tsx +12 -2
- package/src/components/screen/parts/ScreenHeaderContent.tsx +5 -1
- package/src/components/surface/Surface.tsx +1 -1
- package/src/components/text/Text.tsx +30 -11
- package/src/components/toast/Toast.tsx +1 -1
- package/src/components/toolbar/Toolbar.tsx +2 -2
- package/src/theme/tokens/primitives.ts +90 -84
- package/src/theme/types.ts +25 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenList.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ScreenList.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAC7F,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAatB,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,YAAS,CAAC;AAG3E,qFAAqF;AACrF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,qBAAqB;IACvG,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ScreenScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAC7F,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAatB,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,YAAS,CAAC;AAG3E,qFAAqF;AACrF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,qBAAqB;IACvG,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,8MA2F5B,CAAC"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import type { ScreenContentPadding } from "../types.js";
|
|
2
|
-
/**
|
|
2
|
+
/**
|
|
3
|
+
* Hosts the large title and sticky accessory at the top of the scroll content.
|
|
4
|
+
* While it has content it pays the content's vertical padding below itself; the
|
|
5
|
+
* scroll container skips that padding above it (see `hasLargeTitle`).
|
|
6
|
+
*/
|
|
3
7
|
export declare function ScreenHeaderContent({ contentPadding }: {
|
|
4
8
|
contentPadding: ScreenContentPadding;
|
|
5
9
|
}): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenHeaderContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/screen/parts/ScreenHeaderContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAU,CAAC;AAGrD
|
|
1
|
+
{"version":3,"file":"ScreenHeaderContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/screen/parts/ScreenHeaderContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAU,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,cAAc,EAAE,EAAE;IAAE,cAAc,EAAE,oBAAoB,CAAA;CAAE,+BAa/F"}
|
|
@@ -30,7 +30,7 @@ export interface SurfaceProps extends Omit<BoxProps, "background"> {
|
|
|
30
30
|
* @example
|
|
31
31
|
* ```tsx
|
|
32
32
|
* <Surface variant="raised" elevation="md" p="4" radius="lg">
|
|
33
|
-
* <Text variant="
|
|
33
|
+
* <Text variant="headline">Card title</Text>
|
|
34
34
|
* </Surface>
|
|
35
35
|
* ```
|
|
36
36
|
*/
|
|
@@ -2,7 +2,7 @@ import { type TextProps as RNTextProps } from "react-native";
|
|
|
2
2
|
import type { ColorToken, FontWeightToken, TextVariant } from "../../theme/types";
|
|
3
3
|
export type TextAlign = "left" | "center" | "right" | "justify";
|
|
4
4
|
export interface TextProps extends RNTextProps {
|
|
5
|
-
/** Typographic role. Defaults to `body
|
|
5
|
+
/** Typographic role. Defaults to `body`. */
|
|
6
6
|
variant?: TextVariant;
|
|
7
7
|
/** Semantic color token (e.g. `text.secondary`, `danger.soft.fg`). */
|
|
8
8
|
color?: ColorToken;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,IAAI,WAAW,EAAkB,MAAM,cAAc,CAAC;AAI7F,OAAO,KAAK,EACV,UAAU,EACV,eAAe,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,IAAI,WAAW,EAAkB,MAAM,cAAc,CAAC;AAI7F,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EAIf,WAAW,EACZ,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAmChE,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,sEAAsE;IACtE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,uLA6Df,CAAC"}
|
|
@@ -340,66 +340,66 @@ export declare const primitives: {
|
|
|
340
340
|
"typography.fonts.medium": string;
|
|
341
341
|
"typography.fonts.semibold": string;
|
|
342
342
|
"typography.fonts.bold": string;
|
|
343
|
-
"typography.variants.display
|
|
344
|
-
"typography.variants.display
|
|
345
|
-
"typography.variants.display
|
|
346
|
-
"typography.variants.display
|
|
347
|
-
"typography.variants.display
|
|
348
|
-
"typography.variants.
|
|
349
|
-
"typography.variants.
|
|
350
|
-
"typography.variants.
|
|
351
|
-
"typography.variants.
|
|
352
|
-
"typography.variants.
|
|
353
|
-
"typography.variants.
|
|
354
|
-
"typography.variants.
|
|
355
|
-
"typography.variants.
|
|
356
|
-
"typography.variants.
|
|
357
|
-
"typography.variants.
|
|
358
|
-
"typography.variants.
|
|
359
|
-
"typography.variants.
|
|
360
|
-
"typography.variants.
|
|
361
|
-
"typography.variants.
|
|
362
|
-
"typography.variants.
|
|
363
|
-
"typography.variants.
|
|
364
|
-
"typography.variants.
|
|
365
|
-
"typography.variants.
|
|
366
|
-
"typography.variants.
|
|
367
|
-
"typography.variants.
|
|
368
|
-
"typography.variants.headline
|
|
369
|
-
"typography.variants.headline
|
|
370
|
-
"typography.variants.headline
|
|
371
|
-
"typography.variants.headline
|
|
372
|
-
"typography.variants.headline
|
|
373
|
-
"typography.variants.
|
|
374
|
-
"typography.variants.
|
|
375
|
-
"typography.variants.
|
|
376
|
-
"typography.variants.
|
|
377
|
-
"typography.variants.
|
|
378
|
-
"typography.variants.
|
|
379
|
-
"typography.variants.
|
|
380
|
-
"typography.variants.
|
|
381
|
-
"typography.variants.
|
|
382
|
-
"typography.variants.
|
|
383
|
-
"typography.variants.
|
|
384
|
-
"typography.variants.
|
|
385
|
-
"typography.variants.
|
|
386
|
-
"typography.variants.
|
|
387
|
-
"typography.variants.
|
|
388
|
-
"typography.variants.
|
|
389
|
-
"typography.variants.
|
|
390
|
-
"typography.variants.
|
|
391
|
-
"typography.variants.
|
|
392
|
-
"typography.variants.
|
|
393
|
-
"typography.variants.
|
|
394
|
-
"typography.variants.
|
|
395
|
-
"typography.variants.
|
|
396
|
-
"typography.variants.
|
|
397
|
-
"typography.variants.
|
|
398
|
-
"typography.variants.
|
|
399
|
-
"typography.variants.
|
|
400
|
-
"typography.variants.
|
|
401
|
-
"typography.variants.
|
|
402
|
-
"typography.variants.
|
|
343
|
+
"typography.variants.display.fontSize": number;
|
|
344
|
+
"typography.variants.display.lineHeight": number;
|
|
345
|
+
"typography.variants.display.fontWeight": string;
|
|
346
|
+
"typography.variants.display.letterSpacing": number;
|
|
347
|
+
"typography.variants.display.maxFontSizeMultiplier": number;
|
|
348
|
+
"typography.variants.large-title.fontSize": number;
|
|
349
|
+
"typography.variants.large-title.lineHeight": number;
|
|
350
|
+
"typography.variants.large-title.fontWeight": string;
|
|
351
|
+
"typography.variants.large-title.letterSpacing": number;
|
|
352
|
+
"typography.variants.large-title.maxFontSizeMultiplier": number;
|
|
353
|
+
"typography.variants.title-1.fontSize": number;
|
|
354
|
+
"typography.variants.title-1.lineHeight": number;
|
|
355
|
+
"typography.variants.title-1.fontWeight": string;
|
|
356
|
+
"typography.variants.title-1.letterSpacing": number;
|
|
357
|
+
"typography.variants.title-1.maxFontSizeMultiplier": number;
|
|
358
|
+
"typography.variants.title-2.fontSize": number;
|
|
359
|
+
"typography.variants.title-2.lineHeight": number;
|
|
360
|
+
"typography.variants.title-2.fontWeight": string;
|
|
361
|
+
"typography.variants.title-2.letterSpacing": number;
|
|
362
|
+
"typography.variants.title-2.maxFontSizeMultiplier": number;
|
|
363
|
+
"typography.variants.title-3.fontSize": number;
|
|
364
|
+
"typography.variants.title-3.lineHeight": number;
|
|
365
|
+
"typography.variants.title-3.fontWeight": string;
|
|
366
|
+
"typography.variants.title-3.letterSpacing": number;
|
|
367
|
+
"typography.variants.title-3.maxFontSizeMultiplier": number;
|
|
368
|
+
"typography.variants.headline.fontSize": number;
|
|
369
|
+
"typography.variants.headline.lineHeight": number;
|
|
370
|
+
"typography.variants.headline.fontWeight": string;
|
|
371
|
+
"typography.variants.headline.letterSpacing": number;
|
|
372
|
+
"typography.variants.headline.maxFontSizeMultiplier": number;
|
|
373
|
+
"typography.variants.body.fontSize": number;
|
|
374
|
+
"typography.variants.body.lineHeight": number;
|
|
375
|
+
"typography.variants.body.fontWeight": string;
|
|
376
|
+
"typography.variants.body.letterSpacing": number;
|
|
377
|
+
"typography.variants.body.maxFontSizeMultiplier": number;
|
|
378
|
+
"typography.variants.callout.fontSize": number;
|
|
379
|
+
"typography.variants.callout.lineHeight": number;
|
|
380
|
+
"typography.variants.callout.fontWeight": string;
|
|
381
|
+
"typography.variants.callout.letterSpacing": number;
|
|
382
|
+
"typography.variants.callout.maxFontSizeMultiplier": number;
|
|
383
|
+
"typography.variants.subheadline.fontSize": number;
|
|
384
|
+
"typography.variants.subheadline.lineHeight": number;
|
|
385
|
+
"typography.variants.subheadline.fontWeight": string;
|
|
386
|
+
"typography.variants.subheadline.letterSpacing": number;
|
|
387
|
+
"typography.variants.subheadline.maxFontSizeMultiplier": number;
|
|
388
|
+
"typography.variants.footnote.fontSize": number;
|
|
389
|
+
"typography.variants.footnote.lineHeight": number;
|
|
390
|
+
"typography.variants.footnote.fontWeight": string;
|
|
391
|
+
"typography.variants.footnote.letterSpacing": number;
|
|
392
|
+
"typography.variants.footnote.maxFontSizeMultiplier": number;
|
|
393
|
+
"typography.variants.caption-1.fontSize": number;
|
|
394
|
+
"typography.variants.caption-1.lineHeight": number;
|
|
395
|
+
"typography.variants.caption-1.fontWeight": string;
|
|
396
|
+
"typography.variants.caption-1.letterSpacing": number;
|
|
397
|
+
"typography.variants.caption-1.maxFontSizeMultiplier": number;
|
|
398
|
+
"typography.variants.caption-2.fontSize": number;
|
|
399
|
+
"typography.variants.caption-2.lineHeight": number;
|
|
400
|
+
"typography.variants.caption-2.fontWeight": string;
|
|
401
|
+
"typography.variants.caption-2.letterSpacing": number;
|
|
402
|
+
"typography.variants.caption-2.maxFontSizeMultiplier": number;
|
|
403
403
|
"typography.variants.label-lg.fontSize": number;
|
|
404
404
|
"typography.variants.label-lg.lineHeight": number;
|
|
405
405
|
"typography.variants.label-lg.fontWeight": string;
|
|
@@ -415,11 +415,6 @@ export declare const primitives: {
|
|
|
415
415
|
"typography.variants.label-sm.fontWeight": string;
|
|
416
416
|
"typography.variants.label-sm.letterSpacing": number;
|
|
417
417
|
"typography.variants.label-sm.maxFontSizeMultiplier": number;
|
|
418
|
-
"typography.variants.caption.fontSize": number;
|
|
419
|
-
"typography.variants.caption.lineHeight": number;
|
|
420
|
-
"typography.variants.caption.fontWeight": string;
|
|
421
|
-
"typography.variants.caption.letterSpacing": number;
|
|
422
|
-
"typography.variants.caption.maxFontSizeMultiplier": number;
|
|
423
418
|
"opacity.disabled": number;
|
|
424
419
|
"opacity.pressed": number;
|
|
425
420
|
"layout.screen.padding.x.xs": number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../../src/theme/tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoetB,CAAC"}
|
|
@@ -34,9 +34,15 @@ export interface ElevationStyle {
|
|
|
34
34
|
}
|
|
35
35
|
export type ElevationKey = "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
36
36
|
export type ElevationScale = Record<ElevationKey, ElevationStyle>;
|
|
37
|
-
export type RoleTextVariant = "display
|
|
37
|
+
export type RoleTextVariant = "display" | "large-title" | "title-1" | "title-2" | "title-3" | "headline" | "body" | "callout" | "subheadline" | "footnote" | "caption-1" | "caption-2" | "label-lg" | "label-md" | "label-sm";
|
|
38
38
|
export type HeadingTextVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
39
|
-
|
|
39
|
+
/**
|
|
40
|
+
* Pre-0.14 role names. Still accepted by `Text` and resolved onto the iOS-style
|
|
41
|
+
* scale; removed at 1.0. `label-*` kept its name and is not listed here.
|
|
42
|
+
* @deprecated Use the {@link RoleTextVariant} it maps to.
|
|
43
|
+
*/
|
|
44
|
+
export type LegacyTextVariant = "display-lg" | "display-md" | "display-sm" | "headline-lg" | "headline-md" | "headline-sm" | "title-lg" | "title-md" | "title-sm" | "body-lg" | "body-md" | "body-sm" | "caption";
|
|
45
|
+
export type TextVariant = RoleTextVariant | HeadingTextVariant | LegacyTextVariant;
|
|
40
46
|
export type FontWeightToken = "regular" | "medium" | "semibold" | "bold";
|
|
41
47
|
export interface TypeStyle {
|
|
42
48
|
fontSize: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAe,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAiB,CAAC;AAIxD,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAClB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,gCAAgC;AAChC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3F;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpE,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,SAAS,CAAC;AAInD,oEAAoE;AACpE,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAIlE,MAAM,MAAM,eAAe,GACvB,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -18,14 +18,14 @@ function renderBody(children: ReactNode): ReactNode {
|
|
|
18
18
|
return Children.map(children, (child) => {
|
|
19
19
|
if (typeof child === "string") {
|
|
20
20
|
return child.trim().length > 0 ? (
|
|
21
|
-
<Text variant="body
|
|
21
|
+
<Text variant="body" color="text.secondary">
|
|
22
22
|
{child}
|
|
23
23
|
</Text>
|
|
24
24
|
) : null;
|
|
25
25
|
}
|
|
26
26
|
if (typeof child === "number") {
|
|
27
27
|
return (
|
|
28
|
-
<Text variant="body
|
|
28
|
+
<Text variant="body" color="text.secondary">
|
|
29
29
|
{child}
|
|
30
30
|
</Text>
|
|
31
31
|
);
|
|
@@ -18,14 +18,14 @@ function renderTitle(children: ReactNode): ReactNode {
|
|
|
18
18
|
return Children.map(children, (child) => {
|
|
19
19
|
if (typeof child === "string") {
|
|
20
20
|
return child.trim().length > 0 ? (
|
|
21
|
-
<Text variant="body
|
|
21
|
+
<Text variant="body" weight="regular" style={styles.title}>
|
|
22
22
|
{child}
|
|
23
23
|
</Text>
|
|
24
24
|
) : null;
|
|
25
25
|
}
|
|
26
26
|
if (typeof child === "number") {
|
|
27
27
|
return (
|
|
28
|
-
<Text variant="body
|
|
28
|
+
<Text variant="body" weight="regular" style={styles.title}>
|
|
29
29
|
{child}
|
|
30
30
|
</Text>
|
|
31
31
|
);
|
|
@@ -77,9 +77,9 @@ export function Avatar({
|
|
|
77
77
|
const bg = styles.base.backgroundColor ?? "";
|
|
78
78
|
const fg = styles.base.color ?? "";
|
|
79
79
|
|
|
80
|
-
// Initials follow the theme's
|
|
80
|
+
// Initials follow the theme's medium face so a custom font family reaches
|
|
81
81
|
// the avatar too; the system font takes a numeric weight instead.
|
|
82
|
-
const initialsFont = theme.typography.fonts.
|
|
82
|
+
const initialsFont = theme.typography.fonts.medium;
|
|
83
83
|
const isSystemInitialsFont = initialsFont === SYSTEM_FONT;
|
|
84
84
|
|
|
85
85
|
const fallbackContent =
|
|
@@ -90,7 +90,7 @@ export function Avatar({
|
|
|
90
90
|
style={{
|
|
91
91
|
fontSize: INITIALS_FONT_SIZE[size],
|
|
92
92
|
fontFamily: isSystemInitialsFont ? undefined : initialsFont,
|
|
93
|
-
fontWeight: isSystemInitialsFont ? FONT_WEIGHT_VALUE.
|
|
93
|
+
fontWeight: isSystemInitialsFont ? FONT_WEIGHT_VALUE.medium : undefined,
|
|
94
94
|
color: fg,
|
|
95
95
|
includeFontPadding: false,
|
|
96
96
|
}}
|
|
@@ -114,7 +114,7 @@ const styles = StyleSheet.create((theme) => {
|
|
|
114
114
|
// font takes a numeric `fontWeight` — the same branch `Chip` makes. Inlined
|
|
115
115
|
// rather than extracted: the unistyles Babel plugin rewrites this factory,
|
|
116
116
|
// and an imported function called from inside it is not in scope at runtime.
|
|
117
|
-
const labelFont = theme.typography.fonts.
|
|
117
|
+
const labelFont = theme.typography.fonts.medium;
|
|
118
118
|
const isSystemLabelFont = labelFont === SYSTEM_FONT;
|
|
119
119
|
|
|
120
120
|
return {
|
|
@@ -181,7 +181,7 @@ const styles = StyleSheet.create((theme) => {
|
|
|
181
181
|
textAlign: "center",
|
|
182
182
|
includeFontPadding: false,
|
|
183
183
|
fontFamily: isSystemLabelFont ? undefined : labelFont,
|
|
184
|
-
fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.
|
|
184
|
+
fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.medium : undefined,
|
|
185
185
|
variants: {
|
|
186
186
|
size: {
|
|
187
187
|
sm: {
|
|
@@ -135,9 +135,9 @@ const LABEL_TYPOGRAPHY: Record<
|
|
|
135
135
|
weight?: FontWeightToken;
|
|
136
136
|
}
|
|
137
137
|
> = {
|
|
138
|
-
sm: { variant: "label-md", weight: "
|
|
139
|
-
md: { variant: "label-lg", weight: "
|
|
140
|
-
lg: { variant: "label-lg", weight: "
|
|
138
|
+
sm: { variant: "label-md", weight: "medium" },
|
|
139
|
+
md: { variant: "label-lg", weight: "medium" },
|
|
140
|
+
lg: { variant: "label-lg", weight: "semibold" },
|
|
141
141
|
};
|
|
142
142
|
|
|
143
143
|
const ButtonLabel = ({ children }: { children: ReactNode }) => {
|
|
@@ -284,7 +284,7 @@ const styles = StyleSheet.create((theme) => {
|
|
|
284
284
|
// font takes a numeric `fontWeight` — the same branch `Text` makes. Inlined
|
|
285
285
|
// rather than extracted: the unistyles Babel plugin rewrites this factory,
|
|
286
286
|
// and an imported function called from inside it is not in scope at runtime.
|
|
287
|
-
const labelFont = theme.typography.fonts.
|
|
287
|
+
const labelFont = theme.typography.fonts.medium;
|
|
288
288
|
const isSystemLabelFont = labelFont === SYSTEM_FONT;
|
|
289
289
|
|
|
290
290
|
return {
|
|
@@ -295,7 +295,7 @@ const styles = StyleSheet.create((theme) => {
|
|
|
295
295
|
paddingHorizontal: 2,
|
|
296
296
|
includeFontPadding: false,
|
|
297
297
|
fontFamily: isSystemLabelFont ? undefined : labelFont,
|
|
298
|
-
fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.
|
|
298
|
+
fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.medium : undefined,
|
|
299
299
|
variants: {
|
|
300
300
|
size: {
|
|
301
301
|
sm: {
|
|
@@ -41,9 +41,9 @@ export interface EmptyStateProps extends Omit<ViewProps, "children"> {
|
|
|
41
41
|
// variant below.
|
|
42
42
|
|
|
43
43
|
const TYPOGRAPHY: Record<EmptyStateSize, { title: TextVariant; description: TextVariant }> = {
|
|
44
|
-
sm: { title: "
|
|
45
|
-
md: { title: "title-
|
|
46
|
-
lg: { title: "title-
|
|
44
|
+
sm: { title: "headline", description: "subheadline" },
|
|
45
|
+
md: { title: "title-3", description: "callout" },
|
|
46
|
+
lg: { title: "title-2", description: "body" },
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
const ICON_SIZE: Record<EmptyStateSize, number> = {
|
|
@@ -19,7 +19,7 @@ export function useLargeTitleHeader({
|
|
|
19
19
|
isLargeTitleHidden,
|
|
20
20
|
}: LargeTitleLayoutOptions) {
|
|
21
21
|
const { theme } = useUnistyles();
|
|
22
|
-
const { scrollY, contentTopPadding, setHeaderAccessoryHeight } = useScreen();
|
|
22
|
+
const { scrollY, contentTopPadding, setHeaderAccessoryHeight, setHasLargeTitle } = useScreen();
|
|
23
23
|
const [accessoryHeight, setAccessoryHeight] = useState(0);
|
|
24
24
|
const [largeTitleHeight, setLargeTitleHeight] = useState(0);
|
|
25
25
|
const hidden = useSharedValue(isLargeTitleHidden);
|
|
@@ -40,6 +40,12 @@ export function useLargeTitleHeader({
|
|
|
40
40
|
setHeaderAccessoryHeight(isSticky ? 0 : reservedAccessoryHeight);
|
|
41
41
|
return () => setHeaderAccessoryHeight(0);
|
|
42
42
|
}, [isSticky, reservedAccessoryHeight, setHeaderAccessoryHeight]);
|
|
43
|
+
// The large title sits directly under the bar; the screen drops its top
|
|
44
|
+
// padding while one is shown and pays it below the title instead.
|
|
45
|
+
useLayoutEffect(() => {
|
|
46
|
+
setHasLargeTitle(!isLargeTitleHidden);
|
|
47
|
+
return () => setHasLargeTitle(false);
|
|
48
|
+
}, [isLargeTitleHidden, setHasLargeTitle]);
|
|
43
49
|
|
|
44
50
|
const accessoryStyle = useAnimatedStyle(() => ({
|
|
45
51
|
transform: [{ translateY: isSticky && !hidden.value ? Math.max(0, accessoryOffset - scrollY.value) : 0 }],
|
|
@@ -5,8 +5,10 @@ import Animated from "react-native-reanimated";
|
|
|
5
5
|
import { ScrollToTopGuard } from "react-native-screens/experimental";
|
|
6
6
|
import { StyleSheet, useUnistyles } from "react-native-unistyles";
|
|
7
7
|
|
|
8
|
+
import type { FontWeightToken, TextVariant } from "#theme/types";
|
|
8
9
|
import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "#utils/typography";
|
|
9
10
|
import { resolveScreenPadding } from "../../../theme/screen-padding";
|
|
11
|
+
import { Text as ThemedText } from "../../text";
|
|
10
12
|
import { Toolbar } from "../../toolbar";
|
|
11
13
|
import { HeaderDismissButton, type HeaderDismissProps } from "../header-buttons";
|
|
12
14
|
import { isCustomTitle, isTextTitle } from "../utils";
|
|
@@ -15,6 +17,8 @@ import { HeaderWindowInsets } from "./HeaderWindowInsets";
|
|
|
15
17
|
|
|
16
18
|
interface HeaderBarProps extends HeaderDismissProps {
|
|
17
19
|
title?: ReactNode;
|
|
20
|
+
titleVariant?: TextVariant;
|
|
21
|
+
titleWeight?: FontWeightToken;
|
|
18
22
|
subtitle?: string;
|
|
19
23
|
leading?: ReactNode;
|
|
20
24
|
trailing?: ReactNode;
|
|
@@ -27,6 +31,8 @@ interface HeaderBarProps extends HeaderDismissProps {
|
|
|
27
31
|
/** Shared compact bar. Only the title and background animate; actions stay interactive. */
|
|
28
32
|
export function HeaderBar({
|
|
29
33
|
title,
|
|
34
|
+
titleVariant = "headline",
|
|
35
|
+
titleWeight,
|
|
30
36
|
subtitle,
|
|
31
37
|
leading,
|
|
32
38
|
trailing,
|
|
@@ -93,13 +99,14 @@ export function HeaderBar({
|
|
|
93
99
|
>
|
|
94
100
|
{isTextTitle(title)
|
|
95
101
|
? String(title).trim().length > 0 && (
|
|
96
|
-
<
|
|
102
|
+
<ThemedText
|
|
103
|
+
variant={titleVariant}
|
|
104
|
+
weight={titleWeight}
|
|
97
105
|
style={styles.title}
|
|
98
106
|
numberOfLines={1}
|
|
99
|
-
maxFontSizeMultiplier={theme.typography.variants["title-md"].maxFontSizeMultiplier}
|
|
100
107
|
>
|
|
101
108
|
{title}
|
|
102
|
-
</
|
|
109
|
+
</ThemedText>
|
|
103
110
|
)
|
|
104
111
|
: title}
|
|
105
112
|
{!!subtitle && (
|
|
@@ -126,9 +133,6 @@ export function HeaderBar({
|
|
|
126
133
|
const styles = StyleSheet.create((theme, runtime) => {
|
|
127
134
|
// Resolved inline: the unistyles Babel plugin rewrites this factory, so an
|
|
128
135
|
// imported helper called from inside it is not in scope at runtime.
|
|
129
|
-
const titleWeight = theme.typography.variants["title-md"].fontWeight;
|
|
130
|
-
const titleFont = theme.typography.fonts[titleWeight];
|
|
131
|
-
const isSystemTitleFont = titleFont === SYSTEM_FONT;
|
|
132
136
|
const subtitleWeight = theme.typography.variants["label-sm"].fontWeight;
|
|
133
137
|
const subtitleFont = theme.typography.fonts[subtitleWeight];
|
|
134
138
|
const isSystemSubtitleFont = subtitleFont === SYSTEM_FONT;
|
|
@@ -196,13 +200,6 @@ const styles = StyleSheet.create((theme, runtime) => {
|
|
|
196
200
|
},
|
|
197
201
|
},
|
|
198
202
|
title: {
|
|
199
|
-
fontSize: theme.typography.variants["title-md"].fontSize,
|
|
200
|
-
lineHeight: theme.typography.variants["title-md"].lineHeight,
|
|
201
|
-
letterSpacing: theme.typography.variants["title-md"].letterSpacing,
|
|
202
|
-
fontFamily: isSystemTitleFont ? undefined : titleFont,
|
|
203
|
-
fontWeight: isSystemTitleFont ? FONT_WEIGHT_VALUE[titleWeight] : undefined,
|
|
204
|
-
includeFontPadding: false,
|
|
205
|
-
color: (theme.color as unknown as Record<string, string | undefined>)["text.primary"] ?? "",
|
|
206
203
|
variants: {
|
|
207
204
|
titleAlignment: {
|
|
208
205
|
center: { textAlign: "center" },
|
|
@@ -2,6 +2,7 @@ import { View } from "react-native";
|
|
|
2
2
|
|
|
3
3
|
import { StyleSheet } from "react-native-unistyles";
|
|
4
4
|
|
|
5
|
+
import type { FontWeightToken, TextVariant } from "#theme/types";
|
|
5
6
|
import { Portal } from "../../../portal";
|
|
6
7
|
import { useHeaderBackground } from "../../../screen/parts/ScreenHeaderAppearance";
|
|
7
8
|
import { SCREEN_HEADER_PORTAL_HOST } from "../../../screen/ScreenContext";
|
|
@@ -14,6 +15,10 @@ import type { TitleHeaderProps } from "../TitleHeader";
|
|
|
14
15
|
import { LargeTitleContent } from "./parts/LargeTitleContent";
|
|
15
16
|
|
|
16
17
|
export interface LargeTitleHeaderProps extends TitleHeaderProps {
|
|
18
|
+
/** Typography variant for a text large title. Defaults to `'large-title'`. */
|
|
19
|
+
largeTitleVariant?: TextVariant;
|
|
20
|
+
/** Font weight for a text large title. Defaults to the variant's weight. */
|
|
21
|
+
largeTitleWeight?: FontWeightToken;
|
|
17
22
|
/** Optional small line shown above the large title. */
|
|
18
23
|
overline?: string;
|
|
19
24
|
/** Optional secondary line shown under the large title. */
|
|
@@ -36,6 +41,10 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
|
|
|
36
41
|
/** Collapsing header. The expanded title lives in scroll content; the bar and accessory overlay it. */
|
|
37
42
|
export function LargeTitleHeader({
|
|
38
43
|
title,
|
|
44
|
+
titleVariant,
|
|
45
|
+
titleWeight,
|
|
46
|
+
largeTitleVariant,
|
|
47
|
+
largeTitleWeight,
|
|
39
48
|
overline,
|
|
40
49
|
subtitle,
|
|
41
50
|
leadingActions,
|
|
@@ -64,6 +73,8 @@ export function LargeTitleHeader({
|
|
|
64
73
|
<Portal hostName={SCREEN_HEADER_PORTAL_HOST}>
|
|
65
74
|
<LargeTitleContent
|
|
66
75
|
title={title}
|
|
76
|
+
largeTitleVariant={largeTitleVariant}
|
|
77
|
+
largeTitleWeight={largeTitleWeight}
|
|
67
78
|
overline={overline}
|
|
68
79
|
subtitle={subtitle}
|
|
69
80
|
hasAccessoryBelow={layout.isSticky}
|
|
@@ -76,6 +87,8 @@ export function LargeTitleHeader({
|
|
|
76
87
|
<HeaderBar
|
|
77
88
|
{...dismissProps}
|
|
78
89
|
title={title}
|
|
90
|
+
titleVariant={titleVariant}
|
|
91
|
+
titleWeight={titleWeight}
|
|
79
92
|
titleAlignment={titleAlignment}
|
|
80
93
|
color={color}
|
|
81
94
|
surfaceStyle={layout.surfaceStyle}
|