@cdx-ui/components 0.0.1-alpha.6 → 0.0.1-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/commonjs/components/Button/styles.js +12 -12
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/Stack/HStack.js +1 -1
- package/lib/commonjs/components/Stack/VStack.js +1 -1
- package/lib/module/components/Button/styles.js +12 -12
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/Stack/HStack.js +1 -1
- package/lib/module/components/Stack/VStack.js +1 -1
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Button/styles.ts +15 -10
- package/src/components/Stack/HStack.tsx +1 -1
- package/src/components/Stack/VStack.tsx +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Styled, theme-aware UI components for the Candescent Design System.
|
|
4
4
|
|
|
5
|
-
Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/
|
|
5
|
+
Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/styles`](../styles/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -9,21 +9,21 @@ var _classVarianceAuthority = require("class-variance-authority");
|
|
|
9
9
|
// TODO: Split into 2 files
|
|
10
10
|
// TODO: Create cva wrapper
|
|
11
11
|
|
|
12
|
-
const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-md', 'transition-colors duration-150',
|
|
12
|
+
const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center', 'rounded-md', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'transition-colors duration-150',
|
|
13
13
|
// TODO: Transition not working on mobile
|
|
14
|
-
'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', '
|
|
14
|
+
'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', 'web:data-[focus-visible=true]:ring-3'], {
|
|
15
15
|
variants: {
|
|
16
16
|
variant: {
|
|
17
17
|
solid: [],
|
|
18
18
|
subtle: [],
|
|
19
|
-
outline: ['bg-transparent border border-border', 'data-[hover=true]:bg-
|
|
20
|
-
ghost: ['bg-transparent', 'data-[hover=true]:bg-
|
|
19
|
+
outline: ['bg-transparent border border-neutral-border-strong', 'data-[hover=true]:bg-neutral-background', 'data-[active=true]:bg-neutral-border'],
|
|
20
|
+
ghost: ['bg-transparent', 'data-[hover=true]:bg-neutral-background', 'data-[active=true]:bg-neutral-border']
|
|
21
21
|
},
|
|
22
22
|
color: {
|
|
23
|
-
primary: [],
|
|
24
|
-
secondary: [],
|
|
25
|
-
success: [],
|
|
26
|
-
danger: []
|
|
23
|
+
primary: 'web:data-[focus-visible=true]:ring-blue-300/50',
|
|
24
|
+
secondary: 'web:data-[focus-visible=true]:ring-amber-300/50',
|
|
25
|
+
success: 'web:data-[focus-visible=true]:ring-green-300/50',
|
|
26
|
+
danger: 'web:data-[focus-visible=true]:ring-red-300/50'
|
|
27
27
|
},
|
|
28
28
|
size: {
|
|
29
29
|
sm: 'h-8 px-3 gap-1.5',
|
|
@@ -94,28 +94,28 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
|
|
|
94
94
|
}, {
|
|
95
95
|
variant: 'outline',
|
|
96
96
|
color: 'primary',
|
|
97
|
-
className: ['border-blue-500', _reactNative.Platform.select({
|
|
97
|
+
className: ['border-blue-500', 'data-[focus-visible=true]:border-blue-500', _reactNative.Platform.select({
|
|
98
98
|
default: 'data-[active=true]:border-blue-700 data-[active=true]:bg-blue-100',
|
|
99
99
|
web: 'data-[hover=true]:border-blue-600 data-[hover=true]:bg-blue-100 data-[active=true]:data-[hover=true]:border-blue-700 data-[active=true]:data-[hover=true]:bg-blue-200'
|
|
100
100
|
})]
|
|
101
101
|
}, {
|
|
102
102
|
variant: 'outline',
|
|
103
103
|
color: 'secondary',
|
|
104
|
-
className: ['border-amber-500', _reactNative.Platform.select({
|
|
104
|
+
className: ['border-amber-500', 'data-[focus-visible=true]:border-amber-500', _reactNative.Platform.select({
|
|
105
105
|
default: 'data-[active=true]:border-amber-700 data-[active=true]:bg-amber-50',
|
|
106
106
|
web: 'data-[hover=true]:border-amber-600 data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:border-amber-700 data-[active=true]:data-[hover=true]:bg-amber-100'
|
|
107
107
|
})]
|
|
108
108
|
}, {
|
|
109
109
|
variant: 'outline',
|
|
110
110
|
color: 'success',
|
|
111
|
-
className: ['border-green-500', _reactNative.Platform.select({
|
|
111
|
+
className: ['border-green-500', 'data-[focus-visible=true]:border-green-500', _reactNative.Platform.select({
|
|
112
112
|
default: 'data-[active=true]:border-green-700 data-[active=true]:bg-green-100',
|
|
113
113
|
web: 'data-[hover=true]:border-green-600 data-[hover=true]:bg-green-100 data-[active=true]:data-[hover=true]:border-green-700 data-[active=true]:data-[hover=true]:bg-green-200'
|
|
114
114
|
})]
|
|
115
115
|
}, {
|
|
116
116
|
variant: 'outline',
|
|
117
117
|
color: 'danger',
|
|
118
|
-
className: ['border-red-500', _reactNative.Platform.select({
|
|
118
|
+
className: ['border-red-500', 'data-[focus-visible=true]:border-red-500', _reactNative.Platform.select({
|
|
119
119
|
default: 'data-[active=true]:border-red-700 data-[active=true]:bg-red-100',
|
|
120
120
|
web: 'data-[hover=true]:border-red-600 data-[hover=true]:bg-red-100 data-[active=true]:data-[hover=true]:border-red-700 data-[active=true]:data-[hover=true]:bg-red-200'
|
|
121
121
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","buttonRootVariants","exports","cva","variants","variant","solid","subtle","outline","ghost","color","primary","secondary","success","danger","size","sm","md","lg","fullWidth","true","false","compoundVariants","className","Platform","select","default","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEA;AACA;;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CACE,sCAAsC,EACtC,YAAY,EACZ,gCAAgC;AAAE;AAClC,kHAAkH,EAClH,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","buttonRootVariants","exports","cva","variants","variant","solid","subtle","outline","ghost","color","primary","secondary","success","danger","size","sm","md","lg","fullWidth","true","false","compoundVariants","className","Platform","select","default","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ exports.HStack = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// import { spacing } from '@cdx-ui/
|
|
10
|
+
// import { spacing } from '@cdx-ui/styles';
|
|
11
11
|
|
|
12
12
|
// TODO: Integrate with tokens (multiply by spacing)
|
|
13
13
|
const spaceScale = {
|
|
@@ -7,7 +7,7 @@ exports.VStack = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// import { spacing } from '@cdx-ui/
|
|
10
|
+
// import { spacing } from '@cdx-ui/styles';
|
|
11
11
|
|
|
12
12
|
// TODO: Integrate with tokens (multiply by spacing)
|
|
13
13
|
const spaceScale = {
|
|
@@ -6,21 +6,21 @@ import { cva } from 'class-variance-authority';
|
|
|
6
6
|
// TODO: Split into 2 files
|
|
7
7
|
// TODO: Create cva wrapper
|
|
8
8
|
|
|
9
|
-
export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-md', 'transition-colors duration-150',
|
|
9
|
+
export const buttonRootVariants = cva(['flex-row items-center justify-center', 'rounded-md', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', 'transition-colors duration-150',
|
|
10
10
|
// TODO: Transition not working on mobile
|
|
11
|
-
'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', '
|
|
11
|
+
'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', 'web:data-[focus-visible=true]:ring-3'], {
|
|
12
12
|
variants: {
|
|
13
13
|
variant: {
|
|
14
14
|
solid: [],
|
|
15
15
|
subtle: [],
|
|
16
|
-
outline: ['bg-transparent border border-border', 'data-[hover=true]:bg-
|
|
17
|
-
ghost: ['bg-transparent', 'data-[hover=true]:bg-
|
|
16
|
+
outline: ['bg-transparent border border-neutral-border-strong', 'data-[hover=true]:bg-neutral-background', 'data-[active=true]:bg-neutral-border'],
|
|
17
|
+
ghost: ['bg-transparent', 'data-[hover=true]:bg-neutral-background', 'data-[active=true]:bg-neutral-border']
|
|
18
18
|
},
|
|
19
19
|
color: {
|
|
20
|
-
primary: [],
|
|
21
|
-
secondary: [],
|
|
22
|
-
success: [],
|
|
23
|
-
danger: []
|
|
20
|
+
primary: 'web:data-[focus-visible=true]:ring-blue-300/50',
|
|
21
|
+
secondary: 'web:data-[focus-visible=true]:ring-amber-300/50',
|
|
22
|
+
success: 'web:data-[focus-visible=true]:ring-green-300/50',
|
|
23
|
+
danger: 'web:data-[focus-visible=true]:ring-red-300/50'
|
|
24
24
|
},
|
|
25
25
|
size: {
|
|
26
26
|
sm: 'h-8 px-3 gap-1.5',
|
|
@@ -91,28 +91,28 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', '
|
|
|
91
91
|
}, {
|
|
92
92
|
variant: 'outline',
|
|
93
93
|
color: 'primary',
|
|
94
|
-
className: ['border-blue-500', Platform.select({
|
|
94
|
+
className: ['border-blue-500', 'data-[focus-visible=true]:border-blue-500', Platform.select({
|
|
95
95
|
default: 'data-[active=true]:border-blue-700 data-[active=true]:bg-blue-100',
|
|
96
96
|
web: 'data-[hover=true]:border-blue-600 data-[hover=true]:bg-blue-100 data-[active=true]:data-[hover=true]:border-blue-700 data-[active=true]:data-[hover=true]:bg-blue-200'
|
|
97
97
|
})]
|
|
98
98
|
}, {
|
|
99
99
|
variant: 'outline',
|
|
100
100
|
color: 'secondary',
|
|
101
|
-
className: ['border-amber-500', Platform.select({
|
|
101
|
+
className: ['border-amber-500', 'data-[focus-visible=true]:border-amber-500', Platform.select({
|
|
102
102
|
default: 'data-[active=true]:border-amber-700 data-[active=true]:bg-amber-50',
|
|
103
103
|
web: 'data-[hover=true]:border-amber-600 data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:border-amber-700 data-[active=true]:data-[hover=true]:bg-amber-100'
|
|
104
104
|
})]
|
|
105
105
|
}, {
|
|
106
106
|
variant: 'outline',
|
|
107
107
|
color: 'success',
|
|
108
|
-
className: ['border-green-500', Platform.select({
|
|
108
|
+
className: ['border-green-500', 'data-[focus-visible=true]:border-green-500', Platform.select({
|
|
109
109
|
default: 'data-[active=true]:border-green-700 data-[active=true]:bg-green-100',
|
|
110
110
|
web: 'data-[hover=true]:border-green-600 data-[hover=true]:bg-green-100 data-[active=true]:data-[hover=true]:border-green-700 data-[active=true]:data-[hover=true]:bg-green-200'
|
|
111
111
|
})]
|
|
112
112
|
}, {
|
|
113
113
|
variant: 'outline',
|
|
114
114
|
color: 'danger',
|
|
115
|
-
className: ['border-red-500', Platform.select({
|
|
115
|
+
className: ['border-red-500', 'data-[focus-visible=true]:border-red-500', Platform.select({
|
|
116
116
|
default: 'data-[active=true]:border-red-700 data-[active=true]:bg-red-100',
|
|
117
117
|
web: 'data-[hover=true]:border-red-600 data-[hover=true]:bg-red-100 data-[active=true]:data-[hover=true]:border-red-700 data-[active=true]:data-[hover=true]:bg-red-200'
|
|
118
118
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","buttonRootVariants","variants","variant","solid","subtle","outline","ghost","color","primary","secondary","success","danger","size","sm","md","lg","fullWidth","true","false","compoundVariants","className","select","default","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;;AAEjE;AACA;;AAEA,OAAO,MAAMC,kBAAkB,GAAGD,GAAG,CACnC,CACE,sCAAsC,EACtC,YAAY,EACZ,gCAAgC;AAAE;AAClC,kHAAkH,EAClH,
|
|
1
|
+
{"version":3,"names":["Platform","cva","buttonRootVariants","variants","variant","solid","subtle","outline","ghost","color","primary","secondary","success","danger","size","sm","md","lg","fullWidth","true","false","compoundVariants","className","select","default","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
-
// import { spacing } from '@cdx-ui/
|
|
5
|
+
// import { spacing } from '@cdx-ui/styles';
|
|
6
6
|
|
|
7
7
|
// TODO: Integrate with tokens (multiply by spacing)
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
-
// import { spacing } from '@cdx-ui/
|
|
5
|
+
// import { spacing } from '@cdx-ui/styles';
|
|
6
6
|
|
|
7
7
|
// TODO: Integrate with tokens (multiply by spacing)
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,kBAAkB;;;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,kBAAkB;;;;;8EAsO9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;8EA2F7B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EA6DhC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAiB9B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACzE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.8",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"class-variance-authority": "^0.7.1",
|
|
62
62
|
"uniwind": "1.4.1",
|
|
63
|
-
"@cdx-ui/primitives": "0.0.1-alpha.
|
|
64
|
-
"@cdx-ui/utils": "0.0.1-alpha.
|
|
63
|
+
"@cdx-ui/primitives": "0.0.1-alpha.8",
|
|
64
|
+
"@cdx-ui/utils": "0.0.1-alpha.8"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
67
67
|
"@types/react": "*",
|
|
@@ -8,9 +8,10 @@ export const buttonRootVariants = cva(
|
|
|
8
8
|
[
|
|
9
9
|
'flex-row items-center justify-center',
|
|
10
10
|
'rounded-md',
|
|
11
|
+
'web:outline-none web:focus:outline-none web:focus-visible:outline-none',
|
|
11
12
|
'transition-colors duration-150', // TODO: Transition not working on mobile
|
|
12
13
|
'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none',
|
|
13
|
-
'
|
|
14
|
+
'web:data-[focus-visible=true]:ring-3',
|
|
14
15
|
],
|
|
15
16
|
{
|
|
16
17
|
variants: {
|
|
@@ -18,21 +19,21 @@ export const buttonRootVariants = cva(
|
|
|
18
19
|
solid: [],
|
|
19
20
|
subtle: [],
|
|
20
21
|
outline: [
|
|
21
|
-
'bg-transparent border border-border',
|
|
22
|
-
'data-[hover=true]:bg-
|
|
23
|
-
'data-[active=true]:bg-
|
|
22
|
+
'bg-transparent border border-neutral-border-strong',
|
|
23
|
+
'data-[hover=true]:bg-neutral-background',
|
|
24
|
+
'data-[active=true]:bg-neutral-border',
|
|
24
25
|
],
|
|
25
26
|
ghost: [
|
|
26
27
|
'bg-transparent',
|
|
27
|
-
'data-[hover=true]:bg-
|
|
28
|
-
'data-[active=true]:bg-
|
|
28
|
+
'data-[hover=true]:bg-neutral-background',
|
|
29
|
+
'data-[active=true]:bg-neutral-border',
|
|
29
30
|
],
|
|
30
31
|
},
|
|
31
32
|
color: {
|
|
32
|
-
primary: [],
|
|
33
|
-
secondary: [],
|
|
34
|
-
success: [],
|
|
35
|
-
danger: [],
|
|
33
|
+
primary: 'web:data-[focus-visible=true]:ring-blue-300/50',
|
|
34
|
+
secondary: 'web:data-[focus-visible=true]:ring-amber-300/50',
|
|
35
|
+
success: 'web:data-[focus-visible=true]:ring-green-300/50',
|
|
36
|
+
danger: 'web:data-[focus-visible=true]:ring-red-300/50',
|
|
36
37
|
},
|
|
37
38
|
size: {
|
|
38
39
|
sm: 'h-8 px-3 gap-1.5',
|
|
@@ -138,6 +139,7 @@ export const buttonRootVariants = cva(
|
|
|
138
139
|
color: 'primary',
|
|
139
140
|
className: [
|
|
140
141
|
'border-blue-500',
|
|
142
|
+
'data-[focus-visible=true]:border-blue-500',
|
|
141
143
|
Platform.select({
|
|
142
144
|
default: 'data-[active=true]:border-blue-700 data-[active=true]:bg-blue-100',
|
|
143
145
|
web: 'data-[hover=true]:border-blue-600 data-[hover=true]:bg-blue-100 data-[active=true]:data-[hover=true]:border-blue-700 data-[active=true]:data-[hover=true]:bg-blue-200',
|
|
@@ -149,6 +151,7 @@ export const buttonRootVariants = cva(
|
|
|
149
151
|
color: 'secondary',
|
|
150
152
|
className: [
|
|
151
153
|
'border-amber-500',
|
|
154
|
+
'data-[focus-visible=true]:border-amber-500',
|
|
152
155
|
Platform.select({
|
|
153
156
|
default: 'data-[active=true]:border-amber-700 data-[active=true]:bg-amber-50',
|
|
154
157
|
web: 'data-[hover=true]:border-amber-600 data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:border-amber-700 data-[active=true]:data-[hover=true]:bg-amber-100',
|
|
@@ -160,6 +163,7 @@ export const buttonRootVariants = cva(
|
|
|
160
163
|
color: 'success',
|
|
161
164
|
className: [
|
|
162
165
|
'border-green-500',
|
|
166
|
+
'data-[focus-visible=true]:border-green-500',
|
|
163
167
|
Platform.select({
|
|
164
168
|
default: 'data-[active=true]:border-green-700 data-[active=true]:bg-green-100',
|
|
165
169
|
web: 'data-[hover=true]:border-green-600 data-[hover=true]:bg-green-100 data-[active=true]:data-[hover=true]:border-green-700 data-[active=true]:data-[hover=true]:bg-green-200',
|
|
@@ -171,6 +175,7 @@ export const buttonRootVariants = cva(
|
|
|
171
175
|
color: 'danger',
|
|
172
176
|
className: [
|
|
173
177
|
'border-red-500',
|
|
178
|
+
'data-[focus-visible=true]:border-red-500',
|
|
174
179
|
Platform.select({
|
|
175
180
|
default: 'data-[active=true]:border-red-700 data-[active=true]:bg-red-100',
|
|
176
181
|
web: 'data-[hover=true]:border-red-600 data-[hover=true]:bg-red-100 data-[active=true]:data-[hover=true]:border-red-700 data-[active=true]:data-[hover=true]:bg-red-200',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ForwardedRef } from 'react';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { View, type ViewProps } from 'react-native';
|
|
4
|
-
// import { spacing } from '@cdx-ui/
|
|
4
|
+
// import { spacing } from '@cdx-ui/styles';
|
|
5
5
|
|
|
6
6
|
// TODO: Integrate with tokens (multiply by spacing)
|
|
7
7
|
const spaceScale = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ForwardedRef } from 'react';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { View, type ViewProps } from 'react-native';
|
|
4
|
-
// import { spacing } from '@cdx-ui/
|
|
4
|
+
// import { spacing } from '@cdx-ui/styles';
|
|
5
5
|
|
|
6
6
|
// TODO: Integrate with tokens (multiply by spacing)
|
|
7
7
|
const spaceScale = {
|