@cdx-ui/components 0.0.1-beta.162 → 0.0.1-beta.164
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Button/index.js +1 -12
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +26 -26
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/module/components/Button/index.js +2 -13
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/styles.js +26 -26
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/typescript/components/Button/index.d.ts +1 -9
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Button/index.tsx +3 -26
- package/src/components/Button/styles.ts +26 -26
|
@@ -20,11 +20,8 @@ const useButtonStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
|
|
|
20
20
|
// STYLED ROOT COMPONENT
|
|
21
21
|
// =============================================================================
|
|
22
22
|
|
|
23
|
-
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
24
|
-
|
|
25
|
-
let hasWarnedStrongButtonVariant = false;
|
|
26
23
|
const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
27
|
-
variant
|
|
24
|
+
variant = 'solid',
|
|
28
25
|
color = 'action',
|
|
29
26
|
size = 'default',
|
|
30
27
|
fullWidth = false,
|
|
@@ -33,14 +30,6 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
33
30
|
style,
|
|
34
31
|
...props
|
|
35
32
|
}, ref) => {
|
|
36
|
-
// TODO: Remove this once the `strong` variant is removed.
|
|
37
|
-
(0, _react.useEffect)(() => {
|
|
38
|
-
if (__DEV__ && variantProp === 'strong' && !hasWarnedStrongButtonVariant) {
|
|
39
|
-
hasWarnedStrongButtonVariant = true;
|
|
40
|
-
console.warn('[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.');
|
|
41
|
-
}
|
|
42
|
-
}, [variantProp]);
|
|
43
|
-
const variant = variantProp === 'strong' ? 'solid' : variantProp;
|
|
44
33
|
const computedClassName = (0, _utils.cn)((0, _styles.buttonRootVariants)({
|
|
45
34
|
variant,
|
|
46
35
|
color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_primitives","_utils","_Icon","_positionToDataIcon","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCOPE","useButtonStyleContext","useStyleContext","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_primitives","_utils","_Icon","_positionToDataIcon","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCOPE","useButtonStyleContext","useStyleContext","ButtonRoot","forwardRef","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","cn","buttonRootVariants","parent","useParentContext","ctx","useMemo","jsx","ParentContext","Provider","value","mergeDataAttributes","dataAttributes","slot","displayName","ButtonLabel","asChild","buttonTextVariants","Comp","Slot","Text","ButtonGroup","flexDirection","isAttached","isDisabled","isReversed","reversed","direction","includes","childrenArray","React","Children","toArray","flattenChildren","reverse","computedChildren","map","child","index","attachedStyles","borderBottomLeftRadius","borderBottomRightRadius","borderTopRightRadius","length","borderTopLeftRadius","borderRadius","childProps","Fragment","cloneElement","key","toString","groupClassName","buttonGroupVariants","View","gapProp","gap","ButtonIcon","as","position","buttonIconVariants","positionToDataIcon","Icon","ButtonSpinner","colorClassName","accessibilityLabel","buttonSpinnerVariants","computedColorClassName","buttonSpinnerColorVariants","ActivityIndicator","Button","exports","assign","Label","Group","Spinner"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -53,22 +53,22 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _utils.cva)(['flex-r
|
|
|
53
53
|
variant: 'solid',
|
|
54
54
|
color: 'warning',
|
|
55
55
|
className: ['bg-surface-warning-strong', _reactNative.Platform.select({
|
|
56
|
-
default: 'data-[active=true]:bg-
|
|
57
|
-
web: 'data-[hover=true]:bg-
|
|
56
|
+
default: 'data-[active=true]:bg-surface-warning-strong-active',
|
|
57
|
+
web: 'data-[hover=true]:bg-surface-warning-strong-hover data-[active=true]:data-[hover=true]:bg-surface-warning-strong-active'
|
|
58
58
|
})]
|
|
59
59
|
}, {
|
|
60
60
|
variant: 'solid',
|
|
61
61
|
color: 'success',
|
|
62
62
|
className: ['bg-surface-success-strong', _reactNative.Platform.select({
|
|
63
|
-
default: 'data-[active=true]:bg-
|
|
64
|
-
web: 'data-[hover=true]:bg-
|
|
63
|
+
default: 'data-[active=true]:bg-surface-success-strong-active',
|
|
64
|
+
web: 'data-[hover=true]:bg-surface-success-strong-hover data-[active=true]:data-[hover=true]:bg-surface-success-strong-active'
|
|
65
65
|
})]
|
|
66
66
|
}, {
|
|
67
67
|
variant: 'solid',
|
|
68
68
|
color: 'info',
|
|
69
69
|
className: ['bg-surface-info-strong', _reactNative.Platform.select({
|
|
70
|
-
default: 'data-[active=true]:bg-
|
|
71
|
-
web: 'data-[hover=true]:bg-
|
|
70
|
+
default: 'data-[active=true]:bg-surface-info-strong-active',
|
|
71
|
+
web: 'data-[hover=true]:bg-surface-info-strong-hover data-[active=true]:data-[hover=true]:bg-surface-info-strong-active'
|
|
72
72
|
})]
|
|
73
73
|
},
|
|
74
74
|
// ── outline × color (border + hover/active surface) ─────────────
|
|
@@ -76,36 +76,36 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _utils.cva)(['flex-r
|
|
|
76
76
|
variant: 'outline',
|
|
77
77
|
color: 'action',
|
|
78
78
|
className: ['border-stroke-action', _reactNative.Platform.select({
|
|
79
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
80
|
-
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-
|
|
79
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
80
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
|
|
81
81
|
})]
|
|
82
82
|
}, {
|
|
83
83
|
variant: 'outline',
|
|
84
84
|
color: 'danger',
|
|
85
85
|
className: ['border-stroke-danger', _reactNative.Platform.select({
|
|
86
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
87
|
-
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-
|
|
86
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
87
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
|
|
88
88
|
})]
|
|
89
89
|
}, {
|
|
90
90
|
variant: 'outline',
|
|
91
91
|
color: 'warning',
|
|
92
92
|
className: ['border-stroke-warning', _reactNative.Platform.select({
|
|
93
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
94
|
-
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-
|
|
93
|
+
default: 'data-[active=true]:bg-surface-warning-tint-active',
|
|
94
|
+
web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active'
|
|
95
95
|
})]
|
|
96
96
|
}, {
|
|
97
97
|
variant: 'outline',
|
|
98
98
|
color: 'success',
|
|
99
99
|
className: ['border-stroke-success', _reactNative.Platform.select({
|
|
100
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
101
|
-
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-
|
|
100
|
+
default: 'data-[active=true]:bg-surface-success-tint-active',
|
|
101
|
+
web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active'
|
|
102
102
|
})]
|
|
103
103
|
}, {
|
|
104
104
|
variant: 'outline',
|
|
105
105
|
color: 'info',
|
|
106
106
|
className: ['border-stroke-info', _reactNative.Platform.select({
|
|
107
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
108
|
-
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-
|
|
107
|
+
default: 'data-[active=true]:bg-surface-info-tint-active',
|
|
108
|
+
web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active'
|
|
109
109
|
})]
|
|
110
110
|
},
|
|
111
111
|
// ── ghost × color (hover/active surface fills) ──────────────────
|
|
@@ -113,36 +113,36 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _utils.cva)(['flex-r
|
|
|
113
113
|
variant: 'ghost',
|
|
114
114
|
color: 'action',
|
|
115
115
|
className: [_reactNative.Platform.select({
|
|
116
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
117
|
-
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-
|
|
116
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
117
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
|
|
118
118
|
})]
|
|
119
119
|
}, {
|
|
120
120
|
variant: 'ghost',
|
|
121
121
|
color: 'danger',
|
|
122
122
|
className: [_reactNative.Platform.select({
|
|
123
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
124
|
-
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-
|
|
123
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
124
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
|
|
125
125
|
})]
|
|
126
126
|
}, {
|
|
127
127
|
variant: 'ghost',
|
|
128
128
|
color: 'warning',
|
|
129
129
|
className: [_reactNative.Platform.select({
|
|
130
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
131
|
-
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-
|
|
130
|
+
default: 'data-[active=true]:bg-surface-warning-tint-active',
|
|
131
|
+
web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active'
|
|
132
132
|
})]
|
|
133
133
|
}, {
|
|
134
134
|
variant: 'ghost',
|
|
135
135
|
color: 'success',
|
|
136
136
|
className: [_reactNative.Platform.select({
|
|
137
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
138
|
-
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-
|
|
137
|
+
default: 'data-[active=true]:bg-surface-success-tint-active',
|
|
138
|
+
web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active'
|
|
139
139
|
})]
|
|
140
140
|
}, {
|
|
141
141
|
variant: 'ghost',
|
|
142
142
|
color: 'info',
|
|
143
143
|
className: [_reactNative.Platform.select({
|
|
144
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
145
|
-
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-
|
|
144
|
+
default: 'data-[active=true]:bg-surface-info-tint-active',
|
|
145
|
+
web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active'
|
|
146
146
|
})]
|
|
147
147
|
}],
|
|
148
148
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_utils","_constants","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","buttonSpinnerColorVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA;;AAEO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,UAAG,EACnC,CACE,sCAAsC,EACtC,uCAAuC,EACvC,wEAAwE,EACxEC,4BAAiB,EACjB,wDAAwD,EACxDC,0BAAe,EACf,kIAAkI,CACnI,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,4BAA4B,CAAC;MAAE;MACvCC,OAAO,EAAE,CAAC,gBAAgB,EAAE,8BAA8B,CAAC;MAC3DC,KAAK,EAAE,CAAC,gBAAgB;IAC1B,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,QAAQ;MACdC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE;EAChB;EACA;IACEhB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,0BAA0B,EAC1BC,qBAAQ,CAACC,MAAM,CAAC;MACdR,OAAO,EAAE,oDAAoD;MAC7DS,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEpB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,0BAA0B,EAC1BC,qBAAQ,CAACC,MAAM,CAAC;MACdR,OAAO,EAAE,oDAAoD;MAC7DS,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEpB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACT,2BAA2B,EAC3BC,qBAAQ,CAACC,MAAM,CAAC;MACdR,OAAO,EAAE,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_utils","_constants","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","buttonSpinnerColorVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { forwardRef,
|
|
3
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
4
4
|
import { ActivityIndicator, Text, View } from 'react-native';
|
|
5
5
|
import { ButtonRoot as ButtonRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
|
|
6
6
|
import { cn, flattenChildren, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
@@ -15,11 +15,8 @@ const useButtonStyleContext = () => useStyleContext(SCOPE);
|
|
|
15
15
|
// STYLED ROOT COMPONENT
|
|
16
16
|
// =============================================================================
|
|
17
17
|
|
|
18
|
-
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
19
|
-
|
|
20
|
-
let hasWarnedStrongButtonVariant = false;
|
|
21
18
|
const ButtonRoot = /*#__PURE__*/forwardRef(({
|
|
22
|
-
variant
|
|
19
|
+
variant = 'solid',
|
|
23
20
|
color = 'action',
|
|
24
21
|
size = 'default',
|
|
25
22
|
fullWidth = false,
|
|
@@ -28,14 +25,6 @@ const ButtonRoot = /*#__PURE__*/forwardRef(({
|
|
|
28
25
|
style,
|
|
29
26
|
...props
|
|
30
27
|
}, ref) => {
|
|
31
|
-
// TODO: Remove this once the `strong` variant is removed.
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
if (__DEV__ && variantProp === 'strong' && !hasWarnedStrongButtonVariant) {
|
|
34
|
-
hasWarnedStrongButtonVariant = true;
|
|
35
|
-
console.warn('[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.');
|
|
36
|
-
}
|
|
37
|
-
}, [variantProp]);
|
|
38
|
-
const variant = variantProp === 'strong' ? 'solid' : variantProp;
|
|
39
28
|
const computedClassName = cn(buttonRootVariants({
|
|
40
29
|
variant,
|
|
41
30
|
color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","ActivityIndicator","Text","View","ButtonRoot","ButtonRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","flattenChildren","ParentContext","useParentContext","useStyleContext","Icon","positionToDataIcon","buttonGroupVariants","buttonIconVariants","buttonRootVariants","buttonSpinnerColorVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","useButtonStyleContext","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","parent","ctx","Provider","value","slot","displayName","ButtonLabel","asChild","Comp","ButtonGroup","flexDirection","isAttached","isDisabled","isReversed","reversed","direction","includes","childrenArray","Children","toArray","reverse","computedChildren","map","child","index","attachedStyles","borderBottomLeftRadius","borderBottomRightRadius","borderTopRightRadius","length","borderTopLeftRadius","borderRadius","childProps","Fragment","cloneElement","key","toString","groupClassName","gapProp","gap","ButtonIcon","as","position","ButtonSpinner","colorClassName","accessibilityLabel","computedColorClassName","Button","Object","assign","Label","Group","Spinner"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -50,22 +50,22 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', '
|
|
|
50
50
|
variant: 'solid',
|
|
51
51
|
color: 'warning',
|
|
52
52
|
className: ['bg-surface-warning-strong', Platform.select({
|
|
53
|
-
default: 'data-[active=true]:bg-
|
|
54
|
-
web: 'data-[hover=true]:bg-
|
|
53
|
+
default: 'data-[active=true]:bg-surface-warning-strong-active',
|
|
54
|
+
web: 'data-[hover=true]:bg-surface-warning-strong-hover data-[active=true]:data-[hover=true]:bg-surface-warning-strong-active'
|
|
55
55
|
})]
|
|
56
56
|
}, {
|
|
57
57
|
variant: 'solid',
|
|
58
58
|
color: 'success',
|
|
59
59
|
className: ['bg-surface-success-strong', Platform.select({
|
|
60
|
-
default: 'data-[active=true]:bg-
|
|
61
|
-
web: 'data-[hover=true]:bg-
|
|
60
|
+
default: 'data-[active=true]:bg-surface-success-strong-active',
|
|
61
|
+
web: 'data-[hover=true]:bg-surface-success-strong-hover data-[active=true]:data-[hover=true]:bg-surface-success-strong-active'
|
|
62
62
|
})]
|
|
63
63
|
}, {
|
|
64
64
|
variant: 'solid',
|
|
65
65
|
color: 'info',
|
|
66
66
|
className: ['bg-surface-info-strong', Platform.select({
|
|
67
|
-
default: 'data-[active=true]:bg-
|
|
68
|
-
web: 'data-[hover=true]:bg-
|
|
67
|
+
default: 'data-[active=true]:bg-surface-info-strong-active',
|
|
68
|
+
web: 'data-[hover=true]:bg-surface-info-strong-hover data-[active=true]:data-[hover=true]:bg-surface-info-strong-active'
|
|
69
69
|
})]
|
|
70
70
|
},
|
|
71
71
|
// ── outline × color (border + hover/active surface) ─────────────
|
|
@@ -73,36 +73,36 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', '
|
|
|
73
73
|
variant: 'outline',
|
|
74
74
|
color: 'action',
|
|
75
75
|
className: ['border-stroke-action', Platform.select({
|
|
76
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
77
|
-
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-
|
|
76
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
77
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
|
|
78
78
|
})]
|
|
79
79
|
}, {
|
|
80
80
|
variant: 'outline',
|
|
81
81
|
color: 'danger',
|
|
82
82
|
className: ['border-stroke-danger', Platform.select({
|
|
83
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
84
|
-
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-
|
|
83
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
84
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
|
|
85
85
|
})]
|
|
86
86
|
}, {
|
|
87
87
|
variant: 'outline',
|
|
88
88
|
color: 'warning',
|
|
89
89
|
className: ['border-stroke-warning', Platform.select({
|
|
90
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
91
|
-
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-
|
|
90
|
+
default: 'data-[active=true]:bg-surface-warning-tint-active',
|
|
91
|
+
web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active'
|
|
92
92
|
})]
|
|
93
93
|
}, {
|
|
94
94
|
variant: 'outline',
|
|
95
95
|
color: 'success',
|
|
96
96
|
className: ['border-stroke-success', Platform.select({
|
|
97
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
98
|
-
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-
|
|
97
|
+
default: 'data-[active=true]:bg-surface-success-tint-active',
|
|
98
|
+
web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active'
|
|
99
99
|
})]
|
|
100
100
|
}, {
|
|
101
101
|
variant: 'outline',
|
|
102
102
|
color: 'info',
|
|
103
103
|
className: ['border-stroke-info', Platform.select({
|
|
104
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
105
|
-
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-
|
|
104
|
+
default: 'data-[active=true]:bg-surface-info-tint-active',
|
|
105
|
+
web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active'
|
|
106
106
|
})]
|
|
107
107
|
},
|
|
108
108
|
// ── ghost × color (hover/active surface fills) ──────────────────
|
|
@@ -110,36 +110,36 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', '
|
|
|
110
110
|
variant: 'ghost',
|
|
111
111
|
color: 'action',
|
|
112
112
|
className: [Platform.select({
|
|
113
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
114
|
-
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-
|
|
113
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
114
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
|
|
115
115
|
})]
|
|
116
116
|
}, {
|
|
117
117
|
variant: 'ghost',
|
|
118
118
|
color: 'danger',
|
|
119
119
|
className: [Platform.select({
|
|
120
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
121
|
-
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-
|
|
120
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
121
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
|
|
122
122
|
})]
|
|
123
123
|
}, {
|
|
124
124
|
variant: 'ghost',
|
|
125
125
|
color: 'warning',
|
|
126
126
|
className: [Platform.select({
|
|
127
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
128
|
-
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-
|
|
127
|
+
default: 'data-[active=true]:bg-surface-warning-tint-active',
|
|
128
|
+
web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active'
|
|
129
129
|
})]
|
|
130
130
|
}, {
|
|
131
131
|
variant: 'ghost',
|
|
132
132
|
color: 'success',
|
|
133
133
|
className: [Platform.select({
|
|
134
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
135
|
-
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-
|
|
134
|
+
default: 'data-[active=true]:bg-surface-success-tint-active',
|
|
135
|
+
web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active'
|
|
136
136
|
})]
|
|
137
137
|
}, {
|
|
138
138
|
variant: 'ghost',
|
|
139
139
|
color: 'info',
|
|
140
140
|
className: [Platform.select({
|
|
141
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
142
|
-
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-
|
|
141
|
+
default: 'data-[active=true]:bg-surface-info-tint-active',
|
|
142
|
+
web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active'
|
|
143
143
|
})]
|
|
144
144
|
}],
|
|
145
145
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
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","buttonSpinnerColorVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;;AAE3E;;AAEA,OAAO,MAAMC,kBAAkB,GAAGH,GAAG,CACnC,CACE,sCAAsC,EACtC,uCAAuC,EACvC,wEAAwE,EACxEE,iBAAiB,EACjB,wDAAwD,EACxDD,eAAe,EACf,kIAAkI,CACnI,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,4BAA4B,CAAC;MAAE;MACvCC,OAAO,EAAE,CAAC,gBAAgB,EAAE,8BAA8B,CAAC;MAC3DC,KAAK,EAAE,CAAC,gBAAgB;IAC1B,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,QAAQ;MACdC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE;EAChB;EACA;IACEhB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,0BAA0B,EAC1BvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,0BAA0B,EAC1BvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACT,2BAA2B,EAC3BvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,
|
|
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","buttonSpinnerColorVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,8 +5,6 @@ import { IconProps } from '../Icon';
|
|
|
5
5
|
import { type IconSlotPosition } from '../../utils/positionToDataIcon';
|
|
6
6
|
import { type ButtonGroupVariantProps, type ButtonVariantProps } from './styles';
|
|
7
7
|
export type ButtonVariant = 'solid' | 'outline' | 'ghost';
|
|
8
|
-
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
9
|
-
export type ButtonVariantStrong = 'strong';
|
|
10
8
|
export interface ButtonProps extends PressableProps, IButtonProps {
|
|
11
9
|
/**
|
|
12
10
|
* Render the consumer's child element in place of the default `Pressable` host —
|
|
@@ -16,14 +14,8 @@ export interface ButtonProps extends PressableProps, IButtonProps {
|
|
|
16
14
|
/**
|
|
17
15
|
* Visual style variant.
|
|
18
16
|
* @default 'solid'
|
|
19
|
-
* @remarks `'solid' | 'outline' | 'ghost'`
|
|
20
|
-
* @fumadocsType `'solid' | 'outline' | 'ghost'`
|
|
21
17
|
*/
|
|
22
|
-
variant?: ButtonVariant
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated Use `'solid'` instead.
|
|
25
|
-
*/
|
|
26
|
-
| 'strong';
|
|
18
|
+
variant?: ButtonVariant;
|
|
27
19
|
/**
|
|
28
20
|
* Color theme applied to the button surface and content.
|
|
29
21
|
* @default 'action'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,EACL,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAQ5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAOxB,MAAM,UAAU,CAAC;AAUlB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,YAAY;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,0EAuCf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,+EAkBhB,CAAC;AASF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IACpE,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,+EAuFhB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IACzE,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU;4DAA2D,eAAe;;CAoCzF,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED,QAAA,MAAM,aAAa,8FAqClB,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"}
|
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.164",
|
|
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/primitives": "0.0.1-beta.
|
|
85
|
-
"@cdx-ui/
|
|
86
|
-
"@cdx-ui/
|
|
87
|
-
"@cdx-ui/formatters": "0.0.1-beta.
|
|
84
|
+
"@cdx-ui/primitives": "0.0.1-beta.164",
|
|
85
|
+
"@cdx-ui/utils": "0.0.1-beta.164",
|
|
86
|
+
"@cdx-ui/icons": "0.0.1-beta.164",
|
|
87
|
+
"@cdx-ui/formatters": "0.0.1-beta.164"
|
|
88
88
|
},
|
|
89
89
|
"devDependencies": {
|
|
90
90
|
"@react-navigation/bottom-tabs": "*",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef,
|
|
1
|
+
import React, { forwardRef, useMemo, type ReactElement, type ReactNode } from 'react';
|
|
2
2
|
import {
|
|
3
3
|
ActivityIndicator,
|
|
4
4
|
Text,
|
|
@@ -45,11 +45,6 @@ const useButtonStyleContext = () => useStyleContext(SCOPE) as ButtonVariantProps
|
|
|
45
45
|
|
|
46
46
|
export type ButtonVariant = 'solid' | 'outline' | 'ghost';
|
|
47
47
|
|
|
48
|
-
/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
|
|
49
|
-
export type ButtonVariantStrong = 'strong';
|
|
50
|
-
|
|
51
|
-
let hasWarnedStrongButtonVariant = false;
|
|
52
|
-
|
|
53
48
|
export interface ButtonProps extends PressableProps, IButtonProps {
|
|
54
49
|
/**
|
|
55
50
|
* Render the consumer's child element in place of the default `Pressable` host —
|
|
@@ -59,15 +54,8 @@ export interface ButtonProps extends PressableProps, IButtonProps {
|
|
|
59
54
|
/**
|
|
60
55
|
* Visual style variant.
|
|
61
56
|
* @default 'solid'
|
|
62
|
-
* @remarks `'solid' | 'outline' | 'ghost'`
|
|
63
|
-
* @fumadocsType `'solid' | 'outline' | 'ghost'`
|
|
64
57
|
*/
|
|
65
|
-
variant?:
|
|
66
|
-
| ButtonVariant
|
|
67
|
-
/**
|
|
68
|
-
* @deprecated Use `'solid'` instead.
|
|
69
|
-
*/
|
|
70
|
-
| 'strong';
|
|
58
|
+
variant?: ButtonVariant;
|
|
71
59
|
/**
|
|
72
60
|
* Color theme applied to the button surface and content.
|
|
73
61
|
* @default 'action'
|
|
@@ -92,7 +80,7 @@ export interface ButtonProps extends PressableProps, IButtonProps {
|
|
|
92
80
|
const ButtonRoot = forwardRef<View, ButtonProps>(
|
|
93
81
|
(
|
|
94
82
|
{
|
|
95
|
-
variant
|
|
83
|
+
variant = 'solid',
|
|
96
84
|
color = 'action',
|
|
97
85
|
size = 'default',
|
|
98
86
|
fullWidth = false,
|
|
@@ -103,17 +91,6 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
|
|
|
103
91
|
},
|
|
104
92
|
ref,
|
|
105
93
|
) => {
|
|
106
|
-
// TODO: Remove this once the `strong` variant is removed.
|
|
107
|
-
useEffect(() => {
|
|
108
|
-
if (__DEV__ && variantProp === 'strong' && !hasWarnedStrongButtonVariant) {
|
|
109
|
-
hasWarnedStrongButtonVariant = true;
|
|
110
|
-
console.warn(
|
|
111
|
-
'[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.',
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
}, [variantProp]);
|
|
115
|
-
|
|
116
|
-
const variant = variantProp === 'strong' ? 'solid' : variantProp;
|
|
117
94
|
const computedClassName = cn(
|
|
118
95
|
buttonRootVariants({ variant, color, size, fullWidth }),
|
|
119
96
|
className,
|
|
@@ -67,8 +67,8 @@ export const buttonRootVariants = cva(
|
|
|
67
67
|
className: [
|
|
68
68
|
'bg-surface-warning-strong',
|
|
69
69
|
Platform.select({
|
|
70
|
-
default: 'data-[active=true]:bg-
|
|
71
|
-
web: 'data-[hover=true]:bg-
|
|
70
|
+
default: 'data-[active=true]:bg-surface-warning-strong-active',
|
|
71
|
+
web: 'data-[hover=true]:bg-surface-warning-strong-hover data-[active=true]:data-[hover=true]:bg-surface-warning-strong-active',
|
|
72
72
|
}),
|
|
73
73
|
],
|
|
74
74
|
},
|
|
@@ -78,8 +78,8 @@ export const buttonRootVariants = cva(
|
|
|
78
78
|
className: [
|
|
79
79
|
'bg-surface-success-strong',
|
|
80
80
|
Platform.select({
|
|
81
|
-
default: 'data-[active=true]:bg-
|
|
82
|
-
web: 'data-[hover=true]:bg-
|
|
81
|
+
default: 'data-[active=true]:bg-surface-success-strong-active',
|
|
82
|
+
web: 'data-[hover=true]:bg-surface-success-strong-hover data-[active=true]:data-[hover=true]:bg-surface-success-strong-active',
|
|
83
83
|
}),
|
|
84
84
|
],
|
|
85
85
|
},
|
|
@@ -89,8 +89,8 @@ export const buttonRootVariants = cva(
|
|
|
89
89
|
className: [
|
|
90
90
|
'bg-surface-info-strong',
|
|
91
91
|
Platform.select({
|
|
92
|
-
default: 'data-[active=true]:bg-
|
|
93
|
-
web: 'data-[hover=true]:bg-
|
|
92
|
+
default: 'data-[active=true]:bg-surface-info-strong-active',
|
|
93
|
+
web: 'data-[hover=true]:bg-surface-info-strong-hover data-[active=true]:data-[hover=true]:bg-surface-info-strong-active',
|
|
94
94
|
}),
|
|
95
95
|
],
|
|
96
96
|
},
|
|
@@ -102,8 +102,8 @@ export const buttonRootVariants = cva(
|
|
|
102
102
|
className: [
|
|
103
103
|
'border-stroke-action',
|
|
104
104
|
Platform.select({
|
|
105
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
106
|
-
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-
|
|
105
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
106
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active',
|
|
107
107
|
}),
|
|
108
108
|
],
|
|
109
109
|
},
|
|
@@ -113,8 +113,8 @@ export const buttonRootVariants = cva(
|
|
|
113
113
|
className: [
|
|
114
114
|
'border-stroke-danger',
|
|
115
115
|
Platform.select({
|
|
116
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
117
|
-
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-
|
|
116
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
117
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active',
|
|
118
118
|
}),
|
|
119
119
|
],
|
|
120
120
|
},
|
|
@@ -124,8 +124,8 @@ export const buttonRootVariants = cva(
|
|
|
124
124
|
className: [
|
|
125
125
|
'border-stroke-warning',
|
|
126
126
|
Platform.select({
|
|
127
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
128
|
-
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-
|
|
127
|
+
default: 'data-[active=true]:bg-surface-warning-tint-active',
|
|
128
|
+
web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active',
|
|
129
129
|
}),
|
|
130
130
|
],
|
|
131
131
|
},
|
|
@@ -135,8 +135,8 @@ export const buttonRootVariants = cva(
|
|
|
135
135
|
className: [
|
|
136
136
|
'border-stroke-success',
|
|
137
137
|
Platform.select({
|
|
138
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
139
|
-
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-
|
|
138
|
+
default: 'data-[active=true]:bg-surface-success-tint-active',
|
|
139
|
+
web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active',
|
|
140
140
|
}),
|
|
141
141
|
],
|
|
142
142
|
},
|
|
@@ -146,8 +146,8 @@ export const buttonRootVariants = cva(
|
|
|
146
146
|
className: [
|
|
147
147
|
'border-stroke-info',
|
|
148
148
|
Platform.select({
|
|
149
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
150
|
-
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-
|
|
149
|
+
default: 'data-[active=true]:bg-surface-info-tint-active',
|
|
150
|
+
web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active',
|
|
151
151
|
}),
|
|
152
152
|
],
|
|
153
153
|
},
|
|
@@ -158,8 +158,8 @@ export const buttonRootVariants = cva(
|
|
|
158
158
|
color: 'action',
|
|
159
159
|
className: [
|
|
160
160
|
Platform.select({
|
|
161
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
162
|
-
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-
|
|
161
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
162
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active',
|
|
163
163
|
}),
|
|
164
164
|
],
|
|
165
165
|
},
|
|
@@ -168,8 +168,8 @@ export const buttonRootVariants = cva(
|
|
|
168
168
|
color: 'danger',
|
|
169
169
|
className: [
|
|
170
170
|
Platform.select({
|
|
171
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
172
|
-
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-
|
|
171
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
172
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active',
|
|
173
173
|
}),
|
|
174
174
|
],
|
|
175
175
|
},
|
|
@@ -178,8 +178,8 @@ export const buttonRootVariants = cva(
|
|
|
178
178
|
color: 'warning',
|
|
179
179
|
className: [
|
|
180
180
|
Platform.select({
|
|
181
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
182
|
-
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-
|
|
181
|
+
default: 'data-[active=true]:bg-surface-warning-tint-active',
|
|
182
|
+
web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active',
|
|
183
183
|
}),
|
|
184
184
|
],
|
|
185
185
|
},
|
|
@@ -188,8 +188,8 @@ export const buttonRootVariants = cva(
|
|
|
188
188
|
color: 'success',
|
|
189
189
|
className: [
|
|
190
190
|
Platform.select({
|
|
191
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
192
|
-
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-
|
|
191
|
+
default: 'data-[active=true]:bg-surface-success-tint-active',
|
|
192
|
+
web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active',
|
|
193
193
|
}),
|
|
194
194
|
],
|
|
195
195
|
},
|
|
@@ -198,8 +198,8 @@ export const buttonRootVariants = cva(
|
|
|
198
198
|
color: 'info',
|
|
199
199
|
className: [
|
|
200
200
|
Platform.select({
|
|
201
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
202
|
-
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-
|
|
201
|
+
default: 'data-[active=true]:bg-surface-info-tint-active',
|
|
202
|
+
web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active',
|
|
203
203
|
}),
|
|
204
204
|
],
|
|
205
205
|
},
|