@streamlayer/react 1.23.0 → 1.23.2

package/lib/es/theme.js

@@ -1,47 +1,193 @@
 import "react/jsx-runtime";
-import { A as a, B as r, C as s, L as x, D as n } from "./sl-types.js";
-const d = (e) => (t) => `
-  @media only screen and (${e}) {
+import { A, B, C, L, D } from "./sl-types.js";
+const r = (n) => (t) => `
+  @media only screen and (${n}) {
     ${t}
   }
-`, c = (e, t) => (i) => `
-  @media only screen and (${e}) and (${t}) {
-    ${i}
+`, d = (n, t) => (e) => `
+  @media only screen and (${n}) and (${t}) {
+    ${e}
   }
-`, l = (e, t) => (i) => `
-  @media only screen and (${e}) and (${t}) {
-    ${i}
+`, m$1 = (n, t) => (e) => `
+  @media only screen and (${n}) and (${t}) {
+    ${e}
   }
-`, p = {
-  up: (e) => {
-    const t = a[e];
-    return d(`min-width: ${t}px`);
+`, c = {
+  up: (n) => {
+    const t = A[n];
+    return r(`min-width: ${t}px`);
   },
-  down: (e) => {
-    const t = a[e] - 1;
-    return d(`max-width: ${t}px`);
+  down: (n) => {
+    const t = A[n] - 1;
+    return r(`max-width: ${t}px`);
   },
-  intermediate: (e, t) => {
-    const i = a[e] - 1, o = a[t];
-    return c(`max-width: ${i}px`, `min-width: ${o}px`);
+  intermediate: (n, t) => {
+    const e = A[n] - 1, o = A[t];
+    return d(`max-width: ${e}px`, `min-width: ${o}px`);
   },
-  composite: (e, t) => {
-    const i = a[e] - 1, o = r[t];
-    return l(`max-width: ${i}px`, `orientation: ${o}`);
+  composite: (n, t) => {
+    const e = A[n] - 1, o = B[t];
+    return m$1(`max-width: ${e}px`, `orientation: ${o}`);
   },
-  orientation: (e) => {
-    const t = r[e];
-    return d(`orientation: ${t}`);
+  orientation: (n) => {
+    const t = B[n];
+    return r(`orientation: ${t}`);
   }
 };
-`${s}${x}${n.REGULAR}${n.REGULAR}${n.COLOR}${n.SERIF}${n.WEIGHT_DEFAULT}${n.WEIGHT_DEFAULT1}${n.WEIGHT_DEFAULT2}${n.WEIGHT_DEFAULT3}${n.SIZE_DEFAULT}${n.SIZE_DEFAULT1}${n.SIZE_DEFAULT2}${n.LINE_HEIGHT}${n.MARGIN_TITLE_DEFAULT}${p.down("xl")`
+`
+  ${C}
+  ${L}
+  --font-family: ${D.REGULAR};
+  --font-regular: ${D.REGULAR};
+  --font-color: ${D.COLOR};
+  --font-serif: ${D.SERIF};
+  --font-weight-default: ${D.WEIGHT_DEFAULT};
+  --font-weight-default1: ${D.WEIGHT_DEFAULT1};
+  --font-weight-default2: ${D.WEIGHT_DEFAULT2};
+  --font-weight-default3: ${D.WEIGHT_DEFAULT3};
+  --font-size-default: ${D.SIZE_DEFAULT};
+  --font-size-secondary: ${D.SIZE_DEFAULT1};
+  --font-size-small: ${D.SIZE_DEFAULT2};
+  --line-height-default: ${D.LINE_HEIGHT};
+  --margin-title-default: ${D.MARGIN_TITLE_DEFAULT};
+  --font-header-title: 1.125rem;
+
+  --header-offset: 0px;
+  --header-height: 68px;
+  --animation-duration: 0.5s;
+  --animation-function: ease;
+  --container-padding: 16px;
+  --tabs-padding-top: 16px;
+  --summary-container-padding-bottom: 16px;
+  --max-tabs-width: 100%;
+  --border-radius: 8px;
+  --pill-offset: 0px;
+  --max-width: 600px;
+  --max-notifications-width: 400px;
+  --header-padding: 12px 12px 12px 16px;
+  --margin-web-link-btn: 0px;
+  --padding-web-link-btn: 11px 16px;
+  --insight-content-padding: 0px;
+  --close-icon-size: 12px;
+  --close-icon-size: 1.125rem;
+  --close-icon-stroke-width: 1.5;
+  --padding-title-default: 0px;
+  --insight-image-display: inline;
+  --web-link-align-items: center;
+  --web-link-column-gap: 10px;
+  --nav-border: 1px solid var(--color-neutrals-gray3);
+  --card-border: 1px solid var(--color-card-border);
+  --welcome-screen-graphic-size: 144px;
+  --welcome-screen-graphic-size-xl: 144px;
+  --quote-indent: 0 0 8px 0px;
+  --quote-padding: 4px 16px 8px 0;
+  --history-card-gap: 0.75rem;
+
+  --row-gap-default: 12px;
+  --row-gap-default1: 12px;
+  --row-gap-default2: 16px;
+  --promo-header-line-height: 18.5px;
+  --promo-animation-duration: 0.5s;
+  --promo-animation-function: ease-in;
+
+  ${c.down("xl")`
     --header-offset: 0px;
-  `}${p.intermediate("xl", "lg")`
+  `}
+
+  ${c.intermediate("xl", "lg")`
     --header-offset: 0px;
-  `}`;
-const g = "StreamLayerCSSReset", h = "ttkj0ah";
+  `}
+
+  --insight-image-ratio: 16/9;
+  --adv-side-indents: 16px;
+  --adv-promo-padding-bottom: 36px;
+  --adv-top-indent: 12px;
+  --adv-header-height: 52px;
+  --adv-media-row-gap: 24px;
+  --adv-media-button-indent: 10px;
+  --adv-media-padding: 0 26.5px;
+  --adv-sponsor-logo-size: 32px;
+  --adv-sponsor-font-size: 16px;
+  --adv-header-border: 1px solid var(--color-adv-border-primary);
+  --adv-header-shift: 0;
+  --adv-media-shift: 24px;
+  --adv-hide-on-mobile: unset;
+  --adv-title-font-size: 24px;
+  --adv-description-font-size: 16px;
+  --adv-title-height: 31px;
+  --adv-description-height: 21px;
+  --adv-btn-font-size: 16px;
+  --adv-btn-padding: 10px 14px;
+
+  .mobile-view {
+    --adv-side-indents: 16px;
+    --adv-promo-padding-bottom: 36px;
+    --adv-hide-on-mobile: none;
+    --adv-header-shift: -10px;
+    --adv-media-shift: -10px;
+    --adv-top-indent: 4px;
+    --adv-header-border: none;
+    --adv-header-height: 48px;
+    --adv-media-row-gap: 22.5px;
+    --adv-media-button-indent: 22.5px;
+    --adv-sponsor-logo-size: 28px;
+    --adv-sponsor-font-size: 12px;
+  }
+
+  --padding-question-content: 16px 16px 0px;
+  --gap-vote-options: 8px;
+  --vote-feedback-font-size: 1em;
+  --letter-spacing-feedback-header: normal;
+  --size-transparent-icon: 51px;
+  --padding-feedback-container: 8px 0px 24px;
+  --fz-feedbackContainer: 14px;
+  --margin-top-feedback-text: 10px;
+  --margin-top-feedback-dynamic-text: 0px;
+  --fz-feedback-text: 1em;
+  --fz-feedback-dynamic-text: 1em;
+  --letter-spacing-feedback-text: normal;
+  --display-dynamic-wrap: inline;
+  --padding-question-title: 0em;
+  --text-align-question-title: start;
+  --line-height-question-title: 24px;
+  --vote-title-font-size: 16px;
+  --padding-vote-answer: 5px 15px 5px 9px;
+  --fz-vote-answer: 12px;
+  --border-radius-vote-btn: 4px;
+  --min-height-vote-btn: 44px;
+  --justify-content-feedback-container: start;
+  --bg-color-feedback-container: transparent;
+  --padding-feedback-wrap: 0px;
+  --border-radius-feedback-container: 0px;
+  --text-align-feedback-description: start;
+  --color-feedback-description: #090E13;
+  --color-feedback-text: rgba(10, 14, 19, 0.70);
+  --vote-answer-font-size: 1em;
+  --size-vote-answer-icon: 32px;
+  --margin-left-vote-answer-indicator: 8px;
+  --size-vote-answer-indicator: 16px;
+  --path-fill-vote-answer-indicator: #107D57;
+  --vote-answer-font-weight: normal;
+  --margin-left-percentage: 8px;
+  --question-content-max-width: unset;
+  --line-height-percentage: 17px;
+  --line-height-percentage: 1.55em;
+  --border-color-btn-correct: #107D57;
+  --border-color-btn-voted: #1D7BFF;
+  --opacity-voted-btn-rct: 1;
+  --opacity-vote-btn-not-selected: 1;
+  --color-vote-btn-not-checked-bg: #fff;
+  --vote-options-margin-bottom: 0px;
+  --fw-feedback: inherit;
+  --letter-spacing-question-title: normal;
+  --margin-left-pts: 0px;
+
+  --display-question-container: initial;
+  --justify-content-question-container: initial;
+`;
+const m = "StreamLayerCSSReset", h = "ttkj0ah";
 export {
-  p as c,
+  c,
   h,
-  g as m
+  m
 };

package/lib/es/useStreamLayerApp.js

@@ -1,4 +1,4 @@
-import { $ as a } from "./useStreamLayerApp2.js";
+import { $ } from "./useStreamLayerApp2.js";
 export {
-  a as useStreamLayerApp
+  $ as useStreamLayerApp
 };