@cdx-ui/components 0.0.1-beta.4 → 0.0.1-beta.40
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/README.md +18 -11
- package/lib/commonjs/components/Avatar/index.js +1 -1
- package/lib/commonjs/components/Avatar/styles.js +36 -29
- package/lib/commonjs/components/Avatar/styles.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +2 -2
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/CLAUDE.md +90 -0
- package/lib/commonjs/components/Card/index.js +22 -4
- package/lib/commonjs/components/Card/index.js.map +1 -1
- package/lib/commonjs/components/Card/styles.js +27 -5
- package/lib/commonjs/components/Card/styles.js.map +1 -1
- package/lib/commonjs/components/Checkbox/index.js +5 -29
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +39 -47
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Chip/index.js +78 -9
- package/lib/commonjs/components/Chip/index.js.map +1 -1
- package/lib/commonjs/components/Chip/styles.js +207 -21
- package/lib/commonjs/components/Chip/styles.js.map +1 -1
- package/lib/commonjs/components/Field/index.js +8 -2
- package/lib/commonjs/components/Field/index.js.map +1 -1
- package/lib/commonjs/components/Field/styles.js +4 -4
- package/lib/commonjs/components/Field/styles.js.map +1 -1
- package/lib/commonjs/components/Heading/styles.js +1 -1
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js +1 -2
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +6 -1
- package/lib/commonjs/components/IconButton/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +135 -10
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +7 -6
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/ListItem/index.js +283 -0
- package/lib/commonjs/components/ListItem/index.js.map +1 -0
- package/lib/commonjs/components/ListItem/styles.js +130 -0
- package/lib/commonjs/components/ListItem/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressSegmented/index.js +22 -10
- package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -1
- package/lib/commonjs/components/Radio/index.js +167 -0
- package/lib/commonjs/components/Radio/index.js.map +1 -0
- package/lib/commonjs/components/Radio/styles.js +31 -0
- package/lib/commonjs/components/Radio/styles.js.map +1 -0
- package/lib/commonjs/components/Text/styles.js +2 -2
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/Tile/index.js +251 -0
- package/lib/commonjs/components/Tile/index.js.map +1 -0
- package/lib/commonjs/components/Tile/styles.js +52 -0
- package/lib/commonjs/components/Tile/styles.js.map +1 -0
- package/lib/commonjs/components/index.js +36 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/Avatar.figma.js +54 -0
- package/lib/commonjs/figma/Avatar.figma.js.map +1 -0
- package/lib/commonjs/figma/Button.figma.js +28 -11
- package/lib/commonjs/figma/Button.figma.js.map +1 -1
- package/lib/commonjs/figma/CLAUDE.md +30 -0
- package/lib/commonjs/figma/Card.Header.figma.js +28 -0
- package/lib/commonjs/figma/Card.Header.figma.js.map +1 -0
- package/lib/commonjs/figma/Card.figma.js +42 -0
- package/lib/commonjs/figma/Card.figma.js.map +1 -0
- package/lib/commonjs/figma/Checkbox.figma.js +55 -0
- package/lib/commonjs/figma/Checkbox.figma.js.map +1 -0
- package/lib/commonjs/figma/Chip.figma.js +68 -0
- package/lib/commonjs/figma/Chip.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Input.figma.js +57 -0
- package/lib/commonjs/figma/Field.Input.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Select.figma.js +57 -0
- package/lib/commonjs/figma/Field.Select.figma.js.map +1 -0
- package/lib/commonjs/figma/Heading.figma.js +30 -0
- package/lib/commonjs/figma/Heading.figma.js.map +1 -0
- package/lib/commonjs/figma/Icon.figma.js +20 -0
- package/lib/commonjs/figma/Icon.figma.js.map +1 -0
- package/lib/commonjs/figma/IconButton.figma.js +47 -0
- package/lib/commonjs/figma/IconButton.figma.js.map +1 -0
- package/lib/commonjs/figma/Input.figma.js +52 -0
- package/lib/commonjs/figma/Input.figma.js.map +1 -0
- package/lib/commonjs/figma/ProgressSegmented.figma.js +39 -0
- package/lib/commonjs/figma/ProgressSegmented.figma.js.map +1 -0
- package/lib/commonjs/figma/Radio.figma.js +38 -0
- package/lib/commonjs/figma/Radio.figma.js.map +1 -0
- package/lib/commonjs/figma/Select.figma.js +53 -0
- package/lib/commonjs/figma/Select.figma.js.map +1 -0
- package/lib/commonjs/figma/Text.figma.js +29 -0
- package/lib/commonjs/figma/Text.figma.js.map +1 -0
- package/lib/commonjs/figma/icons.figma.batch.js +27 -0
- package/lib/commonjs/figma/icons.figma.batch.js.map +1 -0
- package/lib/commonjs/figma/icons.figma.batch.json +17705 -0
- package/lib/commonjs/styles/primitives.js +42 -5
- package/lib/commonjs/styles/primitives.js.map +1 -1
- package/lib/module/components/Avatar/index.js +1 -1
- package/lib/module/components/Avatar/styles.js +36 -29
- package/lib/module/components/Avatar/styles.js.map +1 -1
- package/lib/module/components/Button/styles.js +2 -2
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/CLAUDE.md +90 -0
- package/lib/module/components/Card/index.js +23 -4
- package/lib/module/components/Card/index.js.map +1 -1
- package/lib/module/components/Card/styles.js +27 -5
- package/lib/module/components/Card/styles.js.map +1 -1
- package/lib/module/components/Checkbox/index.js +6 -30
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +40 -48
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Chip/index.js +82 -13
- package/lib/module/components/Chip/index.js.map +1 -1
- package/lib/module/components/Chip/styles.js +206 -20
- package/lib/module/components/Chip/styles.js.map +1 -1
- package/lib/module/components/Field/index.js +9 -3
- package/lib/module/components/Field/index.js.map +1 -1
- package/lib/module/components/Field/styles.js +4 -4
- package/lib/module/components/Field/styles.js.map +1 -1
- package/lib/module/components/Heading/styles.js +1 -1
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/Icon/index.js +1 -2
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/IconButton/index.js +6 -1
- package/lib/module/components/IconButton/index.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +135 -10
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Input/styles.js +7 -6
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/ListItem/index.js +226 -0
- package/lib/module/components/ListItem/index.js.map +1 -0
- package/lib/module/components/ListItem/styles.js +127 -0
- package/lib/module/components/ListItem/styles.js.map +1 -0
- package/lib/module/components/ProgressSegmented/index.js +23 -11
- package/lib/module/components/ProgressSegmented/index.js.map +1 -1
- package/lib/module/components/Radio/index.js +164 -0
- package/lib/module/components/Radio/index.js.map +1 -0
- package/lib/module/components/Radio/styles.js +27 -0
- package/lib/module/components/Radio/styles.js.map +1 -0
- package/lib/module/components/Text/styles.js +2 -2
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/Tile/index.js +243 -0
- package/lib/module/components/Tile/index.js.map +1 -0
- package/lib/module/components/Tile/styles.js +48 -0
- package/lib/module/components/Tile/styles.js.map +1 -0
- package/lib/module/components/index.js +3 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/Avatar.figma.js +48 -0
- package/lib/module/figma/Avatar.figma.js.map +1 -0
- package/lib/module/figma/Button.figma.js +28 -11
- package/lib/module/figma/Button.figma.js.map +1 -1
- package/lib/module/figma/CLAUDE.md +30 -0
- package/lib/module/figma/Card.Header.figma.js +22 -0
- package/lib/module/figma/Card.Header.figma.js.map +1 -0
- package/lib/module/figma/Card.figma.js +36 -0
- package/lib/module/figma/Card.figma.js.map +1 -0
- package/lib/module/figma/Checkbox.figma.js +49 -0
- package/lib/module/figma/Checkbox.figma.js.map +1 -0
- package/lib/module/figma/Chip.figma.js +62 -0
- package/lib/module/figma/Chip.figma.js.map +1 -0
- package/lib/module/figma/Field.Input.figma.js +51 -0
- package/lib/module/figma/Field.Input.figma.js.map +1 -0
- package/lib/module/figma/Field.Select.figma.js +51 -0
- package/lib/module/figma/Field.Select.figma.js.map +1 -0
- package/lib/module/figma/Heading.figma.js +24 -0
- package/lib/module/figma/Heading.figma.js.map +1 -0
- package/lib/module/figma/Icon.figma.js +14 -0
- package/lib/module/figma/Icon.figma.js.map +1 -0
- package/lib/module/figma/IconButton.figma.js +41 -0
- package/lib/module/figma/IconButton.figma.js.map +1 -0
- package/lib/module/figma/Input.figma.js +46 -0
- package/lib/module/figma/Input.figma.js.map +1 -0
- package/lib/module/figma/ProgressSegmented.figma.js +33 -0
- package/lib/module/figma/ProgressSegmented.figma.js.map +1 -0
- package/lib/module/figma/Radio.figma.js +32 -0
- package/lib/module/figma/Radio.figma.js.map +1 -0
- package/lib/module/figma/Select.figma.js +47 -0
- package/lib/module/figma/Select.figma.js.map +1 -0
- package/lib/module/figma/Text.figma.js +23 -0
- package/lib/module/figma/Text.figma.js.map +1 -0
- package/lib/module/figma/icons.figma.batch.js +22 -0
- package/lib/module/figma/icons.figma.batch.js.map +1 -0
- package/lib/module/figma/icons.figma.batch.json +17705 -0
- package/lib/module/styles/primitives.js +42 -5
- package/lib/module/styles/primitives.js.map +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts +4 -4
- package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
- package/lib/typescript/components/Card/index.d.ts +4 -3
- package/lib/typescript/components/Card/index.d.ts.map +1 -1
- package/lib/typescript/components/Card/styles.d.ts +13 -3
- package/lib/typescript/components/Card/styles.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/index.d.ts +1 -2
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/styles.d.ts +4 -14
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/Chip/index.d.ts +19 -6
- package/lib/typescript/components/Chip/index.d.ts.map +1 -1
- package/lib/typescript/components/Chip/styles.d.ts +13 -4
- package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
- package/lib/typescript/components/Field/FieldLabel.web.d.ts +2 -2
- package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -1
- package/lib/typescript/components/Field/index.d.ts.map +1 -1
- package/lib/typescript/components/Field/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts +1 -1
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +6 -2
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/index.d.ts +49 -0
- package/lib/typescript/components/ListItem/index.d.ts.map +1 -0
- package/lib/typescript/components/ListItem/styles.d.ts +30 -0
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressSegmented/index.d.ts +14 -3
- package/lib/typescript/components/ProgressSegmented/index.d.ts.map +1 -1
- package/lib/typescript/components/Radio/index.d.ts +40 -0
- package/lib/typescript/components/Radio/index.d.ts.map +1 -0
- package/lib/typescript/components/Radio/styles.d.ts +8 -0
- package/lib/typescript/components/Radio/styles.d.ts.map +1 -0
- package/lib/typescript/components/Stack/styles.d.ts +2 -2
- package/lib/typescript/components/Text/styles.d.ts +1 -1
- package/lib/typescript/components/Tile/index.d.ts +70 -0
- package/lib/typescript/components/Tile/index.d.ts.map +1 -0
- package/lib/typescript/components/Tile/styles.d.ts +18 -0
- package/lib/typescript/components/Tile/styles.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +3 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/Avatar.figma.d.ts +8 -0
- package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Button.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Card.Header.figma.d.ts +8 -0
- package/lib/typescript/figma/Card.Header.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Card.figma.d.ts +8 -0
- package/lib/typescript/figma/Card.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Checkbox.figma.d.ts +8 -0
- package/lib/typescript/figma/Checkbox.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Chip.figma.d.ts +8 -0
- package/lib/typescript/figma/Chip.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Heading.figma.d.ts +8 -0
- package/lib/typescript/figma/Heading.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Icon.figma.d.ts +8 -0
- package/lib/typescript/figma/Icon.figma.d.ts.map +1 -0
- package/lib/typescript/figma/IconButton.figma.d.ts +8 -0
- package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ProgressSegmented.figma.d.ts +8 -0
- package/lib/typescript/figma/ProgressSegmented.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Radio.figma.d.ts +8 -0
- package/lib/typescript/figma/Radio.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Select.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Text.figma.d.ts +8 -0
- package/lib/typescript/figma/Text.figma.d.ts.map +1 -0
- package/lib/typescript/figma/icons.figma.batch.d.ts +14 -0
- package/lib/typescript/figma/icons.figma.batch.d.ts.map +1 -0
- package/lib/typescript/styles/primitives.d.ts +38 -0
- package/lib/typescript/styles/primitives.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/Avatar/index.tsx +1 -1
- package/src/components/Avatar/styles.ts +49 -34
- package/src/components/Button/styles.ts +2 -2
- package/src/components/CLAUDE.md +90 -0
- package/src/components/Card/index.tsx +41 -16
- package/src/components/Card/styles.ts +43 -23
- package/src/components/Checkbox/index.tsx +8 -19
- package/src/components/Checkbox/styles.ts +82 -86
- package/src/components/Chip/index.tsx +104 -27
- package/src/components/Chip/styles.ts +232 -18
- package/src/components/Field/FieldLabel.web.tsx +1 -1
- package/src/components/Field/index.tsx +10 -3
- package/src/components/Field/styles.ts +5 -4
- package/src/components/Heading/styles.ts +1 -1
- package/src/components/Icon/index.tsx +1 -2
- package/src/components/IconButton/index.tsx +3 -2
- package/src/components/IconButton/styles.ts +136 -10
- package/src/components/Input/styles.ts +14 -9
- package/src/components/ListItem/index.tsx +285 -0
- package/src/components/ListItem/styles.ts +153 -0
- package/src/components/ProgressSegmented/index.tsx +49 -14
- package/src/components/Radio/index.tsx +192 -0
- package/src/components/Radio/styles.ts +59 -0
- package/src/components/Text/styles.ts +2 -2
- package/src/components/Tile/index.tsx +296 -0
- package/src/components/Tile/styles.ts +82 -0
- package/src/components/index.ts +3 -0
- package/src/styles/primitives.ts +42 -5
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Tile = void 0;
|
|
7
|
+
Object.defineProperty(exports, "useTileContext", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _primitives.useTileContext;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _react = require("react");
|
|
14
|
+
var _reactNative = require("react-native");
|
|
15
|
+
var _primitives = require("@cdx-ui/primitives");
|
|
16
|
+
var _icons = require("@cdx-ui/icons");
|
|
17
|
+
var _utils = require("@cdx-ui/utils");
|
|
18
|
+
var _styles = require("../Checkbox/styles");
|
|
19
|
+
var _Icon = require("../Icon");
|
|
20
|
+
var _styles2 = require("../Radio/styles");
|
|
21
|
+
var _styles3 = require("./styles");
|
|
22
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
|
+
const TILE_SCOPE = 'TILE';
|
|
24
|
+
const TILE_GROUP_SCOPE = 'TILE_GROUP';
|
|
25
|
+
const RootPressable = (0, _utils.withStyleContext)(_reactNative.Pressable, TILE_SCOPE);
|
|
26
|
+
const GroupView = (0, _utils.withStyleContext)(_reactNative.View, TILE_GROUP_SCOPE);
|
|
27
|
+
const useTileGroupStyleContext = () => {
|
|
28
|
+
// `useStyleContext` types the result as a `Record`, but at runtime the value is
|
|
29
|
+
// `undefined` when no provider is in scope (e.g. standalone Tile). Cast through
|
|
30
|
+
// `unknown` to acknowledge that.
|
|
31
|
+
const ctx = (0, _utils.useStyleContext)(TILE_GROUP_SCOPE);
|
|
32
|
+
return ctx ?? {};
|
|
33
|
+
};
|
|
34
|
+
const TilePrimitive = (0, _primitives.createTile)({
|
|
35
|
+
Pressable: RootPressable,
|
|
36
|
+
Group: GroupView,
|
|
37
|
+
LeadingSlot: _reactNative.View,
|
|
38
|
+
Content: _reactNative.View,
|
|
39
|
+
Title: _reactNative.Text,
|
|
40
|
+
Description: _reactNative.Text,
|
|
41
|
+
Indicator: _reactNative.View,
|
|
42
|
+
TrailingSlot: _reactNative.View
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
// =============================================================================
|
|
46
|
+
// TILE GROUP
|
|
47
|
+
// =============================================================================
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Discriminated union mirroring `ITileGroupProps`, with `className` and layout variants added at
|
|
51
|
+
* the styled layer. Distributing the intersection across each branch keeps `interface … extends`
|
|
52
|
+
* ergonomics and avoids tripping `@typescript-eslint` on `(union) & { ... }`.
|
|
53
|
+
*
|
|
54
|
+
* `direction` and `spacing` constrain the group layout to the three supported patterns:
|
|
55
|
+
* - `direction="column"` + `spacing="default"` — vertical stack with gaps (default).
|
|
56
|
+
* - `direction="column"` + `spacing="none"` — tight vertical stack (rows touch).
|
|
57
|
+
* - `direction="row"` + `spacing="default"` — side-by-side horizontal layout.
|
|
58
|
+
*
|
|
59
|
+
* `shape` (when set) is propagated to child `Tile`s via `withStyleContext`, matching the
|
|
60
|
+
* Avatar size-propagation pattern. A per-tile `shape` prop overrides the inherited value.
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
const TileGroup = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
64
|
+
className,
|
|
65
|
+
style,
|
|
66
|
+
children,
|
|
67
|
+
direction,
|
|
68
|
+
spacing,
|
|
69
|
+
shape,
|
|
70
|
+
...props
|
|
71
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive.Group, {
|
|
72
|
+
ref: ref,
|
|
73
|
+
className: (0, _utils.cn)((0, _styles3.tileGroupVariants)({
|
|
74
|
+
direction,
|
|
75
|
+
spacing
|
|
76
|
+
}), className),
|
|
77
|
+
style: style,
|
|
78
|
+
context: {
|
|
79
|
+
shape
|
|
80
|
+
},
|
|
81
|
+
...props,
|
|
82
|
+
children: children
|
|
83
|
+
}));
|
|
84
|
+
TileGroup.displayName = 'Tile.Group';
|
|
85
|
+
|
|
86
|
+
// =============================================================================
|
|
87
|
+
// TILE ROOT
|
|
88
|
+
// =============================================================================
|
|
89
|
+
|
|
90
|
+
const TileRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
91
|
+
shape: shapeProp,
|
|
92
|
+
showSeparator,
|
|
93
|
+
className,
|
|
94
|
+
style,
|
|
95
|
+
context,
|
|
96
|
+
...props
|
|
97
|
+
}, ref) => {
|
|
98
|
+
const {
|
|
99
|
+
shape: inheritedShape
|
|
100
|
+
} = useTileGroupStyleContext();
|
|
101
|
+
const shape = shapeProp ?? inheritedShape ?? 'card';
|
|
102
|
+
const computedClassName = (0, _utils.cn)((0, _styles3.tileRootVariants)({
|
|
103
|
+
shape,
|
|
104
|
+
showSeparator
|
|
105
|
+
}), className);
|
|
106
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive, {
|
|
107
|
+
ref: ref,
|
|
108
|
+
className: computedClassName,
|
|
109
|
+
context: {
|
|
110
|
+
...context,
|
|
111
|
+
shape
|
|
112
|
+
},
|
|
113
|
+
style: style,
|
|
114
|
+
...props
|
|
115
|
+
});
|
|
116
|
+
});
|
|
117
|
+
TileRoot.displayName = 'Tile';
|
|
118
|
+
|
|
119
|
+
// =============================================================================
|
|
120
|
+
// SLOTS
|
|
121
|
+
// =============================================================================
|
|
122
|
+
|
|
123
|
+
const TileLeadingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
124
|
+
className,
|
|
125
|
+
style,
|
|
126
|
+
...props
|
|
127
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive.LeadingSlot, {
|
|
128
|
+
ref: ref,
|
|
129
|
+
className: (0, _utils.cn)((0, _styles3.tileLeadingSlotVariants)(), className),
|
|
130
|
+
style: style,
|
|
131
|
+
...props
|
|
132
|
+
}));
|
|
133
|
+
TileLeadingSlot.displayName = 'Tile.LeadingSlot';
|
|
134
|
+
const TileContent = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
135
|
+
className,
|
|
136
|
+
style,
|
|
137
|
+
...props
|
|
138
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive.Content, {
|
|
139
|
+
ref: ref,
|
|
140
|
+
className: (0, _utils.cn)((0, _styles3.tileContentVariants)(), className),
|
|
141
|
+
style: style,
|
|
142
|
+
...props
|
|
143
|
+
}));
|
|
144
|
+
TileContent.displayName = 'Tile.Content';
|
|
145
|
+
const TileTitle = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
146
|
+
className,
|
|
147
|
+
style,
|
|
148
|
+
numberOfLines = 1,
|
|
149
|
+
...props
|
|
150
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive.Title, {
|
|
151
|
+
ref: ref,
|
|
152
|
+
className: (0, _utils.cn)((0, _styles3.tileTitleVariants)(), className),
|
|
153
|
+
style: style,
|
|
154
|
+
numberOfLines: numberOfLines,
|
|
155
|
+
...props
|
|
156
|
+
}));
|
|
157
|
+
TileTitle.displayName = 'Tile.Title';
|
|
158
|
+
const TileDescription = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
159
|
+
className,
|
|
160
|
+
style,
|
|
161
|
+
...props
|
|
162
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive.Description, {
|
|
163
|
+
ref: ref,
|
|
164
|
+
className: (0, _utils.cn)((0, _styles3.tileDescriptionVariants)(), className),
|
|
165
|
+
style: style,
|
|
166
|
+
...props
|
|
167
|
+
}));
|
|
168
|
+
TileDescription.displayName = 'Tile.Description';
|
|
169
|
+
|
|
170
|
+
/**
|
|
171
|
+
* Decorative selection affordance. Renders pure CVA-styled Views — no interactive hooks,
|
|
172
|
+
* no nested Pressable, zero runtime overhead. The Tile root owns the press target and
|
|
173
|
+
* ARIA role; this subtree is `aria-hidden` via `createTileIndicator`.
|
|
174
|
+
*
|
|
175
|
+
* The visual is inferred from the tile context: `single` (radio semantics) → radio ring,
|
|
176
|
+
* `multiple` (checkbox semantics) → checkbox square. An explicit `indicatorType` prop
|
|
177
|
+
* overrides — primarily for standalone tiles that want a radio-style visual.
|
|
178
|
+
*/
|
|
179
|
+
function TileIndicatorVisual({
|
|
180
|
+
indicatorType
|
|
181
|
+
}) {
|
|
182
|
+
const {
|
|
183
|
+
isSelected,
|
|
184
|
+
isDisabled,
|
|
185
|
+
selectionType
|
|
186
|
+
} = (0, _primitives.useTileContext)();
|
|
187
|
+
const effectiveType = indicatorType ?? (selectionType === 'single' ? 'radio' : 'checkbox');
|
|
188
|
+
const stateAttrs = (0, _primitives.dataAttributes)({
|
|
189
|
+
checked: isSelected,
|
|
190
|
+
disabled: isDisabled
|
|
191
|
+
});
|
|
192
|
+
if (effectiveType === 'radio') {
|
|
193
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
194
|
+
className: (0, _styles2.radioIndicatorVariants)(),
|
|
195
|
+
...stateAttrs,
|
|
196
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
197
|
+
className: (0, _styles2.radioInnerDotVariants)(),
|
|
198
|
+
...(0, _primitives.dataAttributes)({
|
|
199
|
+
checked: isSelected,
|
|
200
|
+
invalid: false
|
|
201
|
+
})
|
|
202
|
+
})
|
|
203
|
+
});
|
|
204
|
+
}
|
|
205
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
206
|
+
className: (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)()),
|
|
207
|
+
...stateAttrs,
|
|
208
|
+
children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
209
|
+
as: _icons.Check,
|
|
210
|
+
className: (0, _styles.checkboxIconVariants)()
|
|
211
|
+
})
|
|
212
|
+
});
|
|
213
|
+
}
|
|
214
|
+
const TileIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
215
|
+
className,
|
|
216
|
+
children,
|
|
217
|
+
style,
|
|
218
|
+
indicatorType,
|
|
219
|
+
...props
|
|
220
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive.Indicator, {
|
|
221
|
+
ref: ref,
|
|
222
|
+
className: (0, _utils.cn)((0, _styles3.tileIndicatorVariants)(), className),
|
|
223
|
+
style: style,
|
|
224
|
+
indicatorType: indicatorType,
|
|
225
|
+
...props,
|
|
226
|
+
children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(TileIndicatorVisual, {
|
|
227
|
+
indicatorType: indicatorType
|
|
228
|
+
})
|
|
229
|
+
}));
|
|
230
|
+
TileIndicator.displayName = 'Tile.Indicator';
|
|
231
|
+
const TileTrailingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
232
|
+
className,
|
|
233
|
+
style,
|
|
234
|
+
...props
|
|
235
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TilePrimitive.TrailingSlot, {
|
|
236
|
+
ref: ref,
|
|
237
|
+
className: (0, _utils.cn)((0, _styles3.tileTrailingSlotVariants)(), className),
|
|
238
|
+
style: style,
|
|
239
|
+
...props
|
|
240
|
+
}));
|
|
241
|
+
TileTrailingSlot.displayName = 'Tile.TrailingSlot';
|
|
242
|
+
const Tile = exports.Tile = Object.assign(TileRoot, {
|
|
243
|
+
Group: TileGroup,
|
|
244
|
+
LeadingSlot: TileLeadingSlot,
|
|
245
|
+
Content: TileContent,
|
|
246
|
+
Title: TileTitle,
|
|
247
|
+
Description: TileDescription,
|
|
248
|
+
Indicator: TileIndicator,
|
|
249
|
+
TrailingSlot: TileTrailingSlot
|
|
250
|
+
});
|
|
251
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_icons","_utils","_styles","_Icon","_styles2","_styles3","_jsxRuntime","TILE_SCOPE","TILE_GROUP_SCOPE","RootPressable","withStyleContext","Pressable","GroupView","View","useTileGroupStyleContext","ctx","useStyleContext","TilePrimitive","createTile","Group","LeadingSlot","Content","Title","Text","Description","Indicator","TrailingSlot","TileGroup","forwardRef","className","style","children","direction","spacing","shape","props","ref","jsx","cn","tileGroupVariants","context","displayName","TileRoot","shapeProp","showSeparator","inheritedShape","computedClassName","tileRootVariants","TileLeadingSlot","tileLeadingSlotVariants","TileContent","tileContentVariants","TileTitle","numberOfLines","tileTitleVariants","TileDescription","tileDescriptionVariants","TileIndicatorVisual","indicatorType","isSelected","isDisabled","selectionType","useTileContext","effectiveType","stateAttrs","dataAttributes","checked","disabled","radioIndicatorVariants","radioInnerDotVariants","invalid","checkboxIndicatorVariants","Icon","as","Check","checkboxIconVariants","TileIndicator","tileIndicatorVariants","TileTrailingSlot","tileTrailingSlotVariants","Tile","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Tile/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.tileTrailingSlotVariants = exports.tileTitleVariants = exports.tileRootVariants = exports.tileLeadingSlotVariants = exports.tileIndicatorVariants = exports.tileGroupVariants = exports.tileDescriptionVariants = exports.tileContentVariants = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
|
+
var _primitives = require("../../styles/primitives");
|
|
10
|
+
const tileGroupVariants = exports.tileGroupVariants = (0, _classVarianceAuthority.cva)(['flex w-full'], {
|
|
11
|
+
variants: {
|
|
12
|
+
direction: {
|
|
13
|
+
column: 'flex-col',
|
|
14
|
+
row: 'flex-row'
|
|
15
|
+
},
|
|
16
|
+
spacing: {
|
|
17
|
+
default: 'gap-2',
|
|
18
|
+
none: 'gap-0'
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
direction: 'column',
|
|
23
|
+
spacing: 'default'
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
const tileRootVariants = exports.tileRootVariants = (0, _classVarianceAuthority.cva)(['flex-row self-stretch gap-3 px-4 py-3', 'data-[disabled=true]:opacity-50', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
|
|
27
|
+
web: ['outline-none', 'data-[hover=true]:data-[disabled=false]:bg-surface-action-tint-hover', 'data-[active=true]:data-[disabled=false]:data-[hover=true]:bg-surface-action-tint-active', 'data-[hover=true]:data-[disabled=false]:data-[state=unselected]:border-stroke-action', 'focus-visible:data-[disabled=false]:ring-2 focus-visible:data-[disabled=false]:ring-stroke-focus focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
|
|
28
|
+
default: ['data-[active=true]:bg-surface-action-tint-hover', 'data-[active=true]:border-stroke-action'].join(' ')
|
|
29
|
+
})], {
|
|
30
|
+
variants: {
|
|
31
|
+
shape: {
|
|
32
|
+
flat: 'rounded-none border-0 bg-transparent',
|
|
33
|
+
card: ['rounded-[var(--border-radius-default)] border-1 border-solid', 'border-stroke-secondary', 'bg-surface-primary', 'data-[state=selected]:border-stroke-action', 'data-[state=selected]:border-1.5', 'data-[state=selected]:bg-surface-action-tint'].join(' ')
|
|
34
|
+
},
|
|
35
|
+
showSeparator: {
|
|
36
|
+
true: ['border-b border-solid border-stroke-secondary! native:data-[active=true]:border-stroke-secondary' // Override border-stroke-action on hover
|
|
37
|
+
],
|
|
38
|
+
false: ''
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
defaultVariants: {
|
|
42
|
+
shape: 'card',
|
|
43
|
+
showSeparator: false
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
const tileLeadingSlotVariants = exports.tileLeadingSlotVariants = (0, _classVarianceAuthority.cva)(['flex shrink-0 items-center justify-center']);
|
|
47
|
+
const tileTrailingSlotVariants = exports.tileTrailingSlotVariants = (0, _classVarianceAuthority.cva)(['flex shrink-0 items-center justify-center']);
|
|
48
|
+
const tileContentVariants = exports.tileContentVariants = (0, _classVarianceAuthority.cva)(['min-w-0 flex-1 flex-col gap-0.5 no-underline']);
|
|
49
|
+
const tileTitleVariants = exports.tileTitleVariants = (0, _classVarianceAuthority.cva)(['text-base font-medium text-content-primary no-underline']);
|
|
50
|
+
const tileDescriptionVariants = exports.tileDescriptionVariants = (0, _classVarianceAuthority.cva)(['text-sm text-content-secondary no-underline']);
|
|
51
|
+
const tileIndicatorVariants = exports.tileIndicatorVariants = (0, _classVarianceAuthority.cva)(['flex shrink-0 items-center justify-center']);
|
|
52
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","tileGroupVariants","exports","cva","variants","direction","column","row","spacing","default","none","defaultVariants","tileRootVariants","TRANSITION_COLORS","Platform","select","web","join","shape","flat","card","showSeparator","true","false","tileLeadingSlotVariants","tileTrailingSlotVariants","tileContentVariants","tileTitleVariants","tileDescriptionVariants","tileIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/Tile/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,aAAa,CAAC,EAAE;EACpDC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,UAAU;MAClBC,GAAG,EAAE;IACP,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,OAAO;MAChBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,SAAS,EAAE,QAAQ;IACnBG,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAIK,MAAMI,gBAAgB,GAAAV,OAAA,CAAAU,gBAAA,GAAG,IAAAT,2BAAG,EACjC,CACE,uCAAuC,EACvC,iCAAiC,EACjCU,6BAAiB,EACjBC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,cAAc,EACd,sEAAsE,EACtE,0FAA0F,EAC1F,sFAAsF,EACtF,oJAAoJ,CACrJ,CAACC,IAAI,CAAC,GAAG,CAAC;EACXR,OAAO,EAAE,CACP,iDAAiD,EACjD,yCAAyC,CAC1C,CAACQ,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,EACD;EACEb,QAAQ,EAAE;IACRc,KAAK,EAAE;MACLC,IAAI,EAAE,sCAAsC;MAC5CC,IAAI,EAAE,CACJ,8DAA8D,EAC9D,yBAAyB,EACzB,oBAAoB,EACpB,4CAA4C,EAC5C,kCAAkC,EAClC,8CAA8C,CAC/C,CAACH,IAAI,CAAC,GAAG;IACZ,CAAC;IACDI,aAAa,EAAE;MACbC,IAAI,EAAE,CACJ,kGAAkG,CAAE;MAAA,CACrG;MACDC,KAAK,EAAE;IACT;EACF,CAAC;EACDZ,eAAe,EAAE;IACfO,KAAK,EAAE,MAAM;IACbG,aAAa,EAAE;EACjB;AACF,CACF,CAAC;AAEM,MAAMG,uBAAuB,GAAAtB,OAAA,CAAAsB,uBAAA,GAAG,IAAArB,2BAAG,EAAC,CAAC,2CAA2C,CAAC,CAAC;AAElF,MAAMsB,wBAAwB,GAAAvB,OAAA,CAAAuB,wBAAA,GAAG,IAAAtB,2BAAG,EAAC,CAAC,2CAA2C,CAAC,CAAC;AAEnF,MAAMuB,mBAAmB,GAAAxB,OAAA,CAAAwB,mBAAA,GAAG,IAAAvB,2BAAG,EAAC,CAAC,8CAA8C,CAAC,CAAC;AAEjF,MAAMwB,iBAAiB,GAAAzB,OAAA,CAAAyB,iBAAA,GAAG,IAAAxB,2BAAG,EAAC,CAAC,yDAAyD,CAAC,CAAC;AAE1F,MAAMyB,uBAAuB,GAAA1B,OAAA,CAAA0B,uBAAA,GAAG,IAAAzB,2BAAG,EAAC,CAAC,6CAA6C,CAAC,CAAC;AAEpF,MAAM0B,qBAAqB,GAAA3B,OAAA,CAAA2B,qBAAA,GAAG,IAAA1B,2BAAG,EAAC,CAAC,2CAA2C,CAAC,CAAC","ignoreList":[]}
|
|
@@ -199,6 +199,18 @@ Object.keys(_Link).forEach(function (key) {
|
|
|
199
199
|
}
|
|
200
200
|
});
|
|
201
201
|
});
|
|
202
|
+
var _ListItem = require("./ListItem");
|
|
203
|
+
Object.keys(_ListItem).forEach(function (key) {
|
|
204
|
+
if (key === "default" || key === "__esModule") return;
|
|
205
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
206
|
+
if (key in exports && exports[key] === _ListItem[key]) return;
|
|
207
|
+
Object.defineProperty(exports, key, {
|
|
208
|
+
enumerable: true,
|
|
209
|
+
get: function () {
|
|
210
|
+
return _ListItem[key];
|
|
211
|
+
}
|
|
212
|
+
});
|
|
213
|
+
});
|
|
202
214
|
var _ProgressBar = require("./ProgressBar");
|
|
203
215
|
Object.keys(_ProgressBar).forEach(function (key) {
|
|
204
216
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -223,6 +235,18 @@ Object.keys(_ProgressSegmented).forEach(function (key) {
|
|
|
223
235
|
}
|
|
224
236
|
});
|
|
225
237
|
});
|
|
238
|
+
var _Radio = require("./Radio");
|
|
239
|
+
Object.keys(_Radio).forEach(function (key) {
|
|
240
|
+
if (key === "default" || key === "__esModule") return;
|
|
241
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
242
|
+
if (key in exports && exports[key] === _Radio[key]) return;
|
|
243
|
+
Object.defineProperty(exports, key, {
|
|
244
|
+
enumerable: true,
|
|
245
|
+
get: function () {
|
|
246
|
+
return _Radio[key];
|
|
247
|
+
}
|
|
248
|
+
});
|
|
249
|
+
});
|
|
226
250
|
var _Select = require("./Select");
|
|
227
251
|
Object.keys(_Select).forEach(function (key) {
|
|
228
252
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -259,6 +283,18 @@ Object.keys(_Switch).forEach(function (key) {
|
|
|
259
283
|
}
|
|
260
284
|
});
|
|
261
285
|
});
|
|
286
|
+
var _Tile = require("./Tile");
|
|
287
|
+
Object.keys(_Tile).forEach(function (key) {
|
|
288
|
+
if (key === "default" || key === "__esModule") return;
|
|
289
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
290
|
+
if (key in exports && exports[key] === _Tile[key]) return;
|
|
291
|
+
Object.defineProperty(exports, key, {
|
|
292
|
+
enumerable: true,
|
|
293
|
+
get: function () {
|
|
294
|
+
return _Tile[key];
|
|
295
|
+
}
|
|
296
|
+
});
|
|
297
|
+
});
|
|
262
298
|
var _Stack = require("./Stack");
|
|
263
299
|
var _Heading = require("./Heading");
|
|
264
300
|
Object.keys(_Heading).forEach(function (key) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Field","_Form","_Image","_Input","_OtpInput","_Link","_ProgressBar","_ProgressSegmented","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Field","_Form","_Image","_Input","_OtpInput","_Link","_ListItem","_ProgressBar","_ProgressSegmented","_Radio","_Select","_VirtualizedList","_Switch","_Tile","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=449-377
|
|
10
|
+
// source=packages/components/src/components/Avatar/index.tsx
|
|
11
|
+
// component=Avatar
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
|
|
15
|
+
// size: 1:1 mapping between Figma and code values
|
|
16
|
+
const size = instance.getEnum('size', {
|
|
17
|
+
'2xs': '2xs',
|
|
18
|
+
xs: 'xs',
|
|
19
|
+
sm: 'sm',
|
|
20
|
+
md: 'md',
|
|
21
|
+
lg: 'lg',
|
|
22
|
+
xl: 'xl',
|
|
23
|
+
'2xl': '2xl'
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
// type: VARIANT — determines which Avatar sub-component to render.
|
|
27
|
+
// Not a code prop; used only to choose Avatar.Image, Avatar.Text, or Avatar.Icon.
|
|
28
|
+
const type = instance.getEnum('type', {
|
|
29
|
+
image: 'image',
|
|
30
|
+
text: 'text',
|
|
31
|
+
icon: 'icon'
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
// icon: INSTANCE_SWAP → Avatar.Icon `as` prop (CdxIcon identifier).
|
|
35
|
+
// Prefer metadata.props.componentName exposed by icon Code Connect templates.
|
|
36
|
+
// Falls back to executeTemplate().example (placeholder pill) when the icon lacks Code Connect.
|
|
37
|
+
const iconResult = instance.getInstanceSwap('icon')?.executeTemplate();
|
|
38
|
+
const iconName = iconResult?.metadata?.props?.componentName;
|
|
39
|
+
const iconSnippet = iconName ?? iconResult?.example;
|
|
40
|
+
const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
|
|
41
|
+
|
|
42
|
+
// text: TEXT property — the initials or label rendered inside Avatar.Text
|
|
43
|
+
const textContent = instance.getString('text');
|
|
44
|
+
var _default = exports.default = {
|
|
45
|
+
id: 'avatar',
|
|
46
|
+
imports: ["import { Avatar } from '@cdx-ui/components'", ...iconImports],
|
|
47
|
+
example: _figma.default.code`
|
|
48
|
+
<Avatar size="${size}">
|
|
49
|
+
${type === 'image' ? _figma.default.code`<Avatar.Image src="..." />` : null}
|
|
50
|
+
${type === 'text' ? _figma.default.code`<Avatar.Text>${textContent}</Avatar.Text>` : null}
|
|
51
|
+
${type === 'icon' ? _figma.default.code`<Avatar.Icon as={${iconSnippet}} />` : null}
|
|
52
|
+
</Avatar>`
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=Avatar.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","xs","sm","md","lg","xl","type","image","text","icon","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","textContent","getString","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Avatar.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGH,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpC,KAAK,EAAE,KAAK;EACZC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACR,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,IAAI,GAAGV,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCO,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,UAAU,GAAGd,QAAQ,CAACe,eAAe,CAAC,MAAM,CAAC,EAAEC,eAAe,CAAC,CAAC;AACtE,MAAMC,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AAEnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;;AAEnF;AACA,MAAMO,WAAW,GAAGxB,QAAQ,CAACyB,SAAS,CAAC,MAAM,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEhC;EACb6B,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGN,WAAW,CAAC;EACxED,OAAO,EAAErB,cAAK,CAAC6B,IAAI;AACrB,gBAAgB3B,IAAI;AACpB,IAAIO,IAAI,KAAK,OAAO,GAAGT,cAAK,CAAC6B,IAAI,4BAA4B,GAAG,IAAI;AACpE,IAAIpB,IAAI,KAAK,MAAM,GAAGT,cAAK,CAAC6B,IAAI,gBAAgBN,WAAW,gBAAgB,GAAG,IAAI;AAClF,IAAId,IAAI,KAAK,MAAM,GAAGT,cAAK,CAAC6B,IAAI,oBAAoBT,WAAW,MAAM,GAAG,IAAI;AAC5E;AACA,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _figma = _interopRequireDefault(require("figma"));
|
|
8
8
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=119-72
|
|
10
10
|
// source=packages/components/src/components/Button/index.tsx
|
|
11
11
|
// component=Button
|
|
12
12
|
|
|
@@ -14,7 +14,7 @@ const instance = _figma.default.selectedInstance;
|
|
|
14
14
|
|
|
15
15
|
// Variant rename: Figma uses "solid" but code uses "strong" for the filled/primary style.
|
|
16
16
|
// This divergence exists because "strong" better communicates visual weight in the code API
|
|
17
|
-
// while "solid" is the conventional Figma naming.
|
|
17
|
+
// while "solid" is the conventional Figma naming.
|
|
18
18
|
const variant = instance.getEnum('variant', {
|
|
19
19
|
solid: 'strong',
|
|
20
20
|
outline: 'outline',
|
|
@@ -28,26 +28,43 @@ const size = instance.getEnum('size', {
|
|
|
28
28
|
default: 'default',
|
|
29
29
|
small: 'small'
|
|
30
30
|
});
|
|
31
|
-
// Enum-as-boolean
|
|
32
|
-
//
|
|
33
|
-
// to undefined so the prop is omitted entirely from the generated snippet when not disabled.
|
|
31
|
+
// Enum-as-boolean: isDisabled is a VARIANT property in Figma (string values "true"/"false")
|
|
32
|
+
// rather than a true BOOLEAN. Map "false" to undefined so the prop is omitted when not disabled.
|
|
34
33
|
const isDisabled = instance.getEnum('isDisabled', {
|
|
35
34
|
true: true,
|
|
36
35
|
false: undefined
|
|
37
36
|
});
|
|
37
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
38
38
|
const showLeadingIcon = instance.getBoolean('Show Leading Icon?');
|
|
39
39
|
const showTrailingIcon = instance.getBoolean('Show Trailing Icon?');
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
|
|
41
|
+
// Icon slots: Prefer metadata.props.componentName exposed by icon Code Connect templates,
|
|
42
|
+
// which yields a clean identifier (e.g. "Check"). Fall back to executeTemplate().example
|
|
43
|
+
// (renders a placeholder pill when the icon lacks Code Connect).
|
|
44
|
+
const leadingIconResult = instance.getInstanceSwap('Leading Icon')?.executeTemplate();
|
|
45
|
+
const trailingIconResult = instance.getInstanceSwap('Trailing Icon')?.executeTemplate();
|
|
46
|
+
const leadingIconName = leadingIconResult?.metadata?.props?.componentName;
|
|
47
|
+
const trailingIconName = trailingIconResult?.metadata?.props?.componentName;
|
|
48
|
+
const leadingIconSnippet = leadingIconName ?? leadingIconResult?.example;
|
|
49
|
+
const trailingIconSnippet = trailingIconName ?? trailingIconResult?.example;
|
|
42
50
|
const label = instance.findText('Button.Label').textContent;
|
|
51
|
+
|
|
52
|
+
// Include icon imports when resolved via metadata.props (propagated from icon Code Connect)
|
|
53
|
+
const iconImports = [];
|
|
54
|
+
if (showLeadingIcon && leadingIconName) {
|
|
55
|
+
iconImports.push(`import { ${leadingIconName} } from '@cdx-ui/icons'`);
|
|
56
|
+
}
|
|
57
|
+
if (showTrailingIcon && trailingIconName) {
|
|
58
|
+
iconImports.push(`import { ${trailingIconName} } from '@cdx-ui/icons'`);
|
|
59
|
+
}
|
|
43
60
|
var _default = exports.default = {
|
|
44
61
|
id: 'button',
|
|
45
|
-
imports: ["import { Button } from '@cdx-ui/components'"],
|
|
62
|
+
imports: ["import { Button } from '@cdx-ui/components'", ...iconImports],
|
|
46
63
|
example: _figma.default.code`
|
|
47
|
-
<Button variant="${variant}" color="${color}" size="${size}"
|
|
48
|
-
${showLeadingIcon ?
|
|
64
|
+
<Button variant="${variant}" color="${color}" size="${size}"${isDisabledProp}>
|
|
65
|
+
${showLeadingIcon ? _figma.default.code`<Button.Icon as={${leadingIconSnippet}} />` : null}
|
|
49
66
|
<Button.Label>${label}</Button.Label>
|
|
50
|
-
${showTrailingIcon ?
|
|
67
|
+
${showTrailingIcon ? _figma.default.code`<Button.Icon as={${trailingIconSnippet}} />` : null}
|
|
51
68
|
</Button>`
|
|
52
69
|
};
|
|
53
70
|
//# sourceMappingURL=Button.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","small","isDisabled","true","false","undefined","showLeadingIcon","getBoolean","showTrailingIcon","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGX,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBa,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDU,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGhB,cAAK,CAACiB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAE/E,MAAMQ,eAAe,GAAGrB,QAAQ,CAACsB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGvB,QAAQ,CAACsB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGxB,QAAQ,CAACyB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAG3B,QAAQ,CAACyB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIpC,QAAQ,CAACqC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GAEc;EACb4C,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGL,WAAW,CAAC;EACxEL,OAAO,EAAEjC,cAAK,CAAC4C,IAAI;AACrB,mBAAmB1C,OAAO,YAAYK,KAAK,WAAWG,IAAI,IAAIM,cAAc;AAC5E,IAAII,eAAe,GAAGpB,cAAK,CAAC4C,IAAI,oBAAoBZ,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGtB,cAAK,CAAC4C,IAAI,oBAAoBV,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# Code Connect
|
|
2
|
+
|
|
3
|
+
Auto-loaded when working in `packages/components/src/figma/**` (`*.figma.ts`, `*.figma.batch.ts`, `*.figma.batch.json`).
|
|
4
|
+
|
|
5
|
+
Template files connect CDX UI components to Figma Dev Mode snippets. Read the full guide before making changes:
|
|
6
|
+
|
|
7
|
+
- `docs/internal/practices/code-connect.md` — complete workflow, mapping patterns, publishing, troubleshooting
|
|
8
|
+
|
|
9
|
+
## Pattern summary
|
|
10
|
+
|
|
11
|
+
Each `.figma.ts` file follows this structure (see `Button.figma.ts` as the canonical example):
|
|
12
|
+
|
|
13
|
+
1. **Metadata comments** — `// url=`, `// source=`, `// component=` at the top (required)
|
|
14
|
+
2. **`figma` import** — `import figma from 'figma'` (template API, not a runtime import)
|
|
15
|
+
3. **Instance handle** — `const instance = figma.selectedInstance`
|
|
16
|
+
4. **Property mappings** — `getEnum`, `getBoolean`, `getInstanceSwap`, `findText`, `findInstance`
|
|
17
|
+
5. **Default export** — `{ id, imports, example }` with optional `metadata`
|
|
18
|
+
|
|
19
|
+
## Key rules
|
|
20
|
+
|
|
21
|
+
- **Enum renaming** — pass a mapping object to `getEnum` when Figma and code names differ; list all values explicitly
|
|
22
|
+
- **Boolean-as-variant** — Figma VARIANT properties with `"true"`/`"false"` string values use `getEnum`, not `getBoolean`; map `"false"` to `undefined`; **always** render via `figma.helpers.react.renderProp` — never `isDisabled={${isDisabled}}` (produces `isDisabled={}` when undefined)
|
|
23
|
+
- **Instance swap** — use `getInstanceSwap` (not `findInstance`) for designer-swappable slots; call `.executeTemplate()` before interpolating; prefer `metadata.props.componentName` over raw `.example` for icon slots
|
|
24
|
+
- **Runtime states excluded** — `isHovered`, `isFocused`, `isPressed`, `isLoading` are runtime-managed; never map them
|
|
25
|
+
- **Falsy → `undefined`** — default or falsy values map to `undefined` so they don't clutter the snippet
|
|
26
|
+
- **Compound dot notation** — render sub-components as `Button.Label`, `Button.Icon`, not bare `Label`/`Icon`
|
|
27
|
+
- **`imports` array** — use `@cdx-ui/components` import path; Figma deduplicates identical strings
|
|
28
|
+
- **Nestable metadata** — leaf components (icons, badges) set `metadata: { nestable: true, props: { componentName } }`
|
|
29
|
+
- **Batch pattern** — for large sets with identical code shapes (icons), use `.figma.batch.ts` + `.figma.batch.json` with `figma.batch.name`/`figma.batch.id`
|
|
30
|
+
- **Publish** — `pnpm figma:publish` locally; CI publishes on merge to `main`
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _figma = _interopRequireDefault(require("figma"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=455-178
|
|
10
|
+
// source=packages/components/src/components/Card/index.tsx
|
|
11
|
+
// component=Card.Header
|
|
12
|
+
|
|
13
|
+
const instance = _figma.default.selectedInstance;
|
|
14
|
+
const showActions = instance.getBoolean('Show Actions?');
|
|
15
|
+
const actionsSlot = instance.getSlot('Actions');
|
|
16
|
+
const title = instance.findText('{Title}').textContent;
|
|
17
|
+
const actions = showActions && actionsSlot ? _figma.default.helpers.react.renderChildren(actionsSlot) : null;
|
|
18
|
+
var _default = exports.default = {
|
|
19
|
+
id: 'card-header',
|
|
20
|
+
// Must match Card.figma.ts when the card nests this template (identical strings → deduped imports).
|
|
21
|
+
imports: ["import { Card, Heading } from '@cdx-ui/components'"],
|
|
22
|
+
example: _figma.default.code`
|
|
23
|
+
<Card.Header>
|
|
24
|
+
<Heading size="sm">${title}</Heading>
|
|
25
|
+
${actions}
|
|
26
|
+
</Card.Header>`
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=Card.Header.figma.js.map
|