jfs-components 0.0.27 → 0.0.29
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/lib/commonjs/components/Carousel/Carousel.mdx +5 -1
- package/lib/commonjs/components/HStack/HStack.mdx +5 -5
- package/lib/commonjs/components/MoneyValue/MoneyValue.mdx +1 -1
- package/lib/commonjs/design-tokens/figma-variables-resolver.js +9 -3
- package/lib/commonjs/design-tokens/figma-variables-resolver.js.map +2 -1
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/module/components/Carousel/Carousel.mdx +5 -1
- package/lib/module/components/HStack/HStack.mdx +5 -5
- package/lib/module/components/MoneyValue/MoneyValue.mdx +1 -1
- package/lib/module/design-tokens/figma-variables-resolver.js +2 -2
- package/lib/module/design-tokens/figma-variables-resolver.js.map +2 -1
- package/lib/module/icons/registry.js +1 -1
- package/lib/typescript/icons/registry.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/.token-metadata.json +20 -8
- package/src/components/Carousel/Carousel.mdx +5 -1
- package/src/components/HStack/HStack.mdx +5 -5
- package/src/components/MoneyValue/MoneyValue.mdx +1 -1
- package/src/icons/registry.ts +1 -1
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Auto-generated from SVG files in src/icons/
|
|
5
5
|
* DO NOT EDIT MANUALLY - Run "npm run icons:generate" to regenerate
|
|
6
6
|
*
|
|
7
|
-
* Generated: 2026-02-
|
|
7
|
+
* Generated: 2026-02-11T10:15:39.742Z
|
|
8
8
|
*/
|
|
9
9
|
export declare const iconRegistry: Record<string, {
|
|
10
10
|
path: string;
|
package/package.json
CHANGED
|
@@ -499,7 +499,18 @@
|
|
|
499
499
|
"carousel/pagination/gap",
|
|
500
500
|
"carousel/peekOffset"
|
|
501
501
|
],
|
|
502
|
-
"collections": {
|
|
502
|
+
"collections": {
|
|
503
|
+
"peekOffset": {
|
|
504
|
+
"modes": [
|
|
505
|
+
"Medium",
|
|
506
|
+
"Small",
|
|
507
|
+
"Large",
|
|
508
|
+
"None"
|
|
509
|
+
],
|
|
510
|
+
"defaultMode": "Medium",
|
|
511
|
+
"hasMultipleModes": true
|
|
512
|
+
}
|
|
513
|
+
},
|
|
503
514
|
"filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Carousel/Carousel.tsx"
|
|
504
515
|
},
|
|
505
516
|
"ChipGroup": {
|
|
@@ -717,11 +728,11 @@
|
|
|
717
728
|
},
|
|
718
729
|
"HStack": {
|
|
719
730
|
"tokens": [
|
|
720
|
-
"
|
|
721
|
-
"
|
|
722
|
-
"
|
|
723
|
-
"
|
|
724
|
-
"
|
|
731
|
+
"hStack/gap",
|
|
732
|
+
"hStack/padding/bottom",
|
|
733
|
+
"hStack/padding/left",
|
|
734
|
+
"hStack/padding/right",
|
|
735
|
+
"hStack/padding/top"
|
|
725
736
|
],
|
|
726
737
|
"collections": {},
|
|
727
738
|
"filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/HStack/HStack.tsx"
|
|
@@ -1113,8 +1124,9 @@
|
|
|
1113
1124
|
"Context3": {
|
|
1114
1125
|
"modes": [
|
|
1115
1126
|
"Default",
|
|
1116
|
-
"Transaction Bubble",
|
|
1117
|
-
"Balance"
|
|
1127
|
+
"Transaction Bubble & Cards",
|
|
1128
|
+
"Balance",
|
|
1129
|
+
"Amount Input"
|
|
1118
1130
|
],
|
|
1119
1131
|
"defaultMode": "Default",
|
|
1120
1132
|
"hasMultipleModes": true
|
|
@@ -8,7 +8,11 @@ import { View, Image, Text } from 'react-native';
|
|
|
8
8
|
|
|
9
9
|
## Available Collections and Modes
|
|
10
10
|
|
|
11
|
-
This component
|
|
11
|
+
This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
|
|
12
|
+
|
|
13
|
+
### peekOffset
|
|
14
|
+
- **Modes:** Medium | Small | Large | None
|
|
15
|
+
- **Default:** Medium
|
|
12
16
|
## Usage
|
|
13
17
|
|
|
14
18
|
<Canvas>
|
|
@@ -35,10 +35,10 @@ import { HStack } from 'jfs-components';
|
|
|
35
35
|
|
|
36
36
|
This component uses the following design tokens, resolved through `getVariableByName`:
|
|
37
37
|
|
|
38
|
-
- **`
|
|
39
|
-
- **`
|
|
40
|
-
- **`
|
|
41
|
-
- **`
|
|
42
|
-
- **`
|
|
38
|
+
- **`hStack/gap`**
|
|
39
|
+
- **`hStack/padding/bottom`**
|
|
40
|
+
- **`hStack/padding/left`**
|
|
41
|
+
- **`hStack/padding/right`**
|
|
42
|
+
- **`hStack/padding/top`**
|
|
43
43
|
|
|
44
44
|
All tokens support mode-based theming through the `modes` prop.
|
|
@@ -22,7 +22,7 @@ This component uses the following design token collections. Each collection supp
|
|
|
22
22
|
- **Default:** POC
|
|
23
23
|
|
|
24
24
|
### Context3
|
|
25
|
-
- **Modes:** Default | Transaction Bubble | Balance
|
|
25
|
+
- **Modes:** Default | Transaction Bubble & Cards | Balance | Amount Input
|
|
26
26
|
- **Default:** Default
|
|
27
27
|
## Usage
|
|
28
28
|
|
package/src/icons/registry.ts
CHANGED