@cdx-ui/components 0.0.1-beta.45 → 0.0.1-beta.46
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/Input/styles.js +1 -1
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/Select/SelectTriggerHost.web.js +4 -0
- package/lib/commonjs/components/Select/SelectTriggerHost.web.js.map +1 -1
- package/lib/commonjs/components/Select/index.js +9 -3
- package/lib/commonjs/components/Select/index.js.map +1 -1
- package/lib/commonjs/components/Select/styles.js +17 -20
- package/lib/commonjs/components/Select/styles.js.map +1 -1
- package/lib/commonjs/figma/Field.Select.figma.js +1 -1
- package/lib/commonjs/figma/Radio.figma.js +7 -5
- package/lib/commonjs/figma/Radio.figma.js.map +1 -1
- package/lib/commonjs/figma/Select.figma.js +3 -3
- package/lib/commonjs/figma/Select.figma.js.map +1 -1
- package/lib/module/components/Input/styles.js +1 -1
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/Select/SelectTriggerHost.web.js +4 -0
- package/lib/module/components/Select/SelectTriggerHost.web.js.map +1 -1
- package/lib/module/components/Select/index.js +10 -4
- package/lib/module/components/Select/index.js.map +1 -1
- package/lib/module/components/Select/styles.js +18 -21
- package/lib/module/components/Select/styles.js.map +1 -1
- package/lib/module/figma/Field.Select.figma.js +1 -1
- package/lib/module/figma/Radio.figma.js +7 -5
- package/lib/module/figma/Radio.figma.js.map +1 -1
- package/lib/module/figma/Select.figma.js +3 -3
- package/lib/module/figma/Select.figma.js.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts +3 -0
- package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts.map +1 -1
- package/lib/typescript/components/Select/index.d.ts +1 -1
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- package/lib/typescript/components/Select/styles.d.ts.map +1 -1
- package/lib/typescript/figma/Radio.figma.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/Input/styles.ts +2 -1
- package/src/components/Select/SelectTriggerHost.web.tsx +8 -1
- package/src/components/Select/index.tsx +9 -4
- package/src/components/Select/styles.ts +49 -51
|
@@ -6,7 +6,7 @@ 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-center overflow-hidden', 'bg-surface-primary', 'border-solid border-
|
|
9
|
+
const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-stroke-primary', 'web:border-default native:border-[length:var(--border-width-default)]', '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: []
|
|
@@ -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,8CAA8C,EAC9C,oBAAoB,EACpB,
|
|
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,oCAAoC,EACpC,uEAAuE,EACvE,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":[]}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.SelectTriggerHost = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _primitives = require("@cdx-ui/primitives");
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
12
|
/** Props that must not be forwarded to a DOM `<button>`. */
|
|
@@ -56,13 +57,16 @@ const SelectTriggerHost = exports.SelectTriggerHost = /*#__PURE__*/(0, _react.fo
|
|
|
56
57
|
style,
|
|
57
58
|
className,
|
|
58
59
|
testID,
|
|
60
|
+
dataSet,
|
|
59
61
|
...rest
|
|
60
62
|
} = props;
|
|
61
63
|
const domProps = filterDomProps(rest);
|
|
64
|
+
const dataAttrs = (0, _primitives.domDataAttributes)(dataSet ?? {});
|
|
62
65
|
const flattened = _reactNative.StyleSheet.flatten(style);
|
|
63
66
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
64
67
|
ref: ref,
|
|
65
68
|
...domProps,
|
|
69
|
+
...dataAttrs,
|
|
66
70
|
type: "button",
|
|
67
71
|
disabled: !!disabled,
|
|
68
72
|
className: typeof className === 'string' ? className : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","OMIT","Set","resolveChildren","children","pressed","filterDomProps","rest","entries","filter","key","fromEntries","webButtonLayoutStyle","display","flexDirection","alignItems","justifyContent","width","minWidth","textAlign","boxSizing","margin","font","lineHeight","WebkitAppearance","appearance","SelectTriggerHost","exports","forwardRef","props","ref","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","disabled","style","className","testID","domProps","flattened","StyleSheet","flatten","jsx","type","undefined","onClick","onPointerDown","onPointerUp","onPointerCancel","onMouseEnter","onMouseLeave","displayName"],"sourceRoot":"../../../../src","sources":["components/Select/SelectTriggerHost.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_primitives","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","OMIT","Set","resolveChildren","children","pressed","filterDomProps","rest","entries","filter","key","fromEntries","webButtonLayoutStyle","display","flexDirection","alignItems","justifyContent","width","minWidth","textAlign","boxSizing","margin","font","lineHeight","WebkitAppearance","appearance","SelectTriggerHost","exports","forwardRef","props","ref","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","disabled","style","className","testID","dataSet","domProps","dataAttrs","domDataAttributes","flattened","StyleSheet","flatten","jsx","type","undefined","onClick","onPointerDown","onPointerUp","onPointerCancel","onMouseEnter","onMouseLeave","displayName"],"sourceRoot":"../../../../src","sources":["components/Select/SelectTriggerHost.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -76,7 +76,7 @@ const SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
76
76
|
style: style,
|
|
77
77
|
...props,
|
|
78
78
|
children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectIcon, {
|
|
79
|
-
as: _icons.
|
|
79
|
+
as: _icons.KeyboardArrowDown
|
|
80
80
|
})]
|
|
81
81
|
});
|
|
82
82
|
});
|
|
@@ -113,6 +113,7 @@ SelectValue.displayName = 'Select.Value';
|
|
|
113
113
|
const SelectIcon = ({
|
|
114
114
|
className,
|
|
115
115
|
style,
|
|
116
|
+
as: IconComponent,
|
|
116
117
|
...props
|
|
117
118
|
}) => {
|
|
118
119
|
const {
|
|
@@ -121,10 +122,15 @@ const SelectIcon = ({
|
|
|
121
122
|
const computedClassName = (0, _utils.cn)((0, _styles.selectIconVariants)({
|
|
122
123
|
size
|
|
123
124
|
}), className);
|
|
124
|
-
|
|
125
|
+
const iconSizeClass = size === 'small' ? 'size-4' : 'size-5';
|
|
126
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Icon, {
|
|
125
127
|
className: computedClassName,
|
|
126
128
|
style: style,
|
|
127
|
-
|
|
129
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
130
|
+
as: IconComponent,
|
|
131
|
+
className: iconSizeClass,
|
|
132
|
+
...props
|
|
133
|
+
})
|
|
128
134
|
});
|
|
129
135
|
};
|
|
130
136
|
SelectIcon.displayName = 'Select.Icon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_SelectTriggerHost","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useSelectStyleContext","useStyleContext","SelectPrimitive","createSelect","Trigger","SelectTriggerHost","Value","Text","Icon","Content","Item","Pressable","ItemLabel","SelectRoot","forwardRef","variant","size","className","children","style","props","ref","jsx","context","displayName","SelectTrigger","computedClassName","cn","selectTriggerVariants","jsxs","SelectIcon","as","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_SelectTriggerHost","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useSelectStyleContext","useStyleContext","SelectPrimitive","createSelect","Trigger","SelectTriggerHost","Value","Text","Icon","Content","Item","Pressable","ItemLabel","SelectRoot","forwardRef","variant","size","className","children","style","props","ref","jsx","context","displayName","SelectTrigger","computedClassName","cn","selectTriggerVariants","jsxs","SelectIcon","as","KeyboardArrowDown","SelectValue","selectValueVariants","IconComponent","selectIconVariants","iconSizeClass","SelectContent","selectContentVariants","SelectItem","selectItemVariants","SelectItemLabel","selectItemLabelVariants","Select","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Select/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AASA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAQkB,IAAAQ,WAAA,GAAAR,OAAA;AAElB,MAAMS,KAAK,GAAG,QAAQ;AAEtB,MAAMC,IAAI,GAAG,IAAAC,uBAAgB,EAACC,iBAAI,EAAEH,KAAK,CAAC;AAE1C,MAAMI,qBAAqB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACL,KAAK,CAAuB;AAEhF,MAAMM,eAAe,GAAG,IAAAC,wBAAY,EAAC;EACnCN,IAAI;EACJO,OAAO,EAAEC,oCAAiB;EAC1BC,KAAK,EAAEC,iBAAI;EACXC,IAAI,EAAET,iBAAI;EACVU,OAAO,EAAEV,iBAAI;EACbW,IAAI,EAAEC,sBAAS;EACfC,SAAS,EAAEL;AACb,CAAC,CAAC;;AAEF;AACA;AACA;;AAMA,MAAMM,UAAU,gBAAG,IAAAC,iBAAU,EAC3B,CAAC;EAAEC,OAAO,GAAG,SAAS;EAAEC,IAAI,GAAG,SAAS;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxF,oBACE,IAAA1B,WAAA,CAAA2B,GAAA,EAACpB,eAAe;IACdmB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBE,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAE;MAAER,OAAO;MAAEC;IAAK,CAAE;IAAA,GACvBI,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACM,CAAC;AAEtB,CACF,CAAC;AAEDL,UAAU,CAACW,WAAW,GAAG,QAAQ;;AAEjC;AACA;AACA;;AAOA,MAAMC,aAAa,gBAAG,IAAAX,iBAAU,EAC9B,CAAC;EAAEG,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAEN,OAAO;IAAEC;EAAK,CAAC,GAAGhB,qBAAqB,CAAC,CAAC;EAEjD,MAAM0B,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,6BAAqB,EAAC;IAAEb,OAAO;IAAEC;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAEjF,oBACE,IAAAtB,WAAA,CAAAkC,IAAA,EAAC3B,eAAe,CAACE,OAAO;IAACiB,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAES,iBAAkB;IAACP,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,GACrFA,QAAQ,eACT,IAAAvB,WAAA,CAAA2B,GAAA,EAACQ,UAAU;MAACC,EAAE,EAAEC;IAAkB,CAAE,CAAC;EAAA,CACd,CAAC;AAE9B,CACF,CAAC;AAEDP,aAAa,CAACD,WAAW,GAAG,gBAAgB;;AAE5C;AACA;AACA;;AAMA,MAAMS,WAAW,gBAAG,IAAAnB,iBAAU,EAAyB,CAAC;EAAEG,SAAS;EAAEE,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAM;IAAEL;EAAK,CAAC,GAAGhB,qBAAqB,CAAC,CAAC;EAExC,MAAM0B,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAO,2BAAmB,EAAC;IAAElB;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAEtE,oBAAO,IAAAtB,WAAA,CAAA2B,GAAA,EAACpB,eAAe,CAACI,KAAK;IAACe,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAES,iBAAkB;IAACP,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACnG,CAAC,CAAC;AAEFa,WAAW,CAACT,WAAW,GAAG,cAAc;;AAExC;AACA;AACA;;AAIA,MAAMM,UAAU,GAAGA,CAAC;EAAEb,SAAS;EAAEE,KAAK;EAAEY,EAAE,EAAEI,aAAa;EAAE,GAAGf;AAAuB,CAAC,KAAK;EACzF,MAAM;IAAEJ;EAAK,CAAC,GAAGhB,qBAAqB,CAAC,CAAC;EAExC,MAAM0B,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAS,0BAAkB,EAAC;IAAEpB;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EACrE,MAAMoB,aAAa,GAAGrB,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;EAE5D,oBACE,IAAArB,WAAA,CAAA2B,GAAA,EAACpB,eAAe,CAACM,IAAI;IAACS,SAAS,EAAES,iBAAkB;IAACP,KAAK,EAAEA,KAAM;IAAAD,QAAA,eAC/D,IAAAvB,WAAA,CAAA2B,GAAA,EAAC9B,KAAA,CAAAgB,IAAI;MAACuB,EAAE,EAAEI,aAAc;MAAClB,SAAS,EAAEoB,aAAc;MAAA,GAAKjB;IAAK,CAAG;EAAC,CAC5C,CAAC;AAE3B,CAAC;AAEDU,UAAU,CAACN,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAMA,MAAMc,aAAa,gBAAG,IAAAxB,iBAAU,EAC9B,CAAC;EAAEG,SAAS;EAAEE,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMK,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAY,6BAAqB,EAAC,CAAC,EAAEtB,SAAS,CAAC;EAEhE,oBACE,IAAAtB,WAAA,CAAA2B,GAAA,EAACpB,eAAe,CAACO,OAAO;IAACY,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAES,iBAAkB;IAACP,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAEhG,CACF,CAAC;AAEDkB,aAAa,CAACd,WAAW,GAAG,gBAAgB;;AAE5C;AACA;AACA;;AAOA,MAAMgB,UAAU,gBAAG,IAAA1B,iBAAU,EAC3B,CAAC;EAAEG,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAEL;EAAK,CAAC,GAAGhB,qBAAqB,CAAC,CAAC;EAExC,MAAM0B,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAc,0BAAkB,EAAC;IAAEzB;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAErE,oBACE,IAAAtB,WAAA,CAAA2B,GAAA,EAACpB,eAAe,CAACQ,IAAI;IAACW,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAES,iBAAkB;IAACP,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAClFA;EAAQ,CACW,CAAC;AAE3B,CACF,CAAC;AAEDsB,UAAU,CAAChB,WAAW,GAAG,aAAa;;AAEtC;AACA;AACA;;AAMA,MAAMkB,eAAe,gBAAG,IAAA5B,iBAAU,EAChC,CAAC;EAAEG,SAAS;EAAEE,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAM;IAAEL;EAAK,CAAC,GAAGhB,qBAAqB,CAAC,CAAC;EAExC,MAAM0B,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAgB,+BAAuB,EAAC;IAAE3B;EAAK,CAAC,CAAC,EAAEC,SAAS,CAAC;EAE1E,oBACE,IAAAtB,WAAA,CAAA2B,GAAA,EAACpB,eAAe,CAACU,SAAS;IAACS,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAES,iBAAkB;IAACP,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAElG,CACF,CAAC;AAEDsB,eAAe,CAAClB,WAAW,GAAG,kBAAkB;;AAEhD;AACA;AACA;;AAWO,MAAMoB,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,MAAM,CAACC,MAAM,CAAClC,UAAU,EAAE;EAC9CT,OAAO,EAAEqB,aAAa;EACtBnB,KAAK,EAAE2B,WAAW;EAClBzB,IAAI,EAAEsB,UAAU;EAChBrB,OAAO,EAAE6B,aAAa;EACtB5B,IAAI,EAAE8B,UAAU;EAChB5B,SAAS,EAAE8B;AACb,CAAC,CAA4B","ignoreList":[]}
|
|
@@ -9,17 +9,14 @@ var _classVarianceAuthority = require("class-variance-authority");
|
|
|
9
9
|
var _primitives = require("../../styles/primitives");
|
|
10
10
|
// ── Trigger ─────────────────────────────────────────────────
|
|
11
11
|
|
|
12
|
-
const selectTriggerVariants = exports.selectTriggerVariants = (0, _classVarianceAuthority.cva)(['flex w-full min-w-0 flex-row items-center justify-between text-start',
|
|
13
|
-
default: 'data-[active=true]:border-slate-300',
|
|
14
|
-
web: ['data-[hover=true]:border-slate-300 data-[active=true]:data-[hover=true]:border-slate-400', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-slate-400/50 data-[focus-visible=true]:ring-offset-2', 'data-[state=open]:ring-2 data-[state=open]:ring-slate-400/50'].join(' ')
|
|
15
|
-
})], {
|
|
12
|
+
const selectTriggerVariants = exports.selectTriggerVariants = (0, _classVarianceAuthority.cva)(['flex w-full min-w-0 flex-row items-center justify-between text-start', 'bg-surface-primary', 'border 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]:data-[invalid=false]:border-stroke-action', 'data-[focus=true]:data-[invalid=true]:border-stroke-danger', 'data-[state=open]:border-[length:var(--border-width-focused)]', 'data-[state=open]:data-[invalid=false]:border-stroke-action', 'data-[state=open]:data-[invalid=true]:border-stroke-danger', 'data-[invalid=true]:border-stroke-danger'], {
|
|
16
13
|
variants: {
|
|
17
14
|
variant: {
|
|
18
15
|
outline: []
|
|
19
16
|
},
|
|
20
17
|
size: {
|
|
21
|
-
default:
|
|
22
|
-
small:
|
|
18
|
+
default: ['h-11 min-h-11 px-4 py-3 gap-4', 'data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]', 'data-[state=open]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'data-[state=open]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
|
|
19
|
+
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))]', 'data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
|
|
23
20
|
}
|
|
24
21
|
},
|
|
25
22
|
defaultVariants: {
|
|
@@ -30,11 +27,11 @@ const selectTriggerVariants = exports.selectTriggerVariants = (0, _classVariance
|
|
|
30
27
|
|
|
31
28
|
// ── Value ───────────────────────────────────────────────────
|
|
32
29
|
|
|
33
|
-
const selectValueVariants = exports.selectValueVariants = (0, _classVarianceAuthority.cva)(['min-w-0 flex-1 text-start', 'data-[placeholder=true]:text-
|
|
30
|
+
const selectValueVariants = exports.selectValueVariants = (0, _classVarianceAuthority.cva)(['min-w-0 flex-1 text-start', 'text-content-primary', 'data-[placeholder=true]:text-content-tertiary', 'data-[invalid=true]:text-content-danger'], {
|
|
34
31
|
variants: {
|
|
35
32
|
size: {
|
|
36
|
-
default:
|
|
37
|
-
small:
|
|
33
|
+
default: 'text-[0.875rem]',
|
|
34
|
+
small: 'text-[0.75rem]'
|
|
38
35
|
}
|
|
39
36
|
},
|
|
40
37
|
defaultVariants: {
|
|
@@ -44,11 +41,11 @@ const selectValueVariants = exports.selectValueVariants = (0, _classVarianceAuth
|
|
|
44
41
|
|
|
45
42
|
// ── Icon ────────────────────────────────────────────────────
|
|
46
43
|
|
|
47
|
-
const selectIconVariants = exports.selectIconVariants = (0, _classVarianceAuthority.cva)(['shrink-0 items-center justify-center self-center',
|
|
44
|
+
const selectIconVariants = exports.selectIconVariants = (0, _classVarianceAuthority.cva)(['shrink-0 items-center justify-center self-center', 'text-content-tertiary', 'data-[invalid=true]:text-content-danger', 'data-[state=open]:rotate-180'], {
|
|
48
45
|
variants: {
|
|
49
46
|
size: {
|
|
50
|
-
default: '
|
|
51
|
-
small: '
|
|
47
|
+
default: 'size-5',
|
|
48
|
+
small: 'size-4'
|
|
52
49
|
}
|
|
53
50
|
},
|
|
54
51
|
defaultVariants: {
|
|
@@ -58,16 +55,16 @@ const selectIconVariants = exports.selectIconVariants = (0, _classVarianceAuthor
|
|
|
58
55
|
|
|
59
56
|
// ── Content ─────────────────────────────────────────────────
|
|
60
57
|
|
|
61
|
-
const selectContentVariants = exports.selectContentVariants = (0, _classVarianceAuthority.cva)([
|
|
62
|
-
web:
|
|
58
|
+
const selectContentVariants = exports.selectContentVariants = (0, _classVarianceAuthority.cva)(['bg-surface-primary', 'border border-stroke-secondary', 'overflow-hidden', 'rounded-xl', _reactNative.Platform.select({
|
|
59
|
+
web: 'shadow-sm',
|
|
63
60
|
default: ''
|
|
64
61
|
}), 'max-h-60', 'py-1']);
|
|
65
62
|
|
|
66
63
|
// ── Item ────────────────────────────────────────────────────
|
|
67
64
|
|
|
68
|
-
const selectItemVariants = exports.selectItemVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', 'transition-colors duration-100', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[state=checked]:bg-
|
|
69
|
-
default: 'data-[active=true]:bg-
|
|
70
|
-
web: 'data-[hover=true]:bg-
|
|
65
|
+
const selectItemVariants = exports.selectItemVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', 'transition-colors duration-100', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[state=checked]:bg-surface-action-tint data-[state=checked]:font-medium', _reactNative.Platform.select({
|
|
66
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
67
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active data-[highlighted=true]:bg-surface-action-tint-hover'
|
|
71
68
|
})], {
|
|
72
69
|
variants: {
|
|
73
70
|
size: {
|
|
@@ -82,11 +79,11 @@ const selectItemVariants = exports.selectItemVariants = (0, _classVarianceAuthor
|
|
|
82
79
|
|
|
83
80
|
// ── ItemLabel ───────────────────────────────────────────────
|
|
84
81
|
|
|
85
|
-
const selectItemLabelVariants = exports.selectItemLabelVariants = (0, _classVarianceAuthority.cva)([
|
|
82
|
+
const selectItemLabelVariants = exports.selectItemLabelVariants = (0, _classVarianceAuthority.cva)(['text-content-primary', 'data-[state=checked]:font-medium'], {
|
|
86
83
|
variants: {
|
|
87
84
|
size: {
|
|
88
|
-
default:
|
|
89
|
-
small:
|
|
85
|
+
default: 'text-[0.875rem]',
|
|
86
|
+
small: 'text-[0.75rem]'
|
|
90
87
|
}
|
|
91
88
|
},
|
|
92
89
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","selectTriggerVariants","exports","cva","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","selectTriggerVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants","selectContentVariants","Platform","select","web","selectItemVariants","selectItemLabelVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _figma = _interopRequireDefault(require("figma"));
|
|
8
8
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=427-4179
|
|
10
10
|
// source=packages/components/src/components/Field/index.tsx
|
|
11
11
|
// component=Field
|
|
12
12
|
|
|
@@ -12,16 +12,18 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
|
|
13
13
|
const instance = _figma.default.selectedInstance;
|
|
14
14
|
|
|
15
|
-
// Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma.
|
|
16
|
-
//
|
|
15
|
+
// Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma (string values "true"/"false").
|
|
16
|
+
// Rendered via renderProp so JSX formatting matches Code Connect conventions.
|
|
17
17
|
const isDisabled = instance.getEnum('isDisabled', {
|
|
18
18
|
true: true,
|
|
19
|
-
false:
|
|
19
|
+
false: false
|
|
20
20
|
});
|
|
21
21
|
const isInvalid = instance.getEnum('isInvalid', {
|
|
22
22
|
true: true,
|
|
23
|
-
false:
|
|
23
|
+
false: false
|
|
24
24
|
});
|
|
25
|
+
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
26
|
+
const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
|
|
25
27
|
const showLabel = instance.getEnum('Show Label?', {
|
|
26
28
|
true: true,
|
|
27
29
|
false: false
|
|
@@ -31,7 +33,7 @@ var _default = exports.default = {
|
|
|
31
33
|
id: 'radio',
|
|
32
34
|
imports: ["import { Radio } from '@cdx-ui/components'"],
|
|
33
35
|
example: _figma.default.code`
|
|
34
|
-
<Radio value="option"
|
|
36
|
+
<Radio value="option"${isDisabledProp}${isInvalidProp}>
|
|
35
37
|
${showLabel ? _figma.default.code`<Radio.Label>${labelText}</Radio.Label>` : null}
|
|
36
38
|
</Radio>`
|
|
37
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isDisabled","getEnum","true","false","
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isDisabled","getEnum","true","false","isInvalid","isDisabledProp","helpers","react","renderProp","isInvalidProp","showLabel","labelText","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA,MAAMC,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,cAAc,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;AAC/E,MAAMS,aAAa,GAAGX,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEJ,SAAS,CAAC;AAE5E,MAAMM,SAAS,GAAGb,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAId,QAAQ,CAACe,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAE1E;EACboB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEpB,cAAK,CAACqB,IAAI;AACrB,uBAAuBd,cAAc,GAAGI,aAAa;AACrD,IAAIC,SAAS,GAAGZ,cAAK,CAACqB,IAAI,gBAAgBR,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _figma = _interopRequireDefault(require("figma"));
|
|
8
8
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-
|
|
9
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=427-2296
|
|
10
10
|
// source=packages/components/src/components/Select/index.tsx
|
|
11
11
|
// component=Select
|
|
12
12
|
|
|
@@ -29,11 +29,11 @@ const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInv
|
|
|
29
29
|
const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
|
|
30
30
|
const showValue = instance.getEnum('Show Value?', {
|
|
31
31
|
true: true,
|
|
32
|
-
false:
|
|
32
|
+
false: undefined
|
|
33
33
|
});
|
|
34
34
|
const showPlaceholder = instance.getEnum('Show Placeholder?', {
|
|
35
35
|
true: true,
|
|
36
|
-
false:
|
|
36
|
+
false: undefined
|
|
37
37
|
});
|
|
38
38
|
const valueText = instance.findText('{value}', {
|
|
39
39
|
traverseInstances: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","size","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","valueProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Select.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGN,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGX,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGf,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,
|
|
1
|
+
{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","size","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","valueProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Select.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGN,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGX,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGf,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMQ,eAAe,GAAGlB,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMS,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,SAAS,GAAGxB,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEE,SAAS,GAAG,OAAO,GAAGP,SAAS,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAE5E;EACb6B,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAE7B,cAAK,CAAC8B,IAAI;AACrB,mBAAmB5B,OAAO,WAAWG,IAAI,uCAAuCa,SAAS,QAAQM,SAAS,GAAGb,aAAa,GAAGI,cAAc;AAC3I;AACA,MAAME,eAAe,GAAGjB,cAAK,CAAC8B,IAAI,8BAA8BR,WAAW,MAAM,GAAGtB,cAAK,CAAC8B,IAAI,kBAAkB;AAChH;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
|
|
5
|
-
export const inputRootVariants = cva(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-
|
|
5
|
+
export const inputRootVariants = cva(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-stroke-primary', 'web:border-default native:border-[length:var(--border-width-default)]', 'rounded-[var(--border-radius-default)]', TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', 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'], {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
8
|
outline: []
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,
|
|
1
|
+
{"version":3,"names":["cva","DISABLED_CURSOR","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEG,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;AAED,OAAO,MAAMI,kBAAkB,GAAGX,GAAG,CACnC,CACE,0CAA0C,EAC1C,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEI,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;AAED,OAAO,MAAMK,iBAAiB,GAAGZ,GAAG,CAAC,CAAC,kDAAkD,CAAC,CAAC;AAE1F,OAAO,MAAMa,iBAAiB,GAAGb,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DI,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;AAEF,OAAO,MAAMO,6BAA6B,GAAGd,GAAG,CAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { domDataAttributes } from '@cdx-ui/primitives';
|
|
5
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
7
|
/** Props that must not be forwarded to a DOM `<button>`. */
|
|
7
8
|
const OMIT = new Set(['hitSlop', 'pressRetentionOffset', 'android_ripple', 'android_disableSound', 'unstable_pressDelay', 'onLongPress', 'delayLongPress', 'onPress', 'onPressIn', 'onPressOut', 'onHoverIn', 'onHoverOut', 'disabled', 'style', 'className', 'testID', 'children', 'accessible', 'accessibilityActions', 'accessibilityElementsHidden', 'accessibilityHint', 'accessibilityIgnoresInvertColors', 'accessibilityLabel', 'accessibilityLabelledBy', 'accessibilityLiveRegion', 'accessibilityRole', 'accessibilityState', 'accessibilityValue', 'accessibilityViewIsModal', 'importantForAccessibility', 'needsOffscreenAlphaCompositing', 'collapsable', 'shouldRasterizeIOS', 'removeClippedSubviews', 'onAccessibilityAction', 'onAccessibilityEscape', 'onAccessibilityTap']);
|
|
@@ -51,13 +52,16 @@ export const SelectTriggerHost = /*#__PURE__*/forwardRef(function SelectTriggerH
|
|
|
51
52
|
style,
|
|
52
53
|
className,
|
|
53
54
|
testID,
|
|
55
|
+
dataSet,
|
|
54
56
|
...rest
|
|
55
57
|
} = props;
|
|
56
58
|
const domProps = filterDomProps(rest);
|
|
59
|
+
const dataAttrs = domDataAttributes(dataSet ?? {});
|
|
57
60
|
const flattened = StyleSheet.flatten(style);
|
|
58
61
|
return /*#__PURE__*/_jsx("button", {
|
|
59
62
|
ref: ref,
|
|
60
63
|
...domProps,
|
|
64
|
+
...dataAttrs,
|
|
61
65
|
type: "button",
|
|
62
66
|
disabled: !!disabled,
|
|
63
67
|
className: typeof className === 'string' ? className : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","StyleSheet","jsx","_jsx","OMIT","Set","resolveChildren","children","pressed","filterDomProps","rest","entries","Object","filter","key","has","fromEntries","webButtonLayoutStyle","display","flexDirection","alignItems","justifyContent","width","minWidth","textAlign","boxSizing","margin","font","lineHeight","WebkitAppearance","appearance","SelectTriggerHost","props","ref","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","disabled","style","className","testID","domProps","flattened","flatten","type","undefined","onClick","e","onPointerDown","onPointerUp","onPointerCancel","onMouseEnter","onMouseLeave","displayName"],"sourceRoot":"../../../../src","sources":["components/Select/SelectTriggerHost.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","StyleSheet","domDataAttributes","jsx","_jsx","OMIT","Set","resolveChildren","children","pressed","filterDomProps","rest","entries","Object","filter","key","has","fromEntries","webButtonLayoutStyle","display","flexDirection","alignItems","justifyContent","width","minWidth","textAlign","boxSizing","margin","font","lineHeight","WebkitAppearance","appearance","SelectTriggerHost","props","ref","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","disabled","style","className","testID","dataSet","domProps","dataAttrs","flattened","flatten","type","undefined","onClick","e","onPointerDown","onPointerUp","onPointerCancel","onMouseEnter","onMouseLeave","displayName"],"sourceRoot":"../../../../src","sources":["components/Select/SelectTriggerHost.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Pressable, Text, View } from 'react-native';
|
|
5
|
-
import {
|
|
5
|
+
import { KeyboardArrowDown } from '@cdx-ui/icons';
|
|
6
6
|
import { createSelect } from '@cdx-ui/primitives';
|
|
7
7
|
import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
|
|
8
8
|
import { Icon } from '../Icon';
|
|
@@ -72,7 +72,7 @@ const SelectTrigger = /*#__PURE__*/forwardRef(({
|
|
|
72
72
|
style: style,
|
|
73
73
|
...props,
|
|
74
74
|
children: [children, /*#__PURE__*/_jsx(SelectIcon, {
|
|
75
|
-
as:
|
|
75
|
+
as: KeyboardArrowDown
|
|
76
76
|
})]
|
|
77
77
|
});
|
|
78
78
|
});
|
|
@@ -109,6 +109,7 @@ SelectValue.displayName = 'Select.Value';
|
|
|
109
109
|
const SelectIcon = ({
|
|
110
110
|
className,
|
|
111
111
|
style,
|
|
112
|
+
as: IconComponent,
|
|
112
113
|
...props
|
|
113
114
|
}) => {
|
|
114
115
|
const {
|
|
@@ -117,10 +118,15 @@ const SelectIcon = ({
|
|
|
117
118
|
const computedClassName = cn(selectIconVariants({
|
|
118
119
|
size
|
|
119
120
|
}), className);
|
|
120
|
-
|
|
121
|
+
const iconSizeClass = size === 'small' ? 'size-4' : 'size-5';
|
|
122
|
+
return /*#__PURE__*/_jsx(SelectPrimitive.Icon, {
|
|
121
123
|
className: computedClassName,
|
|
122
124
|
style: style,
|
|
123
|
-
|
|
125
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
126
|
+
as: IconComponent,
|
|
127
|
+
className: iconSizeClass,
|
|
128
|
+
...props
|
|
129
|
+
})
|
|
124
130
|
});
|
|
125
131
|
};
|
|
126
132
|
SelectIcon.displayName = 'Select.Icon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Pressable","Text","View","
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","Text","View","KeyboardArrowDown","createSelect","cn","useStyleContext","withStyleContext","Icon","SelectTriggerHost","selectContentVariants","selectIconVariants","selectItemLabelVariants","selectItemVariants","selectTriggerVariants","selectValueVariants","jsx","_jsx","jsxs","_jsxs","SCOPE","Root","useSelectStyleContext","SelectPrimitive","Trigger","Value","Content","Item","ItemLabel","SelectRoot","variant","size","className","children","style","props","ref","context","displayName","SelectTrigger","computedClassName","SelectIcon","as","SelectValue","IconComponent","iconSizeClass","SelectContent","SelectItem","SelectItemLabel","Select","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Select/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,21 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
import { Platform } from 'react-native';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
|
-
import {
|
|
5
|
+
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
|
|
6
6
|
|
|
7
7
|
// ── Trigger ─────────────────────────────────────────────────
|
|
8
8
|
|
|
9
|
-
export const selectTriggerVariants = cva(['flex w-full min-w-0 flex-row items-center justify-between text-start',
|
|
10
|
-
default: 'data-[active=true]:border-slate-300',
|
|
11
|
-
web: ['data-[hover=true]:border-slate-300 data-[active=true]:data-[hover=true]:border-slate-400', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-slate-400/50 data-[focus-visible=true]:ring-offset-2', 'data-[state=open]:ring-2 data-[state=open]:ring-slate-400/50'].join(' ')
|
|
12
|
-
})], {
|
|
9
|
+
export const selectTriggerVariants = cva(['flex w-full min-w-0 flex-row items-center justify-between text-start', 'bg-surface-primary', 'border border-stroke-primary', 'rounded-[var(--border-radius-default)]', TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', 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]:data-[invalid=false]:border-stroke-action', 'data-[focus=true]:data-[invalid=true]:border-stroke-danger', 'data-[state=open]:border-[length:var(--border-width-focused)]', 'data-[state=open]:data-[invalid=false]:border-stroke-action', 'data-[state=open]:data-[invalid=true]:border-stroke-danger', 'data-[invalid=true]:border-stroke-danger'], {
|
|
13
10
|
variants: {
|
|
14
11
|
variant: {
|
|
15
12
|
outline: []
|
|
16
13
|
},
|
|
17
14
|
size: {
|
|
18
|
-
default:
|
|
19
|
-
small:
|
|
15
|
+
default: ['h-11 min-h-11 px-4 py-3 gap-4', 'data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]', 'data-[state=open]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'data-[state=open]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
|
|
16
|
+
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))]', 'data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
|
|
20
17
|
}
|
|
21
18
|
},
|
|
22
19
|
defaultVariants: {
|
|
@@ -27,11 +24,11 @@ export const selectTriggerVariants = cva(['flex w-full min-w-0 flex-row items-ce
|
|
|
27
24
|
|
|
28
25
|
// ── Value ───────────────────────────────────────────────────
|
|
29
26
|
|
|
30
|
-
export const selectValueVariants = cva(['min-w-0 flex-1 text-start', 'data-[placeholder=true]:text-
|
|
27
|
+
export const selectValueVariants = cva(['min-w-0 flex-1 text-start', 'text-content-primary', 'data-[placeholder=true]:text-content-tertiary', 'data-[invalid=true]:text-content-danger'], {
|
|
31
28
|
variants: {
|
|
32
29
|
size: {
|
|
33
|
-
default:
|
|
34
|
-
small:
|
|
30
|
+
default: 'text-[0.875rem]',
|
|
31
|
+
small: 'text-[0.75rem]'
|
|
35
32
|
}
|
|
36
33
|
},
|
|
37
34
|
defaultVariants: {
|
|
@@ -41,11 +38,11 @@ export const selectValueVariants = cva(['min-w-0 flex-1 text-start', 'data-[plac
|
|
|
41
38
|
|
|
42
39
|
// ── Icon ────────────────────────────────────────────────────
|
|
43
40
|
|
|
44
|
-
export const selectIconVariants = cva(['shrink-0 items-center justify-center self-center',
|
|
41
|
+
export const selectIconVariants = cva(['shrink-0 items-center justify-center self-center', 'text-content-tertiary', 'data-[invalid=true]:text-content-danger', 'data-[state=open]:rotate-180'], {
|
|
45
42
|
variants: {
|
|
46
43
|
size: {
|
|
47
|
-
default: '
|
|
48
|
-
small: '
|
|
44
|
+
default: 'size-5',
|
|
45
|
+
small: 'size-4'
|
|
49
46
|
}
|
|
50
47
|
},
|
|
51
48
|
defaultVariants: {
|
|
@@ -55,16 +52,16 @@ export const selectIconVariants = cva(['shrink-0 items-center justify-center sel
|
|
|
55
52
|
|
|
56
53
|
// ── Content ─────────────────────────────────────────────────
|
|
57
54
|
|
|
58
|
-
export const selectContentVariants = cva([
|
|
59
|
-
web:
|
|
55
|
+
export const selectContentVariants = cva(['bg-surface-primary', 'border border-stroke-secondary', 'overflow-hidden', 'rounded-xl', Platform.select({
|
|
56
|
+
web: 'shadow-sm',
|
|
60
57
|
default: ''
|
|
61
58
|
}), 'max-h-60', 'py-1']);
|
|
62
59
|
|
|
63
60
|
// ── Item ────────────────────────────────────────────────────
|
|
64
61
|
|
|
65
|
-
export const selectItemVariants = cva(['flex-row items-center', 'transition-colors duration-100', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[state=checked]:bg-
|
|
66
|
-
default: 'data-[active=true]:bg-
|
|
67
|
-
web: 'data-[hover=true]:bg-
|
|
62
|
+
export const selectItemVariants = cva(['flex-row items-center', 'transition-colors duration-100', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[state=checked]:bg-surface-action-tint data-[state=checked]:font-medium', 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 data-[highlighted=true]:bg-surface-action-tint-hover'
|
|
68
65
|
})], {
|
|
69
66
|
variants: {
|
|
70
67
|
size: {
|
|
@@ -79,11 +76,11 @@ export const selectItemVariants = cva(['flex-row items-center', 'transition-colo
|
|
|
79
76
|
|
|
80
77
|
// ── ItemLabel ───────────────────────────────────────────────
|
|
81
78
|
|
|
82
|
-
export const selectItemLabelVariants = cva([
|
|
79
|
+
export const selectItemLabelVariants = cva(['text-content-primary', 'data-[state=checked]:font-medium'], {
|
|
83
80
|
variants: {
|
|
84
81
|
size: {
|
|
85
|
-
default:
|
|
86
|
-
small:
|
|
82
|
+
default: 'text-[0.875rem]',
|
|
83
|
+
small: 'text-[0.75rem]'
|
|
87
84
|
}
|
|
88
85
|
},
|
|
89
86
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","
|
|
1
|
+
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","selectTriggerVariants","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants","selectContentVariants","select","web","selectItemVariants","selectItemLabelVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;;AAE5E;;AAEA,OAAO,MAAMC,qBAAqB,GAAGH,GAAG,CACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCE,iBAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDD,eAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,6DAA6D,EAC7D,4DAA4D,EAC5D,+DAA+D,EAC/D,6DAA6D,EAC7D,4DAA4D,EAC5D,0CAA0C,CAC3C,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B,EAC/B,iEAAiE,EACjE,iEAAiE,EACjE,iEAAiE,EACjE,iEAAiE,CAClE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,iEAAiE,EACjE,iEAAiE,EACjE,iEAAiE,EACjE,iEAAiE;IAErE;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,mBAAmB,GAAGX,GAAG,CACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEI,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;;AAED;;AAEA,OAAO,MAAMK,kBAAkB,GAAGZ,GAAG,CACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,EACzC,8BAA8B,CAC/B,EACD;EACEI,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMM,qBAAqB,GAAGb,GAAG,CAAC,CACvC,oBAAoB,EACpB,gCAAgC,EAChC,iBAAiB,EACjB,YAAY,EACZD,QAAQ,CAACe,MAAM,CAAC;EACdC,GAAG,EAAE,WAAW;EAChBP,OAAO,EAAE;AACX,CAAC,CAAC,EACF,UAAU,EACV,MAAM,CACP,CAAC;;AAEF;;AAEA,OAAO,MAAMQ,kBAAkB,GAAGhB,GAAG,CACnC,CACE,uBAAuB,EACvB,gCAAgC,EAChC,0EAA0E,EAC1E,8EAA8E,EAC9ED,QAAQ,CAACe,MAAM,CAAC;EACdN,OAAO,EAAE,kDAAkD;EAC3DO,GAAG,EAAE;AACP,CAAC,CAAC,CACH,EACD;EACEX,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,WAAW;MACpBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMU,uBAAuB,GAAGjB,GAAG,CACxC,CAAC,sBAAsB,EAAE,kCAAkC,CAAC,EAC5D;EACEI,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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=427-4179
|
|
4
4
|
// source=packages/components/src/components/Field/index.tsx
|
|
5
5
|
// component=Field
|
|
6
6
|
import figma from 'figma';
|
|
@@ -6,16 +6,18 @@
|
|
|
6
6
|
import figma from 'figma';
|
|
7
7
|
const instance = figma.selectedInstance;
|
|
8
8
|
|
|
9
|
-
// Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma.
|
|
10
|
-
//
|
|
9
|
+
// Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma (string values "true"/"false").
|
|
10
|
+
// Rendered via renderProp so JSX formatting matches Code Connect conventions.
|
|
11
11
|
const isDisabled = instance.getEnum('isDisabled', {
|
|
12
12
|
true: true,
|
|
13
|
-
false:
|
|
13
|
+
false: false
|
|
14
14
|
});
|
|
15
15
|
const isInvalid = instance.getEnum('isInvalid', {
|
|
16
16
|
true: true,
|
|
17
|
-
false:
|
|
17
|
+
false: false
|
|
18
18
|
});
|
|
19
|
+
const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
|
|
20
|
+
const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
|
|
19
21
|
const showLabel = instance.getEnum('Show Label?', {
|
|
20
22
|
true: true,
|
|
21
23
|
false: false
|
|
@@ -25,7 +27,7 @@ export default {
|
|
|
25
27
|
id: 'radio',
|
|
26
28
|
imports: ["import { Radio } from '@cdx-ui/components'"],
|
|
27
29
|
example: figma.code`
|
|
28
|
-
<Radio value="option"
|
|
30
|
+
<Radio value="option"${isDisabledProp}${isInvalidProp}>
|
|
29
31
|
${showLabel ? figma.code`<Radio.Label>${labelText}</Radio.Label>` : null}
|
|
30
32
|
</Radio>`
|
|
31
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","isInvalid","isDisabledProp","helpers","react","renderProp","isInvalidProp","showLabel","labelText","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGN,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,cAAc,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;AAC/E,MAAMS,aAAa,GAAGZ,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEJ,SAAS,CAAC;AAE5E,MAAMM,SAAS,GAAGZ,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAIb,QAAQ,CAACc,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAExF,eAAe;EACbC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEnB,KAAK,CAACoB,IAAI;AACrB,uBAAuBZ,cAAc,GAAGI,aAAa;AACrD,IAAIC,SAAS,GAAGb,KAAK,CAACoB,IAAI,gBAAgBN,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-
|
|
3
|
+
// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=427-2296
|
|
4
4
|
// source=packages/components/src/components/Select/index.tsx
|
|
5
5
|
// component=Select
|
|
6
6
|
import figma from 'figma';
|
|
@@ -23,11 +23,11 @@ const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
|
|
|
23
23
|
const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
|
|
24
24
|
const showValue = instance.getEnum('Show Value?', {
|
|
25
25
|
true: true,
|
|
26
|
-
false:
|
|
26
|
+
false: undefined
|
|
27
27
|
});
|
|
28
28
|
const showPlaceholder = instance.getEnum('Show Placeholder?', {
|
|
29
29
|
true: true,
|
|
30
|
-
false:
|
|
30
|
+
false: undefined
|
|
31
31
|
});
|
|
32
32
|
const valueText = instance.findText('{value}', {
|
|
33
33
|
traverseInstances: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","size","default","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","valueProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Select.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGL,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCG,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGP,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,
|
|
1
|
+
{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","size","default","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","valueProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Select.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGL,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCG,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGP,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMQ,eAAe,GAAGlB,QAAQ,CAACG,OAAO,CAAC,mBAAmB,EAAE;EAC5DK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMS,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,SAAS,GAAG1B,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEE,SAAS,GAAG,OAAO,GAAGP,SAAS,CAAC;AAE1F,eAAe;EACbgB,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAE7B,KAAK,CAAC8B,IAAI;AACrB,mBAAmB3B,OAAO,WAAWG,IAAI,uCAAuCc,SAAS,QAAQM,SAAS,GAAGb,aAAa,GAAGI,cAAc;AAC3I;AACA,MAAME,eAAe,GAAGnB,KAAK,CAAC8B,IAAI,8BAA8BN,WAAW,MAAM,GAAGxB,KAAK,CAAC8B,IAAI,kBAAkB;AAChH;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,iBAAiB;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,iBAAiB;;;8EA0C7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAmB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAA4D,CAAC;AAE3F,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { PressableProps } from 'react-native';
|
|
3
|
+
import { type DomDataAttributeValue } from '@cdx-ui/primitives';
|
|
3
4
|
export type SelectTriggerHostProps = PressableProps & {
|
|
4
5
|
className?: string;
|
|
6
|
+
dataSet?: Record<string, DomDataAttributeValue>;
|
|
5
7
|
};
|
|
6
8
|
/**
|
|
7
9
|
* Native `<button type="button">` so the trigger is HTML-labelable (`<label htmlFor>` focuses it).
|
|
@@ -9,5 +11,6 @@ export type SelectTriggerHostProps = PressableProps & {
|
|
|
9
11
|
*/
|
|
10
12
|
export declare const SelectTriggerHost: React.ForwardRefExoticComponent<PressableProps & {
|
|
11
13
|
className?: string;
|
|
14
|
+
dataSet?: Record<string, DomDataAttributeValue>;
|
|
12
15
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
13
16
|
//# sourceMappingURL=SelectTriggerHost.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTriggerHost.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SelectTriggerHost.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectTriggerHost.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SelectTriggerHost.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEnF,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACjD,CAAC;AAwEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB;gBA9EhB,MAAM;cACR,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC;2CAqIhD,CAAC"}
|
|
@@ -19,7 +19,7 @@ declare const SelectValue: import("react").ForwardRefExoticComponent<SelectValue
|
|
|
19
19
|
export interface SelectIconProps extends Omit<IconProps, 'children'> {
|
|
20
20
|
}
|
|
21
21
|
declare const SelectIcon: {
|
|
22
|
-
({ className, style, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
({ className, style, as: IconComponent, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
24
|
};
|
|
25
25
|
export interface SelectContentProps extends ViewProps, ISelectContentProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,KAAK,kBAAkB,EAOxB,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAcf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAalB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAMf,CAAC;AAQH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,KAAK,kBAAkB,EAOxB,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAcf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAalB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAMf,CAAC;AAQH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;wDAAuD,eAAe;;CAWrF,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,mBAAmB;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGAQlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAYf,CAAC;AAQF,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,qBAAqB;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGAUpB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,qBAAqB;;;8EAgDjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAkB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAIF,eAAO,MAAM,qBAAqB,oFAWhC,CAAC;AAIH,eAAO,MAAM,kBAAkB;;8EAsB9B,CAAC;AAIF,eAAO,MAAM,uBAAuB;;8EAanC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Radio.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;
|
|
1
|
+
{"version":3,"file":"Radio.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Radio.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAwB1B,wBAOE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.46",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
"@gorhom/bottom-sheet": "^5.2.6",
|
|
68
68
|
"class-variance-authority": "^0.7.1",
|
|
69
69
|
"uniwind": "1.6.1",
|
|
70
|
-
"@cdx-ui/primitives": "0.0.1-beta.
|
|
71
|
-
"@cdx-ui/utils": "0.0.1-beta.
|
|
72
|
-
"@cdx-ui/icons": "0.0.1-beta.
|
|
70
|
+
"@cdx-ui/primitives": "0.0.1-beta.46",
|
|
71
|
+
"@cdx-ui/utils": "0.0.1-beta.46",
|
|
72
|
+
"@cdx-ui/icons": "0.0.1-beta.46"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@types/react": "*",
|
|
@@ -5,7 +5,8 @@ export const inputRootVariants = cva(
|
|
|
5
5
|
[
|
|
6
6
|
'w-full flex-row items-center overflow-hidden',
|
|
7
7
|
'bg-surface-primary',
|
|
8
|
-
'border-solid border-
|
|
8
|
+
'border-solid border-stroke-primary',
|
|
9
|
+
'web:border-default native:border-[length:var(--border-width-default)]',
|
|
9
10
|
'rounded-[var(--border-radius-default)]',
|
|
10
11
|
TRANSITION_COLORS,
|
|
11
12
|
'data-[disabled=true]:bg-surface-secondary',
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { StyleSheet } from 'react-native';
|
|
3
3
|
import type { PressableProps } from 'react-native';
|
|
4
|
+
import { domDataAttributes, type DomDataAttributeValue } from '@cdx-ui/primitives';
|
|
4
5
|
|
|
5
|
-
export type SelectTriggerHostProps = PressableProps & {
|
|
6
|
+
export type SelectTriggerHostProps = PressableProps & {
|
|
7
|
+
className?: string;
|
|
8
|
+
dataSet?: Record<string, DomDataAttributeValue>;
|
|
9
|
+
};
|
|
6
10
|
|
|
7
11
|
/** Props that must not be forwarded to a DOM `<button>`. */
|
|
8
12
|
const OMIT = new Set<string>([
|
|
@@ -91,16 +95,19 @@ export const SelectTriggerHost = forwardRef<HTMLButtonElement, SelectTriggerHost
|
|
|
91
95
|
style,
|
|
92
96
|
className,
|
|
93
97
|
testID,
|
|
98
|
+
dataSet,
|
|
94
99
|
...rest
|
|
95
100
|
} = props;
|
|
96
101
|
|
|
97
102
|
const domProps = filterDomProps(rest);
|
|
103
|
+
const dataAttrs = domDataAttributes(dataSet ?? {});
|
|
98
104
|
const flattened = StyleSheet.flatten(style) as React.CSSProperties | undefined;
|
|
99
105
|
|
|
100
106
|
return (
|
|
101
107
|
<button
|
|
102
108
|
ref={ref}
|
|
103
109
|
{...domProps}
|
|
110
|
+
{...dataAttrs}
|
|
104
111
|
type="button"
|
|
105
112
|
disabled={!!disabled}
|
|
106
113
|
className={typeof className === 'string' ? className : undefined}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { forwardRef, type ReactNode } from 'react';
|
|
2
2
|
import { Pressable, Text, type TextProps, View, type ViewProps } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { KeyboardArrowDown } from '@cdx-ui/icons';
|
|
4
4
|
import {
|
|
5
5
|
createSelect,
|
|
6
6
|
type ISelectContentProps,
|
|
@@ -83,7 +83,7 @@ const SelectTrigger = forwardRef<View, SelectTriggerProps>(
|
|
|
83
83
|
return (
|
|
84
84
|
<SelectPrimitive.Trigger ref={ref} className={computedClassName} style={style} {...props}>
|
|
85
85
|
{children}
|
|
86
|
-
<SelectIcon as={
|
|
86
|
+
<SelectIcon as={KeyboardArrowDown} />
|
|
87
87
|
</SelectPrimitive.Trigger>
|
|
88
88
|
);
|
|
89
89
|
},
|
|
@@ -115,12 +115,17 @@ SelectValue.displayName = 'Select.Value';
|
|
|
115
115
|
|
|
116
116
|
export interface SelectIconProps extends Omit<IconProps, 'children'> {}
|
|
117
117
|
|
|
118
|
-
const SelectIcon = ({ className, style, ...props }: SelectIconProps) => {
|
|
118
|
+
const SelectIcon = ({ className, style, as: IconComponent, ...props }: SelectIconProps) => {
|
|
119
119
|
const { size } = useSelectStyleContext();
|
|
120
120
|
|
|
121
121
|
const computedClassName = cn(selectIconVariants({ size }), className);
|
|
122
|
+
const iconSizeClass = size === 'small' ? 'size-4' : 'size-5';
|
|
122
123
|
|
|
123
|
-
return
|
|
124
|
+
return (
|
|
125
|
+
<SelectPrimitive.Icon className={computedClassName} style={style}>
|
|
126
|
+
<Icon as={IconComponent} className={iconSizeClass} {...props} />
|
|
127
|
+
</SelectPrimitive.Icon>
|
|
128
|
+
);
|
|
124
129
|
};
|
|
125
130
|
|
|
126
131
|
SelectIcon.displayName = 'Select.Icon';
|
|
@@ -1,44 +1,29 @@
|
|
|
1
1
|
import { Platform } from 'react-native';
|
|
2
2
|
import { cva, type VariantProps } from 'class-variance-authority';
|
|
3
|
-
import {
|
|
4
|
-
COLOR_BG_PRIMARY,
|
|
5
|
-
COLOR_BORDER_DEFAULT,
|
|
6
|
-
COLOR_TEXT_MUTED,
|
|
7
|
-
COLOR_TEXT_PRIMARY,
|
|
8
|
-
DISABLED_CURSOR,
|
|
9
|
-
DISABLED_OPACITY,
|
|
10
|
-
RADIUS_SM,
|
|
11
|
-
RADIUS_MD,
|
|
12
|
-
SHADOW_SM,
|
|
13
|
-
SHADOW_MD,
|
|
14
|
-
SIZE_SCALE,
|
|
15
|
-
TRANSITION_COLORS,
|
|
16
|
-
} from '../../styles/primitives';
|
|
3
|
+
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
|
|
17
4
|
|
|
18
5
|
// ── Trigger ─────────────────────────────────────────────────
|
|
19
6
|
|
|
20
7
|
export const selectTriggerVariants = cva(
|
|
21
8
|
[
|
|
22
9
|
'flex w-full min-w-0 flex-row items-center justify-between text-start',
|
|
23
|
-
|
|
24
|
-
|
|
10
|
+
'bg-surface-primary',
|
|
11
|
+
'border border-stroke-primary',
|
|
12
|
+
'rounded-[var(--border-radius-default)]',
|
|
25
13
|
TRANSITION_COLORS,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
DISABLED_OPACITY,
|
|
14
|
+
'data-[disabled=true]:bg-surface-secondary',
|
|
15
|
+
'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
|
|
29
16
|
DISABLED_CURSOR,
|
|
30
17
|
'data-[readonly=true]:cursor-default',
|
|
31
|
-
'data-[
|
|
32
|
-
'data-[
|
|
33
|
-
'data-[
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
].join(' '),
|
|
41
|
-
}),
|
|
18
|
+
'data-[readonly=true]:bg-surface-secondary',
|
|
19
|
+
'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover',
|
|
20
|
+
'data-[focus=true]:border-[length:var(--border-width-focused)]',
|
|
21
|
+
'data-[focus=true]:data-[invalid=false]:border-stroke-action',
|
|
22
|
+
'data-[focus=true]:data-[invalid=true]:border-stroke-danger',
|
|
23
|
+
'data-[state=open]:border-[length:var(--border-width-focused)]',
|
|
24
|
+
'data-[state=open]:data-[invalid=false]:border-stroke-action',
|
|
25
|
+
'data-[state=open]:data-[invalid=true]:border-stroke-danger',
|
|
26
|
+
'data-[invalid=true]:border-stroke-danger',
|
|
42
27
|
],
|
|
43
28
|
{
|
|
44
29
|
variants: {
|
|
@@ -46,8 +31,20 @@ export const selectTriggerVariants = cva(
|
|
|
46
31
|
outline: [],
|
|
47
32
|
},
|
|
48
33
|
size: {
|
|
49
|
-
default:
|
|
50
|
-
|
|
34
|
+
default: [
|
|
35
|
+
'h-11 min-h-11 px-4 py-3 gap-4',
|
|
36
|
+
'data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]',
|
|
37
|
+
'data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]',
|
|
38
|
+
'data-[state=open]:px-[calc(var(--spacing-4)-var(--spacing-px))]',
|
|
39
|
+
'data-[state=open]:py-[calc(var(--spacing-3)-var(--spacing-px))]',
|
|
40
|
+
],
|
|
41
|
+
small: [
|
|
42
|
+
'h-8 min-h-8 px-3 py-2 gap-1.5',
|
|
43
|
+
'data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]',
|
|
44
|
+
'data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]',
|
|
45
|
+
'data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]',
|
|
46
|
+
'data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]',
|
|
47
|
+
],
|
|
51
48
|
},
|
|
52
49
|
},
|
|
53
50
|
defaultVariants: {
|
|
@@ -62,15 +59,15 @@ export const selectTriggerVariants = cva(
|
|
|
62
59
|
export const selectValueVariants = cva(
|
|
63
60
|
[
|
|
64
61
|
'min-w-0 flex-1 text-start',
|
|
65
|
-
'
|
|
66
|
-
'data-[
|
|
67
|
-
|
|
62
|
+
'text-content-primary',
|
|
63
|
+
'data-[placeholder=true]:text-content-tertiary',
|
|
64
|
+
'data-[invalid=true]:text-content-danger',
|
|
68
65
|
],
|
|
69
66
|
{
|
|
70
67
|
variants: {
|
|
71
68
|
size: {
|
|
72
|
-
default:
|
|
73
|
-
small:
|
|
69
|
+
default: 'text-[0.875rem]',
|
|
70
|
+
small: 'text-[0.75rem]',
|
|
74
71
|
},
|
|
75
72
|
},
|
|
76
73
|
defaultVariants: {
|
|
@@ -84,14 +81,15 @@ export const selectValueVariants = cva(
|
|
|
84
81
|
export const selectIconVariants = cva(
|
|
85
82
|
[
|
|
86
83
|
'shrink-0 items-center justify-center self-center',
|
|
87
|
-
|
|
88
|
-
'data-[invalid=true]:text-
|
|
84
|
+
'text-content-tertiary',
|
|
85
|
+
'data-[invalid=true]:text-content-danger',
|
|
86
|
+
'data-[state=open]:rotate-180',
|
|
89
87
|
],
|
|
90
88
|
{
|
|
91
89
|
variants: {
|
|
92
90
|
size: {
|
|
93
|
-
default: '
|
|
94
|
-
small: '
|
|
91
|
+
default: 'size-5',
|
|
92
|
+
small: 'size-4',
|
|
95
93
|
},
|
|
96
94
|
},
|
|
97
95
|
defaultVariants: {
|
|
@@ -103,12 +101,12 @@ export const selectIconVariants = cva(
|
|
|
103
101
|
// ── Content ─────────────────────────────────────────────────
|
|
104
102
|
|
|
105
103
|
export const selectContentVariants = cva([
|
|
106
|
-
|
|
107
|
-
|
|
104
|
+
'bg-surface-primary',
|
|
105
|
+
'border border-stroke-secondary',
|
|
108
106
|
'overflow-hidden',
|
|
109
|
-
|
|
107
|
+
'rounded-xl',
|
|
110
108
|
Platform.select({
|
|
111
|
-
web:
|
|
109
|
+
web: 'shadow-sm',
|
|
112
110
|
default: '',
|
|
113
111
|
}),
|
|
114
112
|
'max-h-60',
|
|
@@ -122,10 +120,10 @@ export const selectItemVariants = cva(
|
|
|
122
120
|
'flex-row items-center',
|
|
123
121
|
'transition-colors duration-100',
|
|
124
122
|
'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none',
|
|
125
|
-
'data-[state=checked]:bg-
|
|
123
|
+
'data-[state=checked]:bg-surface-action-tint data-[state=checked]:font-medium',
|
|
126
124
|
Platform.select({
|
|
127
|
-
default: 'data-[active=true]:bg-
|
|
128
|
-
web: 'data-[hover=true]:bg-
|
|
125
|
+
default: 'data-[active=true]:bg-surface-action-tint-active',
|
|
126
|
+
web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active data-[highlighted=true]:bg-surface-action-tint-hover',
|
|
129
127
|
}),
|
|
130
128
|
],
|
|
131
129
|
{
|
|
@@ -144,12 +142,12 @@ export const selectItemVariants = cva(
|
|
|
144
142
|
// ── ItemLabel ───────────────────────────────────────────────
|
|
145
143
|
|
|
146
144
|
export const selectItemLabelVariants = cva(
|
|
147
|
-
[
|
|
145
|
+
['text-content-primary', 'data-[state=checked]:font-medium'],
|
|
148
146
|
{
|
|
149
147
|
variants: {
|
|
150
148
|
size: {
|
|
151
|
-
default:
|
|
152
|
-
small:
|
|
149
|
+
default: 'text-[0.875rem]',
|
|
150
|
+
small: 'text-[0.75rem]',
|
|
153
151
|
},
|
|
154
152
|
},
|
|
155
153
|
defaultVariants: {
|