@cdx-ui/components 0.0.1-beta.57 → 0.0.1-beta.58
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/ListItem/index.js +3 -25
- package/lib/commonjs/components/ListItem/index.js.map +1 -1
- package/lib/commonjs/components/ListItem/styles.js +27 -55
- package/lib/commonjs/components/ListItem/styles.js.map +1 -1
- package/lib/commonjs/figma/Avatar.figma.js +4 -1
- package/lib/commonjs/figma/Avatar.figma.js.map +1 -1
- package/lib/commonjs/figma/ListItem.Description.figma.js +23 -0
- package/lib/commonjs/figma/ListItem.Description.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js +24 -0
- package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.Meta.figma.js +23 -0
- package/lib/commonjs/figma/ListItem.Meta.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js +24 -0
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.Title.figma.js +23 -0
- package/lib/commonjs/figma/ListItem.Title.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js +24 -0
- package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js.map +1 -0
- package/lib/commonjs/figma/ListItem.figma.js +50 -0
- package/lib/commonjs/figma/ListItem.figma.js.map +1 -0
- package/lib/commonjs/figma/Text.figma.js +4 -1
- package/lib/commonjs/figma/Text.figma.js.map +1 -1
- package/lib/module/components/ListItem/index.js +3 -25
- package/lib/module/components/ListItem/index.js.map +1 -1
- package/lib/module/components/ListItem/styles.js +27 -55
- package/lib/module/components/ListItem/styles.js.map +1 -1
- package/lib/module/figma/Avatar.figma.js +4 -1
- package/lib/module/figma/Avatar.figma.js.map +1 -1
- package/lib/module/figma/ListItem.Description.figma.js +17 -0
- package/lib/module/figma/ListItem.Description.figma.js.map +1 -0
- package/lib/module/figma/ListItem.LeadingSlot.figma.js +18 -0
- package/lib/module/figma/ListItem.LeadingSlot.figma.js.map +1 -0
- package/lib/module/figma/ListItem.Meta.figma.js +17 -0
- package/lib/module/figma/ListItem.Meta.figma.js.map +1 -0
- package/lib/module/figma/ListItem.SectionHeader.figma.js +18 -0
- package/lib/module/figma/ListItem.SectionHeader.figma.js.map +1 -0
- package/lib/module/figma/ListItem.Title.figma.js +17 -0
- package/lib/module/figma/ListItem.Title.figma.js.map +1 -0
- package/lib/module/figma/ListItem.TrailingSlot.figma.js +18 -0
- package/lib/module/figma/ListItem.TrailingSlot.figma.js.map +1 -0
- package/lib/module/figma/ListItem.figma.js +44 -0
- package/lib/module/figma/ListItem.figma.js.map +1 -0
- package/lib/module/figma/Text.figma.js +4 -1
- package/lib/module/figma/Text.figma.js.map +1 -1
- package/lib/typescript/components/ListItem/index.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts +3 -10
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
- package/lib/typescript/figma/Avatar.figma.d.ts +3 -0
- package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -1
- package/lib/typescript/figma/ListItem.Description.figma.d.ts +11 -0
- package/lib/typescript/figma/ListItem.Description.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.Meta.figma.d.ts +11 -0
- package/lib/typescript/figma/ListItem.Meta.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.Title.figma.d.ts +11 -0
- package/lib/typescript/figma/ListItem.Title.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts.map +1 -0
- package/lib/typescript/figma/ListItem.figma.d.ts +8 -0
- package/lib/typescript/figma/ListItem.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Text.figma.d.ts +3 -0
- package/lib/typescript/figma/Text.figma.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/ListItem/index.tsx +8 -23
- package/src/components/ListItem/styles.ts +45 -69
|
@@ -23,7 +23,6 @@ const ListItemPrimitive = createListItem({
|
|
|
23
23
|
const useListItemStyleContext = () => {
|
|
24
24
|
const ctx = useStyleContext(SCOPE);
|
|
25
25
|
return {
|
|
26
|
-
size: ctx?.size ?? 'default',
|
|
27
26
|
crossAlign: ctx?.crossAlign ?? 'center'
|
|
28
27
|
};
|
|
29
28
|
};
|
|
@@ -34,7 +33,6 @@ const useListItemStyleContext = () => {
|
|
|
34
33
|
|
|
35
34
|
const ListItemRoot = /*#__PURE__*/forwardRef(({
|
|
36
35
|
size = 'default',
|
|
37
|
-
surface = 'default',
|
|
38
36
|
showSeparator = true,
|
|
39
37
|
crossAlign = 'center',
|
|
40
38
|
className,
|
|
@@ -43,7 +41,6 @@ const ListItemRoot = /*#__PURE__*/forwardRef(({
|
|
|
43
41
|
}, ref) => {
|
|
44
42
|
const computedClassName = cn(listItemRootVariants({
|
|
45
43
|
size,
|
|
46
|
-
surface,
|
|
47
44
|
showSeparator,
|
|
48
45
|
crossAlign
|
|
49
46
|
}), className);
|
|
@@ -51,16 +48,12 @@ const ListItemRoot = /*#__PURE__*/forwardRef(({
|
|
|
51
48
|
ref: ref,
|
|
52
49
|
className: computedClassName,
|
|
53
50
|
context: {
|
|
54
|
-
size,
|
|
55
|
-
surface,
|
|
56
|
-
showSeparator,
|
|
57
51
|
crossAlign
|
|
58
52
|
},
|
|
59
53
|
crossAlign: crossAlign,
|
|
60
54
|
showSeparator: showSeparator,
|
|
61
55
|
size: size,
|
|
62
56
|
style: style,
|
|
63
|
-
surface: surface,
|
|
64
57
|
...props
|
|
65
58
|
});
|
|
66
59
|
});
|
|
@@ -105,14 +98,9 @@ const ListItemTitle = /*#__PURE__*/forwardRef(({
|
|
|
105
98
|
style,
|
|
106
99
|
...props
|
|
107
100
|
}, ref) => {
|
|
108
|
-
const {
|
|
109
|
-
size
|
|
110
|
-
} = useListItemStyleContext();
|
|
111
101
|
return /*#__PURE__*/_jsx(ListItemPrimitive.Title, {
|
|
112
102
|
ref: ref,
|
|
113
|
-
className: cn(listItemTitleVariants(
|
|
114
|
-
size
|
|
115
|
-
}), className),
|
|
103
|
+
className: cn(listItemTitleVariants(), className),
|
|
116
104
|
numberOfLines: numberOfLines,
|
|
117
105
|
style: style,
|
|
118
106
|
...props
|
|
@@ -124,14 +112,9 @@ const ListItemDescription = /*#__PURE__*/forwardRef(({
|
|
|
124
112
|
style,
|
|
125
113
|
...props
|
|
126
114
|
}, ref) => {
|
|
127
|
-
const {
|
|
128
|
-
size
|
|
129
|
-
} = useListItemStyleContext();
|
|
130
115
|
return /*#__PURE__*/_jsx(ListItemPrimitive.Description, {
|
|
131
116
|
ref: ref,
|
|
132
|
-
className: cn(listItemDescriptionVariants(
|
|
133
|
-
size
|
|
134
|
-
}), className),
|
|
117
|
+
className: cn(listItemDescriptionVariants(), className),
|
|
135
118
|
style: style,
|
|
136
119
|
...props
|
|
137
120
|
});
|
|
@@ -143,14 +126,9 @@ const ListItemMeta = /*#__PURE__*/forwardRef(({
|
|
|
143
126
|
style,
|
|
144
127
|
...props
|
|
145
128
|
}, ref) => {
|
|
146
|
-
const {
|
|
147
|
-
size
|
|
148
|
-
} = useListItemStyleContext();
|
|
149
129
|
return /*#__PURE__*/_jsx(ListItemPrimitive.Meta, {
|
|
150
130
|
ref: ref,
|
|
151
|
-
className: cn(listItemMetaVariants(
|
|
152
|
-
size
|
|
153
|
-
}), className),
|
|
131
|
+
className: cn(listItemMetaVariants(), className),
|
|
154
132
|
numberOfLines: numberOfLines,
|
|
155
133
|
style: style,
|
|
156
134
|
...props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Pressable","Text","View","createListItem","cn","useStyleContext","withStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ListItemPrimitive","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","Text","View","createListItem","cn","useStyleContext","withStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ListItemPrimitive","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","crossAlign","ListItemRoot","size","showSeparator","className","style","props","ref","computedClassName","context","displayName","ListItemLeadingSlot","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","children","ListItemSectionHeader","showDivider","trailing","ListItem","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,23 +4,33 @@ import { Platform } from 'react-native';
|
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { TRANSITION_COLORS } from '../../styles/primitives';
|
|
6
6
|
|
|
7
|
-
// ── Root (row): density,
|
|
7
|
+
// ── Root (row): density, separator, interactive feedback ───────────────────
|
|
8
|
+
//
|
|
9
|
+
// Web hover/active/focus paint an absolutely positioned bg-content-primary overlay at
|
|
10
|
+
// --opacity-hover (8%) / --opacity-hover-overlay (20%) / --opacity-selected (12%), plus a focus
|
|
11
|
+
// ring on focus-visible. State is driven by the data attributes the primitive root emits
|
|
12
|
+
// (data-hover / data-active / data-focus-visible) — or by the composed child on `asChild`
|
|
13
|
+
// (e.g. Link emits the same attributes). Native active uses a flat tint because ::before
|
|
14
|
+
// pseudo-elements are web-only.
|
|
15
|
+
//
|
|
16
|
+
// TODO: Handle native background color hover/focus transitions
|
|
8
17
|
|
|
9
|
-
export const listItemRootVariants = cva(['flex-row self-stretch w-full px-
|
|
10
|
-
web: ['outline-none', '
|
|
11
|
-
|
|
18
|
+
export const listItemRootVariants = cva(['relative flex-row self-stretch w-full overflow-clip px-5 bg-transparent', 'data-[disabled=true]:opacity-[var(--opacity-disabled)] data-[disabled=true]:pointer-events-none', TRANSITION_COLORS, Platform.select({
|
|
19
|
+
web: ['outline-none', 'before:pointer-events-none before:absolute before:inset-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out', 'data-[hover=true]:before:opacity-[var(--opacity-hover)]',
|
|
20
|
+
// Pressed wins over hover via the compound selector (higher specificity), mirroring Button.
|
|
21
|
+
'data-[active=true]:data-[hover=true]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-selected)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
22
|
+
default: 'data-[active=true]:bg-surface-primary-hover'
|
|
12
23
|
})], {
|
|
13
24
|
variants: {
|
|
14
25
|
size: {
|
|
15
|
-
default: 'gap-3 py-
|
|
16
|
-
compact: 'gap-
|
|
17
|
-
},
|
|
18
|
-
surface: {
|
|
19
|
-
default: 'bg-white',
|
|
20
|
-
negative: 'bg-red-50'
|
|
26
|
+
default: 'gap-3 py-3 min-h-16',
|
|
27
|
+
compact: 'gap-3 py-2 min-h-12'
|
|
21
28
|
},
|
|
22
29
|
showSeparator: {
|
|
23
|
-
true: 'border-b border-solid border-stroke-secondary',
|
|
30
|
+
true: ['border-b border-solid border-stroke-secondary', Platform.select({
|
|
31
|
+
web: 'before:-bottom-px',
|
|
32
|
+
default: ''
|
|
33
|
+
})].join(' '),
|
|
24
34
|
false: 'border-b-0'
|
|
25
35
|
},
|
|
26
36
|
crossAlign: {
|
|
@@ -28,16 +38,8 @@ export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'd
|
|
|
28
38
|
start: 'items-start'
|
|
29
39
|
}
|
|
30
40
|
},
|
|
31
|
-
compoundVariants: [{
|
|
32
|
-
surface: 'negative',
|
|
33
|
-
className: Platform.select({
|
|
34
|
-
web: 'web:data-[hover=true]:bg-red-100/90',
|
|
35
|
-
default: ''
|
|
36
|
-
})
|
|
37
|
-
}],
|
|
38
41
|
defaultVariants: {
|
|
39
42
|
size: 'default',
|
|
40
|
-
surface: 'default',
|
|
41
43
|
showSeparator: true,
|
|
42
44
|
crossAlign: 'center'
|
|
43
45
|
}
|
|
@@ -45,8 +47,8 @@ export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'd
|
|
|
45
47
|
|
|
46
48
|
// ── Leading / trailing slots ─────────────────────────────────────────────────
|
|
47
49
|
|
|
48
|
-
export const listItemLeadingSlotVariants = cva(['flex shrink-0 items-center justify-center']);
|
|
49
|
-
export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify-end gap-2'], {
|
|
50
|
+
export const listItemLeadingSlotVariants = cva(['relative z-10 flex shrink-0 items-center justify-center']);
|
|
51
|
+
export const listItemTrailingSlotVariants = cva(['relative z-10 flex shrink-0 flex-row justify-end gap-2'], {
|
|
50
52
|
variants: {
|
|
51
53
|
crossAlign: {
|
|
52
54
|
center: 'items-center',
|
|
@@ -60,7 +62,7 @@ export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify
|
|
|
60
62
|
|
|
61
63
|
// ── Content stack (title / description / meta) ───────────────────────────────
|
|
62
64
|
|
|
63
|
-
export const listItemContentVariants = cva('flex min-w-0 flex-1 flex-col gap-1', {
|
|
65
|
+
export const listItemContentVariants = cva('relative z-10 flex min-w-0 flex-1 flex-col gap-1', {
|
|
64
66
|
variants: {
|
|
65
67
|
crossAlign: {
|
|
66
68
|
center: 'justify-center',
|
|
@@ -74,39 +76,9 @@ export const listItemContentVariants = cva('flex min-w-0 flex-1 flex-col gap-1',
|
|
|
74
76
|
|
|
75
77
|
// ── Typography ───────────────────────────────────────────────────────────────
|
|
76
78
|
|
|
77
|
-
export const listItemTitleVariants = cva('text-content-primary
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
default: 'text-base leading-snug',
|
|
81
|
-
compact: 'text-sm leading-snug'
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
defaultVariants: {
|
|
85
|
-
size: 'default'
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
export const listItemDescriptionVariants = cva('text-content-secondary', {
|
|
89
|
-
variants: {
|
|
90
|
-
size: {
|
|
91
|
-
default: 'text-sm leading-normal',
|
|
92
|
-
compact: 'text-xs leading-normal'
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
|
-
defaultVariants: {
|
|
96
|
-
size: 'default'
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
export const listItemMetaVariants = cva('text-content-tertiary', {
|
|
100
|
-
variants: {
|
|
101
|
-
size: {
|
|
102
|
-
default: 'text-xs leading-normal',
|
|
103
|
-
compact: 'text-[11px] leading-normal'
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
defaultVariants: {
|
|
107
|
-
size: 'default'
|
|
108
|
-
}
|
|
109
|
-
});
|
|
79
|
+
export const listItemTitleVariants = cva('body-md font-medium text-content-primary');
|
|
80
|
+
export const listItemDescriptionVariants = cva('body-sm text-content-secondary');
|
|
81
|
+
export const listItemMetaVariants = cva('body-sm text-content-tertiary');
|
|
110
82
|
|
|
111
83
|
// ── Section header (group label row inside lists / cards) ───────────────────
|
|
112
84
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","
|
|
1
|
+
{"version":3,"names":["Platform","cva","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","showSeparator","true","false","crossAlign","center","start","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,oBAAoB,GAAGF,GAAG,CACrC,CACE,yEAAyE,EACzE,iGAAiG,EACjGC,iBAAiB,EACjBF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,cAAc,EACd,0HAA0H,EAC1H,+DAA+D,EAC/D,yDAAyD;EACzD;EACA,oFAAoF,EACpF,oEAAoE,EACpE,sHAAsH,CACvH,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJF,OAAO,EAAE,qBAAqB;MAC9BG,OAAO,EAAE;IACX,CAAC;IACDC,aAAa,EAAE;MACbC,IAAI,EAAE,CACJ,+CAA+C,EAC/CZ,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE,mBAAmB;QAAEE,OAAO,EAAE;MAAG,CAAC,CAAC,CAC3D,CAACD,IAAI,CAAC,GAAG,CAAC;MACXO,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVC,MAAM,EAAE,cAAc;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfR,IAAI,EAAE,SAAS;IACfE,aAAa,EAAE,IAAI;IACnBG,UAAU,EAAE;EACd;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,2BAA2B,GAAGjB,GAAG,CAAC,CAC7C,yDAAyD,CAC1D,CAAC;AAEF,OAAO,MAAMkB,4BAA4B,GAAGlB,GAAG,CAC7C,CAAC,wDAAwD,CAAC,EAC1D;EACEO,QAAQ,EAAE;IACRM,UAAU,EAAE;MACVC,MAAM,EAAE,cAAc;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,UAAU,EAAE;EACd;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMM,uBAAuB,GAAGnB,GAAG,CAAC,kDAAkD,EAAE;EAC7FO,QAAQ,EAAE;IACRM,UAAU,EAAE;MACVC,MAAM,EAAE,gBAAgB;MACxBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMO,qBAAqB,GAAGpB,GAAG,CAAC,0CAA0C,CAAC;AAEpF,OAAO,MAAMqB,2BAA2B,GAAGrB,GAAG,CAAC,gCAAgC,CAAC;AAEhF,OAAO,MAAMsB,oBAAoB,GAAGtB,GAAG,CAAC,+BAA+B,CAAC;;AAExE;;AAEA,OAAO,MAAMuB,6BAA6B,GAAGvB,GAAG,CAC9C,CACE,6EAA6E,EAC7E,yBAAyB,CAC1B,EACD;EACEO,QAAQ,EAAE;IACRiB,WAAW,EAAE;MACXb,IAAI,EAAE,CAAC,0DAA0D,EAAE,YAAY,CAAC;MAChFC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfQ,WAAW,EAAE;EACf;AACF,CACF,CAAC;;AAED;AACA,OAAO,MAAMC,kCAAkC,GAAGzB,GAAG,CACnD,sEACF,CAAC","ignoreList":[]}
|
|
@@ -43,6 +43,9 @@ export default {
|
|
|
43
43
|
${type === 'image' ? figma.code`<Avatar.Image src="..." />` : null}
|
|
44
44
|
${type === 'text' ? figma.code`<Avatar.Text>${textContent}</Avatar.Text>` : null}
|
|
45
45
|
${type === 'icon' ? figma.code`<Avatar.Icon as={${iconSnippet}} />` : null}
|
|
46
|
-
</Avatar
|
|
46
|
+
</Avatar>`,
|
|
47
|
+
metadata: {
|
|
48
|
+
nestable: true
|
|
49
|
+
}
|
|
47
50
|
};
|
|
48
51
|
//# sourceMappingURL=Avatar.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","type","image","text","icon","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","textContent","getString","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Avatar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAACG,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,GAAGT,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCO,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACc,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,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,MAAM,CAAC;AAE9C,eAAe;EACbC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGJ,WAAW,CAAC;EACxED,OAAO,EAAEtB,KAAK,CAAC4B,IAAI;AACrB,gBAAgBzB,IAAI;AACpB,IAAIO,IAAI,KAAK,OAAO,GAAGV,KAAK,CAAC4B,IAAI,4BAA4B,GAAG,IAAI;AACpE,IAAIlB,IAAI,KAAK,MAAM,GAAGV,KAAK,CAAC4B,IAAI,gBAAgBJ,WAAW,gBAAgB,GAAG,IAAI;AAClF,IAAId,IAAI,KAAK,MAAM,GAAGV,KAAK,CAAC4B,IAAI,oBAAoBP,WAAW,MAAM,GAAG,IAAI;AAC5E;
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","type","image","text","icon","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","textContent","getString","id","imports","code","nestable"],"sourceRoot":"../../../src","sources":["figma/Avatar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAACG,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,GAAGT,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCO,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACc,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,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,MAAM,CAAC;AAE9C,eAAe;EACbC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGJ,WAAW,CAAC;EACxED,OAAO,EAAEtB,KAAK,CAAC4B,IAAI;AACrB,gBAAgBzB,IAAI;AACpB,IAAIO,IAAI,KAAK,OAAO,GAAGV,KAAK,CAAC4B,IAAI,4BAA4B,GAAG,IAAI;AACpE,IAAIlB,IAAI,KAAK,MAAM,GAAGV,KAAK,CAAC4B,IAAI,gBAAgBJ,WAAW,gBAAgB,GAAG,IAAI;AAClF,IAAId,IAAI,KAAK,MAAM,GAAGV,KAAK,CAAC4B,IAAI,oBAAoBP,WAAW,MAAM,GAAG,IAAI;AAC5E,UAAU;EACRH,QAAQ,EAAE;IAAEW,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3702-4869
|
|
4
|
+
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
|
+
// component=ListItem.Description
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const description = instance.findText('{description}').textContent;
|
|
9
|
+
export default {
|
|
10
|
+
id: 'list-item-description',
|
|
11
|
+
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
12
|
+
example: figma.code`<ListItem.Description>${description}</ListItem.Description>`,
|
|
13
|
+
metadata: {
|
|
14
|
+
nestable: true
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=ListItem.Description.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ListItem.Description.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAIF,QAAQ,CAACG,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW;AAElG,eAAe;EACbC,EAAE,EAAE,uBAAuB;EAC3BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAER,KAAK,CAACS,IAAI,yBAAyBN,WAAW,yBAAyB;EAChFO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3954-5050
|
|
4
|
+
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
|
+
// component=ListItem.LeadingSlot
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
|
|
9
|
+
// Render whatever the designer dropped into the slot (avatar, icon, …) via each child's own
|
|
10
|
+
// Code Connect template — not a fixed avatar/chevron. See Card.Content for the same pattern.
|
|
11
|
+
const childrenSlot = instance.getSlot('children');
|
|
12
|
+
const children = childrenSlot ? figma.helpers.react.renderChildren(childrenSlot) : null;
|
|
13
|
+
export default {
|
|
14
|
+
id: 'list-item-leading-slot',
|
|
15
|
+
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
16
|
+
example: figma.code`<ListItem.LeadingSlot>${children}</ListItem.LeadingSlot>`
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=ListItem.LeadingSlot.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","childrenSlot","getSlot","children","helpers","react","renderChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.LeadingSlot.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,YAAY,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGH,KAAK,CAACM,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAEvF,eAAe;EACbM,EAAE,EAAE,wBAAwB;EAC5BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEX,KAAK,CAACY,IAAI,yBAAyBP,QAAQ;AACtD,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3702-4870
|
|
4
|
+
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
|
+
// component=ListItem.Meta
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const meta = instance.findText('{meta}').textContent;
|
|
9
|
+
export default {
|
|
10
|
+
id: 'list-item-meta',
|
|
11
|
+
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
12
|
+
example: figma.code`<ListItem.Meta>${meta}</ListItem.Meta>`,
|
|
13
|
+
metadata: {
|
|
14
|
+
nestable: true
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=ListItem.Meta.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","meta","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ListItem.Meta.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAIF,QAAQ,CAACG,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAEpF,eAAe;EACbC,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAER,KAAK,CAACS,IAAI,kBAAkBN,IAAI,kBAAkB;EAC3DO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4045-5225
|
|
4
|
+
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
|
+
// component=ListItem.SectionHeader
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
|
|
9
|
+
// `showDivider` defaults to true in code — only emit the prop when the designer turns it off.
|
|
10
|
+
const showDivider = instance.getBoolean('showDivider');
|
|
11
|
+
const showDividerProp = figma.helpers.react.renderProp('showDivider', showDivider ? undefined : false);
|
|
12
|
+
const label = instance.findText('{label}').textContent;
|
|
13
|
+
export default {
|
|
14
|
+
id: 'list-item-section-header',
|
|
15
|
+
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
16
|
+
example: figma.code`<ListItem.SectionHeader${showDividerProp}>${label}</ListItem.SectionHeader>`
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=ListItem.SectionHeader.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","showDivider","getBoolean","showDividerProp","helpers","react","renderProp","undefined","label","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.SectionHeader.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,WAAW,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACtD,MAAMC,eAAe,GAAGL,KAAK,CAACM,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbL,WAAW,GAAGM,SAAS,GAAG,KAC5B,CAAC;AAED,MAAMC,KAAK,GAAIT,QAAQ,CAACU,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,0BAA0B;EAC9BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEf,KAAK,CAACgB,IAAI,0BAA0BX,eAAe,IAAIK,KAAK;AACvE,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=3702-4829
|
|
4
|
+
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
|
+
// component=ListItem.Title
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const title = instance.findText('{title}').textContent;
|
|
9
|
+
export default {
|
|
10
|
+
id: 'list-item-title',
|
|
11
|
+
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
12
|
+
example: figma.code`<ListItem.Title>${title}</ListItem.Title>`,
|
|
13
|
+
metadata: {
|
|
14
|
+
nestable: true
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=ListItem.Title.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ListItem.Title.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,KAAK,GAAIF,QAAQ,CAACG,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAER,KAAK,CAACS,IAAI,mBAAmBN,KAAK,mBAAmB;EAC9DO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3954-5061
|
|
4
|
+
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
|
+
// component=ListItem.TrailingSlot
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
|
|
9
|
+
// Render whatever the designer dropped into the slot (chevron, amount, chip, …) via each
|
|
10
|
+
// child's own Code Connect template — not a fixed chevron. See Card.Content for the pattern.
|
|
11
|
+
const childrenSlot = instance.getSlot('children');
|
|
12
|
+
const children = childrenSlot ? figma.helpers.react.renderChildren(childrenSlot) : null;
|
|
13
|
+
export default {
|
|
14
|
+
id: 'list-item-trailing-slot',
|
|
15
|
+
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
16
|
+
example: figma.code`<ListItem.TrailingSlot>${children}</ListItem.TrailingSlot>`
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=ListItem.TrailingSlot.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","childrenSlot","getSlot","children","helpers","react","renderChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.TrailingSlot.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,YAAY,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGH,KAAK,CAACM,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAEvF,eAAe;EACbM,EAAE,EAAE,yBAAyB;EAC7BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEX,KAAK,CAACY,IAAI,0BAA0BP,QAAQ;AACvD,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=3710-4649
|
|
4
|
+
// source=packages/components/src/components/ListItem/index.tsx
|
|
5
|
+
// component=ListItem
|
|
6
|
+
import figma from 'figma';
|
|
7
|
+
const instance = figma.selectedInstance;
|
|
8
|
+
const size = instance.getEnum('size', {
|
|
9
|
+
default: 'default',
|
|
10
|
+
compact: 'compact'
|
|
11
|
+
});
|
|
12
|
+
const isDisabled = instance.getEnum('isDisabled', {
|
|
13
|
+
true: true,
|
|
14
|
+
false: undefined
|
|
15
|
+
});
|
|
16
|
+
const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
|
|
17
|
+
const showSeparator = instance.getEnum('showSeparator', {
|
|
18
|
+
true: undefined,
|
|
19
|
+
false: false
|
|
20
|
+
});
|
|
21
|
+
const showSeparatorProp = figma.helpers.react.renderProp('showSeparator', showSeparator);
|
|
22
|
+
const showLeadingSlot = instance.getBoolean('Show LeadingSlot?');
|
|
23
|
+
const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
|
|
24
|
+
|
|
25
|
+
// Delegate to nested Code Connect templates — each sub-component (and slot) renders its own
|
|
26
|
+
// snippet, so slots reflect whatever the designer dropped in rather than a fixed avatar/chevron.
|
|
27
|
+
// See Dialog.figma.ts / Card.figma.ts for the same delegation pattern.
|
|
28
|
+
const leadingInstance = instance.findInstance('ListItem.LeadingSlot');
|
|
29
|
+
const leadingSnippet = showLeadingSlot && leadingInstance.type === 'INSTANCE' ? leadingInstance.executeTemplate().example : null;
|
|
30
|
+
const contentSlot = instance.getSlot('ListItem.Content');
|
|
31
|
+
const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
|
|
32
|
+
const trailingInstance = instance.findInstance('ListItem.TrailingSlot');
|
|
33
|
+
const trailingSnippet = showTrailingSlot && trailingInstance.type === 'INSTANCE' ? trailingInstance.executeTemplate().example : null;
|
|
34
|
+
export default {
|
|
35
|
+
id: 'list-item',
|
|
36
|
+
imports: ["import { ListItem } from '@cdx-ui/components'"],
|
|
37
|
+
example: figma.code`
|
|
38
|
+
<ListItem size="${size}"${isDisabledProp}${showSeparatorProp} onPress={() => {}}>
|
|
39
|
+
${leadingSnippet}
|
|
40
|
+
<ListItem.Content>${contentChildren}</ListItem.Content>
|
|
41
|
+
${trailingSnippet}
|
|
42
|
+
</ListItem>`
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=ListItem.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","default","compact","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showSeparator","showSeparatorProp","showLeadingSlot","getBoolean","showTrailingSlot","leadingInstance","findInstance","leadingSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","renderChildren","trailingInstance","trailingSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGN,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGX,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAE/E,MAAMQ,aAAa,GAAGd,QAAQ,CAACG,OAAO,CAAC,eAAe,EAAE;EACtDI,IAAI,EAAEE,SAAS;EACfD,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMO,iBAAiB,GAAGhB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAEC,aAAa,CAAC;AAExF,MAAME,eAAe,GAAGhB,QAAQ,CAACiB,UAAU,CAAC,mBAAmB,CAAC;AAChE,MAAMC,gBAAgB,GAAGlB,QAAQ,CAACiB,UAAU,CAAC,oBAAoB,CAAC;;AAElE;AACA;AACA;AACA,MAAME,eAAe,GAAGnB,QAAQ,CAACoB,YAAY,CAAC,sBAAsB,CAAC;AACrE,MAAMC,cAAc,GAClBL,eAAe,IAAIG,eAAe,CAACG,IAAI,KAAK,UAAU,GAClDH,eAAe,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GACzC,IAAI;AAEV,MAAMC,WAAW,GAAGzB,QAAQ,CAAC0B,OAAO,CAAC,kBAAkB,CAAC;AACxD,MAAMC,eAAe,GAAGF,WAAW,GAAG1B,KAAK,CAACY,OAAO,CAACC,KAAK,CAACgB,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,gBAAgB,GAAG7B,QAAQ,CAACoB,YAAY,CAAC,uBAAuB,CAAC;AACvE,MAAMU,eAAe,GACnBZ,gBAAgB,IAAIW,gBAAgB,CAACP,IAAI,KAAK,UAAU,GACpDO,gBAAgB,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAC1C,IAAI;AAEV,eAAe;EACbO,EAAE,EAAE,WAAW;EACfC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DR,OAAO,EAAEzB,KAAK,CAACkC,IAAI;AACrB,kBAAkB/B,IAAI,IAAIQ,cAAc,GAAGK,iBAAiB;AAC5D,IAAIM,cAAc;AAClB,sBAAsBM,eAAe;AACrC,IAAIG,eAAe;AACnB;AACA,CAAC","ignoreList":[]}
|
|
@@ -18,6 +18,9 @@ const text = instance.findText('{Text}').textContent;
|
|
|
18
18
|
export default {
|
|
19
19
|
id: 'text',
|
|
20
20
|
imports: ["import { Text } from '@cdx-ui/components'"],
|
|
21
|
-
example: figma.code`<Text size="${size}">${text}</Text
|
|
21
|
+
example: figma.code`<Text size="${size}">${text}</Text>`,
|
|
22
|
+
metadata: {
|
|
23
|
+
nestable: true
|
|
24
|
+
}
|
|
22
25
|
};
|
|
23
26
|
//# sourceMappingURL=Text.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xl","lg","md","sm","xs","text","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Text.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE;AACN,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAIT,QAAQ,CAACU,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAEpF,eAAe;EACbC,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEf,KAAK,CAACgB,IAAI,eAAeb,IAAI,KAAKO,IAAI;
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xl","lg","md","sm","xs","text","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Text.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE;AACN,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAIT,QAAQ,CAACU,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAEpF,eAAe;EACbC,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEf,KAAK,CAACgB,IAAI,eAAeb,IAAI,KAAKO,IAAI,SAAS;EACxDO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAEL,KAAK,yBAAyB,EAC9B,KAAK,cAAc,EACnB,KAAK,2BAA2B,EAChC,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAyC,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAUL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AA4BlB,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,qBAAqB;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAEL,KAAK,yBAAyB,EAC9B,KAAK,cAAc,EACnB,KAAK,2BAA2B,EAChC,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAyC,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAUL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AA4BlB,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,qBAAqB;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,gGAuBjB,CAAC;AAQF,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,2GASxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGAapB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGAYlB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,2GAWxB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,oGAYjB,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,oBAAoB,4GAazB,CAAC;AAeF,MAAM,WAAW,mCAAoC,SAAQ,2BAA2B;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB,sHAa1B,CAAC;AAQF,KAAK,gBAAgB,GAAG,OAAO,YAAY,GAAG;IAC5C,WAAW,EAAE,OAAO,mBAAmB,CAAC;IACxC,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,WAAW,EAAE,OAAO,mBAAmB,CAAC;IACxC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,YAAY,EAAE,OAAO,oBAAoB,CAAC;IAC1C,aAAa,EAAE,OAAO,qBAAqB,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAQf,gBAAgB,CAAC;AAEvB,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC;AACzD,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,kCAAkC,EAClC,6BAA6B,EAC7B,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,UAAU,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const listItemRootVariants: (props?: ({
|
|
3
3
|
size?: "default" | "compact" | null | undefined;
|
|
4
|
-
surface?: "default" | "negative" | null | undefined;
|
|
5
4
|
showSeparator?: boolean | null | undefined;
|
|
6
5
|
crossAlign?: "start" | "center" | null | undefined;
|
|
7
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -12,15 +11,9 @@ export declare const listItemTrailingSlotVariants: (props?: ({
|
|
|
12
11
|
export declare const listItemContentVariants: (props?: ({
|
|
13
12
|
crossAlign?: "start" | "center" | null | undefined;
|
|
14
13
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
-
export declare const listItemTitleVariants: (props?: (
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
export declare const listItemDescriptionVariants: (props?: ({
|
|
19
|
-
size?: "default" | "compact" | null | undefined;
|
|
20
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
21
|
-
export declare const listItemMetaVariants: (props?: ({
|
|
22
|
-
size?: "default" | "compact" | null | undefined;
|
|
23
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
|
+
export declare const listItemTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
|
+
export declare const listItemDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
16
|
+
export declare const listItemMetaVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
24
17
|
export declare const listItemSectionHeaderVariants: (props?: ({
|
|
25
18
|
showDivider?: boolean | null | undefined;
|
|
26
19
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAclE,eAAO,MAAM,oBAAoB;;;;8EA2ChC,CAAC;AAIF,eAAO,MAAM,2BAA2B,oFAEtC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;8EAaxC,CAAC;AAIF,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAIH,eAAO,MAAM,qBAAqB,oFAAkD,CAAC;AAErF,eAAO,MAAM,2BAA2B,oFAAwC,CAAC;AAEjF,eAAO,MAAM,oBAAoB,oFAAuC,CAAC;AAIzE,eAAO,MAAM,6BAA6B;;8EAgBzC,CAAC;AAEF,8IAA8I;AAC9I,eAAO,MAAM,kCAAkC,oFAE9C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Avatar.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC
|
|
1
|
+
{"version":3,"file":"Avatar.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Avatar.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAmC1B,wBAUE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import figma from 'figma';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
id: string;
|
|
4
|
+
imports: string[];
|
|
5
|
+
example: figma.TemplateStringResult;
|
|
6
|
+
metadata: {
|
|
7
|
+
nestable: boolean;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default _default;
|
|
11
|
+
//# sourceMappingURL=ListItem.Description.figma.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.Description.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ListItem.Description.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAM1B,wBAKE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.LeadingSlot.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ListItem.LeadingSlot.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAS1B,wBAIE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.Meta.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ListItem.Meta.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAM1B,wBAKE"}
|