@auth0/quantum-product 2.5.7 → 2.5.8
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/esm/icon/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { styled } from '../styled';
|
|
13
|
-
import { Activity, Airplane, Airplay, AlertCircle, AlertDiamondFilled, AlertDiamond, AlertOctagon, AlertTriangleFilled, AlertTriangle, AlignCenter, AlignJustify, AlignLeft, AlignRight, Anchor, Aperture, Apis, ApplicationPlus, Apps, Archive, ArrowDownCircle, ArrowDownLeft, ArrowDownRight, ArrowDown, ArrowLeftCircle, ArrowLeft, ArrowRightCircle, ArrowRight, ArrowUnsorted, ArrowUpCircle, ArrowUpLeft, ArrowUpRight, ArrowUp, ArrowsH, AtSign, Auth0Logo, Award, BarChart2, BarChart, BatteryCharging, Battery, BellOff, Bell, Biometrics, Bluetooth, Bold, BookOpen, Book, Bookmark, BorderPill, BorderRound, BorderSharp, Borders, Bot, Box, BreachedPassword, Briefcase, Browser, Bug, Building, Calendar, CameraOff, Camera, Card, CaretDown, Cash, Cast, CheckCircleFilled, CheckCircle, CheckSquare, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsDown, ChevronsLeft, ChevronsRight, ChevronsUp, Chrome, Circle, ClipboardCheck, Clipboard, Clock, CloudDrizzle, CloudLightning, CloudOff, CloudRain, CloudSnow, Cloud, CodeSandbox, Code, Codepen, Coffee, CollapseLeft, CollapseRight, Color, Columns, Command, Compass, Copy, CornerDownLeft, CornerDownRight, CornerLeftDown, CornerLeftUp, CornerRightDown, CornerRightUp, CornerUpLeft, CornerUpRight, Cpu, CreditCard, Crop, Crosshair, Database, Delete, Devices, Directory, Disc, DivideCircle, DivideSquare, Divide, DollarSign, DownloadCloud, Download, DragIndicator, Droplet, Edit, Enterprise, ExpandLeft, ExpandRight, ExternalLink, EyeOff, Eye, FastForward, Feather, Figma, FileMinus, FilePlus, FileText, File, Film, Filter, Flag, Flow, FolderCancel, FolderMinus, FolderPlus, Folder, Font, Fonts2, Framer, Frown, Gift, GitBranch, GitCommit, GitMerge, GitPullRequest, Github, Gitlab, Globe, Grid, HardDrive, Hash, Headphones, Heart, HelpCircle, Help, Hexagon, Home, Hooks, HostedPages, IdTag, Image, Inbox, InfoFilled, Info, Integration, Issuer, Italic, Key, Layers, LayoutBottom, LayoutCenter, LayoutLeft, LayoutRight, LayoutTop, Layout, LifeBuoy, Link2, Link, List, ListNumbered, Loader, Lock, LogIn, LogOut, Mail, MapPin, Map, Maximize2, Maximize, Megaphone, Meh, Menu, MessageCircle, MessageSquare, MicOff, Mic, Minimize2, Minimize, MinusCircle, MinusSquare, Minus, Monitor, Moon, MoreHorizontal, MoreVertical, MousePointer, Move, Music, Navigation2, Navigation, Octagon, Package, PageBackground, PaintBrush, Paint, Paperclip, PauseCircle, Pause, PenTool, Percent, PhoneCall, PhoneForwarded, PhoneIncoming, PhoneMissed, PhoneOff, PhoneOutgoing, Phone, PieChart, PlayCircle, Play, PlusCircle, PlusSquare, Plus, Power, Printer, Radio, RecoveryCode, RefreshCcw, RefreshCw, Repeat, Rewind, RichText, RotateCcw, RotateCw, Rss, Save, Scissors, Search, Send, Server, Settings, Share2, Share, ShieldOff, Shield, ShoppingBag, ShoppingCart, Shuffle, Sidebar, SingleSignOn, SkipBack, SkipForward, Slash, Sliders, Smartphone, Smile, Sparkle, Speaker, Square, Star, StopCircle, Store2, Store, Sun, Sunrise, Sunset, Table, Tablet, Tag, Target, Terminal, Thermometer, ThumbsDown, ThumbsUp, ToggleLeft, ToggleRight, Tool, Trash, TrendingDown, TrendingUp, Triangle, Truck, Tv, Type, Umbrella, Underline, Unlock, UploadCloud, Upload, UserCheck, UserMinus, UserPlus, UserX, User, Users, VideoOff, Video, Voicemail, Volume1, Volume2, VolumeX, Volume, Watch, WebAuthnPlatform, WebAuthn, Widget2, Widget, WifiOff, Wifi, Wind, XCircleFilled, XCircle, XOctagon, XSquare, X, XLarge, ZapOff, Zap, ZoomIn, ZoomOut, } from '@auth0/quantum-icons';
|
|
13
|
+
import { Activity, Airplane, Airplay, AlertCircle, AlertDiamondFilled, AlertDiamond, AlertOctagon, AlertTriangleFilled, AlertTriangle, AlignCenter, AlignJustify, AlignLeft, AlignRight, Anchor, Aperture, Apis, ApplicationPlus, Apps, Archive, ArrowDownCircle, ArrowDownLeft, ArrowDownRight, ArrowDown, ArrowLeftCircle, ArrowLeft, ArrowRightCircle, ArrowRight, ArrowUnsorted, ArrowUpCircle, ArrowUpLeft, ArrowUpRight, ArrowUp, ArrowsH, AtSign, Auth0Logo, Award, BarChart2, BarChart, BatteryCharging, Battery, BellOff, Bell, Biometrics, Bluetooth, Bold, BookOpen, Book, Bookmark, BorderPill, BorderRound, BorderSharp, Borders, Bot, Box, BreachedPassword, Briefcase, Browser, Bug, Building, Calendar, CameraOff, Camera, Card, CaretDown, Cash, Cast, CheckCircleFilled, CheckCircle, CheckSquare, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsDown, ChevronsLeft, ChevronsRight, ChevronsUp, Chrome, Circle, CircleFilled, ClipboardCheck, Clipboard, Clock, CloudDrizzle, CloudLightning, CloudOff, CloudRain, CloudSnow, Cloud, CodeSandbox, Code, Codepen, Coffee, CollapseLeft, CollapseRight, Color, Columns, Command, Compass, Copy, CornerDownLeft, CornerDownRight, CornerLeftDown, CornerLeftUp, CornerRightDown, CornerRightUp, CornerUpLeft, CornerUpRight, Cpu, CreditCard, Crop, Crosshair, Database, Delete, Devices, Directory, Disc, DivideCircle, DivideSquare, Divide, DollarSign, DownloadCloud, Download, DragIndicator, Droplet, Edit, Enterprise, ExpandLeft, ExpandRight, ExternalLink, EyeOff, Eye, FastForward, Feather, Figma, FileMinus, FilePlus, FileText, File, Film, Filter, Flag, Flow, FolderCancel, FolderMinus, FolderPlus, Folder, Font, Fonts2, Framer, Frown, Gift, GitBranch, GitCommit, GitMerge, GitPullRequest, Github, Gitlab, Globe, Grid, HardDrive, Hash, Headphones, Heart, HelpCircle, Help, Hexagon, Home, Hooks, HostedPages, IdTag, Image, Inbox, InfoFilled, Info, Integration, Issuer, Italic, Key, Languages, Layers, LayoutBottom, LayoutCenter, LayoutLeft, LayoutRight, LayoutTop, Layout, LifeBuoy, Link2, Link, List, ListNumbered, Loader, Lock, LogIn, LogOut, Mail, MapPin, Map, Maximize2, Maximize, Megaphone, Meh, Menu, MessageCircle, MessageSquare, MicOff, Mic, Minimize2, Minimize, MinusCircle, MinusSquare, Minus, Monitor, Moon, MoreHorizontal, MoreVertical, MousePointer, Move, Music, Navigation2, Navigation, Octagon, Package, PageBackground, PaintBrush, Paint, Paperclip, PauseCircle, Pause, PenTool, Percent, PhoneCall, PhoneForwarded, PhoneIncoming, PhoneMissed, PhoneOff, PhoneOutgoing, Phone, PieChart, PlayCircle, Play, PlusCircle, PlusSquare, Plus, Power, Printer, Radio, RecoveryCode, RefreshCcw, RefreshCw, Repeat, Rewind, RichText, RotateCcw, RotateCw, Rss, Save, Scissors, Search, Send, Server, Settings, Share2, Share, ShieldOff, Shield, ShoppingBag, ShoppingCart, Shuffle, Sidebar, SingleSignOn, SkipBack, SkipForward, Slash, Sliders, Smartphone, Smile, Sparkle, Speaker, Square, Star, StopCircle, Store2, Store, Sun, Sunrise, Sunset, Table, Tablet, Tag, Target, Terminal, Thermometer, ThumbsDown, ThumbsUp, ToggleLeft, ToggleRight, Tool, Trash, TrendingDown, TrendingUp, Triangle, Truck, Tv, Type, Umbrella, Underline, Unlock, UploadCloud, Upload, UserCheck, UserMinus, UserPlus, UserX, User, Users, VideoOff, Video, Voicemail, Volume1, Volume2, VolumeX, Volume, Watch, WebAuthnPlatform, WebAuthn, Widget2, Widget, WifiOff, Wifi, Wind, XCircleFilled, XCircle, XOctagon, XSquare, X, XLarge, ZapOff, Zap, ZoomIn, ZoomOut, } from '@auth0/quantum-icons';
|
|
14
14
|
import * as React from 'react';
|
|
15
15
|
export * from './types';
|
|
16
16
|
function wrapIcon(QuantumIcon) {
|
|
@@ -109,6 +109,7 @@ export var ChevronsRightIcon = wrapIcon(ChevronsRight);
|
|
|
109
109
|
export var ChevronsUpIcon = wrapIcon(ChevronsUp);
|
|
110
110
|
export var ChromeIcon = wrapIcon(Chrome);
|
|
111
111
|
export var CircleIcon = wrapIcon(Circle);
|
|
112
|
+
export var CircleFilledIcon = wrapIcon(CircleFilled);
|
|
112
113
|
export var ClipboardCheckIcon = wrapIcon(ClipboardCheck);
|
|
113
114
|
export var ClipboardIcon = wrapIcon(Clipboard);
|
|
114
115
|
export var ClockIcon = wrapIcon(Clock);
|
|
@@ -215,6 +216,7 @@ export var IntegrationIcon = wrapIcon(Integration);
|
|
|
215
216
|
export var IssuerIcon = wrapIcon(Issuer);
|
|
216
217
|
export var ItalicIcon = wrapIcon(Italic);
|
|
217
218
|
export var KeyIcon = wrapIcon(Key);
|
|
219
|
+
export var LanguagesIcon = wrapIcon(Languages);
|
|
218
220
|
export var LayersIcon = wrapIcon(Layers);
|
|
219
221
|
export var LayoutBottomIcon = wrapIcon(LayoutBottom);
|
|
220
222
|
export var LayoutCenterIcon = wrapIcon(LayoutCenter);
|
|
@@ -11,11 +11,27 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import * as React from 'react';
|
|
13
13
|
import MuiStepLabel from '@mui/material/StepLabel';
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
14
|
+
import { useTheme } from '@auth0/quantum-product';
|
|
15
|
+
import { CircleIcon, CircleFilledIcon, CheckCircleFilledIcon } from '../../icon';
|
|
16
16
|
var CustomStepIcon = function (_a) {
|
|
17
17
|
var active = _a.active, completed = _a.completed;
|
|
18
|
-
|
|
18
|
+
var theme = useTheme();
|
|
19
|
+
var stateMap = {
|
|
20
|
+
active: {
|
|
21
|
+
Icon: CircleIcon,
|
|
22
|
+
color: theme.tokens.color_fg_selected,
|
|
23
|
+
},
|
|
24
|
+
completed: {
|
|
25
|
+
Icon: CheckCircleFilledIcon,
|
|
26
|
+
color: theme.tokens.color_fg_selected,
|
|
27
|
+
},
|
|
28
|
+
default: {
|
|
29
|
+
Icon: CircleFilledIcon,
|
|
30
|
+
color: theme.tokens.color_bg_layer_alternate_bold,
|
|
31
|
+
},
|
|
32
|
+
};
|
|
33
|
+
var _b = active ? stateMap.active : completed ? stateMap.completed : stateMap.default, Icon = _b.Icon, color = _b.color;
|
|
34
|
+
return React.createElement(Icon, { size: "1.5em", sx: { color: color } });
|
|
19
35
|
};
|
|
20
36
|
export var StepLabel = React.forwardRef(function (props, ref) {
|
|
21
37
|
return React.createElement(MuiStepLabel, __assign({ StepIconComponent: CustomStepIcon }, props, { ref: ref }));
|
package/icon/index.d.ts
CHANGED
|
@@ -94,6 +94,7 @@ export declare const ChevronsRightIcon: React.ForwardRefExoticComponent<Omit<IIc
|
|
|
94
94
|
export declare const ChevronsUpIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
95
95
|
export declare const ChromeIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
96
96
|
export declare const CircleIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
97
|
+
export declare const CircleFilledIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
97
98
|
export declare const ClipboardCheckIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
98
99
|
export declare const ClipboardIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
99
100
|
export declare const ClockIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -200,6 +201,7 @@ export declare const IntegrationIcon: React.ForwardRefExoticComponent<Omit<IIcon
|
|
|
200
201
|
export declare const IssuerIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
201
202
|
export declare const ItalicIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
202
203
|
export declare const KeyIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
204
|
+
export declare const LanguagesIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
203
205
|
export declare const LayersIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
204
206
|
export declare const LayoutBottomIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
205
207
|
export declare const LayoutCenterIcon: React.ForwardRefExoticComponent<Omit<IIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
package/icon/index.js
CHANGED
|
@@ -38,12 +38,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.BorderRoundIcon = exports.BorderPillIcon = exports.BookmarkIcon = exports.BookIcon = exports.BookOpenIcon = exports.BoldIcon = exports.BluetoothIcon = exports.BiometricsIcon = exports.BellIcon = exports.BellOffIcon = exports.BatteryIcon = exports.BatteryChargingIcon = exports.BarChartIcon = exports.BarChart2Icon = exports.AwardIcon = exports.Auth0LogoIcon = exports.AtSignIcon = exports.ArrowsHIcon = exports.ArrowUpIcon = exports.ArrowUpRightIcon = exports.ArrowUpLeftIcon = exports.ArrowUpCircleIcon = exports.ArrowUnsortedIcon = exports.ArrowRightIcon = exports.ArrowRightCircleIcon = exports.ArrowLeftIcon = exports.ArrowLeftCircleIcon = exports.ArrowDownIcon = exports.ArrowDownRightIcon = exports.ArrowDownLeftIcon = exports.ArrowDownCircleIcon = exports.ArchiveIcon = exports.AppsIcon = exports.ApplicationPlusIcon = exports.ApisIcon = exports.ApertureIcon = exports.AnchorIcon = exports.AlignRightIcon = exports.AlignLeftIcon = exports.AlignJustifyIcon = exports.AlignCenterIcon = exports.AlertTriangleIcon = exports.AlertTriangleFilledIcon = exports.AlertOctagonIcon = exports.AlertDiamondIcon = exports.AlertDiamondFilledIcon = exports.AlertCircleIcon = exports.AirplayIcon = exports.AirplaneIcon = exports.ActivityIcon = void 0;
|
|
41
|
-
exports.
|
|
42
|
-
exports.
|
|
43
|
-
exports.
|
|
44
|
-
exports.
|
|
45
|
-
exports.
|
|
46
|
-
exports.ZoomOutIcon = exports.ZoomInIcon = exports.ZapIcon = exports.ZapOffIcon = exports.XLargeIcon = exports.XIcon = exports.XSquareIcon = exports.XOctagonIcon = exports.XCircleIcon = exports.XCircleFilledIcon = exports.WindIcon = exports.WifiIcon = exports.WifiOffIcon = exports.WidgetIcon = exports.Widget2Icon = exports.WebAuthnIcon = exports.WebAuthnPlatformIcon = exports.WatchIcon = exports.VolumeIcon = exports.VolumeXIcon = exports.Volume2Icon = exports.Volume1Icon = exports.VoicemailIcon = exports.VideoIcon = exports.VideoOffIcon = exports.UsersIcon = exports.UserIcon = exports.UserXIcon = exports.UserPlusIcon = exports.UserMinusIcon = exports.UserCheckIcon = exports.UploadIcon = exports.UploadCloudIcon = exports.UnlockIcon = exports.UnderlineIcon = exports.UmbrellaIcon = exports.TypeIcon = exports.TvIcon = exports.TruckIcon = exports.TriangleIcon = exports.TrendingUpIcon = exports.TrendingDownIcon = exports.TrashIcon = exports.ToolIcon = exports.ToggleRightIcon = void 0;
|
|
41
|
+
exports.ColorIcon = exports.CollapseRightIcon = exports.CollapseLeftIcon = exports.CoffeeIcon = exports.CodepenIcon = exports.CodeIcon = exports.CodesandboxIcon = exports.CodeSandboxIcon = exports.CloudIcon = exports.CloudSnowIcon = exports.CloudRainIcon = exports.CloudOffIcon = exports.CloudLightningIcon = exports.CloudDrizzleIcon = exports.ClockIcon = exports.ClipboardIcon = exports.ClipboardCheckIcon = exports.CircleFilledIcon = exports.CircleIcon = exports.ChromeIcon = exports.ChevronsUpIcon = exports.ChevronsRightIcon = exports.ChevronsLeftIcon = exports.ChevronsDownIcon = exports.ChevronUpIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.CheckSquareIcon = exports.CheckCircleIcon = exports.CheckCircleFilledIcon = exports.CastIcon = exports.CashIcon = exports.CaretDownIcon = exports.CardIcon = exports.CameraIcon = exports.CameraOffIcon = exports.CalendarIcon = exports.BuildingIcon = exports.BugIcon = exports.BrowsersIcon = exports.BrowserIcon = exports.BriefcaseIcon = exports.BreachedPasswordIcon = exports.BoxIcon = exports.BotIcon = exports.BordersIcon = exports.BorderSharpIcon = exports.BorderRoundedIcon = void 0;
|
|
42
|
+
exports.FolderPlusIcon = exports.FolderMinusIcon = exports.FolderCancelIcon = exports.FlowIcon = exports.FlagIcon = exports.FilterIcon = exports.FilmIcon = exports.FileIcon = exports.FileTextIcon = exports.FilePlusIcon = exports.FileMinusIcon = exports.FigmaIcon = exports.FeatherIcon = exports.FastForwardIcon = exports.EyeIcon = exports.EyeOffIcon = exports.ExternalLinkIcon = exports.ExpandRightIcon = exports.ExpandLeftIcon = exports.EnterpriseIcon = exports.EditIcon = exports.DropletIcon = exports.DragIndicatorIcon = exports.DownloadIcon = exports.DownloadCloudIcon = exports.DollarSignIcon = exports.DivideIcon = exports.DivideSquareIcon = exports.DivideCircleIcon = exports.DiscIcon = exports.DirectoryIcon = exports.DevicesIcon = exports.DeleteIcon = exports.DatabaseIcon = exports.CrosshairIcon = exports.CropIcon = exports.CreditCardIcon = exports.CpuIcon = exports.CornerUpRightIcon = exports.CornerUpLeftIcon = exports.CornerRightUpIcon = exports.CornerRightDownIcon = exports.CornerLeftUpIcon = exports.CornerLeftDownIcon = exports.CornerDownRightIcon = exports.CornerDownLeftIcon = exports.CopyIcon = exports.CompassIcon = exports.CommandIcon = exports.ColumnsIcon = void 0;
|
|
43
|
+
exports.LogInIcon = exports.LockIcon = exports.LoaderIcon = exports.ListNumberedIcon = exports.ListIcon = exports.LinkIcon = exports.Link2Icon = exports.LifeBuoyIcon = exports.LayoutIcon = exports.LayoutTopIcon = exports.LayoutRightIcon = exports.LayoutLeftIcon = exports.LayoutCenterIcon = exports.LayoutBottomIcon = exports.LayersIcon = exports.LanguagesIcon = exports.KeyIcon = exports.ItalicIcon = exports.IssuerIcon = exports.IntegrationIcon = exports.InfoIcon = exports.InfoFilledIcon = exports.InboxIcon = exports.ImageIcon = exports.IdTagIcon = exports.HostedPagesIcon = exports.HooksIcon = exports.HomeIcon = exports.HexagonIcon = exports.HelpIcon = exports.HelpCircleIcon = exports.HeartIcon = exports.HeadphonesIcon = exports.HashIcon = exports.HardDriveIcon = exports.GridIcon = exports.GlobeIcon = exports.GitlabIcon = exports.GitHubIcon = exports.GithubIcon = exports.GitPullRequestIcon = exports.GitMergeIcon = exports.GitCommitIcon = exports.GitBranchIcon = exports.GiftIcon = exports.FrownIcon = exports.FramerIcon = exports.Fonts2Icon = exports.FontIcon = exports.FolderIcon = void 0;
|
|
44
|
+
exports.PlusIcon = exports.PlusSquareIcon = exports.PlusCircleIcon = exports.PlayIcon = exports.PlayCircleIcon = exports.PieChartIcon = exports.PhoneIcon = exports.PhoneOutgoingIcon = exports.PhoneOffIcon = exports.PhoneMissedIcon = exports.PhoneIncomingIcon = exports.PhoneForwardedIcon = exports.PhoneCallIcon = exports.PercentIcon = exports.PenToolIcon = exports.PauseIcon = exports.PauseCircleIcon = exports.PaperclipIcon = exports.PaintIcon = exports.PaintBrushIcon = exports.PageBackgroundIcon = exports.PackageIcon = exports.OctagonIcon = exports.NavigationIcon = exports.Navigation2Icon = exports.MusicIcon = exports.MoveIcon = exports.MousePointerIcon = exports.MoreVerticalIcon = exports.MoreHorizontalIcon = exports.MoonIcon = exports.MonitorIcon = exports.MinusIcon = exports.MinusSquareIcon = exports.MinusCircleIcon = exports.MinimizeIcon = exports.Minimize2Icon = exports.MicIcon = exports.MicOffIcon = exports.MessageSquareIcon = exports.MessageCircleIcon = exports.MenuIcon = exports.MehIcon = exports.MegaphoneIcon = exports.MaximizeIcon = exports.Maximize2Icon = exports.MapIcon = exports.MapPinIcon = exports.MailIcon = exports.LogOutIcon = void 0;
|
|
45
|
+
exports.ThumbsDownIcon = exports.ThermometerIcon = exports.TerminalIcon = exports.TargetIcon = exports.TagIcon = exports.TabletIcon = exports.TableIcon = exports.SunsetIcon = exports.SunriseIcon = exports.SunIcon = exports.StoreIcon = exports.Store2Icon = exports.StopCircleIcon = exports.StarIcon = exports.SquareIcon = exports.SpeakerIcon = exports.SparkleIcon = exports.SmileIcon = exports.SmartphoneIcon = exports.SlidersIcon = exports.SlashIcon = exports.SkipForwardIcon = exports.SkipBackIcon = exports.SingleSignOnIcon = exports.SidebarIcon = exports.ShuffleIcon = exports.ShoppingCartIcon = exports.ShoppingBagIcon = exports.ShieldIcon = exports.ShieldOffIcon = exports.ShareIcon = exports.Share2Icon = exports.SettingsIcon = exports.ServerIcon = exports.SendIcon = exports.SearchIcon = exports.ScissorsIcon = exports.SaveIcon = exports.RssIcon = exports.RotateCwIcon = exports.RotateCcwIcon = exports.RichTextIcon = exports.RewindIcon = exports.RepeatIcon = exports.RefreshCwIcon = exports.RefreshCcwIcon = exports.RecoveryCodeIcon = exports.RadioIcon = exports.PrinterIcon = exports.PowerIcon = void 0;
|
|
46
|
+
exports.ZoomOutIcon = exports.ZoomInIcon = exports.ZapIcon = exports.ZapOffIcon = exports.XLargeIcon = exports.XIcon = exports.XSquareIcon = exports.XOctagonIcon = exports.XCircleIcon = exports.XCircleFilledIcon = exports.WindIcon = exports.WifiIcon = exports.WifiOffIcon = exports.WidgetIcon = exports.Widget2Icon = exports.WebAuthnIcon = exports.WebAuthnPlatformIcon = exports.WatchIcon = exports.VolumeIcon = exports.VolumeXIcon = exports.Volume2Icon = exports.Volume1Icon = exports.VoicemailIcon = exports.VideoIcon = exports.VideoOffIcon = exports.UsersIcon = exports.UserIcon = exports.UserXIcon = exports.UserPlusIcon = exports.UserMinusIcon = exports.UserCheckIcon = exports.UploadIcon = exports.UploadCloudIcon = exports.UnlockIcon = exports.UnderlineIcon = exports.UmbrellaIcon = exports.TypeIcon = exports.TvIcon = exports.TruckIcon = exports.TriangleIcon = exports.TrendingUpIcon = exports.TrendingDownIcon = exports.TrashIcon = exports.ToolIcon = exports.ToggleRightIcon = exports.ToggleLeftIcon = exports.ThumbsUpIcon = void 0;
|
|
47
47
|
var styled_1 = require("../styled");
|
|
48
48
|
var quantum_icons_1 = require("@auth0/quantum-icons");
|
|
49
49
|
var React = __importStar(require("react"));
|
|
@@ -144,6 +144,7 @@ exports.ChevronsRightIcon = wrapIcon(quantum_icons_1.ChevronsRight);
|
|
|
144
144
|
exports.ChevronsUpIcon = wrapIcon(quantum_icons_1.ChevronsUp);
|
|
145
145
|
exports.ChromeIcon = wrapIcon(quantum_icons_1.Chrome);
|
|
146
146
|
exports.CircleIcon = wrapIcon(quantum_icons_1.Circle);
|
|
147
|
+
exports.CircleFilledIcon = wrapIcon(quantum_icons_1.CircleFilled);
|
|
147
148
|
exports.ClipboardCheckIcon = wrapIcon(quantum_icons_1.ClipboardCheck);
|
|
148
149
|
exports.ClipboardIcon = wrapIcon(quantum_icons_1.Clipboard);
|
|
149
150
|
exports.ClockIcon = wrapIcon(quantum_icons_1.Clock);
|
|
@@ -250,6 +251,7 @@ exports.IntegrationIcon = wrapIcon(quantum_icons_1.Integration);
|
|
|
250
251
|
exports.IssuerIcon = wrapIcon(quantum_icons_1.Issuer);
|
|
251
252
|
exports.ItalicIcon = wrapIcon(quantum_icons_1.Italic);
|
|
252
253
|
exports.KeyIcon = wrapIcon(quantum_icons_1.Key);
|
|
254
|
+
exports.LanguagesIcon = wrapIcon(quantum_icons_1.Languages);
|
|
253
255
|
exports.LayersIcon = wrapIcon(quantum_icons_1.Layers);
|
|
254
256
|
exports.LayoutBottomIcon = wrapIcon(quantum_icons_1.LayoutBottom);
|
|
255
257
|
exports.LayoutCenterIcon = wrapIcon(quantum_icons_1.LayoutCenter);
|
package/package.json
CHANGED
|
@@ -40,11 +40,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
exports.StepLabel = void 0;
|
|
41
41
|
var React = __importStar(require("react"));
|
|
42
42
|
var StepLabel_1 = __importDefault(require("@mui/material/StepLabel"));
|
|
43
|
-
var
|
|
43
|
+
var quantum_product_1 = require("@auth0/quantum-product");
|
|
44
44
|
var icon_1 = require("../../icon");
|
|
45
45
|
var CustomStepIcon = function (_a) {
|
|
46
46
|
var active = _a.active, completed = _a.completed;
|
|
47
|
-
|
|
47
|
+
var theme = (0, quantum_product_1.useTheme)();
|
|
48
|
+
var stateMap = {
|
|
49
|
+
active: {
|
|
50
|
+
Icon: icon_1.CircleIcon,
|
|
51
|
+
color: theme.tokens.color_fg_selected,
|
|
52
|
+
},
|
|
53
|
+
completed: {
|
|
54
|
+
Icon: icon_1.CheckCircleFilledIcon,
|
|
55
|
+
color: theme.tokens.color_fg_selected,
|
|
56
|
+
},
|
|
57
|
+
default: {
|
|
58
|
+
Icon: icon_1.CircleFilledIcon,
|
|
59
|
+
color: theme.tokens.color_bg_layer_alternate_bold,
|
|
60
|
+
},
|
|
61
|
+
};
|
|
62
|
+
var _b = active ? stateMap.active : completed ? stateMap.completed : stateMap.default, Icon = _b.Icon, color = _b.color;
|
|
63
|
+
return React.createElement(Icon, { size: "1.5em", sx: { color: color } });
|
|
48
64
|
};
|
|
49
65
|
exports.StepLabel = React.forwardRef(function (props, ref) {
|
|
50
66
|
return React.createElement(StepLabel_1.default, __assign({ StepIconComponent: CustomStepIcon }, props, { ref: ref }));
|