@incodetech/web 2.0.1 → 2.1.0-rc.1

package/dist/id/styles.css

@@ -7,7 +7,6 @@
       --tw-translate-z: 0;
       --tw-font-weight: initial;
       --tw-border-style: solid;
-      --tw-leading: initial;
       --tw-outline-style: solid;
       --tw-duration: initial;
     }
@@ -391,14 +390,31 @@
   justify-content: space-between;
 }
 
+.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {
+  position: relative;
+}
+
 .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {
-  animation: .5s ease-out forwards slideUp;
+  pointer-events: none;
+  z-index: 1000;
+  --manual-capture-tooltip-button-gap: var(--spacing-4);
+  --manual-capture-tooltip-button-top-offset: var(--spacing-12);
+  --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));
+  width: max-content;
+  left: 50%;
+  bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));
+  justify-content: center;
+  animation: .35s ease-in 3.5s forwards manualCaptureTooltipExit;
+  display: flex;
+  position: absolute;
+  transform: translateX(-50%);
 }
 
 .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
   border-radius: var(--radius-medium, var(--border-radius-medium));
   background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
   padding: var(--spacing-16, var(--spacing-16, 16px));
+  animation: .5s ease-out forwards slideUp;
 }
 
 .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
@@ -425,6 +441,18 @@
   aspect-ratio: 42 / 30;
 }
 
+@keyframes manualCaptureTooltipExit {
+  from {
+    opacity: 1;
+    transform: translateX(-50%);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));
+  }
+}
+
 .IncodeIdManualCaptureButton {
   bottom: var(--spacing-24, var(--spacing-24, 24px));
   z-index: 100;
@@ -858,10 +886,11 @@
 }
 
 .IncodeManualUploadPage .IncodeManualUploadHintCard li {
-  font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
@@ -884,12 +913,11 @@
   padding-inline: var(--spacing-12, var(--spacing-12, 12px));
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
   text-align: center;
-  font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-leading: var(--spacing-16, var(--spacing-16, 16px));
-  line-height: var(--spacing-16, var(--spacing-16, 16px));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-m-size);
+  font-weight: var(--typography-checkbox-radio-m-weight);
+  line-height: var(--typography-checkbox-radio-m-line-height);
+  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
   background-color: #0000;
   border-style: solid;
@@ -907,8 +935,6 @@
 
 .IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
   border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
@@ -940,6 +966,7 @@
 }
 
 .IncodeManualUploadSlot {
+  cursor: pointer;
   align-items: center;
   gap: var(--spacing-12, var(--spacing-12, 12px));
   border-radius: var(--radius-medium, var(--border-radius-medium));
@@ -953,6 +980,7 @@
   padding-block: var(--spacing-24, var(--spacing-24, 24px));
   padding-right: var(--spacing-24, var(--spacing-24, 24px));
   padding-left: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: left;
   display: flex;
 }
 
@@ -983,11 +1011,7 @@
 }
 
 .IncodeManualUploadSlot .IncodeManualUploadSlotAction {
-  cursor: pointer;
   border-radius: var(--radius-full, var(--border-radius-full));
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
   background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
   padding: var(--spacing-8, var(--spacing-8, 8px));
   color: var(--color-button-primary-text-default, var(--button-primary-text-default));
@@ -995,7 +1019,6 @@
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
   transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
   --tw-duration: .2s;
-  border-style: none;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
@@ -1003,27 +1026,34 @@
   display: inline-flex;
 }
 
-.IncodeManualUploadSlot .IncodeManualUploadSlotAction:hover:not(:disabled) {
+.IncodeManualUploadSlot:focus-visible {
+  outline-style: var(--tw-outline-style);
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: var(--color-border-status-focus, var(--border-status-focus));
+}
+
+.IncodeManualUploadSlot:hover:not(:disabled) .IncodeManualUploadSlotAction {
   background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
 }
 
-.IncodeManualUploadSlot .IncodeManualUploadSlotAction:disabled {
+.IncodeManualUploadSlot:disabled {
   cursor: not-allowed;
+  opacity: .5;
+}
+
+.IncodeManualUploadSlot:disabled .IncodeManualUploadSlotAction {
   background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));
   color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));
 }
 
