@auth0/quantum-product 2.5.5 → 2.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/esm/illustrations/components/enterprise-connection.js +112 -0
  2. package/esm/illustrations/components/index.js +1 -0
  3. package/esm/promo-banner/promo-banner-classes.js +1 -0
  4. package/esm/promo-banner/promo-banner.js +25 -2
  5. package/illustrations/components/enterprise-connection.d.ts +3 -0
  6. package/illustrations/components/enterprise-connection.js +138 -0
  7. package/illustrations/components/index.d.ts +1 -0
  8. package/illustrations/components/index.js +3 -1
  9. package/package.json +1 -1
  10. package/promo-banner/promo-banner-classes.d.ts +1 -1
  11. package/promo-banner/promo-banner-classes.js +1 -0
  12. package/promo-banner/promo-banner.d.ts +1 -0
  13. package/promo-banner/promo-banner.js +25 -2
package/esm/illustrations/components/enterprise-connection.js ADDED
@@ -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
+ })({});
package/esm/illustrations/components/index.js CHANGED
@@ -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';
package/esm/promo-banner/promo-banner-classes.js CHANGED
@@ -14,4 +14,5 @@ export var promoBannerClasses = generateUtilityClasses(promoBannerComponentName,
14
14
  'secondaryAction',
15
15
  'imageContainer',
16
16
  'image',
17
+ 'demoComponentContainer',
17
18
  ]);
package/esm/promo-banner/promo-banner.js CHANGED
@@ -133,6 +133,28 @@ var ImageContainer = styled('div', { name: promoBannerComponentName, slot: 'Imag
133
133
  display: 'flex',
134
134
  }, _b), imagePositionClass);
135
135
  });
