@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/base.css CHANGED
@@ -829,6 +829,236 @@
829
829
  color: var(--spinner-text-subtitle);
830
830
  }
831
831
 
832
+ .IncodePermissionsImageContainer {
833
+ flex-direction: column;
834
+ align-items: center;
835
+ display: flex;
836
+ position: relative;
837
+ }
838
+
839
+ .IncodePermissionsActions {
840
+ flex-direction: column;
841
+ align-items: center;
842
+ width: 100%;
843
+ margin-top: auto;
844
+ display: flex;
845
+ }
846
+
847
+ .IncodePermissionsActionsGap {
848
+ align-items: center;
849
+ gap: var(--spacing-12, var(--spacing-12, 12px));
850
+ flex-direction: column;
851
+ width: 100%;
852
+ margin-top: auto;
853
+ display: flex;
854
+ }
855
+
856
+ .IncodeBoldWithArrow {
857
+ --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
858
+ font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
859
+ color: var(--color-text-body-primary, var(--text-body-primary));
860
+ display: inline;
861
+ }
862
+
863
+ .IncodeBoldWithArrowIcon {
864
+ vertical-align: middle;
865
+ width: .8em;
866
+ height: .8em;
867
+ margin-inline: .2em;
868
+ display: inline-block;
869
+ }
870
+
871
+ .IncodeDeniedPage .IncodePageInner {
872
+ max-width: 468px;
873
+ }
874
+
875
+ .IncodeDeniedTitle {
876
+ text-align: left;
877
+ font-size: var(--text-24, var(--primitive-typography-size-24));
878
+ --tw-leading: var(--leading-tight, 1.25);
879
+ line-height: var(--leading-tight, 1.25);
880
+ --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
881
+ font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
882
+ --tw-tracking: -1px;
883
+ letter-spacing: -1px;
884
+ color: var(--color-text-body-primary, var(--text-body-primary));
885
+ }
886
+
887
+ .IncodeDeniedInstructionsContainer {
888
+ width: 100%;
889
+ max-width: 420px;
890
+ }
891
+
892
+ .IncodeDeniedStepsList {
893
+ gap: var(--spacing-16, var(--spacing-16, 16px));
894
+ flex-direction: column;
895
+ display: flex;
896
+ }
897
+
898
+ .IncodeDeniedStepItem {
899
+ align-items: center;
900
+ gap: var(--spacing-16, var(--spacing-16, 16px));
901
+ display: flex;
902
+ }
903
+
904
+ .IncodeDeniedStepText {
905
+ font-size: var(--text-18, var(--primitive-typography-size-18));
906
+ --tw-leading: 114%;
907
+ --tw-font-weight: var(--font-weight-normal, 400);
908
+ line-height: 114%;
909
+ font-weight: var(--font-weight-normal, 400);
910
+ --tw-tracking: -.5px;
911
+ letter-spacing: -.5px;
912
+ color: var(--color-text-body-secondary, var(--text-body-secondary));
913
+ }
914
+
915
+ .IncodeDeniedStepTextBold {
916
+ --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
917
+ font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
918
+ }
919
+
920
+ .IncodeDeniedStepsList .IncodeDeniedStepTextBold {
921
+ color: var(--color-text-body-primary, var(--text-body-primary));
922
+ }
923
+
924
+ .IncodeDeniedActions {
925
+ width: 100%;
926
+ padding-block: var(--spacing-16, var(--spacing-16, 16px));
927
+ flex-direction: column;
928
+ align-items: center;
929
+ margin-top: auto;
930
+ display: flex;
931
+ }
932
+
933
+ .IncodeDeniedDesktopContainer {
934
+ flex-direction: column;
935
+ display: flex;
936
+ }
937
+
938
+ .IncodeDeniedDesktopStep {
939
+ align-items: center;
940
+ gap: var(--spacing-8, var(--spacing-8, 8px));
941
+ display: flex;
942
+ }
943
+
944
+ .IncodeIconWrapper {
945
+ aspect-ratio: 1;
946
+ justify-content: center;
947
+ align-items: center;
948
+ width: 38px;
949
+ min-width: 38px;
950
+ height: 38px;
951
+ min-height: 38px;
952
+ display: flex;
953
+ }
954
+
955
+ .IncodeIconWrapperImage {
956
+ width: 100%;
957
+ height: 100%;
958
+ }
959
+
960
+ .IncodeLearnMoreContainer {
961
+ flex-direction: column;
962
+ justify-content: center;
963
+ align-items: center;
964
+ display: flex;
965
+ }
966
+
967
+ .IncodeLearnMoreImage {
968
+ aspect-ratio: 1;
969
+ height: var(--spacing-32, var(--spacing-32, 32px));
970
+ width: var(--spacing-32, var(--spacing-32, 32px));
971
+ }
972
+
973
+ .IncodeLearnMoreTitle {
974
+ text-align: center;
975
+ font-size: var(--text-20, var(--primitive-typography-size-20));
976
+ --tw-leading: 114%;
977
+ --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
978
+ line-height: 114%;
979
+ font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
980
+ --tw-tracking: -1px;
981
+ letter-spacing: -1px;
982
+ color: var(--color-text-body-primary, var(--text-body-primary));
983
+ }
984
+
985
+ .IncodeLearnMoreInstructions {
986
+ align-items: center;
987
+ gap: var(--spacing-24, var(--spacing-24, 24px));
988
+ flex-direction: column;
989
+ display: flex;
990
+ }
991
+
992
+ .IncodeLearnMoreInstruction {
993
+ align-items: center;
994
+ gap: var(--spacing-12, var(--spacing-12, 12px));
995
+ width: 100%;
996
+ display: flex;
997
+ }
998
+
999
+ .IncodeLearnMoreInstructionIcon {
1000
+ aspect-ratio: 1;
1001
+ height: var(--spacing-32, var(--spacing-32, 32px));
1002
+ width: var(--spacing-32, var(--spacing-32, 32px));
1003
+ flex-shrink: 0;
1004
+ display: flex;
1005
+ }
1006
+
1007
+ .IncodeLearnMoreInstructionIconImage {
1008
+ width: 100%;
1009
+ height: 100%;
1010
+ }
1011
+
1012
+ .IncodeLearnMoreInstructionText {
1013
+ font-size: var(--text-18, var(--primitive-typography-size-18));
1014
+ --tw-leading: 114%;
1015
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
1016
+ line-height: 114%;
1017
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
1018
+ --tw-tracking: -.5px;
1019
+ letter-spacing: -.5px;
1020
+ color: var(--color-text-body-primary, var(--text-body-primary));
1021
+ }
1022
+
1023
+ .IncodeLearnMoreActions {
1024
+ width: 100%;
1025
+ padding-block: var(--spacing-16, var(--spacing-16, 16px));
1026
+ flex-direction: column;
1027
+ align-items: center;
1028
+ margin-top: auto;
1029
+ display: flex;
1030
+ }
1031
+
1032
+ .IncodeNumberedStep {
1033
+ border-radius: var(--radius-lg, .5rem);
1034
+ border-style: var(--tw-border-style);
1035
+ --tw-border-style: solid;
1036
+ border-style: solid;
1037
+ border-width: 2px;
1038
+ border-color: var(--color-border-neutral-100, var(--border-neutral-100));
1039
+ justify-content: center;
1040
+ align-items: center;
1041
+ width: 46px;
1042
+ min-width: 46px;
1043
+ height: 46px;
1044
+ min-height: 46px;
1045
+ display: flex;
1046
+ }
1047
+
1048
+ .IncodeNumberedStepText {
1049
+ font-size: var(--text-18, var(--primitive-typography-size-18));
1050
+ --tw-font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
1051
+ font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
1052
+ color: var(--color-text-body-primary, var(--text-body-primary));
1053
+ }
1054
+
1055
+ .IncodeNumberedStepConnector {
1056
+ margin-left: var(--spacing-24, var(--spacing-24, 24px));
1057
+ height: var(--spacing-12, var(--spacing-12, 12px));
1058
+ width: var(--spacing-2, var(--spacing-2, 2px));
1059
+ background-color: var(--color-border-neutral-100, var(--border-neutral-100));
1060
+ }
1061
+
832
1062
  @property --tw-rotate-x {
833
1063
  syntax: "*";
834
1064
  inherits: false
package/dist/email/email.es.js CHANGED
@@ -1,8 +1,8 @@
1
- import { u as e, S as g, a as h, B as v } from "../button-DeMZ_34N.js";
1
+ import { u as e, S as g, a as h, B as v } from "../preact-custom-element.esm-BGQkPkOv.js";
2
2
  import { createEmailManager as O } from "@incodetech/core/email";
3
3
  import { d as f, y as b, k as y } from "../vendor-preact-CK0WeTOR.js";
4
- import { a as V, I as P, P as E } from "../incodeModule-Ct9jp5k6.js";
5
- import { O as k } from "../otpInput-BUrV4IAF.js";
4
+ import { r as V, I as P, P as E } from "../incodeModule-BuCBWati.js";
5
+ import { O as k } from "../otpInput-cq1THeRd.js";
6
6
  const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
7
7
  prefilledEmail: i,
8
8
  emailError: s,