@descope/flow-components 2.0.330 → 2.0.332
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +96 -36
- package/dist/index.d.ts +202 -84
- package/dist/index.esm.js +93 -37
- package/package.json +3 -5
package/dist/index.cjs.js
CHANGED
|
@@ -26,37 +26,84 @@ const Boolean = React__default.default.forwardRef(({ type, ...props }, ref) => {
|
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
var
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
29
|
+
const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
|
|
30
|
+
|
|
31
|
+
var apple = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple", ...props },
|
|
32
|
+
React__default.default.createElement("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" })));
|
|
33
|
+
|
|
34
|
+
var facebook = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "5 5 20 20", fill: noColor ? 'currentColor' : '#1877F2', "data-icon": "facebook", ...props },
|
|
35
|
+
React__default.default.createElement("path", { d: "M25 15.0609C25 9.50385 20.5234 5 15 5C9.47658 5 5 9.50385 5 15.0609C5 20.0835 8.65625 24.2454 13.4375 25V17.9691H10.8984V15.0609H13.4375V12.8444C13.4375 10.3232 14.9297 8.93004 17.2148 8.93004C18.3086 8.93004 19.4531 9.12655 19.4531 9.12655V11.6025H18.1914C16.9492 11.6025 16.5625 12.3787 16.5625 13.1745V15.0609H19.3359L18.8926 17.9691H16.5625V25C21.3437 24.2454 25 20.0835 25 15.0609Z" })));
|
|
36
|
+
|
|
37
|
+
var slack = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 124 124", "data-icon": "slack", ...props },
|
|
38
|
+
React__default.default.createElement("g", null,
|
|
39
|
+
React__default.default.createElement("path", { d: "M26.3996 78.1988C26.3996 85.2988 20.5996 91.0988 13.4996 91.0988C6.39961 91.0988 0.599609 85.2988 0.599609 78.1988C0.599609 71.0988 6.39961 65.2988 13.4996 65.2988H26.3996V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
|
|
40
|
+
React__default.default.createElement("path", { d: "M32.8994 78.1988C32.8994 71.0988 38.6994 65.2988 45.7994 65.2988C52.8994 65.2988 58.6994 71.0988 58.6994 78.1988V110.499C58.6994 117.599 52.8994 123.399 45.7994 123.399C38.6994 123.399 32.8994 117.599 32.8994 110.499V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
|
|
41
|
+
React__default.default.createElement("path", { d: "M45.7994 26.3996C38.6994 26.3996 32.8994 20.5996 32.8994 13.4996C32.8994 6.39961 38.6994 0.599609 45.7994 0.599609C52.8994 0.599609 58.6994 6.39961 58.6994 13.4996V26.3996H45.7994Z", fill: noColor ? 'currentColor' : '#36C5F0' }),
|
|
42
|
+
React__default.default.createElement("path", { d: "M45.7996 32.9004C52.8996 32.9004 58.6996 38.7004 58.6996 45.8004C58.6996 52.9004 52.8996 58.7004 45.7996 58.7004H13.4996C6.39961 58.7004 0.599609 52.9004 0.599609 45.8004C0.599609 38.7004 6.39961 32.9004 13.4996 32.9004H45.7996Z", fill: noColor ? 'currentColor' : '#36C5F0' }),
|
|
43
|
+
React__default.default.createElement("path", { d: "M97.5996 45.8004C97.5996 38.7004 103.4 32.9004 110.5 32.9004C117.6 32.9004 123.4 38.7004 123.4 45.8004C123.4 52.9004 117.6 58.7004 110.5 58.7004H97.5996V45.8004Z", fill: noColor ? 'currentColor' : '#2EB67D' }),
|
|
44
|
+
React__default.default.createElement("path", { d: "M91.0998 45.7996C91.0998 52.8996 85.2998 58.6996 78.1998 58.6996C71.0998 58.6996 65.2998 52.8996 65.2998 45.7996V13.4996C65.2998 6.39961 71.0998 0.599609 78.1998 0.599609C85.2998 0.599609 91.0998 6.39961 91.0998 13.4996V45.7996Z", fill: noColor ? 'currentColor' : '#2EB67D' }),
|
|
45
|
+
React__default.default.createElement("path", { d: "M78.1998 97.5996C85.2998 97.5996 91.0998 103.4 91.0998 110.5C91.0998 117.6 85.2998 123.4 78.1998 123.4C71.0998 123.4 65.2998 117.6 65.2998 110.5V97.5996H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }),
|
|
46
|
+
React__default.default.createElement("path", { d: "M78.1998 91.0988C71.0998 91.0988 65.2998 85.2988 65.2998 78.1988C65.2998 71.0988 71.0998 65.2988 78.1998 65.2988H110.5C117.6 65.2988 123.4 71.0988 123.4 78.1988C123.4 85.2988 117.6 91.0988 110.5 91.0988H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }))));
|
|
47
|
+
|
|
48
|
+
var fingerprint = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 30", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "fingerprint", ...props },
|
|
49
|
+
React__default.default.createElement("path", { d: "M21.5204 5.5875C21.4238 5.5875 21.3271 5.5625 21.2425 5.5125C18.9225 4.275 16.9167 3.75 14.5121 3.75C12.1196 3.75 9.84792 4.3375 7.78167 5.5125C7.49167 5.675 7.12917 5.5625 6.96 5.2625C6.80292 4.9625 6.91167 4.575 7.20167 4.4125C9.44917 3.15 11.9142 2.5 14.5121 2.5C17.0858 2.5 19.3333 3.0875 21.7983 4.4C22.1004 4.5625 22.2092 4.9375 22.0521 5.2375C21.9433 5.4625 21.7379 5.5875 21.5204 5.5875V5.5875ZM4.22917 12.15C4.10834 12.15 3.9875 12.1125 3.87875 12.0375C3.60084 11.8375 3.54042 11.45 3.73375 11.1625C4.93 9.4125 6.4525 8.0375 8.265 7.075C12.0592 5.05 16.9167 5.0375 20.7229 7.0625C22.5354 8.025 24.0579 9.3875 25.2542 11.125C25.4475 11.4 25.3871 11.8 25.1092 12C24.8313 12.2 24.4567 12.1375 24.2633 11.85C23.1758 10.275 21.7983 9.0375 20.1671 8.175C16.6992 6.3375 12.2646 6.3375 8.80875 8.1875C7.16542 9.0625 5.78792 10.3125 4.70042 11.8875C4.60375 12.0625 4.4225 12.15 4.22917 12.15V12.15ZM11.7813 27.2375C11.6242 27.2375 11.4671 27.175 11.3583 27.05C10.3071 25.9625 9.73917 25.2625 8.92959 23.75C8.09584 22.2125 7.66084 20.3375 7.66084 18.325C7.66084 14.6125 10.73 11.5875 14.5 11.5875C18.27 11.5875 21.3392 14.6125 21.3392 18.325C21.3392 18.675 21.0733 18.95 20.735 18.95C20.3967 18.95 20.1308 18.675 20.1308 18.325C20.1308 15.3 17.6054 12.8375 14.5 12.8375C11.3946 12.8375 8.86917 15.3 8.86917 18.325C8.86917 20.125 9.25584 21.7875 9.99292 23.1375C10.7663 24.575 11.2979 25.1875 12.2283 26.1625C12.4579 26.4125 12.4579 26.8 12.2283 27.05C12.0954 27.175 11.9383 27.2375 11.7813 27.2375ZM20.445 24.925C19.0071 24.925 17.7383 24.55 16.6992 23.8125C14.8988 22.55 13.8233 20.5 13.8233 18.325C13.8233 17.975 14.0892 17.7 14.4275 17.7C14.7658 17.7 15.0317 17.975 15.0317 18.325C15.0317 20.0875 15.9017 21.75 17.3758 22.775C18.2338 23.375 19.2367 23.6625 20.445 23.6625C20.735 23.6625 21.2183 23.625 21.7017 23.5375C22.0279 23.475 22.3421 23.7 22.4025 24.05C22.4629 24.3875 22.2454 24.7125 21.9071 24.775C21.2183 24.9125 20.6142 24.925 20.445 24.925V24.925ZM18.0163 27.5C17.9679 27.5 17.9075 27.4875 17.8592 27.475C15.9379 26.925 14.6813 26.1875 13.3642 24.85C11.6725 23.1125 10.7421 20.8 10.7421 18.325C10.7421 16.3 12.4096 14.65 14.4638 14.65C16.5179 14.65 18.1854 16.3 18.1854 18.325C18.1854 19.6625 19.3092 20.75 20.6988 20.75C22.0883 20.75 23.2121 19.6625 23.2121 18.325C23.2121 13.6125 19.285 9.7875 14.4517 9.7875C11.02 9.7875 7.87834 11.7625 6.46459 14.825C5.99334 15.8375 5.75167 17.025 5.75167 18.325C5.75167 19.3 5.83625 20.8375 6.56125 22.8375C6.68209 23.1625 6.525 23.525 6.21084 23.6375C5.89667 23.7625 5.54625 23.5875 5.4375 23.275C4.84542 21.6375 4.55542 20.0125 4.55542 18.325C4.55542 16.825 4.83334 15.4625 5.37709 14.275C6.98417 10.7875 10.5488 8.525 14.4517 8.525C19.9496 8.525 24.4204 12.9125 24.4204 18.3125C24.4204 20.3375 22.7529 21.9875 20.6988 21.9875C18.6446 21.9875 16.9771 20.3375 16.9771 18.3125C16.9771 16.975 15.8533 15.8875 14.4638 15.8875C13.0742 15.8875 11.9504 16.975 11.9504 18.3125C11.9504 20.45 12.7479 22.45 14.21 23.95C15.3579 25.125 16.4575 25.775 18.1613 26.2625C18.4875 26.35 18.6688 26.7 18.5842 27.025C18.5238 27.3125 18.27 27.5 18.0163 27.5V27.5Z" })));
|
|
50
|
+
|
|
51
|
+
var passkey = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "passkey", ...props },
|
|
52
|
+
React__default.default.createElement("circle", { cx: "10.5", cy: "6", r: "4.5" }),
|
|
53
|
+
React__default.default.createElement("path", { d: "M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z" }),
|
|
54
|
+
React__default.default.createElement("path", { d: "M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z" })));
|
|
55
|
+
|
|
56
|
+
var github = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', viewBox: "2.5 2.5 25 25", "data-icon": "github", ...props },
|
|
57
|
+
React__default.default.createElement("path", { d: "M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z" })));
|
|
58
|
+
|
|
59
|
+
var gitlab = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 236", fill: noColor ? 'currentColor' : '', "data-icon": "gitlab", ...props },
|
|
60
|
+
React__default.default.createElement("path", { d: "M128.075 236.075l47.104-144.97H80.97l47.104 144.97z", fill: noColor ? '' : '#E24329' }),
|
|
61
|
+
React__default.default.createElement("path", { d: "M128.075 236.074L80.97 91.104H14.956l113.119 144.97z", fill: noColor ? '' : '#FC6D26' }),
|
|
62
|
+
React__default.default.createElement("path", { d: "M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012-113.12-144.97z", fill: noColor ? '' : '#FCA326' }),
|
|
63
|
+
React__default.default.createElement("path", { d: "M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0l-28.37 87.315z", fill: noColor ? '' : '#E24329' }),
|
|
64
|
+
React__default.default.createElement("path", { d: "M128.075 236.074l47.104-144.97h66.015l-113.12 144.97z", fill: noColor ? '' : '#FC6D26' }),
|
|
65
|
+
React__default.default.createElement("path", { d: "M241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012 113.119-144.97z", fill: noColor ? '' : '#FCA326' }),
|
|
66
|
+
React__default.default.createElement("path", { d: "M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315z", fill: noColor ? '' : '#E24329' })));
|
|
67
|
+
|
|
68
|
+
var google = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', "data-icon": "google", ...props },
|
|
69
|
+
React__default.default.createElement("path", { d: "m19.6 10.2274c0-.70912-.0636-1.39092-.1818-2.04552h-9.4182v3.86822h5.3818c-.2318 1.25-.9363 2.3091-1.9954 3.0182v2.5091h3.2318c1.8909-1.7409 2.9818-4.3046 2.9818-7.35z", fill: noColor ? '' : '#4285f4' }),
|
|
70
|
+
React__default.default.createElement("path", { d: "m10 19.9999c2.7 0 4.9636-.8955 6.6181-2.4227l-3.2318-2.5091c-.8954.6-2.0409.9545-3.3863.9545-2.6046 0-4.8091-1.7591-5.5955-4.1227h-3.3409v2.5909c1.6455 3.2682 5.0273 5.5091 8.9364 5.5091z", fill: noColor ? '' : '#34a853' }),
|
|
71
|
+
React__default.default.createElement("path", { d: "m4.4045 11.8999c-.2-.6-.3136-1.2409-.3136-1.89997 0-.6591.1136-1.3.3136-1.9v-2.5909h-3.3409c-.6772 1.35-1.0636 2.8773-1.0636 4.4909 0 1.61357.3864 3.14087 1.0636 4.49087z", fill: noColor ? '' : '#fbbc04' }),
|
|
72
|
+
React__default.default.createElement("path", { d: "m10 3.9773c1.4681 0 2.7863.5045 3.8227 1.4954l2.8682-2.8682c-1.7318-1.6136-3.9955-2.6045-6.6909-2.6045-3.9091 0-7.2909 2.2409-8.9364 5.5091l3.3409 2.5909c.7864-2.3636 2.9909-4.1227 5.5955-4.1227z", fill: noColor ? '' : '#e94235' })));
|
|
73
|
+
|
|
74
|
+
var microsoft = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', viewBox: "3 3 24 24", "data-icon": "microsoft", ...props },
|
|
75
|
+
React__default.default.createElement("rect", { x: "5", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#05A6F0' }),
|
|
76
|
+
React__default.default.createElement("rect", { x: "5", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#F35325' }),
|
|
77
|
+
React__default.default.createElement("rect", { x: "15.7143", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#FFBA08' }),
|
|
78
|
+
React__default.default.createElement("rect", { x: "15.7143", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#81BC06' }),
|
|
79
|
+
' '));
|
|
80
|
+
|
|
81
|
+
var discord = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 200", fill: noColor ? 'currentColor' : '#5566fb', "data-icon": "discord", ...props },
|
|
82
|
+
React__default.default.createElement("path", { d: "M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z" })));
|
|
83
|
+
|
|
84
|
+
var linkedin = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 40 40", fill: noColor ? 'currentColor' : '#2867B2', "data-icon": "linkedin", ...props },
|
|
85
|
+
React__default.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.1429 0H2.84821C1.27679 0 0 1.29464 0 2.88393V37.1161C0 38.7054 1.27679 40 2.84821 40H37.1429C38.7143 40 40 38.7054 40 37.1161V2.88393C40 1.29464 38.7143 0 37.1429 0ZM12.0893 34.2857H6.16071V15.1964H12.0982V34.2857H12.0893ZM9.125 12.5893C7.22321 12.5893 5.6875 11.0446 5.6875 9.15179C5.6875 7.25893 7.22321 5.71429 9.125 5.71429C11.0179 5.71429 12.5625 7.25893 12.5625 9.15179C12.5625 11.0536 11.0268 12.5893 9.125 12.5893V12.5893ZM34.3125 34.2857H28.3839V25C28.3839 22.7857 28.3393 19.9375 25.3036 19.9375C22.2143 19.9375 21.7411 22.3482 21.7411 24.8393V34.2857H15.8125V15.1964H21.5V17.8036H21.5804C22.375 16.3036 24.3125 14.7232 27.1964 14.7232C33.1964 14.7232 34.3125 18.6786 34.3125 23.8214V34.2857V34.2857Z" })));
|
|
86
|
+
|
|
87
|
+
var sso = ({ noColor, ...props }) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "50 30 410 450", fill: noColor ? 'currentColor' : '#000000', "data-icon": "sso", ...props },
|
|
88
|
+
React__default.default.createElement("path", { d: "M56.629,379.2c-14.09,14.071-14.09,36.975,0,51.055 c14.08,14.087,36.981,14.087,50.965,0l10.177-10.08l42.438,42.428c7.257,7.268,18.888,7.268,26.155,0l63.244-63.244 c7.268-7.255,7.268-18.89,0-26.157l-42.429-42.427l75.586-75.682c16.174,8.357,34.61,13.075,54.059,13.075 c65.234,0,118.111-52.869,118.111-118.109c0-65.232-52.877-118.111-118.111-118.111c-65.238,0-118.11,52.879-118.11,118.111 c0,19.449,4.721,37.886,13.077,54.06L56.629,379.2z M291.396,150.059c0-25.075,20.354-45.429,45.427-45.429 c25.076,0,45.426,20.354,45.426,45.429s-20.35,45.426-45.426,45.426C311.751,195.485,291.396,175.133,291.396,150.059z" })));
|
|
89
|
+
|
|
90
|
+
var whatsapp = ({ noColor, ...props }) => (React__default.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
91
|
+
React__default.default.createElement("clipPath", { id: "a" },
|
|
92
|
+
React__default.default.createElement("path", { d: "m0 0h24v24h-24z" })),
|
|
93
|
+
React__default.default.createElement("clipPath", { id: "b" },
|
|
94
|
+
React__default.default.createElement("path", { d: "m0 0h24v24h-24z" })),
|
|
95
|
+
React__default.default.createElement("g", { clipPath: "url(#a)" },
|
|
96
|
+
React__default.default.createElement("g", { clipPath: "url(#b)" },
|
|
97
|
+
React__default.default.createElement("path", { clipRule: "evenodd", d: "m20.5031 3.48501c-2.2558-2.24623-5.256-3.48387036-8.4527-3.48501-6.587 0-11.947836 5.33065-11.950128 11.883-.001146 2.0946.549492 4.1391 1.595188 5.9409l-1.69546 6.1586 6.33491-1.6525c1.74529.9471 3.71059 1.4456 5.71039 1.4462h.0051c6.5859 0 11.9473-5.3312 11.9496-11.8835.0011-3.1756-1.2405-6.1609-3.4969-8.40712zm-8.4527 18.28429h-.004c-1.782-.0005-3.53013-.4769-5.0554-1.3767l-.36272-.2142-3.75935.9806 1.0033-3.6451-.23608-.3738c-.99412-1.5727-1.51955-3.3904-1.5184-5.2565.00229-5.44579 4.45781-9.8767 9.93675-9.8767 2.6528.00114 5.1465 1.02966 7.0218 2.89696 1.8754 1.86673 2.9074 4.34887 2.9062 6.98764-.0023 5.4464-4.4578 9.8773-9.9321 9.8773zm5.4479-7.3973c-.2985-.1488-1.7664-.8668-2.0404-.9659-.2738-.0992-.4726-.1487-.6715.1487-.1988.2975-.7712.9665-.9454 1.1642-.1742.1983-.3484.2228-.6469.074-.2985-.1487-1.2606-.4621-2.4014-1.4735-.8875-.7875-1.4869-1.7596-1.66103-2.0571-.1742-.2974-.01834-.4581.1306-.6057.13406-.1333.29853-.347.44806-.5202.1496-.17325.19887-.29743.29857-.4952.0997-.19829.0498-.37147-.02463-.52024-.07454-.14871-.67154-1.61032-.9208-2.20462-.2424-.57892-.48874-.50029-.67154-.50997-.1742-.00855-.373-.01026-.5724-.01026s-.5226.07408-.79646.37152c-.27387.29742-1.04513 1.01596-1.04513 2.47698 0 1.46099 1.06979 2.87359 1.21933 3.07189.14953.1983 2.10566 3.1973 5.10063 4.4839.7123.306 1.2686.4889 1.7024.6257.7151.2262 1.366.1943 1.8805.1179.5736-.0854 1.7665-.7185 2.0152-1.412s.2487-1.2884.1742-1.412c-.0745-.1237-.2739-.1983-.5724-.347z", fill: noColor ? 'currentColor' : '#25D366', fillRule: "evenodd" })))));
|
|
98
|
+
|
|
99
|
+
var plus = ({ noColor, ...props }) => (React__default.default.createElement("svg", { height: "24", viewBox: "0 0 12 12", width: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
100
|
+
React__default.default.createElement("path", { d: "M5.2181 5.2181H1.22305C0.791359 5.2181 0.441406 5.56805 0.441406 5.99974C0.441406 6.43143 0.791359 6.78138 1.22305 6.78138H5.2181V10.7764C5.2181 11.2081 5.56805 11.5581 5.99974 11.5581C6.43143 11.5581 6.78138 11.2081 6.78138 10.7764V6.78138H10.7764C11.2081 6.78138 11.5581 6.43143 11.5581 5.99974C11.5581 5.56805 11.2081 5.2181 10.7764 5.2181H6.78138V1.22305C6.78138 0.791359 6.43143 0.441406 5.99974 0.441406C5.56805 0.441406 5.2181 0.791359 5.2181 1.22305V5.2181Z", fill: noColor ? 'currentColor' : '#006AF5' })));
|
|
101
|
+
|
|
102
|
+
var reload = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
103
|
+
React__default.default.createElement("path", { d: "M2.00065 8.83398C2.00065 7.45898 2.55898 6.20898 3.46732 5.30065L2.28398 4.11732C1.08398 5.32565 0.333984 6.99232 0.333984 8.83398C0.333984 12.234 2.87565 15.034 6.16732 15.4423V13.759C3.80898 13.359 2.00065 11.309 2.00065 8.83398ZM13.6673 8.83398C13.6673 5.15065 10.684 2.16732 7.00065 2.16732C6.95065 2.16732 6.90065 2.17565 6.85065 2.17565L7.75898 1.26732L6.58398 0.0839844L3.66732 3.00065L6.58398 5.91732L7.75898 4.74232L6.85898 3.84232C6.90898 3.84232 6.95898 3.83398 7.00065 3.83398C9.75898 3.83398 12.0007 6.07565 12.0007 8.83398C12.0007 11.309 10.1923 13.359 7.83398 13.759V15.4423C11.1257 15.034 13.6673 12.234 13.6673 8.83398Z", fill: noColor ? 'currentColor' : '#006AF5' })));
|
|
104
|
+
|
|
105
|
+
var password = ({ noColor, ...props }) => (React__default.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
106
|
+
React__default.default.createElement("path", { d: "M2 17H22V19H2V17ZM3.15 12.95L4 11.47L4.85 12.95L6.15 12.2L5.3 10.72H7V9.22H5.3L6.15 7.75L4.85 7L4 8.47L3.15 7L1.85 7.75L2.7 9.22H1V10.72H2.7L1.85 12.2L3.15 12.95ZM9.85 12.2L11.15 12.95L12 11.47L12.85 12.95L14.15 12.2L13.3 10.72H15V9.22H13.3L14.15 7.75L12.85 7L12 8.47L11.15 7L9.85 7.75L10.7 9.22H9V10.72H10.7L9.85 12.2ZM23 9.22H21.3L22.15 7.75L20.85 7L20 8.47L19.15 7L17.85 7.75L18.7 9.22H17V10.72H18.7L17.85 12.2L19.15 12.95L20 11.47L20.85 12.95L22.15 12.2L21.3 10.72H23V9.22Z", fill: noColor ? 'currentColor' : '#808080' })));
|
|
60
107
|
|
|
61
108
|
var icons = /*#__PURE__*/Object.freeze({
|
|
62
109
|
__proto__: null,
|
|
@@ -72,18 +119,18 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
72
119
|
passkey: passkey,
|
|
73
120
|
password: password,
|
|
74
121
|
plus: plus,
|
|
122
|
+
reload: reload,
|
|
75
123
|
slack: slack,
|
|
76
124
|
sso: sso,
|
|
77
125
|
whatsapp: whatsapp
|
|
78
126
|
});
|
|
79
127
|
|
|
80
|
-
const Icon = ({ icon, noColor, ...props }) => {
|
|
128
|
+
const Icon = ({ icon, noColor, slot, ...props }) => {
|
|
81
129
|
if (!icon)
|
|
82
130
|
return undefined;
|
|
83
|
-
if (
|
|
84
|
-
return (React__default.default.createElement("
|
|
85
|
-
}
|
|
86
|
-
return React__default.default.createElement("descope-icon", { "fill-color": noColor, src: icon });
|
|
131
|
+
if (isImageSource(icon))
|
|
132
|
+
return (React__default.default.createElement("img", { ...props, src: icon, alt: icon, slot: slot, style: { height: '1.5em', width: '1.5em' } }));
|
|
133
|
+
return (React__default.default.createElement("descope-icon", { slot: slot }, icons[icon]?.({ noColor, ...props })));
|
|
87
134
|
};
|
|
88
135
|
|
|
89
136
|
const Button = React__default.default.forwardRef(({ children, startIcon, startIconColorText, color, ...props }, ref) => {
|
|
@@ -446,6 +493,16 @@ Avatar.defaultProps = {
|
|
|
446
493
|
|
|
447
494
|
const CodeSnippet = React__default.default.forwardRef((props, ref) => React__default.default.createElement("descope-code-snippet", { ...props, ref: ref }));
|
|
448
495
|
|
|
496
|
+
const List = React__default.default.forwardRef(({ emptyState, children, ...props }, ref) => (React__default.default.createElement("descope-list", { ...props, ref: ref },
|
|
497
|
+
children,
|
|
498
|
+
React__default.default.createElement("div", { slot: "empty-state" }, emptyState))));
|
|
499
|
+
|
|
500
|
+
const ListItem = React__default.default.forwardRef((props, ref) => (React__default.default.createElement("descope-list-item", { ...props, ref: ref })));
|
|
501
|
+
|
|
502
|
+
const AppsList = React__default.default.forwardRef(({ emptyState, ...props }, ref) => (React__default.default.createElement("descope-apps-list", { ...props, ref: ref },
|
|
503
|
+
React__default.default.createElement("div", { slot: "empty-state" }, emptyState))));
|
|
504
|
+
|
|
505
|
+
exports.AppsList = AppsList;
|
|
449
506
|
exports.Avatar = Avatar;
|
|
450
507
|
exports.Badge = Badge;
|
|
451
508
|
exports.Boolean = Boolean;
|
|
@@ -464,6 +521,8 @@ exports.GridTextColumn = GridTextColumn;
|
|
|
464
521
|
exports.Image = Image;
|
|
465
522
|
exports.Input = Input;
|
|
466
523
|
exports.Link = Link;
|
|
524
|
+
exports.List = List;
|
|
525
|
+
exports.ListItem = ListItem;
|
|
467
526
|
exports.Loader = Loader;
|
|
468
527
|
exports.Logo = Logo;
|
|
469
528
|
exports.MappingsField = MappingsField;
|
|
@@ -500,6 +559,7 @@ exports.microsoft = microsoft;
|
|
|
500
559
|
exports.passkey = passkey;
|
|
501
560
|
exports.password = password;
|
|
502
561
|
exports.plus = plus;
|
|
562
|
+
exports.reload = reload;
|
|
503
563
|
exports.slack = slack;
|
|
504
564
|
exports.sso = sso;
|
|
505
565
|
exports.whatsapp = whatsapp;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import React
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export * from '@descope/web-components-ui';
|
|
4
4
|
|
|
5
5
|
type KebabCase<S extends string> = S extends `${infer First}${infer Rest}` ? Rest extends Uncapitalize<Rest> ? `${Uncapitalize<First>}${KebabCase<Rest>}` : `${Uncapitalize<First>}-${KebabCase<Rest>}` : S;
|
|
@@ -51,8 +51,8 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
|
|
|
51
51
|
type BooleanType = {
|
|
52
52
|
type: 'switch' | 'checkbox';
|
|
53
53
|
};
|
|
54
|
-
type Props$
|
|
55
|
-
declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$
|
|
54
|
+
type Props$x = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
|
|
55
|
+
declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$x, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
56
56
|
|
|
57
57
|
declare global {
|
|
58
58
|
namespace JSX {
|
|
@@ -74,17 +74,17 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
|
|
|
74
74
|
'full-width'?: boolean;
|
|
75
75
|
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
76
76
|
|
|
77
|
-
type Props$
|
|
77
|
+
type Props$w = {
|
|
78
78
|
digits?: number;
|
|
79
79
|
};
|
|
80
80
|
declare global {
|
|
81
81
|
namespace JSX {
|
|
82
82
|
interface IntrinsicElements {
|
|
83
|
-
'descope-passcode': DescopeInputProps & Props$
|
|
83
|
+
'descope-passcode': DescopeInputProps & Props$w;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
|
-
declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$
|
|
87
|
+
declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$w, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
88
88
|
|
|
89
89
|
type Never<T extends Record<string, any>> = {
|
|
90
90
|
[K in keyof T]: never;
|
|
@@ -100,7 +100,7 @@ type ContainerAlignment = {
|
|
|
100
100
|
'vertical-alignment'?: FlexAlignment;
|
|
101
101
|
'space-between'?: 'sm' | 'md' | 'lg';
|
|
102
102
|
};
|
|
103
|
-
type Props$
|
|
103
|
+
type Props$v = {
|
|
104
104
|
direction?: 'row' | 'column';
|
|
105
105
|
shadow?: 'md' | 'lg' | 'xl' | '2xl';
|
|
106
106
|
'border-radius'?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
@@ -116,9 +116,9 @@ declare global {
|
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
|
-
declare const Container: React.ForwardRefExoticComponent<(Props$
|
|
119
|
+
declare const Container: React.ForwardRefExoticComponent<(Props$v & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
|
|
120
120
|
|
|
121
|
-
type Props$
|
|
121
|
+
type Props$u = {
|
|
122
122
|
vertical?: boolean;
|
|
123
123
|
italic?: boolean;
|
|
124
124
|
variant?: TypographyVariants;
|
|
@@ -128,15 +128,93 @@ type Props$r = {
|
|
|
128
128
|
declare global {
|
|
129
129
|
namespace JSX {
|
|
130
130
|
interface IntrinsicElements {
|
|
131
|
-
'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$
|
|
131
|
+
'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$u, 'children'>;
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$
|
|
135
|
+
declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & Props$u, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
136
136
|
|
|
137
|
-
declare const
|
|
137
|
+
declare const _default$f: ({ noColor, ...props }: {
|
|
138
|
+
[x: string]: any;
|
|
139
|
+
noColor: any;
|
|
140
|
+
}) => React.JSX.Element;
|
|
138
141
|
|
|
139
|
-
|
|
142
|
+
declare const _default$e: ({ noColor, ...props }: {
|
|
143
|
+
[x: string]: any;
|
|
144
|
+
noColor: any;
|
|
145
|
+
}) => React.JSX.Element;
|
|
146
|
+
|
|
147
|
+
declare const _default$d: ({ noColor, ...props }: {
|
|
148
|
+
[x: string]: any;
|
|
149
|
+
noColor: any;
|
|
150
|
+
}) => React.JSX.Element;
|
|
151
|
+
|
|
152
|
+
declare const _default$c: ({ noColor, ...props }: {
|
|
153
|
+
[x: string]: any;
|
|
154
|
+
noColor: any;
|
|
155
|
+
}) => React.JSX.Element;
|
|
156
|
+
|
|
157
|
+
declare const _default$b: ({ noColor, ...props }: {
|
|
158
|
+
[x: string]: any;
|
|
159
|
+
noColor: any;
|
|
160
|
+
}) => React.JSX.Element;
|
|
161
|
+
|
|
162
|
+
declare const _default$a: ({ noColor, ...props }: {
|
|
163
|
+
[x: string]: any;
|
|
164
|
+
noColor: any;
|
|
165
|
+
}) => React.JSX.Element;
|
|
166
|
+
|
|
167
|
+
declare const _default$9: ({ noColor, ...props }: {
|
|
168
|
+
[x: string]: any;
|
|
169
|
+
noColor: any;
|
|
170
|
+
}) => React.JSX.Element;
|
|
171
|
+
|
|
172
|
+
declare const _default$8: ({ noColor, ...props }: {
|
|
173
|
+
[x: string]: any;
|
|
174
|
+
noColor: any;
|
|
175
|
+
}) => React.JSX.Element;
|
|
176
|
+
|
|
177
|
+
declare const _default$7: ({ noColor, ...props }: {
|
|
178
|
+
[x: string]: any;
|
|
179
|
+
noColor: any;
|
|
180
|
+
}) => React.JSX.Element;
|
|
181
|
+
|
|
182
|
+
declare const _default$6: ({ noColor, ...props }: {
|
|
183
|
+
[x: string]: any;
|
|
184
|
+
noColor: any;
|
|
185
|
+
}) => React.JSX.Element;
|
|
186
|
+
|
|
187
|
+
declare const _default$5: ({ noColor, ...props }: {
|
|
188
|
+
[x: string]: any;
|
|
189
|
+
noColor: any;
|
|
190
|
+
}) => React.JSX.Element;
|
|
191
|
+
|
|
192
|
+
declare const _default$4: ({ noColor, ...props }: {
|
|
193
|
+
[x: string]: any;
|
|
194
|
+
noColor: any;
|
|
195
|
+
}) => React.JSX.Element;
|
|
196
|
+
|
|
197
|
+
declare const _default$3: ({ noColor, ...props }: {
|
|
198
|
+
[x: string]: any;
|
|
199
|
+
noColor: any;
|
|
200
|
+
}) => React.JSX.Element;
|
|
201
|
+
|
|
202
|
+
declare const _default$2: ({ noColor, ...props }: {
|
|
203
|
+
[x: string]: any;
|
|
204
|
+
noColor: any;
|
|
205
|
+
}) => React.JSX.Element;
|
|
206
|
+
|
|
207
|
+
declare const _default$1: ({ noColor, ...props }: {
|
|
208
|
+
[x: string]: any;
|
|
209
|
+
noColor: any;
|
|
210
|
+
}) => React.JSX.Element;
|
|
211
|
+
|
|
212
|
+
declare const _default: ({ noColor, ...props }: {
|
|
213
|
+
[x: string]: any;
|
|
214
|
+
noColor: any;
|
|
215
|
+
}) => React.JSX.Element;
|
|
216
|
+
|
|
217
|
+
type Props$t = {
|
|
140
218
|
width?: string;
|
|
141
219
|
height?: string;
|
|
142
220
|
alt?: string;
|
|
@@ -145,15 +223,15 @@ type Props$q = {
|
|
|
145
223
|
declare global {
|
|
146
224
|
namespace JSX {
|
|
147
225
|
interface IntrinsicElements {
|
|
148
|
-
'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
226
|
+
'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$t;
|
|
149
227
|
}
|
|
150
228
|
}
|
|
151
229
|
}
|
|
152
|
-
declare const Image: React.ForwardRefExoticComponent<Props$
|
|
230
|
+
declare const Image: React.ForwardRefExoticComponent<Props$t & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
153
231
|
|
|
154
232
|
declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
155
233
|
|
|
156
|
-
type Props$
|
|
234
|
+
type Props$s = {
|
|
157
235
|
href?: string | undefined;
|
|
158
236
|
italic?: boolean;
|
|
159
237
|
variant?: TypographyVariants;
|
|
@@ -165,18 +243,18 @@ type Props$p = {
|
|
|
165
243
|
declare global {
|
|
166
244
|
namespace JSX {
|
|
167
245
|
interface IntrinsicElements {
|
|
168
|
-
'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$
|
|
246
|
+
'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$s, 'children'>;
|
|
169
247
|
}
|
|
170
248
|
}
|
|
171
249
|
}
|
|
172
|
-
declare const Link: React.ForwardRefExoticComponent<Props$
|
|
250
|
+
declare const Link: React.ForwardRefExoticComponent<Props$s & React.RefAttributes<HTMLAnchorElement>>;
|
|
173
251
|
|
|
174
|
-
type Props$
|
|
252
|
+
type Props$r = {
|
|
175
253
|
variant?: 'linear' | 'radial';
|
|
176
254
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
177
255
|
color?: Mode;
|
|
178
256
|
};
|
|
179
|
-
type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
257
|
+
type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$r>;
|
|
180
258
|
declare global {
|
|
181
259
|
namespace JSX {
|
|
182
260
|
interface IntrinsicElements {
|
|
@@ -185,22 +263,22 @@ declare global {
|
|
|
185
263
|
}
|
|
186
264
|
}
|
|
187
265
|
}
|
|
188
|
-
declare const Loader: React.ForwardRefExoticComponent<Props$
|
|
266
|
+
declare const Loader: React.ForwardRefExoticComponent<Props$r & React.RefAttributes<HTMLDivElement>>;
|
|
189
267
|
|
|
190
|
-
type Props$
|
|
268
|
+
type Props$q = {
|
|
191
269
|
width?: string;
|
|
192
270
|
height?: string;
|
|
193
271
|
};
|
|
194
272
|
declare global {
|
|
195
273
|
namespace JSX {
|
|
196
274
|
interface IntrinsicElements {
|
|
197
|
-
'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
275
|
+
'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$q>;
|
|
198
276
|
}
|
|
199
277
|
}
|
|
200
278
|
}
|
|
201
|
-
declare const Logo: React.ForwardRefExoticComponent<Props$
|
|
279
|
+
declare const Logo: React.ForwardRefExoticComponent<Props$q & React.RefAttributes<HTMLDivElement>>;
|
|
202
280
|
|
|
203
|
-
type Props$
|
|
281
|
+
type Props$p = {
|
|
204
282
|
'password-label'?: string;
|
|
205
283
|
'password-placeholder'?: string;
|
|
206
284
|
'confirm-label'?: string;
|
|
@@ -226,11 +304,11 @@ type Props$m = {
|
|
|
226
304
|
declare global {
|
|
227
305
|
namespace JSX {
|
|
228
306
|
interface IntrinsicElements {
|
|
229
|
-
'descope-new-password': DescopeInputProps & Props$
|
|
307
|
+
'descope-new-password': DescopeInputProps & Props$p;
|
|
230
308
|
}
|
|
231
309
|
}
|
|
232
310
|
}
|
|
233
|
-
declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$
|
|
311
|
+
declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$p, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
234
312
|
|
|
235
313
|
declare global {
|
|
236
314
|
namespace JSX {
|
|
@@ -250,16 +328,16 @@ declare global {
|
|
|
250
328
|
}
|
|
251
329
|
declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
252
330
|
|
|
253
|
-
type Props$
|
|
331
|
+
type Props$o = {
|
|
254
332
|
variant: 'countrySelection' | 'inputBox';
|
|
255
333
|
'default-code'?: string;
|
|
256
334
|
'phone-input-placeholder'?: string;
|
|
257
335
|
'country-input-placeholder'?: string;
|
|
258
336
|
'restrict-countries'?: string;
|
|
259
337
|
} & DescopeInputProps;
|
|
260
|
-
declare const Phone: React.ForwardRefExoticComponent<Omit<Props$
|
|
338
|
+
declare const Phone: React.ForwardRefExoticComponent<Omit<Props$o, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
261
339
|
|
|
262
|
-
type Props$
|
|
340
|
+
type Props$n = {
|
|
263
341
|
children?: JSX.Element[];
|
|
264
342
|
data?: string | Record<string, string>[];
|
|
265
343
|
};
|
|
@@ -272,9 +350,9 @@ declare global {
|
|
|
272
350
|
}
|
|
273
351
|
}
|
|
274
352
|
}
|
|
275
|
-
declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$
|
|
353
|
+
declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$n, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
276
354
|
|
|
277
|
-
type Props$
|
|
355
|
+
type Props$m = {
|
|
278
356
|
italic?: boolean;
|
|
279
357
|
variant?: string;
|
|
280
358
|
mode?: string;
|
|
@@ -285,18 +363,18 @@ type Props$j = {
|
|
|
285
363
|
declare global {
|
|
286
364
|
namespace JSX {
|
|
287
365
|
interface IntrinsicElements {
|
|
288
|
-
'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
366
|
+
'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$m;
|
|
289
367
|
}
|
|
290
368
|
}
|
|
291
369
|
}
|
|
292
370
|
declare global {
|
|
293
371
|
namespace JSX {
|
|
294
372
|
interface IntrinsicElements {
|
|
295
|
-
'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
373
|
+
'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$m;
|
|
296
374
|
}
|
|
297
375
|
}
|
|
298
376
|
}
|
|
299
|
-
declare const Text: React.ForwardRefExoticComponent<Omit<Props$
|
|
377
|
+
declare const Text: React.ForwardRefExoticComponent<Omit<Props$m & {
|
|
300
378
|
typography?: TypographyVariants;
|
|
301
379
|
} & Omit<React.HTMLProps<HTMLSpanElement>, "mode">, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
302
380
|
|
|
@@ -318,39 +396,39 @@ declare global {
|
|
|
318
396
|
}
|
|
319
397
|
declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
320
398
|
|
|
321
|
-
type Props$
|
|
399
|
+
type Props$l = {
|
|
322
400
|
width?: string;
|
|
323
401
|
height?: string;
|
|
324
402
|
};
|
|
325
403
|
declare global {
|
|
326
404
|
namespace JSX {
|
|
327
405
|
interface IntrinsicElements {
|
|
328
|
-
'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
406
|
+
'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$l>;
|
|
329
407
|
}
|
|
330
408
|
}
|
|
331
409
|
}
|
|
332
|
-
declare const TOTPImage: React.ForwardRefExoticComponent<Props$
|
|
410
|
+
declare const TOTPImage: React.ForwardRefExoticComponent<Props$l & React.RefAttributes<HTMLDivElement>>;
|
|
333
411
|
|
|
334
|
-
type Props$
|
|
335
|
-
declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$
|
|
412
|
+
type Props$k = Omit<React.ComponentProps<typeof Link>, 'href'>;
|
|
413
|
+
declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$k, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
336
414
|
|
|
337
|
-
type Props$
|
|
415
|
+
type Props$j = {
|
|
338
416
|
width?: string;
|
|
339
417
|
height?: string;
|
|
340
418
|
};
|
|
341
419
|
declare global {
|
|
342
420
|
namespace JSX {
|
|
343
421
|
interface IntrinsicElements {
|
|
344
|
-
'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
422
|
+
'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$j>;
|
|
345
423
|
}
|
|
346
424
|
}
|
|
347
425
|
}
|
|
348
|
-
declare const NOTPImage: React.ForwardRefExoticComponent<Props$
|
|
426
|
+
declare const NOTPImage: React.ForwardRefExoticComponent<Props$j & React.RefAttributes<HTMLDivElement>>;
|
|
349
427
|
|
|
350
|
-
type Props$
|
|
351
|
-
declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$
|
|
428
|
+
type Props$i = Omit<React.ComponentProps<typeof Link>, 'href'>;
|
|
429
|
+
declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$i, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
352
430
|
|
|
353
|
-
type Props$
|
|
431
|
+
type Props$h = {
|
|
354
432
|
title?: string;
|
|
355
433
|
description?: string;
|
|
356
434
|
icon?: string;
|
|
@@ -369,13 +447,13 @@ type Props$e = {
|
|
|
369
447
|
declare global {
|
|
370
448
|
namespace JSX {
|
|
371
449
|
interface IntrinsicElements {
|
|
372
|
-
'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
450
|
+
'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$h;
|
|
373
451
|
}
|
|
374
452
|
}
|
|
375
453
|
}
|
|
376
|
-
declare const UploadFile: React.ForwardRefExoticComponent<Props$
|
|
454
|
+
declare const UploadFile: React.ForwardRefExoticComponent<Props$h & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
377
455
|
|
|
378
|
-
type Props$
|
|
456
|
+
type Props$g = {
|
|
379
457
|
enabled?: boolean;
|
|
380
458
|
'site-key'?: string;
|
|
381
459
|
enterprise?: boolean;
|
|
@@ -387,20 +465,20 @@ declare global {
|
|
|
387
465
|
}
|
|
388
466
|
namespace JSX {
|
|
389
467
|
interface IntrinsicElements {
|
|
390
|
-
'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
468
|
+
'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$g;
|
|
391
469
|
}
|
|
392
470
|
}
|
|
393
471
|
}
|
|
394
|
-
declare const Recaptcha: React.ForwardRefExoticComponent<Props$
|
|
472
|
+
declare const Recaptcha: React.ForwardRefExoticComponent<Props$g & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
395
473
|
|
|
396
|
-
type Props$
|
|
474
|
+
type Props$f = DescopeInputProps & {
|
|
397
475
|
'default-value'?: string;
|
|
398
476
|
'allow-deselect'?: boolean;
|
|
399
477
|
};
|
|
400
478
|
declare global {
|
|
401
479
|
namespace JSX {
|
|
402
480
|
interface IntrinsicElements {
|
|
403
|
-
'descope-button-selection-group': Props$
|
|
481
|
+
'descope-button-selection-group': Props$f;
|
|
404
482
|
'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
|
|
405
483
|
value: string;
|
|
406
484
|
children: string;
|
|
@@ -426,10 +504,10 @@ type SingleSelectType = {
|
|
|
426
504
|
layout?: 'horizontal' | 'vertical';
|
|
427
505
|
'label-type'?: LabelType;
|
|
428
506
|
};
|
|
429
|
-
type Props$
|
|
430
|
-
declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$
|
|
507
|
+
type Props$e = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
|
|
508
|
+
declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$e, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
431
509
|
|
|
432
|
-
type Props$
|
|
510
|
+
type Props$d = DescopeInputProps & {
|
|
433
511
|
'default-value'?: string;
|
|
434
512
|
'item-label-path'?: string;
|
|
435
513
|
'item-value-path'?: string;
|
|
@@ -437,7 +515,7 @@ type Props$a = DescopeInputProps & {
|
|
|
437
515
|
declare global {
|
|
438
516
|
namespace JSX {
|
|
439
517
|
interface IntrinsicElements {
|
|
440
|
-
'descope-combobox': Props$
|
|
518
|
+
'descope-combobox': Props$d;
|
|
441
519
|
}
|
|
442
520
|
}
|
|
443
521
|
}
|
|
@@ -459,7 +537,7 @@ type Column = {
|
|
|
459
537
|
resizable: boolean;
|
|
460
538
|
};
|
|
461
539
|
};
|
|
462
|
-
type Props$
|
|
540
|
+
type Props$c = {
|
|
463
541
|
identifier: any;
|
|
464
542
|
children?: JSX.Element[];
|
|
465
543
|
size?: Omit<ComponentSize, 'xl'>;
|
|
@@ -475,7 +553,7 @@ declare global {
|
|
|
475
553
|
}
|
|
476
554
|
}
|
|
477
555
|
}
|
|
478
|
-
declare const Grid: React.ForwardRefExoticComponent<Props$
|
|
556
|
+
declare const Grid: React.ForwardRefExoticComponent<Props$c & React.RefAttributes<HTMLInputElement>>;
|
|
479
557
|
|
|
480
558
|
type ColumnProps = {
|
|
481
559
|
sortable?: boolean;
|
|
@@ -524,7 +602,7 @@ declare global {
|
|
|
524
602
|
}
|
|
525
603
|
declare const GridItemDetailsColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
|
|
526
604
|
|
|
527
|
-
type Props$
|
|
605
|
+
type Props$b = {
|
|
528
606
|
mode?: string;
|
|
529
607
|
size?: string;
|
|
530
608
|
bordered?: boolean;
|
|
@@ -533,11 +611,11 @@ type Props$8 = {
|
|
|
533
611
|
declare global {
|
|
534
612
|
namespace JSX {
|
|
535
613
|
interface IntrinsicElements {
|
|
536
|
-
'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
614
|
+
'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$b;
|
|
537
615
|
}
|
|
538
616
|
}
|
|
539
617
|
}
|
|
540
|
-
declare const Badge: React.ForwardRefExoticComponent<Props$
|
|
618
|
+
declare const Badge: React.ForwardRefExoticComponent<Props$b & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
541
619
|
|
|
542
620
|
declare global {
|
|
543
621
|
namespace JSX {
|
|
@@ -546,12 +624,12 @@ declare global {
|
|
|
546
624
|
}
|
|
547
625
|
}
|
|
548
626
|
}
|
|
549
|
-
type Props$
|
|
627
|
+
type Props$a = {
|
|
550
628
|
opened?: boolean;
|
|
551
629
|
};
|
|
552
|
-
declare const Modal: React.ForwardRefExoticComponent<Props$
|
|
630
|
+
declare const Modal: React.ForwardRefExoticComponent<Props$a & React.RefAttributes<HTMLDivElement>>;
|
|
553
631
|
|
|
554
|
-
type Props$
|
|
632
|
+
type Props$9 = DescopeInputProps & {
|
|
555
633
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
556
634
|
'min-items-selection'?: number;
|
|
557
635
|
'max-items-selection'?: number;
|
|
@@ -559,7 +637,7 @@ type Props$6 = DescopeInputProps & {
|
|
|
559
637
|
declare global {
|
|
560
638
|
namespace JSX {
|
|
561
639
|
interface IntrinsicElements {
|
|
562
|
-
'descope-button-multi-selection-group': Props$
|
|
640
|
+
'descope-button-multi-selection-group': Props$9 & {
|
|
563
641
|
'default-values'?: string;
|
|
564
642
|
};
|
|
565
643
|
'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
|
|
@@ -586,16 +664,16 @@ type MultiSelectType = {
|
|
|
586
664
|
'max-items-selection'?: number;
|
|
587
665
|
'label-type'?: string;
|
|
588
666
|
};
|
|
589
|
-
type Props$
|
|
667
|
+
type Props$8 = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
|
|
590
668
|
'default-values'?: string[];
|
|
591
669
|
};
|
|
592
|
-
declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$
|
|
670
|
+
declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$8, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
593
671
|
|
|
594
672
|
type Item$1 = {
|
|
595
673
|
label: string;
|
|
596
674
|
value: string;
|
|
597
675
|
};
|
|
598
|
-
type Props$
|
|
676
|
+
type Props$7 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
|
|
599
677
|
'label-value'?: string;
|
|
600
678
|
'label-attr'?: string;
|
|
601
679
|
'button-label'?: string;
|
|
@@ -607,20 +685,20 @@ type Props$4 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
|
|
|
607
685
|
declare global {
|
|
608
686
|
namespace JSX {
|
|
609
687
|
interface IntrinsicElements {
|
|
610
|
-
'descope-mappings-field': Omit<Props$
|
|
688
|
+
'descope-mappings-field': Omit<Props$7, 'default-values' | 'options'> & {
|
|
611
689
|
'default-values'?: string;
|
|
612
690
|
options?: string;
|
|
613
691
|
};
|
|
614
692
|
}
|
|
615
693
|
}
|
|
616
694
|
}
|
|
617
|
-
declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$
|
|
695
|
+
declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$7, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
618
696
|
|
|
619
697
|
type Item = {
|
|
620
698
|
label: string;
|
|
621
699
|
value: string;
|
|
622
700
|
};
|
|
623
|
-
type Props$
|
|
701
|
+
type Props$6 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
|
|
624
702
|
'label-value'?: string;
|
|
625
703
|
'label-attr'?: string;
|
|
626
704
|
'label-group'?: string;
|
|
@@ -632,13 +710,13 @@ type Props$3 = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
|
|
|
632
710
|
declare global {
|
|
633
711
|
namespace JSX {
|
|
634
712
|
interface IntrinsicElements {
|
|
635
|
-
'descope-saml-group-mappings': Omit<Props$
|
|
713
|
+
'descope-saml-group-mappings': Omit<Props$6, 'options'> & {
|
|
636
714
|
options?: string;
|
|
637
715
|
};
|
|
638
716
|
}
|
|
639
717
|
}
|
|
640
718
|
}
|
|
641
|
-
declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$
|
|
719
|
+
declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$6, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
642
720
|
|
|
643
721
|
declare global {
|
|
644
722
|
namespace JSX {
|
|
@@ -659,7 +737,7 @@ declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<React.ClassAt
|
|
|
659
737
|
buttonIcon?: string;
|
|
660
738
|
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
661
739
|
|
|
662
|
-
type Props$
|
|
740
|
+
type Props$5 = {
|
|
663
741
|
'badge-tooltip-text'?: string;
|
|
664
742
|
'badge-label'?: string;
|
|
665
743
|
value?: string;
|
|
@@ -671,13 +749,13 @@ type Props$2 = {
|
|
|
671
749
|
declare global {
|
|
672
750
|
namespace JSX {
|
|
673
751
|
interface IntrinsicElements {
|
|
674
|
-
'descope-user-attribute': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
752
|
+
'descope-user-attribute': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$5;
|
|
675
753
|
}
|
|
676
754
|
}
|
|
677
755
|
}
|
|
678
|
-
declare const UserAttribute: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props$
|
|
756
|
+
declare const UserAttribute: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props$5, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
679
757
|
|
|
680
|
-
type Props$
|
|
758
|
+
type Props$4 = {
|
|
681
759
|
img?: string;
|
|
682
760
|
'display-name'?: string;
|
|
683
761
|
size?: string;
|
|
@@ -686,23 +764,63 @@ type Props$1 = {
|
|
|
686
764
|
declare global {
|
|
687
765
|
namespace JSX {
|
|
688
766
|
interface IntrinsicElements {
|
|
689
|
-
'descope-avatar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
767
|
+
'descope-avatar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$4;
|
|
690
768
|
}
|
|
691
769
|
}
|
|
692
770
|
}
|
|
693
|
-
declare const Avatar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props$
|
|
771
|
+
declare const Avatar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Props$4, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
694
772
|
|
|
695
|
-
type Props = {
|
|
773
|
+
type Props$3 = {
|
|
696
774
|
lang?: 'xml' | 'html' | 'javascript' | 'css' | 'json';
|
|
697
775
|
inline?: boolean;
|
|
698
776
|
};
|
|
699
777
|
declare global {
|
|
700
778
|
namespace JSX {
|
|
701
779
|
interface IntrinsicElements {
|
|
702
|
-
'descope-code-snippet': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
|
|
780
|
+
'descope-code-snippet': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$3;
|
|
781
|
+
}
|
|
782
|
+
}
|
|
783
|
+
}
|
|
784
|
+
declare const CodeSnippet: React.ForwardRefExoticComponent<Props$3 & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
785
|
+
|
|
786
|
+
type Props$2 = {
|
|
787
|
+
emptyState?: React.ReactNode;
|
|
788
|
+
children?: React.ReactNode[];
|
|
789
|
+
variant?: 'list' | 'tiles';
|
|
790
|
+
};
|
|
791
|
+
declare global {
|
|
792
|
+
namespace JSX {
|
|
793
|
+
interface IntrinsicElements {
|
|
794
|
+
'descope-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$2>;
|
|
795
|
+
}
|
|
796
|
+
}
|
|
797
|
+
}
|
|
798
|
+
declare const List: React.ForwardRefExoticComponent<Props$2 & React.RefAttributes<HTMLDivElement>>;
|
|
799
|
+
|
|
800
|
+
type Props$1 = {
|
|
801
|
+
variant?: 'row' | 'tile';
|
|
802
|
+
children?: React.ReactNode;
|
|
803
|
+
};
|
|
804
|
+
declare global {
|
|
805
|
+
namespace JSX {
|
|
806
|
+
interface IntrinsicElements {
|
|
807
|
+
'descope-list-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$1>;
|
|
808
|
+
}
|
|
809
|
+
}
|
|
810
|
+
}
|
|
811
|
+
declare const ListItem: React.ForwardRefExoticComponent<Props$1 & React.RefAttributes<HTMLDivElement>>;
|
|
812
|
+
|
|
813
|
+
type Props = {
|
|
814
|
+
emptyState?: React.ReactNode;
|
|
815
|
+
variant?: 'list' | 'tiles';
|
|
816
|
+
};
|
|
817
|
+
declare global {
|
|
818
|
+
namespace JSX {
|
|
819
|
+
interface IntrinsicElements {
|
|
820
|
+
'descope-apps-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props>;
|
|
703
821
|
}
|
|
704
822
|
}
|
|
705
823
|
}
|
|
706
|
-
declare const
|
|
824
|
+
declare const AppsList: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
707
825
|
|
|
708
|
-
export { Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, UserAttribute, UserAuthMethod,
|
|
826
|
+
export { AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, UserAttribute, UserAuthMethod, _default$f as apple, _default$6 as discord, _default$e as facebook, _default$c as fingerprint, _default$a as github, _default$9 as gitlab, _default$8 as google, _default$5 as linkedin, _default$7 as microsoft, _default$b as passkey, _default as password, _default$2 as plus, _default$1 as reload, _default$d as slack, _default$4 as sso, _default$3 as whatsapp };
|
package/dist/index.esm.js
CHANGED
|
@@ -20,37 +20,84 @@ const Boolean = React.forwardRef(({ type, ...props }, ref) => {
|
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
23
|
+
const isImageSource = (src) => src.startsWith('data:image') || src.startsWith('http');
|
|
24
|
+
|
|
25
|
+
var apple = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 800 1000", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', style: { marginBottom: '0.1em' }, "data-icon": "apple", ...props },
|
|
26
|
+
React.createElement("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z" })));
|
|
27
|
+
|
|
28
|
+
var facebook = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "5 5 20 20", fill: noColor ? 'currentColor' : '#1877F2', "data-icon": "facebook", ...props },
|
|
29
|
+
React.createElement("path", { d: "M25 15.0609C25 9.50385 20.5234 5 15 5C9.47658 5 5 9.50385 5 15.0609C5 20.0835 8.65625 24.2454 13.4375 25V17.9691H10.8984V15.0609H13.4375V12.8444C13.4375 10.3232 14.9297 8.93004 17.2148 8.93004C18.3086 8.93004 19.4531 9.12655 19.4531 9.12655V11.6025H18.1914C16.9492 11.6025 16.5625 12.3787 16.5625 13.1745V15.0609H19.3359L18.8926 17.9691H16.5625V25C21.3437 24.2454 25 20.0835 25 15.0609Z" })));
|
|
30
|
+
|
|
31
|
+
var slack = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 124 124", "data-icon": "slack", ...props },
|
|
32
|
+
React.createElement("g", null,
|
|
33
|
+
React.createElement("path", { d: "M26.3996 78.1988C26.3996 85.2988 20.5996 91.0988 13.4996 91.0988C6.39961 91.0988 0.599609 85.2988 0.599609 78.1988C0.599609 71.0988 6.39961 65.2988 13.4996 65.2988H26.3996V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
|
|
34
|
+
React.createElement("path", { d: "M32.8994 78.1988C32.8994 71.0988 38.6994 65.2988 45.7994 65.2988C52.8994 65.2988 58.6994 71.0988 58.6994 78.1988V110.499C58.6994 117.599 52.8994 123.399 45.7994 123.399C38.6994 123.399 32.8994 117.599 32.8994 110.499V78.1988Z", fill: noColor ? 'currentColor' : '#E01E5A' }),
|
|
35
|
+
React.createElement("path", { d: "M45.7994 26.3996C38.6994 26.3996 32.8994 20.5996 32.8994 13.4996C32.8994 6.39961 38.6994 0.599609 45.7994 0.599609C52.8994 0.599609 58.6994 6.39961 58.6994 13.4996V26.3996H45.7994Z", fill: noColor ? 'currentColor' : '#36C5F0' }),
|
|
36
|
+
React.createElement("path", { d: "M45.7996 32.9004C52.8996 32.9004 58.6996 38.7004 58.6996 45.8004C58.6996 52.9004 52.8996 58.7004 45.7996 58.7004H13.4996C6.39961 58.7004 0.599609 52.9004 0.599609 45.8004C0.599609 38.7004 6.39961 32.9004 13.4996 32.9004H45.7996Z", fill: noColor ? 'currentColor' : '#36C5F0' }),
|
|
37
|
+
React.createElement("path", { d: "M97.5996 45.8004C97.5996 38.7004 103.4 32.9004 110.5 32.9004C117.6 32.9004 123.4 38.7004 123.4 45.8004C123.4 52.9004 117.6 58.7004 110.5 58.7004H97.5996V45.8004Z", fill: noColor ? 'currentColor' : '#2EB67D' }),
|
|
38
|
+
React.createElement("path", { d: "M91.0998 45.7996C91.0998 52.8996 85.2998 58.6996 78.1998 58.6996C71.0998 58.6996 65.2998 52.8996 65.2998 45.7996V13.4996C65.2998 6.39961 71.0998 0.599609 78.1998 0.599609C85.2998 0.599609 91.0998 6.39961 91.0998 13.4996V45.7996Z", fill: noColor ? 'currentColor' : '#2EB67D' }),
|
|
39
|
+
React.createElement("path", { d: "M78.1998 97.5996C85.2998 97.5996 91.0998 103.4 91.0998 110.5C91.0998 117.6 85.2998 123.4 78.1998 123.4C71.0998 123.4 65.2998 117.6 65.2998 110.5V97.5996H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }),
|
|
40
|
+
React.createElement("path", { d: "M78.1998 91.0988C71.0998 91.0988 65.2998 85.2988 65.2998 78.1988C65.2998 71.0988 71.0998 65.2988 78.1998 65.2988H110.5C117.6 65.2988 123.4 71.0988 123.4 78.1988C123.4 85.2988 117.6 91.0988 110.5 91.0988H78.1998Z", fill: noColor ? 'currentColor' : '#ECB22E' }))));
|
|
41
|
+
|
|
42
|
+
var fingerprint = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 30", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "fingerprint", ...props },
|
|
43
|
+
React.createElement("path", { d: "M21.5204 5.5875C21.4238 5.5875 21.3271 5.5625 21.2425 5.5125C18.9225 4.275 16.9167 3.75 14.5121 3.75C12.1196 3.75 9.84792 4.3375 7.78167 5.5125C7.49167 5.675 7.12917 5.5625 6.96 5.2625C6.80292 4.9625 6.91167 4.575 7.20167 4.4125C9.44917 3.15 11.9142 2.5 14.5121 2.5C17.0858 2.5 19.3333 3.0875 21.7983 4.4C22.1004 4.5625 22.2092 4.9375 22.0521 5.2375C21.9433 5.4625 21.7379 5.5875 21.5204 5.5875V5.5875ZM4.22917 12.15C4.10834 12.15 3.9875 12.1125 3.87875 12.0375C3.60084 11.8375 3.54042 11.45 3.73375 11.1625C4.93 9.4125 6.4525 8.0375 8.265 7.075C12.0592 5.05 16.9167 5.0375 20.7229 7.0625C22.5354 8.025 24.0579 9.3875 25.2542 11.125C25.4475 11.4 25.3871 11.8 25.1092 12C24.8313 12.2 24.4567 12.1375 24.2633 11.85C23.1758 10.275 21.7983 9.0375 20.1671 8.175C16.6992 6.3375 12.2646 6.3375 8.80875 8.1875C7.16542 9.0625 5.78792 10.3125 4.70042 11.8875C4.60375 12.0625 4.4225 12.15 4.22917 12.15V12.15ZM11.7813 27.2375C11.6242 27.2375 11.4671 27.175 11.3583 27.05C10.3071 25.9625 9.73917 25.2625 8.92959 23.75C8.09584 22.2125 7.66084 20.3375 7.66084 18.325C7.66084 14.6125 10.73 11.5875 14.5 11.5875C18.27 11.5875 21.3392 14.6125 21.3392 18.325C21.3392 18.675 21.0733 18.95 20.735 18.95C20.3967 18.95 20.1308 18.675 20.1308 18.325C20.1308 15.3 17.6054 12.8375 14.5 12.8375C11.3946 12.8375 8.86917 15.3 8.86917 18.325C8.86917 20.125 9.25584 21.7875 9.99292 23.1375C10.7663 24.575 11.2979 25.1875 12.2283 26.1625C12.4579 26.4125 12.4579 26.8 12.2283 27.05C12.0954 27.175 11.9383 27.2375 11.7813 27.2375ZM20.445 24.925C19.0071 24.925 17.7383 24.55 16.6992 23.8125C14.8988 22.55 13.8233 20.5 13.8233 18.325C13.8233 17.975 14.0892 17.7 14.4275 17.7C14.7658 17.7 15.0317 17.975 15.0317 18.325C15.0317 20.0875 15.9017 21.75 17.3758 22.775C18.2338 23.375 19.2367 23.6625 20.445 23.6625C20.735 23.6625 21.2183 23.625 21.7017 23.5375C22.0279 23.475 22.3421 23.7 22.4025 24.05C22.4629 24.3875 22.2454 24.7125 21.9071 24.775C21.2183 24.9125 20.6142 24.925 20.445 24.925V24.925ZM18.0163 27.5C17.9679 27.5 17.9075 27.4875 17.8592 27.475C15.9379 26.925 14.6813 26.1875 13.3642 24.85C11.6725 23.1125 10.7421 20.8 10.7421 18.325C10.7421 16.3 12.4096 14.65 14.4638 14.65C16.5179 14.65 18.1854 16.3 18.1854 18.325C18.1854 19.6625 19.3092 20.75 20.6988 20.75C22.0883 20.75 23.2121 19.6625 23.2121 18.325C23.2121 13.6125 19.285 9.7875 14.4517 9.7875C11.02 9.7875 7.87834 11.7625 6.46459 14.825C5.99334 15.8375 5.75167 17.025 5.75167 18.325C5.75167 19.3 5.83625 20.8375 6.56125 22.8375C6.68209 23.1625 6.525 23.525 6.21084 23.6375C5.89667 23.7625 5.54625 23.5875 5.4375 23.275C4.84542 21.6375 4.55542 20.0125 4.55542 18.325C4.55542 16.825 4.83334 15.4625 5.37709 14.275C6.98417 10.7875 10.5488 8.525 14.4517 8.525C19.9496 8.525 24.4204 12.9125 24.4204 18.3125C24.4204 20.3375 22.7529 21.9875 20.6988 21.9875C18.6446 21.9875 16.9771 20.3375 16.9771 18.3125C16.9771 16.975 15.8533 15.8875 14.4638 15.8875C13.0742 15.8875 11.9504 16.975 11.9504 18.3125C11.9504 20.45 12.7479 22.45 14.21 23.95C15.3579 25.125 16.4575 25.775 18.1613 26.2625C18.4875 26.35 18.6688 26.7 18.5842 27.025C18.5238 27.3125 18.27 27.5 18.0163 27.5V27.5Z" })));
|
|
44
|
+
|
|
45
|
+
var passkey = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1.5em", height: "1.5em", fill: noColor ? 'currentColor' : '#000000', "data-icon": "passkey", ...props },
|
|
46
|
+
React.createElement("circle", { cx: "10.5", cy: "6", r: "4.5" }),
|
|
47
|
+
React.createElement("path", { d: "M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z" }),
|
|
48
|
+
React.createElement("path", { d: "M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z" })));
|
|
49
|
+
|
|
50
|
+
var github = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '#000000', viewBox: "2.5 2.5 25 25", "data-icon": "github", ...props },
|
|
51
|
+
React.createElement("path", { d: "M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z" })));
|
|
52
|
+
|
|
53
|
+
var gitlab = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 236", fill: noColor ? 'currentColor' : '', "data-icon": "gitlab", ...props },
|
|
54
|
+
React.createElement("path", { d: "M128.075 236.075l47.104-144.97H80.97l47.104 144.97z", fill: noColor ? '' : '#E24329' }),
|
|
55
|
+
React.createElement("path", { d: "M128.075 236.074L80.97 91.104H14.956l113.119 144.97z", fill: noColor ? '' : '#FC6D26' }),
|
|
56
|
+
React.createElement("path", { d: "M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012-113.12-144.97z", fill: noColor ? '' : '#FCA326' }),
|
|
57
|
+
React.createElement("path", { d: "M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0l-28.37 87.315z", fill: noColor ? '' : '#E24329' }),
|
|
58
|
+
React.createElement("path", { d: "M128.075 236.074l47.104-144.97h66.015l-113.12 144.97z", fill: noColor ? '' : '#FC6D26' }),
|
|
59
|
+
React.createElement("path", { d: "M241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012 113.119-144.97z", fill: noColor ? '' : '#FCA326' }),
|
|
60
|
+
React.createElement("path", { d: "M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315z", fill: noColor ? '' : '#E24329' })));
|
|
61
|
+
|
|
62
|
+
var google = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', "data-icon": "google", ...props },
|
|
63
|
+
React.createElement("path", { d: "m19.6 10.2274c0-.70912-.0636-1.39092-.1818-2.04552h-9.4182v3.86822h5.3818c-.2318 1.25-.9363 2.3091-1.9954 3.0182v2.5091h3.2318c1.8909-1.7409 2.9818-4.3046 2.9818-7.35z", fill: noColor ? '' : '#4285f4' }),
|
|
64
|
+
React.createElement("path", { d: "m10 19.9999c2.7 0 4.9636-.8955 6.6181-2.4227l-3.2318-2.5091c-.8954.6-2.0409.9545-3.3863.9545-2.6046 0-4.8091-1.7591-5.5955-4.1227h-3.3409v2.5909c1.6455 3.2682 5.0273 5.5091 8.9364 5.5091z", fill: noColor ? '' : '#34a853' }),
|
|
65
|
+
React.createElement("path", { d: "m4.4045 11.8999c-.2-.6-.3136-1.2409-.3136-1.89997 0-.6591.1136-1.3.3136-1.9v-2.5909h-3.3409c-.6772 1.35-1.0636 2.8773-1.0636 4.4909 0 1.61357.3864 3.14087 1.0636 4.49087z", fill: noColor ? '' : '#fbbc04' }),
|
|
66
|
+
React.createElement("path", { d: "m10 3.9773c1.4681 0 2.7863.5045 3.8227 1.4954l2.8682-2.8682c-1.7318-1.6136-3.9955-2.6045-6.6909-2.6045-3.9091 0-7.2909 2.2409-8.9364 5.5091l3.3409 2.5909c.7864-2.3636 2.9909-4.1227 5.5955-4.1227z", fill: noColor ? '' : '#e94235' })));
|
|
67
|
+
|
|
68
|
+
var microsoft = ({ noColor, ...props }) => (React.createElement("svg", { width: "1.5em", height: "1.5em", xmlns: "http://www.w3.org/2000/svg", fill: noColor ? 'currentColor' : '', viewBox: "3 3 24 24", "data-icon": "microsoft", ...props },
|
|
69
|
+
React.createElement("rect", { x: "5", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#05A6F0' }),
|
|
70
|
+
React.createElement("rect", { x: "5", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#F35325' }),
|
|
71
|
+
React.createElement("rect", { x: "15.7143", y: "15.7143", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#FFBA08' }),
|
|
72
|
+
React.createElement("rect", { x: "15.7143", y: "5", width: "9.28571", height: "9.28571", fill: noColor ? '' : '#81BC06' }),
|
|
73
|
+
' '));
|
|
74
|
+
|
|
75
|
+
var discord = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 256 200", fill: noColor ? 'currentColor' : '#5566fb', "data-icon": "discord", ...props },
|
|
76
|
+
React.createElement("path", { d: "M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z" })));
|
|
77
|
+
|
|
78
|
+
var linkedin = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "0 0 40 40", fill: noColor ? 'currentColor' : '#2867B2', "data-icon": "linkedin", ...props },
|
|
79
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.1429 0H2.84821C1.27679 0 0 1.29464 0 2.88393V37.1161C0 38.7054 1.27679 40 2.84821 40H37.1429C38.7143 40 40 38.7054 40 37.1161V2.88393C40 1.29464 38.7143 0 37.1429 0ZM12.0893 34.2857H6.16071V15.1964H12.0982V34.2857H12.0893ZM9.125 12.5893C7.22321 12.5893 5.6875 11.0446 5.6875 9.15179C5.6875 7.25893 7.22321 5.71429 9.125 5.71429C11.0179 5.71429 12.5625 7.25893 12.5625 9.15179C12.5625 11.0536 11.0268 12.5893 9.125 12.5893V12.5893ZM34.3125 34.2857H28.3839V25C28.3839 22.7857 28.3393 19.9375 25.3036 19.9375C22.2143 19.9375 21.7411 22.3482 21.7411 24.8393V34.2857H15.8125V15.1964H21.5V17.8036H21.5804C22.375 16.3036 24.3125 14.7232 27.1964 14.7232C33.1964 14.7232 34.3125 18.6786 34.3125 23.8214V34.2857V34.2857Z" })));
|
|
80
|
+
|
|
81
|
+
var sso = ({ noColor, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1.5em", height: "1.5em", viewBox: "50 30 410 450", fill: noColor ? 'currentColor' : '#000000', "data-icon": "sso", ...props },
|
|
82
|
+
React.createElement("path", { d: "M56.629,379.2c-14.09,14.071-14.09,36.975,0,51.055 c14.08,14.087,36.981,14.087,50.965,0l10.177-10.08l42.438,42.428c7.257,7.268,18.888,7.268,26.155,0l63.244-63.244 c7.268-7.255,7.268-18.89,0-26.157l-42.429-42.427l75.586-75.682c16.174,8.357,34.61,13.075,54.059,13.075 c65.234,0,118.111-52.869,118.111-118.109c0-65.232-52.877-118.111-118.111-118.111c-65.238,0-118.11,52.879-118.11,118.111 c0,19.449,4.721,37.886,13.077,54.06L56.629,379.2z M291.396,150.059c0-25.075,20.354-45.429,45.427-45.429 c25.076,0,45.426,20.354,45.426,45.429s-20.35,45.426-45.426,45.426C311.751,195.485,291.396,175.133,291.396,150.059z" })));
|
|
83
|
+
|
|
84
|
+
var whatsapp = ({ noColor, ...props }) => (React.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
85
|
+
React.createElement("clipPath", { id: "a" },
|
|
86
|
+
React.createElement("path", { d: "m0 0h24v24h-24z" })),
|
|
87
|
+
React.createElement("clipPath", { id: "b" },
|
|
88
|
+
React.createElement("path", { d: "m0 0h24v24h-24z" })),
|
|
89
|
+
React.createElement("g", { clipPath: "url(#a)" },
|
|
90
|
+
React.createElement("g", { clipPath: "url(#b)" },
|
|
91
|
+
React.createElement("path", { clipRule: "evenodd", d: "m20.5031 3.48501c-2.2558-2.24623-5.256-3.48387036-8.4527-3.48501-6.587 0-11.947836 5.33065-11.950128 11.883-.001146 2.0946.549492 4.1391 1.595188 5.9409l-1.69546 6.1586 6.33491-1.6525c1.74529.9471 3.71059 1.4456 5.71039 1.4462h.0051c6.5859 0 11.9473-5.3312 11.9496-11.8835.0011-3.1756-1.2405-6.1609-3.4969-8.40712zm-8.4527 18.28429h-.004c-1.782-.0005-3.53013-.4769-5.0554-1.3767l-.36272-.2142-3.75935.9806 1.0033-3.6451-.23608-.3738c-.99412-1.5727-1.51955-3.3904-1.5184-5.2565.00229-5.44579 4.45781-9.8767 9.93675-9.8767 2.6528.00114 5.1465 1.02966 7.0218 2.89696 1.8754 1.86673 2.9074 4.34887 2.9062 6.98764-.0023 5.4464-4.4578 9.8773-9.9321 9.8773zm5.4479-7.3973c-.2985-.1488-1.7664-.8668-2.0404-.9659-.2738-.0992-.4726-.1487-.6715.1487-.1988.2975-.7712.9665-.9454 1.1642-.1742.1983-.3484.2228-.6469.074-.2985-.1487-1.2606-.4621-2.4014-1.4735-.8875-.7875-1.4869-1.7596-1.66103-2.0571-.1742-.2974-.01834-.4581.1306-.6057.13406-.1333.29853-.347.44806-.5202.1496-.17325.19887-.29743.29857-.4952.0997-.19829.0498-.37147-.02463-.52024-.07454-.14871-.67154-1.61032-.9208-2.20462-.2424-.57892-.48874-.50029-.67154-.50997-.1742-.00855-.373-.01026-.5724-.01026s-.5226.07408-.79646.37152c-.27387.29742-1.04513 1.01596-1.04513 2.47698 0 1.46099 1.06979 2.87359 1.21933 3.07189.14953.1983 2.10566 3.1973 5.10063 4.4839.7123.306 1.2686.4889 1.7024.6257.7151.2262 1.366.1943 1.8805.1179.5736-.0854 1.7665-.7185 2.0152-1.412s.2487-1.2884.1742-1.412c-.0745-.1237-.2739-.1983-.5724-.347z", fill: noColor ? 'currentColor' : '#25D366', fillRule: "evenodd" })))));
|
|
92
|
+
|
|
93
|
+
var plus = ({ noColor, ...props }) => (React.createElement("svg", { height: "24", viewBox: "0 0 12 12", width: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
94
|
+
React.createElement("path", { d: "M5.2181 5.2181H1.22305C0.791359 5.2181 0.441406 5.56805 0.441406 5.99974C0.441406 6.43143 0.791359 6.78138 1.22305 6.78138H5.2181V10.7764C5.2181 11.2081 5.56805 11.5581 5.99974 11.5581C6.43143 11.5581 6.78138 11.2081 6.78138 10.7764V6.78138H10.7764C11.2081 6.78138 11.5581 6.43143 11.5581 5.99974C11.5581 5.56805 11.2081 5.2181 10.7764 5.2181H6.78138V1.22305C6.78138 0.791359 6.43143 0.441406 5.99974 0.441406C5.56805 0.441406 5.2181 0.791359 5.2181 1.22305V5.2181Z", fill: noColor ? 'currentColor' : '#006AF5' })));
|
|
95
|
+
|
|
96
|
+
var reload = ({ noColor, ...props }) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
97
|
+
React.createElement("path", { d: "M2.00065 8.83398C2.00065 7.45898 2.55898 6.20898 3.46732 5.30065L2.28398 4.11732C1.08398 5.32565 0.333984 6.99232 0.333984 8.83398C0.333984 12.234 2.87565 15.034 6.16732 15.4423V13.759C3.80898 13.359 2.00065 11.309 2.00065 8.83398ZM13.6673 8.83398C13.6673 5.15065 10.684 2.16732 7.00065 2.16732C6.95065 2.16732 6.90065 2.17565 6.85065 2.17565L7.75898 1.26732L6.58398 0.0839844L3.66732 3.00065L6.58398 5.91732L7.75898 4.74232L6.85898 3.84232C6.90898 3.84232 6.95898 3.83398 7.00065 3.83398C9.75898 3.83398 12.0007 6.07565 12.0007 8.83398C12.0007 11.309 10.1923 13.359 7.83398 13.759V15.4423C11.1257 15.034 13.6673 12.234 13.6673 8.83398Z", fill: noColor ? 'currentColor' : '#006AF5' })));
|
|
98
|
+
|
|
99
|
+
var password = ({ noColor, ...props }) => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
100
|
+
React.createElement("path", { d: "M2 17H22V19H2V17ZM3.15 12.95L4 11.47L4.85 12.95L6.15 12.2L5.3 10.72H7V9.22H5.3L6.15 7.75L4.85 7L4 8.47L3.15 7L1.85 7.75L2.7 9.22H1V10.72H2.7L1.85 12.2L3.15 12.95ZM9.85 12.2L11.15 12.95L12 11.47L12.85 12.95L14.15 12.2L13.3 10.72H15V9.22H13.3L14.15 7.75L12.85 7L12 8.47L11.15 7L9.85 7.75L10.7 9.22H9V10.72H10.7L9.85 12.2ZM23 9.22H21.3L22.15 7.75L20.85 7L20 8.47L19.15 7L17.85 7.75L18.7 9.22H17V10.72H18.7L17.85 12.2L19.15 12.95L20 11.47L20.85 12.95L22.15 12.2L21.3 10.72H23V9.22Z", fill: noColor ? 'currentColor' : '#808080' })));
|
|
54
101
|
|
|
55
102
|
var icons = /*#__PURE__*/Object.freeze({
|
|
56
103
|
__proto__: null,
|
|
@@ -66,18 +113,18 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
66
113
|
passkey: passkey,
|
|
67
114
|
password: password,
|
|
68
115
|
plus: plus,
|
|
116
|
+
reload: reload,
|
|
69
117
|
slack: slack,
|
|
70
118
|
sso: sso,
|
|
71
119
|
whatsapp: whatsapp
|
|
72
120
|
});
|
|
73
121
|
|
|
74
|
-
const Icon = ({ icon, noColor, ...props }) => {
|
|
122
|
+
const Icon = ({ icon, noColor, slot, ...props }) => {
|
|
75
123
|
if (!icon)
|
|
76
124
|
return undefined;
|
|
77
|
-
if (
|
|
78
|
-
return (React.createElement("
|
|
79
|
-
}
|
|
80
|
-
return React.createElement("descope-icon", { "fill-color": noColor, src: icon });
|
|
125
|
+
if (isImageSource(icon))
|
|
126
|
+
return (React.createElement("img", { ...props, src: icon, alt: icon, slot: slot, style: { height: '1.5em', width: '1.5em' } }));
|
|
127
|
+
return (React.createElement("descope-icon", { slot: slot }, icons[icon]?.({ noColor, ...props })));
|
|
81
128
|
};
|
|
82
129
|
|
|
83
130
|
const Button = React.forwardRef(({ children, startIcon, startIconColorText, color, ...props }, ref) => {
|
|
@@ -440,4 +487,13 @@ Avatar.defaultProps = {
|
|
|
440
487
|
|
|
441
488
|
const CodeSnippet = React.forwardRef((props, ref) => React.createElement("descope-code-snippet", { ...props, ref: ref }));
|
|
442
489
|
|
|
443
|
-
|
|
490
|
+
const List = React.forwardRef(({ emptyState, children, ...props }, ref) => (React.createElement("descope-list", { ...props, ref: ref },
|
|
491
|
+
children,
|
|
492
|
+
React.createElement("div", { slot: "empty-state" }, emptyState))));
|
|
493
|
+
|
|
494
|
+
const ListItem = React.forwardRef((props, ref) => (React.createElement("descope-list-item", { ...props, ref: ref })));
|
|
495
|
+
|
|
496
|
+
const AppsList = React.forwardRef(({ emptyState, ...props }, ref) => (React.createElement("descope-apps-list", { ...props, ref: ref },
|
|
497
|
+
React.createElement("div", { slot: "empty-state" }, emptyState))));
|
|
498
|
+
|
|
499
|
+
export { AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, UserAttribute, UserAuthMethod, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, whatsapp };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@descope/flow-components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.332",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"build": "rollup -c",
|
|
12
12
|
"test": "exit 0",
|
|
13
13
|
"_test": "jest -- need to fix the tests",
|
|
14
|
-
"lint": "eslint
|
|
14
|
+
"lint": "eslint src/**/*.* --fix",
|
|
15
15
|
"format": "prettier . -w --ignore-path .gitignore",
|
|
16
16
|
"prepublishOnly": "npm run build",
|
|
17
17
|
"prepare": "husky install",
|
|
@@ -40,7 +40,6 @@
|
|
|
40
40
|
"@babel/preset-env": "7.24.8",
|
|
41
41
|
"@babel/preset-react": "7.24.7",
|
|
42
42
|
"@babel/preset-typescript": "7.24.7",
|
|
43
|
-
"@rollup/plugin-alias": "^5.1.0",
|
|
44
43
|
"@rollup/plugin-commonjs": "^26.0.0",
|
|
45
44
|
"@rollup/plugin-node-resolve": "^15.0.0",
|
|
46
45
|
"@rollup/plugin-typescript": "^11.0.0",
|
|
@@ -94,7 +93,6 @@
|
|
|
94
93
|
"rollup-plugin-copy": "^3.4.0",
|
|
95
94
|
"rollup-plugin-delete": "^2.0.0",
|
|
96
95
|
"rollup-plugin-dts": "^6.0.0",
|
|
97
|
-
"rollup-plugin-img": "^1.1.0",
|
|
98
96
|
"storybook": "^7.6.3",
|
|
99
97
|
"storybook-addon-themes": "^6.1.0",
|
|
100
98
|
"ts-jest": "^29.0.0",
|
|
@@ -102,7 +100,7 @@
|
|
|
102
100
|
"typescript": "^5.0.0"
|
|
103
101
|
},
|
|
104
102
|
"dependencies": {
|
|
105
|
-
"@descope/web-components-ui": "1.0.
|
|
103
|
+
"@descope/web-components-ui": "1.0.368"
|
|
106
104
|
},
|
|
107
105
|
"peerDependencies": {
|
|
108
106
|
"react": ">=17"
|