@algolia/satellite 1.5.0 → 1.6.0
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/dist/cjs/Actions/Button/Button.tailwind.js +0 -12
- package/dist/cjs/Fields/Field/Field.js +1 -1
- package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +4 -4
- package/dist/cjs/Fields/Form/stories/Complex.js +4 -4
- package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +4 -4
- package/dist/cjs/Fields/Form/stories/DirtyFields.js +4 -4
- package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +4 -4
- package/dist/cjs/Fields/Form/stories/FieldArrays.js +6 -6
- package/dist/cjs/Fields/Form/stories/JSONForms.js +3 -3
- package/dist/cjs/Fields/Form/stories/MultiStep.js +700 -0
- package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +6 -6
- package/dist/cjs/Icons/index.d.ts +1 -1
- package/dist/cjs/Icons/index.js +6 -0
- package/dist/cjs/Indicators/Skeleton/Skeleton.js +1 -1
- package/dist/cjs/Indicators/index.d.ts +1 -0
- package/dist/cjs/Indicators/index.js +11 -0
- package/dist/esm/Actions/Button/Button.tailwind.js +0 -12
- package/dist/esm/Fields/Field/Field.js +1 -1
- package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +4 -4
- package/dist/esm/Fields/Form/stories/Complex.js +4 -4
- package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +4 -4
- package/dist/esm/Fields/Form/stories/DirtyFields.js +4 -4
- package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +4 -4
- package/dist/esm/Fields/Form/stories/FieldArrays.js +6 -6
- package/dist/esm/Fields/Form/stories/JSONForms.js +3 -3
- package/dist/esm/Fields/Form/stories/MultiStep.js +691 -0
- package/dist/esm/Fields/Form/stories/ValidationStrategies.js +6 -6
- package/dist/esm/Icons/index.d.ts +1 -1
- package/dist/esm/Icons/index.js +1 -1
- package/dist/esm/Indicators/Skeleton/Skeleton.js +1 -1
- package/dist/esm/Indicators/index.d.ts +1 -0
- package/dist/esm/Indicators/index.js +2 -1
- package/dist/satellite.min.css +1 -1
- package/package.json +6 -1
@@ -137,7 +137,7 @@ var RHFValidationStrategiesComponent = exports.RHFValidationStrategiesComponent
|
|
137
137
|
}
|
138
138
|
};
|
139
139
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
140
|
-
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col gap-8 w-
|
140
|
+
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col gap-8 w-5/6"]))),
|
141
141
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Form.ExperimentalForm, {
|
142
142
|
onSubmit: handleSubmit(function (data) {
|
143
143
|
return setFormData(data);
|
@@ -145,7 +145,7 @@ var RHFValidationStrategiesComponent = exports.RHFValidationStrategiesComponent
|
|
145
145
|
onReset: function onReset() {
|
146
146
|
return setFormData(initialFormData);
|
147
147
|
},
|
148
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
148
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
149
149
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
|
150
150
|
name: "cardOwner",
|
151
151
|
control: control,
|
@@ -268,7 +268,7 @@ var RHFValidationStrategiesComponent = exports.RHFValidationStrategiesComponent
|
|
268
268
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
269
269
|
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
270
270
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
271
|
-
className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
271
|
+
className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
272
272
|
children: JSON.stringify(formData, null, 2)
|
273
273
|
})]
|
274
274
|
});
|
@@ -327,7 +327,7 @@ var FormikValidationStrategiesComponent = exports.FormikValidationStrategiesComp
|
|
327
327
|
};
|
328
328
|
(0, _useFormikAutoFocusOnError.useFormikAutoFocusOnError)(formik);
|
329
329
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
330
|
-
className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col gap-8 w-
|
330
|
+
className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col gap-8 w-5/6"]))),
|
331
331
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Form.ExperimentalForm, {
|
332
332
|
onSubmit: function onSubmit(e) {
|
333
333
|
setRevalidationEnabled(true);
|
@@ -337,7 +337,7 @@ var FormikValidationStrategiesComponent = exports.FormikValidationStrategiesComp
|
|
337
337
|
setRevalidationEnabled(false);
|
338
338
|
formik.handleReset(e);
|
339
339
|
},
|
340
|
-
className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
340
|
+
className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
341
341
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
|
342
342
|
label: "Card Owner",
|
343
343
|
labelFor: "cardOwner",
|
@@ -448,7 +448,7 @@ var FormikValidationStrategiesComponent = exports.FormikValidationStrategiesComp
|
|
448
448
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
449
449
|
className: (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
450
450
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
451
|
-
className: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
451
|
+
className: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
452
452
|
children: JSON.stringify(formData, null, 2)
|
453
453
|
})]
|
454
454
|
});
|
@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
|
|
17
17
|
export { BulbIcon } from "./BulbIcon";
|
18
18
|
export { TestingIcon } from "./TestingIcon";
|
19
19
|
export { RocketIcon } from "./RocketIcon";
|
20
|
-
export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
|
20
|
+
export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
|
package/dist/cjs/Icons/index.js
CHANGED
@@ -891,6 +891,12 @@ Object.defineProperty(exports, "KeyIcon", {
|
|
891
891
|
return _lucideReact.KeyIcon;
|
892
892
|
}
|
893
893
|
});
|
894
|
+
Object.defineProperty(exports, "Landmark", {
|
895
|
+
enumerable: true,
|
896
|
+
get: function get() {
|
897
|
+
return _lucideReact.Landmark;
|
898
|
+
}
|
899
|
+
});
|
894
900
|
Object.defineProperty(exports, "LayersIcon", {
|
895
901
|
enumerable: true,
|
896
902
|
get: function get() {
|
@@ -31,7 +31,7 @@ var Skeleton = exports.Skeleton = function Skeleton(_ref) {
|
|
31
31
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
32
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, props), {}, {
|
33
33
|
"aria-hidden": true,
|
34
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex animate-pulse bg-grey-200 ", ""])), circle ? "rounded-full aspect-square max-w-fit" : "rounded"), className),
|
34
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex animate-pulse bg-grey-200/80 ", ""])), circle ? "rounded-full aspect-square max-w-fit" : "rounded"), className),
|
35
35
|
children: image ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ImageIcon, {
|
36
36
|
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mx-auto self-center text-grey-300/50 w-[40%] h-[40%] max-w-[32px] max-h-[32px]"])))
|
37
37
|
}) : null
|
@@ -112,4 +112,15 @@ Object.keys(_Toast).forEach(function (key) {
|
|
112
112
|
return _Toast[key];
|
113
113
|
}
|
114
114
|
});
|
115
|
+
});
|
116
|
+
var _Skeleton = require("./Skeleton");
|
117
|
+
Object.keys(_Skeleton).forEach(function (key) {
|
118
|
+
if (key === "default" || key === "__esModule") return;
|
119
|
+
if (key in exports && exports[key] === _Skeleton[key]) return;
|
120
|
+
Object.defineProperty(exports, key, {
|
121
|
+
enumerable: true,
|
122
|
+
get: function get() {
|
123
|
+
return _Skeleton[key];
|
124
|
+
}
|
125
|
+
});
|
115
126
|
});
|
@@ -48,10 +48,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
48
48
|
backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
|
49
49
|
borderColor: theme("colors.grey.200")
|
50
50
|
},
|
51
|
-
"&:focus": {
|
52
|
-
backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
|
53
|
-
boxShadow: "0 2px 0 1px ".concat(theme("colors.shadow.5"))
|
54
|
-
},
|
55
51
|
"&:active, &.btn-active": {
|
56
52
|
borderColor: theme("colors.grey.200"),
|
57
53
|
boxShadow: "\n inset 0 1px 4px 0 ".concat(rgba(theme("colors.grey.500"), 0.4), ",\n inset 0 1px 1px 0 ").concat(rgba(theme("colors.grey.500"), 0.4), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n ")
|
@@ -74,10 +70,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
74
70
|
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.accent.800"), " 0%, ").concat(theme("colors.accent.700"), " 100%)"),
|
75
71
|
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.10"), "\n ")
|
76
72
|
},
|
77
|
-
"&:focus": {
|
78
|
-
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.accent.600"), " 0%, ").concat(theme("colors.accent.700"), " 100%)"),
|
79
|
-
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
80
|
-
},
|
81
73
|
"&:active, &.btn-active": {
|
82
74
|
backgroundColor: theme("colors.accent.700"),
|
83
75
|
borderColor: theme("colors.accent.800"),
|
@@ -101,10 +93,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
101
93
|
borderColor: theme("colors.red.800"),
|
102
94
|
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.10"), "\n ")
|
103
95
|
},
|
104
|
-
"&:focus": {
|
105
|
-
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.red.600"), " 0%, ").concat(theme("colors.red.700"), " 100%)"),
|
106
|
-
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
107
|
-
},
|
108
96
|
"&:active, &.btn-active": {
|
109
97
|
borderColor: theme("colors.red.800"),
|
110
98
|
boxShadow: "\n inset 0 1px 4px 0 ".concat(rgba(theme("colors.red.900"), 0.4), ",\n inset 0 1px 1px 0 ").concat(rgba(theme("colors.red.900"), 0.6), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n ")
|
@@ -89,7 +89,7 @@ export var Field = function Field(_ref) {
|
|
89
89
|
id: labelId,
|
90
90
|
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["truncate ", ""])), inline ? "mr-2" : "mb-1"),
|
91
91
|
children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/_jsx("span", {
|
92
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-red-700 ml-0.5"]))),
|
92
|
+
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-red-700 ml-0.5 align-top"]))),
|
93
93
|
"aria-hidden": true,
|
94
94
|
children: "*"
|
95
95
|
})]
|
@@ -179,7 +179,7 @@ export var RHFAsyncValidationComponent = function RHFAsyncValidationComponent()
|
|
179
179
|
onReset: function onReset() {
|
180
180
|
return setFormData(initialFormData);
|
181
181
|
},
|
182
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
182
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
183
183
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Controller, {
|
184
184
|
name: "username",
|
185
185
|
control: control,
|
@@ -235,7 +235,7 @@ export var RHFAsyncValidationComponent = function RHFAsyncValidationComponent()
|
|
235
235
|
}), /*#__PURE__*/_jsx("hr", {
|
236
236
|
className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["text-grey-500"])))
|
237
237
|
}), /*#__PURE__*/_jsx("code", {
|
238
|
-
className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
238
|
+
className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
239
239
|
children: JSON.stringify(formData, null, 2)
|
240
240
|
})]
|
241
241
|
});
|
@@ -337,7 +337,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
|
|
337
337
|
setRevalidationEnabled(false);
|
338
338
|
formik.handleReset(e);
|
339
339
|
},
|
340
|
-
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
340
|
+
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
341
341
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Field, {
|
342
342
|
label: "Username",
|
343
343
|
labelFor: "username",
|
@@ -379,7 +379,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
|
|
379
379
|
}), /*#__PURE__*/_jsx("hr", {
|
380
380
|
className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-grey-500"])))
|
381
381
|
}), /*#__PURE__*/_jsx("code", {
|
382
|
-
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
382
|
+
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
383
383
|
children: JSON.stringify(formData, null, 2)
|
384
384
|
})]
|
385
385
|
});
|
@@ -199,7 +199,7 @@ export var RHFComplexComponent = function RHFComplexComponent() {
|
|
199
199
|
onReset: function onReset() {
|
200
200
|
return setFormData(initialFormData);
|
201
201
|
},
|
202
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
202
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
203
203
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Controller, {
|
204
204
|
name: "firstName",
|
205
205
|
control: control,
|
@@ -554,7 +554,7 @@ export var RHFComplexComponent = function RHFComplexComponent() {
|
|
554
554
|
}), /*#__PURE__*/_jsx("hr", {
|
555
555
|
className: stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["text-grey-500"])))
|
556
556
|
}), /*#__PURE__*/_jsx("code", {
|
557
|
-
className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
557
|
+
className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
558
558
|
children: JSON.stringify(formData, null, 2)
|
559
559
|
})]
|
560
560
|
});
|
@@ -637,7 +637,7 @@ export var FormikComplexComponent = function FormikComplexComponent() {
|
|
637
637
|
setRevalidationEnabled(false);
|
638
638
|
formik.handleReset(e);
|
639
639
|
},
|
640
|
-
className: stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
640
|
+
className: stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
641
641
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Field, {
|
642
642
|
label: "First Name",
|
643
643
|
labelFor: "firstName",
|
@@ -908,7 +908,7 @@ export var FormikComplexComponent = function FormikComplexComponent() {
|
|
908
908
|
}), /*#__PURE__*/_jsx("hr", {
|
909
909
|
className: stl(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["text-grey-500"])))
|
910
910
|
}), /*#__PURE__*/_jsx("code", {
|
911
|
-
className: stl(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
911
|
+
className: stl(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
912
912
|
children: JSON.stringify(formData, null, 2)
|
913
913
|
})]
|
914
914
|
});
|
@@ -75,7 +75,7 @@ export var RHFDependentFieldsValidationComponent = function RHFDependentFieldsVa
|
|
75
75
|
onReset: function onReset() {
|
76
76
|
return setFormData(initialFormData);
|
77
77
|
},
|
78
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
78
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
79
79
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Controller, {
|
80
80
|
name: "password",
|
81
81
|
control: control,
|
@@ -131,7 +131,7 @@ export var RHFDependentFieldsValidationComponent = function RHFDependentFieldsVa
|
|
131
131
|
}), /*#__PURE__*/_jsx("hr", {
|
132
132
|
className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["text-grey-500"])))
|
133
133
|
}), /*#__PURE__*/_jsx("code", {
|
134
|
-
className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
134
|
+
className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
135
135
|
children: JSON.stringify(formData, null, 2)
|
136
136
|
})]
|
137
137
|
});
|
@@ -190,7 +190,7 @@ export var FormikDependentFieldsValidationComponent = function FormikDependentFi
|
|
190
190
|
setRevalidationEnabled(false);
|
191
191
|
formik.handleReset(e);
|
192
192
|
},
|
193
|
-
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
193
|
+
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
194
194
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Field, {
|
195
195
|
label: "Password",
|
196
196
|
labelFor: "password",
|
@@ -232,7 +232,7 @@ export var FormikDependentFieldsValidationComponent = function FormikDependentFi
|
|
232
232
|
}), /*#__PURE__*/_jsx("hr", {
|
233
233
|
className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-grey-500"])))
|
234
234
|
}), /*#__PURE__*/_jsx("code", {
|
235
|
-
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
235
|
+
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
236
236
|
children: JSON.stringify(formData, null, 2)
|
237
237
|
})]
|
238
238
|
});
|
@@ -85,7 +85,7 @@ export var RHFDirtyFieldsComponent = function RHFDirtyFieldsComponent() {
|
|
85
85
|
onReset: function onReset() {
|
86
86
|
return setFormData(initialFormData);
|
87
87
|
},
|
88
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
88
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
89
89
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Controller, {
|
90
90
|
name: "name",
|
91
91
|
control: control,
|
@@ -182,7 +182,7 @@ export var RHFDirtyFieldsComponent = function RHFDirtyFieldsComponent() {
|
|
182
182
|
}), /*#__PURE__*/_jsx("hr", {
|
183
183
|
className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-grey-500"])))
|
184
184
|
}), /*#__PURE__*/_jsx("code", {
|
185
|
-
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
185
|
+
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
186
186
|
children: JSON.stringify(formData, null, 2)
|
187
187
|
})]
|
188
188
|
});
|
@@ -253,7 +253,7 @@ export var FormikDirtyFieldsComponent = function FormikDirtyFieldsComponent() {
|
|
253
253
|
setRevalidationEnabled(false);
|
254
254
|
formik.handleReset(e);
|
255
255
|
},
|
256
|
-
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
256
|
+
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
257
257
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Field, {
|
258
258
|
label: "Name",
|
259
259
|
labelFor: "name",
|
@@ -322,7 +322,7 @@ export var FormikDirtyFieldsComponent = function FormikDirtyFieldsComponent() {
|
|
322
322
|
}), /*#__PURE__*/_jsx("hr", {
|
323
323
|
className: stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["text-grey-500"])))
|
324
324
|
}), /*#__PURE__*/_jsx("code", {
|
325
|
-
className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
325
|
+
className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
326
326
|
children: JSON.stringify(formData, null, 2)
|
327
327
|
})]
|
328
328
|
});
|
@@ -105,7 +105,7 @@ export var RHFDynamicFieldsValidationComponent = function RHFDynamicFieldsValida
|
|
105
105
|
onReset: function onReset() {
|
106
106
|
return setFormData(initialFormData);
|
107
107
|
},
|
108
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
108
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
109
109
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Controller, {
|
110
110
|
name: "name",
|
111
111
|
control: control,
|
@@ -237,7 +237,7 @@ export var RHFDynamicFieldsValidationComponent = function RHFDynamicFieldsValida
|
|
237
237
|
}), /*#__PURE__*/_jsx("hr", {
|
238
238
|
className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-grey-500"])))
|
239
239
|
}), /*#__PURE__*/_jsx("code", {
|
240
|
-
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
240
|
+
className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
241
241
|
children: JSON.stringify(formData, null, 2)
|
242
242
|
})]
|
243
243
|
});
|
@@ -318,7 +318,7 @@ export var FormikDynamicFieldsValidationComponent = function FormikDynamicFields
|
|
318
318
|
setRevalidationEnabled(false);
|
319
319
|
formik.handleReset(e);
|
320
320
|
},
|
321
|
-
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
321
|
+
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
322
322
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(Field, {
|
323
323
|
label: "Name",
|
324
324
|
labelFor: "name",
|
@@ -408,7 +408,7 @@ export var FormikDynamicFieldsValidationComponent = function FormikDynamicFields
|
|
408
408
|
}), /*#__PURE__*/_jsx("hr", {
|
409
409
|
className: stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["text-grey-500"])))
|
410
410
|
}), /*#__PURE__*/_jsx("code", {
|
411
|
-
className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
411
|
+
className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
412
412
|
children: JSON.stringify(formData, null, 2)
|
413
413
|
})]
|
414
414
|
});
|
@@ -112,7 +112,7 @@ export var RHFFieldsArraysComponent = function RHFFieldsArraysComponent() {
|
|
112
112
|
onReset: function onReset() {
|
113
113
|
return setFormData(initialFormData);
|
114
114
|
},
|
115
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
115
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
116
116
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), fields.map(function (field, index) {
|
117
117
|
return /*#__PURE__*/_jsxs("div", {
|
118
118
|
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full flex flex-col gap-2"]))),
|
@@ -164,7 +164,7 @@ export var RHFFieldsArraysComponent = function RHFFieldsArraysComponent() {
|
|
164
164
|
}), /*#__PURE__*/_jsx("hr", {
|
165
165
|
className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["text-grey-500"])))
|
166
166
|
}), /*#__PURE__*/_jsx("code", {
|
167
|
-
className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
167
|
+
className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
168
168
|
children: JSON.stringify(formData, null, 2)
|
169
169
|
})]
|
170
170
|
}))
|
@@ -205,7 +205,7 @@ var RHFFilter = function RHFFilter(_ref) {
|
|
205
205
|
}
|
206
206
|
};
|
207
207
|
return /*#__PURE__*/_jsxs("div", {
|
208
|
-
className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["w-full flex flex-col items-start gap-
|
208
|
+
className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["w-full flex flex-col items-start gap-6 bg-grey-100 border border-grey-200 rounded p-4"]))),
|
209
209
|
children: [fields.map(function (field, index) {
|
210
210
|
return /*#__PURE__*/_jsxs("div", {
|
211
211
|
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["w-full flex items-stretch gap-2"]))),
|
@@ -360,7 +360,7 @@ export var FormikFieldArraysComponent = function FormikFieldArraysComponent() {
|
|
360
360
|
setRevalidationEnabled(false);
|
361
361
|
handleReset(e);
|
362
362
|
},
|
363
|
-
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
363
|
+
className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
364
364
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(FieldArray, {
|
365
365
|
name: "filterGroups",
|
366
366
|
render: function render(_ref6) {
|
@@ -420,7 +420,7 @@ export var FormikFieldArraysComponent = function FormikFieldArraysComponent() {
|
|
420
420
|
}), /*#__PURE__*/_jsx("hr", {
|
421
421
|
className: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["text-grey-500"])))
|
422
422
|
}), /*#__PURE__*/_jsx("code", {
|
423
|
-
className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
423
|
+
className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
424
424
|
children: JSON.stringify(formData, null, 2)
|
425
425
|
})]
|
426
426
|
});
|
@@ -453,7 +453,7 @@ var FormikFilter = function FormikFilter(_ref7) {
|
|
453
453
|
remove = _ref8.remove,
|
454
454
|
form = _ref8.form;
|
455
455
|
return /*#__PURE__*/_jsxs("div", {
|
456
|
-
className: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["w-full flex flex-col items-start gap-
|
456
|
+
className: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["w-full flex flex-col items-start gap-6 bg-grey-100 border border-grey-200 rounded p-4"]))),
|
457
457
|
children: [formik.values.filterGroups[parentIndex].map(function (_, index) {
|
458
458
|
var _form$values$filterGr;
|
459
459
|
return /*#__PURE__*/_jsxs("div", {
|
@@ -835,7 +835,7 @@ var renderers = [{
|
|
835
835
|
var styleContextValue = {
|
836
836
|
styles: [{
|
837
837
|
name: "vertical.layout",
|
838
|
-
classNames: [stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
838
|
+
classNames: [stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72 w-full"])))]
|
839
839
|
}, {
|
840
840
|
name: "vertical.layout.item",
|
841
841
|
classNames: [stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["w-full"])))]
|
@@ -891,7 +891,7 @@ export var JSONFormsComplexComponent = function JSONFormsComplexComponent() {
|
|
891
891
|
setAdditionalErrors([]);
|
892
892
|
setValidationMode("ValidateAndHide");
|
893
893
|
},
|
894
|
-
className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex flex-col items-start gap-
|
894
|
+
className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
|
895
895
|
children: [/*#__PURE__*/_jsx(ExperimentalFormErrorMessage, {}), /*#__PURE__*/_jsx(AdditionalErrorsContext.Provider, {
|
896
896
|
value: {
|
897
897
|
setAdditionalErrors: setAdditionalErrors
|
@@ -930,7 +930,7 @@ export var JSONFormsComplexComponent = function JSONFormsComplexComponent() {
|
|
930
930
|
}), /*#__PURE__*/_jsx("hr", {
|
931
931
|
className: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["text-grey-500"])))
|
932
932
|
}), /*#__PURE__*/_jsx("code", {
|
933
|
-
className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["whitespace-pre"]))),
|
933
|
+
className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
|
934
934
|
children: JSON.stringify(formData, null, 2)
|
935
935
|
})]
|
936
936
|
});
|