-.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction:hover:not(:disabled) {
+.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded:hover:not(:disabled) .IncodeManualUploadSlotAction {
   padding: var(--spacing-0, var(--spacing-none, 0px));
   color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));
   background-color: #0000;
 }
 
-.IncodeManualUploadSlot.IncodeManualUploadSlot--disabled {
-  opacity: .5;
-}
-
-.IncodeManualUploadSlot .IncodeManualUploadSlotInput {
+.IncodeManualUploadSlot + .IncodeManualUploadSlotInput {
   clip-path: inset(50%);
   white-space: nowrap;
   border-width: 0;
@@ -1171,25 +1201,16 @@
   overflow: hidden;
 }
 
-.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar {
+.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {
   border-radius: var(--radius-full, var(--border-radius-full));
   background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
   width: var(--digital-id-progress-bar-w);
   height: var(--digital-id-progress-bar-h);
-  position: relative;
   overflow: hidden;
 }
 
-.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar > span {
-  top: var(--spacing-0, var(--spacing-none, 0px));
-  left: var(--spacing-0, var(--spacing-none, 0px));
+.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {
   border-radius: var(--radius-full, var(--border-radius-full));
-  height: 100%;
-  transition-property: all;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
-  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  background-color: var(--color-icon-status-positive, var(--icon-status-positive));
-  position: absolute;
 }
 
 .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
@@ -1270,11 +1291,6 @@
   initial-value: solid;
 }
 
-@property --tw-leading {
-  syntax: "*";
-  inherits: false
-}
-
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;

package/dist/id-laser-h-DX8UbVNH.js

@@ -0,0 +1,467 @@
+var id_laser_h_default = {
+	fr: 60,
+	v: "5.9.6",
+	ip: 0,
+	op: 161,
+	w: 390,
+	h: 271,
+	nm: "id_laser_h",
+	ddd: 0,
+	markers: [],
+	assets: [{
+		"nm": "id_laser_h",
+		"fr": 60,
+		"id": "m8gbpa7d4wklnmgw",
+		"layers": [
+			{
+				"ty": 3,
+				"ddd": 0,
+				"ind": 5,
+				"hd": false,
+				"nm": "id_laser_h - Null",
+				"sr": 1,
+				"ks": {
+					"a": {
+						"a": 0,
+						"k": [0, 0]
+					},
+					"o": {
+						"a": 0,
+						"k": 100
+					},
+					"p": {
+						"a": 0,
+						"k": [0, 0]
+					},
+					"r": {
+						"a": 0,
+						"k": 0
+					},
+					"s": {
+						"a": 0,
+						"k": [100, 100]
+					},
+					"sk": {
+						"a": 0,
+						"k": 0
+					},
+					"sa": {
+						"a": 0,
+						"k": 0
+					}
+				},
+				"ao": 0,
+				"ip": 0,
+				"op": 162,
+				"st": 0,
+				"bm": 0
+			},
+			{
+				"ty": 3,
+				"ddd": 0,
+				"ind": 6,
+				"hd": false,
+				"nm": "Rectangle 465 - Null",
+				"sr": 1,
+				"parent": 5,
+				"ks": {
+					"a": {
+						"a": 0,
+						"k": [54, 133]
+					},
+					"o": {
+						"a": 0,
+						"k": 100
+					},
+					"p": {
+						"a": 1,
+						"k": [
+							{
+								"t": 0,
+								"s": [75, 136],
+								"o": {
+									"x": [.5],
+									"y": [.35]
+								},
+								"i": {
+									"x": [.15],
+									"y": [1]
+								},
+								"ti": [0, 0],
+								"to": [0, 0]
+							},
+							{
+								"t": 59.928000000000004,
+								"s": [315, 136],
+								"o": {
+									"x": [.5],
+									"y": [.35]
+								},
+								"i": {
+									"x": [.15],
+									"y": [1]
+								},
+								"ti": [0, 0],
+								"to": [0, 0]
+							},
+							{
+								"t": 69.28200000000001,
+								"s": [315, 136],
+								"o": {
+									"x": [.5],
+									"y": [.35]
+								},
+								"i": {
+									"x": [.15],
+									"y": [1]
+								},
+								"ti": [0, 0],
+								"to": [0, 0]
+							},
+							{
+								"t": 141.006,
+								"s": [75, 136]
+							}
+						]
+					},
+					"r": {
+						"a": 0,
+						"k": 0
+					},
+					"s": {
+						"a": 1,
+						"k": [
+							{
+								"t": 0,
+								"s": [100, 100],
+								"o": {
+									"x": [.5],
+									"y": [.35]
+								},
+								"i": {
+									"x": [.15],
+									"y": [1]
+								}
+							},
+							{
+								"t": 59.928000000000004,
+								"s": [-100, 100],
+								"o": {
+									"x": [.5],
+									"y": [.35]
+								},
+								"i": {
+									"x": [.15],
+									"y": [1]
+								}
+							},
+							{
+								"t": 69.28200000000001,
+								"s": [-100, 100],
+								"o": {
+									"x": [.5],
+									"y": [.35]
+								},
+								"i": {
+									"x": [.15],
+									"y": [1]
+								}
+							},
+							{
+								"t": 141.006,
+								"s": [100, 100]
+							}
+						]
+					},
+					"sk": {
+						"a": 0,
+						"k": 0
+					},
+					"sa": {
+						"a": 0,
+						"k": 0
+					}
+				},
+				"ao": 0,
+				"ip": 0,
+				"op": 162,
+				"st": 0,
+				"bm": 0
+			},
+			{
+				"ty": 4,
+				"ddd": 0,
+				"ind": 7,
+				"hd": false,
+				"nm": "Rectangle 465",
+				"sr": 1,
+				"parent": 6,
+				"ks": {
+					"a": {
+						"a": 0,
+						"k": [0, 0]
+					},
+					"p": {
+						"a": 0,
+						"k": [0, 0]
+					},
+					"s": {
+						"a": 0,
+						"k": [100, 100]
+					},
+					"sk": {
+						"a": 0,
+						"k": 0
+					},
+					"sa": {
+						"a": 0,
+						"k": 0
+					},
+					"r": {
+						"a": 0,
+						"k": 0
+					},
+					"o": {
+						"a": 0,
+						"k": 100
+					}
+				},
+				"ao": 0,
+				"ip": 0,
+				"op": 162,
+				"st": 0,
+				"bm": 0,
+				"shapes": [{
+					"ty": "gr",
+					"nm": "Group",
+					"hd": false,
+					"np": 3,
+					"it": [
+						{
+							"ty": "sh",
+							"nm": "Path",
+							"hd": false,
+							"ks": {
+								"a": 0,
+								"k": {
+									"c": true,
+									"v": [
+										[3.4546, 240.9087],
+										[1e-4, 231.7465],
+										[1e-4, 33.2534],
+										[3.4546, 24.0912],
+										[72.7499, .0474],
+										[74.0001, 2.2451],
+										[74.0001, 263.7549],
+										[72.7499, 265.9526],
+										[3.4546, 240.9087]
+									],
+									"i": [
+										[0, 0],
+										[0, 4.4361],
+										[0, 0],
+										[-2.0118, .8997],
+										[0, 0],
+										[0, -1.4225],
+										[0, 0],
+										[.6451, .2885],
+										[0, 0]
+									],
+									"o": [
+										[-2.01182, -.8996500000000083],
+										[0, 0],
+										[0, -4.436140000000002],
+										[0, 0],
+										[.6451200000000057, -.28848],
+										[0, 0],
+										[0, 1.4225099999999884],
+										[0, 0],
+										[0, 0]
+									]
+								}
+							}
+						},
+						{
+							"ty": "gf",
+							"o": {
+								"a": 0,
+								"k": 100
+							},
+							"g": {
+								"p": 4,
+								"k": {
+									"a": 0,
+									"k": [
+										0,
+										1,
+										1,
+										1,
+										.2396,
+										1,
+										1,
+										1,
+										.4948,
+										1,
+										1,
+										1,
+										.8906,
+										1,
+										1,
+										1,
+										0,
+										1,
+										.2396,
+										.58,
+										.4948,
+										.3,
+										.8906,
+										0
+									]
+								}
+							},
+							"s": {
+								"a": 0,
+								"k": [3098905332132529e-21, 132.9998798591031]
+							},
+							"e": {
+								"a": 0,
+								"k": [68.9999965407841, 132.9998798591033]
+							},
+							"t": 1,
+							"nm": "Fill",
+							"hd": false,
+							"r": 1
+						},
+						{
+							"ty": "tr",
+							"a": {
+								"a": 0,
+								"k": [0, 0]
+							},
+							"p": {
+								"a": 0,
+								"k": [0, 0]
+							},
+							"s": {
+								"a": 0,
+								"k": [100, 100]
+							},
+							"sk": {
+								"a": 0,
+								"k": 0
+							},
+							"sa": {
+								"a": 0,
+								"k": 0
+							},
+							"r": {
+								"a": 0,
+								"k": 0
+							},
+							"o": {
+								"a": 0,
+								"k": 100
+							}
+						}
+					]
+				}]
+			}
+		]
+	}],
+	layers: [{
+		"ty": 3,
+		"ddd": 0,
+		"ind": 5,
+		"hd": false,
+		"nm": "id_laser_h - Null",
+		"sr": 1,
+		"ks": {
+			"a": {
+				"a": 0,
+				"k": [0, 0]
+			},
+			"o": {
+				"a": 0,
+				"k": 100
+			},
+			"p": {
+				"a": 0,
+				"k": [0, 0]
+			},
+			"r": {
+				"a": 0,
+				"k": 0
+			},
+			"s": {
+				"a": 0,
+				"k": [100, 100]
+			},
+			"sk": {
+				"a": 0,
+				"k": 0
+			},
+			"sa": {
+				"a": 0,
+				"k": 0
+			}
+		},
+		"ao": 0,
+		"ip": 0,
+		"op": 162,
+		"st": 0,
+		"bm": 0
+	}, {
+		"ddd": 0,
+		"ind": 2,
+		"ty": 0,
+		"nm": "id_laser_h",
+		"refId": "m8gbpa7d4wklnmgw",
+		"sr": 1,
+		"ks": {
+			"a": {
+				"a": 0,
+				"k": [0, 0]
+			},
+			"p": {
+				"a": 0,
+				"k": [0, 0]
+			},
+			"s": {
+				"a": 0,
+				"k": [100, 100]
+			},
+			"sk": {
+				"a": 0,
+				"k": 0
+			},
+			"sa": {
+				"a": 0,
+				"k": 0
+			},
+			"r": {
+				"a": 0,
+				"k": 0
+			},
+			"o": {
+				"a": 0,
+				"k": 100
+			}
+		},
+		"ao": 0,
+		"w": 390,
+		"h": 271,
+		"ip": 0,
+		"op": 162,
+		"st": 0,
+		"hd": false,
+		"bm": 0
+	}],
+	meta: {
+		"a": "",
+		"d": "",
+		"tc": "",
+		"g": "Aninix"
+	}
+};
+//#endregion
+export { id_laser_h_default as default };