@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.
Files changed (34) hide show
  1. package/dist/cjs/Actions/Button/Button.tailwind.js +0 -12
  2. package/dist/cjs/Fields/Field/Field.js +1 -1
  3. package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +4 -4
  4. package/dist/cjs/Fields/Form/stories/Complex.js +4 -4
  5. package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +4 -4
  6. package/dist/cjs/Fields/Form/stories/DirtyFields.js +4 -4
  7. package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +4 -4
  8. package/dist/cjs/Fields/Form/stories/FieldArrays.js +6 -6
  9. package/dist/cjs/Fields/Form/stories/JSONForms.js +3 -3
  10. package/dist/cjs/Fields/Form/stories/MultiStep.js +700 -0
  11. package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +6 -6
  12. package/dist/cjs/Icons/index.d.ts +1 -1
  13. package/dist/cjs/Icons/index.js +6 -0
  14. package/dist/cjs/Indicators/Skeleton/Skeleton.js +1 -1
  15. package/dist/cjs/Indicators/index.d.ts +1 -0
  16. package/dist/cjs/Indicators/index.js +11 -0
  17. package/dist/esm/Actions/Button/Button.tailwind.js +0 -12
  18. package/dist/esm/Fields/Field/Field.js +1 -1
  19. package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +4 -4
  20. package/dist/esm/Fields/Form/stories/Complex.js +4 -4
  21. package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +4 -4
  22. package/dist/esm/Fields/Form/stories/DirtyFields.js +4 -4
  23. package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +4 -4
  24. package/dist/esm/Fields/Form/stories/FieldArrays.js +6 -6
  25. package/dist/esm/Fields/Form/stories/JSONForms.js +3 -3
  26. package/dist/esm/Fields/Form/stories/MultiStep.js +691 -0
  27. package/dist/esm/Fields/Form/stories/ValidationStrategies.js +6 -6
  28. package/dist/esm/Icons/index.d.ts +1 -1
  29. package/dist/esm/Icons/index.js +1 -1
  30. package/dist/esm/Indicators/Skeleton/Skeleton.js +1 -1
  31. package/dist/esm/Indicators/index.d.ts +1 -0
  32. package/dist/esm/Indicators/index.js +2 -1
  33. package/dist/satellite.min.css +1 -1
  34. 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-4/6"]))),
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-4 min-w-72"]))),
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-4/6"]))),
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-4 min-w-72"]))),
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";
@@ -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
@@ -8,3 +8,4 @@ export * from "./ProgressSpinner";
8
8
  export * from "./ScrollIndicator";
9
9
  export * from "./Tag";
10
10
  export * from "./Toast";
11
+ export * from "./Skeleton";
@@ -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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 min-w-72"]))),
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-4 bg-grey-100 border border-grey-200 rounded p-4"]))),
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-4 min-w-72"]))),
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-4 bg-grey-100 border border-grey-200 rounded p-4"]))),
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-4 min-w-72 w-full"])))]
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-4 min-w-72"]))),
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
  });