@cdx-ui/components 0.0.1-alpha.34 → 0.0.1-alpha.36
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/{Form/FormLabelRoot.js → Field/FieldLabel.js} +4 -4
- package/lib/commonjs/components/Field/FieldLabel.js.map +1 -0
- package/lib/commonjs/components/{Form/FormLabelRoot.web.js → Field/FieldLabel.web.js} +9 -5
- package/lib/commonjs/components/Field/FieldLabel.web.js.map +1 -0
- package/lib/commonjs/components/Field/index.js +158 -0
- package/lib/commonjs/components/Field/index.js.map +1 -0
- package/lib/commonjs/components/Field/styles.js +16 -0
- package/lib/commonjs/components/Field/styles.js.map +1 -0
- package/lib/commonjs/components/Form/FormRoot.js.map +1 -1
- package/lib/commonjs/components/Form/index.js +6 -213
- package/lib/commonjs/components/Form/index.js.map +1 -1
- package/lib/commonjs/components/Form/styles.js +1 -49
- package/lib/commonjs/components/Form/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/index.js +45 -0
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/styles.js +10 -0
- package/lib/commonjs/components/ProgressBar/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressSegmented/styles.js +5 -5
- package/lib/commonjs/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/commonjs/components/index.js +24 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/{Form/FormLabelRoot.js → Field/FieldLabel.js} +3 -3
- package/lib/module/components/Field/FieldLabel.js.map +1 -0
- package/lib/module/components/Field/FieldLabel.web.js +17 -0
- package/lib/module/components/Field/FieldLabel.web.js.map +1 -0
- package/lib/module/components/Field/index.js +155 -0
- package/lib/module/components/Field/index.js.map +1 -0
- package/lib/module/components/Field/styles.js +12 -0
- package/lib/module/components/Field/styles.js.map +1 -0
- package/lib/module/components/Form/FormRoot.js.map +1 -1
- package/lib/module/components/Form/index.js +8 -216
- package/lib/module/components/Form/index.js.map +1 -1
- package/lib/module/components/Form/styles.js +0 -48
- package/lib/module/components/Form/styles.js.map +1 -1
- package/lib/module/components/ProgressBar/index.js +41 -0
- package/lib/module/components/ProgressBar/index.js.map +1 -0
- package/lib/module/components/ProgressBar/styles.js +6 -0
- package/lib/module/components/ProgressBar/styles.js.map +1 -0
- package/lib/module/components/ProgressSegmented/styles.js +5 -5
- package/lib/module/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/module/components/index.js +2 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/components/{Form/FormLabelRoot.d.ts → Field/FieldLabel.d.ts} +5 -5
- package/lib/typescript/components/Field/FieldLabel.d.ts.map +1 -0
- package/lib/typescript/components/{Form/FormLabelRoot.web.d.ts → Field/FieldLabel.web.d.ts} +3 -7
- package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -0
- package/lib/typescript/components/Field/index.d.ts +26 -0
- package/lib/typescript/components/Field/index.d.ts.map +1 -0
- package/lib/typescript/components/Field/styles.d.ts +16 -0
- package/lib/typescript/components/Field/styles.d.ts.map +1 -0
- package/lib/typescript/components/Form/FormRoot.d.ts +2 -0
- package/lib/typescript/components/Form/FormRoot.d.ts.map +1 -1
- package/lib/typescript/components/Form/index.d.ts +4 -61
- package/lib/typescript/components/Form/index.d.ts.map +1 -1
- package/lib/typescript/components/Form/styles.d.ts +0 -20
- package/lib/typescript/components/Form/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressBar/index.d.ts +17 -0
- package/lib/typescript/components/ProgressBar/index.d.ts.map +1 -0
- package/lib/typescript/components/ProgressBar/styles.d.ts +5 -0
- package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressSegmented/styles.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +2 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/{Form/FormLabelRoot.tsx → Field/FieldLabel.tsx} +4 -4
- package/src/components/Field/FieldLabel.web.tsx +25 -0
- package/src/components/Field/index.tsx +171 -0
- package/src/components/Field/styles.ts +32 -0
- package/src/components/Form/FormRoot.tsx +1 -0
- package/src/components/Form/index.tsx +11 -245
- package/src/components/Form/styles.ts +1 -73
- package/src/components/ProgressBar/index.tsx +53 -0
- package/src/components/ProgressBar/styles.ts +9 -0
- package/src/components/ProgressSegmented/styles.ts +6 -5
- package/src/components/index.ts +2 -0
- package/lib/commonjs/components/Form/FormLabelRoot.js.map +0 -1
- package/lib/commonjs/components/Form/FormLabelRoot.web.js.map +0 -1
- package/lib/module/components/Form/FormLabelRoot.js.map +0 -1
- package/lib/module/components/Form/FormLabelRoot.web.js +0 -13
- package/lib/module/components/Form/FormLabelRoot.web.js.map +0 -1
- package/lib/typescript/components/Form/FormLabelRoot.d.ts.map +0 -1
- package/lib/typescript/components/Form/FormLabelRoot.web.d.ts.map +0 -1
- package/src/components/Form/FormLabelRoot.web.tsx +0 -18
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.progressBarTrackVariants = exports.progressBarIndicatorVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
const progressBarTrackVariants = exports.progressBarTrackVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row overflow-hidden rounded-full bg-surface-action-tint h-1']);
|
|
9
|
+
const progressBarIndicatorVariants = exports.progressBarIndicatorVariants = (0, _classVarianceAuthority.cva)(['rounded-full bg-surface-action-strong']);
|
|
10
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","progressBarTrackVariants","exports","cva","progressBarIndicatorVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,2BAAG,EAAC,CAC1C,yEAAyE,CAC1E,CAAC;AAEK,MAAMC,4BAA4B,GAAAF,OAAA,CAAAE,4BAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.segmentVariants = exports.progressSegmentedVariants = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
-
const progressSegmentedVariants = exports.progressSegmentedVariants = (0, _classVarianceAuthority.cva)(['flex-row gap-1 w-full']);
|
|
9
|
-
const segmentVariants = exports.segmentVariants = (0, _classVarianceAuthority.cva)(['flex-1 h-
|
|
8
|
+
const progressSegmentedVariants = exports.progressSegmentedVariants = (0, _classVarianceAuthority.cva)(['flex-row gap-1 w-full rounded overflow-hidden']);
|
|
9
|
+
const segmentVariants = exports.segmentVariants = (0, _classVarianceAuthority.cva)(['flex-1 h-1'], {
|
|
10
10
|
variants: {
|
|
11
11
|
state: {
|
|
12
|
-
complete: 'bg-
|
|
13
|
-
incomplete: 'bg-
|
|
14
|
-
inprogress: 'bg-gradient-to-r from-
|
|
12
|
+
complete: 'bg-surface-action-strong',
|
|
13
|
+
incomplete: 'bg-surface-action-tint',
|
|
14
|
+
inprogress: 'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-tint to-50%'
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","progressSegmentedVariants","exports","cva","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","progressSegmentedVariants","exports","cva","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,+CAA+C,CAAC,CAAC;AAExF,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,YAAY,CAAC,EAAE;EACjDE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,0BAA0B;MACpCC,UAAU,EAAE,wBAAwB;MACpCC,UAAU,EACR;IACJ;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -127,6 +127,18 @@ Object.keys(_Dialog).forEach(function (key) {
|
|
|
127
127
|
}
|
|
128
128
|
});
|
|
129
129
|
});
|
|
130
|
+
var _Field = require("./Field");
|
|
131
|
+
Object.keys(_Field).forEach(function (key) {
|
|
132
|
+
if (key === "default" || key === "__esModule") return;
|
|
133
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
134
|
+
if (key in exports && exports[key] === _Field[key]) return;
|
|
135
|
+
Object.defineProperty(exports, key, {
|
|
136
|
+
enumerable: true,
|
|
137
|
+
get: function () {
|
|
138
|
+
return _Field[key];
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
});
|
|
130
142
|
var _Form = require("./Form");
|
|
131
143
|
Object.keys(_Form).forEach(function (key) {
|
|
132
144
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -175,6 +187,18 @@ Object.keys(_Link).forEach(function (key) {
|
|
|
175
187
|
}
|
|
176
188
|
});
|
|
177
189
|
});
|
|
190
|
+
var _ProgressBar = require("./ProgressBar");
|
|
191
|
+
Object.keys(_ProgressBar).forEach(function (key) {
|
|
192
|
+
if (key === "default" || key === "__esModule") return;
|
|
193
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
194
|
+
if (key in exports && exports[key] === _ProgressBar[key]) return;
|
|
195
|
+
Object.defineProperty(exports, key, {
|
|
196
|
+
enumerable: true,
|
|
197
|
+
get: function () {
|
|
198
|
+
return _ProgressBar[key];
|
|
199
|
+
}
|
|
200
|
+
});
|
|
201
|
+
});
|
|
178
202
|
var _ProgressSegmented = require("./ProgressSegmented");
|
|
179
203
|
Object.keys(_ProgressSegmented).forEach(function (key) {
|
|
180
204
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Form","_Image","_Input","_Link","_ProgressSegmented","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,IAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,IAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,IAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,IAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,OAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,OAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,OAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,OAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AACA,IAAAa,KAAA,GAAAjB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAe,KAAA,EAAAd,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAa,KAAA,CAAAb,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,KAAA,CAAAb,GAAA;IAAA;EAAA;AAAA;AACA,IAAAc,SAAA,GAAAlB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAgB,SAAA,EAAAf,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAc,SAAA,CAAAd,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAM,SAAA,CAAAd,GAAA;IAAA;EAAA;AAAA;AACA,IAAAe,KAAA,GAAAnB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAiB,KAAA,EAAAhB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAe,KAAA,CAAAf,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAO,KAAA,CAAAf,GAAA;IAAA;EAAA;AAAA;AACA,IAAAgB,OAAA,GAAApB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAkB,OAAA,EAAAjB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAgB,OAAA,CAAAhB,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAQ,OAAA,CAAAhB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAiB,
|
|
1
|
+
{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Field","_Form","_Image","_Input","_Link","_ProgressBar","_ProgressSegmented","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
8
8
|
* Native: `Text` label row — tap focuses the field input via form context
|
|
9
9
|
* (parity with `<label htmlFor>` on web).
|
|
10
10
|
*/
|
|
11
|
-
export const
|
|
11
|
+
export const BaseFieldLabel = /*#__PURE__*/forwardRef(({
|
|
12
12
|
htmlFor: _omitHtmlFor,
|
|
13
13
|
onPress,
|
|
14
14
|
...props
|
|
@@ -25,5 +25,5 @@ export const FormLabelRoot = /*#__PURE__*/forwardRef(({
|
|
|
25
25
|
onPress: composeEventHandlers(onPress, () => focusInput?.())
|
|
26
26
|
});
|
|
27
27
|
});
|
|
28
|
-
|
|
29
|
-
//# sourceMappingURL=
|
|
28
|
+
BaseFieldLabel.displayName = 'BaseFieldLabel';
|
|
29
|
+
//# sourceMappingURL=FieldLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Text","composeEventHandlers","useFormControlContext","jsx","_jsx","BaseFieldLabel","htmlFor","_omitHtmlFor","onPress","props","ref","focusInput","isDisabled","disabled","Boolean","displayName"],"sourceRoot":"../../../../src","sources":["components/Field/FieldLabel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAA+C,cAAc;AAC1E,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5E;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGN,UAAU,CACtC,CAAC;EAAEO,OAAO,EAAEC,YAAY;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrD,KAAKH,YAAY;EAEjB,MAAM;IAAEI,UAAU;IAAEC;EAAW,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EAE1D,oBACEE,IAAA,CAACJ,IAAI;IACHU,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACTI,QAAQ,EAAEC,OAAO,CAACF,UAAU,CAAE;IAC9BJ,OAAO,EAAEP,oBAAoB,CAACO,OAAO,EAAE,MAAMG,UAAU,GAAG,CAAC;EAAE,CAC9D,CAAC;AAEN,CACF,CAAC;AAEDN,cAAc,CAACU,WAAW,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
|
|
5
|
+
// TODO: Why does dataSet need to be decomposed into individual data attributes?
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
/** Real `<label>` so clicking the label focuses the associated control (`htmlFor` → input `id`). */
|
|
8
|
+
export const BaseFieldLabel = /*#__PURE__*/forwardRef((props, ref) => {
|
|
9
|
+
return /*#__PURE__*/_jsx("label", {
|
|
10
|
+
ref: ref,
|
|
11
|
+
...props,
|
|
12
|
+
"data-invalid": props.dataSet?.invalid,
|
|
13
|
+
"data-required": props.dataSet?.required
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
BaseFieldLabel.displayName = 'BaseFieldLabel';
|
|
17
|
+
//# sourceMappingURL=FieldLabel.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","jsx","_jsx","BaseFieldLabel","props","ref","dataSet","invalid","required","displayName"],"sourceRoot":"../../../../src","sources":["components/Field/FieldLabel.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwB,OAAO;;AAGzD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASA;AACA,OAAO,MAAMC,cAAc,gBAAGH,UAAU,CAAwC,CAACI,KAAK,EAAEC,GAAG,KAAK;EAC9F,oBACEH,IAAA;IACEG,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IACV,gBAAcA,KAAK,CAACE,OAAO,EAAEC,OAAQ;IACrC,iBAAeH,KAAK,CAACE,OAAO,EAAEE;EAAS,CACxC,CAAC;AAEN,CAAC,CAAC;AAEFL,cAAc,CAACM,WAAW,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Text, View } from 'react-native';
|
|
5
|
+
import { ErrorIcon } from '@cdx-ui/icons';
|
|
6
|
+
import { createField } from '@cdx-ui/primitives';
|
|
7
|
+
import { cn } from '@cdx-ui/utils';
|
|
8
|
+
import { Icon } from '../Icon';
|
|
9
|
+
import { BaseFieldLabel } from './FieldLabel';
|
|
10
|
+
import { fieldErrorIconVariants, fieldErrorTextVariants, fieldErrorVariants, fieldHelperVariants, fieldHelperTextVariants, fieldLabelVariants, fieldRootVariants } from './styles';
|
|
11
|
+
|
|
12
|
+
// =============================================================================
|
|
13
|
+
// PRIMITIVE
|
|
14
|
+
// =============================================================================
|
|
15
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
+
const FieldPrimitive = createField({
|
|
17
|
+
Root: View,
|
|
18
|
+
Label: BaseFieldLabel,
|
|
19
|
+
Helper: View,
|
|
20
|
+
HelperText: Text,
|
|
21
|
+
Error: View,
|
|
22
|
+
ErrorText: Text,
|
|
23
|
+
ErrorIcon: View
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
// =============================================================================
|
|
27
|
+
// FIELD ROOT
|
|
28
|
+
// =============================================================================
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Field wrapper + context. For **initial focus**, pass `autoFocus` on `Input.Field` (not here).
|
|
32
|
+
*/
|
|
33
|
+
|
|
34
|
+
const FieldRoot = /*#__PURE__*/forwardRef(({
|
|
35
|
+
className,
|
|
36
|
+
children,
|
|
37
|
+
style,
|
|
38
|
+
...props
|
|
39
|
+
}, ref) => {
|
|
40
|
+
const computedClassName = cn(fieldRootVariants(), className);
|
|
41
|
+
return /*#__PURE__*/_jsx(FieldPrimitive, {
|
|
42
|
+
ref: ref,
|
|
43
|
+
className: computedClassName,
|
|
44
|
+
style: style,
|
|
45
|
+
...props,
|
|
46
|
+
children: children
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
FieldRoot.displayName = 'Field';
|
|
50
|
+
|
|
51
|
+
// =============================================================================
|
|
52
|
+
// FIELD LABEL
|
|
53
|
+
// =============================================================================
|
|
54
|
+
|
|
55
|
+
const FieldLabel = /*#__PURE__*/forwardRef(({
|
|
56
|
+
className,
|
|
57
|
+
children,
|
|
58
|
+
style,
|
|
59
|
+
htmlFor,
|
|
60
|
+
...props
|
|
61
|
+
}, ref) => {
|
|
62
|
+
const labelClassName = cn(fieldLabelVariants(), className);
|
|
63
|
+
return /*#__PURE__*/_jsx(FieldPrimitive.Label, {
|
|
64
|
+
ref: ref,
|
|
65
|
+
className: labelClassName,
|
|
66
|
+
style: style,
|
|
67
|
+
htmlFor: htmlFor,
|
|
68
|
+
requiredIndicator: /*#__PURE__*/_jsx(Text, {
|
|
69
|
+
className: "text-red-500",
|
|
70
|
+
"aria-hidden": true,
|
|
71
|
+
children: ' *'
|
|
72
|
+
}),
|
|
73
|
+
...props,
|
|
74
|
+
children: children
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
FieldLabel.displayName = 'Field.Label';
|
|
78
|
+
|
|
79
|
+
// =============================================================================
|
|
80
|
+
// FIELD HELPER
|
|
81
|
+
// =============================================================================
|
|
82
|
+
|
|
83
|
+
const FieldHelper = /*#__PURE__*/forwardRef(({
|
|
84
|
+
className,
|
|
85
|
+
children,
|
|
86
|
+
style,
|
|
87
|
+
...props
|
|
88
|
+
}, ref) => {
|
|
89
|
+
const containerClassName = cn(fieldHelperVariants(), className);
|
|
90
|
+
const textClassName = cn(fieldHelperTextVariants());
|
|
91
|
+
return /*#__PURE__*/_jsx(FieldPrimitive.Helper, {
|
|
92
|
+
ref: ref,
|
|
93
|
+
className: containerClassName,
|
|
94
|
+
style: style,
|
|
95
|
+
...props,
|
|
96
|
+
children: /*#__PURE__*/_jsx(FieldPrimitive.HelperText, {
|
|
97
|
+
className: textClassName,
|
|
98
|
+
children: children
|
|
99
|
+
})
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
FieldHelper.displayName = 'Field.Helper';
|
|
103
|
+
|
|
104
|
+
// =============================================================================
|
|
105
|
+
// FIELD ERROR (internal icon + text composition)
|
|
106
|
+
// =============================================================================
|
|
107
|
+
|
|
108
|
+
const FieldErrorIcon = ({
|
|
109
|
+
className,
|
|
110
|
+
style,
|
|
111
|
+
...props
|
|
112
|
+
}) => {
|
|
113
|
+
const computedClassName = cn(fieldErrorIconVariants(), className);
|
|
114
|
+
return /*#__PURE__*/_jsx(Icon, {
|
|
115
|
+
as: ErrorIcon,
|
|
116
|
+
className: computedClassName,
|
|
117
|
+
style: style,
|
|
118
|
+
"aria-hidden": true,
|
|
119
|
+
...props
|
|
120
|
+
});
|
|
121
|
+
};
|
|
122
|
+
FieldErrorIcon.displayName = 'Field.ErrorIcon';
|
|
123
|
+
const FieldError = /*#__PURE__*/forwardRef(({
|
|
124
|
+
className,
|
|
125
|
+
children,
|
|
126
|
+
style,
|
|
127
|
+
...props
|
|
128
|
+
}, ref) => {
|
|
129
|
+
const containerClassName = cn(fieldErrorVariants(), className);
|
|
130
|
+
const textClassName = cn(fieldErrorTextVariants());
|
|
131
|
+
return /*#__PURE__*/_jsxs(FieldPrimitive.Error, {
|
|
132
|
+
ref: ref,
|
|
133
|
+
className: containerClassName,
|
|
134
|
+
style: style,
|
|
135
|
+
...props,
|
|
136
|
+
children: [/*#__PURE__*/_jsx(FieldPrimitive.ErrorIcon, {
|
|
137
|
+
children: /*#__PURE__*/_jsx(FieldErrorIcon, {})
|
|
138
|
+
}), /*#__PURE__*/_jsx(FieldPrimitive.ErrorText, {
|
|
139
|
+
className: textClassName,
|
|
140
|
+
children: children
|
|
141
|
+
})]
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
FieldError.displayName = 'Field.Error';
|
|
145
|
+
|
|
146
|
+
// =============================================================================
|
|
147
|
+
// COMPOUND EXPORT
|
|
148
|
+
// =============================================================================
|
|
149
|
+
|
|
150
|
+
export const Field = Object.assign(FieldRoot, {
|
|
151
|
+
Label: FieldLabel,
|
|
152
|
+
Helper: FieldHelper,
|
|
153
|
+
Error: FieldError
|
|
154
|
+
});
|
|
155
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Text","View","ErrorIcon","createField","cn","Icon","BaseFieldLabel","fieldErrorIconVariants","fieldErrorTextVariants","fieldErrorVariants","fieldHelperVariants","fieldHelperTextVariants","fieldLabelVariants","fieldRootVariants","jsx","_jsx","jsxs","_jsxs","FieldPrimitive","Root","Label","Helper","HelperText","Error","ErrorText","FieldRoot","className","children","style","props","ref","computedClassName","displayName","FieldLabel","htmlFor","labelClassName","requiredIndicator","FieldHelper","containerClassName","textClassName","FieldErrorIcon","as","FieldError","Field","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { DISABLED_OPACITY } from '../../styles/primitives';
|
|
5
|
+
export const fieldRootVariants = cva(['flex-col gap-2', 'web:last:mb-0', DISABLED_OPACITY]);
|
|
6
|
+
export const fieldLabelVariants = cva(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center', DISABLED_OPACITY, 'web:cursor-pointer', 'data-[invalid=true]:text-content-danger']);
|
|
7
|
+
export const fieldHelperVariants = cva(['flex-row items-center']);
|
|
8
|
+
export const fieldHelperTextVariants = cva(['body-sm', 'text-content-tertiary']);
|
|
9
|
+
export const fieldErrorVariants = cva(['flex-row items-center gap-1']);
|
|
10
|
+
export const fieldErrorTextVariants = cva(['body-sm', 'text-content-danger']);
|
|
11
|
+
export const fieldErrorIconVariants = cva(['size-3.5', 'text-content-danger']);
|
|
12
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","DISABLED_OPACITY","fieldRootVariants","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SAASC,gBAAgB,QAAQ,yBAAyB;AAE1D,OAAO,MAAMC,iBAAiB,GAAGF,GAAG,CAAC,CAAC,gBAAgB,EAAE,eAAe,EAAEC,gBAAgB,CAAC,CAAC;AAE3F,OAAO,MAAME,kBAAkB,GAAGH,GAAG,CAAC,CACpC,SAAS,EACT,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvBC,gBAAgB,EAChB,oBAAoB,EACpB,yCAAyC,CAC1C,CAAC;AAEF,OAAO,MAAMG,mBAAmB,GAAGJ,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;AAEjE,OAAO,MAAMK,uBAAuB,GAAGL,GAAG,CAAC,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;AAEhF,OAAO,MAAMM,kBAAkB,GAAGN,GAAG,CAAC,CAAC,6BAA6B,CAAC,CAAC;AAEtE,OAAO,MAAMO,sBAAsB,GAAGP,GAAG,CAAC,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,MAAMQ,sBAAsB,GAAGR,GAAG,CAAC,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","View","jsx","_jsx","BaseFormRoot","onSubmit","_onSubmit","action","_action","method","_method","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["forwardRef","View","jsx","_jsx","BaseFormRoot","onSubmit","_onSubmit","action","_action","method","_method","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpD,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,CAAC;EAAEK,QAAQ,EAAEC,SAAS;EAAEC,MAAM,EAAEC,OAAO;EAAEC,MAAM,EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,KAAKN,SAAS;EACd,KAAKE,OAAO;EACZ,KAAKE,OAAO;EACZ,oBAAOP,IAAA,CAACF,IAAI;IAACW,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AACtC,CACF,CAAC;AAEDP,YAAY,CAACS,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -1,36 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { Text, View } from 'react-native';
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
5
4
|
import { createForm } from '@cdx-ui/primitives';
|
|
6
|
-
import { cn
|
|
7
|
-
import { Icon } from '../Icon';
|
|
5
|
+
import { cn } from '@cdx-ui/utils';
|
|
8
6
|
import { BaseFormRoot } from './FormRoot';
|
|
9
|
-
import {
|
|
10
|
-
import { formRootVariants, formFieldVariants, formLabelVariants, formHelperVariants, formHelperTextVariants, formErrorVariants, formErrorTextVariants, formErrorIconVariants } from './styles';
|
|
11
|
-
|
|
12
|
-
// =============================================================================
|
|
13
|
-
// SCOPE + CONTEXT
|
|
14
|
-
// =============================================================================
|
|
15
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
|
-
const SCOPE = 'FORM';
|
|
17
|
-
const FieldRoot = withStyleContext(View, SCOPE);
|
|
18
|
-
const useFormStyleContext = () => useStyleContext(SCOPE);
|
|
7
|
+
import { formRootVariants } from './styles';
|
|
19
8
|
|
|
20
9
|
// =============================================================================
|
|
21
10
|
// PRIMITIVE
|
|
22
11
|
// =============================================================================
|
|
23
|
-
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
13
|
const FormPrimitive = createForm({
|
|
25
|
-
Root: BaseFormRoot
|
|
26
|
-
Field: FieldRoot,
|
|
27
|
-
Error: View,
|
|
28
|
-
ErrorText: Text,
|
|
29
|
-
ErrorIcon: View,
|
|
30
|
-
Label: FormLabelRoot,
|
|
31
|
-
Helper: View,
|
|
32
|
-
HelperText: Text
|
|
14
|
+
Root: BaseFormRoot
|
|
33
15
|
});
|
|
16
|
+
FormPrimitive.displayName = 'FormPrimitive';
|
|
34
17
|
|
|
35
18
|
// =============================================================================
|
|
36
19
|
// FORM ROOT (container — <form> on web, <View> on RN)
|
|
@@ -54,199 +37,8 @@ const FormRoot = /*#__PURE__*/forwardRef(({
|
|
|
54
37
|
FormRoot.displayName = 'Form';
|
|
55
38
|
|
|
56
39
|
// =============================================================================
|
|
57
|
-
//
|
|
58
|
-
// =============================================================================
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* Field wrapper + context. For **initial focus**, pass `autoFocus` on `Input.Field` (not here).
|
|
62
|
-
*/
|
|
63
|
-
|
|
64
|
-
const FormField = /*#__PURE__*/forwardRef(({
|
|
65
|
-
size = 'default',
|
|
66
|
-
className,
|
|
67
|
-
children,
|
|
68
|
-
style,
|
|
69
|
-
...props
|
|
70
|
-
}, ref) => {
|
|
71
|
-
const computedClassName = cn(formFieldVariants(), className);
|
|
72
|
-
return /*#__PURE__*/_jsx(FormPrimitive.Field, {
|
|
73
|
-
ref: ref,
|
|
74
|
-
className: computedClassName,
|
|
75
|
-
style: style,
|
|
76
|
-
context: {
|
|
77
|
-
size
|
|
78
|
-
},
|
|
79
|
-
...props,
|
|
80
|
-
children: children
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
FormField.displayName = 'Form.Field';
|
|
84
|
-
|
|
85
|
-
// =============================================================================
|
|
86
|
-
// FORM LABEL
|
|
87
|
-
// =============================================================================
|
|
88
|
-
|
|
89
|
-
// TODO: Accept accessibility labels for required indicator as props to support i18n
|
|
90
|
-
|
|
91
|
-
const FormLabel = /*#__PURE__*/forwardRef(({
|
|
92
|
-
className,
|
|
93
|
-
children,
|
|
94
|
-
style,
|
|
95
|
-
htmlFor,
|
|
96
|
-
...props
|
|
97
|
-
}, ref) => {
|
|
98
|
-
const {
|
|
99
|
-
size
|
|
100
|
-
} = useFormStyleContext();
|
|
101
|
-
const labelClassName = cn(formLabelVariants({
|
|
102
|
-
size
|
|
103
|
-
}), className);
|
|
104
|
-
return /*#__PURE__*/_jsx(FormPrimitive.Label, {
|
|
105
|
-
ref: ref,
|
|
106
|
-
className: labelClassName,
|
|
107
|
-
style: style,
|
|
108
|
-
htmlFor: htmlFor,
|
|
109
|
-
requiredIndicator: /*#__PURE__*/_jsx(Text, {
|
|
110
|
-
className: "text-red-500",
|
|
111
|
-
"aria-hidden": true,
|
|
112
|
-
children: ' *'
|
|
113
|
-
}),
|
|
114
|
-
...props,
|
|
115
|
-
children: children
|
|
116
|
-
});
|
|
117
|
-
});
|
|
118
|
-
FormLabel.displayName = 'Form.Label';
|
|
119
|
-
|
|
120
|
-
// =============================================================================
|
|
121
|
-
// FORM HELPER
|
|
122
|
-
// =============================================================================
|
|
123
|
-
|
|
124
|
-
const FormHelper = /*#__PURE__*/forwardRef(({
|
|
125
|
-
className,
|
|
126
|
-
children,
|
|
127
|
-
style,
|
|
128
|
-
...props
|
|
129
|
-
}, ref) => {
|
|
130
|
-
const computedClassName = cn(formHelperVariants(), className);
|
|
131
|
-
return /*#__PURE__*/_jsx(FormPrimitive.Helper, {
|
|
132
|
-
ref: ref,
|
|
133
|
-
className: computedClassName,
|
|
134
|
-
style: style,
|
|
135
|
-
...props,
|
|
136
|
-
children: children
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
|
-
FormHelper.displayName = 'Form.Helper';
|
|
140
|
-
|
|
141
|
-
// =============================================================================
|
|
142
|
-
// FORM HELPER TEXT
|
|
143
|
-
// =============================================================================
|
|
144
|
-
|
|
145
|
-
const FormHelperText = /*#__PURE__*/forwardRef(({
|
|
146
|
-
className,
|
|
147
|
-
children,
|
|
148
|
-
style,
|
|
149
|
-
...props
|
|
150
|
-
}, ref) => {
|
|
151
|
-
const {
|
|
152
|
-
size
|
|
153
|
-
} = useFormStyleContext();
|
|
154
|
-
const computedClassName = cn(formHelperTextVariants({
|
|
155
|
-
size
|
|
156
|
-
}), className);
|
|
157
|
-
return /*#__PURE__*/_jsx(FormPrimitive.HelperText, {
|
|
158
|
-
ref: ref,
|
|
159
|
-
className: computedClassName,
|
|
160
|
-
style: style,
|
|
161
|
-
...props,
|
|
162
|
-
children: children
|
|
163
|
-
});
|
|
164
|
-
});
|
|
165
|
-
FormHelperText.displayName = 'Form.HelperText';
|
|
166
|
-
|
|
167
|
-
// =============================================================================
|
|
168
|
-
// FORM ERROR
|
|
40
|
+
// EXPORT
|
|
169
41
|
// =============================================================================
|
|
170
42
|
|
|
171
|
-
const
|
|
172
|
-
className,
|
|
173
|
-
children,
|
|
174
|
-
style,
|
|
175
|
-
...props
|
|
176
|
-
}, ref) => {
|
|
177
|
-
const computedClassName = cn(formErrorVariants(), className);
|
|
178
|
-
return /*#__PURE__*/_jsx(FormPrimitive.Error, {
|
|
179
|
-
ref: ref,
|
|
180
|
-
className: computedClassName,
|
|
181
|
-
style: style,
|
|
182
|
-
...props,
|
|
183
|
-
children: children
|
|
184
|
-
});
|
|
185
|
-
});
|
|
186
|
-
FormError.displayName = 'Form.Error';
|
|
187
|
-
|
|
188
|
-
// =============================================================================
|
|
189
|
-
// FORM ERROR TEXT
|
|
190
|
-
// =============================================================================
|
|
191
|
-
|
|
192
|
-
const FormErrorText = /*#__PURE__*/forwardRef(({
|
|
193
|
-
className,
|
|
194
|
-
children,
|
|
195
|
-
style,
|
|
196
|
-
...props
|
|
197
|
-
}, ref) => {
|
|
198
|
-
const {
|
|
199
|
-
size
|
|
200
|
-
} = useFormStyleContext();
|
|
201
|
-
const computedClassName = cn(formErrorTextVariants({
|
|
202
|
-
size
|
|
203
|
-
}), className);
|
|
204
|
-
return /*#__PURE__*/_jsx(FormPrimitive.ErrorText, {
|
|
205
|
-
ref: ref,
|
|
206
|
-
className: computedClassName,
|
|
207
|
-
style: style,
|
|
208
|
-
...props,
|
|
209
|
-
children: children
|
|
210
|
-
});
|
|
211
|
-
});
|
|
212
|
-
FormErrorText.displayName = 'Form.ErrorText';
|
|
213
|
-
|
|
214
|
-
// =============================================================================
|
|
215
|
-
// FORM ERROR ICON
|
|
216
|
-
// =============================================================================
|
|
217
|
-
|
|
218
|
-
const FormErrorIcon = ({
|
|
219
|
-
className,
|
|
220
|
-
style,
|
|
221
|
-
as,
|
|
222
|
-
...props
|
|
223
|
-
}) => {
|
|
224
|
-
const {
|
|
225
|
-
size
|
|
226
|
-
} = useFormStyleContext();
|
|
227
|
-
const computedClassName = cn(formErrorIconVariants({
|
|
228
|
-
size
|
|
229
|
-
}), className);
|
|
230
|
-
return /*#__PURE__*/_jsx(Icon, {
|
|
231
|
-
as: as,
|
|
232
|
-
className: computedClassName,
|
|
233
|
-
style: style,
|
|
234
|
-
...props
|
|
235
|
-
});
|
|
236
|
-
};
|
|
237
|
-
FormErrorIcon.displayName = 'Form.ErrorIcon';
|
|
238
|
-
|
|
239
|
-
// =============================================================================
|
|
240
|
-
// COMPOUND EXPORT
|
|
241
|
-
// =============================================================================
|
|
242
|
-
|
|
243
|
-
export const Form = Object.assign(FormRoot, {
|
|
244
|
-
Field: FormField,
|
|
245
|
-
Label: FormLabel,
|
|
246
|
-
Helper: FormHelper,
|
|
247
|
-
HelperText: FormHelperText,
|
|
248
|
-
Error: FormError,
|
|
249
|
-
ErrorText: FormErrorText,
|
|
250
|
-
ErrorIcon: FormErrorIcon
|
|
251
|
-
});
|
|
43
|
+
export const Form = FormRoot;
|
|
252
44
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","forwardRef","createForm","cn","BaseFormRoot","formRootVariants","jsx","_jsx","FormPrimitive","Root","displayName","FormRoot","className","children","style","props","ref","computedClassName","Form"],"sourceRoot":"../../../../src","sources":["components/Form/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,YAAY,QAAgC,YAAY;AACjE,SAASC,gBAAgB,QAAQ,UAAU;;AAE3C;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,MAAMC,aAAa,GAAGN,UAAU,CAAC;EAAEO,IAAI,EAAEL;AAAa,CAAC,CAAC;AAExDI,aAAa,CAACE,WAAW,GAAG,eAAe;;AAE3C;AACA;AACA;;AAIA,MAAMC,QAAQ,gBAAGV,UAAU,CAAkB,CAAC;EAAEW,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAMC,iBAAiB,GAAGd,EAAE,CAACE,gBAAgB,CAAC,CAAC,EAAEO,SAAS,CAAC;EAE3D,oBACEL,IAAA,CAACC,aAAa;IAACQ,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,iBAAkB;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAC3EA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAEFF,QAAQ,CAACD,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAEA,OAAO,MAAMQ,IAAI,GAAGP,QAAQ","ignoreList":[]}
|