@syntrologie/adapt-faq 2.17.0 → 2.18.0

package/dist/runtime.js

@@ -1,3 +1,9 @@
+import {
+  purple,
+  slateGrey
+} from "./chunk-S6WIENQP.js";
+import "./chunk-5WRI5ZAA.js";
+
 // src/executors.ts
 function resolveItem(store, itemId, itemQuestion) {
   if (itemId) {
@@ -97,410 +103,6 @@ var executorDefinitions = [
   { kind: "faq:update", executor: executeUpdateFaq }
 ];
 
-// ../../design-system/dist/tokens/colors.js
-var base = {
-  white: "#ffffff",
-  black: "#000000"
-};
-var brand = {
-  0: "#2c0b0a",
-  1: "#5b1715",
-  2: "#89221f",
-  3: "#b72e2a",
-  4: "#d44844",
-  5: "#dd6d69",
-  6: "#e5918f",
-  7: "#eeb6b4",
-  8: "#f6dada",
-  9: "#faebea"
-};
-var slateGrey = {
-  0: "#07080a",
-  1: "#0f1318",
-  2: "#0e1114",
-  3: "#1c222a",
-  4: "#2b333f",
-  5: "#394454",
-  6: "#475569",
-  7: "#677384",
-  8: "#87919f",
-  9: "#a8afba",
-  10: "#cbd0d7",
-  11: "#e8eaee",
-  12: "#f6f7f9"
-};
-var green = {
-  0: "#07230a",
-  1: "#0e4514",
-  2: "#16681e",
-  3: "#1d8a28",
-  4: "#24ad32",
-  5: "#4fbd5a",
-  6: "#7acd82",
-  7: "#a5deab",
-  8: "#d0eed3",
-  9: "#e5f6e7"
-};
-var yellow = {
-  0: "#301f09",
-  1: "#5f3e12",
-  2: "#8f5e1b",
-  3: "#be7d24",
-  4: "#ee9c2d",
-  5: "#f1b057",
-  6: "#f5c481",
-  7: "#f8d7ab",
-  8: "#fcebd5",
-  9: "#fdf5ea"
-};
-var red = {
-  0: "#330707",
-  1: "#660f0e",
-  2: "#991616",
-  3: "#cc1e1d",
-  4: "#ff2524",
-  5: "#ff5150",
-  6: "#ff7c7c",
-  7: "#ffa8a7",
-  8: "#ffd3d3",
-  9: "#ffe9e9"
-};
-var blue = {
-  0: "#051533",
-  1: "#0a2a66",
-  2: "#0f3f98",
-  3: "#1454cb",
-  4: "#1969fe",
-  5: "#4787fe",
-  6: "#75a5fe",
-  7: "#a3c3ff",
-  8: "#d1e1ff",
-  9: "#e8f0ff"
-};
-var orange = {
-  0: "#662500",
-  1: "#993d00",
-  2: "#cc5800",
-  3: "#ff7700",
-  4: "#fea85d",
-  5: "#fec58f",
-  6: "#ffd6ae",
-  7: "#fee6cd",
-  8: "#fff1e1",
-  9: "#fff8f0"
-};
-var purple = {
-  0: "#151229",
-  1: "#2a2452",
-  2: "#40357c",
-  3: "#5547a5",
-  4: "#6a59ce",
-  5: "#887ad8",
-  6: "#a69be2",
-  7: "#c3bdeb",
-  8: "#e1def5",
-  9: "#f0eefa"
-};
-var pink = {
-  0: "#37091f",
-  1: "#69123c",
-  2: "#9b1c58",
-  3: "#cd2575",
-  4: "#ff2e92",
-  5: "#ff58a8",
-  6: "#ff82be",
-  7: "#ffabd3",
-  8: "#ffd5e9",
-  9: "#ffeaf4"
-};
-var text = {
-  primary: slateGrey[10],
-  secondary: slateGrey[9],
-  tertiary: slateGrey[8]
-};
-var background = {
-  primary: slateGrey[2],
-  secondary: slateGrey[0]
-};
-var border = {
-  primary: slateGrey[4],
-  secondary: slateGrey[3]
-};
-var button = {
-  primary: {
-    text: base.white,
-    icon: base.white,
-    border: brand[3],
-    backgroundDefault: brand[3],
-    backgroundHover: brand[2]
-  },
-  neutral: {
-    text: slateGrey[10],
-    textHover: base.white,
-    icon: slateGrey[10],
-    iconHover: base.white,
-    border: slateGrey[4],
-    background: slateGrey[2]
-  },
-  link: {
-    text: base.white,
-    icon: base.white,
-    hover: brand[5]
-  },
-  error: {
-    text: red[5],
-    hover: red[6]
-  },
-  success: {
-    text: green[5],
-    hover: green[6]
-  }
-};
-var badge = {
-  slateGrey: {
-    content: slateGrey[10],
-    pillOutline: slateGrey[10],
-    borderPrimary: slateGrey[5],
-    borderSecondary: slateGrey[5],
-    background: slateGrey[3]
-  },
-  brand: {
-    content: brand[9],
-    pillOutline: brand[9],
-    borderPrimary: brand[6],
-    borderSecondary: brand[6],
-    background: brand[0]
-  },
-  red: {
-    content: red[8],
-    pillOutline: red[4],
-    borderPrimary: red[2],
-    borderSecondary: red[2],
-    background: red[0]
-  },
-  yellow: {
-    content: yellow[8],
-    pillOutline: yellow[4],
-    borderPrimary: yellow[2],
-    borderSecondary: yellow[2],
-    background: yellow[0]
-  },
-  green: {
-    content: green[8],
-    pillOutline: green[4],
-    borderPrimary: green[2],
-    borderSecondary: green[2],
-    background: green[0]
-  },
-  purple: {
-    content: purple[8],
-    pillOutline: purple[4],
-    borderPrimary: purple[2],
-    borderSecondary: purple[2],
-    background: purple[0]
-  },
-  blue: {
-    content: blue[8],
-    pillOutline: blue[4],
-    borderPrimary: blue[2],
-    borderSecondary: blue[2],
-    background: blue[0]
-  },
-  orange: {
-    content: orange[8],
-    pillOutline: orange[4],
-    borderPrimary: orange[2],
-    borderSecondary: orange[2],
-    background: orange[0]
-  },
-  pink: {
-    content: pink[8],
-    pillOutline: pink[4],
-    borderPrimary: pink[2],
-    borderSecondary: pink[2],
-    background: pink[0]
-  }
-};
-var badgeBanner = {
-  green: {
-    content: green[8],
-    border: green[2],
-    background: green[0]
-  },
-  yellow: {
-    content: yellow[8],
-    border: yellow[2],
-    background: yellow[0]
-  },
-  red: {
-    content: red[8],
-    border: red[2],
-    background: red[0]
-  }
-};
-var alert = {
-  green: {
-    content: green[1],
-    background: green[9]
-  },
-  yellow: {
-    content: yellow[1],
-    background: yellow[9]
-  },
-  red: {
-    content: red[1],
-    background: red[9]
-  }
-};
-var tag = {
-  content: slateGrey[10],
-  border: slateGrey[4],
-  background: slateGrey[3]
-};
-var menu = {
-  backgroundDefault: slateGrey[2],
-  backgroundHover: slateGrey[1],
-  selected: slateGrey[3]
-};
-var inputDropdown = {
-  background: slateGrey[2],
-  icon: slateGrey[10],
-  borderDefault: slateGrey[4],
-  borderSelected: brand[3],
-  textLabel: slateGrey[9],
-  textPlaceholder: slateGrey[8],
-  textHint: slateGrey[8]
-};
-var inputField = {
-  backgroundDefault: slateGrey[2],
-  backgroundDisabled: slateGrey[0],
-  textLabel: slateGrey[9],
-  textPlaceholder: slateGrey[8],
-  textHint: slateGrey[8],
-  textError: red[5],
-  iconDefault: slateGrey[9],
-  iconPlaceholder: slateGrey[10],
-  iconError: red[5],
-  borderDefault: slateGrey[4],
-  borderSelected: brand[3],
-  borderError: red[5]
-};
-var toggle = {
-  handleDefault: base.white,
-  handleDisabled: slateGrey[10],
-  off: {
-    backgroundDefault: slateGrey[4],
-    backgroundHover: slateGrey[5],
-    backgroundDisabled: slateGrey[4]
-  },
-  on: {
-    backgroundDefault: green[3],
-    backgroundHover: green[2],
-    backgroundDisabled: slateGrey[4]
-  }
-};
-var checkbox = {
-  off: {
-    backgroundDefault: "#00000000",
-    backgroundHover: slateGrey[5],
-    backgroundDisabled: slateGrey[2],
-    border: slateGrey[6]
-  },
-  on: {
-    backgroundDefault: green[0],
-    backgroundHover: green[1],
-    backgroundDisabled: slateGrey[2],
-    border: green[3]
-  }
-};
-var avatar = {
-  content: slateGrey[10],
-  background: slateGrey[4]
-};
-var progressBarSlider = {
-  background: slateGrey[4],
-  active: green[3]
-};
-var card = {
-  background: slateGrey[1],
-  content: slateGrey[9],
-  border: slateGrey[4]
-};
-var sidebar = {
-  backgroundDefault: slateGrey[1],
-  backgroundHover: slateGrey[3],
-  backgroundActive: slateGrey[4],
-  border: slateGrey[4],
-  contentPrimary: slateGrey[10],
-  contentSecondary: slateGrey[9],
-  contentTertiary: slateGrey[8]
-};
-var modal = {
-  background: slateGrey[1],
-  content: slateGrey[9],
-  border: slateGrey[4]
-};
-var tab = {
-  activeBackground: slateGrey[3],
-  activeContent: brand[5],
-  inactiveContent: slateGrey[9],
-  border: slateGrey[4]
-};
-var table = {
-  header: {
-    textDefault: slateGrey[9],
-    textHover: slateGrey[8],
-    backgroundDefault: slateGrey[1]
-  },
-  border: slateGrey[4],
-  cell: {
-    textPrimary: slateGrey[10],
-    textSecondary: slateGrey[9],
-    backgroundDefault: slateGrey[2],
-    backgroundHover: slateGrey[1]
-  }
-};
-var breadcrumbs = {
-  textPrimaryDefault: slateGrey[10],
-  textPrimaryHover: slateGrey[10],
-  textSecondaryDefault: slateGrey[8],
-  textSecondaryHover: slateGrey[9],
-  iconPrimary: slateGrey[10],
-  iconSecondary: slateGrey[8]
-};
-var loadingIndicator = {
-  background: green[1],
-  active: green[5]
-};
-var datePicker = {
-  textDefault: slateGrey[10],
-  textSelected: base.white,
-  textDisabled: slateGrey[7],
-  backgroundDefault: slateGrey[2],
-  backgroundMiddle: slateGrey[3],
-  backgroundSelected: brand[3],
-  border: slateGrey[4]
-};
-var scroll = slateGrey[9];
-
-// ../../design-system/dist/tokens/panel-shell.js
-var fab = {
-  /** Diameter in pixels. */
-  size: 56,
-  /** Inset from the panel's top-left corner in pixels. */
-  inset: 12,
-  /** Background color (always the brand black). */
-  background: base.black,
-  /** Icon / logo color. */
-  color: base.white,
-  /** Border — 2px brand red ring. */
-  border: `2px solid ${brand[3]}`,
-  /** Shadow when the panel is open (inner ring for "active" state). */
-  shadowOpen: "0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)",
-  /** Shadow when the panel is closed. */
-  shadowClosed: "0 4px 24px rgba(0,0,0,0.6)"
-};
-
 // src/FAQWidgetLit.ts
 import { html, LitElement, nothing } from "lit";
 import { styleMap } from "lit/directives/style-map.js";