@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.
Files changed (68) hide show
  1. package/lib/commonjs/components/ListItem/index.js +3 -25
  2. package/lib/commonjs/components/ListItem/index.js.map +1 -1
  3. package/lib/commonjs/components/ListItem/styles.js +27 -55
  4. package/lib/commonjs/components/ListItem/styles.js.map +1 -1
  5. package/lib/commonjs/figma/Avatar.figma.js +4 -1
  6. package/lib/commonjs/figma/Avatar.figma.js.map +1 -1
  7. package/lib/commonjs/figma/ListItem.Description.figma.js +23 -0
  8. package/lib/commonjs/figma/ListItem.Description.figma.js.map +1 -0
  9. package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js +24 -0
  10. package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js.map +1 -0
  11. package/lib/commonjs/figma/ListItem.Meta.figma.js +23 -0
  12. package/lib/commonjs/figma/ListItem.Meta.figma.js.map +1 -0
  13. package/lib/commonjs/figma/ListItem.SectionHeader.figma.js +24 -0
  14. package/lib/commonjs/figma/ListItem.SectionHeader.figma.js.map +1 -0
  15. package/lib/commonjs/figma/ListItem.Title.figma.js +23 -0
  16. package/lib/commonjs/figma/ListItem.Title.figma.js.map +1 -0
  17. package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js +24 -0
  18. package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js.map +1 -0
  19. package/lib/commonjs/figma/ListItem.figma.js +50 -0
  20. package/lib/commonjs/figma/ListItem.figma.js.map +1 -0
  21. package/lib/commonjs/figma/Text.figma.js +4 -1
  22. package/lib/commonjs/figma/Text.figma.js.map +1 -1
  23. package/lib/module/components/ListItem/index.js +3 -25
  24. package/lib/module/components/ListItem/index.js.map +1 -1
  25. package/lib/module/components/ListItem/styles.js +27 -55
  26. package/lib/module/components/ListItem/styles.js.map +1 -1
  27. package/lib/module/figma/Avatar.figma.js +4 -1
  28. package/lib/module/figma/Avatar.figma.js.map +1 -1
  29. package/lib/module/figma/ListItem.Description.figma.js +17 -0
  30. package/lib/module/figma/ListItem.Description.figma.js.map +1 -0
  31. package/lib/module/figma/ListItem.LeadingSlot.figma.js +18 -0
  32. package/lib/module/figma/ListItem.LeadingSlot.figma.js.map +1 -0
  33. package/lib/module/figma/ListItem.Meta.figma.js +17 -0
  34. package/lib/module/figma/ListItem.Meta.figma.js.map +1 -0
  35. package/lib/module/figma/ListItem.SectionHeader.figma.js +18 -0
  36. package/lib/module/figma/ListItem.SectionHeader.figma.js.map +1 -0
  37. package/lib/module/figma/ListItem.Title.figma.js +17 -0
  38. package/lib/module/figma/ListItem.Title.figma.js.map +1 -0
  39. package/lib/module/figma/ListItem.TrailingSlot.figma.js +18 -0
  40. package/lib/module/figma/ListItem.TrailingSlot.figma.js.map +1 -0
  41. package/lib/module/figma/ListItem.figma.js +44 -0
  42. package/lib/module/figma/ListItem.figma.js.map +1 -0
  43. package/lib/module/figma/Text.figma.js +4 -1
  44. package/lib/module/figma/Text.figma.js.map +1 -1
  45. package/lib/typescript/components/ListItem/index.d.ts.map +1 -1
  46. package/lib/typescript/components/ListItem/styles.d.ts +3 -10
  47. package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
  48. package/lib/typescript/figma/Avatar.figma.d.ts +3 -0
  49. package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -1
  50. package/lib/typescript/figma/ListItem.Description.figma.d.ts +11 -0
  51. package/lib/typescript/figma/ListItem.Description.figma.d.ts.map +1 -0
  52. package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts +8 -0
  53. package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts.map +1 -0
  54. package/lib/typescript/figma/ListItem.Meta.figma.d.ts +11 -0
  55. package/lib/typescript/figma/ListItem.Meta.figma.d.ts.map +1 -0
  56. package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts +8 -0
  57. package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts.map +1 -0
  58. package/lib/typescript/figma/ListItem.Title.figma.d.ts +11 -0
  59. package/lib/typescript/figma/ListItem.Title.figma.d.ts.map +1 -0
  60. package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts +8 -0
  61. package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts.map +1 -0
  62. package/lib/typescript/figma/ListItem.figma.d.ts +8 -0
  63. package/lib/typescript/figma/ListItem.figma.d.ts.map +1 -0
  64. package/lib/typescript/figma/Text.figma.d.ts +3 -0
  65. package/lib/typescript/figma/Text.figma.d.ts.map +1 -1
  66. package/package.json +4 -4
  67. package/src/components/ListItem/index.tsx +8 -23
  68. 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","size","crossAlign","ListItemRoot","surface","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":[]}
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, surface, separator, interactive feedback ──────────
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-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', TRANSITION_COLORS, Platform.select({
10
- web: ['outline-none', 'web:data-[hover=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
11
- default: ''
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-4',
16
- compact: 'gap-2 py-3'
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 font-medium', {
78
- variants: {
79
- size: {
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","surface","negative","showSeparator","true","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
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;AACA,CAAC","ignoreList":[]}
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;AACjD,CAAC","ignoreList":[]}
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,gGAgCjB,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,qGAclB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,2GAaxB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,oGAcjB,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
+ {"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
- size?: "default" | "compact" | null | undefined;
17
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
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;AAKlE,eAAO,MAAM,oBAAoB;;;;;8EAmDhC,CAAC;AAIF,eAAO,MAAM,2BAA2B,oFAAqD,CAAC;AAE9F,eAAO,MAAM,4BAA4B;;8EAUvC,CAAC;AAIH,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAIH,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;8EAUtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAU/B,CAAC;AAIH,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
+ {"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"}
@@ -3,6 +3,9 @@ declare const _default: {
3
3
  id: string;
4
4
  imports: string[];
5
5
  example: figma.TemplateStringResult;
6
+ metadata: {
7
+ nestable: boolean;
8
+ };
6
9
  };
7
10
  export default _default;
8
11
  //# sourceMappingURL=Avatar.figma.d.ts.map
@@ -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;;;;;;AAmC1B,wBASE"}
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,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=ListItem.LeadingSlot.figma.d.ts.map
@@ -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,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.Meta.figma.d.ts.map
@@ -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"}