@algolia/satellite 2.3.0-rc.8 → 2.3.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/PolymorphicButton.js +5 -5
- package/dist/cjs/Actions/Button/PolymorphicIconButton.js +2 -2
- package/dist/cjs/Actions/Button/styles.d.ts +1 -0
- package/dist/cjs/Actions/Button/styles.js +15 -10
- package/dist/cjs/Actions/SegmentedControl/SegmentedControl.js +3 -2
- package/dist/cjs/Actions/SegmentedControl/SegmentedControlOption.js +6 -3
- package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.js +3 -3
- package/dist/cjs/Chat/ChatMessages/ChatMessages.js +2 -0
- package/dist/cjs/Fields/Field/Field.js +3 -3
- package/dist/cjs/Fields/Input/Input.js +10 -13
- package/dist/cjs/Fields/RadioGroup/RadioGroupContext.d.ts +2 -0
- package/dist/cjs/Fields/Switch/Switch.tailwind.js +9 -9
- package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.d.ts +15 -0
- package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.js +29 -0
- package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.tailwind.d.ts +5 -0
- package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.tailwind.js +138 -0
- package/dist/cjs/Helpers/MarkdownContent/index.d.ts +1 -0
- package/dist/cjs/Helpers/MarkdownContent/index.js +16 -0
- package/dist/cjs/Helpers/index.d.ts +1 -0
- package/dist/cjs/Helpers/index.js +11 -0
- package/dist/cjs/Icons/index.d.ts +1 -1
- package/dist/cjs/Icons/index.js +6 -0
- package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +23 -7
- package/dist/cjs/Overlay/Modal/Modal.js +8 -8
- package/dist/cjs/styles/helpers/prefixTailwindClassName.js +7 -1
- package/dist/cjs/styles/tailwind.config.js +1 -1
- package/dist/esm/Actions/Button/PolymorphicButton.js +6 -6
- package/dist/esm/Actions/Button/PolymorphicIconButton.js +2 -2
- package/dist/esm/Actions/Button/styles.d.ts +1 -0
- package/dist/esm/Actions/Button/styles.js +14 -9
- package/dist/esm/Actions/SegmentedControl/SegmentedControl.js +3 -2
- package/dist/esm/Actions/SegmentedControl/SegmentedControlOption.js +6 -3
- package/dist/esm/Actions/ToggleButton/ToggleButtonBase.js +4 -4
- package/dist/esm/Chat/ChatMessages/ChatMessages.js +2 -0
- package/dist/esm/Fields/Field/Field.js +3 -3
- package/dist/esm/Fields/Input/Input.js +10 -13
- package/dist/esm/Fields/RadioGroup/RadioGroupContext.d.ts +2 -0
- package/dist/esm/Fields/Switch/Switch.tailwind.js +9 -9
- package/dist/esm/Helpers/MarkdownContent/MarkdownContent.d.ts +15 -0
- package/dist/esm/Helpers/MarkdownContent/MarkdownContent.js +22 -0
- package/dist/esm/Helpers/MarkdownContent/MarkdownContent.tailwind.d.ts +5 -0
- package/dist/esm/Helpers/MarkdownContent/MarkdownContent.tailwind.js +138 -0
- package/dist/esm/Helpers/MarkdownContent/index.d.ts +1 -0
- package/dist/esm/Helpers/MarkdownContent/index.js +1 -0
- package/dist/esm/Helpers/index.d.ts +1 -0
- package/dist/esm/Helpers/index.js +2 -1
- package/dist/esm/Icons/index.d.ts +1 -1
- package/dist/esm/Icons/index.js +1 -1
- package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +23 -7
- package/dist/esm/Overlay/Modal/Modal.js +8 -8
- package/dist/esm/styles/helpers/prefixTailwindClassName.js +7 -1
- package/dist/esm/styles/tailwind.config.js +1 -1
- package/dist/satellite.min.css +1 -1
- package/package.json +2 -1
@@ -0,0 +1,15 @@
|
|
1
|
+
import type { FC } from "react";
|
2
|
+
export interface MarkdownContentProps {
|
3
|
+
/**
|
4
|
+
* Additional classes to apply to the `MarkdownContent`.
|
5
|
+
*/
|
6
|
+
className?: string;
|
7
|
+
/**
|
8
|
+
* The content of the `MarkdownContent`.
|
9
|
+
*/
|
10
|
+
content?: string;
|
11
|
+
}
|
12
|
+
/**
|
13
|
+
* The `MarkdownContent` component is used to style user generated content that comes as Markdown.
|
14
|
+
*/
|
15
|
+
export declare const MarkdownContent: FC<MarkdownContentProps>;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
+
var _templateObject;
|
3
|
+
import cx from "clsx";
|
4
|
+
import { marked } from "marked";
|
5
|
+
import stl from "./../../styles/helpers/satellitePrefixer";
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
7
|
+
/**
|
8
|
+
* The `MarkdownContent` component is used to style user generated content that comes as Markdown.
|
9
|
+
*/
|
10
|
+
export var MarkdownContent = function MarkdownContent(_ref) {
|
11
|
+
var className = _ref.className,
|
12
|
+
content = _ref.content;
|
13
|
+
if (!content) {
|
14
|
+
return null;
|
15
|
+
}
|
16
|
+
return /*#__PURE__*/_jsx("div", {
|
17
|
+
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["markdown-content"]))), className),
|
18
|
+
dangerouslySetInnerHTML: {
|
19
|
+
__html: marked.parse(content)
|
20
|
+
}
|
21
|
+
});
|
22
|
+
};
|
@@ -0,0 +1,138 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
4
|
+
import _rgba from "../../styles/rgba";
|
5
|
+
import _require2 from "../../styles/helpers/icons";
|
6
|
+
import _plugin from "tailwindcss/plugin";
|
7
|
+
// @ts-check
|
8
|
+
var plugin = _plugin;
|
9
|
+
var _require = _require2,
|
10
|
+
toBG = _require.toBG;
|
11
|
+
var rgba = _rgba;
|
12
|
+
export default plugin(function (_ref) {
|
13
|
+
var addComponents = _ref.addComponents,
|
14
|
+
theme = _ref.theme;
|
15
|
+
/** @type {any} */
|
16
|
+
var desktop = theme("stlTypography.desktop", {});
|
17
|
+
/** @type {any} */
|
18
|
+
var mobile = theme("stlTypography.mobile", {});
|
19
|
+
addComponents({
|
20
|
+
".markdown-content": {
|
21
|
+
"h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {
|
22
|
+
"&:not(:first-child)": {
|
23
|
+
marginTop: theme("spacing.3")
|
24
|
+
},
|
25
|
+
"&:not(:last-child)": {
|
26
|
+
marginBottom: theme("spacing.2")
|
27
|
+
}
|
28
|
+
},
|
29
|
+
h1: desktop["display-medium"],
|
30
|
+
h2: desktop["display-small"],
|
31
|
+
h3: _objectSpread(_objectSpread({}, desktop["display-body"]), {}, {
|
32
|
+
fontWeight: theme("fontWeight.semibold")
|
33
|
+
}),
|
34
|
+
"h4, h5, h6": _objectSpread(_objectSpread({}, desktop["display-body"]), {}, {
|
35
|
+
fontWeight: theme("fontWeight.medium")
|
36
|
+
}),
|
37
|
+
"p, ul, ol, blockquote, table": _objectSpread(_objectSpread({}, mobile["display-body"]), {}, {
|
38
|
+
fontSize: theme("fontSize.base")
|
39
|
+
}),
|
40
|
+
code: {
|
41
|
+
display: "inline-block",
|
42
|
+
padding: "0 ".concat(theme("spacing.1")),
|
43
|
+
backgroundColor: theme("colors.grey.100"),
|
44
|
+
color: theme("colors.grey.700"),
|
45
|
+
fontFamily: theme("fontFamily.mono"),
|
46
|
+
fontSize: theme("fontSize.base")
|
47
|
+
},
|
48
|
+
ul: {
|
49
|
+
paddingLeft: theme("spacing.5"),
|
50
|
+
listStyleType: "disc"
|
51
|
+
},
|
52
|
+
ol: {
|
53
|
+
paddingLeft: theme("spacing.5"),
|
54
|
+
listStyleType: "decimal"
|
55
|
+
},
|
56
|
+
a: {
|
57
|
+
color: theme("colors.accent.600"),
|
58
|
+
"&:hover": {
|
59
|
+
textDecoration: "underline"
|
60
|
+
},
|
61
|
+
'&[target="_blank"], &[href^="http"]': {
|
62
|
+
position: "relative",
|
63
|
+
display: "inline-flex",
|
64
|
+
alignItems: "center",
|
65
|
+
whiteSpace: "nowrap",
|
66
|
+
"&:after": {
|
67
|
+
content: "''",
|
68
|
+
background: toBG("ExternalLink", {
|
69
|
+
stroke: theme("colors.accent.600"),
|
70
|
+
viewBox: "0 0 24 24",
|
71
|
+
width: "100%",
|
72
|
+
height: "100%"
|
73
|
+
}),
|
74
|
+
backgroundRepeat: "no-repeat",
|
75
|
+
width: "1em",
|
76
|
+
height: "1em",
|
77
|
+
marginLeft: theme("spacing.1")
|
78
|
+
}
|
79
|
+
}
|
80
|
+
},
|
81
|
+
blockquote: {
|
82
|
+
paddingLeft: theme("spacing.4"),
|
83
|
+
borderLeft: "2px solid ".concat(theme("colors.grey.200")),
|
84
|
+
color: theme("colors.grey.600")
|
85
|
+
},
|
86
|
+
pre: _objectSpread(_objectSpread({}, mobile["display-code"]), {}, {
|
87
|
+
overflow: "auto",
|
88
|
+
maxWidth: "100%",
|
89
|
+
maxHeight: theme("spacing.64"),
|
90
|
+
margin: "".concat(theme("spacing.2"), " 0"),
|
91
|
+
padding: "".concat(theme("spacing.2"), " ").concat(theme("spacing.4")),
|
92
|
+
borderRadius: theme("borderRadius.DEFAULT"),
|
93
|
+
backgroundColor: theme("colors.grey.100"),
|
94
|
+
color: theme("colors.grey.700"),
|
95
|
+
code: {
|
96
|
+
display: "inline",
|
97
|
+
backgroundColor: "transparent",
|
98
|
+
color: "inherit"
|
99
|
+
}
|
100
|
+
}),
|
101
|
+
img: {
|
102
|
+
display: "block",
|
103
|
+
maxWidth: "100%",
|
104
|
+
height: "auto",
|
105
|
+
margin: "auto"
|
106
|
+
},
|
107
|
+
hr: {
|
108
|
+
borderWidth: "0 0 1px 0",
|
109
|
+
borderStyle: "solid",
|
110
|
+
borderColor: theme("colors.grey.200"),
|
111
|
+
marginTop: theme("spacing.6"),
|
112
|
+
marginBottom: theme("spacing.6")
|
113
|
+
},
|
114
|
+
"b, strong, th": {
|
115
|
+
fontWeight: "600"
|
116
|
+
},
|
117
|
+
table: {
|
118
|
+
width: "100%",
|
119
|
+
borderCollapse: "collapse",
|
120
|
+
textAlign: "left",
|
121
|
+
"th, td": {
|
122
|
+
padding: "8px 12px",
|
123
|
+
fontSize: theme("fontSize.base")
|
124
|
+
},
|
125
|
+
th: {
|
126
|
+
borderBottom: "1px solid ".concat(theme("colors.grey.200")),
|
127
|
+
fontWeight: "normal"
|
128
|
+
},
|
129
|
+
"tr:not(:last-child) td": {
|
130
|
+
borderBottom: "1px solid ".concat(theme("colors.grey.100"))
|
131
|
+
},
|
132
|
+
"tr:hover td": {
|
133
|
+
backgroundColor: rgba(theme("colors.grey.100"), 0.6)
|
134
|
+
}
|
135
|
+
}
|
136
|
+
}
|
137
|
+
});
|
138
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./MarkdownContent";
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./MarkdownContent";
|
@@ -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, BlocksIcon, 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, MergeIcon, 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, PuzzleIcon, 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, SparklesIcon, 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, BlocksIcon, 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, MergeIcon, 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, PuzzleIcon, 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, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, 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/esm/Icons/index.js
CHANGED
@@ -18,4 +18,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
|
|
18
18
|
export { BulbIcon } from "./BulbIcon";
|
19
19
|
export { TestingIcon } from "./TestingIcon";
|
20
20
|
export { RocketIcon } from "./RocketIcon";
|
21
|
-
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, BlocksIcon, 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, MergeIcon, 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, PuzzleIcon, 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, SparklesIcon, 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";
|
21
|
+
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, BlocksIcon, 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, MergeIcon, 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, PuzzleIcon, 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, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, 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";
|
@@ -1,7 +1,23 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
3
3
|
import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
|
4
|
+
import { type CollapsibleItemProps, type CollapsibleItemsExclusiveGroupProps, type CollapsibleItemsMultiGroupProps } from "./components/collapsible";
|
5
|
+
import { type CustomTriggerProps } from "./components/CustomTrigger";
|
6
|
+
import { type DefaultTriggerProps } from "./components/DefaultTrigger";
|
7
|
+
import { type ItemProps, type LinkItemProps, type RadioItemProps, type ToggleItemProps } from "./components/items";
|
8
|
+
import { type LabelProps } from "./components/Label";
|
4
9
|
export declare type MenuButtonProps = DropdownMenuProps;
|
10
|
+
export declare type MenuButtonCollapsibleItemProps = CollapsibleItemProps;
|
11
|
+
export declare type MenuButtonCollapsibleItemsExclusiveGroupProps = CollapsibleItemsExclusiveGroupProps;
|
12
|
+
export declare type MenuButtonCollapsibleItemsMultiGroupProps = CollapsibleItemsMultiGroupProps;
|
13
|
+
export { type MenuButtonContentProps } from "./components/Content";
|
14
|
+
export declare type MenuButtonCustomTriggerProps = CustomTriggerProps;
|
15
|
+
export declare type MenuButtonDefaultTriggerProps = DefaultTriggerProps;
|
16
|
+
export declare type MenuButtonItemProps = ItemProps;
|
17
|
+
export declare type MenuButtonLinkItemProps = LinkItemProps;
|
18
|
+
export declare type MenuButtonRadioItemProps = RadioItemProps;
|
19
|
+
export declare type MenuButtonToggleItemProps = ToggleItemProps;
|
20
|
+
export declare type MenuButtonLabelProps = LabelProps;
|
5
21
|
/**
|
6
22
|
* The `MenuButton` component helps users select an item from a list of available options.
|
7
23
|
*
|
@@ -9,13 +25,13 @@ export declare type MenuButtonProps = DropdownMenuProps;
|
|
9
25
|
*/
|
10
26
|
export declare const MenuButton: {
|
11
27
|
(props: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
|
12
|
-
CollapsibleItem: import("react").ForwardRefExoticComponent<
|
28
|
+
CollapsibleItem: import("react").ForwardRefExoticComponent<CollapsibleItemProps & {
|
13
29
|
children?: import("react").ReactNode;
|
14
30
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
15
|
-
CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<
|
16
|
-
CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<
|
31
|
+
CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsMultiGroupProps>>;
|
32
|
+
CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsExclusiveGroupProps>>;
|
17
33
|
Content: import("react").ForwardRefExoticComponent<import("./components/Content").MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
18
|
-
CustomTrigger: import("react").ForwardRefExoticComponent<
|
34
|
+
CustomTrigger: import("react").ForwardRefExoticComponent<CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
19
35
|
Divider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
|
20
36
|
Item: import("react").ForwardRefExoticComponent<import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & DropdownMenu.DropdownMenuItemProps & {
|
21
37
|
startIcon?: import("../..").IconComponentType | undefined;
|
@@ -24,12 +40,12 @@ export declare const MenuButton: {
|
|
24
40
|
children?: import("react").ReactNode;
|
25
41
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
26
42
|
Label: import("react").FC<import("react").PropsWithChildren<DropdownMenu.DropdownMenuLabelProps>>;
|
27
|
-
LinkItem: import("react").FC<
|
43
|
+
LinkItem: import("react").FC<LinkItemProps>;
|
28
44
|
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
29
45
|
RadioItem: import("react").ForwardRefExoticComponent<Pick<DropdownMenu.DropdownMenuRadioItemProps, "value" | "defaultChecked"> & {
|
30
46
|
children?: import("react").ReactNode;
|
31
47
|
} & import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
32
|
-
ToggleItem: import("react").FC<import("react").PropsWithChildren<
|
33
|
-
Trigger: import("react").ForwardRefExoticComponent<
|
48
|
+
ToggleItem: import("react").FC<import("react").PropsWithChildren<ToggleItemProps>>;
|
49
|
+
Trigger: import("react").ForwardRefExoticComponent<DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
34
50
|
displayName: string;
|
35
51
|
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
6
6
|
import * as Dialog from "@radix-ui/react-dialog";
|
@@ -76,10 +76,10 @@ export var Modal = function Modal(_ref) {
|
|
76
76
|
asChild: true,
|
77
77
|
children: triggerButton
|
78
78
|
}), createPortal( /*#__PURE__*/_jsx(Dialog.Overlay, {
|
79
|
-
className: cx(animate && !prefersReducedMotion && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center overflow-x-hidden overflow-y-auto
|
79
|
+
className: cx(animate && !prefersReducedMotion && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center px-8 py-10"]))), stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["overflow-x-hidden overflow-y-auto [scrollbar-gutter:stable_both-edges]"])))),
|
80
80
|
children: /*#__PURE__*/_jsx(Dialog.Content, {
|
81
81
|
ref: dialogContentRef,
|
82
|
-
className: cx(stl(
|
82
|
+
className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex m-auto justify-center"])))),
|
83
83
|
"aria-describedby": undefined,
|
84
84
|
onOpenAutoFocus: function onOpenAutoFocus(e) {
|
85
85
|
var _closeButtonRef$curre;
|
@@ -97,18 +97,18 @@ export var Modal = function Modal(_ref) {
|
|
97
97
|
}
|
98
98
|
},
|
99
99
|
children: /*#__PURE__*/_jsx("div", {
|
100
|
-
className: stl(
|
100
|
+
className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["modal-container"]))),
|
101
101
|
children: /*#__PURE__*/_jsxs(Card, {
|
102
102
|
as: "div",
|
103
103
|
elevation: "500",
|
104
|
-
className: cx(stl(
|
104
|
+
className: cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["relative"]))), className),
|
105
105
|
fullBleed: true,
|
106
106
|
children: [/*#__PURE__*/_jsx("header", {
|
107
|
-
className: cx(stl(
|
107
|
+
className: cx(stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["min-h-14 flex items-center justify-between space-x-2"]))), title ? stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["border-b border-grey-100 pl-8 pr-16"]))) : stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["justify-end px-8"]))), !title && hideCloseIcon && stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["hidden"])))),
|
108
108
|
children: /*#__PURE__*/_jsx(Dialog.Title, {
|
109
109
|
asChild: true,
|
110
110
|
children: title ? /*#__PURE__*/_jsx("div", {
|
111
|
-
className: stl(
|
111
|
+
className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
|
112
112
|
children: title
|
113
113
|
}) : /*#__PURE__*/_jsx(VisuallyHidden, {
|
114
114
|
children: locale.modalTitle
|
@@ -118,7 +118,7 @@ export var Modal = function Modal(_ref) {
|
|
118
118
|
className: cx(!fullBleed && SIZE_PADDING_CLASSNAMES[size]),
|
119
119
|
children: children
|
120
120
|
}), !hideCloseIcon && /*#__PURE__*/_jsx("div", {
|
121
|
-
className: stl(
|
121
|
+
className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["-mr-2 absolute top-3 right-8"]))),
|
122
122
|
children: /*#__PURE__*/_jsx(Dialog.Close, {
|
123
123
|
ref: closeButtonRef,
|
124
124
|
asChild: true,
|
@@ -7,7 +7,7 @@
|
|
7
7
|
*/
|
8
8
|
function prefixTailwindClassName(tailwindPrefix, classname) {
|
9
9
|
if (classname.startsWith("@container")) return "".concat(tailwindPrefix).concat(classname);
|
10
|
-
var searchZone = classname.replace(
|
10
|
+
var searchZone = classname.replace(/\[[^\]]+\]$/, "");
|
11
11
|
|
12
12
|
// important marker
|
13
13
|
var prefixInsertIndex = searchZone.lastIndexOf("!");
|
@@ -22,6 +22,12 @@ function prefixTailwindClassName(tailwindPrefix, classname) {
|
|
22
22
|
prefixInsertIndex = searchZone.lastIndexOf("@");
|
23
23
|
}
|
24
24
|
prefixInsertIndex += 1;
|
25
|
+
|
26
|
+
// This can happen when using arbitrary properties like [scrollbar-gutter:stable]
|
27
|
+
// In which case we don't want to prefix the classname
|
28
|
+
if (classname[prefixInsertIndex] === "[") {
|
29
|
+
return classname;
|
30
|
+
}
|
25
31
|
return classname.slice(0, prefixInsertIndex) + tailwindPrefix + classname.slice(prefixInsertIndex);
|
26
32
|
}
|
27
33
|
export default prefixTailwindClassName;
|
@@ -145,5 +145,5 @@ export default {
|
|
145
145
|
}
|
146
146
|
}
|
147
147
|
},
|
148
|
-
plugins: [require("@tailwindcss/container-queries"), require("./base.tailwind"), require("../Helpers/utilities/overlay.tailwind"), require("../Helpers/utilities/utilities.tailwind"), require("../Helpers/utilities/focusable.tailwind"), require("../Typography/Typography.tailwind"), require("../Layout/FlexGrid/FlexGrid.tailwind"), require("../Fields/AutoComplete/AutoComplete.tailwind"), require("../Actions/Button/Button.tailwind"), require("../Actions/ToggleGroup/ToggleGroup.tailwind"), require("../Actions/Accordion/Accordion.tailwind"), require("../Layout/Card/Card.tailwind"), require("../Fields/Checkbox/Checkbox.tailwind"), require("../Indicators/Toast/Toast.tailwind"), require("../Helpers/HelpUnderline/HelpUnderline.tailwind"), require("../Fields/Input/Input.tailwind"), require("../Helpers/InstantSearch/InstantSearch.tailwind"), require("../Indicators/KeyboardKey/KeyboardKey.tailwind"), require("../Indicators/Medallion/Medallion.tailwind"), require("../Overlay/Modal/Modal.tailwind"), require("../Indicators/ProgressBar/ProgressBar.tailwind"), require("../Indicators/ProgressSpinner/ProgressSpinner.tailwind"), require("../Fields/RadioGroup/RadioButton.tailwind"), require("../Indicators/ScrollIndicator/ScrollIndicator.tailwind"), require("../Fields/Select/Select.tailwind"), require("../Indicators/Separator/Separator.tailwind"), require("../Actions/SegmentedControl/SegmentedControl.tailwind"), require("../Navigation/Tabs/Tabs.tailwind"), require("../Layout/CollapsibleCard/CollapsibleCard.tailwind"), require("../Layout/Tables/DataTable/DataTable.tailwind"), require("../Layout/Tables/Table/Table.tailwind"), require("../Helpers/ShimmerText/ShimmerText.tailwind"), require("../Indicators/Tag/Tag.tailwind"), require("../Fields/TextArea/TextArea.tailwind"), require("../Fields/Switch/Switch.tailwind"), require("../Overlay/Tooltip/Tooltip.tailwind"), require("../Helpers/UserContent/UserContent.tailwind"), require("../Fields/DatePicker/DatePicker.tailwind")]
|
148
|
+
plugins: [require("@tailwindcss/container-queries"), require("./base.tailwind"), require("../Helpers/utilities/overlay.tailwind"), require("../Helpers/utilities/utilities.tailwind"), require("../Helpers/utilities/focusable.tailwind"), require("../Typography/Typography.tailwind"), require("../Layout/FlexGrid/FlexGrid.tailwind"), require("../Fields/AutoComplete/AutoComplete.tailwind"), require("../Actions/Button/Button.tailwind"), require("../Actions/ToggleGroup/ToggleGroup.tailwind"), require("../Actions/Accordion/Accordion.tailwind"), require("../Layout/Card/Card.tailwind"), require("../Fields/Checkbox/Checkbox.tailwind"), require("../Indicators/Toast/Toast.tailwind"), require("../Helpers/HelpUnderline/HelpUnderline.tailwind"), require("../Fields/Input/Input.tailwind"), require("../Helpers/InstantSearch/InstantSearch.tailwind"), require("../Indicators/KeyboardKey/KeyboardKey.tailwind"), require("../Indicators/Medallion/Medallion.tailwind"), require("../Overlay/Modal/Modal.tailwind"), require("../Indicators/ProgressBar/ProgressBar.tailwind"), require("../Indicators/ProgressSpinner/ProgressSpinner.tailwind"), require("../Fields/RadioGroup/RadioButton.tailwind"), require("../Indicators/ScrollIndicator/ScrollIndicator.tailwind"), require("../Fields/Select/Select.tailwind"), require("../Indicators/Separator/Separator.tailwind"), require("../Actions/SegmentedControl/SegmentedControl.tailwind"), require("../Navigation/Tabs/Tabs.tailwind"), require("../Layout/CollapsibleCard/CollapsibleCard.tailwind"), require("../Layout/Tables/DataTable/DataTable.tailwind"), require("../Layout/Tables/Table/Table.tailwind"), require("../Helpers/ShimmerText/ShimmerText.tailwind"), require("../Indicators/Tag/Tag.tailwind"), require("../Fields/TextArea/TextArea.tailwind"), require("../Fields/Switch/Switch.tailwind"), require("../Overlay/Tooltip/Tooltip.tailwind"), require("../Helpers/UserContent/UserContent.tailwind"), require("../Helpers/MarkdownContent/MarkdownContent.tailwind"), require("../Fields/DatePicker/DatePicker.tailwind")]
|
149
149
|
};
|