@cdx-ui/components 0.0.1-beta.174 → 0.0.1-beta.176

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.
@@ -1,20 +1,18 @@
1
1
  "use strict";
2
2
 
3
- import { forwardRef, useMemo } from 'react';
3
+ import { cloneElement, forwardRef, isValidElement, useMemo } from 'react';
4
4
  import { Text, View } from 'react-native';
5
- import { AccordionItemRoot as AccordionItemRootPrimitive, AccordionPanelRoot as AccordionPanelRootPrimitive, AccordionRoot as AccordionRootPrimitive, AccordionTriggerRoot as AccordionTriggerRootPrimitive, Slot, dataAttributes, mergeDataAttributes, useAccordionItemContext } from '@cdx-ui/primitives';
5
+ import { AccordionContentRoot as AccordionContentRootPrimitive, AccordionItemRoot as AccordionItemRootPrimitive, AccordionRoot as AccordionRootPrimitive, AccordionTriggerRoot as AccordionTriggerRootPrimitive, Slot, dataAttributes, mergeDataAttributes, useAccordionItemContext } from '@cdx-ui/primitives';
6
6
  import { KeyboardArrowDown } from '@cdx-ui/icons';
7
7
  import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
8
- import { Divider } from '../Divider';
9
8
  import { Icon } from '../Icon';
10
- import { accordionBodyVariants, accordionDescriptionVariants, accordionHeadingVariants, accordionIndicatorVariants, accordionItemVariants, accordionLabelVariants, accordionLeadingSlotVariants, accordionMetaVariants, accordionRootVariants, accordionTitleVariants, accordionTriggerVariants } from './styles';
11
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
9
+ import { accordionContentVariants, accordionDescriptionVariants, accordionIndicatorVariants, accordionItemVariants, accordionLabelVariants, accordionLeadingSlotVariants, accordionMetaVariants, accordionRootVariants, accordionTitleVariants, accordionTriggerVariants } from './styles';
10
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
12
11
  const ITEM_SCOPE = 'ACCORDION_ITEM';
13
12
  const useAccordionItemStyleContext = () => {
14
13
  const ctx = useStyleContext(ITEM_SCOPE);
15
14
  return {
16
- disableGutters: ctx?.disableGutters ?? false,
17
- showSeparator: ctx?.showSeparator ?? true
15
+ fullBleed: ctx?.fullBleed ?? false
18
16
  };
19
17
  };
20
18
 
