@descope/flow-components 2.0.39 → 2.0.40
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/package.json +5 -2
- package/.eslintrc +0 -119
- package/.github/actions/setup/action.yml +0 -42
- package/.github/workflows/ci.yml +0 -105
- package/.github/workflows/publish.yml +0 -40
- package/.github/workflows/release.yml +0 -44
- package/.husky/pre-commit +0 -1
- package/.prettierrc +0 -8
- package/.storybook/main.js +0 -23
- package/.storybook/manager.js +0 -10
- package/.storybook/preview-head.html +0 -29
- package/.storybook/preview.js +0 -44
- package/LICENSE +0 -21
- package/babel.config.js +0 -7
- package/jest.config.js +0 -33
- package/jest.setup.js +0 -2
- package/renovate.json +0 -4
- package/rollup.config.mjs +0 -47
- package/src/Boolean/Boolean.tsx +0 -24
- package/src/Boolean/index.ts +0 -1
- package/src/Button/Button.tsx +0 -49
- package/src/Button/index.ts +0 -1
- package/src/Checkbox/Checkbox.tsx +0 -16
- package/src/Checkbox/index.ts +0 -1
- package/src/Code/Code.tsx +0 -21
- package/src/Code/index.ts +0 -1
- package/src/Container/Container.tsx +0 -111
- package/src/Container/index.ts +0 -1
- package/src/CssVarImage/CssVarImage.tsx +0 -38
- package/src/CssVarImage/index.ts +0 -1
- package/src/Divider/Divider.tsx +0 -33
- package/src/Divider/index.ts +0 -1
- package/src/EmailField/EmailField.tsx +0 -20
- package/src/EmailField/index.ts +0 -1
- package/src/Image/Image.tsx +0 -32
- package/src/Image/index.ts +0 -1
- package/src/Input/Input.tsx +0 -27
- package/src/Input/index.ts +0 -1
- package/src/Link/Link.tsx +0 -33
- package/src/Link/index.ts +0 -1
- package/src/Loader/Loader.tsx +0 -40
- package/src/Loader/index.ts +0 -1
- package/src/Logo/Logo.tsx +0 -27
- package/src/Logo/index.ts +0 -1
- package/src/NewPassword/NewPassword.tsx +0 -25
- package/src/NewPassword/index.ts +0 -1
- package/src/NumberField/NumberField.tsx +0 -20
- package/src/NumberField/index.ts +0 -1
- package/src/Password/Password.tsx +0 -20
- package/src/Password/index.ts +0 -1
- package/src/Phone/Phone.tsx +0 -22
- package/src/Phone/index.ts +0 -1
- package/src/Select/Select.tsx +0 -29
- package/src/Select/index.ts +0 -1
- package/src/Switch/Switch.tsx +0 -21
- package/src/Switch/index.ts +0 -1
- package/src/TOTPImage/TOTPImage.tsx +0 -18
- package/src/TOTPImage/index.ts +0 -1
- package/src/TOTPLink/TOTPLink.tsx +0 -16
- package/src/TOTPLink/index.ts +0 -1
- package/src/Text/Text.tsx +0 -36
- package/src/Text/index.ts +0 -1
- package/src/TextField/TextField.tsx +0 -20
- package/src/TextField/index.ts +0 -1
- package/src/Textarea/Textarea.tsx +0 -20
- package/src/Textarea/index.ts +0 -1
- package/src/icons/apple.tsx +0 -14
- package/src/icons/discord.tsx +0 -14
- package/src/icons/facebook.tsx +0 -14
- package/src/icons/fingerprint.tsx +0 -14
- package/src/icons/github.tsx +0 -14
- package/src/icons/gitlab.tsx +0 -41
- package/src/icons/google.tsx +0 -29
- package/src/icons/index.ts +0 -11
- package/src/icons/input-hidden.tsx +0 -17
- package/src/icons/input-visible.tsx +0 -17
- package/src/icons/linkedin.tsx +0 -18
- package/src/icons/microsoft.tsx +0 -41
- package/src/icons/passkey.tsx +0 -16
- package/src/icons/sso.tsx +0 -14
- package/src/index.ts +0 -25
- package/src/inputHelpers.ts +0 -41
- package/src/types.ts +0 -52
- package/src/utils.tsx +0 -69
- package/stories/Boolean.stories.jsx +0 -37
- package/stories/Button.stories.jsx +0 -71
- package/stories/Checkbox.stories.jsx +0 -29
- package/stories/Code.stories.jsx +0 -60
- package/stories/Container.stories.jsx +0 -53
- package/stories/Divider.stories.jsx +0 -23
- package/stories/EmailField.stories.jsx +0 -36
- package/stories/Image.stories.jsx +0 -16
- package/stories/Input.stories.jsx +0 -63
- package/stories/Link.stories.jsx +0 -21
- package/stories/Loader.stories.jsx +0 -34
- package/stories/Logo.stories.jsx +0 -14
- package/stories/NewPassword.stories.jsx +0 -52
- package/stories/NumberField.stories.jsx +0 -35
- package/stories/Password.stories.jsx +0 -37
- package/stories/Phone.stories.jsx +0 -61
- package/stories/Switch.stories.jsx +0 -29
- package/stories/TOTPImage.stories.jsx +0 -22
- package/stories/TOTPLink.stories.jsx +0 -20
- package/stories/Text.stories.jsx +0 -35
- package/stories/TextField.stories.jsx +0 -39
- package/stories/Textarea.stories.jsx +0 -25
- package/storybook-static/favicon.ico +0 -0
- package/test/__snapshots__/boolean.test.tsx.snap +0 -47
- package/test/__snapshots__/buttons.test.tsx.snap +0 -843
- package/test/__snapshots__/checkbox.test.tsx.snap +0 -51
- package/test/__snapshots__/code.test.tsx.snap +0 -1184
- package/test/__snapshots__/container.test.tsx.snap +0 -218
- package/test/__snapshots__/divider.test.tsx.snap +0 -73
- package/test/__snapshots__/image.test.tsx.snap +0 -62
- package/test/__snapshots__/input.test.tsx.snap +0 -80
- package/test/__snapshots__/link.test.tsx.snap +0 -120
- package/test/__snapshots__/loader.test.tsx.snap +0 -53
- package/test/__snapshots__/logo.test.tsx.snap +0 -10
- package/test/__snapshots__/newPassword.test.tsx.snap +0 -69
- package/test/__snapshots__/numeric-input.test.tsx.snap +0 -21
- package/test/__snapshots__/password.test.tsx.snap +0 -26
- package/test/__snapshots__/phone.test.tsx.snap +0 -504
- package/test/__snapshots__/switch.test.tsx.snap +0 -51
- package/test/__snapshots__/text.test.tsx.snap +0 -89
- package/test/__snapshots__/textarea.test.tsx.snap +0 -73
- package/test/__snapshots__/themeToCssVars.test.ts.snap +0 -45
- package/test/__snapshots__/totpImage.test.tsx.snap +0 -10
- package/test/__snapshots__/totpLink.test.tsx.snap +0 -13
- package/test/boolean.test.tsx +0 -28
- package/test/buttons.test.tsx +0 -66
- package/test/checkbox.test.tsx +0 -67
- package/test/code.test.tsx +0 -182
- package/test/container.test.tsx +0 -91
- package/test/divider.test.tsx +0 -50
- package/test/image.test.tsx +0 -40
- package/test/input.test.tsx +0 -82
- package/test/inputHelpers.test.tsx +0 -58
- package/test/link.test.tsx +0 -71
- package/test/loader.test.tsx +0 -25
- package/test/logo.test.tsx +0 -10
- package/test/newPassword.test.tsx +0 -132
- package/test/numeric-input.test.tsx +0 -114
- package/test/password.test.tsx +0 -55
- package/test/phone.test.tsx +0 -158
- package/test/switch.test.tsx +0 -67
- package/test/text.test.tsx +0 -60
- package/test/textarea.test.tsx +0 -64
- package/test/themeToCssVars.test.ts +0 -82
- package/test/totpImage.test.tsx +0 -10
- package/test/totpLink.test.tsx +0 -10
- package/tsconfig.json +0 -20
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Container rendered with a style object 1`] = `
|
|
4
|
-
<descope-container
|
|
5
|
-
direction="row"
|
|
6
|
-
st-align-items="center"
|
|
7
|
-
st-background-color="#000000"
|
|
8
|
-
st-gap="0rem"
|
|
9
|
-
st-horizontal-padding="0rem"
|
|
10
|
-
st-justify-content="center"
|
|
11
|
-
st-vertical-padding="0rem"
|
|
12
|
-
st-width="100%"
|
|
13
|
-
style="color: rgb(0, 0, 0);"
|
|
14
|
-
>
|
|
15
|
-
Container
|
|
16
|
-
</descope-container>
|
|
17
|
-
`;
|
|
18
|
-
|
|
19
|
-
exports[`Container rendered with align 1`] = `
|
|
20
|
-
<descope-container
|
|
21
|
-
direction="row"
|
|
22
|
-
st-align-items="end"
|
|
23
|
-
st-gap="0rem"
|
|
24
|
-
st-horizontal-padding="0rem"
|
|
25
|
-
st-justify-content="center"
|
|
26
|
-
st-vertical-padding="0rem"
|
|
27
|
-
st-width="100%"
|
|
28
|
-
>
|
|
29
|
-
Container
|
|
30
|
-
</descope-container>
|
|
31
|
-
`;
|
|
32
|
-
|
|
33
|
-
exports[`Container rendered with background value from theme 1`] = `
|
|
34
|
-
<descope-container
|
|
35
|
-
direction="row"
|
|
36
|
-
st-align-items="center"
|
|
37
|
-
st-background-color="300"
|
|
38
|
-
st-gap="0rem"
|
|
39
|
-
st-horizontal-padding="0rem"
|
|
40
|
-
st-justify-content="center"
|
|
41
|
-
st-vertical-padding="0rem"
|
|
42
|
-
st-width="100%"
|
|
43
|
-
>
|
|
44
|
-
Container
|
|
45
|
-
</descope-container>
|
|
46
|
-
`;
|
|
47
|
-
|
|
48
|
-
exports[`Container rendered with borderRadius 1`] = `
|
|
49
|
-
<descope-container
|
|
50
|
-
border-radius="md"
|
|
51
|
-
direction="row"
|
|
52
|
-
st-align-items="center"
|
|
53
|
-
st-gap="0rem"
|
|
54
|
-
st-horizontal-padding="0rem"
|
|
55
|
-
st-justify-content="center"
|
|
56
|
-
st-vertical-padding="0rem"
|
|
57
|
-
st-width="100%"
|
|
58
|
-
>
|
|
59
|
-
Container
|
|
60
|
-
</descope-container>
|
|
61
|
-
`;
|
|
62
|
-
|
|
63
|
-
exports[`Container rendered with custom background value 1`] = `
|
|
64
|
-
<descope-container
|
|
65
|
-
direction="row"
|
|
66
|
-
st-align-items="center"
|
|
67
|
-
st-background-color="#808080"
|
|
68
|
-
st-gap="0rem"
|
|
69
|
-
st-horizontal-padding="0rem"
|
|
70
|
-
st-justify-content="center"
|
|
71
|
-
st-vertical-padding="0rem"
|
|
72
|
-
st-width="100%"
|
|
73
|
-
>
|
|
74
|
-
Container
|
|
75
|
-
</descope-container>
|
|
76
|
-
`;
|
|
77
|
-
|
|
78
|
-
exports[`Container rendered with custom classnames 1`] = `
|
|
79
|
-
<descope-container
|
|
80
|
-
classname="kuku"
|
|
81
|
-
direction="row"
|
|
82
|
-
st-align-items="center"
|
|
83
|
-
st-gap="0rem"
|
|
84
|
-
st-horizontal-padding="0rem"
|
|
85
|
-
st-justify-content="center"
|
|
86
|
-
st-vertical-padding="0rem"
|
|
87
|
-
st-width="100%"
|
|
88
|
-
>
|
|
89
|
-
Container
|
|
90
|
-
</descope-container>
|
|
91
|
-
`;
|
|
92
|
-
|
|
93
|
-
exports[`Container rendered with default props 1`] = `
|
|
94
|
-
<descope-container
|
|
95
|
-
direction="row"
|
|
96
|
-
st-align-items="center"
|
|
97
|
-
st-gap="0rem"
|
|
98
|
-
st-horizontal-padding="0rem"
|
|
99
|
-
st-justify-content="center"
|
|
100
|
-
st-vertical-padding="0rem"
|
|
101
|
-
st-width="100%"
|
|
102
|
-
>
|
|
103
|
-
Container
|
|
104
|
-
</descope-container>
|
|
105
|
-
`;
|
|
106
|
-
|
|
107
|
-
exports[`Container rendered with direction 1`] = `
|
|
108
|
-
<descope-container
|
|
109
|
-
direction="column"
|
|
110
|
-
st-align-items="center"
|
|
111
|
-
st-gap="0rem"
|
|
112
|
-
st-horizontal-padding="0rem"
|
|
113
|
-
st-justify-content="center"
|
|
114
|
-
st-vertical-padding="0rem"
|
|
115
|
-
st-width="100%"
|
|
116
|
-
>
|
|
117
|
-
Container
|
|
118
|
-
</descope-container>
|
|
119
|
-
`;
|
|
120
|
-
|
|
121
|
-
exports[`Container rendered with justify 1`] = `
|
|
122
|
-
<descope-container
|
|
123
|
-
direction="row"
|
|
124
|
-
st-align-items="center"
|
|
125
|
-
st-gap="0rem"
|
|
126
|
-
st-horizontal-padding="0rem"
|
|
127
|
-
st-justify-content="space-between"
|
|
128
|
-
st-vertical-padding="0rem"
|
|
129
|
-
st-width="100%"
|
|
130
|
-
>
|
|
131
|
-
Container
|
|
132
|
-
</descope-container>
|
|
133
|
-
`;
|
|
134
|
-
|
|
135
|
-
exports[`Container rendered with paddingX 1`] = `
|
|
136
|
-
<descope-container
|
|
137
|
-
direction="row"
|
|
138
|
-
st-align-items="center"
|
|
139
|
-
st-gap="0rem"
|
|
140
|
-
st-horizontal-padding="2.5rem"
|
|
141
|
-
st-justify-content="center"
|
|
142
|
-
st-vertical-padding="0rem"
|
|
143
|
-
st-width="100%"
|
|
144
|
-
>
|
|
145
|
-
Container
|
|
146
|
-
</descope-container>
|
|
147
|
-
`;
|
|
148
|
-
|
|
149
|
-
exports[`Container rendered with paddingY 1`] = `
|
|
150
|
-
<descope-container
|
|
151
|
-
direction="row"
|
|
152
|
-
st-align-items="center"
|
|
153
|
-
st-gap="0rem"
|
|
154
|
-
st-horizontal-padding="0rem"
|
|
155
|
-
st-justify-content="center"
|
|
156
|
-
st-vertical-padding="2.5rem"
|
|
157
|
-
st-width="100%"
|
|
158
|
-
>
|
|
159
|
-
Container
|
|
160
|
-
</descope-container>
|
|
161
|
-
`;
|
|
162
|
-
|
|
163
|
-
exports[`Container rendered with shadow 1`] = `
|
|
164
|
-
<descope-container
|
|
165
|
-
direction="row"
|
|
166
|
-
shadow="md"
|
|
167
|
-
st-align-items="center"
|
|
168
|
-
st-gap="0rem"
|
|
169
|
-
st-horizontal-padding="0rem"
|
|
170
|
-
st-justify-content="center"
|
|
171
|
-
st-vertical-padding="0rem"
|
|
172
|
-
st-width="100%"
|
|
173
|
-
>
|
|
174
|
-
Container
|
|
175
|
-
</descope-container>
|
|
176
|
-
`;
|
|
177
|
-
|
|
178
|
-
exports[`Container rendered with spaceBetween when direction is "col" 1`] = `
|
|
179
|
-
<descope-container
|
|
180
|
-
direction="column"
|
|
181
|
-
st-align-items="center"
|
|
182
|
-
st-gap="1.75rem"
|
|
183
|
-
st-horizontal-padding="0rem"
|
|
184
|
-
st-justify-content="center"
|
|
185
|
-
st-vertical-padding="0rem"
|
|
186
|
-
st-width="100%"
|
|
187
|
-
>
|
|
188
|
-
Container
|
|
189
|
-
</descope-container>
|
|
190
|
-
`;
|
|
191
|
-
|
|
192
|
-
exports[`Container rendered with spaceBetween when direction is "row" 1`] = `
|
|
193
|
-
<descope-container
|
|
194
|
-
direction="row"
|
|
195
|
-
st-align-items="center"
|
|
196
|
-
st-gap="1.75rem"
|
|
197
|
-
st-horizontal-padding="0rem"
|
|
198
|
-
st-justify-content="center"
|
|
199
|
-
st-vertical-padding="0rem"
|
|
200
|
-
st-width="100%"
|
|
201
|
-
>
|
|
202
|
-
Container
|
|
203
|
-
</descope-container>
|
|
204
|
-
`;
|
|
205
|
-
|
|
206
|
-
exports[`Container rendered with width 1`] = `
|
|
207
|
-
<descope-container
|
|
208
|
-
direction="row"
|
|
209
|
-
st-align-items="center"
|
|
210
|
-
st-gap="0rem"
|
|
211
|
-
st-horizontal-padding="0rem"
|
|
212
|
-
st-justify-content="center"
|
|
213
|
-
st-vertical-padding="0rem"
|
|
214
|
-
st-width="10%"
|
|
215
|
-
>
|
|
216
|
-
Container
|
|
217
|
-
</descope-container>
|
|
218
|
-
`;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Divider rendered with color 1`] = `
|
|
4
|
-
<span
|
|
5
|
-
class="divider antialiased before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] text-error w-full h-auto after:min-w-[5px] before:min-w-[5px]"
|
|
6
|
-
>
|
|
7
|
-
Text
|
|
8
|
-
</span>
|
|
9
|
-
`;
|
|
10
|
-
|
|
11
|
-
exports[`Divider rendered with custom className 1`] = `
|
|
12
|
-
<span
|
|
13
|
-
class="kuku divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] w-full h-auto after:min-w-[5px] before:min-w-[5px]"
|
|
14
|
-
>
|
|
15
|
-
Text
|
|
16
|
-
</span>
|
|
17
|
-
`;
|
|
18
|
-
|
|
19
|
-
exports[`Divider rendered with default props 1`] = `
|
|
20
|
-
<span
|
|
21
|
-
class="divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] w-full h-auto after:min-w-[5px] before:min-w-[5px]"
|
|
22
|
-
>
|
|
23
|
-
Text
|
|
24
|
-
</span>
|
|
25
|
-
`;
|
|
26
|
-
|
|
27
|
-
exports[`Divider rendered with fontFamily 1`] = `
|
|
28
|
-
<span
|
|
29
|
-
class="divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] font-mono w-full h-auto after:min-w-[5px] before:min-w-[5px]"
|
|
30
|
-
>
|
|
31
|
-
Text
|
|
32
|
-
</span>
|
|
33
|
-
`;
|
|
34
|
-
|
|
35
|
-
exports[`Divider rendered with fontWeight 1`] = `
|
|
36
|
-
<span
|
|
37
|
-
class="divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] font-black w-full h-auto after:min-w-[5px] before:min-w-[5px]"
|
|
38
|
-
>
|
|
39
|
-
Text
|
|
40
|
-
</span>
|
|
41
|
-
`;
|
|
42
|
-
|
|
43
|
-
exports[`Divider rendered with italic 1`] = `
|
|
44
|
-
<span
|
|
45
|
-
class="divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] italic w-full h-auto after:min-w-[5px] before:min-w-[5px]"
|
|
46
|
-
>
|
|
47
|
-
Text
|
|
48
|
-
</span>
|
|
49
|
-
`;
|
|
50
|
-
|
|
51
|
-
exports[`Divider rendered with size 1`] = `
|
|
52
|
-
<span
|
|
53
|
-
class="divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] text-9xl w-full h-auto after:min-w-[5px] before:min-w-[5px]"
|
|
54
|
-
>
|
|
55
|
-
Text
|
|
56
|
-
</span>
|
|
57
|
-
`;
|
|
58
|
-
|
|
59
|
-
exports[`Divider rendered with typography 1`] = `
|
|
60
|
-
<span
|
|
61
|
-
class="divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] w-full h-auto after:min-w-[5px] before:min-w-[5px] descope-typography-body1"
|
|
62
|
-
>
|
|
63
|
-
Text
|
|
64
|
-
</span>
|
|
65
|
-
`;
|
|
66
|
-
|
|
67
|
-
exports[`Divider rendered with vertical 1`] = `
|
|
68
|
-
<span
|
|
69
|
-
class="divider antialiased text-base-content before:bg-current after:bg-current before:opacity-[0.2] after:opacity-[0.2] divider-horizontal h-full w-auto after:min-h-[5px] before:min-h-[5px]"
|
|
70
|
-
>
|
|
71
|
-
Text
|
|
72
|
-
</span>
|
|
73
|
-
`;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Image render with src 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<img
|
|
6
|
-
class="object-fill shrink-0 max-w-full"
|
|
7
|
-
src="123"
|
|
8
|
-
/>
|
|
9
|
-
</div>
|
|
10
|
-
`;
|
|
11
|
-
|
|
12
|
-
exports[`Image render with width 1`] = `
|
|
13
|
-
<div>
|
|
14
|
-
<img
|
|
15
|
-
class="object-fill shrink-0 max-w-full"
|
|
16
|
-
style="width: 20px;"
|
|
17
|
-
/>
|
|
18
|
-
</div>
|
|
19
|
-
`;
|
|
20
|
-
|
|
21
|
-
exports[`Image rendered with alt 1`] = `
|
|
22
|
-
<div>
|
|
23
|
-
<img
|
|
24
|
-
alt="123"
|
|
25
|
-
class="object-fill shrink-0 max-w-full"
|
|
26
|
-
/>
|
|
27
|
-
</div>
|
|
28
|
-
`;
|
|
29
|
-
|
|
30
|
-
exports[`Image rendered with custom classnames 1`] = `
|
|
31
|
-
<div>
|
|
32
|
-
<img
|
|
33
|
-
class="kuku object-fill shrink-0 max-w-full"
|
|
34
|
-
/>
|
|
35
|
-
</div>
|
|
36
|
-
`;
|
|
37
|
-
|
|
38
|
-
exports[`Image rendered with default props 1`] = `
|
|
39
|
-
<div>
|
|
40
|
-
<img
|
|
41
|
-
class="object-fill shrink-0 max-w-full"
|
|
42
|
-
/>
|
|
43
|
-
</div>
|
|
44
|
-
`;
|
|
45
|
-
|
|
46
|
-
exports[`Image rendered with height 1`] = `
|
|
47
|
-
<div>
|
|
48
|
-
<img
|
|
49
|
-
class="object-fill shrink-0 max-w-full"
|
|
50
|
-
style="height: 20px;"
|
|
51
|
-
/>
|
|
52
|
-
</div>
|
|
53
|
-
`;
|
|
54
|
-
|
|
55
|
-
exports[`Image rendered with style 1`] = `
|
|
56
|
-
<div>
|
|
57
|
-
<img
|
|
58
|
-
class="object-fill shrink-0 max-w-full"
|
|
59
|
-
style="color: red;"
|
|
60
|
-
/>
|
|
61
|
-
</div>
|
|
62
|
-
`;
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Input rendered with className 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<descope-text-field
|
|
6
|
-
classname="className"
|
|
7
|
-
full-width="true"
|
|
8
|
-
size="md"
|
|
9
|
-
/>
|
|
10
|
-
</div>
|
|
11
|
-
`;
|
|
12
|
-
|
|
13
|
-
exports[`Input rendered with custom error attributes 1`] = `
|
|
14
|
-
<div>
|
|
15
|
-
<descope-text-field
|
|
16
|
-
data-errormessage-pattern-mismatch="pattern"
|
|
17
|
-
data-errormessage-value-missing="missing"
|
|
18
|
-
full-width="true"
|
|
19
|
-
size="md"
|
|
20
|
-
/>
|
|
21
|
-
</div>
|
|
22
|
-
`;
|
|
23
|
-
|
|
24
|
-
exports[`Input rendered with custom scripts 1`] = `
|
|
25
|
-
<div>
|
|
26
|
-
<descope-text-field
|
|
27
|
-
full-width="true"
|
|
28
|
-
size="md"
|
|
29
|
-
/>
|
|
30
|
-
</div>
|
|
31
|
-
`;
|
|
32
|
-
|
|
33
|
-
exports[`Input rendered with default props 1`] = `
|
|
34
|
-
<div>
|
|
35
|
-
<descope-text-field
|
|
36
|
-
full-width="true"
|
|
37
|
-
size="md"
|
|
38
|
-
/>
|
|
39
|
-
</div>
|
|
40
|
-
`;
|
|
41
|
-
|
|
42
|
-
exports[`Input rendered with fullWidth 1`] = `
|
|
43
|
-
<div>
|
|
44
|
-
<descope-text-field
|
|
45
|
-
full-width="true"
|
|
46
|
-
size="md"
|
|
47
|
-
/>
|
|
48
|
-
</div>
|
|
49
|
-
`;
|
|
50
|
-
|
|
51
|
-
exports[`Input rendered with label 1`] = `
|
|
52
|
-
<div>
|
|
53
|
-
<descope-text-field
|
|
54
|
-
full-width="true"
|
|
55
|
-
label="label"
|
|
56
|
-
size="md"
|
|
57
|
-
/>
|
|
58
|
-
</div>
|
|
59
|
-
`;
|
|
60
|
-
|
|
61
|
-
exports[`Input rendered with label and required 1`] = `
|
|
62
|
-
<div>
|
|
63
|
-
<descope-text-field
|
|
64
|
-
full-width="true"
|
|
65
|
-
label="label"
|
|
66
|
-
required="true"
|
|
67
|
-
size="md"
|
|
68
|
-
/>
|
|
69
|
-
</div>
|
|
70
|
-
`;
|
|
71
|
-
|
|
72
|
-
exports[`Input rendered with name 1`] = `
|
|
73
|
-
<div>
|
|
74
|
-
<descope-text-field
|
|
75
|
-
full-width="true"
|
|
76
|
-
name="name"
|
|
77
|
-
size="md"
|
|
78
|
-
/>
|
|
79
|
-
</div>
|
|
80
|
-
`;
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Link rendered with align 1`] = `
|
|
4
|
-
<a
|
|
5
|
-
class="link whitespace-pre antialiased descope-link text-end inline-block link-hover"
|
|
6
|
-
rel="noopener noreferrer"
|
|
7
|
-
>
|
|
8
|
-
Link
|
|
9
|
-
</a>
|
|
10
|
-
`;
|
|
11
|
-
|
|
12
|
-
exports[`Link rendered with color 1`] = `
|
|
13
|
-
<a
|
|
14
|
-
class="link whitespace-pre antialiased descope-link link-primary inline-block link-hover"
|
|
15
|
-
rel="noopener noreferrer"
|
|
16
|
-
>
|
|
17
|
-
Link
|
|
18
|
-
</a>
|
|
19
|
-
`;
|
|
20
|
-
|
|
21
|
-
exports[`Link rendered with custom className 1`] = `
|
|
22
|
-
<a
|
|
23
|
-
class="link kuku whitespace-pre antialiased descope-link inline-block link-hover"
|
|
24
|
-
rel="noopener noreferrer"
|
|
25
|
-
>
|
|
26
|
-
Link
|
|
27
|
-
</a>
|
|
28
|
-
`;
|
|
29
|
-
|
|
30
|
-
exports[`Link rendered with custom typography 1`] = `
|
|
31
|
-
<a
|
|
32
|
-
class="link whitespace-pre antialiased descope-link inline-block descope-typography-body1 link-hover"
|
|
33
|
-
rel="noopener noreferrer"
|
|
34
|
-
>
|
|
35
|
-
Link
|
|
36
|
-
</a>
|
|
37
|
-
`;
|
|
38
|
-
|
|
39
|
-
exports[`Link rendered with default props 1`] = `
|
|
40
|
-
<a
|
|
41
|
-
class="link whitespace-pre antialiased descope-link inline-block link-hover"
|
|
42
|
-
rel="noopener noreferrer"
|
|
43
|
-
>
|
|
44
|
-
Link
|
|
45
|
-
</a>
|
|
46
|
-
`;
|
|
47
|
-
|
|
48
|
-
exports[`Link rendered with fontFamily 1`] = `
|
|
49
|
-
<a
|
|
50
|
-
class="link whitespace-pre antialiased descope-link font-mono inline-block link-hover"
|
|
51
|
-
rel="noopener noreferrer"
|
|
52
|
-
>
|
|
53
|
-
Link
|
|
54
|
-
</a>
|
|
55
|
-
`;
|
|
56
|
-
|
|
57
|
-
exports[`Link rendered with fontWeight 1`] = `
|
|
58
|
-
<a
|
|
59
|
-
class="link whitespace-pre antialiased descope-link font-black inline-block link-hover"
|
|
60
|
-
rel="noopener noreferrer"
|
|
61
|
-
>
|
|
62
|
-
Link
|
|
63
|
-
</a>
|
|
64
|
-
`;
|
|
65
|
-
|
|
66
|
-
exports[`Link rendered with fullWidth 1`] = `
|
|
67
|
-
<a
|
|
68
|
-
class="link whitespace-pre antialiased descope-link w-full block link-hover"
|
|
69
|
-
rel="noopener noreferrer"
|
|
70
|
-
>
|
|
71
|
-
Link
|
|
72
|
-
</a>
|
|
73
|
-
`;
|
|
74
|
-
|
|
75
|
-
exports[`Link rendered with href 1`] = `
|
|
76
|
-
<a
|
|
77
|
-
class="link whitespace-pre antialiased descope-link inline-block link-hover"
|
|
78
|
-
href="http://a.com"
|
|
79
|
-
rel="noopener noreferrer"
|
|
80
|
-
>
|
|
81
|
-
Link
|
|
82
|
-
</a>
|
|
83
|
-
`;
|
|
84
|
-
|
|
85
|
-
exports[`Link rendered with italic 1`] = `
|
|
86
|
-
<a
|
|
87
|
-
class="link whitespace-pre antialiased descope-link italic inline-block link-hover"
|
|
88
|
-
rel="noopener noreferrer"
|
|
89
|
-
>
|
|
90
|
-
Link
|
|
91
|
-
</a>
|
|
92
|
-
`;
|
|
93
|
-
|
|
94
|
-
exports[`Link rendered with size 1`] = `
|
|
95
|
-
<a
|
|
96
|
-
class="link whitespace-pre antialiased descope-link text-9xl inline-block link-hover"
|
|
97
|
-
rel="noopener noreferrer"
|
|
98
|
-
>
|
|
99
|
-
Link
|
|
100
|
-
</a>
|
|
101
|
-
`;
|
|
102
|
-
|
|
103
|
-
exports[`Link rendered with target 1`] = `
|
|
104
|
-
<a
|
|
105
|
-
class="link whitespace-pre antialiased descope-link inline-block link-hover"
|
|
106
|
-
rel="noopener noreferrer"
|
|
107
|
-
target="_blank"
|
|
108
|
-
>
|
|
109
|
-
Link
|
|
110
|
-
</a>
|
|
111
|
-
`;
|
|
112
|
-
|
|
113
|
-
exports[`Link rendered without hover 1`] = `
|
|
114
|
-
<a
|
|
115
|
-
class="link whitespace-pre antialiased descope-link inline-block"
|
|
116
|
-
rel="noopener noreferrer"
|
|
117
|
-
>
|
|
118
|
-
Link
|
|
119
|
-
</a>
|
|
120
|
-
`;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Logo rendered with color prop 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<div
|
|
6
|
-
class="w-full p-1"
|
|
7
|
-
>
|
|
8
|
-
<div
|
|
9
|
-
class="loader-linear"
|
|
10
|
-
style="--size: 6px; --color: var(--s);"
|
|
11
|
-
/>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
`;
|
|
15
|
-
|
|
16
|
-
exports[`Logo rendered with default props 1`] = `
|
|
17
|
-
<div>
|
|
18
|
-
<div
|
|
19
|
-
class="w-full p-1"
|
|
20
|
-
>
|
|
21
|
-
<div
|
|
22
|
-
class="loader-linear"
|
|
23
|
-
style="--size: 6px; --color: var(--p);"
|
|
24
|
-
/>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
`;
|
|
28
|
-
|
|
29
|
-
exports[`Logo rendered with size prop 1`] = `
|
|
30
|
-
<div>
|
|
31
|
-
<div
|
|
32
|
-
class="w-full p-1"
|
|
33
|
-
>
|
|
34
|
-
<div
|
|
35
|
-
class="loader-linear"
|
|
36
|
-
style="--size: 2px; --color: var(--p);"
|
|
37
|
-
/>
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
`;
|
|
41
|
-
|
|
42
|
-
exports[`Logo rendered with variant prop 1`] = `
|
|
43
|
-
<div>
|
|
44
|
-
<div
|
|
45
|
-
class="inline-block p-1"
|
|
46
|
-
>
|
|
47
|
-
<div
|
|
48
|
-
class="loader-radial"
|
|
49
|
-
style="--size: 6px; --color: var(--p);"
|
|
50
|
-
/>
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
`;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Logo rendered with default props 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<div
|
|
6
|
-
class="shrink-0 pointer-events-none object-contain max-w-full"
|
|
7
|
-
style="content: var(--logo-url, url(https://content.app.descope.com/assets/flows/noLogoPlaceholder.svg));"
|
|
8
|
-
/>
|
|
9
|
-
</div>
|
|
10
|
-
`;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Password Confirm should render a single input with default props 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<div
|
|
6
|
-
class="inline-block"
|
|
7
|
-
>
|
|
8
|
-
<descope-password-field
|
|
9
|
-
data-testid="primary"
|
|
10
|
-
full-width="true"
|
|
11
|
-
label="Password"
|
|
12
|
-
placeholder="enter password"
|
|
13
|
-
size="md"
|
|
14
|
-
type="password"
|
|
15
|
-
/>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
`;
|
|
19
|
-
|
|
20
|
-
exports[`Password Confirm should render with confirmation input 1`] = `
|
|
21
|
-
<div>
|
|
22
|
-
<div
|
|
23
|
-
class="inline-block"
|
|
24
|
-
>
|
|
25
|
-
<descope-password-field
|
|
26
|
-
data-testid="primary"
|
|
27
|
-
full-width="true"
|
|
28
|
-
label="Password"
|
|
29
|
-
placeholder="enter password"
|
|
30
|
-
size="md"
|
|
31
|
-
type="password"
|
|
32
|
-
/>
|
|
33
|
-
<descope-password-field
|
|
34
|
-
data-errormessage-pattern-mismatch="The passwords you entered do not match. Please try again."
|
|
35
|
-
data-testid="secondary"
|
|
36
|
-
full-width="true"
|
|
37
|
-
label="Confirm Password"
|
|
38
|
-
placeholder="confirm password"
|
|
39
|
-
size="md"
|
|
40
|
-
type="password"
|
|
41
|
-
/>
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
`;
|
|
45
|
-
|
|
46
|
-
exports[`Password Confirm should render with custom scripts 1`] = `
|
|
47
|
-
<div>
|
|
48
|
-
<div
|
|
49
|
-
class="inline-block"
|
|
50
|
-
>
|
|
51
|
-
<descope-password-field
|
|
52
|
-
data-testid="primary"
|
|
53
|
-
full-width="true"
|
|
54
|
-
label="Password"
|
|
55
|
-
placeholder="enter password"
|
|
56
|
-
size="md"
|
|
57
|
-
type="password"
|
|
58
|
-
/>
|
|
59
|
-
</div>
|
|
60
|
-
<script
|
|
61
|
-
data-id="-1199187935"
|
|
62
|
-
>
|
|
63
|
-
|
|
64
|
-
const x = 1 + 1;
|
|
65
|
-
return x;
|
|
66
|
-
|
|
67
|
-
</script>
|
|
68
|
-
</div>
|
|
69
|
-
`;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Number Input rendered with custom scripts 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<descope-number-field
|
|
6
|
-
full-width="true"
|
|
7
|
-
size="md"
|
|
8
|
-
type="number"
|
|
9
|
-
/>
|
|
10
|
-
</div>
|
|
11
|
-
`;
|
|
12
|
-
|
|
13
|
-
exports[`Number Input should render with default props 1`] = `
|
|
14
|
-
<div>
|
|
15
|
-
<descope-number-field
|
|
16
|
-
full-width="true"
|
|
17
|
-
size="md"
|
|
18
|
-
type="number"
|
|
19
|
-
/>
|
|
20
|
-
</div>
|
|
21
|
-
`;
|