@jaak.ai/stamps 1.0.0-beta.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5e4e5e7d.js');
+
+/*
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["mb-tooltip.cjs",[[1,"mb-tooltip",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"showWarningIcon":[4,"show-warning-icon"],"showInfoIcon":[4,"show-info-icon"],"textAlign":[1,"text-align"],"containerWidth":[1,"container-width"]}]]],["document-detector_19.cjs",[[1,"document-detector",{"licenseKey":[1025,"license-key"],"config":[1040],"restart":[32],"setUiState":[64],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiMessage":[64],"getProductIntegrationInfo":[64],"restartComponent":[64]}],[1,"mb-component",{"allowHelloMessage":[4,"allow-hello-message"],"engineLocation":[1,"engine-location"],"workerLocation":[1,"worker-location"],"licenseKey":[1,"license-key"],"wasmType":[1025,"wasm-type"],"blinkIdVariant":[1,"blink-id-variant"],"recognizers":[1040],"recognizerOptions":[1040],"recognitionTimeout":[2,"recognition-timeout"],"recognitionPauseTimeout":[2,"recognition-pause-timeout"],"cameraExperienceStateDurations":[16],"includeSuccessFrame":[4,"include-success-frame"],"enableDrag":[4,"enable-drag"],"hideLoadingAndErrorUi":[4,"hide-loading-and-error-ui"],"rtl":[4],"scanFromCamera":[4,"scan-from-camera"],"scanFromImage":[4,"scan-from-image"],"thoroughScanFromImage":[4,"thorough-scan-from-image"],"galleryOverlayType":[1,"gallery-overlay-type"],"galleryDropType":[1,"gallery-drop-type"],"showActionLabels":[4,"show-action-labels"],"showModalWindows":[4,"show-modal-windows"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"showScanningLine":[4,"show-scanning-line"],"iconCameraDefault":[1,"icon-camera-default"],"iconCameraActive":[1,"icon-camera-active"],"iconGalleryDefault":[1,"icon-gallery-default"],"iconDragAndDropGalleryDefault":[1,"icon-drag-and-drop-gallery-default"],"iconDragAndDropWarningDefault":[1,"icon-drag-and-drop-warning-default"],"iconGalleryActive":[1,"icon-gallery-active"],"iconInvalidFormat":[1,"icon-invalid-format"],"iconSpinnerScreenLoading":[1,"icon-spinner-screen-loading"],"iconSpinnerFromGalleryExperience":[1,"icon-spinner-from-gallery-experience"],"iconGalleryScanningCompleted":[1,"icon-gallery-scanning-completed"],"sdkService":[16],"translationService":[16],"cameraId":[1,"camera-id"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"pingProxyUrl":[1,"ping-proxy-url"],"galleryExperienceModalErrorWindowVisible":[32],"clearIsCameraActive":[32],"apiProcessStatusVisible":[32],"apiProcessStatusState":[32],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiState":[64]},[[8,"keyup","handleKeyUp"]]],[1,"mb-container"],[1,"mb-feedback",{"visible":[4],"paragraphClassName":[32],"paragraphValue":[32],"show":[64]}],[1,"mb-camera-experience",{"type":[1],"cameraExperienceStateDurations":[16],"showOverlay":[4,"show-overlay"],"translationService":[16],"apiState":[1,"api-state"],"cameraFlipped":[1028,"camera-flipped"],"showScanningLine":[4,"show-scanning-line"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"clearIsCameraActive":[4,"clear-is-camera-active"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"cameraCursorBarcodeClassName":[32],"cameraCursorIdentityCardClassName":[32],"scanningLineBarcodeClassName":[32],"cameraMessageIdentityCardContent":[32],"cameraMessageIdentityCardClassName":[32],"setActiveCamera":[64],"populateCameraDevices":[64],"setCameraFlipState":[64],"initializeHelpScreens":[64],"openHelpScreensOnboarding":[64],"terminateHelpScreens":[64],"setState":[64],"resetState":[64]}],[1,"mb-api-process-status",{"visible":[4],"state":[1],"translationService":[16]}],[1,"mb-button",{"clickHandler":[16],"disabled":[4],"visible":[4],"selected":[4],"imageSrcDefault":[1,"image-src-default"],"imageSrcActive":[1,"image-src-active"],"imageAlt":[1,"image-alt"],"label":[1],"buttonTitle":[1,"button-title"]}],[1,"mb-completed",{"icon":[1]}],[1,"mb-image-box",{"boxTitle":[1,"box-title"],"anchorText":[1,"anchor-text"],"clear":[64]}],[1,"mb-screen",{"visible":[4]}],[1,"mb-spinner",{"icon":[1],"size":[1]}],[1,"mb-help",{"allow":[4],"allowFab":[4,"allow-fab"],"allowOnboarding":[4,"allow-onboarding"],"allowOnboardingPerpetuity":[4,"allow-onboarding-perpetuity"],"tooltipPauseTimeout":[2,"tooltip-pause-timeout"],"translationService":[16],"isInitialized":[32],"isTooltipShownHover":[32],"isTooltipShownTimer":[32],"isModalShown":[32],"activeStepIndex":[32],"initialize":[64],"openOnboarding":[64],"openHelpScreens":[64],"close":[64],"terminate":[64]}],[1,"mb-camera-toolbar",{"showClose":[4,"show-close"],"clearIsCameraActive":[4,"clear-is-camera-active"],"enableCameraFlip":[4,"enable-camera-flip"],"cameraFlipped":[4,"camera-flipped"],"showCloseButton":[32],"isDesktop":[32],"setActiveCamera":[64],"populateCameraDevices":[64]},[[2,"setIsCameraActive","handleSetIsCameraActive"]]],[1,"mb-button-classic",{"inverted":[4],"quit":[4],"disabled":[4],"preventDefault":[4,"prevent-default"],"clickHandler":[16]}],[1,"mb-camera-selection",{"clearIsCameraActive":[4,"clear-is-camera-active"],"activeCamera":[32],"cameraList":[32],"isListVisible":[32],"setActiveCamera":[64],"populateCameraDevices":[64]}],[1,"mb-overlay",{"fullscreen":[4],"visible":[4]}],[1,"mb-progress-tracker",{"size":[2],"current":[2]}],[1,"mb-tooltip-advanced",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"textAlign":[1,"text-align"]}],[1,"mb-modal",{"visible":[4],"elevated":[4],"centered":[4],"modalTitle":[1,"modal-title"],"content":[1],"contentCentered":[4,"content-centered"],"showBackButton":[4,"show-back-button"],"hideFooter":[4,"hide-footer"],"hideCloseButton":[4,"hide-close-button"]}]]]], options);
+  });
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/mb-tooltip.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5e4e5e7d.js');
+
+const mbTooltipCss = ":host{display:block}.mb-tooltip{display:none;position:absolute;margin:2px 40px 2px 32px;padding:8px;font-size:12px;line-height:16px;color:#374151;background-color:#fff;border:1px solid rgba(120, 120, 128, 0.2);filter:drop-shadow(0px 2px 4px rgba(31, 41, 55, 0.06)) drop-shadow(0px 4px 6px rgba(31, 41, 55, 0.1));border-radius:4px}.mb-tooltip.text-center{text-align:center}.mb-tooltip.text-left{text-align:left}.mb-tooltip.text-right{text-align:right}.mb-tooltip svg{display:block;float:left;margin:6px 14px 6px 6px}.mb-tooltip::after{position:absolute;display:block;content:\" \";background-color:#fff;width:10px;height:10px;transform:rotate(-45deg)}.mb-tooltip.arrow-none::after{display:none}.mb-tooltip.arrow-left::after{left:-3px;top:calc(50% - 5px)}.mb-tooltip.arrow-right::after{right:-3px;top:calc(50% - 5px)}.mb-tooltip.arrow-up::after{top:-3px;left:calc(50% - 5px)}.mb-tooltip.arrow-down::after{bottom:-3px;left:calc(50% - 5px)}.mb-tooltip.visible{display:block}";
+
+const MbTooltip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.show = undefined;
+    this.message = undefined;
+    this.arrowPosition = undefined;
+    this.showWarningIcon = undefined;
+    this.showInfoIcon = undefined;
+    this.textAlign = undefined;
+    this.containerWidth = undefined;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("p", { part: "tooltip", class: `mb-tooltip ${this.show ? "visible" : ""} ${this.arrowPosition ? this.arrowPosition : "arrow-none"} ${this.textAlign ? this.textAlign : "text-center"} ` }, this.message)));
+  }
+};
+MbTooltip.style = mbTooltipCss;
+
+exports.mb_tooltip = MbTooltip;

package/dist/cjs/stamps.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5e4e5e7d.js');
+
+/*
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('stamps.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["mb-tooltip.cjs",[[1,"mb-tooltip",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"showWarningIcon":[4,"show-warning-icon"],"showInfoIcon":[4,"show-info-icon"],"textAlign":[1,"text-align"],"containerWidth":[1,"container-width"]}]]],["document-detector_19.cjs",[[1,"document-detector",{"licenseKey":[1025,"license-key"],"config":[1040],"restart":[32],"setUiState":[64],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiMessage":[64],"getProductIntegrationInfo":[64],"restartComponent":[64]}],[1,"mb-component",{"allowHelloMessage":[4,"allow-hello-message"],"engineLocation":[1,"engine-location"],"workerLocation":[1,"worker-location"],"licenseKey":[1,"license-key"],"wasmType":[1025,"wasm-type"],"blinkIdVariant":[1,"blink-id-variant"],"recognizers":[1040],"recognizerOptions":[1040],"recognitionTimeout":[2,"recognition-timeout"],"recognitionPauseTimeout":[2,"recognition-pause-timeout"],"cameraExperienceStateDurations":[16],"includeSuccessFrame":[4,"include-success-frame"],"enableDrag":[4,"enable-drag"],"hideLoadingAndErrorUi":[4,"hide-loading-and-error-ui"],"rtl":[4],"scanFromCamera":[4,"scan-from-camera"],"scanFromImage":[4,"scan-from-image"],"thoroughScanFromImage":[4,"thorough-scan-from-image"],"galleryOverlayType":[1,"gallery-overlay-type"],"galleryDropType":[1,"gallery-drop-type"],"showActionLabels":[4,"show-action-labels"],"showModalWindows":[4,"show-modal-windows"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"showScanningLine":[4,"show-scanning-line"],"iconCameraDefault":[1,"icon-camera-default"],"iconCameraActive":[1,"icon-camera-active"],"iconGalleryDefault":[1,"icon-gallery-default"],"iconDragAndDropGalleryDefault":[1,"icon-drag-and-drop-gallery-default"],"iconDragAndDropWarningDefault":[1,"icon-drag-and-drop-warning-default"],"iconGalleryActive":[1,"icon-gallery-active"],"iconInvalidFormat":[1,"icon-invalid-format"],"iconSpinnerScreenLoading":[1,"icon-spinner-screen-loading"],"iconSpinnerFromGalleryExperience":[1,"icon-spinner-from-gallery-experience"],"iconGalleryScanningCompleted":[1,"icon-gallery-scanning-completed"],"sdkService":[16],"translationService":[16],"cameraId":[1,"camera-id"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"pingProxyUrl":[1,"ping-proxy-url"],"galleryExperienceModalErrorWindowVisible":[32],"clearIsCameraActive":[32],"apiProcessStatusVisible":[32],"apiProcessStatusState":[32],"startCameraScan":[64],"startImageScan":[64],"startMultiSideImageScan":[64],"setUiState":[64]},[[8,"keyup","handleKeyUp"]]],[1,"mb-container"],[1,"mb-feedback",{"visible":[4],"paragraphClassName":[32],"paragraphValue":[32],"show":[64]}],[1,"mb-camera-experience",{"type":[1],"cameraExperienceStateDurations":[16],"showOverlay":[4,"show-overlay"],"translationService":[16],"apiState":[1,"api-state"],"cameraFlipped":[1028,"camera-flipped"],"showScanningLine":[4,"show-scanning-line"],"showCameraFeedbackBarcodeMessage":[4,"show-camera-feedback-barcode-message"],"clearIsCameraActive":[4,"clear-is-camera-active"],"allowHelpScreens":[4,"allow-help-screens"],"allowHelpScreensFab":[4,"allow-help-screens-fab"],"allowHelpScreensOnboarding":[4,"allow-help-screens-onboarding"],"allowHelpScreensOnboardingPerpetuity":[4,"allow-help-screens-onboarding-perpetuity"],"helpScreensTooltipPauseTimeout":[2,"help-screens-tooltip-pause-timeout"],"cameraCursorBarcodeClassName":[32],"cameraCursorIdentityCardClassName":[32],"scanningLineBarcodeClassName":[32],"cameraMessageIdentityCardContent":[32],"cameraMessageIdentityCardClassName":[32],"setActiveCamera":[64],"populateCameraDevices":[64],"setCameraFlipState":[64],"initializeHelpScreens":[64],"openHelpScreensOnboarding":[64],"terminateHelpScreens":[64],"setState":[64],"resetState":[64]}],[1,"mb-api-process-status",{"visible":[4],"state":[1],"translationService":[16]}],[1,"mb-button",{"clickHandler":[16],"disabled":[4],"visible":[4],"selected":[4],"imageSrcDefault":[1,"image-src-default"],"imageSrcActive":[1,"image-src-active"],"imageAlt":[1,"image-alt"],"label":[1],"buttonTitle":[1,"button-title"]}],[1,"mb-completed",{"icon":[1]}],[1,"mb-image-box",{"boxTitle":[1,"box-title"],"anchorText":[1,"anchor-text"],"clear":[64]}],[1,"mb-screen",{"visible":[4]}],[1,"mb-spinner",{"icon":[1],"size":[1]}],[1,"mb-help",{"allow":[4],"allowFab":[4,"allow-fab"],"allowOnboarding":[4,"allow-onboarding"],"allowOnboardingPerpetuity":[4,"allow-onboarding-perpetuity"],"tooltipPauseTimeout":[2,"tooltip-pause-timeout"],"translationService":[16],"isInitialized":[32],"isTooltipShownHover":[32],"isTooltipShownTimer":[32],"isModalShown":[32],"activeStepIndex":[32],"initialize":[64],"openOnboarding":[64],"openHelpScreens":[64],"close":[64],"terminate":[64]}],[1,"mb-camera-toolbar",{"showClose":[4,"show-close"],"clearIsCameraActive":[4,"clear-is-camera-active"],"enableCameraFlip":[4,"enable-camera-flip"],"cameraFlipped":[4,"camera-flipped"],"showCloseButton":[32],"isDesktop":[32],"setActiveCamera":[64],"populateCameraDevices":[64]},[[2,"setIsCameraActive","handleSetIsCameraActive"]]],[1,"mb-button-classic",{"inverted":[4],"quit":[4],"disabled":[4],"preventDefault":[4,"prevent-default"],"clickHandler":[16]}],[1,"mb-camera-selection",{"clearIsCameraActive":[4,"clear-is-camera-active"],"activeCamera":[32],"cameraList":[32],"isListVisible":[32],"setActiveCamera":[64],"populateCameraDevices":[64]}],[1,"mb-overlay",{"fullscreen":[4],"visible":[4]}],[1,"mb-progress-tracker",{"size":[2],"current":[2]}],[1,"mb-tooltip-advanced",{"show":[4],"message":[1],"arrowPosition":[1,"arrow-position"],"textAlign":[1,"text-align"]}],[1,"mb-modal",{"visible":[4],"elevated":[4],"centered":[4],"modalTitle":[1,"modal-title"],"content":[1],"contentCentered":[4,"content-centered"],"showBackButton":[4,"show-back-button"],"hideFooter":[4,"hide-footer"],"hideCloseButton":[4,"hide-close-button"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,31 @@
+{
+  "entries": [
+    "./components/document-detector/document-detector.js",
+    "./components/shared/mb-api-process-status/mb-api-process-status.js",
+    "./components/shared/mb-button/mb-button.js",
+    "./components/shared/mb-button-classic/mb-button-classic.js",
+    "./components/shared/mb-camera-experience/mb-camera-experience.js",
+    "./components/shared/mb-camera-selection/mb-camera-selection.js",
+    "./components/shared/mb-camera-toolbar/mb-camera-toolbar.js",
+    "./components/shared/mb-completed/mb-completed.js",
+    "./components/shared/mb-component/mb-component.js",
+    "./components/shared/mb-container/mb-container.js",
+    "./components/shared/mb-feedback/mb-feedback.js",
+    "./components/shared/mb-help/mb-help.js",
+    "./components/shared/mb-image-box/mb-image-box.js",
+    "./components/shared/mb-modal/mb-modal.js",
+    "./components/shared/mb-overlay/mb-overlay.js",
+    "./components/shared/mb-progress-tracker/mb-progress-tracker.js",
+    "./components/shared/mb-screen/mb-screen.js",
+    "./components/shared/mb-spinner/mb-spinner.js",
+    "./components/shared/mb-tooltip/mb-tooltip.js",
+    "./components/shared/mb-tooltip-advanced/mb-tooltip-advanced.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.22.3",
+    "typescriptVersion": "4.9.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/document-detector/document-detector.css

@@ -0,0 +1,154 @@
+/**
+ * Copyright (c) Microblink Ltd. All rights reserved.
+ *
+ * SASS variables, not customizable via CSS variables
+ */
+/**
+ * Camera experiences
+ */
+/**
+ * CSS variables
+ *
+ * Note: when adding or modifying these values during development, Stencil must
+ * be reloaded for the changes to take effect.
+ */
+:host {
+  /* General properties */
+  --mb-font-family: inherit;
+  --mb-font-size: max(16px, 1rem);
+  --mb-font-size-desktop: max(20px, 1rem);
+  --mb-font-style: normal;
+  --mb-font-weight: 400;
+  --mb-letter-spacing: normal;
+  --mb-line-height: 1.5em;
+  /* Component (UI with buttons) */
+  --mb-component-background: #f9fafb;
+  --mb-component-width: 100%;
+  --mb-component-font-color: #000;
+  --mb-component-font-color-secondary: #3c3c43b2;
+  --mb-component-font-size: 14px;
+  --mb-component-text-transform: none;
+  --mb-component-border-color: rgba(120, 120, 128, 0.2);
+  --mb-component-border-radius: 5px;
+  --mb-component-border-style: solid;
+  --mb-component-border-width: 1px;
+  --mb-component-box-shadow: none;
+  --mb-component-button-size: 36px;
+  --mb-component-button-icon-size: 20px;
+  --mb-component-button-background: #fff;
+  --mb-component-button-hover-background: #f9fafb;
+  --mb-component-button-background-selected: rgba(72, 178, 232, 0.1);
+  --mb-component-button-border-color: #d1d5db;
+  --mb-component-button-border-color-selected: rgba(120, 120, 128, 0.2);
+  --mb-component-button-border-color-focus: #9ca3af;
+  --mb-component-button-border-color-hover: rgba(60, 60, 67, 0.29);
+  --mb-component-button-border-color-disabled: rgba(116, 116, 128, 0.08);
+  --mb-component-button-border-radius: 50%;
+  --mb-component-button-border-style: solid;
+  --mb-component-button-border-width: 1px;
+  --mb-component-button-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
+  --mb-component-button-box-shadow-disabled: none;
+  --mb-component-button-classic-background: #0062f2;
+  --mb-component-button-classic-hover-background: #3a89fd;
+  --mb-component-button-classic-inverted-hover-background: #f9fafb;
+  --mb-component-button-classic-focused-border-color: #142641;
+  --mb-component-button-classic-inverted-text-color: #374151;
+  --mb-component-button-classic-inverted-border-color: #9ca3af;
+  --mb-component-button-classic-font-size: 14px;
+  --mb-component-button-classic-font-weight: 700;
+  --mb-component-button-classic-text-color: #fff;
+  --mb-component-button-classic-line-height: 20px;
+  --mb-component-button-classic-border-radius: 100px;
+  --mb-component-image-box-border-color: rgba(120, 120, 128, 0.2);
+  --mb-component-image-box-border-radius: 2px;
+  --mb-component-image-box-border-width: 1px;
+  --mb-component-image-box-label-height: 16px;
+  --mb-component-image-box-label-color: rgba(60, 60, 67, 0.5);
+  --mb-component-image-box-label-font-size: 14px;
+  --mb-component-image-box-label-font-weight: 400;
+  --mb-component-image-box-cta-height: 20px;
+  --mb-component-image-box-cta-label-height: 20px;
+  --mb-component-image-box-cta-color: var(
+    --mb-component-button-classic-background
+  );
+  --mb-component-image-box-cta-color-hover: var(
+    --mb-component-button-classic-hover-background
+  );
+  --mb-component-image-box-cta-font-size: 14px;
+  --mb-component-image-box-cta-font-weight: 500;
+  --mb-component-image-box-file-color: #000;
+  --mb-component-image-box-file-font-weight: 400;
+  --mb-component-action-buttons-justify-content: flex-end;
+  --mb-component-action-buttons-gap: 8px;
+  --mb-component-action-label: block;
+  --mb-component-action-label-font-size: 14px;
+  /* Camera scanning UI */
+  --mb-blur-filter: 27px;
+  --mb-blur-scanning-line: 4px;
+  --mb-toolbar-color: #fff;
+  --mb-toolbar-border-color: #fff;
+  --mb-toolbar-border-radius: 4px;
+  --mb-toolbar-list-border-radius: 4px;
+  --mb-toolbar-list-item-border-radius: 2px;
+  --mb-toolbar-list-item-active-text-color: #0062f2;
+  --mb-toolbar-list-item-active-background-color: #e7f0ff;
+  --mb-toolbar-selection-width: 298px;
+  --mb-toolbar-list-background: #fff;
+  --mb-toolbar-list-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05),
+    0px 2px 24px rgba(0, 0, 0, 0.1);
+  --mb-toolbar-camera-name-font-weight: 500;
+  --mb-reticle-size: 6em;
+  /* User feedback (messages below buttons) */
+  --mb-feedback-font-color-error: #f43f5e;
+  --mb-feedback-font-color-info: #6b7280;
+  --mb-feedback-font-size: 12px;
+  --mb-feedback-font-style: normal;
+  --mb-feedback-font-weight: 400;
+  --mb-feedback-letter-spacing: normal;
+  --mb-feedback-line-height: 16px;
+  --mb-feedback-text-transform: none;
+  /* Overlays */
+  --mb-overlay-draganddrop-background: #dceaff;
+  --mb-overlay-draganddrop-background-error: #ffeaee;
+  --mb-overlay-draganddrop-border-color: #3a89fd;
+  --mb-overlay-draganddrop-text-color: #0062f2;
+  --mb-overlay-draganddrop-text-error-color: #e11d48;
+  --mb-overlay-draganddrop-border-color-error: #ff2d55;
+  --mb-overlay-draganddrop-border-style: dashed;
+  --mb-overlay-gallery-experience-background: rgba(0, 0, 0, 0.6);
+  --mb-overlay-gallery-experience-font-color: #fff;
+  --mb-overlay-gallery-experience-font-size: 1em;
+  --mb-overlay-gallery-experience-font-weight: 500;
+  --mb-overlay-gallery-experience-line-height: 1.5em;
+  --mb-overlay-deviceselection-background: rgba(17, 24, 39, 0.15);
+  /* Modals */
+  --mb-modal-title-font-size: 1em;
+  --mb-modal-title-line-height: 32px;
+  --mb-modal-content-font-size: 0.875em;
+  --mb-modal-content-line-height: 1.4em;
+  --mb-modal-border-radius: 8px;
+  --mb-modal-background: #ffffff;
+  /* Help Screens */
+  --mb-help-color-success: #10b981;
+  --mb-help-color-danger: #f43f5e;
+  --mb-help-font-color-primary: #142641;
+  --mb-help-font-color-secondary: #4b5563;
+  --mb-help-modal-background-color: var(--mb-modal-background);
+  --mb-help-modal-backdrop-color: rgba(17, 23, 39, 0.5);
+  --mb-help-lobby-button-background-color: white;
+  --mb-help-lobby-button-border-color: white;
+  --mb-help-lobby-button-hovered-background-color: #f3f4f6;
+  --mb-help-lobby-button-hovered-border-color: #e7f0ff;
+  --mb-help-lobby-button-focused-background-color: #f3f4f6;
+  --mb-help-lobby-button-focused-border-color: #e7f0ff;
+  --mb-help-lobby-button-icon-color: #0062f2;
+  --mb-help-progress-tracker-dot-active-color: #0062f2;
+  --mb-help-progress-tracker-dot-inactive-color: #c6c6c8;
+  --mb-help-lobby-button-tooltip-background-color: #0062f2;
+  --mb-help-lobby-button-tooltip-font-color: white;
+}
+
+:host {
+  display: block;
+  width: 100%;
+}