136
+ var DemoComponentContainer = styled('div', { name: promoBannerComponentName, slot: 'DemoComponentContainer' })(function (_a) {
137
+ var _b;
138
+ var theme = _a.theme, ownerState = _a.ownerState;
139
+ var imageContainerPositionTop = {
140
+ alignSelf: 'flex-start',
141
+ paddingTop: 0,
142
+ paddingBottom: theme.spacing(2),
143
+ };
144
+ var imageContainerPositionCenter = {
145
+ alignSelf: 'center',
146
+ paddingTop: 0,
147
+ paddingBottom: 0,
148
+ };
149
+ var imagePositionClass = ownerState.imagePosition === 'top'
150
+ ? imageContainerPositionTop
151
+ : ownerState.imagePosition === 'center'
152
+ ? imageContainerPositionCenter
153
+ : {};
154
+ return __assign((_b = { flex: 5, paddingRight: theme.spacing(2), paddingTop: theme.spacing(2), paddingBottom: 0, alignSelf: 'flex-start', display: 'none' }, _b[theme.breakpoints.up('md')] = {
155
+ display: 'flex',
156
+ }, _b), imagePositionClass);
157
+ });
136
158
  var Img = styled(Image, { name: promoBannerComponentName, slot: 'Image' })(function (_a) {
137
159
  var ownerState = _a.ownerState;
138
160
  var imageFullWidthClass = {
@@ -154,7 +176,7 @@ var Content = styled(RowLayout, { name: promoBannerComponentName, slot: 'Content
154
176
  _b;
155
177
  });
156
178
  export var PromoBanner = React.forwardRef(function (props, ref) {
157
- var title = props.title, description = props.description, _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.imageFullWidth, imageFullWidth = _b === void 0 ? true : _b, className = props.className, image = props.image, imagePosition = props.imagePosition, action = props.action, actionSecondary = props.actionSecondary, sx = props.sx, propClasses = props.classes, rootProps = __rest(props, ["title", "description", "color", "imageFullWidth", "className", "image", "imagePosition", "action", "actionSecondary", "sx", "classes"]);
179
+ var title = props.title, description = props.description, _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.imageFullWidth, imageFullWidth = _b === void 0 ? true : _b, className = props.className, image = props.image, imagePosition = props.imagePosition, action = props.action, actionSecondary = props.actionSecondary, sx = props.sx, propClasses = props.classes, demoComponent = props.demoComponent, rootProps = __rest(props, ["title", "description", "color", "imageFullWidth", "className", "image", "imagePosition", "action", "actionSecondary", "sx", "classes", "demoComponent"]);
158
180
  var classes = useMergedClasses(promoBannerClasses, getPromoBannerUtilityClass, propClasses);
159
181
  return (React.createElement(Root, __assign({ ref: ref, sx: sx, elevation: color === 'default' ? 0 : 5, ownerState: { color: color }, forwardedAs: "section", className: clsx(classes.root, className) }, rootProps),
160
182
  React.createElement(Content, { className: classes.content },
@@ -163,5 +185,6 @@ export var PromoBanner = React.forwardRef(function (props, ref) {
163
185
  React.createElement(StackLayout, { gutter: 1, className: classes.actions },
164
186
  React.createElement(StackLayoutItem, null, action && (React.createElement(PrimaryActionButton, __assign({ variant: "contained", size: "medium", color: "primary", className: clsx(classes.action, classes.primaryAction), ownerState: { color: color } }, action)))),
165
187
  React.createElement(StackLayoutItem, null, actionSecondary && (React.createElement(SecondaryActionButton, __assign({ className: clsx(classes.action, classes.secondaryAction), color: color === 'default' ? 'primary' : undefined, ownerState: { color: color }, variant: "link", size: "medium" }, actionSecondary)))))),
166
- React.createElement(ImageContainer, { className: classes.imageContainer, ownerState: { imagePosition: imagePosition } }, !!image && React.createElement(Img, __assign({ className: classes.image, ownerState: { fullWidth: imageFullWidth } }, image)))));
188
+ !demoComponent && (React.createElement(ImageContainer, { className: classes.imageContainer, ownerState: { imagePosition: imagePosition } }, !!image && React.createElement(Img, __assign({ className: classes.image, ownerState: { fullWidth: imageFullWidth } }, image)))),
189
+ !image && !!demoComponent && (React.createElement(DemoComponentContainer, { className: classes.demoComponentContainer, ownerState: { imagePosition: imagePosition } }, demoComponent))));
167
190
  });
package/illustrations/components/enterprise-connection.d.ts ADDED
@@ -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>;
package/illustrations/components/enterprise-connection.js ADDED
@@ -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
+ })({});
package/illustrations/components/index.d.ts CHANGED
@@ -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';
package/illustrations/components/index.js CHANGED
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@auth0/quantum-product",
3
- "version": "2.5.5",
3
+ "version": "2.5.7",
4
4
  "sideEffects": false,
5
5
  "license": "Apache-2.0",
6
6
  "publishConfig": {
package/promo-banner/promo-banner-classes.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const promoBannerComponentName: "QuantumPromoBanner";
2
2
  export declare function getPromoBannerUtilityClass(slot: string): string;
3
- export declare const promoBannerClasses: Record<"title" | "image" | "action" | "content" | "root" | "secondaryAction" | "actions" | "description" | "primaryAction" | "imageContainer", string>;
3
+ export declare const promoBannerClasses: Record<"title" | "image" | "action" | "content" | "root" | "secondaryAction" | "actions" | "description" | "primaryAction" | "imageContainer" | "demoComponentContainer", string>;
4
4
  export type PromoBannerClasses = typeof promoBannerClasses;
5
5
  export type PromoBannerClassKey = keyof PromoBannerClasses;
package/promo-banner/promo-banner-classes.js CHANGED
@@ -18,4 +18,5 @@ exports.promoBannerClasses = (0, classes_1.generateUtilityClasses)(exports.promo
18
18
  'secondaryAction',
19
19
  'imageContainer',
20
20
  'image',
21
+ 'demoComponentContainer',
21
22
  ]);
package/promo-banner/promo-banner.d.ts CHANGED
@@ -17,5 +17,6 @@ export interface IPromoBannerProps extends Omit<IPaperProps, 'title'> {
17
17
  imageFullWidth?: boolean;
18
18
  image?: Pick<IImageProps, 'src' | 'alt'>;
19
19
  classes?: Partial<PromoBannerClasses>;
20
+ demoComponent?: React.ReactNode;
20
21
  }
21
22
  export declare const PromoBanner: React.ForwardRefExoticComponent<Omit<IPromoBannerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
package/promo-banner/promo-banner.js CHANGED
@@ -162,6 +162,28 @@ var ImageContainer = (0, styled_1.styled)('div', { name: promo_banner_classes_1.
162
162
  display: 'flex',
163
163
  }, _b), imagePositionClass);
164
164
  });
