@auth0/quantum-product 2.5.6 → 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 +3 -1
- package/esm/illustrations/components/enterprise-connection.js +112 -0
- package/esm/illustrations/components/index.js +1 -0
- package/esm/stepper/step-label/step-label.js +19 -3
- package/icon/index.d.ts +2 -0
- package/icon/index.js +8 -6
- package/illustrations/components/enterprise-connection.d.ts +3 -0
- package/illustrations/components/enterprise-connection.js +138 -0
- package/illustrations/components/index.d.ts +1 -0
- package/illustrations/components/index.js +3 -1
- package/package.json +1 -1
- package/stepper/step-label/step-label.js +18 -2
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);
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
/*
|
|
24
|
+
This file is generated with the "illustrations" script.
|
|
25
|
+
To update this output make changes to `scripts/svgr/illustration-icon-template.js
|
|
26
|
+
*/
|
|
27
|
+
import * as React from 'react';
|
|
28
|
+
import { illustrationComponentName } from '../common';
|
|
29
|
+
import { styled } from '../../styled';
|
|
30
|
+
export var IllustrationEnterpriseConnection = styled(function (_a) {
|
|
31
|
+
var props = __rest(_a, []);
|
|
32
|
+
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
33
|
+
React.createElement("path", { d: "M168.04 182.597H82.065V36.502a3.994 3.994 0 013.889-3.889h78.197a3.996 3.996 0 013.889 3.89v146.094z", fill: "url(#enterprise-connection_svg__paint0_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
34
|
+
React.createElement("path", { d: "M91.42 38.604a2.417 2.417 0 11-4.834 0 2.417 2.417 0 014.833 0zM98.146 38.604a2.522 2.522 0 11-2.523-2.417 2.417 2.417 0 012.523 2.417zM104.767 38.604a2.414 2.414 0 01-1.492 2.234 2.419 2.419 0 01-3.296-1.762 2.414 2.414 0 011.028-2.482 2.416 2.416 0 013.76 2.01z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
35
|
+
React.createElement("path", { d: "M148.911 111.862h-46.876c-8.65 0-15.66 7.011-15.66 15.661v.084c0 8.649 7.01 15.66 15.66 15.66h46.876c8.649 0 15.661-7.011 15.661-15.66v-.084c0-8.65-7.012-15.661-15.661-15.661z", fill: "url(#enterprise-connection_svg__paint1_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
36
|
+
React.createElement("path", { d: "M146.914 139.399c6.56 0 11.877-5.317 11.877-11.876 0-6.56-5.317-11.877-11.877-11.877-6.559 0-11.877 5.317-11.877 11.877 0 6.559 5.318 11.876 11.877 11.876z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
37
|
+
React.createElement("path", { d: "M141.659 61.622h-33.318V54.16a2.838 2.838 0 012.838-2.838h27.537a2.841 2.841 0 012.718 1.727c.149.351.225.73.225 1.11v7.463zm-30.165-1.576h27.012V55a.524.524 0 00-.525-.526H112.02a.526.526 0 00-.526.526v5.045z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
38
|
+
React.createElement("path", { d: "M153.221 60.046H96.674a2.628 2.628 0 00-2.627 2.627V97.82a2.628 2.628 0 002.627 2.628h56.547a2.627 2.627 0 002.627-2.628V62.673a2.627 2.627 0 00-2.627-2.627z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
39
|
+
React.createElement("path", { d: "M94.047 72.133h61.801", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
40
|
+
React.createElement("path", { d: "M127.996 69.61h-5.991v5.255h5.991V69.61z", fill: "url(#enterprise-connection_svg__paint2_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
41
|
+
React.createElement("path", { d: "M45.699 72.133v-4.94a19.13 19.13 0 0119.129-19.13h16.186v13.98H64.828a5.15 5.15 0 00-5.045 5.15v4.94H45.699z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
42
|
+
React.createElement("path", { d: "M82.065 46.487h-9.039v17.321h9.04v-17.32z", fill: "#000", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
43
|
+
React.createElement("path", { d: "M204.406 72.133v-4.94a19.015 19.015 0 00-19.129-19.129h-16.186v13.979h16.186a5.15 5.15 0 015.15 5.15v4.94h13.979z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
44
|
+
React.createElement("path", { d: "M168.04 63.83h9.039V46.508h-9.039V63.83z", fill: "#000", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
45
|
+
React.createElement("path", { d: "M82.065 72.238H25.414v110.38h56.65V72.238z", fill: "url(#enterprise-connection_svg__paint3_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
46
|
+
React.createElement("path", { d: "M63.356 85.06H44.122a2.207 2.207 0 00-2.207 2.208v19.192c0 1.219.988 2.207 2.207 2.207h19.234a2.207 2.207 0 002.208-2.207V87.268a2.207 2.207 0 00-2.208-2.208z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
47
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M62.41 88.95h-4.519v16.89h4.52V88.95zm-6.306 4.624h-4.52v12.192h4.52V93.574zm-10.826 4.31h4.52v7.882h-4.52v-7.883z", fill: "url(#enterprise-connection_svg__paint4_linear_3554_6766)" }),
|
|
48
|
+
React.createElement("path", { d: "M57.891 88.95v-.2h-.2v.2h.2zm4.52 0h.2v-.2h-.2v.2zm-4.52 16.89h-.2v.2h.2v-.2zm4.52 0v.2h.2v-.2h-.2zM51.584 93.574v-.2h-.2v.2h.2zm4.52 0h.2v-.2h-.2v.2zm-4.52 12.192h-.2v.2h.2v-.2zm4.52 0v.2h.2v-.2h-.2zm-6.307-7.883h.2v-.2h-.2v.2zm-4.52 0v-.2h-.2v.2h.2zm4.52 7.883v.2h.2v-.2h-.2zm-4.52 0h-.2v.2h.2v-.2zm12.613-16.617h4.52v-.4h-4.52v.4zm.2 16.691V88.95h-.4v16.89h.4zm4.32-.2h-4.52v.4h4.52v-.4zm-.2-16.69v16.89h.4V88.95h-.4zm-10.626 4.824h4.52v-.4h-4.52v.4zm.2 11.992V93.574h-.4v12.192h.4zm4.32-.2h-4.52v.4h4.52v-.4zm-.2-11.992v12.192h.4V93.574h-.4zm-6.107 4.11h-4.52v.4h4.52v-.4zm.2 8.082v-7.883h-.4v7.883h.4zm-4.72.2h4.52v-.4h-4.52v.4zm-.2-8.083v7.883h.4v-7.883h-.4z", fill: "#000" }),
|
|
49
|
+
React.createElement("path", { d: "M63.356 116.487H44.122a2.207 2.207 0 00-2.207 2.207v19.192c0 1.219.988 2.207 2.207 2.207h19.234a2.207 2.207 0 002.208-2.207v-19.192a2.207 2.207 0 00-2.208-2.207z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
50
|
+
React.createElement("path", { d: "M53.161 123.529v-2.313h-8.093v15.135h17.868v-12.822h-9.775z", fill: "url(#enterprise-connection_svg__paint5_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
51
|
+
React.createElement("path", { d: "M63.356 148.333H44.122a2.207 2.207 0 00-2.207 2.207v19.192c0 1.219.988 2.208 2.207 2.208h19.234a2.208 2.208 0 002.208-2.208V150.54a2.207 2.207 0 00-2.208-2.207z", fill: "url(#enterprise-connection_svg__paint6_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
52
|
+
React.createElement("path", { d: "M45.384 169.669a.629.629 0 01-.526-.63v-5.886c0-2.418 2.733-4.415 6.622-5.045v-3.994a2.52 2.52 0 011.387-2.79 2.521 2.521 0 013.553 2.79v.315l.84 1.787h-.84v1.892c3.994.63 6.937 2.627 6.937 5.15v5.781a.633.633 0 01-.631.63H45.384z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
53
|
+
React.createElement("path", { d: "M53.792 108.604v7.777M53.792 140.03v8.303", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
54
|
+
React.createElement("path", { d: "M224.586 72.238h-56.651v110.38h56.651V72.238z", fill: "url(#enterprise-connection_svg__paint7_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
55
|
+
React.createElement("path", { d: "M205.773 116.381h-19.339a2.103 2.103 0 00-2.102 2.103v19.37c0 1.161.941 2.102 2.102 2.102h19.339a2.102 2.102 0 002.102-2.102v-19.37a2.103 2.103 0 00-2.102-2.103z", fill: "url(#enterprise-connection_svg__paint8_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
56
|
+
React.createElement("path", { d: "M187.695 137.507a.631.631 0 01-.631-.63v-5.991c0-2.312 2.838-4.309 6.727-4.94v-3.994a2.626 2.626 0 012.418-2.522 2.517 2.517 0 012.33 1.557c.127.306.192.634.192.965v.315l.841 1.787h-.841v1.892c3.889.631 6.832 2.628 6.832 5.15v5.781a.632.632 0 01-.526.63h-17.342z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
57
|
+
React.createElement("path", { d: "M195.998 108.604v7.778M195.998 139.925v8.303", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
58
|
+
React.createElement("path", { d: "M205.773 85.06h-19.339a2.102 2.102 0 00-2.102 2.102v19.371c0 1.161.941 2.102 2.102 2.102h19.339a2.102 2.102 0 002.102-2.102v-19.37c0-1.161-.941-2.103-2.102-2.103z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
59
|
+
React.createElement("path", { d: "M205.458 90.106h-18.499v15.744h18.499V90.106z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
60
|
+
React.createElement("path", { d: "M205.458 90.106h-18.499v3.951h18.499v-3.951z", fill: "url(#enterprise-connection_svg__paint9_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
61
|
+
React.createElement("path", { d: "M205.773 148.228h-19.339a2.102 2.102 0 00-2.102 2.102v19.371c0 1.161.941 2.102 2.102 2.102h19.339a2.102 2.102 0 002.102-2.102V150.33a2.102 2.102 0 00-2.102-2.102z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
62
|
+
React.createElement("path", { d: "M198.994 154.501a2.628 2.628 0 10-5.255.001 2.628 2.628 0 005.255-.001z", fill: "url(#enterprise-connection_svg__paint10_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
63
|
+
React.createElement("path", { d: "M197.68 156.636l5.465 8.724M195.263 156.636l-5.571 8.724M196.313 157.057v8.618", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
64
|
+
React.createElement("path", { d: "M192.106 166.977a2.628 2.628 0 10-3.717-3.716 2.628 2.628 0 003.717 3.716zM198.352 167.037a2.628 2.628 0 10-3.717-3.716 2.628 2.628 0 003.717 3.716zM204.703 166.993a2.628 2.628 0 10-3.717-3.716 2.628 2.628 0 003.717 3.716z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
65
|
+
React.createElement("path", { d: "M127.26 160.21a110.972 110.972 0 0016.186-18.604c5.676-7.777 9.88-22.071-.525-27.011-10.406-4.94-13.769 11.876-29.955 25.33-16.186 13.453-26.697 17.342-34.58 35.945-1.47 3.259-9.143 24.805-9.143 24.805l-5.571 16.712h77.672a44.247 44.247 0 003.363-25.961", fill: "#fff" }),
|
|
66
|
+
React.createElement("path", { d: "M127.26 160.21a110.972 110.972 0 0016.186-18.604c5.676-7.777 9.88-22.071-.525-27.011-10.406-4.94-13.769 11.876-29.955 25.33-16.186 13.453-26.697 17.342-34.58 35.945-1.47 3.259-9.143 24.805-9.143 24.805l-5.571 16.712h77.672a44.247 44.247 0 003.363-25.961", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
67
|
+
React.createElement("path", { d: "M144.917 185.014l5.256-6.411a9.984 9.984 0 001.051-9.564c-4.31-9.144-15.976-9.775-24.805-8.724h-.63a71.733 71.733 0 00-11.036 2.312s-11.772 3.153-18.499 9.775", fill: "#fff" }),
|
|
68
|
+
React.createElement("path", { d: "M144.917 185.014l5.256-6.411a9.984 9.984 0 001.051-9.564c-4.31-9.144-15.976-9.775-24.805-8.724h-.63a71.733 71.733 0 00-11.036 2.312s-11.772 3.153-18.499 9.775", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
69
|
+
React.createElement("path", { d: "M134.092 116.276a17.21 17.21 0 001.786 3.364 16.623 16.623 0 003.364 3.258 4.41 4.41 0 011.681 1.787c1.051 1.892.316 3.994-1.156 5.465a6.092 6.092 0 01-5.675 1.261c-2.838-.63-5.045-1.576-7.568-6.201", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
70
|
+
React.createElement("path", { d: "M143.446 212.026a14.07 14.07 0 006.937 0c3.573-1.051 8.303-4.624 9.88-13.348a31.748 31.748 0 00-.211-11.351l-.315-.946a16.713 16.713 0 00-5.886-8.829c-5.36-3.679-12.087-3.048-17.237-1.787a64.535 64.535 0 00-23.858 12.087", fill: "#fff" }),
|
|
71
|
+
React.createElement("path", { d: "M143.446 212.026a14.07 14.07 0 006.937 0c3.573-1.051 8.303-4.624 9.88-13.348a31.748 31.748 0 00-.211-11.351l-.315-.946a16.713 16.713 0 00-5.886-8.829c-5.36-3.679-12.087-3.048-17.237-1.787a64.535 64.535 0 00-23.858 12.087", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
72
|
+
React.createElement("path", { d: "M43.072 217.386h126.23", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
73
|
+
React.createElement("path", { d: "M144.707 191.426a44.453 44.453 0 01-1.261 20.495l1.261-20.495z", fill: "#fff" }),
|
|
74
|
+
React.createElement("path", { d: "M144.707 191.426a44.453 44.453 0 01-1.261 20.495", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
75
|
+
React.createElement("path", { d: "M203.026 90.106a2.255 2.255 0 10-2.255 2.255M198.516 90.106a2.255 2.255 0 10-2.255 2.255M194.006 90.106a2.256 2.256 0 10-2.256 2.255", stroke: "#000", strokeWidth: 0.4 }),
|
|
76
|
+
React.createElement("defs", null,
|
|
77
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint0_linear_3554_6766", x1: 82.077, y1: 107.602, x2: 168.051, y2: 107.602, gradientUnits: "userSpaceOnUse" },
|
|
78
|
+
React.createElement("stop", { stopColor: "#635DFF" }),
|
|
79
|
+
React.createElement("stop", { offset: 1, stopColor: "#3885FF" })),
|
|
80
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint1_linear_3554_6766", x1: 86.374, y1: 142.193, x2: 164.572, y2: 142.193, gradientUnits: "userSpaceOnUse" },
|
|
81
|
+
React.createElement("stop", { stopColor: "#3EC6EB" }),
|
|
82
|
+
React.createElement("stop", { offset: 1, stopColor: "#1BC99F" })),
|
|
83
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint2_linear_3554_6766", x1: 121.973, y1: 72.206, x2: 128.017, y2: 72.206, gradientUnits: "userSpaceOnUse" },
|
|
84
|
+
React.createElement("stop", { offset: 0.04, stopColor: "#FF4F40" }),
|
|
85
|
+
React.createElement("stop", { offset: 1, stopColor: "#FC44DD" })),
|
|
86
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint3_linear_3554_6766", x1: 25.424, y1: 127.428, x2: 82.076, y2: 127.428, gradientUnits: "userSpaceOnUse" },
|
|
87
|
+
React.createElement("stop", { stopColor: "#E8EBED" }),
|
|
88
|
+
React.createElement("stop", { offset: 1, stopColor: "#fff" })),
|
|
89
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint4_linear_3554_6766", x1: 41.865, y1: 105.262, x2: 65.045, y2: 105.262, gradientUnits: "userSpaceOnUse" },
|
|
90
|
+
React.createElement("stop", { stopColor: "#3EC6EB" }),
|
|
91
|
+
React.createElement("stop", { offset: 0.999, stopColor: "#1BC99F" })),
|
|
92
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint5_linear_3554_6766", x1: 45.068, y1: 128.783, x2: 62.935, y2: 128.783, gradientUnits: "userSpaceOnUse" },
|
|
93
|
+
React.createElement("stop", { stopColor: "#FF4F40" }),
|
|
94
|
+
React.createElement("stop", { offset: 1, stopColor: "#F4D" })),
|
|
95
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint6_linear_3554_6766", x1: 41.919, y1: 160.136, x2: 65.567, y2: 160.136, gradientUnits: "userSpaceOnUse" },
|
|
96
|
+
React.createElement("stop", { stopColor: "#635DFF" }),
|
|
97
|
+
React.createElement("stop", { offset: 1, stopColor: "#3885FF" })),
|
|
98
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint7_linear_3554_6766", x1: 167.946, y1: 127.428, x2: 224.597, y2: 127.428, gradientUnits: "userSpaceOnUse" },
|
|
99
|
+
React.createElement("stop", { stopColor: "#E8EBED" }),
|
|
100
|
+
React.createElement("stop", { offset: 1, stopColor: "#fff" })),
|
|
101
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint8_linear_3554_6766", x1: 184.335, y1: 128.168, x2: 207.878, y2: 128.168, gradientUnits: "userSpaceOnUse" },
|
|
102
|
+
React.createElement("stop", { stopColor: "#635DFF" }),
|
|
103
|
+
React.createElement("stop", { offset: 1, stopColor: "#3885FF" })),
|
|
104
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint9_linear_3554_6766", x1: 186.333, y1: 93.689, x2: 205.458, y2: 93.689, gradientUnits: "userSpaceOnUse" },
|
|
105
|
+
React.createElement("stop", { stopColor: "#F4D" }),
|
|
106
|
+
React.createElement("stop", { offset: 1, stopColor: "#EBCA40" })),
|
|
107
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint10_linear_3554_6766", x1: 193.739, y1: 154.501, x2: 198.994, y2: 154.501, gradientUnits: "userSpaceOnUse" },
|
|
108
|
+
React.createElement("stop", { stopColor: "#FF4F40" }),
|
|
109
|
+
React.createElement("stop", { offset: 1, stopColor: "#F4D" })))));
|
|
110
|
+
}, {
|
|
111
|
+
name: illustrationComponentName,
|
|
112
|
+
})({});
|
|
@@ -3,6 +3,7 @@ This file is generated. Any changes made to this file will be lost.
|
|
|
3
3
|
To update this output make changes to `scripts/svgr/illustration-index-template.js`
|
|
4
4
|
*/
|
|
5
5
|
export { IllustrationDevelopers } from './developers';
|
|
6
|
+
export { IllustrationEnterpriseConnection } from './enterprise-connection';
|
|
6
7
|
export { IllustrationExperiencedUser } from './experienced-user';
|
|
7
8
|
export { IllustrationNewAuth0UserA } from './new-auth0-user-a';
|
|
8
9
|
export { IllustrationNoContent } from './no-content';
|
|
@@ -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);
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IIllustrationProps } from '../common';
|
|
3
|
+
export declare const IllustrationEnterpriseConnection: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => React.JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.IllustrationEnterpriseConnection = void 0;
|
|
49
|
+
/*
|
|
50
|
+
This file is generated with the "illustrations" script.
|
|
51
|
+
To update this output make changes to `scripts/svgr/illustration-icon-template.js
|
|
52
|
+
*/
|
|
53
|
+
var React = __importStar(require("react"));
|
|
54
|
+
var common_1 = require("../common");
|
|
55
|
+
var styled_1 = require("../../styled");
|
|
56
|
+
exports.IllustrationEnterpriseConnection = (0, styled_1.styled)(function (_a) {
|
|
57
|
+
var props = __rest(_a, []);
|
|
58
|
+
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
59
|
+
React.createElement("path", { d: "M168.04 182.597H82.065V36.502a3.994 3.994 0 013.889-3.889h78.197a3.996 3.996 0 013.889 3.89v146.094z", fill: "url(#enterprise-connection_svg__paint0_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
60
|
+
React.createElement("path", { d: "M91.42 38.604a2.417 2.417 0 11-4.834 0 2.417 2.417 0 014.833 0zM98.146 38.604a2.522 2.522 0 11-2.523-2.417 2.417 2.417 0 012.523 2.417zM104.767 38.604a2.414 2.414 0 01-1.492 2.234 2.419 2.419 0 01-3.296-1.762 2.414 2.414 0 011.028-2.482 2.416 2.416 0 013.76 2.01z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
61
|
+
React.createElement("path", { d: "M148.911 111.862h-46.876c-8.65 0-15.66 7.011-15.66 15.661v.084c0 8.649 7.01 15.66 15.66 15.66h46.876c8.649 0 15.661-7.011 15.661-15.66v-.084c0-8.65-7.012-15.661-15.661-15.661z", fill: "url(#enterprise-connection_svg__paint1_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
62
|
+
React.createElement("path", { d: "M146.914 139.399c6.56 0 11.877-5.317 11.877-11.876 0-6.56-5.317-11.877-11.877-11.877-6.559 0-11.877 5.317-11.877 11.877 0 6.559 5.318 11.876 11.877 11.876z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
63
|
+
React.createElement("path", { d: "M141.659 61.622h-33.318V54.16a2.838 2.838 0 012.838-2.838h27.537a2.841 2.841 0 012.718 1.727c.149.351.225.73.225 1.11v7.463zm-30.165-1.576h27.012V55a.524.524 0 00-.525-.526H112.02a.526.526 0 00-.526.526v5.045z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
64
|
+
React.createElement("path", { d: "M153.221 60.046H96.674a2.628 2.628 0 00-2.627 2.627V97.82a2.628 2.628 0 002.627 2.628h56.547a2.627 2.627 0 002.627-2.628V62.673a2.627 2.627 0 00-2.627-2.627z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
65
|
+
React.createElement("path", { d: "M94.047 72.133h61.801", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
66
|
+
React.createElement("path", { d: "M127.996 69.61h-5.991v5.255h5.991V69.61z", fill: "url(#enterprise-connection_svg__paint2_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
67
|
+
React.createElement("path", { d: "M45.699 72.133v-4.94a19.13 19.13 0 0119.129-19.13h16.186v13.98H64.828a5.15 5.15 0 00-5.045 5.15v4.94H45.699z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
68
|
+
React.createElement("path", { d: "M82.065 46.487h-9.039v17.321h9.04v-17.32z", fill: "#000", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
69
|
+
React.createElement("path", { d: "M204.406 72.133v-4.94a19.015 19.015 0 00-19.129-19.129h-16.186v13.979h16.186a5.15 5.15 0 015.15 5.15v4.94h13.979z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
70
|
+
React.createElement("path", { d: "M168.04 63.83h9.039V46.508h-9.039V63.83z", fill: "#000", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
71
|
+
React.createElement("path", { d: "M82.065 72.238H25.414v110.38h56.65V72.238z", fill: "url(#enterprise-connection_svg__paint3_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
72
|
+
React.createElement("path", { d: "M63.356 85.06H44.122a2.207 2.207 0 00-2.207 2.208v19.192c0 1.219.988 2.207 2.207 2.207h19.234a2.207 2.207 0 002.208-2.207V87.268a2.207 2.207 0 00-2.208-2.208z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
73
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M62.41 88.95h-4.519v16.89h4.52V88.95zm-6.306 4.624h-4.52v12.192h4.52V93.574zm-10.826 4.31h4.52v7.882h-4.52v-7.883z", fill: "url(#enterprise-connection_svg__paint4_linear_3554_6766)" }),
|
|
74
|
+
React.createElement("path", { d: "M57.891 88.95v-.2h-.2v.2h.2zm4.52 0h.2v-.2h-.2v.2zm-4.52 16.89h-.2v.2h.2v-.2zm4.52 0v.2h.2v-.2h-.2zM51.584 93.574v-.2h-.2v.2h.2zm4.52 0h.2v-.2h-.2v.2zm-4.52 12.192h-.2v.2h.2v-.2zm4.52 0v.2h.2v-.2h-.2zm-6.307-7.883h.2v-.2h-.2v.2zm-4.52 0v-.2h-.2v.2h.2zm4.52 7.883v.2h.2v-.2h-.2zm-4.52 0h-.2v.2h.2v-.2zm12.613-16.617h4.52v-.4h-4.52v.4zm.2 16.691V88.95h-.4v16.89h.4zm4.32-.2h-4.52v.4h4.52v-.4zm-.2-16.69v16.89h.4V88.95h-.4zm-10.626 4.824h4.52v-.4h-4.52v.4zm.2 11.992V93.574h-.4v12.192h.4zm4.32-.2h-4.52v.4h4.52v-.4zm-.2-11.992v12.192h.4V93.574h-.4zm-6.107 4.11h-4.52v.4h4.52v-.4zm.2 8.082v-7.883h-.4v7.883h.4zm-4.72.2h4.52v-.4h-4.52v.4zm-.2-8.083v7.883h.4v-7.883h-.4z", fill: "#000" }),
|
|
75
|
+
React.createElement("path", { d: "M63.356 116.487H44.122a2.207 2.207 0 00-2.207 2.207v19.192c0 1.219.988 2.207 2.207 2.207h19.234a2.207 2.207 0 002.208-2.207v-19.192a2.207 2.207 0 00-2.208-2.207z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
76
|
+
React.createElement("path", { d: "M53.161 123.529v-2.313h-8.093v15.135h17.868v-12.822h-9.775z", fill: "url(#enterprise-connection_svg__paint5_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
77
|
+
React.createElement("path", { d: "M63.356 148.333H44.122a2.207 2.207 0 00-2.207 2.207v19.192c0 1.219.988 2.208 2.207 2.208h19.234a2.208 2.208 0 002.208-2.208V150.54a2.207 2.207 0 00-2.208-2.207z", fill: "url(#enterprise-connection_svg__paint6_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
78
|
+
React.createElement("path", { d: "M45.384 169.669a.629.629 0 01-.526-.63v-5.886c0-2.418 2.733-4.415 6.622-5.045v-3.994a2.52 2.52 0 011.387-2.79 2.521 2.521 0 013.553 2.79v.315l.84 1.787h-.84v1.892c3.994.63 6.937 2.627 6.937 5.15v5.781a.633.633 0 01-.631.63H45.384z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
79
|
+
React.createElement("path", { d: "M53.792 108.604v7.777M53.792 140.03v8.303", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
80
|
+
React.createElement("path", { d: "M224.586 72.238h-56.651v110.38h56.651V72.238z", fill: "url(#enterprise-connection_svg__paint7_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
81
|
+
React.createElement("path", { d: "M205.773 116.381h-19.339a2.103 2.103 0 00-2.102 2.103v19.37c0 1.161.941 2.102 2.102 2.102h19.339a2.102 2.102 0 002.102-2.102v-19.37a2.103 2.103 0 00-2.102-2.103z", fill: "url(#enterprise-connection_svg__paint8_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
82
|
+
React.createElement("path", { d: "M187.695 137.507a.631.631 0 01-.631-.63v-5.991c0-2.312 2.838-4.309 6.727-4.94v-3.994a2.626 2.626 0 012.418-2.522 2.517 2.517 0 012.33 1.557c.127.306.192.634.192.965v.315l.841 1.787h-.841v1.892c3.889.631 6.832 2.628 6.832 5.15v5.781a.632.632 0 01-.526.63h-17.342z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
83
|
+
React.createElement("path", { d: "M195.998 108.604v7.778M195.998 139.925v8.303", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
84
|
+
React.createElement("path", { d: "M205.773 85.06h-19.339a2.102 2.102 0 00-2.102 2.102v19.371c0 1.161.941 2.102 2.102 2.102h19.339a2.102 2.102 0 002.102-2.102v-19.37c0-1.161-.941-2.103-2.102-2.103z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
85
|
+
React.createElement("path", { d: "M205.458 90.106h-18.499v15.744h18.499V90.106z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
86
|
+
React.createElement("path", { d: "M205.458 90.106h-18.499v3.951h18.499v-3.951z", fill: "url(#enterprise-connection_svg__paint9_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
87
|
+
React.createElement("path", { d: "M205.773 148.228h-19.339a2.102 2.102 0 00-2.102 2.102v19.371c0 1.161.941 2.102 2.102 2.102h19.339a2.102 2.102 0 002.102-2.102V150.33a2.102 2.102 0 00-2.102-2.102z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
88
|
+
React.createElement("path", { d: "M198.994 154.501a2.628 2.628 0 10-5.255.001 2.628 2.628 0 005.255-.001z", fill: "url(#enterprise-connection_svg__paint10_linear_3554_6766)", stroke: "#000", strokeWidth: 0.4, strokeLinejoin: "round" }),
|
|
89
|
+
React.createElement("path", { d: "M197.68 156.636l5.465 8.724M195.263 156.636l-5.571 8.724M196.313 157.057v8.618", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
90
|
+
React.createElement("path", { d: "M192.106 166.977a2.628 2.628 0 10-3.717-3.716 2.628 2.628 0 003.717 3.716zM198.352 167.037a2.628 2.628 0 10-3.717-3.716 2.628 2.628 0 003.717 3.716zM204.703 166.993a2.628 2.628 0 10-3.717-3.716 2.628 2.628 0 003.717 3.716z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
|
|
91
|
+
React.createElement("path", { d: "M127.26 160.21a110.972 110.972 0 0016.186-18.604c5.676-7.777 9.88-22.071-.525-27.011-10.406-4.94-13.769 11.876-29.955 25.33-16.186 13.453-26.697 17.342-34.58 35.945-1.47 3.259-9.143 24.805-9.143 24.805l-5.571 16.712h77.672a44.247 44.247 0 003.363-25.961", fill: "#fff" }),
|
|
92
|
+
React.createElement("path", { d: "M127.26 160.21a110.972 110.972 0 0016.186-18.604c5.676-7.777 9.88-22.071-.525-27.011-10.406-4.94-13.769 11.876-29.955 25.33-16.186 13.453-26.697 17.342-34.58 35.945-1.47 3.259-9.143 24.805-9.143 24.805l-5.571 16.712h77.672a44.247 44.247 0 003.363-25.961", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
93
|
+
React.createElement("path", { d: "M144.917 185.014l5.256-6.411a9.984 9.984 0 001.051-9.564c-4.31-9.144-15.976-9.775-24.805-8.724h-.63a71.733 71.733 0 00-11.036 2.312s-11.772 3.153-18.499 9.775", fill: "#fff" }),
|
|
94
|
+
React.createElement("path", { d: "M144.917 185.014l5.256-6.411a9.984 9.984 0 001.051-9.564c-4.31-9.144-15.976-9.775-24.805-8.724h-.63a71.733 71.733 0 00-11.036 2.312s-11.772 3.153-18.499 9.775", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
95
|
+
React.createElement("path", { d: "M134.092 116.276a17.21 17.21 0 001.786 3.364 16.623 16.623 0 003.364 3.258 4.41 4.41 0 011.681 1.787c1.051 1.892.316 3.994-1.156 5.465a6.092 6.092 0 01-5.675 1.261c-2.838-.63-5.045-1.576-7.568-6.201", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
96
|
+
React.createElement("path", { d: "M143.446 212.026a14.07 14.07 0 006.937 0c3.573-1.051 8.303-4.624 9.88-13.348a31.748 31.748 0 00-.211-11.351l-.315-.946a16.713 16.713 0 00-5.886-8.829c-5.36-3.679-12.087-3.048-17.237-1.787a64.535 64.535 0 00-23.858 12.087", fill: "#fff" }),
|
|
97
|
+
React.createElement("path", { d: "M143.446 212.026a14.07 14.07 0 006.937 0c3.573-1.051 8.303-4.624 9.88-13.348a31.748 31.748 0 00-.211-11.351l-.315-.946a16.713 16.713 0 00-5.886-8.829c-5.36-3.679-12.087-3.048-17.237-1.787a64.535 64.535 0 00-23.858 12.087", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
98
|
+
React.createElement("path", { d: "M43.072 217.386h126.23", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
99
|
+
React.createElement("path", { d: "M144.707 191.426a44.453 44.453 0 01-1.261 20.495l1.261-20.495z", fill: "#fff" }),
|
|
100
|
+
React.createElement("path", { d: "M144.707 191.426a44.453 44.453 0 01-1.261 20.495", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
|
|
101
|
+
React.createElement("path", { d: "M203.026 90.106a2.255 2.255 0 10-2.255 2.255M198.516 90.106a2.255 2.255 0 10-2.255 2.255M194.006 90.106a2.256 2.256 0 10-2.256 2.255", stroke: "#000", strokeWidth: 0.4 }),
|
|
102
|
+
React.createElement("defs", null,
|
|
103
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint0_linear_3554_6766", x1: 82.077, y1: 107.602, x2: 168.051, y2: 107.602, gradientUnits: "userSpaceOnUse" },
|
|
104
|
+
React.createElement("stop", { stopColor: "#635DFF" }),
|
|
105
|
+
React.createElement("stop", { offset: 1, stopColor: "#3885FF" })),
|
|
106
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint1_linear_3554_6766", x1: 86.374, y1: 142.193, x2: 164.572, y2: 142.193, gradientUnits: "userSpaceOnUse" },
|
|
107
|
+
React.createElement("stop", { stopColor: "#3EC6EB" }),
|
|
108
|
+
React.createElement("stop", { offset: 1, stopColor: "#1BC99F" })),
|
|
109
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint2_linear_3554_6766", x1: 121.973, y1: 72.206, x2: 128.017, y2: 72.206, gradientUnits: "userSpaceOnUse" },
|
|
110
|
+
React.createElement("stop", { offset: 0.04, stopColor: "#FF4F40" }),
|
|
111
|
+
React.createElement("stop", { offset: 1, stopColor: "#FC44DD" })),
|
|
112
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint3_linear_3554_6766", x1: 25.424, y1: 127.428, x2: 82.076, y2: 127.428, gradientUnits: "userSpaceOnUse" },
|
|
113
|
+
React.createElement("stop", { stopColor: "#E8EBED" }),
|
|
114
|
+
React.createElement("stop", { offset: 1, stopColor: "#fff" })),
|
|
115
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint4_linear_3554_6766", x1: 41.865, y1: 105.262, x2: 65.045, y2: 105.262, gradientUnits: "userSpaceOnUse" },
|
|
116
|
+
React.createElement("stop", { stopColor: "#3EC6EB" }),
|
|
117
|
+
React.createElement("stop", { offset: 0.999, stopColor: "#1BC99F" })),
|
|
118
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint5_linear_3554_6766", x1: 45.068, y1: 128.783, x2: 62.935, y2: 128.783, gradientUnits: "userSpaceOnUse" },
|
|
119
|
+
React.createElement("stop", { stopColor: "#FF4F40" }),
|
|
120
|
+
React.createElement("stop", { offset: 1, stopColor: "#F4D" })),
|
|
121
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint6_linear_3554_6766", x1: 41.919, y1: 160.136, x2: 65.567, y2: 160.136, gradientUnits: "userSpaceOnUse" },
|
|
122
|
+
React.createElement("stop", { stopColor: "#635DFF" }),
|
|
123
|
+
React.createElement("stop", { offset: 1, stopColor: "#3885FF" })),
|
|
124
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint7_linear_3554_6766", x1: 167.946, y1: 127.428, x2: 224.597, y2: 127.428, gradientUnits: "userSpaceOnUse" },
|
|
125
|
+
React.createElement("stop", { stopColor: "#E8EBED" }),
|
|
126
|
+
React.createElement("stop", { offset: 1, stopColor: "#fff" })),
|
|
127
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint8_linear_3554_6766", x1: 184.335, y1: 128.168, x2: 207.878, y2: 128.168, gradientUnits: "userSpaceOnUse" },
|
|
128
|
+
React.createElement("stop", { stopColor: "#635DFF" }),
|
|
129
|
+
React.createElement("stop", { offset: 1, stopColor: "#3885FF" })),
|
|
130
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint9_linear_3554_6766", x1: 186.333, y1: 93.689, x2: 205.458, y2: 93.689, gradientUnits: "userSpaceOnUse" },
|
|
131
|
+
React.createElement("stop", { stopColor: "#F4D" }),
|
|
132
|
+
React.createElement("stop", { offset: 1, stopColor: "#EBCA40" })),
|
|
133
|
+
React.createElement("linearGradient", { id: "enterprise-connection_svg__paint10_linear_3554_6766", x1: 193.739, y1: 154.501, x2: 198.994, y2: 154.501, gradientUnits: "userSpaceOnUse" },
|
|
134
|
+
React.createElement("stop", { stopColor: "#FF4F40" }),
|
|
135
|
+
React.createElement("stop", { offset: 1, stopColor: "#F4D" })))));
|
|
136
|
+
}, {
|
|
137
|
+
name: common_1.illustrationComponentName,
|
|
138
|
+
})({});
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { IllustrationDevelopers } from './developers';
|
|
2
|
+
export { IllustrationEnterpriseConnection } from './enterprise-connection';
|
|
2
3
|
export { IllustrationExperiencedUser } from './experienced-user';
|
|
3
4
|
export { IllustrationNewAuth0UserA } from './new-auth0-user-a';
|
|
4
5
|
export { IllustrationNoContent } from './no-content';
|
|
@@ -4,9 +4,11 @@ This file is generated. Any changes made to this file will be lost.
|
|
|
4
4
|
To update this output make changes to `scripts/svgr/illustration-index-template.js`
|
|
5
5
|
*/
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.IllustrationUsers = exports.IllustrationStreamsLogs = exports.IllustrationSingleSignOn = exports.IllustrationRoles = exports.IllustrationNotifications = exports.IllustrationNoContent = exports.IllustrationNewAuth0UserA = exports.IllustrationExperiencedUser = exports.IllustrationDevelopers = void 0;
|
|
7
|
+
exports.IllustrationUsers = exports.IllustrationStreamsLogs = exports.IllustrationSingleSignOn = exports.IllustrationRoles = exports.IllustrationNotifications = exports.IllustrationNoContent = exports.IllustrationNewAuth0UserA = exports.IllustrationExperiencedUser = exports.IllustrationEnterpriseConnection = exports.IllustrationDevelopers = void 0;
|
|
8
8
|
var developers_1 = require("./developers");
|
|
9
9
|
Object.defineProperty(exports, "IllustrationDevelopers", { enumerable: true, get: function () { return developers_1.IllustrationDevelopers; } });
|
|
10
|
+
var enterprise_connection_1 = require("./enterprise-connection");
|
|
11
|
+
Object.defineProperty(exports, "IllustrationEnterpriseConnection", { enumerable: true, get: function () { return enterprise_connection_1.IllustrationEnterpriseConnection; } });
|
|
10
12
|
var experienced_user_1 = require("./experienced-user");
|
|
11
13
|
Object.defineProperty(exports, "IllustrationExperiencedUser", { enumerable: true, get: function () { return experienced_user_1.IllustrationExperiencedUser; } });
|
|
12
14
|
var new_auth0_user_a_1 = require("./new-auth0-user-a");
|
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 }));
|