@incodetech/web 2.0.0-alpha.4 → 2.0.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/base.css +230 -0
  2. package/dist/email/email.es.js +3 -3
  3. package/dist/flow/flow.es.js +555 -7
  4. package/dist/flow/styles.css +419 -189
  5. package/dist/{incodeModule-Ct9jp5k6.js → incodeModule-BuCBWati.js} +56 -58
  6. package/dist/index.es.js +4 -99
  7. package/dist/{title-ng7q7YDh.js → instance-B-q0ZREN.js} +194 -215
  8. package/dist/{otpInput-BUrV4IAF.js → otpInput-cq1THeRd.js} +1 -1
  9. package/dist/phone/phone.es.js +3 -4
  10. package/dist/{button-DeMZ_34N.js → preact-custom-element.esm-BGQkPkOv.js} +145 -166
  11. package/dist/selfie/selfie.es.js +63 -63
  12. package/dist/selfie/styles.css +267 -787
  13. package/dist/setup-wNL83jmW.js +20 -0
  14. package/dist/title-XSxhaBDx.js +25 -0
  15. package/dist/types/email/email.d.ts +1 -1
  16. package/dist/types/email/styles.d.ts +1 -0
  17. package/dist/types/email.d.ts +1 -1
  18. package/dist/types/flow/flow.d.ts +1 -1
  19. package/dist/types/flow/styles.d.ts +1 -0
  20. package/dist/types/flow.d.ts +2 -2
  21. package/dist/types/index.d.ts +4 -99
  22. package/dist/types/phone/phone.d.ts +1 -1
  23. package/dist/types/phone/styles.d.ts +1 -0
  24. package/dist/types/phone.d.ts +1 -1
  25. package/dist/types/selfie/selfie.d.ts +1 -1
  26. package/dist/types/selfie/styles.d.ts +1 -0
  27. package/dist/types/selfie.d.ts +1 -1
  28. package/dist/types/styles.d.ts +1 -0
  29. package/dist/uiConfig-CQ1W9cUD.js +23 -0
  30. package/package.json +6 -5
  31. package/dist/button.css +0 -335
  32. package/dist/flow-ZK6OBsa3.js +0 -568
  33. package/dist/incodeModule.css +0 -119
  34. package/dist/otpInput.css +0 -167
  35. package/dist/successIcon.css +0 -4
  36. package/dist/title.css +0 -38
