@cdx-ui/components 0.0.1-beta.24 → 0.0.1-beta.26
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/styles.js +1 -1
- package/lib/commonjs/components/Checkbox/index.js +5 -29
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +39 -47
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Field/index.js +8 -2
- package/lib/commonjs/components/Field/index.js.map +1 -1
- package/lib/commonjs/components/Field/styles.js +4 -4
- package/lib/commonjs/components/Field/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +6 -1
- package/lib/commonjs/components/IconButton/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +135 -10
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +7 -6
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/Radio/index.js +3 -1
- package/lib/commonjs/components/Radio/index.js.map +1 -1
- package/lib/commonjs/components/Radio/styles.js +6 -5
- package/lib/commonjs/components/Radio/styles.js.map +1 -1
- package/lib/commonjs/figma/Checkbox.figma.js +55 -0
- package/lib/commonjs/figma/Checkbox.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Input.figma.js +57 -0
- package/lib/commonjs/figma/Field.Input.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Select.figma.js +57 -0
- package/lib/commonjs/figma/Field.Select.figma.js.map +1 -0
- package/lib/commonjs/figma/IconButton.figma.js +47 -0
- package/lib/commonjs/figma/IconButton.figma.js.map +1 -0
- package/lib/commonjs/figma/Input.figma.js +52 -0
- package/lib/commonjs/figma/Input.figma.js.map +1 -0
- package/lib/commonjs/figma/Select.figma.js +53 -0
- package/lib/commonjs/figma/Select.figma.js.map +1 -0
- package/lib/module/components/Button/styles.js +1 -1
- package/lib/module/components/Checkbox/index.js +6 -30
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +40 -48
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Field/index.js +9 -3
- package/lib/module/components/Field/index.js.map +1 -1
- package/lib/module/components/Field/styles.js +4 -4
- package/lib/module/components/Field/styles.js.map +1 -1
- package/lib/module/components/IconButton/index.js +6 -1
- package/lib/module/components/IconButton/index.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +135 -10
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Input/styles.js +7 -6
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/Radio/index.js +3 -1
- package/lib/module/components/Radio/index.js.map +1 -1
- package/lib/module/components/Radio/styles.js +6 -6
- package/lib/module/components/Radio/styles.js.map +1 -1
- package/lib/module/figma/Checkbox.figma.js +49 -0
- package/lib/module/figma/Checkbox.figma.js.map +1 -0
- package/lib/module/figma/Field.Input.figma.js +51 -0
- package/lib/module/figma/Field.Input.figma.js.map +1 -0
- package/lib/module/figma/Field.Select.figma.js +51 -0
- package/lib/module/figma/Field.Select.figma.js.map +1 -0
- package/lib/module/figma/IconButton.figma.js +41 -0
- package/lib/module/figma/IconButton.figma.js.map +1 -0
- package/lib/module/figma/Input.figma.js +46 -0
- package/lib/module/figma/Input.figma.js.map +1 -0
- package/lib/module/figma/Select.figma.js +47 -0
- package/lib/module/figma/Select.figma.js.map +1 -0
- package/lib/typescript/components/Checkbox/index.d.ts +1 -2
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/styles.d.ts +4 -14
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/Field/FieldLabel.web.d.ts +2 -2
- package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -1
- package/lib/typescript/components/Field/index.d.ts.map +1 -1
- package/lib/typescript/components/Field/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 +6 -2
- 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/Radio/index.d.ts.map +1 -1
- package/lib/typescript/components/Radio/styles.d.ts.map +1 -1
- package/lib/typescript/figma/Checkbox.figma.d.ts +8 -0
- package/lib/typescript/figma/Checkbox.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.Select.figma.d.ts.map +1 -0
- package/lib/typescript/figma/IconButton.figma.d.ts +8 -0
- package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Input.figma.d.ts +8 -0
- package/lib/typescript/figma/Input.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Select.figma.d.ts +8 -0
- package/lib/typescript/figma/Select.figma.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/Button/styles.ts +1 -1
- package/src/components/Checkbox/index.tsx +8 -19
- package/src/components/Checkbox/styles.ts +82 -84
- package/src/components/Field/FieldLabel.web.tsx +1 -1
- package/src/components/Field/index.tsx +10 -3
- package/src/components/Field/styles.ts +5 -4
- package/src/components/IconButton/index.tsx +3 -2
- package/src/components/IconButton/styles.ts +135 -9
- package/src/components/Input/styles.ts +12 -7
- package/src/components/Radio/index.tsx +2 -1
- package/src/components/Radio/styles.ts +11 -11
|
@@ -12,11 +12,8 @@ var _utils = require("@cdx-ui/utils");
|
|
|
12
12
|
var _Icon = require("../Icon");
|
|
13
13
|
var _styles = require("./styles");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
const SCOPE = 'CHECKBOX';
|
|
16
|
-
const Root = (0, _utils.withStyleContext)(_reactNative.Pressable, SCOPE);
|
|
17
|
-
const useCheckboxStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
|
|
18
15
|
const CheckboxPrimitive = (0, _primitives.createCheckbox)({
|
|
19
|
-
Root,
|
|
16
|
+
Root: _reactNative.Pressable,
|
|
20
17
|
Indicator: _reactNative.View,
|
|
21
18
|
Icon: _reactNative.View,
|
|
22
19
|
Label: _reactNative.Text,
|
|
@@ -28,24 +25,18 @@ const CheckboxPrimitive = (0, _primitives.createCheckbox)({
|
|
|
28
25
|
// =============================================================================
|
|
29
26
|
|
|
30
27
|
const CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
31
|
-
size = 'default',
|
|
32
28
|
className,
|
|
33
29
|
isIndeterminate,
|
|
34
30
|
children,
|
|
35
31
|
style,
|
|
36
32
|
...props
|
|
37
33
|
}, ref) => {
|
|
38
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxRootVariants)(
|
|
39
|
-
size
|
|
40
|
-
}), className);
|
|
34
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxRootVariants)(), className);
|
|
41
35
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CheckboxPrimitive, {
|
|
42
36
|
ref: ref,
|
|
43
37
|
className: computedClassName,
|
|
44
38
|
isIndeterminate: isIndeterminate,
|
|
45
39
|
style: style,
|
|
46
|
-
context: {
|
|
47
|
-
size
|
|
48
|
-
},
|
|
49
40
|
...props,
|
|
50
41
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxIndicator, {
|
|
51
42
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Icon, {
|
|
@@ -68,12 +59,7 @@ const CheckboxIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
68
59
|
style,
|
|
69
60
|
...props
|
|
70
61
|
}, ref) => {
|
|
71
|
-
const
|
|
72
|
-
size
|
|
73
|
-
} = useCheckboxStyleContext();
|
|
74
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)({
|
|
75
|
-
size
|
|
76
|
-
}), className);
|
|
62
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)(), className);
|
|
77
63
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Indicator, {
|
|
78
64
|
ref: ref,
|
|
79
65
|
className: computedClassName,
|
|
@@ -93,12 +79,7 @@ const CheckboxIcon = ({
|
|
|
93
79
|
style,
|
|
94
80
|
...props
|
|
95
81
|
}) => {
|
|
96
|
-
const
|
|
97
|
-
size
|
|
98
|
-
} = useCheckboxStyleContext();
|
|
99
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)({
|
|
100
|
-
size
|
|
101
|
-
}), className);
|
|
82
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)(), className);
|
|
102
83
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
103
84
|
className: computedClassName,
|
|
104
85
|
style: style,
|
|
@@ -117,12 +98,7 @@ const CheckboxLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
117
98
|
style,
|
|
118
99
|
...props
|
|
119
100
|
}, ref) => {
|
|
120
|
-
const
|
|
121
|
-
size
|
|
122
|
-
} = useCheckboxStyleContext();
|
|
123
|
-
const computedClassName = (0, _utils.cn)((0, _styles.checkboxLabelVariants)({
|
|
124
|
-
size
|
|
125
|
-
}), className);
|
|
101
|
+
const computedClassName = (0, _utils.cn)((0, _styles.checkboxLabelVariants)(), className);
|
|
126
102
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Label, {
|
|
127
103
|
ref: ref,
|
|
128
104
|
className: computedClassName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_styles","_jsxRuntime","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_styles","_jsxRuntime","CheckboxPrimitive","createCheckbox","Root","Pressable","Indicator","View","Icon","Label","Text","Group","CheckboxRoot","forwardRef","className","isIndeterminate","children","style","props","ref","computedClassName","cn","checkboxRootVariants","jsxs","jsx","CheckboxIndicator","CheckboxIcon","as","CheckIndeterminateSmall","Check","displayName","checkboxIndicatorVariants","checkboxIconVariants","CheckboxLabel","checkboxLabelVariants","CheckboxGroup","direction","value","onChange","isDisabled","isInvalid","isReadOnly","viewProps","checkboxGroupVariants","Checkbox","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,53 +7,45 @@ exports.checkboxRootVariants = exports.checkboxLabelVariants = exports.checkboxI
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
9
|
var _primitives = require("../../styles/primitives");
|
|
10
|
-
const checkboxRootVariants = exports.checkboxRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
web: [
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
small: 'text-sm',
|
|
50
|
-
default: 'text-base'
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
defaultVariants: {
|
|
54
|
-
size: 'default'
|
|
55
|
-
}
|
|
56
|
-
});
|
|
10
|
+
const checkboxRootVariants = exports.checkboxRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-2.5', _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR,
|
|
11
|
+
// Suppress stray outline on the Pressable/label wrapper; focus ring is drawn on Checkbox.Indicator (Radio pattern).
|
|
12
|
+
'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
|
|
13
|
+
const checkboxIndicatorVariants = exports.checkboxIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'h-5 w-5', 'rounded', 'border-2 border-solid', 'data-[disabled=true]:opacity-50',
|
|
14
|
+
// Background — layered by specificity. checked=false acts as an explicit reset so the base bg
|
|
15
|
+
// reasserts when transitioning from checked/indeterminate on native (where absent attributes
|
|
16
|
+
// break data-[attr=false] selectors).
|
|
17
|
+
// IMPORTANT: On native (Uniwind), only the LAST data-[] condition in a compound chain is
|
|
18
|
+
// effectively evaluated. Place the most discriminating condition last to avoid false matches.
|
|
19
|
+
'data-[checked=false]:bg-surface-primary', 'data-[checked=true]:bg-surface-action-strong', 'data-[indeterminate=true]:bg-surface-action-strong',
|
|
20
|
+
// Border — invalid (later) beats checked/indeterminate.
|
|
21
|
+
'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[indeterminate=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
|
|
22
|
+
web: [
|
|
23
|
+
// Invalid bg — compound selectors evaluate correctly on web.
|
|
24
|
+
'data-[invalid=true]:data-[checked=true]:bg-surface-danger-strong', 'data-[invalid=true]:data-[indeterminate=true]:bg-surface-danger-strong', _primitives.TRANSITION_COLORS,
|
|
25
|
+
// Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
|
|
26
|
+
'data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:bg-content-secondary/[0.08]',
|
|
27
|
+
// Hover — unchecked + invalid (overlay uses danger token)
|
|
28
|
+
'data-[hover=true]:data-[invalid=true]:data-[checked=false]:data-[indeterminate=false]:bg-surface-danger-strong/[0.08]',
|
|
29
|
+
// Hover — checked / indeterminate (bg + border darken together)
|
|
30
|
+
'data-[hover=true]:data-[checked=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[checked=true]:border-[--color-surface-action-strong-hover]', 'data-[hover=true]:data-[indeterminate=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[indeterminate=true]:border-[--color-surface-action-strong-hover]', 'data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-hover', 'data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-[--color-surface-danger-strong-hover]', 'data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong-hover', 'data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:border-[--color-surface-danger-strong-hover]',
|
|
31
|
+
// Active — CSS :active pseudo-class (web root does not track press via data-active).
|
|
32
|
+
// data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
|
|
33
|
+
'web:active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-[--color-surface-action-strong-active]', 'web:active:data-[hover=true]:data-[indeterminate=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:border-[--color-surface-action-strong-active]', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-[--color-surface-danger-strong-active]', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:border-[--color-surface-danger-strong-active]',
|
|
34
|
+
// Focus ring
|
|
35
|
+
'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-ring] web:data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
36
|
+
default: [
|
|
37
|
+
// Invalid bg is NOT styled on native. Compound data-[] selectors cannot express
|
|
38
|
+
// "invalid AND checked" without false-matching other states (Uniwind only evaluates
|
|
39
|
+
// the last condition). Invalid state is communicated via border-stroke-danger (single
|
|
40
|
+
// condition, always correct). The fill stays action-strong for checked/indeterminate.
|
|
41
|
+
//
|
|
42
|
+
// Active — native tracks press via data-[active] from usePress.
|
|
43
|
+
// Place data-[active=true] last so the rule only fires during press.
|
|
44
|
+
// 'data-[checked=false]:data-[invalid=true]:bg-transparent',
|
|
45
|
+
'data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong', 'data-[checked=true]:data-[active=true]:bg-surface-action-strong-active', 'data-[checked=true]:data-[active=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'data-[indeterminate=true]:data-[active=true]:bg-surface-action-strong-active'].join(' ')
|
|
46
|
+
})]);
|
|
47
|
+
const checkboxIconVariants = exports.checkboxIconVariants = (0, _classVarianceAuthority.cva)(['text-white', 'h-5 w-5']);
|
|
48
|
+
const checkboxLabelVariants = exports.checkboxLabelVariants = (0, _classVarianceAuthority.cva)(['text-content-primary text-base', 'data-[disabled=true]:text-content-tertiary']);
|
|
57
49
|
const checkboxGroupVariants = exports.checkboxGroupVariants = (0, _classVarianceAuthority.cva)([], {
|
|
58
50
|
variants: {
|
|
59
51
|
direction: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","checkboxRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","checkboxRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","checkboxIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","checkboxIconVariants","checkboxLabelVariants","checkboxGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,2BAAG,EAAC,CACtC,+BAA+B,EAC/BC,4BAAgB,EAChBC,2BAAe;AACf;AACA,wEAAwE,CACzE,CAAC;AAEK,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAG,IAAAH,2BAAG,EAAC,CAC3C,6BAA6B,EAC7B,SAAS,EACT,SAAS,EACT,uBAAuB,EACvB,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA,yCAAyC,EACzC,8CAA8C,EAC9C,oDAAoD;AACpD;AACA,+CAA+C,EAC/C,0CAA0C,EAC1C,gDAAgD,EAChD,0CAA0C,EAC1CI,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE;EACH;EACA,kEAAkE,EAClE,wEAAwE,EACxEC,6BAAiB;EACjB;EACA,+FAA+F;EAC/F;EACA,uHAAuH;EACvH;EACA,sEAAsE,EACtE,oFAAoF,EACpF,4EAA4E,EAC5E,0FAA0F,EAC1F,0FAA0F,EAC1F,wGAAwG,EACxG,gGAAgG,EAChG,8GAA8G;EAC9G;EACA;EACA,kFAAkF,EAClF,gGAAgG,EAChG,wFAAwF,EACxF,sGAAsG,EACtG,sGAAsG,EACtG,oHAAoH,EACpH,4GAA4G,EAC5G,0HAA0H;EAC1H;EACA,4CAA4C,EAC5C,2IAA2I,CAC5I,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEAAkE,EAClE,wEAAwE,EACxE,4FAA4F,EAC5F,8EAA8E,CAC/E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,oBAAoB,GAAAX,OAAA,CAAAW,oBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAE3D,MAAMW,qBAAqB,GAAAZ,OAAA,CAAAY,qBAAA,GAAG,IAAAX,2BAAG,EAAC,CACvC,gCAAgC,EAChC,4CAA4C,CAC7C,CAAC;AAEK,MAAMY,qBAAqB,GAAAb,OAAA,CAAAa,qBAAA,GAAG,IAAAZ,2BAAG,EAAC,EAAE,EAAE;EAC3Ca,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -62,14 +62,20 @@ const FieldLabel = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
62
62
|
htmlFor,
|
|
63
63
|
...props
|
|
64
64
|
}, ref) => {
|
|
65
|
-
const
|
|
65
|
+
const {
|
|
66
|
+
isLabelFocused,
|
|
67
|
+
isInvalid
|
|
68
|
+
} = (0, _utils.useFormControlContext)();
|
|
69
|
+
// Native: inject text-content-action via context (group-has CSS handles web).
|
|
70
|
+
// native: prefix keeps this class inert on web so it never conflicts with text-content-primary.
|
|
71
|
+
const labelClassName = (0, _utils.cn)((0, _styles.fieldLabelVariants)(), isLabelFocused && !isInvalid && 'native:text-content-action', className);
|
|
66
72
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldPrimitive.Label, {
|
|
67
73
|
ref: ref,
|
|
68
74
|
className: labelClassName,
|
|
69
75
|
style: style,
|
|
70
76
|
htmlFor: htmlFor,
|
|
71
77
|
requiredIndicator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
72
|
-
className: "text-
|
|
78
|
+
className: "text-content-danger",
|
|
73
79
|
"aria-hidden": true,
|
|
74
80
|
children: ' *'
|
|
75
81
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_FieldLabel","_styles","_jsxRuntime","FieldPrimitive","createField","Root","View","Label","BaseFieldLabel","Helper","HelperText","Text","Error","ErrorText","ErrorIcon","FieldRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","fieldRootVariants","jsx","displayName","FieldLabel","htmlFor","labelClassName","fieldLabelVariants","requiredIndicator","FieldHelper","containerClassName","fieldHelperVariants","textClassName","fieldHelperTextVariants","FieldErrorIcon","fieldErrorIconVariants","Icon","as","FieldError","fieldErrorVariants","fieldErrorTextVariants","jsxs","Field","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAYkB,IAAAQ,WAAA,GAAAR,OAAA;AAElB;AACA;AACA;AAEA,MAAMS,cAAc,GAAG,IAAAC,uBAAW,EAAC;EACjCC,IAAI,EAAEC,iBAAI;EACVC,KAAK,EAAEC,0BAAc;EACrBC,MAAM,EAAEH,iBAAI;EACZI,UAAU,EAAEC,iBAAI;EAChBC,KAAK,EAAEN,iBAAI;EACXO,SAAS,EAAEF,iBAAI;EACfG,SAAS,EAAER;AACb,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMS,SAAS,gBAAG,IAAAC,iBAAU,EAC1B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,yBAAiB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAE5D,oBACE,IAAAf,WAAA,CAAAuB,GAAA,EAACtB,cAAc;IAACkB,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAC5EA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC;AAEDH,SAAS,CAACW,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;AAIA,MAAMC,UAAU,gBAAG,IAAAX,iBAAU,EAC3B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAES,OAAO;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_FieldLabel","_styles","_jsxRuntime","FieldPrimitive","createField","Root","View","Label","BaseFieldLabel","Helper","HelperText","Text","Error","ErrorText","ErrorIcon","FieldRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","fieldRootVariants","jsx","displayName","FieldLabel","htmlFor","isLabelFocused","isInvalid","useFormControlContext","labelClassName","fieldLabelVariants","requiredIndicator","FieldHelper","containerClassName","fieldHelperVariants","textClassName","fieldHelperTextVariants","FieldErrorIcon","fieldErrorIconVariants","Icon","as","FieldError","fieldErrorVariants","fieldErrorTextVariants","jsxs","Field","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.fieldRootVariants = exports.fieldLabelVariants = exports.fieldHelperVariants = exports.fieldHelperTextVariants = exports.fieldErrorVariants = exports.fieldErrorTextVariants = exports.fieldErrorIconVariants = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
8
|
var _primitives = require("../../styles/primitives");
|
|
9
|
-
const fieldRootVariants = exports.fieldRootVariants = (0, _classVarianceAuthority.cva)(['flex-col gap-2', 'web:last:mb-0', _primitives.DISABLED_OPACITY]);
|
|
10
|
-
const fieldLabelVariants = exports.fieldLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center',
|
|
11
|
-
const fieldHelperVariants = exports.fieldHelperVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center']);
|
|
9
|
+
const fieldRootVariants = exports.fieldRootVariants = (0, _classVarianceAuthority.cva)(['group flex-col gap-2', 'web:last:mb-0', _primitives.DISABLED_OPACITY]);
|
|
10
|
+
const fieldLabelVariants = exports.fieldLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center', 'overflow-hidden', 'web:cursor-pointer', 'web:group-has-[[data-focus=true]]:data-[invalid=false]:text-content-action', 'data-[invalid=true]:text-content-danger']);
|
|
11
|
+
const fieldHelperVariants = exports.fieldHelperVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center min-h-4']);
|
|
12
12
|
const fieldHelperTextVariants = exports.fieldHelperTextVariants = (0, _classVarianceAuthority.cva)(['body-sm', 'text-content-tertiary']);
|
|
13
|
-
const fieldErrorVariants = exports.fieldErrorVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-
|
|
13
|
+
const fieldErrorVariants = exports.fieldErrorVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-0.5 min-h-4']);
|
|
14
14
|
const fieldErrorTextVariants = exports.fieldErrorTextVariants = (0, _classVarianceAuthority.cva)(['body-sm', 'text-content-danger']);
|
|
15
15
|
const fieldErrorIconVariants = exports.fieldErrorIconVariants = (0, _classVarianceAuthority.cva)(['size-3.5', 'text-content-danger']);
|
|
16
16
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","_primitives","fieldRootVariants","exports","cva","DISABLED_OPACITY","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_primitives","fieldRootVariants","exports","cva","DISABLED_OPACITY","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,sBAAsB,EAAE,eAAe,EAAEC,4BAAgB,CAAC,CAAC;AAE1F,MAAMC,kBAAkB,GAAAH,OAAA,CAAAG,kBAAA,GAAG,IAAAF,2BAAG,EAAC,CACpC,SAAS,EACT,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,4EAA4E,EAC5E,yCAAyC,CAC1C,CAAC;AAEK,MAAMG,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAG,IAAAH,2BAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC;AAElE,MAAMI,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAG,IAAAJ,2BAAG,EAAC,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;AAEzE,MAAMK,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC;AAEzE,MAAMM,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;AAEtE,MAAMO,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -43,6 +43,7 @@ function IconButtonGlyph({
|
|
|
43
43
|
}
|
|
44
44
|
const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
45
45
|
variant = 'solid',
|
|
46
|
+
color = 'neutral',
|
|
46
47
|
size = 'default',
|
|
47
48
|
className,
|
|
48
49
|
style,
|
|
@@ -53,11 +54,15 @@ const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
53
54
|
}, ref) => {
|
|
54
55
|
const rootClassName = (0, _utils.cn)((0, _styles.iconButtonRootVariants)({
|
|
55
56
|
variant,
|
|
57
|
+
color,
|
|
56
58
|
size
|
|
57
59
|
}), className);
|
|
58
60
|
const glyphClassName = (0, _utils.cn)((0, _styles.iconButtonGlyphVariants)({
|
|
59
61
|
size
|
|
60
|
-
}), (0, _styles.iconButtonIconColorVariants)(
|
|
62
|
+
}), (0, _styles.iconButtonIconColorVariants)({
|
|
63
|
+
variant,
|
|
64
|
+
color
|
|
65
|
+
}), iconClassName);
|
|
61
66
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonPrimitive, {
|
|
62
67
|
ref: ref,
|
|
63
68
|
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","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;
|
|
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","color","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,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,SAAS;EAChBb,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,KAAK;IAAEC;EAAK,CAAC,CAAC,EAAEb,SAAS,CAAC;EAErF,MAAMsB,cAAc,GAAG,IAAAF,SAAE,EACvB,IAAAG,+BAAuB,EAAC;IAAEV;EAAK,CAAC,CAAC,EACjC,IAAAW,mCAA2B,EAAC;IAAEb,OAAO;IAAEC;EAAM,CAAC,CAAC,EAC/CG,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":[]}
|
|
@@ -7,25 +7,96 @@ exports.iconButtonRootVariants = exports.iconButtonIconColorVariants = exports.i
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
9
|
var _primitives = require("../../styles/primitives");
|
|
10
|
-
const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center', 'rounded-[var(--border-radius-round)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-ring] web:data-[focus-visible=true]:ring-offset-2'], {
|
|
10
|
+
const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center', 'rounded-[var(--border-radius-round)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)] web:data-[focus-visible=true]:ring-offset-2'], {
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
13
|
-
solid: [
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
solid: [],
|
|
14
|
+
tint: [],
|
|
15
|
+
ghost: ['bg-transparent']
|
|
16
|
+
},
|
|
17
|
+
color: {
|
|
18
|
+
neutral: [],
|
|
19
|
+
action: [],
|
|
20
|
+
danger: []
|
|
21
21
|
},
|
|
22
22
|
size: {
|
|
23
23
|
default: 'h-11 w-11 min-w-11 shrink-0 p-2.5',
|
|
24
24
|
small: 'h-8 w-8 min-w-8 shrink-0 p-1.5'
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
|
+
compoundVariants: [
|
|
28
|
+
// ── solid × color ───────────────────────────────────────────────────
|
|
29
|
+
{
|
|
30
|
+
variant: 'solid',
|
|
31
|
+
color: 'neutral',
|
|
32
|
+
className: ['bg-surface-primary border border-stroke-secondary', _reactNative.Platform.select({
|
|
33
|
+
default: 'data-[active=true]:bg-surface-primary-active',
|
|
34
|
+
web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
|
|
35
|
+
})]
|
|
36
|
+
}, {
|
|
37
|
+
variant: 'solid',
|
|
38
|
+
color: 'action',
|
|
39
|
+
className: ['bg-surface-action-strong', _reactNative.Platform.select({
|
|
40
|
+
default: 'data-[active=true]:bg-surface-action-strong-active',
|
|
41
|
+
web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
|
|
42
|
+
})]
|
|
43
|
+
}, {
|
|
44
|
+
variant: 'solid',
|
|
45
|
+
color: 'danger',
|
|
46
|
+
className: ['bg-surface-danger-strong', _reactNative.Platform.select({
|
|
47
|
+
default: 'data-[active=true]:bg-surface-danger-strong-active',
|
|
48
|
+
web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
|
|
49
|
+
})]
|
|
50
|
+
},
|
|
51
|
+
// ── tint × color ─────────────────────────────────────────────────
|
|
52
|
+
{
|
|
53
|
+
variant: 'tint',
|
|
54
|
+
color: 'neutral',
|
|
55
|
+
className: ['bg-surface-neutral-tint', _reactNative.Platform.select({
|
|
56
|
+
default: 'data-[active=true]:bg-surface-neutral-tint-active',
|
|
57
|
+
web: 'data-[hover=true]:bg-surface-neutral-tint-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-tint-active'
|
|
58
|
+
})]
|
|
59
|
+
}, {
|
|
60
|
+
variant: 'tint',
|
|
61
|
+
color: 'action',
|
|
62
|
+
className: ['bg-surface-action-tint', _reactNative.Platform.select({
|
|
63
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
64
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
|
|
65
|
+
})]
|
|
66
|
+
}, {
|
|
67
|
+
variant: 'tint',
|
|
68
|
+
color: 'danger',
|
|
69
|
+
className: ['bg-surface-danger-tint', _reactNative.Platform.select({
|
|
70
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
71
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
|
|
72
|
+
})]
|
|
73
|
+
},
|
|
74
|
+
// ── ghost × color ──────────────────────────────────────────────────
|
|
75
|
+
{
|
|
76
|
+
variant: 'ghost',
|
|
77
|
+
color: 'neutral',
|
|
78
|
+
className: [_reactNative.Platform.select({
|
|
79
|
+
default: 'data-[active=true]:bg-surface-primary-active',
|
|
80
|
+
web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
|
|
81
|
+
})]
|
|
82
|
+
}, {
|
|
83
|
+
variant: 'ghost',
|
|
84
|
+
color: 'action',
|
|
85
|
+
className: [_reactNative.Platform.select({
|
|
86
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
87
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
|
|
88
|
+
})]
|
|
89
|
+
}, {
|
|
90
|
+
variant: 'ghost',
|
|
91
|
+
color: 'danger',
|
|
92
|
+
className: [_reactNative.Platform.select({
|
|
93
|
+
default: 'data-[active=true]:bg-surface-danger-tint-active',
|
|
94
|
+
web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
|
|
95
|
+
})]
|
|
96
|
+
}],
|
|
27
97
|
defaultVariants: {
|
|
28
98
|
variant: 'solid',
|
|
99
|
+
color: 'neutral',
|
|
29
100
|
size: 'default'
|
|
30
101
|
}
|
|
31
102
|
});
|
|
@@ -40,5 +111,59 @@ const iconButtonGlyphVariants = exports.iconButtonGlyphVariants = (0, _classVari
|
|
|
40
111
|
size: 'default'
|
|
41
112
|
}
|
|
42
113
|
});
|
|
43
|
-
const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0, _classVarianceAuthority.cva)([
|
|
114
|
+
const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0, _classVarianceAuthority.cva)([], {
|
|
115
|
+
variants: {
|
|
116
|
+
variant: {
|
|
117
|
+
solid: [],
|
|
118
|
+
tint: [],
|
|
119
|
+
ghost: []
|
|
120
|
+
},
|
|
121
|
+
color: {
|
|
122
|
+
neutral: [],
|
|
123
|
+
action: [],
|
|
124
|
+
danger: []
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
compoundVariants: [{
|
|
128
|
+
variant: 'solid',
|
|
129
|
+
color: 'neutral',
|
|
130
|
+
className: 'text-content-primary'
|
|
131
|
+
}, {
|
|
132
|
+
variant: 'solid',
|
|
133
|
+
color: 'action',
|
|
134
|
+
className: 'text-content-action-on-strong'
|
|
135
|
+
}, {
|
|
136
|
+
variant: 'solid',
|
|
137
|
+
color: 'danger',
|
|
138
|
+
className: 'text-content-danger-on-strong'
|
|
139
|
+
}, {
|
|
140
|
+
variant: 'tint',
|
|
141
|
+
color: 'neutral',
|
|
142
|
+
className: 'text-content-primary'
|
|
143
|
+
}, {
|
|
144
|
+
variant: 'tint',
|
|
145
|
+
color: 'action',
|
|
146
|
+
className: 'text-content-action-on-subtle'
|
|
147
|
+
}, {
|
|
148
|
+
variant: 'tint',
|
|
149
|
+
color: 'danger',
|
|
150
|
+
className: 'text-content-danger-on-subtle'
|
|
151
|
+
}, {
|
|
152
|
+
variant: 'ghost',
|
|
153
|
+
color: 'neutral',
|
|
154
|
+
className: 'text-content-primary'
|
|
155
|
+
}, {
|
|
156
|
+
variant: 'ghost',
|
|
157
|
+
color: 'action',
|
|
158
|
+
className: 'text-content-action'
|
|
159
|
+
}, {
|
|
160
|
+
variant: 'ghost',
|
|
161
|
+
color: 'danger',
|
|
162
|
+
className: 'text-content-danger'
|
|
163
|
+
}],
|
|
164
|
+
defaultVariants: {
|
|
165
|
+
variant: 'solid',
|
|
166
|
+
color: 'neutral'
|
|
167
|
+
}
|
|
168
|
+
});
|
|
44
169
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","iconButtonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","iconButtonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","tint","ghost","color","neutral","action","danger","size","default","small","compoundVariants","className","Platform","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,15 +6,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.inputSlotVariants = exports.inputRootVariants = exports.inputIconVariants = exports.inputFieldVariants = exports.inputFieldPlaceholderVariants = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
8
|
var _primitives = require("../../styles/primitives");
|
|
9
|
-
const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-
|
|
9
|
+
const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-[length:var(--border-width-default)] border-stroke-primary', 'rounded-[var(--border-radius-default)]', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover', 'data-[focus=true]:border-[length:var(--border-width-focused)]', 'data-[focus=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger'], {
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
12
12
|
outline: []
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
default: ['h-11 min-h-11 px-4 py-3 gap-4',
|
|
16
|
+
// Subtract one hairline from padding when focused so the wider focus border doesn’t shift layout.
|
|
17
|
+
'data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
|
|
18
|
+
small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
|
|
18
19
|
}
|
|
19
20
|
},
|
|
20
21
|
defaultVariants: {
|
|
@@ -22,7 +23,7 @@ const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthorit
|
|
|
22
23
|
size: 'default'
|
|
23
24
|
}
|
|
24
25
|
});
|
|
25
|
-
const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', '
|
|
26
|
+
const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
|
|
26
27
|
variants: {
|
|
27
28
|
size: {
|
|
28
29
|
default: 'text-[0.875rem]',
|
|
@@ -33,7 +34,7 @@ const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthor
|
|
|
33
34
|
size: 'default'
|
|
34
35
|
}
|
|
35
36
|
});
|
|
36
|
-
const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center']);
|
|
37
|
+
const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center shrink-0']);
|
|
37
38
|
const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-content-tertiary'], {
|
|
38
39
|
variants: {
|
|
39
40
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,gFAAgF,EAChF,wCAAwC,EACxCC,6BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,2BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA,iEAAiE,EACjE,iEAAiE,CAClE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,iEAAiE,EACjE,iEAAiE;IAErE;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,0CAA0C,EAC1C,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
|