@cdx-ui/components 0.0.1-beta.43 → 0.0.1-beta.44
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 +1 -1
- package/lib/commonjs/components/AlertDialog/index.js +1 -1
- package/lib/commonjs/components/AlertDialog/index.js.map +1 -1
- package/lib/commonjs/components/Button/index.js +12 -1
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +24 -24
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressSegmented/index.js +2 -0
- package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -1
- package/lib/commonjs/figma/Button.figma.js +1 -5
- package/lib/commonjs/figma/Button.figma.js.map +1 -1
- package/lib/module/components/AlertDialog/index.js +1 -1
- package/lib/module/components/AlertDialog/index.js.map +1 -1
- package/lib/module/components/Button/index.js +13 -2
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/styles.js +24 -24
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/ProgressSegmented/index.js +2 -0
- package/lib/module/components/ProgressSegmented/index.js.map +1 -1
- package/lib/module/figma/Button.figma.js +1 -5
- package/lib/module/figma/Button.figma.js.map +1 -1
- package/lib/typescript/components/Button/index.d.ts +13 -1
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +3 -3
- package/lib/typescript/components/IconButton/styles.d.ts +2 -2
- package/lib/typescript/components/ProgressSegmented/index.d.ts.map +1 -1
- package/lib/typescript/figma/Button.figma.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/AlertDialog/index.tsx +1 -1
- package/src/components/Button/index.tsx +37 -3
- package/src/components/Button/styles.ts +24 -24
- package/src/components/ProgressSegmented/index.tsx +1 -0
package/README.md
CHANGED
|
@@ -25,7 +25,7 @@ import { Button } from '@cdx-ui/components';
|
|
|
25
25
|
|
|
26
26
|
export function Example() {
|
|
27
27
|
return (
|
|
28
|
-
<Button variant="
|
|
28
|
+
<Button variant="solid" color="action" size="default" onPress={() => console.log('pressed')}>
|
|
29
29
|
<Button.Label>Get Started</Button.Label>
|
|
30
30
|
</Button>
|
|
31
31
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_primitives","_utils","_Button","_Dialog","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AlertDialogRoot","forwardRef","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","jsx","Dialog","displayName","AlertDialogAction","asChild","color","className","React","isValidElement","cloneElement","Button","variant","Label","AlertDialogCancel","onPress","onOpenChange","useDialog","handlePress","composeEventHandlers","AlertDialog","exports","assign","Trigger","Content","Header","Title","Description","Body","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzD;AACA;AACA;;AAIA,MAAMkB,eAAe,gBAAG,IAAAC,iBAAU,EAChC,CACE;EACEC,oBAAoB,GAAG,KAAK;EAC5BC,aAAa,GAAG,KAAK;EACrBC,IAAI,GAAG,aAAa;EACpBC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,kBAEH,IAAA3B,WAAA,CAAA4B,GAAA,EAAC7B,OAAA,CAAA8B,MAAM;EACLF,GAAG,EAAEA,GAAI;EACTL,oBAAoB,EAAEA,oBAAqB;EAC3CC,aAAa,EAAEA,aAAc;EAC7BC,IAAI,EAAEA,IAAK;EAAA,GACPE,KAAK;EAAAD,QAAA,EAERA;AAAQ,CACH,CAEZ,CAAC;AACDL,eAAe,CAACU,WAAW,GAAG,aAAa;;AAE3C;AACA;AACA;;AAMA,MAAMC,iBAAiB,gBAAG,IAAAV,iBAAU,EAClC,CAAC;EAAEW,OAAO,GAAG,KAAK;EAAEP,QAAQ;EAAEQ,KAAK,GAAG,QAAQ;EAAEC,SAAS;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7E,IAAIK,OAAO,iBAAIG,cAAK,CAACC,cAAc,CAACX,QAAQ,CAAC,EAAE;IAC7C,oBAAOU,cAAK,CAACE,YAAY,CAACZ,QAAQ,EAA6B;MAC7DE,GAAG;MACHO,SAAS;MACT,GAAGR;IACL,CAAC,CAAC;EACJ;EAEA,oBACE,IAAA1B,WAAA,CAAA4B,GAAA,EAAC9B,OAAA,CAAAwC,MAAM;IAACX,GAAG,EAAEA,GAAI;IAACY,OAAO,EAAC,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_primitives","_utils","_Button","_Dialog","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AlertDialogRoot","forwardRef","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","jsx","Dialog","displayName","AlertDialogAction","asChild","color","className","React","isValidElement","cloneElement","Button","variant","Label","AlertDialogCancel","onPress","onOpenChange","useDialog","handlePress","composeEventHandlers","AlertDialog","exports","assign","Trigger","Content","Header","Title","Description","Body","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -26,8 +26,11 @@ const ButtonPrimitive = (0, _primitives.createButton)({
|
|
|
26
26
|
// STYLED ROOT COMPONENT
|
|
27
27
|
// =============================================================================
|
|
28
28
|
|
|
29
|
+
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
30
|
+
|
|
31
|
+
let hasWarnedStrongButtonVariant = false;
|
|
29
32
|
const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
30
|
-
variant = '
|
|
33
|
+
variant: variantProp = 'solid',
|
|
31
34
|
color = 'action',
|
|
32
35
|
size = 'default',
|
|
33
36
|
fullWidth = false,
|
|
@@ -36,6 +39,14 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
36
39
|
style,
|
|
37
40
|
...props
|
|
38
41
|
}, ref) => {
|
|
42
|
+
// TODO: Remove this once the `strong` variant is removed.
|
|
43
|
+
(0, _react.useEffect)(() => {
|
|
44
|
+
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && variantProp === 'strong' && !hasWarnedStrongButtonVariant) {
|
|
45
|
+
hasWarnedStrongButtonVariant = true;
|
|
46
|
+
console.warn('[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.');
|
|
47
|
+
}
|
|
48
|
+
}, [variantProp]);
|
|
49
|
+
const variant = variantProp === 'strong' ? 'solid' : variantProp;
|
|
39
50
|
const computedClassName = (0, _utils.cn)((0, _styles.buttonRootVariants)({
|
|
40
51
|
variant,
|
|
41
52
|
color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useButtonStyleContext","useStyleContext","ButtonPrimitive","createButton","Text","Group","View","Spinner","ActivityIndicator","Icon","ButtonRoot","forwardRef","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","cn","buttonRootVariants","jsx","context","displayName","ButtonLabel","buttonTextVariants","ButtonGroup","flexDirection","isAttached","groupClassName","buttonGroupVariants","ButtonIcon","as","buttonIconVariants","ButtonSpinner","colorClassName","computedColorClassName","buttonSpinnerVariants","Button","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAQkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,KAAK,GAAG,QAAQ;AAEtB,MAAMC,IAAI,GAAG,IAAAC,uBAAgB,EAACC,sBAAS,EAAEH,KAAK,CAAC;AAE/C,MAAMI,qBAAqB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACL,KAAK,CAAuB;AAEhF,MAAMM,eAAe,GAAG,IAAAC,wBAAY,EAAC;EACnCN,IAAI;EACJO,IAAI,EAAJA,iBAAI;EACJC,KAAK,EAAEC,iBAAI;EACXC,OAAO,EAAEC,8BAAiB;EAC1BC,IAAI,EAAEH;AACR,CAAC,CAAC;;AAEF;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useButtonStyleContext","useStyleContext","ButtonPrimitive","createButton","Text","Group","View","Spinner","ActivityIndicator","Icon","hasWarnedStrongButtonVariant","ButtonRoot","forwardRef","variant","variantProp","color","size","fullWidth","className","children","style","props","ref","useEffect","process","env","NODE_ENV","console","warn","computedClassName","cn","buttonRootVariants","jsx","context","displayName","ButtonLabel","buttonTextVariants","ButtonGroup","flexDirection","isAttached","groupClassName","buttonGroupVariants","ButtonIcon","as","buttonIconVariants","ButtonSpinner","colorClassName","computedColorClassName","buttonSpinnerVariants","Button","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@ var _primitives = require("../../styles/primitives");
|
|
|
12
12
|
const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-focus] web:data-[focus-visible=true]:ring-offset-2'], {
|
|
13
13
|
variants: {
|
|
14
14
|
variant: {
|
|
15
|
-
|
|
15
|
+
solid: ['border-b-1 border-black/75'],
|
|
16
16
|
// TODO: Replace with token
|
|
17
17
|
outline: ['bg-transparent', 'border border-stroke-primary'],
|
|
18
18
|
ghost: ['bg-transparent']
|
|
@@ -34,37 +34,37 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
compoundVariants: [
|
|
37
|
-
// ──
|
|
37
|
+
// ── solid × color (filled surface) ──────────────────────────────
|
|
38
38
|
{
|
|
39
|
-
variant: '
|
|
39
|
+
variant: 'solid',
|
|
40
40
|
color: 'action',
|
|
41
41
|
className: ['bg-surface-action-strong', _reactNative.Platform.select({
|
|
42
42
|
default: 'data-[active=true]:bg-surface-action-strong-active',
|
|
43
43
|
web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
|
|
44
44
|
})]
|
|
45
45
|
}, {
|
|
46
|
-
variant: '
|
|
46
|
+
variant: 'solid',
|
|
47
47
|
color: 'danger',
|
|
48
48
|
className: ['bg-surface-danger-strong', _reactNative.Platform.select({
|
|
49
49
|
default: 'data-[active=true]:bg-surface-danger-strong-active',
|
|
50
50
|
web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
|
|
51
51
|
})]
|
|
52
52
|
}, {
|
|
53
|
-
variant: '
|
|
53
|
+
variant: 'solid',
|
|
54
54
|
color: 'warning',
|
|
55
55
|
className: ['bg-surface-warning-strong', _reactNative.Platform.select({
|
|
56
56
|
default: 'data-[active=true]:bg-amber-600',
|
|
57
57
|
web: 'data-[hover=true]:bg-amber-500 data-[active=true]:data-[hover=true]:bg-amber-600'
|
|
58
58
|
})]
|
|
59
59
|
}, {
|
|
60
|
-
variant: '
|
|
60
|
+
variant: 'solid',
|
|
61
61
|
color: 'success',
|
|
62
62
|
className: ['bg-surface-success-strong', _reactNative.Platform.select({
|
|
63
63
|
default: 'data-[active=true]:bg-green-800',
|
|
64
64
|
web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
|
|
65
65
|
})]
|
|
66
66
|
}, {
|
|
67
|
-
variant: '
|
|
67
|
+
variant: 'solid',
|
|
68
68
|
color: 'info',
|
|
69
69
|
className: ['bg-surface-info-strong', _reactNative.Platform.select({
|
|
70
70
|
default: 'data-[active=true]:bg-sky-700',
|
|
@@ -146,7 +146,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
146
146
|
})]
|
|
147
147
|
}],
|
|
148
148
|
defaultVariants: {
|
|
149
|
-
variant: '
|
|
149
|
+
variant: 'solid',
|
|
150
150
|
color: 'action',
|
|
151
151
|
size: 'default',
|
|
152
152
|
fullWidth: false
|
|
@@ -155,7 +155,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
155
155
|
const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthority.cva)(['font-medium', 'text-center'], {
|
|
156
156
|
variants: {
|
|
157
157
|
variant: {
|
|
158
|
-
|
|
158
|
+
solid: [],
|
|
159
159
|
outline: [],
|
|
160
160
|
ghost: []
|
|
161
161
|
},
|
|
@@ -172,25 +172,25 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
|
|
|
172
172
|
}
|
|
173
173
|
},
|
|
174
174
|
compoundVariants: [
|
|
175
|
-
// ──
|
|
175
|
+
// ── solid × color (filled foreground text) ──────────────────────
|
|
176
176
|
{
|
|
177
|
-
variant: '
|
|
177
|
+
variant: 'solid',
|
|
178
178
|
color: 'action',
|
|
179
179
|
className: 'text-content-action-on-strong'
|
|
180
180
|
}, {
|
|
181
|
-
variant: '
|
|
181
|
+
variant: 'solid',
|
|
182
182
|
color: 'danger',
|
|
183
183
|
className: 'text-content-danger-on-strong'
|
|
184
184
|
}, {
|
|
185
|
-
variant: '
|
|
185
|
+
variant: 'solid',
|
|
186
186
|
color: 'warning',
|
|
187
187
|
className: 'text-content-warning-on-strong'
|
|
188
188
|
}, {
|
|
189
|
-
variant: '
|
|
189
|
+
variant: 'solid',
|
|
190
190
|
color: 'success',
|
|
191
191
|
className: 'text-content-success-on-strong'
|
|
192
192
|
}, {
|
|
193
|
-
variant: '
|
|
193
|
+
variant: 'solid',
|
|
194
194
|
color: 'info',
|
|
195
195
|
className: 'text-content-info-on-strong'
|
|
196
196
|
},
|
|
@@ -217,7 +217,7 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
|
|
|
217
217
|
className: 'text-content-info'
|
|
218
218
|
}],
|
|
219
219
|
defaultVariants: {
|
|
220
|
-
variant: '
|
|
220
|
+
variant: 'solid',
|
|
221
221
|
color: 'action',
|
|
222
222
|
size: 'default'
|
|
223
223
|
}
|
|
@@ -225,7 +225,7 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
|
|
|
225
225
|
const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVarianceAuthority.cva)([], {
|
|
226
226
|
variants: {
|
|
227
227
|
variant: {
|
|
228
|
-
|
|
228
|
+
solid: [],
|
|
229
229
|
outline: [],
|
|
230
230
|
ghost: []
|
|
231
231
|
},
|
|
@@ -238,25 +238,25 @@ const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVariance
|
|
|
238
238
|
}
|
|
239
239
|
},
|
|
240
240
|
compoundVariants: [
|
|
241
|
-
// ──
|
|
241
|
+
// ── solid × color ───────────────────────────────────────────────
|
|
242
242
|
{
|
|
243
|
-
variant: '
|
|
243
|
+
variant: 'solid',
|
|
244
244
|
color: 'action',
|
|
245
245
|
className: 'accent-[var(--color-content-action-on-strong)]'
|
|
246
246
|
}, {
|
|
247
|
-
variant: '
|
|
247
|
+
variant: 'solid',
|
|
248
248
|
color: 'danger',
|
|
249
249
|
className: 'accent-[var(--color-content-danger-on-strong)]'
|
|
250
250
|
}, {
|
|
251
|
-
variant: '
|
|
251
|
+
variant: 'solid',
|
|
252
252
|
color: 'warning',
|
|
253
253
|
className: 'accent-[var(--color-content-warning-on-strong)]'
|
|
254
254
|
}, {
|
|
255
|
-
variant: '
|
|
255
|
+
variant: 'solid',
|
|
256
256
|
color: 'success',
|
|
257
257
|
className: 'accent-[var(--color-content-success-on-strong)]'
|
|
258
258
|
}, {
|
|
259
|
-
variant: '
|
|
259
|
+
variant: 'solid',
|
|
260
260
|
color: 'info',
|
|
261
261
|
className: 'accent-[var(--color-content-info-on-strong)]'
|
|
262
262
|
},
|
|
@@ -283,7 +283,7 @@ const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVariance
|
|
|
283
283
|
className: 'accent-[var(--color-content-info)]'
|
|
284
284
|
}],
|
|
285
285
|
defaultVariants: {
|
|
286
|
-
variant: '
|
|
286
|
+
variant: 'solid',
|
|
287
287
|
color: 'action'
|
|
288
288
|
}
|
|
289
289
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","buttonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","buttonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","Platform","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -23,6 +23,8 @@ const ProgressSegmented = exports.ProgressSegmented = /*#__PURE__*/(0, _react.fo
|
|
|
23
23
|
...props
|
|
24
24
|
}, ref) => {
|
|
25
25
|
const segmentCount = segments ?? total ?? 5;
|
|
26
|
+
|
|
27
|
+
// TODO: Remove this once the `total` prop is removed.
|
|
26
28
|
(0, _react.useEffect)(() => {
|
|
27
29
|
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && total !== undefined && segments === undefined) {
|
|
28
30
|
console.warn('[ProgressSegmented] The `total` prop is deprecated and will be removed in a future major release. Use `segments` instead.');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","ProgressSegmented","exports","forwardRef","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","useEffect","process","env","NODE_ENV","undefined","console","warn","clampedStep","Math","max","min","segmentStates","useMemo","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","jsx","View","accessibilityRole","accessibilityValue","now","text","cn","progressSegmentedVariants","children","map","segmentVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIkB,IAAAI,WAAA,GAAAJ,OAAA;AAElB;AACA;;AA4BO,MAAMK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,iBAAU,EACzC,CACE;EACEC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,YAAY,GAAGR,QAAQ,IAAIC,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","ProgressSegmented","exports","forwardRef","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","useEffect","process","env","NODE_ENV","undefined","console","warn","clampedStep","Math","max","min","segmentStates","useMemo","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","jsx","View","accessibilityRole","accessibilityValue","now","text","cn","progressSegmentedVariants","children","map","segmentVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,12 +11,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
11
11
|
// component=Button
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
|
-
|
|
15
|
-
// Variant rename: Figma uses "solid" but code uses "strong" for the filled/primary style.
|
|
16
|
-
// This divergence exists because "strong" better communicates visual weight in the code API
|
|
17
|
-
// while "solid" is the conventional Figma naming.
|
|
18
14
|
const variant = instance.getEnum('variant', {
|
|
19
|
-
solid: '
|
|
15
|
+
solid: 'solid',
|
|
20
16
|
outline: 'outline',
|
|
21
17
|
ghost: 'ghost'
|
|
22
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGX,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBa,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDU,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGhB,cAAK,CAACiB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAE/E,MAAMQ,eAAe,GAAGrB,QAAQ,CAACsB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGvB,QAAQ,CAACsB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGxB,QAAQ,CAACyB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAG3B,QAAQ,CAACyB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIpC,QAAQ,CAACqC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GAEc;EACb4C,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGL,WAAW,CAAC;EACxEL,OAAO,EAAEjC,cAAK,CAAC4C,IAAI;AACrB,mBAAmB1C,OAAO,YAAYK,KAAK,WAAWG,IAAI,IAAIM,cAAc;AAC5E,IAAII,eAAe,GAAGpB,cAAK,CAAC4C,IAAI,oBAAoBZ,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGtB,cAAK,CAAC4C,IAAI,oBAAoBV,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useDialog","composeEventHandlers","Button","Dialog","jsx","_jsx","AlertDialogRoot","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","displayName","AlertDialogAction","asChild","color","className","isValidElement","cloneElement","variant","Label","AlertDialogCancel","onPress","onOpenChange","handlePress","AlertDialog","Object","assign","Trigger","Content","Header","Title","Description","Body","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,MAAM,QAA0B,WAAW;AACpD,SAASC,MAAM,QAA8B,WAAW;;AAExD;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIA,MAAMC,eAAe,gBAAGP,UAAU,CAChC,CACE;EACEQ,oBAAoB,GAAG,KAAK;EAC5BC,aAAa,GAAG,KAAK;EACrBC,IAAI,GAAG,aAAa;EACpBC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,kBAEHP,IAAA,CAACF,MAAM;EACLS,GAAG,EAAEA,GAAI;EACTL,oBAAoB,EAAEA,oBAAqB;EAC3CC,aAAa,EAAEA,aAAc;EAC7BC,IAAI,EAAEA,IAAK;EAAA,GACPE,KAAK;EAAAD,QAAA,EAERA;AAAQ,CACH,CAEZ,CAAC;AACDJ,eAAe,CAACO,WAAW,GAAG,aAAa;;AAE3C;AACA;AACA;;AAMA,MAAMC,iBAAiB,gBAAGf,UAAU,CAClC,CAAC;EAAEgB,OAAO,GAAG,KAAK;EAAEL,QAAQ;EAAEM,KAAK,GAAG,QAAQ;EAAEC,SAAS;EAAE,GAAGN;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7E,IAAIG,OAAO,iBAAIjB,KAAK,CAACoB,cAAc,CAACR,QAAQ,CAAC,EAAE;IAC7C,oBAAOZ,KAAK,CAACqB,YAAY,CAACT,QAAQ,EAA6B;MAC7DE,GAAG;MACHK,SAAS;MACT,GAAGN;IACL,CAAC,CAAC;EACJ;EAEA,oBACEN,IAAA,CAACH,MAAM;IAACU,GAAG,EAAEA,GAAI;IAACQ,OAAO,EAAC,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useDialog","composeEventHandlers","Button","Dialog","jsx","_jsx","AlertDialogRoot","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","displayName","AlertDialogAction","asChild","color","className","isValidElement","cloneElement","variant","Label","AlertDialogCancel","onPress","onOpenChange","handlePress","AlertDialog","Object","assign","Trigger","Content","Header","Title","Description","Body","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from 'react';
|
|
3
|
+
import { forwardRef, useEffect } from 'react';
|
|
4
4
|
import { ActivityIndicator, Pressable, Text, View } from 'react-native';
|
|
5
5
|
import { createButton } from '@cdx-ui/primitives';
|
|
6
6
|
import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
|
|
@@ -22,8 +22,11 @@ const ButtonPrimitive = createButton({
|
|
|
22
22
|
// STYLED ROOT COMPONENT
|
|
23
23
|
// =============================================================================
|
|
24
24
|
|
|
25
|
+
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
26
|
+
|
|
27
|
+
let hasWarnedStrongButtonVariant = false;
|
|
25
28
|
const ButtonRoot = /*#__PURE__*/forwardRef(({
|
|
26
|
-
variant = '
|
|
29
|
+
variant: variantProp = 'solid',
|
|
27
30
|
color = 'action',
|
|
28
31
|
size = 'default',
|
|
29
32
|
fullWidth = false,
|
|
@@ -32,6 +35,14 @@ const ButtonRoot = /*#__PURE__*/forwardRef(({
|
|
|
32
35
|
style,
|
|
33
36
|
...props
|
|
34
37
|
}, ref) => {
|
|
38
|
+
// TODO: Remove this once the `strong` variant is removed.
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && variantProp === 'strong' && !hasWarnedStrongButtonVariant) {
|
|
41
|
+
hasWarnedStrongButtonVariant = true;
|
|
42
|
+
console.warn('[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.');
|
|
43
|
+
}
|
|
44
|
+
}, [variantProp]);
|
|
45
|
+
const variant = variantProp === 'strong' ? 'solid' : variantProp;
|
|
35
46
|
const computedClassName = cn(buttonRootVariants({
|
|
36
47
|
variant,
|
|
37
48
|
color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","ActivityIndicator","Pressable","Text","View","createButton","cn","useStyleContext","withStyleContext","Icon","buttonGroupVariants","buttonIconVariants","buttonRootVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","Root","useButtonStyleContext","ButtonPrimitive","Group","Spinner","ButtonRoot","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","context","displayName","ButtonLabel","ButtonGroup","flexDirection","isAttached","groupClassName","ButtonIcon","as","ButtonSpinner","colorClassName","computedColorClassName","Button","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2C,OAAO;
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","ActivityIndicator","Pressable","Text","View","createButton","cn","useStyleContext","withStyleContext","Icon","buttonGroupVariants","buttonIconVariants","buttonRootVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","Root","useButtonStyleContext","ButtonPrimitive","Group","Spinner","hasWarnedStrongButtonVariant","ButtonRoot","variant","variantProp","color","size","fullWidth","className","children","style","props","ref","process","env","NODE_ENV","console","warn","computedClassName","context","displayName","ButtonLabel","ButtonGroup","flexDirection","isAttached","groupClassName","ButtonIcon","as","ButtonSpinner","colorClassName","computedColorClassName","Button","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
|
|
|
9
9
|
export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-[var(--border-radius-button)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-focus] web:data-[focus-visible=true]:ring-offset-2'], {
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
12
|
-
|
|
12
|
+
solid: ['border-b-1 border-black/75'],
|
|
13
13
|
// TODO: Replace with token
|
|
14
14
|
outline: ['bg-transparent', 'border border-stroke-primary'],
|
|
15
15
|
ghost: ['bg-transparent']
|
|
@@ -31,37 +31,37 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', '
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
compoundVariants: [
|
|
34
|
-
// ──
|
|
34
|
+
// ── solid × color (filled surface) ──────────────────────────────
|
|
35
35
|
{
|
|
36
|
-
variant: '
|
|
36
|
+
variant: 'solid',
|
|
37
37
|
color: 'action',
|
|
38
38
|
className: ['bg-surface-action-strong', Platform.select({
|
|
39
39
|
default: 'data-[active=true]:bg-surface-action-strong-active',
|
|
40
40
|
web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
|
|
41
41
|
})]
|
|
42
42
|
}, {
|
|
43
|
-
variant: '
|
|
43
|
+
variant: 'solid',
|
|
44
44
|
color: 'danger',
|
|
45
45
|
className: ['bg-surface-danger-strong', Platform.select({
|
|
46
46
|
default: 'data-[active=true]:bg-surface-danger-strong-active',
|
|
47
47
|
web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
|
|
48
48
|
})]
|
|
49
49
|
}, {
|
|
50
|
-
variant: '
|
|
50
|
+
variant: 'solid',
|
|
51
51
|
color: 'warning',
|
|
52
52
|
className: ['bg-surface-warning-strong', Platform.select({
|
|
53
53
|
default: 'data-[active=true]:bg-amber-600',
|
|
54
54
|
web: 'data-[hover=true]:bg-amber-500 data-[active=true]:data-[hover=true]:bg-amber-600'
|
|
55
55
|
})]
|
|
56
56
|
}, {
|
|
57
|
-
variant: '
|
|
57
|
+
variant: 'solid',
|
|
58
58
|
color: 'success',
|
|
59
59
|
className: ['bg-surface-success-strong', Platform.select({
|
|
60
60
|
default: 'data-[active=true]:bg-green-800',
|
|
61
61
|
web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
|
|
62
62
|
})]
|
|
63
63
|
}, {
|
|
64
|
-
variant: '
|
|
64
|
+
variant: 'solid',
|
|
65
65
|
color: 'info',
|
|
66
66
|
className: ['bg-surface-info-strong', Platform.select({
|
|
67
67
|
default: 'data-[active=true]:bg-sky-700',
|
|
@@ -143,7 +143,7 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', '
|
|
|
143
143
|
})]
|
|
144
144
|
}],
|
|
145
145
|
defaultVariants: {
|
|
146
|
-
variant: '
|
|
146
|
+
variant: 'solid',
|
|
147
147
|
color: 'action',
|
|
148
148
|
size: 'default',
|
|
149
149
|
fullWidth: false
|
|
@@ -152,7 +152,7 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', '
|
|
|
152
152
|
export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
153
153
|
variants: {
|
|
154
154
|
variant: {
|
|
155
|
-
|
|
155
|
+
solid: [],
|
|
156
156
|
outline: [],
|
|
157
157
|
ghost: []
|
|
158
158
|
},
|
|
@@ -169,25 +169,25 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
|
169
169
|
}
|
|
170
170
|
},
|
|
171
171
|
compoundVariants: [
|
|
172
|
-
// ──
|
|
172
|
+
// ── solid × color (filled foreground text) ──────────────────────
|
|
173
173
|
{
|
|
174
|
-
variant: '
|
|
174
|
+
variant: 'solid',
|
|
175
175
|
color: 'action',
|
|
176
176
|
className: 'text-content-action-on-strong'
|
|
177
177
|
}, {
|
|
178
|
-
variant: '
|
|
178
|
+
variant: 'solid',
|
|
179
179
|
color: 'danger',
|
|
180
180
|
className: 'text-content-danger-on-strong'
|
|
181
181
|
}, {
|
|
182
|
-
variant: '
|
|
182
|
+
variant: 'solid',
|
|
183
183
|
color: 'warning',
|
|
184
184
|
className: 'text-content-warning-on-strong'
|
|
185
185
|
}, {
|
|
186
|
-
variant: '
|
|
186
|
+
variant: 'solid',
|
|
187
187
|
color: 'success',
|
|
188
188
|
className: 'text-content-success-on-strong'
|
|
189
189
|
}, {
|
|
190
|
-
variant: '
|
|
190
|
+
variant: 'solid',
|
|
191
191
|
color: 'info',
|
|
192
192
|
className: 'text-content-info-on-strong'
|
|
193
193
|
},
|
|
@@ -214,7 +214,7 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
|
214
214
|
className: 'text-content-info'
|
|
215
215
|
}],
|
|
216
216
|
defaultVariants: {
|
|
217
|
-
variant: '
|
|
217
|
+
variant: 'solid',
|
|
218
218
|
color: 'action',
|
|
219
219
|
size: 'default'
|
|
220
220
|
}
|
|
@@ -222,7 +222,7 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
|
222
222
|
export const buttonSpinnerVariants = cva([], {
|
|
223
223
|
variants: {
|
|
224
224
|
variant: {
|
|
225
|
-
|
|
225
|
+
solid: [],
|
|
226
226
|
outline: [],
|
|
227
227
|
ghost: []
|
|
228
228
|
},
|
|
@@ -235,25 +235,25 @@ export const buttonSpinnerVariants = cva([], {
|
|
|
235
235
|
}
|
|
236
236
|
},
|
|
237
237
|
compoundVariants: [
|
|
238
|
-
// ──
|
|
238
|
+
// ── solid × color ───────────────────────────────────────────────
|
|
239
239
|
{
|
|
240
|
-
variant: '
|
|
240
|
+
variant: 'solid',
|
|
241
241
|
color: 'action',
|
|
242
242
|
className: 'accent-[var(--color-content-action-on-strong)]'
|
|
243
243
|
}, {
|
|
244
|
-
variant: '
|
|
244
|
+
variant: 'solid',
|
|
245
245
|
color: 'danger',
|
|
246
246
|
className: 'accent-[var(--color-content-danger-on-strong)]'
|
|
247
247
|
}, {
|
|
248
|
-
variant: '
|
|
248
|
+
variant: 'solid',
|
|
249
249
|
color: 'warning',
|
|
250
250
|
className: 'accent-[var(--color-content-warning-on-strong)]'
|
|
251
251
|
}, {
|
|
252
|
-
variant: '
|
|
252
|
+
variant: 'solid',
|
|
253
253
|
color: 'success',
|
|
254
254
|
className: 'accent-[var(--color-content-success-on-strong)]'
|
|
255
255
|
}, {
|
|
256
|
-
variant: '
|
|
256
|
+
variant: 'solid',
|
|
257
257
|
color: 'info',
|
|
258
258
|
className: 'accent-[var(--color-content-info-on-strong)]'
|
|
259
259
|
},
|
|
@@ -280,7 +280,7 @@ export const buttonSpinnerVariants = cva([], {
|
|
|
280
280
|
className: 'accent-[var(--color-content-info)]'
|
|
281
281
|
}],
|
|
282
282
|
defaultVariants: {
|
|
283
|
-
variant: '
|
|
283
|
+
variant: 'solid',
|
|
284
284
|
color: 'action'
|
|
285
285
|
}
|
|
286
286
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","buttonRootVariants","variants","variant","
|
|
1
|
+
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","buttonRootVariants","variants","variant","solid","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,6 +19,8 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
|
|
|
19
19
|
...props
|
|
20
20
|
}, ref) => {
|
|
21
21
|
const segmentCount = segments ?? total ?? 5;
|
|
22
|
+
|
|
23
|
+
// TODO: Remove this once the `total` prop is removed.
|
|
22
24
|
useEffect(() => {
|
|
23
25
|
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && total !== undefined && segments === undefined) {
|
|
24
26
|
console.warn('[ProgressSegmented] The `total` prop is deprecated and will be removed in a future major release. Use `segments` instead.');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useEffect","useMemo","View","cn","progressSegmentedVariants","segmentVariants","jsx","_jsx","ProgressSegmented","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","process","env","NODE_ENV","undefined","console","warn","clampedStep","Math","max","min","segmentStates","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","accessibilityRole","accessibilityValue","now","text","children","map","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACtD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,yBAAyB,EACzBC,eAAe,QAEV,UAAU;;AAEjB;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AA4BA,OAAO,MAAMC,iBAAiB,gBAAGT,UAAU,CACzC,CACE;EACEU,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,YAAY,GAAGR,QAAQ,IAAIC,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","useMemo","View","cn","progressSegmentedVariants","segmentVariants","jsx","_jsx","ProgressSegmented","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","process","env","NODE_ENV","undefined","console","warn","clampedStep","Math","max","min","segmentStates","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","accessibilityRole","accessibilityValue","now","text","children","map","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,12 +5,8 @@
|
|
|
5
5
|
// component=Button
|
|
6
6
|
import figma from 'figma';
|
|
7
7
|
const instance = figma.selectedInstance;
|
|
8
|
-
|
|
9
|
-
// Variant rename: Figma uses "solid" but code uses "strong" for the filled/primary style.
|
|
10
|
-
// This divergence exists because "strong" better communicates visual weight in the code API
|
|
11
|
-
// while "solid" is the conventional Figma naming.
|
|
12
8
|
const variant = instance.getEnum('variant', {
|
|
13
|
-
solid: '
|
|
9
|
+
solid: 'solid',
|
|
14
10
|
outline: 'outline',
|
|
15
11
|
ghost: 'ghost'
|
|
16
12
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","default","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","default","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGV,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCQ,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGlB,KAAK,CAACmB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAE/E,MAAMQ,eAAe,GAAGrB,QAAQ,CAACsB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGvB,QAAQ,CAACsB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGxB,QAAQ,CAACyB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAG3B,QAAQ,CAACyB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIpC,QAAQ,CAACqC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAEA,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGH,WAAW,CAAC;EACxEL,OAAO,EAAEnC,KAAK,CAAC4C,IAAI;AACrB,mBAAmBzC,OAAO,YAAYK,KAAK,WAAWG,IAAI,IAAIO,cAAc;AAC5E,IAAII,eAAe,GAAGtB,KAAK,CAAC4C,IAAI,oBAAoBV,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGxB,KAAK,CAAC4C,IAAI,oBAAoBR,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
|
|
@@ -3,7 +3,19 @@ import { ActivityIndicator, Text, View, type ActivityIndicatorProps, type Pressa
|
|
|
3
3
|
import { type IButtonProps } from '@cdx-ui/primitives';
|
|
4
4
|
import { IconProps } from '../Icon';
|
|
5
5
|
import { type ButtonGroupVariantProps, type ButtonVariantProps } from './styles';
|
|
6
|
-
export
|
|
6
|
+
export type ButtonVariant = 'solid' | 'outline' | 'ghost';
|
|
7
|
+
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
8
|
+
export type ButtonVariantStrong = 'strong';
|
|
9
|
+
export interface ButtonProps extends PressableProps, IButtonProps, Omit<ButtonVariantProps, 'variant'> {
|
|
10
|
+
/**
|
|
11
|
+
* Visual style variant.
|
|
12
|
+
* @default 'solid'
|
|
13
|
+
*/
|
|
14
|
+
variant?: ButtonVariant
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use `'solid'` instead.
|
|
17
|
+
*/
|
|
18
|
+
| 'strong';
|
|
7
19
|
className?: string;
|
|
8
20
|
children?: ReactNode;
|
|
9
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,iBAAiB,EAEjB,IAAI,EACJ,IAAI,EACJ,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAoBlB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,iEAAiE;AACjE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;AAI3C,MAAM,WAAW,WACf,SAAQ,cAAc,EAAE,YAAY,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EACJ,aAAa;IACf;;OAEG;OACD,QAAQ,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FA+Cf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,kGAYhB,CAAC;AAKF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAmBhB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;yCAAwC,eAAe;;CAMtE,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,kHAelB,CAAC;AAIF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const buttonRootVariants: (props?: ({
|
|
3
|
-
variant?: "
|
|
3
|
+
variant?: "solid" | "outline" | "ghost" | null | undefined;
|
|
4
4
|
color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
|
|
5
5
|
size?: "small" | "default" | null | undefined;
|
|
6
6
|
fullWidth?: boolean | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
export declare const buttonTextVariants: (props?: ({
|
|
9
|
-
variant?: "
|
|
9
|
+
variant?: "solid" | "outline" | "ghost" | null | undefined;
|
|
10
10
|
color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
|
|
11
11
|
size?: "small" | "default" | null | undefined;
|
|
12
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
13
|
export declare const buttonSpinnerVariants: (props?: ({
|
|
14
|
-
variant?: "
|
|
14
|
+
variant?: "solid" | "outline" | "ghost" | null | undefined;
|
|
15
15
|
color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
|
|
16
16
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
17
17
|
export declare const buttonGroupVariants: (props?: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const iconButtonRootVariants: (props?: ({
|
|
3
|
-
variant?: "
|
|
3
|
+
variant?: "solid" | "ghost" | "tint" | null | undefined;
|
|
4
4
|
color?: "action" | "danger" | "neutral" | null | undefined;
|
|
5
5
|
size?: "small" | "default" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -8,7 +8,7 @@ export declare const iconButtonGlyphVariants: (props?: ({
|
|
|
8
8
|
size?: "small" | "default" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
10
|
export declare const iconButtonIconColorVariants: (props?: ({
|
|
11
|
-
variant?: "
|
|
11
|
+
variant?: "solid" | "ghost" | "tint" | null | undefined;
|
|
12
12
|
color?: "action" | "danger" | "neutral" | null | undefined;
|
|
13
13
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
14
|
export type IconButtonVariantProps = VariantProps<typeof iconButtonRootVariants>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressSegmented/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAGL,KAAK,yBAAyB,EAC/B,MAAM,UAAU,CAAC;AAIlB,MAAM,WAAW,sBAAuB,SAAQ,SAAS,EAAE,yBAAyB;IAClF,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAC9B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,OAAO,KACpB,MAAM,CAAC;IACZ,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressSegmented/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAGL,KAAK,yBAAyB,EAC/B,MAAM,UAAU,CAAC;AAIlB,MAAM,WAAW,sBAAuB,SAAQ,SAAS,EAAE,yBAAyB;IAClF,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAC9B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,OAAO,KACpB,MAAM,CAAC;IACZ,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB,yGA0E7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Button.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Button.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAkD1B,wBASE"}
|
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.44",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
"@gorhom/bottom-sheet": "^5.2.6",
|
|
68
68
|
"class-variance-authority": "^0.7.1",
|
|
69
69
|
"uniwind": "1.6.1",
|
|
70
|
-
"@cdx-ui/
|
|
71
|
-
"@cdx-ui/utils": "0.0.1-beta.
|
|
72
|
-
"@cdx-ui/
|
|
70
|
+
"@cdx-ui/primitives": "0.0.1-beta.44",
|
|
71
|
+
"@cdx-ui/utils": "0.0.1-beta.44",
|
|
72
|
+
"@cdx-ui/icons": "0.0.1-beta.44"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@types/react": "*",
|
|
@@ -54,7 +54,7 @@ const AlertDialogAction = forwardRef<View, AlertDialogActionProps>(
|
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
return (
|
|
57
|
-
<Button ref={ref} variant="
|
|
57
|
+
<Button ref={ref} variant="solid" color={color} className={className} {...props}>
|
|
58
58
|
<Button.Label>{children}</Button.Label>
|
|
59
59
|
</Button>
|
|
60
60
|
);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { forwardRef, type ReactElement, type ReactNode } from 'react';
|
|
1
|
+
import { forwardRef, useEffect, type ReactElement, type ReactNode } from 'react';
|
|
2
2
|
import {
|
|
3
3
|
ActivityIndicator,
|
|
4
4
|
Pressable,
|
|
@@ -40,7 +40,25 @@ const ButtonPrimitive = createButton({
|
|
|
40
40
|
// STYLED ROOT COMPONENT
|
|
41
41
|
// =============================================================================
|
|
42
42
|
|
|
43
|
-
export
|
|
43
|
+
export type ButtonVariant = 'solid' | 'outline' | 'ghost';
|
|
44
|
+
|
|
45
|
+
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
46
|
+
export type ButtonVariantStrong = 'strong';
|
|
47
|
+
|
|
48
|
+
let hasWarnedStrongButtonVariant = false;
|
|
49
|
+
|
|
50
|
+
export interface ButtonProps
|
|
51
|
+
extends PressableProps, IButtonProps, Omit<ButtonVariantProps, 'variant'> {
|
|
52
|
+
/**
|
|
53
|
+
* Visual style variant.
|
|
54
|
+
* @default 'solid'
|
|
55
|
+
*/
|
|
56
|
+
variant?:
|
|
57
|
+
| ButtonVariant
|
|
58
|
+
/**
|
|
59
|
+
* @deprecated Use `'solid'` instead.
|
|
60
|
+
*/
|
|
61
|
+
| 'strong';
|
|
44
62
|
className?: string;
|
|
45
63
|
children?: ReactNode;
|
|
46
64
|
}
|
|
@@ -48,7 +66,7 @@ export interface ButtonProps extends PressableProps, IButtonProps, ButtonVariant
|
|
|
48
66
|
const ButtonRoot = forwardRef<View, ButtonProps>(
|
|
49
67
|
(
|
|
50
68
|
{
|
|
51
|
-
variant = '
|
|
69
|
+
variant: variantProp = 'solid',
|
|
52
70
|
color = 'action',
|
|
53
71
|
size = 'default',
|
|
54
72
|
fullWidth = false,
|
|
@@ -59,6 +77,22 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
|
|
|
59
77
|
},
|
|
60
78
|
ref,
|
|
61
79
|
) => {
|
|
80
|
+
// TODO: Remove this once the `strong` variant is removed.
|
|
81
|
+
useEffect(() => {
|
|
82
|
+
if (
|
|
83
|
+
typeof process !== 'undefined' &&
|
|
84
|
+
process.env.NODE_ENV !== 'production' &&
|
|
85
|
+
variantProp === 'strong' &&
|
|
86
|
+
!hasWarnedStrongButtonVariant
|
|
87
|
+
) {
|
|
88
|
+
hasWarnedStrongButtonVariant = true;
|
|
89
|
+
console.warn(
|
|
90
|
+
'[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.',
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
}, [variantProp]);
|
|
94
|
+
|
|
95
|
+
const variant = variantProp === 'strong' ? 'solid' : variantProp;
|
|
62
96
|
const computedClassName = cn(
|
|
63
97
|
buttonRootVariants({ variant, color, size, fullWidth }),
|
|
64
98
|
className,
|
|
@@ -17,7 +17,7 @@ export const buttonRootVariants = cva(
|
|
|
17
17
|
{
|
|
18
18
|
variants: {
|
|
19
19
|
variant: {
|
|
20
|
-
|
|
20
|
+
solid: ['border-b-1 border-black/75'], // TODO: Replace with token
|
|
21
21
|
outline: ['bg-transparent', 'border border-stroke-primary'],
|
|
22
22
|
ghost: ['bg-transparent'],
|
|
23
23
|
},
|
|
@@ -38,9 +38,9 @@ export const buttonRootVariants = cva(
|
|
|
38
38
|
},
|
|
39
39
|
},
|
|
40
40
|
compoundVariants: [
|
|
41
|
-
// ──
|
|
41
|
+
// ── solid × color (filled surface) ──────────────────────────────
|
|
42
42
|
{
|
|
43
|
-
variant: '
|
|
43
|
+
variant: 'solid',
|
|
44
44
|
color: 'action',
|
|
45
45
|
className: [
|
|
46
46
|
'bg-surface-action-strong',
|
|
@@ -51,7 +51,7 @@ export const buttonRootVariants = cva(
|
|
|
51
51
|
],
|
|
52
52
|
},
|
|
53
53
|
{
|
|
54
|
-
variant: '
|
|
54
|
+
variant: 'solid',
|
|
55
55
|
color: 'danger',
|
|
56
56
|
className: [
|
|
57
57
|
'bg-surface-danger-strong',
|
|
@@ -62,7 +62,7 @@ export const buttonRootVariants = cva(
|
|
|
62
62
|
],
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
variant: '
|
|
65
|
+
variant: 'solid',
|
|
66
66
|
color: 'warning',
|
|
67
67
|
className: [
|
|
68
68
|
'bg-surface-warning-strong',
|
|
@@ -73,7 +73,7 @@ export const buttonRootVariants = cva(
|
|
|
73
73
|
],
|
|
74
74
|
},
|
|
75
75
|
{
|
|
76
|
-
variant: '
|
|
76
|
+
variant: 'solid',
|
|
77
77
|
color: 'success',
|
|
78
78
|
className: [
|
|
79
79
|
'bg-surface-success-strong',
|
|
@@ -84,7 +84,7 @@ export const buttonRootVariants = cva(
|
|
|
84
84
|
],
|
|
85
85
|
},
|
|
86
86
|
{
|
|
87
|
-
variant: '
|
|
87
|
+
variant: 'solid',
|
|
88
88
|
color: 'info',
|
|
89
89
|
className: [
|
|
90
90
|
'bg-surface-info-strong',
|
|
@@ -205,7 +205,7 @@ export const buttonRootVariants = cva(
|
|
|
205
205
|
},
|
|
206
206
|
],
|
|
207
207
|
defaultVariants: {
|
|
208
|
-
variant: '
|
|
208
|
+
variant: 'solid',
|
|
209
209
|
color: 'action',
|
|
210
210
|
size: 'default',
|
|
211
211
|
fullWidth: false,
|
|
@@ -216,7 +216,7 @@ export const buttonRootVariants = cva(
|
|
|
216
216
|
export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
217
217
|
variants: {
|
|
218
218
|
variant: {
|
|
219
|
-
|
|
219
|
+
solid: [],
|
|
220
220
|
outline: [],
|
|
221
221
|
ghost: [],
|
|
222
222
|
},
|
|
@@ -233,12 +233,12 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
|
233
233
|
},
|
|
234
234
|
},
|
|
235
235
|
compoundVariants: [
|
|
236
|
-
// ──
|
|
237
|
-
{ variant: '
|
|
238
|
-
{ variant: '
|
|
239
|
-
{ variant: '
|
|
240
|
-
{ variant: '
|
|
241
|
-
{ variant: '
|
|
236
|
+
// ── solid × color (filled foreground text) ──────────────────────
|
|
237
|
+
{ variant: 'solid', color: 'action', className: 'text-content-action-on-strong' },
|
|
238
|
+
{ variant: 'solid', color: 'danger', className: 'text-content-danger-on-strong' },
|
|
239
|
+
{ variant: 'solid', color: 'warning', className: 'text-content-warning-on-strong' },
|
|
240
|
+
{ variant: 'solid', color: 'success', className: 'text-content-success-on-strong' },
|
|
241
|
+
{ variant: 'solid', color: 'info', className: 'text-content-info-on-strong' },
|
|
242
242
|
|
|
243
243
|
// ── outline/ghost × color (transparent foreground text) ──────────
|
|
244
244
|
{ variant: ['outline', 'ghost'], color: 'action', className: 'text-content-action' },
|
|
@@ -248,7 +248,7 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
|
248
248
|
{ variant: ['outline', 'ghost'], color: 'info', className: 'text-content-info' },
|
|
249
249
|
],
|
|
250
250
|
defaultVariants: {
|
|
251
|
-
variant: '
|
|
251
|
+
variant: 'solid',
|
|
252
252
|
color: 'action',
|
|
253
253
|
size: 'default',
|
|
254
254
|
},
|
|
@@ -257,7 +257,7 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
|
|
|
257
257
|
export const buttonSpinnerVariants = cva([], {
|
|
258
258
|
variants: {
|
|
259
259
|
variant: {
|
|
260
|
-
|
|
260
|
+
solid: [],
|
|
261
261
|
outline: [],
|
|
262
262
|
ghost: [],
|
|
263
263
|
},
|
|
@@ -270,29 +270,29 @@ export const buttonSpinnerVariants = cva([], {
|
|
|
270
270
|
},
|
|
271
271
|
},
|
|
272
272
|
compoundVariants: [
|
|
273
|
-
// ──
|
|
273
|
+
// ── solid × color ───────────────────────────────────────────────
|
|
274
274
|
{
|
|
275
|
-
variant: '
|
|
275
|
+
variant: 'solid',
|
|
276
276
|
color: 'action',
|
|
277
277
|
className: 'accent-[var(--color-content-action-on-strong)]',
|
|
278
278
|
},
|
|
279
279
|
{
|
|
280
|
-
variant: '
|
|
280
|
+
variant: 'solid',
|
|
281
281
|
color: 'danger',
|
|
282
282
|
className: 'accent-[var(--color-content-danger-on-strong)]',
|
|
283
283
|
},
|
|
284
284
|
{
|
|
285
|
-
variant: '
|
|
285
|
+
variant: 'solid',
|
|
286
286
|
color: 'warning',
|
|
287
287
|
className: 'accent-[var(--color-content-warning-on-strong)]',
|
|
288
288
|
},
|
|
289
289
|
{
|
|
290
|
-
variant: '
|
|
290
|
+
variant: 'solid',
|
|
291
291
|
color: 'success',
|
|
292
292
|
className: 'accent-[var(--color-content-success-on-strong)]',
|
|
293
293
|
},
|
|
294
294
|
{
|
|
295
|
-
variant: '
|
|
295
|
+
variant: 'solid',
|
|
296
296
|
color: 'info',
|
|
297
297
|
className: 'accent-[var(--color-content-info-on-strong)]',
|
|
298
298
|
},
|
|
@@ -325,7 +325,7 @@ export const buttonSpinnerVariants = cva([], {
|
|
|
325
325
|
},
|
|
326
326
|
],
|
|
327
327
|
defaultVariants: {
|
|
328
|
-
variant: '
|
|
328
|
+
variant: 'solid',
|
|
329
329
|
color: 'action',
|
|
330
330
|
},
|
|
331
331
|
});
|