package/dist/otpInput.css DELETED
@@ -1,167 +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-font-weight: initial;
6
- --tw-border-style: solid;
7
- --tw-duration: initial;
8
- }
9
- }
10
- }
11
-
12
- .IncodeOtpInput {
13
- flex-direction: column;
14
- flex: 1;
15
- align-items: center;
16
- width: 100%;
17
- display: flex;
18
- }
19
-
20
- .IncodeOtpInputContainer {
21
- flex-direction: column;
22
- align-items: center;
23
- width: 100%;
24
- display: flex;
25
- }
26
-
27
- .IncodeOtpInputBoxes {
28
- justify-content: center;
29
- gap: var(--spacing-4, var(--spacing-4, 4px));
30
- max-width: 100%;
31
- display: flex;
32
- }
33
-
34
- @media (min-width: 400px) {
35
- .IncodeOtpInputBoxes {
36
- gap: var(--spacing-12, var(--spacing-12, 12px));
37
- }
38
- }
39
-
40
- .IncodeOtpInputBox {
41
- text-align: center;
42
- width: 48px;
43
- height: 48px;
44
- font-size: var(--text-24, var(--primitive-typography-size-24));
45
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
46
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
47
- border-radius: var(--radius-small, var(--border-radius-small));
48
- border-style: var(--tw-border-style);
49
- border-width: 1px;
50
- border-color: var(--color-input-border-default, var(--input-border-default));
51
- background-color: var(--color-input-surface-default, var(--input-surface-default));
52
- color: var(--color-input-text-field-default, var(--input-text-field-default));
53
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
54
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
55
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
56
- --tw-duration: .2s;
57
- --tw-outline-style: none;
58
- outline-style: none;
59
- flex-shrink: 0;
60
- font-family: inherit;
61
- transition-duration: .2s;
62
- }
63
-
64
- @media (min-width: 400px) {
65
- .IncodeOtpInputBox {
66
- width: 56px;
67
- height: 56px;
68
- }
69
- }
70
-
71
- .IncodeOtpInputBoxes:focus-within .IncodeOtpInputBox {
72
- border-style: var(--tw-border-style);
73
- border-width: 2px;
74
- border-color: var(--color-input-border-active, var(--input-border-active));
75
- background-color: var(--color-input-surface-active, var(--input-surface-active));
76
- }
77
-
78
- .IncodeOtpInputBoxes.IncodeOtpInputBoxesError .IncodeOtpInputBox {
79
- border-color: var(--color-input-border-negative, var(--input-border-negative));
80
- }
81
-
82
- .IncodeOtpInputBox::placeholder {
83
- color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
84
- }
85
-
86
- .IncodeOtpInputBox:disabled {
87
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
88
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
89
- cursor: not-allowed;
90
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
91
- }
92
-
93
- .IncodeOtpInputError {
94
- margin: var(--spacing-0, var(--spacing-none, 0px));
95
- text-align: center;
96
- font-size: var(--text-14, var(--primitive-typography-size-14));
97
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
98
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
99
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
100
- }
101
-
102
- .IncodeOtpInputActions {
103
- flex-direction: column;
104
- align-items: center;
105
- width: 100%;
106
- display: flex;
107
- }
108
-
109
- .IncodeOtpInputTimer {
110
- margin: var(--spacing-0, var(--spacing-none, 0px));
111
- text-align: center;
112
- font-size: var(--text-18, var(--primitive-typography-size-18));
113
- --tw-font-weight: var(--font-weight-normal, 400);
114
- font-weight: var(--font-weight-normal, 400);
115
- color: var(--color-text-body-tertiary, var(--text-body-tertiary));
116
- }
117
-
118
- .IncodeOtpInputResendText {
119
- margin: var(--spacing-0, var(--spacing-none, 0px));
120
- text-align: center;
121
- font-size: var(--text-18, var(--primitive-typography-size-18));
122
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
123
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
124
- color: var(--color-text-body-primary, var(--text-body-primary));
125
- }
126
-
127
- .IncodeOtpInputLink {
128
- margin: var(--spacing-0, var(--spacing-none, 0px));
129
- cursor: pointer;
130
- border-style: var(--tw-border-style);
131
- border-width: var(--border-width-none, var(--border-none));
132
- --tw-border-style: none;
133
- padding: var(--spacing-0, var(--spacing-none, 0px));
134
- font-size: var(--text-18, var(--primitive-typography-size-18));
135
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
136
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
137
- color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
138
- background-color: #0000;
139
- border-style: none;
140
- font-family: inherit;
141
- text-decoration-line: underline;
142
- }
143
-
144
- .IncodeOtpInputLink:hover {
145
- color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
146
- }
147
-
148
- .IncodeOtpInputLink:disabled {
149
- cursor: not-allowed;
150
- color: var(--color-text-body-tertiary, var(--text-body-tertiary));
151
- }
152
-
153
- @property --tw-font-weight {
154
- syntax: "*";
155
- inherits: false
156
- }
157
-
158
- @property --tw-border-style {
159
- syntax: "*";
160
- inherits: false;
161
- initial-value: solid;
162
- }
163
-
164
- @property --tw-duration {
165
- syntax: "*";
166
- inherits: false
167
- }
package/dist/successIcon.css DELETED
@@ -1,4 +0,0 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
- .IncodeSuccessIcon {
3
- flex-shrink: 0;
4
- }
package/dist/title.css DELETED
@@ -1,38 +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-leading: initial;
6
- --tw-font-weight: initial;
7
- --tw-tracking: initial;
8
- }
9
- }
10
- }
11
-
12
- .IncodeComponent .IncodeTitle {
13
- text-align: center;
14
- font-size: var(--text-2xl, 1.5rem);
15
- line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
16
- --tw-leading: 125%;
17
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
18
- line-height: 125%;
19
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
20
- --tw-tracking: -1px;
21
- letter-spacing: -1px;
22
- color: var(--color-text-body-primary, var(--text-body-primary));
23
- }
24
-
25
- @property --tw-leading {
26
- syntax: "*";
27
- inherits: false
28
- }
29
-
30
- @property --tw-font-weight {
31
- syntax: "*";
32
- inherits: false
33
- }
34
-
35
- @property --tw-tracking {
36
- syntax: "*";
37
- inherits: false
38
- }