165
+ var DemoComponentContainer = (0, styled_1.styled)('div', { name: promo_banner_classes_1.promoBannerComponentName, slot: 'DemoComponentContainer' })(function (_a) {
166
+ var _b;
167
+ var theme = _a.theme, ownerState = _a.ownerState;
168
+ var imageContainerPositionTop = {
169
+ alignSelf: 'flex-start',
170
+ paddingTop: 0,
171
+ paddingBottom: theme.spacing(2),
172
+ };
173
+ var imageContainerPositionCenter = {
174
+ alignSelf: 'center',
175
+ paddingTop: 0,
176
+ paddingBottom: 0,
177
+ };
178
+ var imagePositionClass = ownerState.imagePosition === 'top'
179
+ ? imageContainerPositionTop
180
+ : ownerState.imagePosition === 'center'
181
+ ? imageContainerPositionCenter
182
+ : {};
183
+ return __assign((_b = { flex: 5, paddingRight: theme.spacing(2), paddingTop: theme.spacing(2), paddingBottom: 0, alignSelf: 'flex-start', display: 'none' }, _b[theme.breakpoints.up('md')] = {
184
+ display: 'flex',
185
+ }, _b), imagePositionClass);
186
+ });
165
187
  var Img = (0, styled_1.styled)(image_1.Image, { name: promo_banner_classes_1.promoBannerComponentName, slot: 'Image' })(function (_a) {
166
188
  var ownerState = _a.ownerState;
167
189
  var imageFullWidthClass = {
@@ -183,7 +205,7 @@ var Content = (0, styled_1.styled)(row_layout_1.RowLayout, { name: promo_banner_
183
205
  _b;
184
206
  });
185
207
  exports.PromoBanner = React.forwardRef(function (props, ref) {
186
- var title = props.title, description = props.description, _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.imageFullWidth, imageFullWidth = _b === void 0 ? true : _b, className = props.className, image = props.image, imagePosition = props.imagePosition, action = props.action, actionSecondary = props.actionSecondary, sx = props.sx, propClasses = props.classes, rootProps = __rest(props, ["title", "description", "color", "imageFullWidth", "className", "image", "imagePosition", "action", "actionSecondary", "sx", "classes"]);
208
+ var title = props.title, description = props.description, _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.imageFullWidth, imageFullWidth = _b === void 0 ? true : _b, className = props.className, image = props.image, imagePosition = props.imagePosition, action = props.action, actionSecondary = props.actionSecondary, sx = props.sx, propClasses = props.classes, demoComponent = props.demoComponent, rootProps = __rest(props, ["title", "description", "color", "imageFullWidth", "className", "image", "imagePosition", "action", "actionSecondary", "sx", "classes", "demoComponent"]);
187
209
  var classes = (0, classes_1.useMergedClasses)(promo_banner_classes_1.promoBannerClasses, promo_banner_classes_1.getPromoBannerUtilityClass, propClasses);
188
210
  return (React.createElement(Root, __assign({ ref: ref, sx: sx, elevation: color === 'default' ? 0 : 5, ownerState: { color: color }, forwardedAs: "section", className: (0, clsx_1.default)(classes.root, className) }, rootProps),
189
211
  React.createElement(Content, { className: classes.content },
@@ -192,5 +214,6 @@ exports.PromoBanner = React.forwardRef(function (props, ref) {
192
214
  React.createElement(stack_layout_1.StackLayout, { gutter: 1, className: classes.actions },
193
215
  React.createElement(stack_layout_1.StackLayoutItem, null, action && (React.createElement(PrimaryActionButton, __assign({ variant: "contained", size: "medium", color: "primary", className: (0, clsx_1.default)(classes.action, classes.primaryAction), ownerState: { color: color } }, action)))),
194
216
  React.createElement(stack_layout_1.StackLayoutItem, null, actionSecondary && (React.createElement(SecondaryActionButton, __assign({ className: (0, clsx_1.default)(classes.action, classes.secondaryAction), color: color === 'default' ? 'primary' : undefined, ownerState: { color: color }, variant: "link", size: "medium" }, actionSecondary)))))),
195
- React.createElement(ImageContainer, { className: classes.imageContainer, ownerState: { imagePosition: imagePosition } }, !!image && React.createElement(Img, __assign({ className: classes.image, ownerState: { fullWidth: imageFullWidth } }, image)))));
217
+ !demoComponent && (React.createElement(ImageContainer, { className: classes.imageContainer, ownerState: { imagePosition: imagePosition } }, !!image && React.createElement(Img, __assign({ className: classes.image, ownerState: { fullWidth: imageFullWidth } }, image)))),
218
+ !image && !!demoComponent && (React.createElement(DemoComponentContainer, { className: classes.demoComponentContainer, ownerState: { imagePosition: imagePosition } }, demoComponent))));
196
219
  });