jfs-components 0.0.28 → 0.0.30
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/VStack/VStack.js +5 -5
- package/lib/commonjs/components/VStack/VStack.mdx +6 -6
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/module/components/VStack/VStack.js +5 -5
- package/lib/module/components/VStack/VStack.mdx +6 -6
- 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/VStack/VStack.mdx +6 -6
- package/src/components/VStack/VStack.tsx +5 -5
- 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-11T10:
|
|
7
|
+
* Generated: 2026-02-11T10:25:00.751Z
|
|
8
8
|
*/
|
|
9
9
|
export declare const iconRegistry: Record<string, {
|
|
10
10
|
path: string;
|
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ This component does not use any design token collections with multiple modes.
|
|
|
17
17
|
```tsx
|
|
18
18
|
import { VStack } from 'jfs-components';
|
|
19
19
|
|
|
20
|
-
<VStack alignHorizontal="center" modes={{ '
|
|
20
|
+
<VStack alignHorizontal="center" modes={{ 'vStack/gap': 16 }}>
|
|
21
21
|
<View>Item 1</View>
|
|
22
22
|
<View>Item 2</View>
|
|
23
23
|
</VStack>
|
|
@@ -35,10 +35,10 @@ import { VStack } 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
|
+
- **`vStack/gap`**
|
|
39
|
+
- **`vStack/padding/bottom`**
|
|
40
|
+
- **`vStack/padding/left`**
|
|
41
|
+
- **`vStack/padding/right`**
|
|
42
|
+
- **`vStack/padding/top`**
|
|
43
43
|
|
|
44
44
|
All tokens support mode-based theming through the `modes` prop.
|
|
@@ -55,11 +55,11 @@ export const VStack = ({
|
|
|
55
55
|
const { modes: globalModes } = useTokens()
|
|
56
56
|
const modes = { ...globalModes, ...propModes }
|
|
57
57
|
|
|
58
|
-
const paddingTop = getVariableByName('
|
|
59
|
-
const paddingBottom = getVariableByName('
|
|
60
|
-
const paddingLeft = getVariableByName('
|
|
61
|
-
const paddingRight = getVariableByName('
|
|
62
|
-
const gap = getVariableByName('
|
|
58
|
+
const paddingTop = getVariableByName('vStack/padding/top', modes)
|
|
59
|
+
const paddingBottom = getVariableByName('vStack/padding/bottom', modes)
|
|
60
|
+
const paddingLeft = getVariableByName('vStack/padding/left', modes)
|
|
61
|
+
const paddingRight = getVariableByName('vStack/padding/right', modes)
|
|
62
|
+
const gap = getVariableByName('vStack/gap', modes)
|
|
63
63
|
|
|
64
64
|
const flexWrap = typeof wrap === 'boolean' ? (wrap ? 'wrap' : 'nowrap') : wrap
|
|
65
65
|
|
package/src/icons/registry.ts
CHANGED