@incodetech/web 0.0.0-dev-20260312-e476b70 → 0.0.0-dev-20260313-d658d3a

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 (37) hide show
  1. package/dist/authentication/authentication.es.js +2 -2
  2. package/dist/base.css +71 -80
  3. package/dist/{baseTutorial-By7hI83C.js → baseTutorial-g5NWjgBD.js} +1 -1
  4. package/dist/curp-validation/curp-validation.es.js +4 -4
  5. package/dist/curp-validation/styles.css +22 -28
  6. package/dist/{dateInputComposed-Badm2Tzx.js → dateInputComposed-R0ZEgvu9.js} +1 -1
  7. package/dist/document-capture/styles.css +18 -18
  8. package/dist/{documentCapture-ChFrtfzB.js → documentCapture-CtF0FPAF.js} +3 -3
  9. package/dist/{dropdownComposed-DgA0fNAh.js → dropdownComposed-BlSDt04F.js} +1 -1
  10. package/dist/ekyb/styles.css +2 -2
  11. package/dist/{ekybModule-DexnANPQ.js → ekybModule-ChD0rtCB.js} +3 -3
  12. package/dist/ekyc/styles.css +4 -4
  13. package/dist/{ekycModule-D8_or1xq.js → ekycModule-CDUkXo7h.js} +4 -4
  14. package/dist/email/email.es.js +1 -1
  15. package/dist/email/styles.css +1 -1
  16. package/dist/{errorContent-BMXamgg9.js → errorContent-BCqdWSgy.js} +2 -2
  17. package/dist/face-match/styles.css +3 -3
  18. package/dist/{faceMatch-DXcWwP9u.js → faceMatch-BAu-4UO1.js} +1 -1
  19. package/dist/flow/flow.es.js +5 -5
  20. package/dist/flow/styles.css +132 -140
  21. package/dist/geolocation/geolocation.es.js +15 -15
  22. package/dist/geolocation/styles.css +4 -4
  23. package/dist/governmentValidation/governmentValidation.es.js +2 -2
  24. package/dist/governmentValidation/styles.css +6 -8
  25. package/dist/id/id.es.js +2 -2
  26. package/dist/id/styles.css +54 -54
  27. package/dist/{page-Bdz8JP3P.js → page-DoIWDQTP.js} +9 -9
  28. package/dist/phone/phone.es.js +1 -1
  29. package/dist/phone/styles.css +8 -8
  30. package/dist/selfie/selfie.es.js +2 -2
  31. package/dist/selfie/styles.css +4 -4
  32. package/dist/{successIcon-BPe0Wymn.js → successIcon-mP1PQQrr.js} +5 -5
  33. package/dist/themes/dark.css +415 -149
  34. package/dist/themes/light.css +371 -119
  35. package/dist/{tutorial-CJs2GHe1.js → tutorial-Ct-q8YeM.js} +6 -6
  36. package/dist/{verificationResult-BfLzIvM8.js → verificationResult-6jqSfF6-.js} +3 -3
  37. package/package.json +2 -2
package/dist/authentication/authentication.es.js CHANGED
@@ -2,8 +2,8 @@ import { r as a, u as e, I as o, a as l } from "../incodeModule-7zNv7YeX.js";
2
2
  import { createAuthenticationManager as m } from "@incodetech/core/authentication";
3
3
  import "../vendor-preact-DP-hbKuj.js";
4
4
  import "@incodetech/core";
