@incodetech/web 2.0.0-alpha.9 → 2.0.0
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 +212 -16
- package/dist/base.css +0 -1239
- package/dist/browser-ponyfill-B6W6hHVY.js +0 -344
- package/dist/email/email.es.js +0 -145
- package/dist/email/styles.css +0 -123
- package/dist/flow/flow.es.js +0 -555
- package/dist/flow/styles.css +0 -1121
- package/dist/incodeModule-Dv8Qllrv.js +0 -254
- package/dist/index.es.js +0 -6
- package/dist/instance-B-q0ZREN.js +0 -2140
- package/dist/otpInput-BtoZe0Wz.js +0 -151
- package/dist/page-CRac8THx.js +0 -234
- package/dist/phone/phone.es.js +0 -3441
- package/dist/phone/styles.css +0 -305
- package/dist/selfie/selfie.es.js +0 -893
- package/dist/selfie/styles.css +0 -592
- package/dist/selfieTutorial-C-u5GufD.js +0 -29
- package/dist/setup-wNL83jmW.js +0 -20
- package/dist/themes/dark.css +0 -652
- package/dist/themes/light.css +0 -543
- package/dist/title-BfO5Dlzk.js +0 -25
- package/dist/types/base.d.ts +0 -1
- package/dist/types/dark.d.ts +0 -1
- package/dist/types/email.d.ts +0 -57
- package/dist/types/flow.d.ts +0 -69
- package/dist/types/index.d.ts +0 -38
- package/dist/types/light.d.ts +0 -1
- package/dist/types/phone.d.ts +0 -58
- package/dist/types/selfie.d.ts +0 -31
- package/dist/types/styles.d.ts +0 -1
- package/dist/types/themes/dark.d.ts +0 -1
- package/dist/types/themes/light.d.ts +0 -1
- package/dist/uiConfig-CQ1W9cUD.js +0 -23
- package/dist/vendor-preact-CK0WeTOR.js +0 -584
package/dist/phone/styles.css
DELETED
|
@@ -1,305 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties {
|
|
3
|
-
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
|
-
*, :before, :after, ::backdrop {
|
|
5
|
-
--tw-border-style: solid;
|
|
6
|
-
--tw-duration: initial;
|
|
7
|
-
--tw-font-weight: initial;
|
|
8
|
-
--tw-leading: initial;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.IncodePhonePage .IncodePageContent {
|
|
14
|
-
padding-top: var(--spacing-32, var(--spacing-32, 32px));
|
|
15
|
-
padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.IncodePhonePage .IncodePhoneInput, .IncodePhonePage .IncodePhoneInputContainer {
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
align-items: center;
|
|
21
|
-
width: 100%;
|
|
22
|
-
display: flex;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.IncodePhonePage .IncodePhoneInputRow {
|
|
26
|
-
align-items: stretch;
|
|
27
|
-
gap: var(--spacing-8, var(--spacing-8, 8px));
|
|
28
|
-
width: 100%;
|
|
29
|
-
max-width: 340px;
|
|
30
|
-
display: flex;
|
|
31
|
-
position: relative;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.IncodePhonePage .IncodePhoneInputWrapper {
|
|
35
|
-
border-radius: var(--radius-small, var(--border-radius-small));
|
|
36
|
-
border-style: var(--tw-border-style);
|
|
37
|
-
border-width: 1px;
|
|
38
|
-
border-color: var(--color-input-border-default, var(--input-border-default));
|
|
39
|
-
background-color: var(--color-input-surface-default, var(--input-surface-default));
|
|
40
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
41
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
|
42
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
|
43
|
-
--tw-duration: .2s;
|
|
44
|
-
flex: 1;
|
|
45
|
-
align-items: center;
|
|
46
|
-
transition-duration: .2s;
|
|
47
|
-
display: flex;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.IncodePhonePage .IncodePhoneInputWrapper:focus-within {
|
|
51
|
-
border-color: var(--color-input-border-active, var(--input-border-active));
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
|
|
55
|
-
border-color: var(--color-input-border-negative, var(--input-border-negative));
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {
|
|
59
|
-
border-color: var(--color-input-border-disabled, var(--input-border-disabled));
|
|
60
|
-
background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.IncodePhonePage .IncodePhoneCountrySelector {
|
|
64
|
-
border-radius: var(--radius-small, var(--border-radius-small));
|
|
65
|
-
border-style: var(--tw-border-style);
|
|
66
|
-
border-width: 1px;
|
|
67
|
-
border-color: var(--color-input-border-default, var(--input-border-default));
|
|
68
|
-
background-color: var(--color-input-surface-default, var(--input-surface-default));
|
|
69
|
-
width: 124px;
|
|
70
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
71
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
|
72
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
|
73
|
-
--tw-duration: .2s;
|
|
74
|
-
flex-shrink: 0;
|
|
75
|
-
transition-duration: .2s;
|
|
76
|
-
position: static;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
|
|
80
|
-
border-color: var(--color-input-border-active, var(--input-border-active));
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
|
|
84
|
-
border-color: var(--color-input-border-disabled, var(--input-border-disabled));
|
|
85
|
-
background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.IncodePhonePage .IncodePhoneCountryButton {
|
|
89
|
-
width: 100%;
|
|
90
|
-
height: 100%;
|
|
91
|
-
padding: var(--spacing-8, var(--spacing-8, 8px));
|
|
92
|
-
padding-left: var(--spacing-16, var(--spacing-16, 16px));
|
|
93
|
-
cursor: pointer;
|
|
94
|
-
border-style: var(--tw-border-style);
|
|
95
|
-
border-width: var(--border-width-none, var(--border-none));
|
|
96
|
-
--tw-border-style: none;
|
|
97
|
-
font-size: var(--text-18, var(--primitive-typography-size-18));
|
|
98
|
-
--tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
99
|
-
font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
100
|
-
color: var(--color-text-body-primary, var(--text-body-primary));
|
|
101
|
-
border-radius: var(--radius-small, var(--border-radius-small));
|
|
102
|
-
background-color: #0000;
|
|
103
|
-
border-style: none;
|
|
104
|
-
justify-content: center;
|
|
105
|
-
align-items: center;
|
|
106
|
-
font-family: inherit;
|
|
107
|
-
display: flex;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.IncodePhonePage .IncodePhoneCountryButton:disabled {
|
|
111
|
-
cursor: not-allowed;
|
|
112
|
-
color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.IncodePhonePage .IncodePhoneCountryButton:focus {
|
|
116
|
-
--tw-outline-style: none;
|
|
117
|
-
outline-style: none;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.IncodePhonePage .IncodePhoneCountryFlag {
|
|
121
|
-
font-size: var(--text-24, var(--primitive-typography-size-24));
|
|
122
|
-
--tw-leading: 1;
|
|
123
|
-
line-height: 1;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.IncodePhonePage .IncodePhoneCountryCode {
|
|
127
|
-
margin-left: var(--spacing-4, var(--spacing-4, 4px));
|
|
128
|
-
font-size: var(--text-18, var(--primitive-typography-size-18));
|
|
129
|
-
--tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
130
|
-
font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
131
|
-
white-space: nowrap;
|
|
132
|
-
color: var(--color-text-body-primary, var(--text-body-primary));
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.IncodePhonePage .IncodePhoneCountryArrow {
|
|
136
|
-
margin-left: var(--spacing-8, var(--spacing-8, 8px));
|
|
137
|
-
height: var(--spacing-24, var(--spacing-24, 24px));
|
|
138
|
-
width: var(--spacing-24, var(--spacing-24, 24px));
|
|
139
|
-
color: var(--color-icon-neutral-500, var(--icon-neutral-500));
|
|
140
|
-
transition-property: transform, translate, scale, rotate;
|
|
141
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
|
142
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
|
143
|
-
--tw-duration: .2s;
|
|
144
|
-
transition-duration: .2s;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.IncodePhonePage .IncodePhoneCountryArrowUp {
|
|
148
|
-
rotate: 180deg;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.IncodePhonePage .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {
|
|
152
|
-
color: var(--color-icon-neutral-300, var(--icon-neutral-300));
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.IncodePhonePage .IncodePhoneCountryDropdown {
|
|
156
|
-
top: 100%;
|
|
157
|
-
right: var(--spacing-0, var(--spacing-none, 0px));
|
|
158
|
-
left: var(--spacing-0, var(--spacing-none, 0px));
|
|
159
|
-
z-index: 50;
|
|
160
|
-
margin-top: var(--spacing-8, var(--spacing-8, 8px));
|
|
161
|
-
border-radius: var(--radius-small, var(--border-radius-small));
|
|
162
|
-
border-style: var(--tw-border-style);
|
|
163
|
-
border-width: 1px;
|
|
164
|
-
border-color: var(--color-input-border-default, var(--input-border-default));
|
|
165
|
-
background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
|
|
166
|
-
max-height: 320px;
|
|
167
|
-
padding: var(--spacing-8, var(--spacing-8, 8px));
|
|
168
|
-
position: absolute;
|
|
169
|
-
overflow-y: auto;
|
|
170
|
-
box-shadow: 0 4px 16px #0000001f;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.IncodePhonePage .IncodePhoneCountryOption {
|
|
174
|
-
cursor: pointer;
|
|
175
|
-
align-items: center;
|
|
176
|
-
gap: var(--spacing-12, var(--spacing-12, 12px));
|
|
177
|
-
border-radius: var(--radius-small, var(--border-radius-small));
|
|
178
|
-
width: 100%;
|
|
179
|
-
padding-inline: var(--spacing-12, var(--spacing-12, 12px));
|
|
180
|
-
padding-block: var(--spacing-12, var(--spacing-12, 12px));
|
|
181
|
-
font-size: var(--text-16, var(--primitive-typography-size-16));
|
|
182
|
-
--tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
183
|
-
font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
184
|
-
color: var(--color-text-body-primary, var(--text-body-primary));
|
|
185
|
-
border-style: var(--tw-border-style);
|
|
186
|
-
border-width: var(--border-width-none, var(--border-none));
|
|
187
|
-
--tw-border-style: none;
|
|
188
|
-
text-align: left;
|
|
189
|
-
background-color: #0000;
|
|
190
|
-
border-style: none;
|
|
191
|
-
font-family: inherit;
|
|
192
|
-
display: flex;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.IncodePhonePage .IncodePhoneCountryOption:hover {
|
|
196
|
-
background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.IncodePhonePage .IncodePhoneCountryOption:focus {
|
|
200
|
-
background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
|
|
201
|
-
--tw-outline-style: none;
|
|
202
|
-
outline-style: none;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
.IncodePhonePage .IncodePhoneCountryOptionSelected, .IncodePhonePage .IncodePhoneCountryOptionSelected:hover {
|
|
206
|
-
background-color: var(--color-surface-brand-50, var(--surface-brand-50));
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
.IncodePhonePage .IncodePhoneCountryOptionCode {
|
|
210
|
-
min-width: 52px;
|
|
211
|
-
font-size: var(--text-16, var(--primitive-typography-size-16));
|
|
212
|
-
color: var(--color-text-body-secondary, var(--text-body-secondary));
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.IncodePhonePage .IncodePhoneCountryOptionName {
|
|
216
|
-
text-overflow: ellipsis;
|
|
217
|
-
white-space: nowrap;
|
|
218
|
-
font-size: var(--text-16, var(--primitive-typography-size-16));
|
|
219
|
-
color: var(--color-text-body-primary, var(--text-body-primary));
|
|
220
|
-
flex: 1;
|
|
221
|
-
overflow: hidden;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
.IncodePhonePage .IncodePhoneInputField {
|
|
225
|
-
border-style: var(--tw-border-style);
|
|
226
|
-
border-width: var(--border-width-none, var(--border-none));
|
|
227
|
-
--tw-border-style: none;
|
|
228
|
-
width: 100%;
|
|
229
|
-
padding-inline: var(--spacing-16, var(--spacing-16, 16px));
|
|
230
|
-
padding-block: var(--spacing-16, var(--spacing-16, 16px));
|
|
231
|
-
font-size: var(--text-18, var(--primitive-typography-size-18));
|
|
232
|
-
--tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
233
|
-
font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
234
|
-
color: var(--color-input-text-field-default, var(--input-text-field-default));
|
|
235
|
-
--tw-outline-style: none;
|
|
236
|
-
border-radius: var(--radius-small, var(--border-radius-small));
|
|
237
|
-
background-color: #0000;
|
|
238
|
-
border-style: none;
|
|
239
|
-
outline-style: none;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
.IncodePhonePage .IncodePhoneInputField::placeholder {
|
|
243
|
-
--tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
244
|
-
font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
245
|
-
color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
.IncodePhonePage .IncodePhoneInputField:disabled {
|
|
249
|
-
cursor: not-allowed;
|
|
250
|
-
color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.IncodePhonePage .IncodePhoneInputError {
|
|
254
|
-
margin: var(--spacing-0, var(--spacing-none, 0px));
|
|
255
|
-
text-align: center;
|
|
256
|
-
font-size: var(--text-14, var(--primitive-typography-size-14));
|
|
257
|
-
--tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
258
|
-
font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
259
|
-
color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
.IncodePhonePage .IncodePhoneInputOptIn {
|
|
263
|
-
cursor: pointer;
|
|
264
|
-
align-items: center;
|
|
265
|
-
gap: var(--spacing-8, var(--spacing-8, 8px));
|
|
266
|
-
font-size: var(--text-14, var(--primitive-typography-size-14));
|
|
267
|
-
color: var(--color-checkbox-text-default, var(--checkbox-text-default));
|
|
268
|
-
display: flex;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
.IncodePhonePage .IncodePhoneInputOptIn input[type="checkbox"] {
|
|
272
|
-
cursor: pointer;
|
|
273
|
-
border-radius: var(--radius-checkbox, var(--checkbox-border-radius));
|
|
274
|
-
width: 18px;
|
|
275
|
-
height: 18px;
|
|
276
|
-
accent-color: var(--color-checkbox-surface-selected, var(--checkbox-surface-selected));
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
.IncodePhonePage .IncodePhoneInputOptIn span {
|
|
280
|
-
--tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
281
|
-
font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
|
|
282
|
-
-webkit-user-select: none;
|
|
283
|
-
user-select: none;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
@property --tw-border-style {
|
|
287
|
-
syntax: "*";
|
|
288
|
-
inherits: false;
|
|
289
|
-
initial-value: solid;
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
@property --tw-duration {
|
|
293
|
-
syntax: "*";
|
|
294
|
-
inherits: false
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
@property --tw-font-weight {
|
|
298
|
-
syntax: "*";
|
|
299
|
-
inherits: false
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
@property --tw-leading {
|
|
303
|
-
syntax: "*";
|
|
304
|
-
inherits: false
|
|
305
|
-
}
|