@cdx-ui/components 0.0.1-alpha.26 → 0.0.1-alpha.28
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/buttonSharedVariants.js +200 -0
- package/lib/commonjs/components/Button/buttonSharedVariants.js.map +1 -0
- package/lib/commonjs/components/Button/styles.js +21 -222
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +80 -0
- package/lib/commonjs/components/IconButton/index.js.map +1 -0
- package/lib/commonjs/components/IconButton/styles.js +91 -0
- package/lib/commonjs/components/IconButton/styles.js.map +1 -0
- package/lib/commonjs/components/Image/Image.js +69 -0
- package/lib/commonjs/components/Image/Image.js.map +1 -0
- package/lib/commonjs/components/Image/index.js +13 -0
- package/lib/commonjs/components/Image/index.js.map +1 -0
- package/lib/commonjs/components/index.js +24 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/Button/buttonSharedVariants.js +195 -0
- package/lib/module/components/Button/buttonSharedVariants.js.map +1 -0
- package/lib/module/components/Button/styles.js +21 -223
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/IconButton/index.js +76 -0
- package/lib/module/components/IconButton/index.js.map +1 -0
- package/lib/module/components/IconButton/styles.js +87 -0
- package/lib/module/components/IconButton/styles.js.map +1 -0
- package/lib/module/components/Image/Image.js +67 -0
- package/lib/module/components/Image/Image.js.map +1 -0
- package/lib/module/components/Image/index.js +4 -0
- package/lib/module/components/Image/index.js.map +1 -0
- package/lib/module/components/index.js +2 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/components/Button/buttonSharedVariants.d.ts +29 -0
- package/lib/typescript/components/Button/buttonSharedVariants.d.ts.map +1 -0
- package/lib/typescript/components/Button/styles.d.ts +6 -6
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/index.d.ts +15 -0
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -0
- package/lib/typescript/components/IconButton/styles.d.ts +16 -0
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -0
- package/lib/typescript/components/Image/Image.d.ts +47 -0
- package/lib/typescript/components/Image/Image.d.ts.map +1 -0
- package/lib/typescript/components/Image/index.d.ts +2 -0
- package/lib/typescript/components/Image/index.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +2 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/Button/buttonSharedVariants.ts +281 -0
- package/src/components/Button/styles.ts +32 -275
- package/src/components/IconButton/index.tsx +93 -0
- package/src/components/IconButton/styles.ts +131 -0
- package/src/components/Image/Image.tsx +77 -0
- package/src/components/Image/index.ts +1 -0
- package/src/components/index.ts +2 -0
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.sharedOutlineGhostForegroundTextCompounds = exports.sharedGhostSurfaceCompounds = exports.sharedFilledSurfaceCompounds = exports.sharedFilledForegroundTextCompounds = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _primitives = require("../../styles/primitives");
|
|
9
|
+
/**
|
|
10
|
+
* Neutral compound-variant **slices** shared by Button and IconButton (no consumer `variant` keys).
|
|
11
|
+
*
|
|
12
|
+
* Each consumer maps these into its own CVA, e.g. filled surface → Button `strong` or IconButton `solid`;
|
|
13
|
+
* ghost surface / outline+ghost foreground → attach the appropriate `variant` / tuple for that component.
|
|
14
|
+
*
|
|
15
|
+
* Button-only outline **surface** (borders) stays in `Button/styles.ts`.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
/** Root surface: filled semantic background (maps to Button `strong`, IconButton `solid`). */
|
|
19
|
+
const sharedFilledSurfaceCompounds = exports.sharedFilledSurfaceCompounds = [{
|
|
20
|
+
color: 'action',
|
|
21
|
+
className: [_primitives.SEMANTIC_COLORS.action.bg, _reactNative.Platform.select({
|
|
22
|
+
default: 'data-[active=true]:bg-slate-700',
|
|
23
|
+
web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
|
|
24
|
+
})]
|
|
25
|
+
}, {
|
|
26
|
+
color: 'danger',
|
|
27
|
+
className: [_primitives.SEMANTIC_COLORS.danger.bg, _reactNative.Platform.select({
|
|
28
|
+
default: 'data-[active=true]:bg-red-800',
|
|
29
|
+
web: 'data-[hover=true]:bg-red-700 data-[active=true]:data-[hover=true]:bg-red-800'
|
|
30
|
+
})]
|
|
31
|
+
}, {
|
|
32
|
+
color: 'warning',
|
|
33
|
+
className: [_primitives.SEMANTIC_COLORS.warning.bg, _reactNative.Platform.select({
|
|
34
|
+
default: 'data-[active=true]:bg-amber-700',
|
|
35
|
+
web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700'
|
|
36
|
+
})]
|
|
37
|
+
}, {
|
|
38
|
+
color: 'success',
|
|
39
|
+
className: [_primitives.SEMANTIC_COLORS.success.bg, _reactNative.Platform.select({
|
|
40
|
+
default: 'data-[active=true]:bg-green-800',
|
|
41
|
+
web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
|
|
42
|
+
})]
|
|
43
|
+
}, {
|
|
44
|
+
color: 'info',
|
|
45
|
+
className: [_primitives.SEMANTIC_COLORS.info.bg, _reactNative.Platform.select({
|
|
46
|
+
default: 'data-[active=true]:bg-sky-700',
|
|
47
|
+
web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
|
|
48
|
+
})]
|
|
49
|
+
}, {
|
|
50
|
+
color: 'action',
|
|
51
|
+
mode: 'dark',
|
|
52
|
+
className: ['bg-slate-200', _reactNative.Platform.select({
|
|
53
|
+
default: 'data-[active=true]:bg-slate-400',
|
|
54
|
+
web: 'data-[hover=true]:bg-slate-300 data-[active=true]:data-[hover=true]:bg-slate-400'
|
|
55
|
+
})]
|
|
56
|
+
}];
|
|
57
|
+
|
|
58
|
+
/** Root surface: ghost hover/active fills (maps to `variant: 'ghost'` on Button and IconButton). */
|
|
59
|
+
const sharedGhostSurfaceCompounds = exports.sharedGhostSurfaceCompounds = [{
|
|
60
|
+
color: 'danger',
|
|
61
|
+
className: [_reactNative.Platform.select({
|
|
62
|
+
default: 'data-[active=true]:bg-red-100',
|
|
63
|
+
web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100'
|
|
64
|
+
})]
|
|
65
|
+
}, {
|
|
66
|
+
color: 'warning',
|
|
67
|
+
className: [_reactNative.Platform.select({
|
|
68
|
+
default: 'data-[active=true]:bg-amber-100',
|
|
69
|
+
web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100'
|
|
70
|
+
})]
|
|
71
|
+
}, {
|
|
72
|
+
color: 'success',
|
|
73
|
+
className: [_reactNative.Platform.select({
|
|
74
|
+
default: 'data-[active=true]:bg-green-100',
|
|
75
|
+
web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100'
|
|
76
|
+
})]
|
|
77
|
+
}, {
|
|
78
|
+
color: 'info',
|
|
79
|
+
className: [_reactNative.Platform.select({
|
|
80
|
+
default: 'data-[active=true]:bg-sky-100',
|
|
81
|
+
web: 'data-[hover=true]:bg-sky-50 data-[active=true]:data-[hover=true]:bg-sky-100'
|
|
82
|
+
})]
|
|
83
|
+
}, {
|
|
84
|
+
color: 'action',
|
|
85
|
+
mode: 'dark',
|
|
86
|
+
className: [_reactNative.Platform.select({
|
|
87
|
+
default: 'data-[active=true]:bg-slate-700',
|
|
88
|
+
web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
|
|
89
|
+
})]
|
|
90
|
+
}, {
|
|
91
|
+
color: 'danger',
|
|
92
|
+
mode: 'dark',
|
|
93
|
+
className: [_reactNative.Platform.select({
|
|
94
|
+
default: 'data-[active=true]:bg-red-950',
|
|
95
|
+
web: 'data-[hover=true]:bg-red-950/50 data-[active=true]:data-[hover=true]:bg-red-950'
|
|
96
|
+
})]
|
|
97
|
+
}, {
|
|
98
|
+
color: 'warning',
|
|
99
|
+
mode: 'dark',
|
|
100
|
+
className: [_reactNative.Platform.select({
|
|
101
|
+
default: 'data-[active=true]:bg-amber-950',
|
|
102
|
+
web: 'data-[hover=true]:bg-amber-950/50 data-[active=true]:data-[hover=true]:bg-amber-950'
|
|
103
|
+
})]
|
|
104
|
+
}, {
|
|
105
|
+
color: 'success',
|
|
106
|
+
mode: 'dark',
|
|
107
|
+
className: [_reactNative.Platform.select({
|
|
108
|
+
default: 'data-[active=true]:bg-green-950',
|
|
109
|
+
web: 'data-[hover=true]:bg-green-950/50 data-[active=true]:data-[hover=true]:bg-green-950'
|
|
110
|
+
})]
|
|
111
|
+
}, {
|
|
112
|
+
color: 'info',
|
|
113
|
+
mode: 'dark',
|
|
114
|
+
className: [_reactNative.Platform.select({
|
|
115
|
+
default: 'data-[active=true]:bg-sky-950',
|
|
116
|
+
web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950'
|
|
117
|
+
})]
|
|
118
|
+
}];
|
|
119
|
+
|
|
120
|
+
/** Foreground on filled controls (maps to Button `strong`, IconButton `solid`). */
|
|
121
|
+
const sharedFilledForegroundTextCompounds = exports.sharedFilledForegroundTextCompounds = [{
|
|
122
|
+
color: 'action',
|
|
123
|
+
className: 'text-white'
|
|
124
|
+
}, {
|
|
125
|
+
color: 'danger',
|
|
126
|
+
className: 'text-white'
|
|
127
|
+
}, {
|
|
128
|
+
color: 'warning',
|
|
129
|
+
className: 'text-white'
|
|
130
|
+
}, {
|
|
131
|
+
color: 'success',
|
|
132
|
+
className: 'text-white'
|
|
133
|
+
}, {
|
|
134
|
+
color: 'info',
|
|
135
|
+
className: 'text-white'
|
|
136
|
+
}, {
|
|
137
|
+
color: 'action',
|
|
138
|
+
mode: 'dark',
|
|
139
|
+
className: 'text-slate-900'
|
|
140
|
+
}];
|
|
141
|
+
|
|
142
|
+
/**
|
|
143
|
+
* Foreground for transparent controls: same class names for Button `outline` and `ghost`, and for IconButton `ghost`.
|
|
144
|
+
* Consumers attach their own `variant` key(s).
|
|
145
|
+
*/
|
|
146
|
+
const sharedOutlineGhostForegroundTextCompounds = exports.sharedOutlineGhostForegroundTextCompounds = [{
|
|
147
|
+
color: 'action',
|
|
148
|
+
className: ['text-slate-900', _reactNative.Platform.select({
|
|
149
|
+
default: 'data-[active=true]:text-slate-700',
|
|
150
|
+
web: 'data-[hover=true]:text-slate-800 data-[active=true]:data-[hover=true]:text-slate-700'
|
|
151
|
+
})]
|
|
152
|
+
}, {
|
|
153
|
+
color: 'danger',
|
|
154
|
+
className: ['text-red-600', _reactNative.Platform.select({
|
|
155
|
+
default: 'data-[active=true]:text-red-800',
|
|
156
|
+
web: 'data-[hover=true]:text-red-700 data-[active=true]:data-[hover=true]:text-red-800'
|
|
157
|
+
})]
|
|
158
|
+
}, {
|
|
159
|
+
color: 'warning',
|
|
160
|
+
className: ['text-amber-600', _reactNative.Platform.select({
|
|
161
|
+
default: 'data-[active=true]:text-amber-800',
|
|
162
|
+
web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800'
|
|
163
|
+
})]
|
|
164
|
+
}, {
|
|
165
|
+
color: 'success',
|
|
166
|
+
className: ['text-green-600', _reactNative.Platform.select({
|
|
167
|
+
default: 'data-[active=true]:text-green-800',
|
|
168
|
+
web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800'
|
|
169
|
+
})]
|
|
170
|
+
}, {
|
|
171
|
+
color: 'info',
|
|
172
|
+
className: ['text-sky-600', _reactNative.Platform.select({
|
|
173
|
+
default: 'data-[active=true]:text-sky-800',
|
|
174
|
+
web: 'data-[hover=true]:text-sky-700 data-[active=true]:data-[hover=true]:text-sky-800'
|
|
175
|
+
})]
|
|
176
|
+
}, {
|
|
177
|
+
color: 'action',
|
|
178
|
+
mode: 'dark',
|
|
179
|
+
className: ['text-white', _reactNative.Platform.select({
|
|
180
|
+
default: 'data-[active=true]:text-white',
|
|
181
|
+
web: 'data-[hover=true]:text-white data-[active=true]:data-[hover=true]:text-white'
|
|
182
|
+
})]
|
|
183
|
+
}, {
|
|
184
|
+
color: 'danger',
|
|
185
|
+
mode: 'dark',
|
|
186
|
+
className: 'text-red-400'
|
|
187
|
+
}, {
|
|
188
|
+
color: 'warning',
|
|
189
|
+
mode: 'dark',
|
|
190
|
+
className: 'text-amber-400'
|
|
191
|
+
}, {
|
|
192
|
+
color: 'success',
|
|
193
|
+
mode: 'dark',
|
|
194
|
+
className: 'text-green-400'
|
|
195
|
+
}, {
|
|
196
|
+
color: 'info',
|
|
197
|
+
mode: 'dark',
|
|
198
|
+
className: 'text-sky-400'
|
|
199
|
+
}];
|
|
200
|
+
//# sourceMappingURL=buttonSharedVariants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_primitives","sharedFilledSurfaceCompounds","exports","color","className","SEMANTIC_COLORS","action","bg","Platform","select","default","web","danger","warning","success","info","mode","sharedGhostSurfaceCompounds","sharedFilledForegroundTextCompounds","sharedOutlineGhostForegroundTextCompounds"],"sourceRoot":"../../../../src","sources":["components/Button/buttonSharedVariants.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,24 @@ exports.buttonTextVariants = exports.buttonSpinnerVariants = exports.buttonRootV
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
9
|
var _primitives = require("../../styles/primitives");
|
|
10
|
+
var _buttonSharedVariants = require("./buttonSharedVariants");
|
|
11
|
+
const buttonStrongSurfaceCompounds = _buttonSharedVariants.sharedFilledSurfaceCompounds.map(c => ({
|
|
12
|
+
variant: 'strong',
|
|
13
|
+
...c
|
|
14
|
+
}));
|
|
15
|
+
const buttonGhostSurfaceCompounds = _buttonSharedVariants.sharedGhostSurfaceCompounds.map(c => ({
|
|
16
|
+
variant: 'ghost',
|
|
17
|
+
...c
|
|
18
|
+
}));
|
|
19
|
+
const buttonStrongForegroundTextCompounds = _buttonSharedVariants.sharedFilledForegroundTextCompounds.map(c => ({
|
|
20
|
+
variant: 'strong',
|
|
21
|
+
...c
|
|
22
|
+
}));
|
|
23
|
+
const buttonOutlineGhostForegroundTextCompounds = _buttonSharedVariants.sharedOutlineGhostForegroundTextCompounds.map(c => ({
|
|
24
|
+
variant: ['outline', 'ghost'],
|
|
25
|
+
...c
|
|
26
|
+
}));
|
|
27
|
+
|
|
10
28
|
// TODO: Split into 2 files
|
|
11
29
|
// TODO: Create cva wrapper
|
|
12
30
|
|
|
@@ -37,54 +55,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
37
55
|
false: ''
|
|
38
56
|
}
|
|
39
57
|
},
|
|
40
|
-
compoundVariants: [
|
|
41
|
-
// --- strong × color (light mode) ---
|
|
42
|
-
{
|
|
43
|
-
variant: 'strong',
|
|
44
|
-
color: 'action',
|
|
45
|
-
className: [_primitives.SEMANTIC_COLORS.action.bg, _reactNative.Platform.select({
|
|
46
|
-
default: 'data-[active=true]:bg-slate-700',
|
|
47
|
-
web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
|
|
48
|
-
})]
|
|
49
|
-
}, {
|
|
50
|
-
variant: 'strong',
|
|
51
|
-
color: 'danger',
|
|
52
|
-
className: [_primitives.SEMANTIC_COLORS.danger.bg, _reactNative.Platform.select({
|
|
53
|
-
default: 'data-[active=true]:bg-red-800',
|
|
54
|
-
web: 'data-[hover=true]:bg-red-700 data-[active=true]:data-[hover=true]:bg-red-800'
|
|
55
|
-
})]
|
|
56
|
-
}, {
|
|
57
|
-
variant: 'strong',
|
|
58
|
-
color: 'warning',
|
|
59
|
-
className: [_primitives.SEMANTIC_COLORS.warning.bg, _reactNative.Platform.select({
|
|
60
|
-
default: 'data-[active=true]:bg-amber-700',
|
|
61
|
-
web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700'
|
|
62
|
-
})]
|
|
63
|
-
}, {
|
|
64
|
-
variant: 'strong',
|
|
65
|
-
color: 'success',
|
|
66
|
-
className: [_primitives.SEMANTIC_COLORS.success.bg, _reactNative.Platform.select({
|
|
67
|
-
default: 'data-[active=true]:bg-green-800',
|
|
68
|
-
web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
|
|
69
|
-
})]
|
|
70
|
-
}, {
|
|
71
|
-
variant: 'strong',
|
|
72
|
-
color: 'info',
|
|
73
|
-
className: [_primitives.SEMANTIC_COLORS.info.bg, _reactNative.Platform.select({
|
|
74
|
-
default: 'data-[active=true]:bg-sky-700',
|
|
75
|
-
web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
|
|
76
|
-
})]
|
|
77
|
-
},
|
|
78
|
-
// --- strong × action × mode: dark ---
|
|
79
|
-
{
|
|
80
|
-
variant: 'strong',
|
|
81
|
-
color: 'action',
|
|
82
|
-
mode: 'dark',
|
|
83
|
-
className: ['bg-slate-200', _reactNative.Platform.select({
|
|
84
|
-
default: 'data-[active=true]:bg-slate-400',
|
|
85
|
-
web: 'data-[hover=true]:bg-slate-300 data-[active=true]:data-[hover=true]:bg-slate-400'
|
|
86
|
-
})]
|
|
87
|
-
},
|
|
58
|
+
compoundVariants: [...buttonStrongSurfaceCompounds,
|
|
88
59
|
// --- outline × color (light mode) ---
|
|
89
60
|
{
|
|
90
61
|
variant: 'outline',
|
|
@@ -165,81 +136,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
165
136
|
default: 'data-[active=true]:bg-sky-950',
|
|
166
137
|
web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950'
|
|
167
138
|
})]
|
|
168
|
-
},
|
|
169
|
-
// --- ghost × color (light mode, non-action) ---
|
|
170
|
-
{
|
|
171
|
-
variant: 'ghost',
|
|
172
|
-
color: 'danger',
|
|
173
|
-
className: [_reactNative.Platform.select({
|
|
174
|
-
default: 'data-[active=true]:bg-red-100',
|
|
175
|
-
web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100'
|
|
176
|
-
})]
|
|
177
|
-
}, {
|
|
178
|
-
variant: 'ghost',
|
|
179
|
-
color: 'warning',
|
|
180
|
-
className: [_reactNative.Platform.select({
|
|
181
|
-
default: 'data-[active=true]:bg-amber-100',
|
|
182
|
-
web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100'
|
|
183
|
-
})]
|
|
184
|
-
}, {
|
|
185
|
-
variant: 'ghost',
|
|
186
|
-
color: 'success',
|
|
187
|
-
className: [_reactNative.Platform.select({
|
|
188
|
-
default: 'data-[active=true]:bg-green-100',
|
|
189
|
-
web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100'
|
|
190
|
-
})]
|
|
191
|
-
}, {
|
|
192
|
-
variant: 'ghost',
|
|
193
|
-
color: 'info',
|
|
194
|
-
className: [_reactNative.Platform.select({
|
|
195
|
-
default: 'data-[active=true]:bg-sky-100',
|
|
196
|
-
web: 'data-[hover=true]:bg-sky-50 data-[active=true]:data-[hover=true]:bg-sky-100'
|
|
197
|
-
})]
|
|
198
|
-
},
|
|
199
|
-
// --- ghost × action × mode: dark ---
|
|
200
|
-
{
|
|
201
|
-
variant: 'ghost',
|
|
202
|
-
color: 'action',
|
|
203
|
-
mode: 'dark',
|
|
204
|
-
className: [_reactNative.Platform.select({
|
|
205
|
-
default: 'data-[active=true]:bg-slate-700',
|
|
206
|
-
web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
|
|
207
|
-
})]
|
|
208
|
-
},
|
|
209
|
-
// --- ghost × semantic colors × mode: dark ---
|
|
210
|
-
{
|
|
211
|
-
variant: 'ghost',
|
|
212
|
-
color: 'danger',
|
|
213
|
-
mode: 'dark',
|
|
214
|
-
className: [_reactNative.Platform.select({
|
|
215
|
-
default: 'data-[active=true]:bg-red-950',
|
|
216
|
-
web: 'data-[hover=true]:bg-red-950/50 data-[active=true]:data-[hover=true]:bg-red-950'
|
|
217
|
-
})]
|
|
218
|
-
}, {
|
|
219
|
-
variant: 'ghost',
|
|
220
|
-
color: 'warning',
|
|
221
|
-
mode: 'dark',
|
|
222
|
-
className: [_reactNative.Platform.select({
|
|
223
|
-
default: 'data-[active=true]:bg-amber-950',
|
|
224
|
-
web: 'data-[hover=true]:bg-amber-950/50 data-[active=true]:data-[hover=true]:bg-amber-950'
|
|
225
|
-
})]
|
|
226
|
-
}, {
|
|
227
|
-
variant: 'ghost',
|
|
228
|
-
color: 'success',
|
|
229
|
-
mode: 'dark',
|
|
230
|
-
className: [_reactNative.Platform.select({
|
|
231
|
-
default: 'data-[active=true]:bg-green-950',
|
|
232
|
-
web: 'data-[hover=true]:bg-green-950/50 data-[active=true]:data-[hover=true]:bg-green-950'
|
|
233
|
-
})]
|
|
234
|
-
}, {
|
|
235
|
-
variant: 'ghost',
|
|
236
|
-
color: 'info',
|
|
237
|
-
mode: 'dark',
|
|
238
|
-
className: [_reactNative.Platform.select({
|
|
239
|
-
default: 'data-[active=true]:bg-sky-950',
|
|
240
|
-
web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950'
|
|
241
|
-
})]
|
|
242
|
-
}],
|
|
139
|
+
}, ...buttonGhostSurfaceCompounds],
|
|
243
140
|
defaultVariants: {
|
|
244
141
|
variant: 'strong',
|
|
245
142
|
color: 'action',
|
|
@@ -271,105 +168,7 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
|
|
|
271
168
|
dark: []
|
|
272
169
|
}
|
|
273
170
|
},
|
|
274
|
-
compoundVariants: [
|
|
275
|
-
// --- strong × color (light mode) — always white text ---
|
|
276
|
-
{
|
|
277
|
-
variant: 'strong',
|
|
278
|
-
color: 'action',
|
|
279
|
-
className: 'text-white'
|
|
280
|
-
}, {
|
|
281
|
-
variant: 'strong',
|
|
282
|
-
color: 'danger',
|
|
283
|
-
className: 'text-white'
|
|
284
|
-
}, {
|
|
285
|
-
variant: 'strong',
|
|
286
|
-
color: 'warning',
|
|
287
|
-
className: 'text-white'
|
|
288
|
-
}, {
|
|
289
|
-
variant: 'strong',
|
|
290
|
-
color: 'success',
|
|
291
|
-
className: 'text-white'
|
|
292
|
-
}, {
|
|
293
|
-
variant: 'strong',
|
|
294
|
-
color: 'info',
|
|
295
|
-
className: 'text-white'
|
|
296
|
-
},
|
|
297
|
-
// --- strong × action × mode: dark ---
|
|
298
|
-
{
|
|
299
|
-
variant: 'strong',
|
|
300
|
-
color: 'action',
|
|
301
|
-
mode: 'dark',
|
|
302
|
-
className: 'text-slate-900'
|
|
303
|
-
},
|
|
304
|
-
// --- outline/ghost × color (light mode text) ---
|
|
305
|
-
{
|
|
306
|
-
variant: ['outline', 'ghost'],
|
|
307
|
-
color: 'action',
|
|
308
|
-
className: ['text-slate-900', _reactNative.Platform.select({
|
|
309
|
-
default: 'data-[active=true]:text-slate-700',
|
|
310
|
-
web: 'data-[hover=true]:text-slate-800 data-[active=true]:data-[hover=true]:text-slate-700'
|
|
311
|
-
})]
|
|
312
|
-
}, {
|
|
313
|
-
variant: ['outline', 'ghost'],
|
|
314
|
-
color: 'danger',
|
|
315
|
-
className: ['text-red-600', _reactNative.Platform.select({
|
|
316
|
-
default: 'data-[active=true]:text-red-800',
|
|
317
|
-
web: 'data-[hover=true]:text-red-700 data-[active=true]:data-[hover=true]:text-red-800'
|
|
318
|
-
})]
|
|
319
|
-
}, {
|
|
320
|
-
variant: ['outline', 'ghost'],
|
|
321
|
-
color: 'warning',
|
|
322
|
-
className: ['text-amber-600', _reactNative.Platform.select({
|
|
323
|
-
default: 'data-[active=true]:text-amber-800',
|
|
324
|
-
web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800'
|
|
325
|
-
})]
|
|
326
|
-
}, {
|
|
327
|
-
variant: ['outline', 'ghost'],
|
|
328
|
-
color: 'success',
|
|
329
|
-
className: ['text-green-600', _reactNative.Platform.select({
|
|
330
|
-
default: 'data-[active=true]:text-green-800',
|
|
331
|
-
web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800'
|
|
332
|
-
})]
|
|
333
|
-
}, {
|
|
334
|
-
variant: ['outline', 'ghost'],
|
|
335
|
-
color: 'info',
|
|
336
|
-
className: ['text-sky-600', _reactNative.Platform.select({
|
|
337
|
-
default: 'data-[active=true]:text-sky-800',
|
|
338
|
-
web: 'data-[hover=true]:text-sky-700 data-[active=true]:data-[hover=true]:text-sky-800'
|
|
339
|
-
})]
|
|
340
|
-
},
|
|
341
|
-
// --- outline/ghost × action × mode: dark ---
|
|
342
|
-
{
|
|
343
|
-
variant: ['outline', 'ghost'],
|
|
344
|
-
color: 'action',
|
|
345
|
-
mode: 'dark',
|
|
346
|
-
className: ['text-white', _reactNative.Platform.select({
|
|
347
|
-
default: 'data-[active=true]:text-white',
|
|
348
|
-
web: 'data-[hover=true]:text-white data-[active=true]:data-[hover=true]:text-white'
|
|
349
|
-
})]
|
|
350
|
-
},
|
|
351
|
-
// --- outline/ghost × semantic colors × mode: dark ---
|
|
352
|
-
{
|
|
353
|
-
variant: ['outline', 'ghost'],
|
|
354
|
-
color: 'danger',
|
|
355
|
-
mode: 'dark',
|
|
356
|
-
className: 'text-red-400'
|
|
357
|
-
}, {
|
|
358
|
-
variant: ['outline', 'ghost'],
|
|
359
|
-
color: 'warning',
|
|
360
|
-
mode: 'dark',
|
|
361
|
-
className: 'text-amber-400'
|
|
362
|
-
}, {
|
|
363
|
-
variant: ['outline', 'ghost'],
|
|
364
|
-
color: 'success',
|
|
365
|
-
mode: 'dark',
|
|
366
|
-
className: 'text-green-400'
|
|
367
|
-
}, {
|
|
368
|
-
variant: ['outline', 'ghost'],
|
|
369
|
-
color: 'info',
|
|
370
|
-
mode: 'dark',
|
|
371
|
-
className: 'text-sky-400'
|
|
372
|
-
}],
|
|
171
|
+
compoundVariants: [...buttonStrongForegroundTextCompounds, ...buttonOutlineGhostForegroundTextCompounds],
|
|
373
172
|
defaultVariants: {
|
|
374
173
|
variant: 'strong',
|
|
375
174
|
color: 'action',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","buttonRootVariants","exports","cva","RADIUS_SM","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","variants","variant","strong","outline","COLOR_BORDER_DEFAULT","ghost","color","action","danger","warning","success","info","size","default","small","mode","light","dark","fullWidth","true","false","compoundVariants","className","SEMANTIC_COLORS","bg","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":[]}
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","_buttonSharedVariants","buttonStrongSurfaceCompounds","sharedFilledSurfaceCompounds","map","c","variant","buttonGhostSurfaceCompounds","sharedGhostSurfaceCompounds","buttonStrongForegroundTextCompounds","sharedFilledForegroundTextCompounds","buttonOutlineGhostForegroundTextCompounds","sharedOutlineGhostForegroundTextCompounds","buttonRootVariants","exports","cva","RADIUS_SM","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","variants","strong","outline","COLOR_BORDER_DEFAULT","ghost","color","action","danger","warning","success","info","size","default","small","mode","light","dark","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":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.IconButton = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _primitives = require("@cdx-ui/primitives");
|
|
10
|
+
var _utils = require("@cdx-ui/utils");
|
|
11
|
+
var _Icon = require("../Icon");
|
|
12
|
+
var _styles = require("./styles");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const IconButtonPrimitive = (0, _primitives.createButton)({
|
|
15
|
+
Root: _reactNative.Pressable,
|
|
16
|
+
Text: _reactNative.Text,
|
|
17
|
+
Group: _reactNative.View,
|
|
18
|
+
Spinner: _reactNative.ActivityIndicator,
|
|
19
|
+
Icon: _reactNative.View
|
|
20
|
+
});
|
|
21
|
+
function IconButtonGlyph({
|
|
22
|
+
as: IconComponent,
|
|
23
|
+
className
|
|
24
|
+
}) {
|
|
25
|
+
const {
|
|
26
|
+
hover,
|
|
27
|
+
focus,
|
|
28
|
+
active,
|
|
29
|
+
disabled,
|
|
30
|
+
focusVisible
|
|
31
|
+
} = (0, _primitives.useButtonContext)();
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
33
|
+
as: IconComponent,
|
|
34
|
+
className: className,
|
|
35
|
+
...(0, _primitives.dataAttributes)({
|
|
36
|
+
hover,
|
|
37
|
+
focus,
|
|
38
|
+
active,
|
|
39
|
+
disabled,
|
|
40
|
+
focusVisible
|
|
41
|
+
})
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
45
|
+
variant = 'solid',
|
|
46
|
+
size = 'default',
|
|
47
|
+
mode = 'light',
|
|
48
|
+
className,
|
|
49
|
+
style,
|
|
50
|
+
as: IconComponent,
|
|
51
|
+
iconClassName,
|
|
52
|
+
accessibilityRole = 'button',
|
|
53
|
+
...props
|
|
54
|
+
}, ref) => {
|
|
55
|
+
const rootClassName = (0, _utils.cn)((0, _styles.iconButtonRootVariants)({
|
|
56
|
+
variant,
|
|
57
|
+
size,
|
|
58
|
+
mode
|
|
59
|
+
}), className);
|
|
60
|
+
const glyphClassName = (0, _utils.cn)((0, _styles.iconButtonGlyphVariants)({
|
|
61
|
+
size
|
|
62
|
+
}), (0, _styles.iconButtonIconColorVariants)({
|
|
63
|
+
variant,
|
|
64
|
+
mode
|
|
65
|
+
}), iconClassName);
|
|
66
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonPrimitive, {
|
|
67
|
+
ref: ref,
|
|
68
|
+
accessibilityRole: accessibilityRole,
|
|
69
|
+
className: rootClassName,
|
|
70
|
+
style: style,
|
|
71
|
+
...props,
|
|
72
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonGlyph, {
|
|
73
|
+
as: IconComponent,
|
|
74
|
+
className: glyphClassName
|
|
75
|
+
})
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
IconButtonRoot.displayName = 'IconButton';
|
|
79
|
+
const IconButton = exports.IconButton = IconButtonRoot;
|
|
80
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","IconButtonPrimitive","createButton","Root","Pressable","Text","Group","View","Spinner","ActivityIndicator","Icon","IconButtonGlyph","as","IconComponent","className","hover","focus","active","disabled","focusVisible","useButtonContext","jsx","dataAttributes","IconButtonRoot","forwardRef","variant","size","mode","style","iconClassName","accessibilityRole","props","ref","rootClassName","cn","iconButtonRootVariants","glyphClassName","iconButtonGlyphVariants","iconButtonIconColorVariants","children","displayName","IconButton","exports"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAKkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,mBAAmB,GAAG,IAAAC,wBAAY,EAAC;EACvCC,IAAI,EAAEC,sBAAS;EACfC,IAAI,EAAJA,iBAAI;EACJC,KAAK,EAAEC,iBAAI;EACXC,OAAO,EAAEC,8BAAiB;EAC1BC,IAAI,EAAEH;AACR,CAAC,CAAC;AAEF,SAASI,eAAeA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAEC;AAA8C,CAAC,EAAE;EAC7F,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,4BAAgB,EAAC,CAAC;EAC3E,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,KAAA,CAAAY,IAAI;IACHE,EAAE,EAAEC,aAAc;IAClBC,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAQ,0BAAc,EAAC;MACjBP,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC;EAAC,CACH,CAAC;AAEN;AAUA,MAAMI,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,CACE;EACEC,OAAO,GAAG,OAAO;EACjBC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,OAAO;EACdb,SAAS;EACTc,KAAK;EACLhB,EAAE,EAAEC,aAAa;EACjBgB,aAAa;EACbC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,8BAAsB,EAAC;IAAEV,OAAO;IAAEC,IAAI;IAAEC;EAAK,CAAC,CAAC,EAAEb,SAAS,CAAC;EAEpF,MAAMsB,cAAc,GAAG,IAAAF,SAAE,EACvB,IAAAG,+BAAuB,EAAC;IAAEX;EAAK,CAAC,CAAC,EACjC,IAAAY,mCAA2B,EAAC;IAAEb,OAAO;IAAEE;EAAK,CAAC,CAAC,EAC9CE,aACF,CAAC;EAED,oBACE,IAAA7B,WAAA,CAAAqB,GAAA,EAACpB,mBAAmB;IAClB+B,GAAG,EAAEA,GAAI;IACTF,iBAAiB,EAAEA,iBAAkB;IACrChB,SAAS,EAAEmB,aAAc;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAQ,QAAA,eAET,IAAAvC,WAAA,CAAAqB,GAAA,EAACV,eAAe;MAACC,EAAE,EAAEC,aAAc;MAACC,SAAS,EAAEsB;IAAe,CAAE;EAAC,CAC9C,CAAC;AAE1B,CACF,CAAC;AAEDb,cAAc,CAACiB,WAAW,GAAG,YAAY;AAElC,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGlB,cAAc","ignoreList":[]}
|