5
- import { P as p } from "../baseTutorial-By7hI83C.js";
6
- import { T as c, C as d } from "../tutorial-CJs2GHe1.js";
5
+ import { P as p } from "../baseTutorial-g5NWjgBD.js";
6
+ import { T as c, C as d } from "../tutorial-Ct-q8YeM.js";
7
7
  const f = ({
8
8
  config: r,
9
9
  authHint: n,
package/dist/base.css CHANGED
@@ -54,7 +54,7 @@
54
54
  -webkit-font-smoothing: antialiased;
55
55
  -moz-osx-font-smoothing: grayscale;
56
56
  text-rendering: optimizeLegibility;
57
- color: var(--text-body-primary);
57
+ color: var(--text-body-800-primary);
58
58
  width: 100%;
59
59
  height: 100%;
60
60
  margin: 0;
@@ -218,7 +218,7 @@
218
218
  .IncodeTransBold {
219
219
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
220
220
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
221
- color: var(--color-text-body-primary, var(--text-body-primary));
221
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
222
222
  }
223
223
  .IncodeTransArrow {
224
224
  vertical-align: middle;
@@ -345,14 +345,14 @@
345
345
  }
346
346
  .IncodeButton.IncodeButtonLink {
347
347
  border-style: var(--tw-border-style);
348
- border-width: var(--border-width-none, var(--border-none));
348
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
349
349
  --tw-border-style: none;
350
350
  padding: var(--spacing-0, var(--spacing-none, 0px));
351
- font-family: var(--Button-family, "DM Sans");
352
- font-size: var(--Button-M-Underlined-font-size, 18px);
353
- font-weight: 500;
354
- line-height: var(--Button-M-Underlined-line-height, 18px);
355
- letter-spacing: var(--Button-M-Underlined-letter-spacing, 0);
351
+ font-family: var(--typography-button-family);
352
+ font-size: var(--typography-button-m-underlined-size);
353
+ font-weight: var(--typography-button-m-underlined-weight);
354
+ line-height: var(--typography-button-m-underlined-line-height);
355
+ letter-spacing: var(--typography-button-m-underlined-letter-spacing);
356
356
  -webkit-text-decoration-skip-ink: none;
357
357
  text-decoration-skip-ink: none;
358
358
  color: var(--color-button-tertiary-text-default, var(--button-tertiary-text-default));
@@ -486,7 +486,7 @@
486
486
  }
487
487
  .IncodeCheckboxHelperText {
488
488
  margin: var(--spacing-0, var(--spacing-none, 0px));
489
- color: var(--color-text-body-secondary, var(--text-body-secondary));
489
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
490
490
  font-size: var(--text-14, var(--primitive-typography-size-14));
491
491
  --tw-font-weight: var(--font-weight-normal, 400);
492
492
  font-weight: var(--font-weight-normal, 400);
@@ -498,15 +498,11 @@
498
498
  max-width: 420px;
499
499
  height: 56px;
500
500
  min-height: 56px;
501
- font-family: var(--primitive-typography-family-dm-sans);
502
- font-size: var(--typography-body-lg-size);
503
- font-weight: var(--typography-body-lg-weight);
504
- line-height: var(--typography-body-lg-line-height);
505
- letter-spacing: var(--typography-body-lg-letter-spacing);
506
- font-size: var(--text-lg, 1.125rem);
507
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
508
- --tw-font-weight: var(--font-weight-normal, 400);
509
- font-weight: var(--font-weight-normal, 400);
501
+ font-family: var(--typography-input-dropdown-family);
502
+ font-size: var(--typography-input-dropdown-m-size);
503
+ font-weight: var(--typography-input-dropdown-m-weight);
504
+ line-height: var(--typography-input-dropdown-m-line-height);
505
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
510
506
  background-color: var(--color-input-surface-default, var(--input-surface-default));
511
507
  color: var(--color-input-text-field-default, var(--input-text-field-default));
512
508
  border-radius: var(--radius-input, var(--input-border-radius));
@@ -525,7 +521,6 @@
525
521
  }
526
522
  .IncodeInput::placeholder {
527
523
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
528
- font-weight: 500;
529
524
  }
530
525
  .IncodeInput:disabled {
531
526
  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
@@ -600,7 +595,7 @@
600
595
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
601
596
  translate: var(--tw-translate-x) var(--tw-translate-y);
602
597
  border-style: var(--tw-border-style);
603
- border-width: var(--border-width-none, var(--border-none));
598
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
604
599
  --tw-border-style: none;
605
600
  cursor: pointer;
606
601
  padding: var(--spacing-0, var(--spacing-none, 0px));
@@ -689,13 +684,11 @@
689
684
  width: 100%;
690
685
  padding: var(--spacing-16, var(--spacing-16, 16px));
691
686
  text-align: left;
692
- font-family: var(--primitive-typography-family-dm-sans);
693
- font-size: var(--typography-body-lg-size);
694
- font-weight: var(--typography-body-lg-weight);
695
- line-height: var(--typography-body-lg-line-height);
696
- letter-spacing: var(--typography-body-lg-letter-spacing);
697
- font-size: var(--text-lg, 1.125rem);
698
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
687
+ font-family: var(--typography-input-dropdown-family);
688
+ font-size: var(--typography-input-dropdown-m-size);
689
+ font-weight: var(--typography-input-dropdown-m-weight);
690
+ line-height: var(--typography-input-dropdown-m-line-height);
691
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
699
692
  --tw-font-weight: var(--font-weight-normal, 400);
700
693
  font-weight: var(--font-weight-normal, 400);
701
694
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
@@ -749,7 +742,7 @@
749
742
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
750
743
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
751
744
  --tw-duration: .2s;
752
- color: var(--text-body-tertiary, var(--color-text-body-tertiary));
745
+ color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
753
746
  flex-shrink: 0;
754
747
  transition-duration: .2s;
755
748
  display: flex;
@@ -791,19 +784,17 @@
791
784
  .IncodeDropdownComposedSearchInput {
792
785
  box-sizing: border-box;
793
786
  border-style: var(--tw-border-style);
794
- border-width: var(--border-width-none, var(--border-none));
787
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
795
788
  --tw-border-style: none;
796
789
  width: 100%;
797
790
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
798
791
  padding-right: var(--spacing-40, var(--spacing-40, 40px));
799
792
  padding-left: var(--spacing-12, var(--spacing-12, 12px));
800
- font-family: var(--primitive-typography-family-dm-sans);
801
- font-size: var(--typography-body-lg-size);
802
- font-weight: var(--typography-body-lg-weight);
803
- line-height: var(--typography-body-lg-line-height);
804
- letter-spacing: var(--typography-body-lg-letter-spacing);
805
- font-size: var(--text-lg, 1.125rem);
806
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
793
+ font-family: var(--typography-input-dropdown-family);
794
+ font-size: var(--typography-input-dropdown-m-size);
795
+ font-weight: var(--typography-input-dropdown-m-weight);
796
+ line-height: var(--typography-input-dropdown-m-line-height);
797
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
807
798
  --tw-font-weight: var(--font-weight-normal, 400);
808
799
  font-weight: var(--font-weight-normal, 400);
809
800
  --tw-outline-style: none;
@@ -982,7 +973,7 @@
982
973
  font-size: var(--text-18, var(--primitive-typography-size-18));
983
974
  --tw-font-weight: var(--font-weight-normal, 400);
984
975
  font-weight: var(--font-weight-normal, 400);
985
- color: var(--color-text-body-tertiary, var(--text-body-tertiary));
976
+ color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
986
977
  }
987
978
  .IncodeOtpInputResendText {
988
979
  margin: var(--spacing-0, var(--spacing-none, 0px));
@@ -990,13 +981,13 @@
990
981
  font-size: var(--text-18, var(--primitive-typography-size-18));
991
982
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
992
983
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
993
- color: var(--color-text-body-primary, var(--text-body-primary));
984
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
994
985
  }
995
986
  .IncodeOtpInputLink {
996
987
  margin: var(--spacing-0, var(--spacing-none, 0px));
997
988
  cursor: pointer;
998
989
  border-style: var(--tw-border-style);
999
- border-width: var(--border-width-none, var(--border-none));
990
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
1000
991
  --tw-border-style: none;
1001
992
  padding: var(--spacing-0, var(--spacing-none, 0px));
1002
993
  font-size: var(--text-18, var(--primitive-typography-size-18));
@@ -1013,7 +1004,7 @@
1013
1004
  }
1014
1005
  .IncodeOtpInputLink:disabled {
1015
1006
  cursor: not-allowed;
1016
- color: var(--color-text-body-tertiary, var(--text-body-tertiary));
1007
+ color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
1017
1008
  }
1018
1009
  .IncodePageContainer {
1019
1010
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
@@ -2104,12 +2095,12 @@
2104
2095
  }
2105
2096
  .IncodePageContainer .IncodePageTitle {
2106
2097
  text-align: center;
2107
- font-family: var(--primitive-typography-family-dm-sans);
2098
+ font-family: var(--typography-headline-family);
2108
2099
  font-size: var(--typography-headline-h2-size);
2109
2100
  font-weight: var(--typography-headline-h2-weight);
2110
2101
  line-height: var(--typography-headline-h2-line-height);
2111
2102
  letter-spacing: var(--typography-headline-h2-letter-spacing);
2112
- color: var(--color-text-body-primary, var(--text-body-primary));
2103
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2113
2104
  }
2114
2105
  .IncodePageContainer .IncodePageSubtitle {
2115
2106
  text-align: center;
@@ -2121,7 +2112,7 @@
2121
2112
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
2122
2113
  --tw-tracking: -.5px;
2123
2114
  letter-spacing: -.5px;
2124
- color: var(--color-text-body-secondary, var(--text-body-secondary));
2115
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
2125
2116
  }
2126
2117
  .IncodePageContainer .IncodePageContent {
2127
2118
  flex-direction: column;
@@ -2145,7 +2136,7 @@
2145
2136
  }
2146
2137
  }
2147
2138
  .IncodeFillWithPrimary {
2148
- fill: var(--color-text-body-primary, var(--text-body-primary));
2139
+ fill: var(--color-text-body-primary, var(--text-body-800-primary));
2149
2140
  }
2150
2141
  .IncodeComponent .IncodeTitle {
2151
2142
  text-align: center;
@@ -2157,31 +2148,31 @@
2157
2148
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
2158
2149
  --tw-tracking: -1px;
2159
2150
  letter-spacing: -1px;
2160
- color: var(--color-text-body-primary, var(--text-body-primary));
2151
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2161
2152
  }
2162
2153
  .IncodeComponent .IncodeTypographyH1 {
2163
- font-family: var(--primitive-typography-family-dm-sans);
2154
+ font-family: var(--typography-headline-family);
2164
2155
  font-size: var(--typography-headline-h1-size);
2165
2156
  font-weight: var(--typography-headline-h1-weight);
2166
2157
  line-height: var(--typography-headline-h1-line-height);
2167
2158
  letter-spacing: var(--typography-headline-h1-letter-spacing);
2168
2159
  }
2169
2160
  .IncodeComponent .IncodeTypographyH3 {
2170
- font-family: var(--primitive-typography-family-dm-sans);
2161
+ font-family: var(--typography-headline-family);
2171
2162
  font-size: var(--typography-headline-h3-size);
2172
2163
  font-weight: var(--typography-headline-h3-weight);
2173
2164
  line-height: var(--typography-headline-h3-line-height);
2174
2165
  letter-spacing: var(--typography-headline-h3-letter-spacing);
2175
2166
  }
2176
2167
  .IncodeComponent .IncodeTypographyH4 {
2177
- font-family: var(--primitive-typography-family-dm-sans);
2168
+ font-family: var(--typography-headline-family);
2178
2169
  font-size: var(--typography-headline-h4-size);
2179
2170
  font-weight: var(--typography-headline-h4-weight);
2180
2171
  line-height: var(--typography-headline-h4-line-height);
2181
2172
  letter-spacing: var(--typography-headline-h4-letter-spacing);
2182
2173
  }
2183
2174
  .IncodeComponent .IncodeTypographyH5 {
2184
- font-family: var(--primitive-typography-family-dm-sans);
2175
+ font-family: var(--typography-headline-family);
2185
2176
  font-size: var(--typography-headline-h5-size);
2186
2177
  font-weight: var(--typography-headline-h5-weight);
2187
2178
  line-height: var(--typography-headline-h5-line-height);
@@ -2380,7 +2371,7 @@
2380
2371
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
2381
2372
  --tw-tracking: -.5px;
2382
2373
  letter-spacing: -.5px;
2383
- color: var(--color-text-body-secondary, var(--text-body-secondary));
2374
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
2384
2375
  }
2385
2376
  .IncodeBaseTutorialButtonContainer {
2386
2377
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
@@ -2483,10 +2474,10 @@
2483
2474
  .IncodeModal .IncodeModalCloseButton {
2484
2475
  cursor: pointer;
2485
2476
  border-style: var(--tw-border-style);
2486
- border-width: var(--border-width-none, var(--border-none));
2477
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
2487
2478
  --tw-border-style: none;
2488
2479
  padding: var(--spacing-0, var(--spacing-none, 0px));
2489
- color: var(--color-text-body-primary, var(--text-body-primary));
2480
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2490
2481
  background-color: #0000;
2491
2482
  border-style: none;
2492
2483
  justify-content: center;
@@ -2514,11 +2505,11 @@
2514
2505
  justify-content: center;
2515
2506
  align-items: center;
2516
2507
  gap: var(--spacing-4, var(--spacing-4, 4px));
2517
- font-family: var(--primitive-typography-family-dm-sans);
2518
- font-size: var(--typography-body-regular-size);
2519
- font-weight: var(--typography-body-regular-weight);
2520
- line-height: var(--typography-body-regular-line-height);
2521
- letter-spacing: var(--typography-body-regular-letter-spacing);
2508
+ font-family: var(--typography-body-family);
2509
+ font-size: var(--typography-body-m-regular-size);
2510
+ font-weight: var(--typography-body-m-regular-weight);
2511
+ line-height: var(--typography-body-m-regular-line-height);
2512
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
2522
2513
  white-space: nowrap;
2523
2514
  color: var(--color-text-body-0-static, var(--text-body-0-static));
2524
2515
  display: flex;
@@ -2532,7 +2523,7 @@
2532
2523
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
2533
2524
  cursor: pointer;
2534
2525
  border-style: var(--tw-border-style);
2535
- border-width: var(--border-width-none, var(--border-none));
2526
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
2536
2527
  --tw-border-style: none;
2537
2528
  width: 64px;
2538
2529
  height: 64px;
@@ -2607,7 +2598,7 @@
2607
2598
  opacity: 0;
2608
2599
  }
2609
2600
  .IncodeCameraOverlayHeader .IncodeCameraOverlayHeaderTitle {
2610
- font-family: var(--primitive-typography-family-dm-sans);
2601
+ font-family: var(--typography-headline-family);
2611
2602
  font-size: var(--typography-headline-h2-size);
2612
2603
  font-weight: var(--typography-headline-h2-weight);
2613
2604
  line-height: var(--typography-headline-h2-line-height);
@@ -2616,16 +2607,16 @@
2616
2607
  text-align: center;
2617
2608
  }
2618
2609
  .IncodeCameraOverlayHeader .IncodeCameraOverlayHeaderSubtitle {
2619
- font-family: var(--primitive-typography-family-dm-sans);
2610
+ font-family: var(--typography-headline-family);
2620
2611
  font-size: var(--typography-headline-h5-size);
2621
2612
  font-weight: var(--typography-headline-h5-weight);
2622
2613
  line-height: var(--typography-headline-h5-line-height);
2623
2614
  letter-spacing: var(--typography-headline-h5-letter-spacing);
2624
- color: var(--color-text-body-tertiary, var(--text-body-tertiary));
2615
+ color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
2625
2616
  text-align: center;
2626
2617
  }
2627
2618
  .IncodeCameraFrame {
2628
- --frame-border-color: var(--border-neutral-0);
2619
+ --frame-border-color: var(--border-neutral-100);
2629
2620
  --overlay-opacity: .8;
2630
2621
  border: 4px solid var(--frame-border-color);
2631
2622
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, var(--overlay-opacity));
@@ -2661,13 +2652,13 @@
2661
2652
  max-width: 274px;
2662
2653
  }
2663
2654
  .IncodeCameraFrame.IncodeCameraFrameIdle {
2664
- --frame-border-color: var(--border-neutral-0);
2655
+ --frame-border-color: var(--border-neutral-100);
2665
2656
  }
2666
2657
  .IncodeCameraFrame.IncodeCameraFrameCapturing, .IncodeCameraFrame.IncodeCameraFrameFocus {
2667
2658
  --frame-border-color: var(--border-status-focus);
2668
2659
  }
2669
2660
  .IncodeCameraFrame.IncodeCameraFrameAnalyzing, .IncodeCameraFrame.IncodeCameraFrameSuccess {
2670
- --frame-border-color: var(--border-status-positive);
2661
+ --frame-border-color: var(--border-status-positive-static);
2671
2662
  }
2672
2663
  .IncodeCameraFrame.IncodeCameraFrameError {
2673
2664
  --frame-border-color: var(--border-status-negative);
@@ -2677,7 +2668,7 @@
2677
2668
  background-color: var(--color-countdown-surface-default, var(--countdown-surface-default));
2678
2669
  padding-inline: var(--spacing-32, var(--spacing-32, 32px));
2679
2670
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
2680
- font-family: var(--primitive-typography-family-rethink-sans);
2671
+ font-family: var(--typography-display-family);
2681
2672
  font-size: var(--typography-display-d2-size);
2682
2673
  font-weight: var(--typography-display-d2-weight);
2683
2674
  line-height: var(--typography-display-d2-line-height);
@@ -2716,21 +2707,21 @@
2716
2707
  display: flex;
2717
2708
  }
2718
2709
  .IncodeErrorContent .IncodeErrorContentTitle {
2719
- font-family: var(--primitive-typography-family-dm-sans);
2710
+ font-family: var(--typography-headline-family);
2720
2711
  font-size: var(--typography-headline-h2-size);
2721
2712
  font-weight: var(--typography-headline-h2-weight);
2722
2713
  line-height: var(--typography-headline-h2-line-height);
2723
2714
  letter-spacing: var(--typography-headline-h2-letter-spacing);
2724
- color: var(--color-text-body-primary, var(--text-body-primary));
2715
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2725
2716
  }
2726
2717
  .IncodeErrorContent .IncodeErrorContentDescription {
2727
2718
  text-align: center;
2728
- font-family: var(--primitive-typography-family-dm-sans);
2719
+ font-family: var(--typography-headline-family);
2729
2720
  font-size: var(--typography-headline-h5-size);
2730
2721
  font-weight: var(--typography-headline-h5-weight);
2731
2722
  line-height: var(--typography-headline-h5-line-height);
2732
2723
  letter-spacing: var(--typography-headline-h5-letter-spacing);
2733
- color: var(--color-text-body-secondary, var(--text-body-secondary));
2724
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
2734
2725
  }
2735
2726
  .IncodeErrorContent .IncodeErrorContentAttemptsContainer {
2736
2727
  flex-direction: column;
@@ -2739,12 +2730,12 @@
2739
2730
  display: flex;
2740
2731
  }
2741
2732
  .IncodeErrorContent .IncodeErrorContentAttemptsText {
2742
- font-family: var(--primitive-typography-family-dm-sans);
2733
+ font-family: var(--typography-headline-family);
2743
2734
  font-size: var(--typography-headline-h4-size);
2744
2735
  font-weight: var(--typography-headline-h4-weight);
2745
2736
  line-height: var(--typography-headline-h4-line-height);
2746
2737
  letter-spacing: var(--typography-headline-h4-letter-spacing);
2747
- color: var(--color-text-body-secondary, var(--text-body-secondary));
2738
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
2748
2739
  }
2749
2740
  .IncodeProgressBarContainer {
2750
2741
  flex-direction: column;
@@ -2759,7 +2750,7 @@
2759
2750
  overflow: hidden;
2760
2751
  }
2761
2752
  .IncodeProgressBar .IncodeProgressBarFill {
2762
- background-color: var(--color-icon-status-positive, var(--icon-status-positive-static));
2753
+ background-color: var(--color-icon-status-positive, var(--icon-status-positive));
2763
2754
  height: 100%;
2764
2755
  transition-property: width;
2765
2756
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
@@ -2772,7 +2763,7 @@
2772
2763
  }
2773
2764
  .IncodeProgressBarLabel {
2774
2765
  text-align: center;
2775
- font-family: var(--primitive-typography-family-dm-sans);
2766
+ font-family: var(--typography-headline-family);
2776
2767
  font-size: var(--typography-headline-h2-size);
2777
2768
  font-weight: var(--typography-headline-h2-weight);
2778
2769
  line-height: var(--typography-headline-h2-line-height);
@@ -2789,7 +2780,7 @@
2789
2780
  .IncodeBoldWithArrow {
2790
2781
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
2791
2782
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
2792
- color: var(--color-text-body-primary, var(--text-body-primary));
2783
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2793
2784
  display: inline;
2794
2785
  }
2795
2786
  .IncodeComponent .IncodeBoldWithArrowIcon {
@@ -2839,7 +2830,7 @@
2839
2830
  display: flex;
2840
2831
  }
2841
2832
  .IncodeDeniedStepTextContainer .IncodeDeniedStepTextSilent {
2842
- color: var(--color-text-body-secondary, var(--text-body-secondary));
2833
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
2843
2834
  }
2844
2835
  .IncodeDeniedStepTextContainer .IncodeDeniedStepSubtext {
2845
2836
  display: inline;
@@ -2852,10 +2843,10 @@
2852
2843
  font-weight: var(--font-weight-normal, 400);
2853
2844
  --tw-tracking: -.5px;
2854
2845
  letter-spacing: -.5px;
2855
- color: var(--color-text-body-secondary, var(--text-body-secondary));
2846
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
2856
2847
  }
2857
2848
  .IncodeDeniedStepsList strong {
2858
- color: var(--color-text-body-primary, var(--text-body-primary));
2849
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2859
2850
  }
2860
2851
  .IncodeDeniedActions {
2861
2852
  flex-direction: column;
@@ -2938,7 +2929,7 @@
2938
2929
  font-size: var(--text-18, var(--primitive-typography-size-18));
2939
2930
  --tw-font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
2940
2931
  font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
2941
- color: var(--color-text-body-primary, var(--text-body-primary));
2932
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2942
2933
  }
2943
2934
  .IncodeNumberedStepConnector {
2944
2935
  margin-left: var(--spacing-24, var(--spacing-24, 24px));
@@ -2982,10 +2973,10 @@
2982
2973
  display: flex;
2983
2974
  }
2984
2975
  .IncodePermissionsModalTitle {
2985
- color: var(--color-text-body-primary, var(--text-body-primary));
2976
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
2986
2977
  }
2987
2978
  .IncodePermissionsModalSubtitle {
2988
- color: var(--color-text-body-secondary, var(--text-body-secondary));
2979
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
2989
2980
  }
2990
2981
  .IncodePermissionsModalActions {
2991
2982
  align-items: center;
package/dist/{baseTutorial-By7hI83C.js → baseTutorial-g5NWjgBD.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { u as C, b as h, B as p, c as S } from "./incodeModule-7zNv7YeX.js";
2
2
  import { getBrowser as P, getDeviceClass as E } from "@incodetech/core";
3
- import { P as f } from "./page-Bdz8JP3P.js";
3
+ import { P as f } from "./page-DoIWDQTP.js";
4
4
  import "./uiConfig-B8PUPgHY.js";
5
5
  import { _ as i, k as I, A as K, y as F } from "./vendor-preact-DP-hbKuj.js";
6
6
  import { a as H, T as x, b as T, S as O } from "./spinner-BknkxcID.js";
package/dist/curp-validation/curp-validation.es.js CHANGED
@@ -3,11 +3,11 @@ import { mexicanStates as R, createCurpValidationManager as U } from "@incodetec
3
3
  import { k as y } from "../vendor-preact-DP-hbKuj.js";
4
4
  import "@incodetech/core";
5
5
  import "../uiConfig-B8PUPgHY.js";
6
- import { S as D, E as k } from "../successIcon-BPe0Wymn.js";
7
- import { P as p } from "../page-Bdz8JP3P.js";
6
+ import { S as D, E as k } from "../successIcon-mP1PQQrr.js";
7
+ import { P as p } from "../page-DoIWDQTP.js";
8
8
  import { S as E } from "../spinner-BknkxcID.js";
9
- import { I as m, D as P } from "../dropdownComposed-DgA0fNAh.js";
10
- import { D as F } from "../dateInputComposed-Badm2Tzx.js";
9
+ import { I as m, D as P } from "../dropdownComposed-BlSDt04F.js";
10
+ import { D as F } from "../dateInputComposed-R0ZEgvu9.js";
11
11
  const T = ({
12
12
  curp: s,
13
13
  isValid: d,
package/dist/curp-validation/styles.css CHANGED
@@ -48,13 +48,11 @@
48
48
  background-color: var(--color-input-surface-default, var(--input-surface-default));
49
49
  width: 100%;
50
50
  padding: var(--spacing-16, var(--spacing-16, 16px));
51
- font-family: var(--primitive-typography-family-dm-sans);
52
- font-size: var(--typography-body-lg-size);
53
- font-weight: var(--typography-body-lg-weight);
54
- line-height: var(--typography-body-lg-line-height);
55
- letter-spacing: var(--typography-body-lg-letter-spacing);
56
- font-size: var(--text-lg, 1.125rem);
57
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
51
+ font-family: var(--typography-input-dropdown-family);
52
+ font-size: var(--typography-input-dropdown-m-size);
53
+ font-weight: var(--typography-input-dropdown-m-weight);
54
+ line-height: var(--typography-input-dropdown-m-line-height);
55
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
58
56
  --tw-font-weight: var(--font-weight-normal, 400);
59
57
  font-weight: var(--font-weight-normal, 400);
60
58
  color: var(--color-input-text-field-default, var(--input-text-field-default));
@@ -131,7 +129,7 @@
131
129
  }
132
130
 
133
131
  .IncodeDateInputComposedIcon {
134
- color: var(--text-body-tertiary, var(--color-text-body-tertiary));
132
+ color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
135
133
  }
136
134
 
137
135
  .IncodeDateInputComposedIconButton {
@@ -140,7 +138,7 @@
140
138
  z-index: 10;
141
139
  cursor: pointer;
142
140
  border-style: var(--tw-border-style);
143
- border-width: var(--border-width-none, var(--border-none));
141
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
144
142
  --tw-border-style: none;
145
143
  width: 44px;
146
144
  height: 100%;
@@ -244,13 +242,11 @@
244
242
  width: 100%;
245
243
  padding: var(--spacing-16, var(--spacing-16, 16px));
246
244
  text-align: left;
247
- font-family: var(--primitive-typography-family-dm-sans);
248
- font-size: var(--typography-body-lg-size);
249
- font-weight: var(--typography-body-lg-weight);
250
- line-height: var(--typography-body-lg-line-height);
251
- letter-spacing: var(--typography-body-lg-letter-spacing);
252
- font-size: var(--text-lg, 1.125rem);
253
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
245
+ font-family: var(--typography-input-dropdown-family);
246
+ font-size: var(--typography-input-dropdown-m-size);
247
+ font-weight: var(--typography-input-dropdown-m-weight);
248
+ line-height: var(--typography-input-dropdown-m-line-height);
249
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
254
250
  --tw-font-weight: var(--font-weight-normal, 400);
255
251
  font-weight: var(--font-weight-normal, 400);
256
252
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
@@ -312,7 +308,7 @@
312
308
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
313
309
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
314
310
  --tw-duration: .2s;
315
- color: var(--text-body-tertiary, var(--color-text-body-tertiary));
311
+ color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
316
312
  flex-shrink: 0;
317
313
  transition-duration: .2s;
318
314
  display: flex;
@@ -360,19 +356,17 @@
360
356
  .IncodeDropdownComposedSearchInput {
361
357
  box-sizing: border-box;
362
358
  border-style: var(--tw-border-style);
363
- border-width: var(--border-width-none, var(--border-none));
359
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
364
360
  --tw-border-style: none;
365
361
  width: 100%;
366
362
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
367
363
  padding-right: var(--spacing-40, var(--spacing-40, 40px));
368
364
  padding-left: var(--spacing-12, var(--spacing-12, 12px));
369
- font-family: var(--primitive-typography-family-dm-sans);
370
- font-size: var(--typography-body-lg-size);
371
- font-weight: var(--typography-body-lg-weight);
372
- line-height: var(--typography-body-lg-line-height);
373
- letter-spacing: var(--typography-body-lg-letter-spacing);
374
- font-size: var(--text-lg, 1.125rem);
375
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
365
+ font-family: var(--typography-input-dropdown-family);
366
+ font-size: var(--typography-input-dropdown-m-size);
367
+ font-weight: var(--typography-input-dropdown-m-weight);
368
+ line-height: var(--typography-input-dropdown-m-line-height);
369
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
376
370
  --tw-font-weight: var(--font-weight-normal, 400);
377
371
  font-weight: var(--font-weight-normal, 400);
378
372
  --tw-outline-style: none;
@@ -518,7 +512,7 @@
518
512
  font-size: var(--text-14, var(--primitive-typography-size-14));
519
513
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
520
514
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
521
- color: var(--color-text-body-primary, var(--text-body-primary));
515
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
522
516
  }
523
517
 
524
518
  .IncodeCurpConfirm {
@@ -574,14 +568,14 @@
574
568
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
575
569
  --tw-tracking: -1px;
576
570
  letter-spacing: -1px;
577
- color: var(--color-text-body-primary, var(--text-body-primary));
571
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
578
572
  }
579
573
 
580
574
  .IncodeCurpFailureHint {
581
575
  margin: var(--spacing-0, var(--spacing-none, 0px));
582
576
  text-align: center;
583
577
  font-size: var(--text-16, var(--primitive-typography-size-16));
584
- color: var(--color-text-body-secondary, var(--text-body-secondary));
578
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
585
579
  }
586
580
 
587
581
  @property --tw-font-weight {
package/dist/{dateInputComposed-Badm2Tzx.js → dateInputComposed-R0ZEgvu9.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { u as e, c as E } from "./incodeModule-7zNv7YeX.js";
2
2
  import { g as W, D as Z, A as $ } from "./vendor-preact-DP-hbKuj.js";
3
- import { E as g, S as x } from "./successIcon-BPe0Wymn.js";
3
+ import { E as g, S as x } from "./successIcon-mP1PQQrr.js";
4
4
  const B = ({ class: t }) => {
5
5
  const n = W();
6
6
  return /* @__PURE__ */ e(