@cdx-ui/components 0.0.1-alpha.33 → 0.0.1-alpha.35
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 +4 -11
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +148 -112
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/Heading/styles.js +6 -7
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +2 -7
- package/lib/commonjs/components/IconButton/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +15 -62
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +10 -9
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/Link/styles.js +5 -7
- package/lib/commonjs/components/Link/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/index.js +45 -0
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/styles.js +10 -0
- package/lib/commonjs/components/ProgressBar/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressSegmented/styles.js +5 -5
- package/lib/commonjs/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/commonjs/components/Text/styles.js +6 -7
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/index.js +12 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/Button/index.js +4 -11
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/styles.js +149 -112
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/Heading/styles.js +6 -7
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/IconButton/index.js +2 -7
- package/lib/module/components/IconButton/index.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +16 -63
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Input/styles.js +11 -10
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/Link/styles.js +6 -7
- package/lib/module/components/Link/styles.js.map +1 -1
- package/lib/module/components/ProgressBar/index.js +41 -0
- package/lib/module/components/ProgressBar/index.js.map +1 -0
- package/lib/module/components/ProgressBar/styles.js +6 -0
- package/lib/module/components/ProgressBar/styles.js.map +1 -0
- package/lib/module/components/ProgressSegmented/styles.js +5 -5
- package/lib/module/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/module/components/Text/styles.js +6 -7
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +3 -6
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +1 -6
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/Link/styles.d.ts +2 -0
- package/lib/typescript/components/Link/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressBar/index.d.ts +17 -0
- package/lib/typescript/components/ProgressBar/index.d.ts.map +1 -0
- package/lib/typescript/components/ProgressBar/styles.d.ts +5 -0
- package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressSegmented/styles.d.ts.map +1 -1
- package/lib/typescript/components/Text/styles.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Button/index.tsx +6 -10
- package/src/components/Button/styles.ts +127 -138
- package/src/components/Heading/styles.tsx +6 -7
- package/src/components/IconButton/index.tsx +2 -3
- package/src/components/IconButton/styles.ts +18 -90
- package/src/components/Input/styles.ts +26 -35
- package/src/components/Link/styles.ts +12 -11
- package/src/components/ProgressBar/index.tsx +53 -0
- package/src/components/ProgressBar/styles.ts +9 -0
- package/src/components/ProgressSegmented/styles.ts +6 -5
- package/src/components/Text/styles.tsx +6 -7
- package/src/components/index.ts +1 -0
- package/lib/commonjs/components/Button/buttonSharedVariants.js +0 -200
- package/lib/commonjs/components/Button/buttonSharedVariants.js.map +0 -1
- package/lib/module/components/Button/buttonSharedVariants.js +0 -195
- package/lib/module/components/Button/buttonSharedVariants.js.map +0 -1
- package/lib/typescript/components/Button/buttonSharedVariants.d.ts +0 -29
- package/lib/typescript/components/Button/buttonSharedVariants.d.ts.map +0 -1
- package/src/components/Button/buttonSharedVariants.ts +0 -281
|
@@ -30,7 +30,6 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
30
30
|
variant = 'strong',
|
|
31
31
|
color = 'action',
|
|
32
32
|
size = 'default',
|
|
33
|
-
mode = 'light',
|
|
34
33
|
fullWidth = false,
|
|
35
34
|
className,
|
|
36
35
|
children,
|
|
@@ -41,7 +40,6 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
41
40
|
variant,
|
|
42
41
|
color,
|
|
43
42
|
size,
|
|
44
|
-
mode,
|
|
45
43
|
fullWidth
|
|
46
44
|
}), className);
|
|
47
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive, {
|
|
@@ -52,7 +50,6 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
52
50
|
variant,
|
|
53
51
|
color,
|
|
54
52
|
size,
|
|
55
|
-
mode,
|
|
56
53
|
fullWidth
|
|
57
54
|
},
|
|
58
55
|
...props,
|
|
@@ -74,14 +71,12 @@ const ButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
74
71
|
const {
|
|
75
72
|
variant,
|
|
76
73
|
color,
|
|
77
|
-
size
|
|
78
|
-
mode
|
|
74
|
+
size
|
|
79
75
|
} = useButtonStyleContext();
|
|
80
76
|
const computedClassName = (0, _utils.cn)((0, _styles.buttonTextVariants)({
|
|
81
77
|
variant,
|
|
82
78
|
color,
|
|
83
|
-
size
|
|
84
|
-
mode
|
|
79
|
+
size
|
|
85
80
|
}), className);
|
|
86
81
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Text, {
|
|
87
82
|
ref: ref,
|
|
@@ -147,13 +142,11 @@ const ButtonSpinner = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
147
142
|
}, ref) => {
|
|
148
143
|
const {
|
|
149
144
|
variant,
|
|
150
|
-
color
|
|
151
|
-
mode
|
|
145
|
+
color
|
|
152
146
|
} = useButtonStyleContext();
|
|
153
147
|
const computedColorClassName = (0, _utils.cn)((0, _styles.buttonSpinnerVariants)({
|
|
154
148
|
variant,
|
|
155
|
-
color
|
|
156
|
-
mode
|
|
149
|
+
color
|
|
157
150
|
}), colorClassName);
|
|
158
151
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Spinner, {
|
|
159
152
|
ref: ref,
|
|
@@ -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","
|
|
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":"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","ignoreList":[]}
|
|
@@ -7,33 +7,15 @@ 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
|
-
|
|
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
|
-
}));
|
|
10
|
+
// TODO: Validate that `dark:` syntax works with Uniwind `ScopedTheme`
|
|
27
11
|
|
|
28
|
-
|
|
29
|
-
// TODO: Create cva wrapper
|
|
30
|
-
|
|
31
|
-
const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', _primitives.RADIUS_SM, 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2'], {
|
|
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-[--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'], {
|
|
32
13
|
variants: {
|
|
33
14
|
variant: {
|
|
34
|
-
strong: [],
|
|
35
|
-
|
|
36
|
-
|
|
15
|
+
strong: ['border-b-1 border-black/75'],
|
|
16
|
+
// TODO: Replace with token
|
|
17
|
+
outline: ['bg-transparent', 'border border-stroke-primary'],
|
|
18
|
+
ghost: ['bg-transparent']
|
|
37
19
|
},
|
|
38
20
|
color: {
|
|
39
21
|
action: [],
|
|
@@ -46,102 +28,127 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
46
28
|
default: 'h-10 px-4 gap-2',
|
|
47
29
|
small: 'h-8 px-3 gap-1.5'
|
|
48
30
|
},
|
|
49
|
-
mode: {
|
|
50
|
-
light: [],
|
|
51
|
-
dark: []
|
|
52
|
-
},
|
|
53
31
|
fullWidth: {
|
|
54
32
|
true: 'w-full',
|
|
55
33
|
false: ''
|
|
56
34
|
}
|
|
57
35
|
},
|
|
58
|
-
compoundVariants: [
|
|
59
|
-
//
|
|
36
|
+
compoundVariants: [
|
|
37
|
+
// ── strong × color (filled surface) ──────────────────────────────
|
|
60
38
|
{
|
|
61
|
-
variant: '
|
|
39
|
+
variant: 'strong',
|
|
62
40
|
color: 'action',
|
|
63
|
-
className: ['
|
|
64
|
-
default: 'data-[active=true]:
|
|
65
|
-
web: 'data-[hover=true]:
|
|
41
|
+
className: ['bg-surface-action-strong', _reactNative.Platform.select({
|
|
42
|
+
default: 'data-[active=true]:bg-surface-action-strong-active',
|
|
43
|
+
web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
|
|
66
44
|
})]
|
|
67
45
|
}, {
|
|
68
|
-
variant: '
|
|
46
|
+
variant: 'strong',
|
|
69
47
|
color: 'danger',
|
|
70
|
-
className: ['
|
|
71
|
-
default: 'data-[active=true]:
|
|
72
|
-
web: 'data-[hover=true]:
|
|
48
|
+
className: ['bg-surface-danger-strong', _reactNative.Platform.select({
|
|
49
|
+
default: 'data-[active=true]:bg-surface-danger-strong-active',
|
|
50
|
+
web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
|
|
73
51
|
})]
|
|
74
52
|
}, {
|
|
75
|
-
variant: '
|
|
53
|
+
variant: 'strong',
|
|
76
54
|
color: 'warning',
|
|
77
|
-
className: ['
|
|
78
|
-
default: 'data-[active=true]:
|
|
79
|
-
web: 'data-[hover=true]:
|
|
55
|
+
className: ['bg-surface-warning-strong', _reactNative.Platform.select({
|
|
56
|
+
default: 'data-[active=true]:bg-amber-600',
|
|
57
|
+
web: 'data-[hover=true]:bg-amber-500 data-[active=true]:data-[hover=true]:bg-amber-600'
|
|
80
58
|
})]
|
|
81
59
|
}, {
|
|
82
|
-
variant: '
|
|
60
|
+
variant: 'strong',
|
|
83
61
|
color: 'success',
|
|
84
|
-
className: ['
|
|
85
|
-
default: 'data-[active=true]:
|
|
86
|
-
web: 'data-[hover=true]:
|
|
62
|
+
className: ['bg-surface-success-strong', _reactNative.Platform.select({
|
|
63
|
+
default: 'data-[active=true]:bg-green-800',
|
|
64
|
+
web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
|
|
87
65
|
})]
|
|
88
66
|
}, {
|
|
89
|
-
variant: '
|
|
67
|
+
variant: 'strong',
|
|
90
68
|
color: 'info',
|
|
91
|
-
className: ['
|
|
92
|
-
default: 'data-[active=true]:
|
|
93
|
-
web: 'data-[hover=true]:
|
|
69
|
+
className: ['bg-surface-info-strong', _reactNative.Platform.select({
|
|
70
|
+
default: 'data-[active=true]:bg-sky-700',
|
|
71
|
+
web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
|
|
94
72
|
})]
|
|
95
73
|
},
|
|
96
|
-
//
|
|
74
|
+
// ── outline × color (border + hover/active surface) ─────────────
|
|
97
75
|
{
|
|
98
76
|
variant: 'outline',
|
|
99
77
|
color: 'action',
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
|
|
78
|
+
className: ['border-stroke-action', _reactNative.Platform.select({
|
|
79
|
+
default: 'data-[active=true]:bg-surface-action-subtle-active',
|
|
80
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
|
|
104
81
|
})]
|
|
105
|
-
},
|
|
106
|
-
// --- outline × semantic colors × mode: dark ---
|
|
107
|
-
{
|
|
82
|
+
}, {
|
|
108
83
|
variant: 'outline',
|
|
109
84
|
color: 'danger',
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
web: 'data-[hover=true]:bg-red-950/50 data-[active=true]:data-[hover=true]:bg-red-950'
|
|
85
|
+
className: ['border-stroke-danger', _reactNative.Platform.select({
|
|
86
|
+
default: 'data-[active=true]:bg-surface-danger-subtle-active',
|
|
87
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
|
|
114
88
|
})]
|
|
115
89
|
}, {
|
|
116
90
|
variant: 'outline',
|
|
117
91
|
color: 'warning',
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
web: 'data-[hover=true]:bg-amber-950/50 data-[active=true]:data-[hover=true]:bg-amber-950'
|
|
92
|
+
className: ['border-stroke-warning', _reactNative.Platform.select({
|
|
93
|
+
default: 'data-[active=true]:bg-surface-warning-subtle',
|
|
94
|
+
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
|
|
122
95
|
})]
|
|
123
96
|
}, {
|
|
124
97
|
variant: 'outline',
|
|
125
98
|
color: 'success',
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
web: 'data-[hover=true]:bg-green-950/50 data-[active=true]:data-[hover=true]:bg-green-950'
|
|
99
|
+
className: ['border-stroke-success', _reactNative.Platform.select({
|
|
100
|
+
default: 'data-[active=true]:bg-surface-success-subtle',
|
|
101
|
+
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
|
|
130
102
|
})]
|
|
131
103
|
}, {
|
|
132
104
|
variant: 'outline',
|
|
133
105
|
color: 'info',
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
106
|
+
className: ['border-stroke-info', _reactNative.Platform.select({
|
|
107
|
+
default: 'data-[active=true]:bg-surface-info-subtle',
|
|
108
|
+
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
|
|
109
|
+
})]
|
|
110
|
+
},
|
|
111
|
+
// ── ghost × color (hover/active surface fills) ──────────────────
|
|
112
|
+
{
|
|
113
|
+
variant: 'ghost',
|
|
114
|
+
color: 'action',
|
|
115
|
+
className: [_reactNative.Platform.select({
|
|
116
|
+
default: 'data-[active=true]:bg-surface-action-subtle-active',
|
|
117
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
|
|
118
|
+
})]
|
|
119
|
+
}, {
|
|
120
|
+
variant: 'ghost',
|
|
121
|
+
color: 'danger',
|
|
122
|
+
className: [_reactNative.Platform.select({
|
|
123
|
+
default: 'data-[active=true]:bg-surface-danger-subtle-active',
|
|
124
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
|
|
125
|
+
})]
|
|
126
|
+
}, {
|
|
127
|
+
variant: 'ghost',
|
|
128
|
+
color: 'warning',
|
|
129
|
+
className: [_reactNative.Platform.select({
|
|
130
|
+
default: 'data-[active=true]:bg-surface-warning-subtle',
|
|
131
|
+
web: 'data-[hover=true]:bg-surface-warning-tint data-[active=true]:data-[hover=true]:bg-surface-warning-subtle'
|
|
132
|
+
})]
|
|
133
|
+
}, {
|
|
134
|
+
variant: 'ghost',
|
|
135
|
+
color: 'success',
|
|
136
|
+
className: [_reactNative.Platform.select({
|
|
137
|
+
default: 'data-[active=true]:bg-surface-success-subtle',
|
|
138
|
+
web: 'data-[hover=true]:bg-surface-success-tint data-[active=true]:data-[hover=true]:bg-surface-success-subtle'
|
|
139
|
+
})]
|
|
140
|
+
}, {
|
|
141
|
+
variant: 'ghost',
|
|
142
|
+
color: 'info',
|
|
143
|
+
className: [_reactNative.Platform.select({
|
|
144
|
+
default: 'data-[active=true]:bg-surface-info-subtle',
|
|
145
|
+
web: 'data-[hover=true]:bg-surface-info-tint data-[active=true]:data-[hover=true]:bg-surface-info-subtle'
|
|
138
146
|
})]
|
|
139
|
-
}
|
|
147
|
+
}],
|
|
140
148
|
defaultVariants: {
|
|
141
149
|
variant: 'strong',
|
|
142
150
|
color: 'action',
|
|
143
151
|
size: 'default',
|
|
144
|
-
mode: 'light',
|
|
145
152
|
fullWidth: false
|
|
146
153
|
}
|
|
147
154
|
});
|
|
@@ -162,24 +169,63 @@ const buttonTextVariants = exports.buttonTextVariants = (0, _classVarianceAuthor
|
|
|
162
169
|
size: {
|
|
163
170
|
default: 'text-base',
|
|
164
171
|
small: 'text-sm'
|
|
165
|
-
},
|
|
166
|
-
mode: {
|
|
167
|
-
light: [],
|
|
168
|
-
dark: []
|
|
169
172
|
}
|
|
170
173
|
},
|
|
171
|
-
compoundVariants: [
|
|
174
|
+
compoundVariants: [
|
|
175
|
+
// ── strong × color (filled foreground text) ──────────────────────
|
|
176
|
+
{
|
|
177
|
+
variant: 'strong',
|
|
178
|
+
color: 'action',
|
|
179
|
+
className: 'text-content-action-on-strong'
|
|
180
|
+
}, {
|
|
181
|
+
variant: 'strong',
|
|
182
|
+
color: 'danger',
|
|
183
|
+
className: 'text-content-danger-on-strong'
|
|
184
|
+
}, {
|
|
185
|
+
variant: 'strong',
|
|
186
|
+
color: 'warning',
|
|
187
|
+
className: 'text-content-warning-on-strong'
|
|
188
|
+
}, {
|
|
189
|
+
variant: 'strong',
|
|
190
|
+
color: 'success',
|
|
191
|
+
className: 'text-content-success-on-strong'
|
|
192
|
+
}, {
|
|
193
|
+
variant: 'strong',
|
|
194
|
+
color: 'info',
|
|
195
|
+
className: 'text-content-info-on-strong'
|
|
196
|
+
},
|
|
197
|
+
// ── outline/ghost × color (transparent foreground text) ──────────
|
|
198
|
+
{
|
|
199
|
+
variant: ['outline', 'ghost'],
|
|
200
|
+
color: 'action',
|
|
201
|
+
className: 'text-content-action'
|
|
202
|
+
}, {
|
|
203
|
+
variant: ['outline', 'ghost'],
|
|
204
|
+
color: 'danger',
|
|
205
|
+
className: 'text-content-danger'
|
|
206
|
+
}, {
|
|
207
|
+
variant: ['outline', 'ghost'],
|
|
208
|
+
color: 'warning',
|
|
209
|
+
className: 'text-content-warning'
|
|
210
|
+
}, {
|
|
211
|
+
variant: ['outline', 'ghost'],
|
|
212
|
+
color: 'success',
|
|
213
|
+
className: 'text-content-success'
|
|
214
|
+
}, {
|
|
215
|
+
variant: ['outline', 'ghost'],
|
|
216
|
+
color: 'info',
|
|
217
|
+
className: 'text-content-info'
|
|
218
|
+
}],
|
|
172
219
|
defaultVariants: {
|
|
173
220
|
variant: 'strong',
|
|
174
221
|
color: 'action',
|
|
175
|
-
size: 'default'
|
|
176
|
-
mode: 'light'
|
|
222
|
+
size: 'default'
|
|
177
223
|
}
|
|
178
224
|
});
|
|
179
225
|
const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVarianceAuthority.cva)([], {
|
|
180
226
|
variants: {
|
|
181
227
|
variant: {
|
|
182
|
-
strong:
|
|
228
|
+
strong: [],
|
|
183
229
|
outline: [],
|
|
184
230
|
ghost: []
|
|
185
231
|
},
|
|
@@ -189,66 +235,56 @@ const buttonSpinnerVariants = exports.buttonSpinnerVariants = (0, _classVariance
|
|
|
189
235
|
warning: [],
|
|
190
236
|
success: [],
|
|
191
237
|
info: []
|
|
192
|
-
},
|
|
193
|
-
mode: {
|
|
194
|
-
light: [],
|
|
195
|
-
dark: []
|
|
196
238
|
}
|
|
197
239
|
},
|
|
198
240
|
compoundVariants: [
|
|
199
|
-
//
|
|
241
|
+
// ── strong × color ───────────────────────────────────────────────
|
|
200
242
|
{
|
|
201
|
-
variant:
|
|
243
|
+
variant: 'strong',
|
|
202
244
|
color: 'action',
|
|
203
|
-
className: 'accent-
|
|
245
|
+
className: 'accent-[var(--color-content-action-on-strong)]'
|
|
204
246
|
}, {
|
|
205
|
-
variant:
|
|
247
|
+
variant: 'strong',
|
|
206
248
|
color: 'danger',
|
|
207
|
-
className: 'accent-
|
|
249
|
+
className: 'accent-[var(--color-content-danger-on-strong)]'
|
|
208
250
|
}, {
|
|
209
|
-
variant:
|
|
251
|
+
variant: 'strong',
|
|
210
252
|
color: 'warning',
|
|
211
|
-
className: 'accent-
|
|
253
|
+
className: 'accent-[var(--color-content-warning-on-strong)]'
|
|
212
254
|
}, {
|
|
213
|
-
variant:
|
|
255
|
+
variant: 'strong',
|
|
214
256
|
color: 'success',
|
|
215
|
-
className: 'accent-
|
|
257
|
+
className: 'accent-[var(--color-content-success-on-strong)]'
|
|
216
258
|
}, {
|
|
217
|
-
variant:
|
|
259
|
+
variant: 'strong',
|
|
218
260
|
color: 'info',
|
|
219
|
-
className: 'accent-
|
|
261
|
+
className: 'accent-[var(--color-content-info-on-strong)]'
|
|
220
262
|
},
|
|
221
|
-
//
|
|
263
|
+
// ── outline/ghost × color ────────────────────────────────────────
|
|
222
264
|
{
|
|
223
265
|
variant: ['outline', 'ghost'],
|
|
224
266
|
color: 'action',
|
|
225
|
-
|
|
226
|
-
className: 'accent-white'
|
|
267
|
+
className: 'accent-[var(--color-content-action)]'
|
|
227
268
|
}, {
|
|
228
269
|
variant: ['outline', 'ghost'],
|
|
229
270
|
color: 'danger',
|
|
230
|
-
|
|
231
|
-
className: 'accent-red-300'
|
|
271
|
+
className: 'accent-[var(--color-content-danger)]'
|
|
232
272
|
}, {
|
|
233
273
|
variant: ['outline', 'ghost'],
|
|
234
274
|
color: 'warning',
|
|
235
|
-
|
|
236
|
-
className: 'accent-amber-300'
|
|
275
|
+
className: 'accent-[var(--color-content-warning)]'
|
|
237
276
|
}, {
|
|
238
277
|
variant: ['outline', 'ghost'],
|
|
239
278
|
color: 'success',
|
|
240
|
-
|
|
241
|
-
className: 'accent-green-300'
|
|
279
|
+
className: 'accent-[var(--color-content-success)]'
|
|
242
280
|
}, {
|
|
243
281
|
variant: ['outline', 'ghost'],
|
|
244
282
|
color: 'info',
|
|
245
|
-
|
|
246
|
-
className: 'accent-sky-300'
|
|
283
|
+
className: 'accent-[var(--color-content-info)]'
|
|
247
284
|
}],
|
|
248
285
|
defaultVariants: {
|
|
249
286
|
variant: 'strong',
|
|
250
|
-
color: 'action'
|
|
251
|
-
mode: 'light'
|
|
287
|
+
color: 'action'
|
|
252
288
|
}
|
|
253
289
|
});
|
|
254
290
|
const buttonGroupVariants = exports.buttonGroupVariants = (0, _classVarianceAuthority.cva)([], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","buttonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","strong","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":[]}
|
|
@@ -6,18 +6,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.headingStyle = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
|
-
|
|
10
|
-
const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`${_primitives.COLOR_TEXT_PRIMARY} font-semibold tracking-tight my-0`, _reactNative.Platform.select({
|
|
9
|
+
const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`text-content-primary font-semibold tracking-tight my-0`, _reactNative.Platform.select({
|
|
11
10
|
web: 'font-sans bg-transparent display-inline no-underline',
|
|
12
11
|
default: ''
|
|
13
12
|
})], {
|
|
14
13
|
variants: {
|
|
15
14
|
size: {
|
|
16
|
-
xl: '
|
|
17
|
-
lg: '
|
|
18
|
-
md: '
|
|
19
|
-
sm: '
|
|
20
|
-
xs: '
|
|
15
|
+
xl: 'heading-xl',
|
|
16
|
+
lg: 'heading-lg',
|
|
17
|
+
md: 'heading-md',
|
|
18
|
+
sm: 'heading-sm',
|
|
19
|
+
xs: 'heading-xs'
|
|
21
20
|
}
|
|
22
21
|
}
|
|
23
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,2BAAG,EAC7B,CACE,wDAAwD,EACxDC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -44,7 +44,6 @@ function IconButtonGlyph({
|
|
|
44
44
|
const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
45
45
|
variant = 'solid',
|
|
46
46
|
size = 'default',
|
|
47
|
-
mode = 'light',
|
|
48
47
|
className,
|
|
49
48
|
style,
|
|
50
49
|
as: IconComponent,
|
|
@@ -54,15 +53,11 @@ const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
54
53
|
}, ref) => {
|
|
55
54
|
const rootClassName = (0, _utils.cn)((0, _styles.iconButtonRootVariants)({
|
|
56
55
|
variant,
|
|
57
|
-
size
|
|
58
|
-
mode
|
|
56
|
+
size
|
|
59
57
|
}), className);
|
|
60
58
|
const glyphClassName = (0, _utils.cn)((0, _styles.iconButtonGlyphVariants)({
|
|
61
59
|
size
|
|
62
|
-
}), (0, _styles.iconButtonIconColorVariants)(
|
|
63
|
-
variant,
|
|
64
|
-
mode
|
|
65
|
-
}), iconClassName);
|
|
60
|
+
}), (0, _styles.iconButtonIconColorVariants)(), iconClassName);
|
|
66
61
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonPrimitive, {
|
|
67
62
|
ref: ref,
|
|
68
63
|
accessibilityRole: accessibilityRole,
|
|
@@ -1 +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","
|
|
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","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;EAChBZ,SAAS;EACTa,KAAK;EACLf,EAAE,EAAEC,aAAa;EACjBe,aAAa;EACbC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,8BAAsB,EAAC;IAAET,OAAO;IAAEC;EAAK,CAAC,CAAC,EAAEZ,SAAS,CAAC;EAE9E,MAAMqB,cAAc,GAAG,IAAAF,SAAE,EACvB,IAAAG,+BAAuB,EAAC;IAAEV;EAAK,CAAC,CAAC,EACjC,IAAAW,mCAA2B,EAAC,CAAC,EAC7BT,aACF,CAAC;EAED,oBACE,IAAA5B,WAAA,CAAAqB,GAAA,EAACpB,mBAAmB;IAClB8B,GAAG,EAAEA,GAAI;IACTF,iBAAiB,EAAEA,iBAAkB;IACrCf,SAAS,EAAEkB,aAAc;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAQ,QAAA,eAET,IAAAtC,WAAA,CAAAqB,GAAA,EAACV,eAAe;MAACC,EAAE,EAAEC,aAAc;MAACC,SAAS,EAAEqB;IAAe,CAAE;EAAC,CAC9C,CAAC;AAE1B,CACF,CAAC;AAEDZ,cAAc,CAACgB,WAAW,GAAG,YAAY;AAElC,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGjB,cAAc","ignoreList":[]}
|