@@ -23,12 +21,14 @@ const useAccordionItemStyleContext = () => {
23
21
  // =============================================================================
24
22
 
25
23
  const AccordionRoot = /*#__PURE__*/forwardRef(({
24
+ asChild,
26
25
  className,
27
26
  style,
28
27
  children,
29
28
  ...props
30
29
  }, ref) => /*#__PURE__*/_jsx(AccordionRootPrimitive, {
31
30
  ref: ref,
31
+ asChild: asChild,
32
32
  className: cn(accordionRootVariants(), className),
33
33
  style: style,
34
34
  ...props,
@@ -41,10 +41,11 @@ AccordionRoot.displayName = 'Accordion';
41
41
  // =============================================================================
42
42
 
43
43
  const AccordionItem = /*#__PURE__*/forwardRef(({
44
+ asChild,
44
45
  className,
45
46
  style,
46
47
  children,
47
- disableGutters = false,
48
+ fullBleed = false,
48
49
  showSeparator = true,
49
50
  ...props
50
51
  }, ref) => {
@@ -52,18 +53,20 @@ const AccordionItem = /*#__PURE__*/forwardRef(({
52
53
  const ctx = useMemo(() => ({
53
54
  ...parent,
54
55
  [ITEM_SCOPE]: {
55
- disableGutters,
56
- showSeparator
56
+ fullBleed
57
57
  }
58
- }), [parent, disableGutters, showSeparator]);
58
+ }), [parent, fullBleed]);
59
59
  return /*#__PURE__*/_jsx(ParentContext.Provider, {
60
60
  value: ctx,
61
- children: /*#__PURE__*/_jsxs(AccordionItemRootPrimitive, {
61
+ children: /*#__PURE__*/_jsx(AccordionItemRootPrimitive, {
62
62
  ref: ref,
63
- className: cn(accordionItemVariants(), className),
63
+ asChild: asChild,
64
+ className: cn(accordionItemVariants({
65
+ showSeparator
66
+ }), className),
64
67
  style: style,
65
68
  ...props,
66
- children: [children, showSeparator ? /*#__PURE__*/_jsx(Divider, {}) : null]
69
+ children: children
67
70
  })
68
71
  });
69
72
  });
@@ -78,27 +81,27 @@ const AccordionTrigger = /*#__PURE__*/forwardRef(({
78
81
  style,
79
82
  children,
80
83
  asChild,
84
+ indicator,
81
85
  accessibilityLabel,
82
86
  ...props
83
87
  }, ref) => {
84
88
  const {
85
- disableGutters
89
+ fullBleed
86
90
  } = useAccordionItemStyleContext();
87
91
  const computedClassName = asChild ? className : cn(accordionTriggerVariants({
88
- disableGutters
92
+ fullBleed
89
93
  }), className);
90
- return /*#__PURE__*/_jsx(View, {
91
- className: cn(accordionHeadingVariants()),
92
- children: /*#__PURE__*/_jsx(AccordionTriggerRootPrimitive, {
93
- ref: ref,
94
- asChild: asChild,
95
- accessibilityLabel: accessibilityLabel,
96
- className: computedClassName,
97
- style: style,
98
- ...props,
99
- children: asChild ? children : /*#__PURE__*/_jsxs(_Fragment, {
100
- children: [children, /*#__PURE__*/_jsx(AccordionIndicator, {})]
101
- })
94
+ const triggerIndicator = indicator === undefined ? asChild ? undefined : /*#__PURE__*/_jsx(AccordionIndicator, {}) : indicator;
95
+ const triggerChildren = asChild && triggerIndicator !== undefined && /*#__PURE__*/isValidElement(children) ? /*#__PURE__*/cloneElement(children, undefined, children.props.children, triggerIndicator) : children;
96
+ return /*#__PURE__*/_jsx(AccordionTriggerRootPrimitive, {
97
+ ref: ref,
98
+ asChild: asChild,
99
+ accessibilityLabel: accessibilityLabel,
100
+ className: computedClassName,
101
+ style: style,
102
+ ...props,
103
+ children: asChild ? triggerChildren : /*#__PURE__*/_jsxs(_Fragment, {
104
+ children: [children, triggerIndicator]
102
105
  })
103
106
  });
104
107
  });
@@ -109,23 +112,26 @@ AccordionTrigger.displayName = 'Accordion.Trigger';
109
112
  // =============================================================================
110
113
 
111
114
  const AccordionIndicator = /*#__PURE__*/forwardRef(({
115
+ asChild,
112
116
  className,
113
117
  style,
118
+ children,
114
119
  ...props
115
120
  }, ref) => {
116
121
  const {
117
- isExpanded
122
+ isOpen
118
123
  } = useAccordionItemContext();
119
- return /*#__PURE__*/_jsx(View, {
124
+ const Comp = asChild ? Slot : View;
125
+ return /*#__PURE__*/_jsx(Comp, {
120
126
  ref: ref,
121
127
  className: cn(accordionIndicatorVariants(), className),
122
128
  style: style,
123
129
  ...props,
124
- ...dataAttributes({
130
+ ...mergeDataAttributes(props, dataAttributes({
125
131
  slot: 'accordion-indicator',
126
- state: isExpanded ? 'open' : 'closed'
127
- }),
128
- children: /*#__PURE__*/_jsx(Icon, {
132
+ state: isOpen ? 'open' : 'closed'
133
+ })),
134
+ children: children ?? /*#__PURE__*/_jsx(Icon, {
129
135
  as: KeyboardArrowDown,
130
136
  size: 24
131
137
  })
@@ -232,45 +238,31 @@ const AccordionMeta = /*#__PURE__*/forwardRef(({
232
238
  AccordionMeta.displayName = 'Accordion.Meta';
233
239
 
234
240
  // =============================================================================
235
- // PANEL / BODY
241
+ // CONTENT
236
242
  // =============================================================================
237
243
 
238
- const AccordionPanel = /*#__PURE__*/forwardRef(({
239
- className,
240
- style,
241
- children,
242
- ...props
243
- }, ref) => /*#__PURE__*/_jsx(AccordionPanelRootPrimitive, {
244
- ref: ref,
245
- className: cn('w-full', className),
246
- style: style,
247
- ...props,
248
- children: children
249
- }));
250
- AccordionPanel.displayName = 'Accordion.Panel';
251
- const AccordionBody = /*#__PURE__*/forwardRef(({
244
+ const AccordionContent = /*#__PURE__*/forwardRef(({
245
+ asChild,
252
246
  className,
253
247
  style,
254
248
  children,
255
249
  ...props
256
250
  }, ref) => {
257
251
  const {
258
- disableGutters
252
+ fullBleed
259
253
  } = useAccordionItemStyleContext();
260
- return /*#__PURE__*/_jsx(View, {
254
+ return /*#__PURE__*/_jsx(AccordionContentRootPrimitive, {
261
255
  ref: ref,
262
- className: cn(accordionBodyVariants({
263
- disableGutters
256
+ asChild: asChild,
257
+ className: cn(accordionContentVariants({
258
+ fullBleed
264
259
  }), className),
265
260
  style: style,
266
261
  ...props,
267
- ...mergeDataAttributes(props, dataAttributes({
268
- slot: 'accordion-body'
269
- })),
270
262
  children: children
271
263
  });
272
264
  });
273
- AccordionBody.displayName = 'Accordion.Body';
265
+ AccordionContent.displayName = 'Accordion.Content';
274
266
 
275
267
  // =============================================================================
276
268
  // COMPOUND EXPORT
@@ -285,7 +277,6 @@ export const Accordion = Object.assign(AccordionRoot, {
285
277
  Description: AccordionDescription,
286
278
  Meta: AccordionMeta,
287
279
  Indicator: AccordionIndicator,
288
- Panel: AccordionPanel,
289
- Body: AccordionBody
280
+ Content: AccordionContent
290
281
  });
291
282
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","useMemo","Text","View","AccordionItemRoot","AccordionItemRootPrimitive","AccordionPanelRoot","AccordionPanelRootPrimitive","AccordionRoot","AccordionRootPrimitive","AccordionTriggerRoot","AccordionTriggerRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useAccordionItemContext","KeyboardArrowDown","cn","ParentContext","useParentContext","useStyleContext","Divider","Icon","accordionBodyVariants","accordionDescriptionVariants","accordionHeadingVariants","accordionIndicatorVariants","accordionItemVariants","accordionLabelVariants","accordionLeadingSlotVariants","accordionMetaVariants","accordionRootVariants","accordionTitleVariants","accordionTriggerVariants","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ITEM_SCOPE","useAccordionItemStyleContext","ctx","disableGutters","showSeparator","className","style","children","props","ref","displayName","AccordionItem","parent","Provider","value","AccordionTrigger","asChild","accessibilityLabel","computedClassName","AccordionIndicator","isExpanded","slot","state","as","size","AccordionLeadingSlot","ariaHidden","Comp","accessibilityElementsHidden","AccordionLabel","AccordionTitle","AccordionDescription","AccordionMeta","AccordionPanel","AccordionBody","Accordion","Object","assign","Item","Trigger","LeadingSlot","Label","Title","Description","Meta","Indicator","Panel","Body"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["cloneElement","forwardRef","isValidElement","useMemo","Text","View","AccordionContentRoot","AccordionContentRootPrimitive","AccordionItemRoot","AccordionItemRootPrimitive","AccordionRoot","AccordionRootPrimitive","AccordionTriggerRoot","AccordionTriggerRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useAccordionItemContext","KeyboardArrowDown","cn","ParentContext","useParentContext","useStyleContext","Icon","accordionContentVariants","accordionDescriptionVariants","accordionIndicatorVariants","accordionItemVariants","accordionLabelVariants","accordionLeadingSlotVariants","accordionMetaVariants","accordionRootVariants","accordionTitleVariants","accordionTriggerVariants","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ITEM_SCOPE","useAccordionItemStyleContext","ctx","fullBleed","asChild","className","style","children","props","ref","displayName","AccordionItem","showSeparator","parent","Provider","value","AccordionTrigger","indicator","accessibilityLabel","computedClassName","triggerIndicator","undefined","AccordionIndicator","triggerChildren","isOpen","Comp","slot","state","as","size","AccordionLeadingSlot","ariaHidden","accessibilityElementsHidden","AccordionLabel","AccordionTitle","AccordionDescription","AccordionMeta","AccordionContent","Accordion","Object","assign","Item","Trigger","LeadingSlot","Label","Title","Description","Meta","Indicator","Content"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -2,27 +2,31 @@
2
2
 
3
3
  import { Platform } from 'react-native';
4
4
  import { cva } from '@cdx-ui/utils';
5
- import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
5
+ import { DISABLED_CURSOR } from '../../styles/constants';
6
6
  export const accordionRootVariants = cva(['flex w-full flex-col']);
7
- export const accordionItemVariants = cva(['flex w-full flex-col overflow-clip', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
8
- export const accordionHeadingVariants = cva(['relative w-full bg-[var(--color-transparent,rgba(255,255,255,0))]', Platform.select({
9
- web: ['before:pointer-events-none before:absolute before:inset-0 before:z-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out',
10
- // Overlay tracks trigger interaction data-* (Figma Accordion.Heading > [background-color]).
11
- 'has-[[data-hover=true]]:before:opacity-[var(--opacity-hover)]', 'has-[[data-active=true][data-hover=true]]:before:opacity-[var(--opacity-hover-overlay)]', 'has-[[data-focus-visible=true]]:before:opacity-[var(--opacity-focus)]'].join(' '),
12
- default: ''
13
- })]);
14
- export const accordionTriggerVariants = cva(['relative z-10 flex w-full flex-row items-center gap-3 min-h-[52px] bg-transparent outline-none', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', DISABLED_CURSOR, Platform.select({
15
- web: '',
7
+ export const accordionItemVariants = cva(['flex w-full flex-col', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]'], {
8
+ variants: {
9
+ showSeparator: {
10
+ true: 'border-b border-solid border-stroke-secondary',
11
+ false: 'border-b-0'
12
+ }
13
+ },
14
+ defaultVariants: {
15
+ showSeparator: true
16
+ }
17
+ });
18
+ export const accordionTriggerVariants = cva(['relative flex w-full flex-row items-center gap-3 min-h-[52px] bg-[var(--color-transparent)] outline-none', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', DISABLED_CURSOR, Platform.select({
19
+ web: ['before:pointer-events-none before:absolute before:inset-0 before:z-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out', 'data-[hover=true]:data-[state="closed"]:before:opacity-[var(--opacity-hover)]', 'data-[active=true]:data-[hover=true]:data-[state="closed"]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-focus)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
16
20
  default: 'data-[active=true]:bg-surface-primary-hover'
17
21
  })], {
18
22
  variants: {
19
- disableGutters: {
23
+ fullBleed: {
20
24
  true: 'px-0 py-4',
21
25
  false: 'p-4'
22
26
  }
23
27
  },
24
28
  defaultVariants: {
25
- disableGutters: false
29
+ fullBleed: false
26
30
  }
27
31
  });
28
32
  export const accordionLeadingSlotVariants = cva(['relative z-10 flex shrink-0 items-center justify-center']);
@@ -30,16 +34,19 @@ export const accordionLabelVariants = cva(['relative z-10 flex min-w-0 flex-1 fl
30
34
  export const accordionTitleVariants = cva(['body-md font-medium text-content-primary']);
31
35
  export const accordionDescriptionVariants = cva(['body-sm text-content-secondary']);
32
36
  export const accordionMetaVariants = cva(['body-xs text-content-secondary']);
33
- export const accordionIndicatorVariants = cva(['relative z-10 flex shrink-0 items-center justify-center text-content-primary', 'data-[state=open]:rotate-180', TRANSITION_COLORS]);
34
- export const accordionBodyVariants = cva(['flex w-full flex-col gap-2 pb-4'], {
37
+ export const accordionIndicatorVariants = cva(['relative z-10 flex shrink-0 items-center justify-center text-content-primary', 'data-[state=open]:rotate-180', Platform.select({
38
+ web: 'transition-transform duration-150 ease-out',
39
+ default: ''
40
+ })]);
41
+ export const accordionContentVariants = cva(['flex w-full flex-col gap-2 pb-4'], {
35
42
  variants: {
36
- disableGutters: {
43
+ fullBleed: {
37
44
  true: 'px-0',
38
45
  false: 'px-4'
39
46
  }
40
47
  },
41
48
  defaultVariants: {
42
- disableGutters: false
49
+ fullBleed: false
43
50
  }
44
51
  });
45
52
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","accordionRootVariants","accordionItemVariants","accordionHeadingVariants","select","web","join","default","accordionTriggerVariants","variants","disableGutters","true","false","defaultVariants","accordionLeadingSlotVariants","accordionLabelVariants","accordionTitleVariants","accordionDescriptionVariants","accordionMetaVariants","accordionIndicatorVariants","accordionBodyVariants"],"sourceRoot":"../../../../src","sources":["components/Accordion/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,qBAAqB,GAAGH,GAAG,CAAC,CAAC,sBAAsB,CAAC,CAAC;AAElE,OAAO,MAAMI,qBAAqB,GAAGJ,GAAG,CAAC,CACvC,oCAAoC,EACpC,wDAAwD,CACzD,CAAC;AAEF,OAAO,MAAMK,wBAAwB,GAAGL,GAAG,CAAC,CAC1C,mEAAmE,EACnED,QAAQ,CAACO,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,qIAAqI,EACrI,+DAA+D;EAC/D;EACA,+DAA+D,EAC/D,yFAAyF,EACzF,uEAAuE,CACxE,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,wBAAwB,GAAGV,GAAG,CACzC,CACE,gGAAgG,EAChG,wEAAwE,EACxEC,eAAe,EACfF,QAAQ,CAACO,MAAM,CAAC;EACdC,GAAG,EAAE,EAAE;EACPE,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEE,QAAQ,EAAE;IACRC,cAAc,EAAE;MACdC,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,cAAc,EAAE;EAClB;AACF,CACF,CAAC;AAED,OAAO,MAAMI,4BAA4B,GAAGhB,GAAG,CAAC,CAC9C,yDAAyD,CAC1D,CAAC;AAEF,OAAO,MAAMiB,sBAAsB,GAAGjB,GAAG,CAAC,CACxC,mEAAmE,CACpE,CAAC;AAEF,OAAO,MAAMkB,sBAAsB,GAAGlB,GAAG,CAAC,CAAC,0CAA0C,CAAC,CAAC;AAEvF,OAAO,MAAMmB,4BAA4B,GAAGnB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAEnF,OAAO,MAAMoB,qBAAqB,GAAGpB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAE5E,OAAO,MAAMqB,0BAA0B,GAAGrB,GAAG,CAAC,CAC5C,8EAA8E,EAC9E,8BAA8B,EAC9BE,iBAAiB,CAClB,CAAC;AAEF,OAAO,MAAMoB,qBAAqB,GAAGtB,GAAG,CAAC,CAAC,iCAAiC,CAAC,EAAE;EAC5EW,QAAQ,EAAE;IACRC,cAAc,EAAE;MACdC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["Platform","cva","DISABLED_CURSOR","accordionRootVariants","accordionItemVariants","variants","showSeparator","true","false","defaultVariants","accordionTriggerVariants","select","web","join","default","fullBleed","accordionLeadingSlotVariants","accordionLabelVariants","accordionTitleVariants","accordionDescriptionVariants","accordionMetaVariants","accordionIndicatorVariants","accordionContentVariants"],"sourceRoot":"../../../../src","sources":["components/Accordion/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,QAAQ,wBAAwB;AAExD,OAAO,MAAMC,qBAAqB,GAAGF,GAAG,CAAC,CAAC,sBAAsB,CAAC,CAAC;AAElE,OAAO,MAAMG,qBAAqB,GAAGH,GAAG,CACtC,CAAC,sBAAsB,EAAE,wDAAwD,CAAC,EAClF;EACEI,QAAQ,EAAE;IACRC,aAAa,EAAE;MACbC,IAAI,EAAE,+CAA+C;MACrDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,aAAa,EAAE;EACjB;AACF,CACF,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGT,GAAG,CACzC,CACE,0GAA0G,EAC1G,wEAAwE,EACxEC,eAAe,EACfF,QAAQ,CAACW,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,qIAAqI,EACrI,+DAA+D,EAC/D,+EAA+E,EAC/E,0GAA0G,EAC1G,iEAAiE,EACjE,sHAAsH,CACvH,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACET,QAAQ,EAAE;IACRU,SAAS,EAAE;MACTR,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfM,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAGf,GAAG,CAAC,CAC9C,yDAAyD,CAC1D,CAAC;AAEF,OAAO,MAAMgB,sBAAsB,GAAGhB,GAAG,CAAC,CACxC,mEAAmE,CACpE,CAAC;AAEF,OAAO,MAAMiB,sBAAsB,GAAGjB,GAAG,CAAC,CAAC,0CAA0C,CAAC,CAAC;AAEvF,OAAO,MAAMkB,4BAA4B,GAAGlB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAEnF,OAAO,MAAMmB,qBAAqB,GAAGnB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAE5E,OAAO,MAAMoB,0BAA0B,GAAGpB,GAAG,CAAC,CAC5C,8EAA8E,EAC9E,8BAA8B,EAC9BD,QAAQ,CAACW,MAAM,CAAC;EAAEC,GAAG,EAAE,4CAA4C;EAAEE,OAAO,EAAE;AAAG,CAAC,CAAC,CACpF,CAAC;AAEF,OAAO,MAAMQ,wBAAwB,GAAGrB,GAAG,CAAC,CAAC,iCAAiC,CAAC,EAAE;EAC/EI,QAAQ,EAAE;IACRU,SAAS,EAAE;MACTR,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfM,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
@@ -5,36 +5,39 @@
5
5
  // component=Accordion
6
6
  import figma from 'figma';
7
7
  const instance = figma.selectedInstance;
8
- const disableGutters = instance.getEnum('disableGutters', {
8
+ const fullBleed = instance.getEnum('disableGutters', {
9
9
  true: true,
10
10
  false: undefined
11
11
  });
12
+ const defaultValue = instance.getEnum('isExpanded', {
13
+ true: 'item-1',
14
+ false: undefined
15
+ });
12
16
  const isDisabled = instance.getEnum('isDisabled', {
13
17
  true: true,
14
18
  false: undefined
15
19
  });
16
20
  const showSeparator = instance.getBoolean('showSeparator');
17
21
  const showLeadingSlot = instance.getBoolean('Show LeadingSlot?');
18
- const disableGuttersProp = figma.helpers.react.renderProp('disableGutters', disableGutters);
22
+ const defaultValueProp = figma.helpers.react.renderProp('defaultValue', defaultValue);
23
+ const fullBleedProp = figma.helpers.react.renderProp('fullBleed', fullBleed);
19
24
  const disabledProp = figma.helpers.react.renderProp('disabled', isDisabled);
20
- const showSeparatorProp = figma.helpers.react.renderProp('showSeparator', showSeparator);
25
+ const showSeparatorProp = figma.helpers.react.renderProp('showSeparator', showSeparator ? undefined : false);
21
26
  export default {
22
27
  id: 'accordion-item',
23
28
  imports: ["import { Accordion, Icon, Text } from '@cdx-ui/components'", "import { Hexagon } from '@cdx-ui/icons'"],
24
29
  example: figma.code`
25
- <Accordion type="single" collapsible defaultValue="item-1">
26
- <Accordion.Item value="item-1"${disableGuttersProp}${disabledProp}${showSeparatorProp}>
30
+ <Accordion type="single" collapsible${defaultValueProp}>
31
+ <Accordion.Item value="item-1"${fullBleedProp}${disabledProp}${showSeparatorProp}>
27
32
  <Accordion.Trigger>
28
33
  ${showLeadingSlot ? figma.code`<Accordion.LeadingSlot><Icon as={Hexagon} /></Accordion.LeadingSlot>` : null}
29
34
  <Accordion.Label>
30
35
  <Accordion.Title>Label</Accordion.Title>
31
36
  </Accordion.Label>
32
37
  </Accordion.Trigger>
33
- <Accordion.Panel>
34
- <Accordion.Body>
35
- <Text size="sm">Lorem ipsum dolor sit amet.</Text>
36
- </Accordion.Body>
37
- </Accordion.Panel>
38
+ <Accordion.Content>
39
+ <Text size="sm">Lorem ipsum dolor sit amet.</Text>
40
+ </Accordion.Content>
38
41
  </Accordion.Item>
39
42
  </Accordion>`
40
43
  };
@@ -1 +1 @@
1
- {"version":3,"names":["figma","instance","selectedInstance","disableGutters","getEnum","true","false","undefined","isDisabled","showSeparator","getBoolean","showLeadingSlot","disableGuttersProp","helpers","react","renderProp","disabledProp","showSeparatorProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Accordion.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,cAAc,GAAGF,QAAQ,CAACG,OAAO,CAAC,gBAAgB,EAAE;EACxDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGP,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,aAAa,GAAGR,QAAQ,CAACS,UAAU,CAAC,eAAe,CAAC;AAC1D,MAAMC,eAAe,GAAGV,QAAQ,CAACS,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAME,kBAAkB,GAAGZ,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,gBAAgB,EAAEZ,cAAc,CAAC;AAC3F,MAAMa,YAAY,GAAGhB,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEP,UAAU,CAAC;AAC3E,MAAMS,iBAAiB,GAAGjB,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAEN,aAAa,CAAC;AAExF,eAAe;EACbS,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CACP,4DAA4D,EAC5D,yCAAyC,CAC1C;EACDC,OAAO,EAAEpB,KAAK,CAACqB,IAAI;AACrB;AACA,kCAAkCT,kBAAkB,GAAGI,YAAY,GAAGC,iBAAiB;AACvF;AACA,QAAQN,eAAe,GAAGX,KAAK,CAACqB,IAAI,sEAAsE,GAAG,IAAI;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["figma","instance","selectedInstance","fullBleed","getEnum","true","false","undefined","defaultValue","isDisabled","showSeparator","getBoolean","showLeadingSlot","defaultValueProp","helpers","react","renderProp","fullBleedProp","disabledProp","showSeparatorProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Accordion.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,gBAAgB,EAAE;EACnDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,YAAY,GAAGP,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAClDC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGR,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMG,aAAa,GAAGT,QAAQ,CAACU,UAAU,CAAC,eAAe,CAAC;AAC1D,MAAMC,eAAe,GAAGX,QAAQ,CAACU,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAME,gBAAgB,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAER,YAAY,CAAC;AACrF,MAAMS,aAAa,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEb,SAAS,CAAC;AAC5E,MAAMe,YAAY,GAAGlB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEP,UAAU,CAAC;AAC3E,MAAMU,iBAAiB,GAAGnB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CACtD,eAAe,EACfN,aAAa,GAAGH,SAAS,GAAG,KAC9B,CAAC;AAED,eAAe;EACba,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CACP,4DAA4D,EAC5D,yCAAyC,CAC1C;EACDC,OAAO,EAAEtB,KAAK,CAACuB,IAAI;AACrB,sCAAsCV,gBAAgB;AACtD,kCAAkCI,aAAa,GAAGC,YAAY,GAAGC,iBAAiB;AAClF;AACA,QAAQP,eAAe,GAAGZ,KAAK,CAACuB,IAAI,sEAAsE,GAAG,IAAI;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
@@ -1,17 +1,19 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import { Text, View, type TextProps, type ViewProps } from 'react-native';
3
- import { type IAccordionItemProps, type IAccordionProps, type IAccordionTriggerProps } from '@cdx-ui/primitives';
4
- export interface AccordionProps extends IAccordionProps {
3
+ import { type IAccordionContentProps, type IAccordionItemProps, type IAccordionProps, type IAccordionTriggerProps } from '@cdx-ui/primitives';
4
+ export type AccordionProps = IAccordionProps & {
5
+ asChild?: boolean;
5
6
  className?: string;
6
7
  children?: ReactNode;
7
- }
8
+ };
8
9
  declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<View>>;
9
10
  export interface AccordionItemProps extends IAccordionItemProps {
11
+ asChild?: boolean;
10
12
  className?: string;
11
13
  children?: ReactNode;
12
- /** Removes horizontal padding on trigger and body. */
13
- disableGutters?: boolean;
14
- /** Renders a Divider below the item when true. @default true */
14
+ /** Removes horizontal padding so trigger and content can render edge to edge. @default false */
15
+ fullBleed?: boolean;
16
+ /** Renders a separator below the item when true. @default true */
15
17
  showSeparator?: boolean;
16
18
  }
17
19
  declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<View>>;
@@ -24,12 +26,20 @@ export interface AccordionTriggerProps extends IAccordionTriggerProps {
24
26
  * applied so the substituted component's own appearance wins.
25
27
  */
26
28
  asChild?: boolean;
29
+ /**
30
+ * Replaces the default open/closed chevron. Pass `null` to suppress the
31
+ * indicator. When `asChild` is set, only an explicitly provided indicator is
32
+ * appended to the substituted child.
33
+ */
34
+ indicator?: ReactNode;
27
35
  className?: string;
28
36
  children?: ReactNode;
29
37
  }
30
38
  declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<View>>;
31
39
  export interface AccordionIndicatorProps extends ViewProps {
40
+ asChild?: boolean;
32
41
  className?: string;
42
+ children?: ReactNode;
33
43
  }
34
44
  declare const AccordionIndicator: import("react").ForwardRefExoticComponent<AccordionIndicatorProps & import("react").RefAttributes<View>>;
35
45
  export interface AccordionLeadingSlotProps extends ViewProps {
@@ -58,16 +68,12 @@ export interface AccordionMetaProps extends TextProps {
58
68
  className?: string;
59
69
  }
60
70
  declare const AccordionMeta: import("react").ForwardRefExoticComponent<AccordionMetaProps & import("react").RefAttributes<Text>>;
61
- export interface AccordionPanelProps extends ViewProps {
62
- className?: string;
63
- children?: ReactNode;
64
- }
65
- declare const AccordionPanel: import("react").ForwardRefExoticComponent<AccordionPanelProps & import("react").RefAttributes<View>>;
66
- export interface AccordionBodyProps extends ViewProps {
71
+ export interface AccordionContentProps extends IAccordionContentProps {
72
+ asChild?: boolean;
67
73
  className?: string;
68
74
  children?: ReactNode;
69
75
  }
70
- declare const AccordionBody: import("react").ForwardRefExoticComponent<AccordionBodyProps & import("react").RefAttributes<View>>;
76
+ declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<View>>;
71
77
  type AccordionCompoundComponent = typeof AccordionRoot & {
72
78
  Item: typeof AccordionItem;
73
79
  Trigger: typeof AccordionTrigger;
@@ -77,8 +83,7 @@ type AccordionCompoundComponent = typeof AccordionRoot & {
77
83
  Description: typeof AccordionDescription;
78
84
  Meta: typeof AccordionMeta;
79
85
  Indicator: typeof AccordionIndicator;
80
- Panel: typeof AccordionPanel;
81
- Body: typeof AccordionBody;
86
+ Content: typeof AccordionContent;
82
87
  };
83
88
  export declare const Accordion: AccordionCompoundComponent;
84
89
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,9 @@
1
- import { type VariantProps } from '@cdx-ui/utils';
2
1
  export declare const accordionRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
3
- export declare const accordionItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
4
- export declare const accordionHeadingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
+ export declare const accordionItemVariants: (props?: ({
3
+ showSeparator?: boolean | null | undefined;
4
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
5
  export declare const accordionTriggerVariants: (props?: ({
6
- disableGutters?: boolean | null | undefined;
6
+ fullBleed?: boolean | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export declare const accordionLeadingSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
9
9
  export declare const accordionLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
@@ -11,8 +11,7 @@ export declare const accordionTitleVariants: (props?: import("class-variance-aut
11
11
  export declare const accordionDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
12
12
  export declare const accordionMetaVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
13
13
  export declare const accordionIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
14
- export declare const accordionBodyVariants: (props?: ({
15
- disableGutters?: boolean | null | undefined;
14
+ export declare const accordionContentVariants: (props?: ({
15
+ fullBleed?: boolean | null | undefined;
16
16
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
17
- export type AccordionItemVariantProps = VariantProps<typeof accordionTriggerVariants>;
18
17
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,qBAAqB,oFAAgC,CAAC;AAEnE,eAAO,MAAM,qBAAqB,oFAGhC,CAAC;AAEH,eAAO,MAAM,wBAAwB,oFAanC,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAqBpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,oFAEvC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAEjC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAAoD,CAAC;AAExF,eAAO,MAAM,4BAA4B,oFAA0C,CAAC;AAEpF,eAAO,MAAM,qBAAqB,oFAA0C,CAAC;AAE7E,eAAO,MAAM,0BAA0B,oFAIrC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,oFAAgC,CAAC;AAEnE,eAAO,MAAM,qBAAqB;;8EAajC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EA4BpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,oFAEvC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAEjC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAAoD,CAAC;AAExF,eAAO,MAAM,4BAA4B,oFAA0C,CAAC;AAEpF,eAAO,MAAM,qBAAqB,oFAA0C,CAAC;AAE7E,eAAO,MAAM,0BAA0B,oFAIrC,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAUnC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Accordion.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAmB1B,wBAsBE"}
1
+ {"version":3,"file":"Accordion.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Accordion.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA2B1B,wBAoBE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.0.1-beta.174",
3
+ "version": "0.0.1-beta.176",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
@@ -81,10 +81,10 @@
81
81
  "@marceloterreiro/flash-calendar": "2.0.0",
82
82
  "react-native-reanimated-carousel": "5.0.0-beta.5",
83
83
  "uniwind": "1.10.0",
84
- "@cdx-ui/formatters": "0.0.1-beta.174",
85
- "@cdx-ui/primitives": "0.0.1-beta.174",
86
- "@cdx-ui/utils": "0.0.1-beta.174",
87
- "@cdx-ui/icons": "0.0.1-beta.174"
84
+ "@cdx-ui/primitives": "0.0.1-beta.176",
85
+ "@cdx-ui/utils": "0.0.1-beta.176",
86
+ "@cdx-ui/icons": "0.0.1-beta.176",
87
+ "@cdx-ui/formatters": "0.0.1-beta.176"
88
88
  },
89
89
  "devDependencies": {
90
90
  "@react-navigation/bottom-tabs": "*",