@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.
- package/README.md +2 -2
- package/coverage.svg +1 -1
- package/lib/commonjs/components/Accordion/index.js +46 -55
- package/lib/commonjs/components/Accordion/index.js.map +1 -1
- package/lib/commonjs/components/Accordion/styles.js +23 -16
- package/lib/commonjs/components/Accordion/styles.js.map +1 -1
- package/lib/commonjs/figma/Accordion.figma.js +13 -10
- package/lib/commonjs/figma/Accordion.figma.js.map +1 -1
- package/lib/module/components/Accordion/index.js +50 -59
- package/lib/module/components/Accordion/index.js.map +1 -1
- package/lib/module/components/Accordion/styles.js +23 -16
- package/lib/module/components/Accordion/styles.js.map +1 -1
- package/lib/module/figma/Accordion.figma.js +13 -10
- package/lib/module/figma/Accordion.figma.js.map +1 -1
- package/lib/typescript/components/Accordion/index.d.ts +20 -15
- package/lib/typescript/components/Accordion/index.d.ts.map +1 -1
- package/lib/typescript/components/Accordion/styles.d.ts +6 -7
- package/lib/typescript/components/Accordion/styles.d.ts.map +1 -1
- package/lib/typescript/figma/Accordion.figma.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Accordion/index.tsx +87 -90
- package/src/components/Accordion/styles.ts +31 -31
|
@@ -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 {
|
|
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 {
|
|
11
|
-
import { jsx as _jsx,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
56
|
-
showSeparator
|
|
56
|
+
fullBleed
|
|
57
57
|
}
|
|
58
|
-
}), [parent,
|
|
58
|
+
}), [parent, fullBleed]);
|
|
59
59
|
return /*#__PURE__*/_jsx(ParentContext.Provider, {
|
|
60
60
|
value: ctx,
|
|
61
|
-
children: /*#__PURE__*/
|
|
61
|
+
children: /*#__PURE__*/_jsx(AccordionItemRootPrimitive, {
|
|
62
62
|
ref: ref,
|
|
63
|
-
|
|
63
|
+
asChild: asChild,
|
|
64
|
+
className: cn(accordionItemVariants({
|
|
65
|
+
showSeparator
|
|
66
|
+
}), className),
|
|
64
67
|
style: style,
|
|
65
68
|
...props,
|
|
66
|
-
children:
|
|
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
|
-
|
|
89
|
+
fullBleed
|
|
86
90
|
} = useAccordionItemStyleContext();
|
|
87
91
|
const computedClassName = asChild ? className : cn(accordionTriggerVariants({
|
|
88
|
-
|
|
92
|
+
fullBleed
|
|
89
93
|
}), className);
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
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
|
-
|
|
122
|
+
isOpen
|
|
118
123
|
} = useAccordionItemContext();
|
|
119
|
-
|
|
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:
|
|
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
|
-
//
|
|
241
|
+
// CONTENT
|
|
236
242
|
// =============================================================================
|
|
237
243
|
|
|
238
|
-
const
|
|
239
|
-
|
|
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
|
-
|
|
252
|
+
fullBleed
|
|
259
253
|
} = useAccordionItemStyleContext();
|
|
260
|
-
return /*#__PURE__*/_jsx(
|
|
254
|
+
return /*#__PURE__*/_jsx(AccordionContentRootPrimitive, {
|
|
261
255
|
ref: ref,
|
|
262
|
-
|
|
263
|
-
|
|
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
|
-
|
|
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
|
-
|
|
289
|
-
Body: AccordionBody
|
|
280
|
+
Content: AccordionContent
|
|
290
281
|
});
|
|
291
282
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","Text","View","
|
|
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
|
|
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
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
23
|
+
fullBleed: {
|
|
20
24
|
true: 'px-0 py-4',
|
|
21
25
|
false: 'p-4'
|
|
22
26
|
}
|
|
23
27
|
},
|
|
24
28
|
defaultVariants: {
|
|
25
|
-
|
|
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',
|
|
34
|
-
|
|
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
|
-
|
|
43
|
+
fullBleed: {
|
|
37
44
|
true: 'px-0',
|
|
38
45
|
false: 'px-4'
|
|
39
46
|
}
|
|
40
47
|
},
|
|
41
48
|
defaultVariants: {
|
|
42
|
-
|
|
49
|
+
fullBleed: false
|
|
43
50
|
}
|
|
44
51
|
});
|
|
45
52
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","
|
|
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
|
|
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
|
|
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
|
|
26
|
-
<Accordion.Item value="item-1"${
|
|
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.
|
|
34
|
-
<
|
|
35
|
-
|
|
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","
|
|
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
|
|
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
|
|
13
|
-
|
|
14
|
-
/** Renders a
|
|
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
|
|
62
|
-
|
|
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
|
|
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
|
-
|
|
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":"AAAA,OAAO,
|
|
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?:
|
|
4
|
-
|
|
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
|
-
|
|
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
|
|
15
|
-
|
|
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":"
|
|
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;;;;;;
|
|
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.
|
|
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/
|
|
85
|
-
"@cdx-ui/
|
|
86
|
-
"@cdx-ui/
|
|
87
|
-
"@cdx-ui/
|
|
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": "*",
|