npm - @saasquatch/mint-components - Versions diffs - 1.4.0 → 1.5.0-0 - Mend

@saasquatch/mint-components 1.4.0 → 1.5.0-0

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 (389) hide show

package/dist/types/global/styles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const style = "\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n:root {\n  --sl-color-black: #141414;\n  --sl-color-white: #fff;\n  /** Anvil uses a different scale (from 0-400), but has 10 increments.\n    Just ported the 10 incrementals colors over for a slightly-less-dark palette than Shoelace **/\n  --sl-color-gray-50: #f7f7f7;\n  --sl-color-gray-100: #f5f5f5;\n  --sl-color-gray-200: #eeeeee;\n  --sl-color-gray-300: #dfe0e1;\n  --sl-color-gray-400: #bcbcbd;\n  --sl-color-gray-500: #9e9ea0;\n  --sl-color-gray-600: #737475;\n  --sl-color-gray-700: #606162;\n  --sl-color-gray-800: #444445;\n  --sl-color-gray-900: #2d2e31;\n  --sl-color-gray-950: #141414;\n  /** Primary Colors from: https://anvil.servicetitan.com/foundations/color/ **/\n  --sl-color-primary-50: #f0f9ff;\n  --sl-color-primary-100: #ecf4fd;\n  --sl-color-primary-200: #a9d1ff;\n  --sl-color-primary-300: #3684f5;\n  --sl-color-primary-400: #2270ee;\n  --sl-color-primary-500: #1360d9;\n  --sl-color-primary-600: #004cc3;\n  /** ServiceTitan Anvil doesn't have colors over 600 **/\n  --sl-color-primary-700: var(--sl-color-primary-600);\n  --sl-color-primary-800: var(--sl-color-primary-600);\n  --sl-color-primary-900: var(--sl-color-primary-600);\n  --sl-color-primary-950: var(--sl-color-primary-600);\n\n  --sl-color-primary-text: var(--sl-color-white);\n\n  /** Syuccess Colors from: https://anvil.servicetitan.com/foundations/color/ **/\n  --sl-color-success-50: #f0fdf4;\n  --sl-color-success-100: #e1fdef;\n  --sl-color-success-200: #90efc0;\n  --sl-color-success-300: #60dfa6;\n  --sl-color-success-400: #1fbc70;\n  --sl-color-success-500: #18a761;\n  --sl-color-success-600: #10864b;\n  /** ServiceTitan Anvil doesn't have colors over 600 **/\n  --sl-color-success-700: var(--sl-color-success-600);\n  --sl-color-success-800: var(--sl-color-success-600);\n  --sl-color-success-900: var(--sl-color-success-600);\n  --sl-color-success-950: var(--sl-color-success-600);\n\n  --sl-color-success-text: var(--sl-color-white);\n\n  /** Delegating to Anvil Grey colors from above **/\n  --sl-color-info-50: var(--sl-color-gray-50);\n  --sl-color-info-100: var(--sl-color-gray-100);\n  --sl-color-info-200: var(--sl-color-gray-200);\n  --sl-color-info-300: var(--sl-color-gray-300);\n  --sl-color-info-400: var(--sl-color-gray-400);\n  --sl-color-info-500: var(--sl-color-gray-500);\n  --sl-color-info-600: var(--sl-color-gray-600);\n  --sl-color-info-700: var(--sl-color-gray-700);\n  --sl-color-info-800: var(--sl-color-gray-800);\n  --sl-color-info-900: var(--sl-color-gray-900);\n  --sl-color-info-950: var(--sl-color-gray-950);\n  /** Colors from Anvil **/\n  --sl-color-info-text: var(--sl-color-white);\n  --sl-color-warning-50: #fffbeb;\n  --sl-color-warning-100: #fff2dc;\n  --sl-color-warning-200: #ffcc80;\n  --sl-color-warning-300: #ffa23a;\n  --sl-color-warning-400: #ff9116;\n  --sl-color-warning-500: #ee8400;\n  --sl-color-warning-600: #df7600;\n  /** LV: Note - Anvil doesn't list color weights over 600 **/\n  --sl-color-warning-700: var(--sl-color-warning-600);\n  --sl-color-warning-800: var(--sl-color-warning-600);\n  --sl-color-warning-900: var(--sl-color-warning-600);\n  --sl-color-warning-950: var(--sl-color-warning-600);\n  /** Colors from Anvil **/\n  --sl-color-warning-text: var(--sl-color-white);\n  --sl-color-danger-10: #fff9f8;\n  --sl-color-danger-50: #fef2f2;\n  --sl-color-danger-100: #ffece9;\n  --sl-color-danger-200: #ffb2a0;\n  --sl-color-danger-300: #ff745f;\n  --sl-color-danger-400: #f94d32;\n  --sl-color-danger-500: #e63717;\n  --sl-color-danger-600: #bf2a00;\n  /** LV: Note - ServiceTitan Anvil doesn't list color weights over 600 **/\n  --sl-color-danger-700: var(--sl-color-danger-600);\n  --sl-color-danger-800: var(--sl-color-danger-600);\n  --sl-color-danger-900: var(--sl-color-danger-600);\n  --sl-color-danger-950: var(--sl-color-danger-600);\n  --sl-color-danger-text: var(--sl-color-white);\n  --sl-border-radius-small: 0.125rem;\n  --sl-border-radius-medium: 0.25rem;\n  --sl-border-radius-large: 0.5rem;\n  --sl-border-radius-x-large: 1rem;\n  --sl-border-radius-circle: 50%;\n  --sl-border-radius-pill: 9999px;\n  --sl-shadow-x-small: 0 1px 0 #0d131e0d;\n  --sl-shadow-small: 0 1px 2px #0d131e1a;\n  --sl-shadow-medium: 0 2px 4px #0d131e1a;\n  --sl-shadow-large: 0 2px 8px #0d131e1a;\n  --sl-shadow-x-large: 0 4px 16px #0d131e1a;\n  /** LV: Could use the Anvil spacing rules, but probably not necessary **/\n  --sl-spacing-xxx-small: 0.125rem;\n  --sl-spacing-xx-small: 0.25rem;\n  --sl-spacing-x-small: 0.5rem;\n  --sl-spacing-small: 0.75rem;\n  --sl-spacing-medium: 1rem;\n  --sl-spacing-large: 1.25rem;\n  --sl-spacing-x-large: 1.75rem;\n  --sl-spacing-xx-large: 2.25rem;\n  --sl-spacing-xxx-large: 3rem;\n  --sl-spacing-xxxx-large: 4.5rem;\n  --sl-transition-x-slow: 1000ms;\n  --sl-transition-slow: 500ms;\n  --sl-transition-medium: 250ms;\n  --sl-transition-fast: 150ms;\n  --sl-transition-x-fast: 50ms;\n  --sl-font-mono: SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n  --sl-font-sans: \"Nunito Sans\", sans;\n  --sl-font-serif: Georgia, \"Times New Roman\", serif;\n  --sl-font-size-xx-small: 0.625rem;\n  --sl-font-size-x-small: 0.75rem;\n  --sl-font-size-small: 0.875rem;\n  --sl-font-size-medium: 1rem;\n  --sl-font-size-large: 1.25rem;\n  --sl-font-size-x-large: 1.5rem;\n  --sl-font-size-xx-large: 2.25rem;\n  --sl-font-size-xxx-large: 3rem;\n  --sl-font-size-xxxx-large: 4.5rem;\n  --sl-font-weight-light: 300;\n  --sl-font-weight-normal: 400;\n  --sl-font-weight-semibold: 600;\n  --sl-font-weight-bold: 700;\n  --sl-letter-spacing-dense: -0.015em;\n  --sl-letter-spacing-normal: normal;\n  --sl-letter-spacing-loose: 0.075em;\n  --sl-line-height-dense: 1.4;\n  --sl-line-height-normal: 1.8;\n  --sl-line-height-loose: 2.2;\n  --sl-focus-ring-color-primary: #0ea5e954;\n  --sl-focus-ring-color-success: #22c55e54;\n  --sl-focus-ring-color-info: #6b728054;\n  --sl-focus-ring-color-warning: #f59e0b54;\n  --sl-focus-ring-color-danger: #ef444454;\n  --sl-focus-ring-width: 3px;\n  --sl-button-font-size-small: var(--sl-font-size-x-small);\n  --sl-button-font-size-medium: var(--sl-font-size-small);\n  --sl-button-font-size-large: var(--sl-font-size-medium);\n  --sl-input-height-small: 1.875rem;\n  --sl-input-height-medium: 2.5rem;\n  --sl-input-height-large: 3.125rem;\n  --sl-input-background-color: var(--sl-color-white);\n  --sl-input-background-color-hover: var(--sl-color-white);\n  --sl-input-background-color-focus: var(--sl-color-white);\n  --sl-input-background-color-disabled: var(--sl-color-gray-100);\n  --sl-input-border-color: var(--sl-color-gray-300);\n  --sl-input-border-color-hover: var(--sl-color-gray-400);\n  --sl-input-border-color-focus: var(--sl-color-primary-500);\n  --sl-input-border-color-disabled: var(--sl-color-gray-300);\n  --sl-input-border-width: 1px;\n  --sl-input-border-radius-small: var(--sl-border-radius-medium);\n  --sl-input-border-radius-medium: var(--sl-border-radius-medium);\n  --sl-input-border-radius-large: var(--sl-border-radius-medium);\n  --sl-input-font-family: var(--sl-font-sans);\n  --sl-input-font-weight: var(--sl-font-weight-normal);\n  --sl-input-font-size-small: var(--sl-font-size-small);\n  --sl-input-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-font-size-large: var(--sl-font-size-large);\n  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);\n  --sl-input-color: var(--sl-color-gray-700);\n  --sl-input-color-hover: var(--sl-color-gray-700);\n  --sl-input-color-focus: var(--sl-color-gray-700);\n  --sl-input-color-disabled: var(--sl-color-gray-900);\n  --sl-input-icon-color: var(--sl-color-gray-400);\n  --sl-input-icon-color-hover: var(--sl-color-gray-600);\n  --sl-input-icon-color-focus: var(--sl-color-gray-600);\n  --sl-input-placeholder-color: var(--sl-color-gray-400);\n  --sl-input-placeholder-color-disabled: var(--sl-color-gray-600);\n  --sl-input-spacing-small: var(--sl-spacing-small);\n  --sl-input-spacing-medium: var(--sl-spacing-medium);\n  --sl-input-spacing-large: var(--sl-spacing-large);\n  --sl-input-label-font-size-small: var(--sl-font-size-small);\n  --sl-input-label-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-label-font-size-large: var(--sl-font-size-large);\n  --sl-input-label-color: inherit;\n  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);\n  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);\n  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);\n  --sl-input-help-text-color: var(--sl-color-gray-400);\n  --sl-toggle-size: 1rem;\n  --sl-overlay-background-color: #37415180;\n  --sl-panel-background-color: var(--sl-color-white);\n  --sl-panel-border-color: var(--sl-color-gray-200);\n  --sl-tooltip-border-radius: var(--sl-border-radius-medium);\n  --sl-tooltip-background-color: var(--sl-color-gray-900);\n  --sl-tooltip-color: var(--sl-color-white);\n  --sl-tooltip-font-family: var(--sl-font-sans);\n  --sl-tooltip-font-weight: var(--sl-font-weight-normal);\n  --sl-tooltip-font-size: var(--sl-font-size-small);\n  --sl-tooltip-line-height: var(--sl-line-height-dense);\n  --sl-tooltip-padding: var(--sl-spacing-xxx-small) var(--sl-spacing-x-small);\n  --sl-tooltip-arrow-size: 5px;\n  --sl-tooltip-arrow-start-end-offset: 8px;\n  --sl-z-index-drawer: 700;\n  --sl-z-index-dialog: 800;\n  --sl-z-index-dropdown: 900;\n  --sl-z-index-toast: 950;\n  --sl-z-index-tooltip: 1000;\n}\n:root {\n  --sqm-header-background: var(--sl-color-white);\n  --sqm-footer-background: var(--sl-color-white);\n\n  // --st-color-text-error, --st-content-max-width, --st-content-background, and --st-portal-background are no longer provided by mint-component\n  // These variables should be supplied by the Service Titan project\n\n  --sqm-color-text-error: #e63717;\n  --sqm-content-max-width: 700px;\n  --sqm-content-background: var(--sl-color-white);\n  --sqm-portal-background: var(--sl-color-gray-50);\n  --widget-background-color: var(--sl-color-white);\n  --sqm-portal-main-width: 900px;\n  --sqm-max-width: 1280px;\n}\nbody {\n  font-family: var(--sl-font-sans);\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-normal);\n  letter-spacing: var(--sl-letter-spacing-small);\n  color: var(--sl-color-gray-800);\n  line-height: var(--sl-line-height-normal);\n  margin: 0;\n  background-color: var(--sqm-portal-background);\n}\na,\na:visited {\n  text-decoration: none;\n  color: var(--sl-color-primary-500);\n}\na:hover {\n  color: var(--sl-color-primary-600);\n}\nh2, .Title {\n  font-size: var(--sl-font-size-large);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.H4 {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.P {\n  font-size: var(--sl-font-size-small);\n  color: var(--sl-color-gray-800);\n  margin-top: 0px;\n}\n\n.Title {\n  text-align: center;\n}\n\n.Subtitle {\n  text-align: center;\n  margin-bottom: 0px;\n  color: var(--sl-color-gray-500);\n}\n.SupportText{\n  margin-top: var(--sl-spacing-small);\n  text-align: center;\n}\n\nsl-button::part(base){\n  width: 100%;\n}\n\nsqm-share-button{\n  flex: 1;\n}\n\nsqm-hero img {\n  max-width: 100%;\n  display: block;\n}\n\nsl-details::part(base){\n  background-color: var(--sl-color-white);\n  border-color: var(--sl-color-gray-300)\n}\nsl-details::part(summary) {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0px;\n}\n*::part(defaultbutton-base){\n  background-color: rgba(0,0,0,0);\n  color: var(--sl-color-gray-800);\n  border-color: var(--sl-color-gray-800);\n}\n*::part(defaultbutton-base):hover{\n  background-color: rgba(20,20,20,.08);\n}\n*::part(defaultbutton-base):active{\n  background-color: rgba(20,20,20,.16);\n}\n*::part(defaultbutton-base):focus{\n  box-shadow: none;\n}\n*::part(primarybutton-base){\n  background-color: var(--sl-color-primary-400);\n  color: var(--sl-color-white);\n  border-color: var(--sl-color-primary-400);\n}\n*::part(primarybutton-base):hover{\n  background-color: var(--sl-color-primary-300);\n  border-color: var(--sl-color-primary-300);\n}\n*::part(primarybutton-base):active{\n  background-color: var(--sl-color-primary-500);\n  border-color: var(--sl-color-primary-500);\n}\n\n*::part(primarybutton-base):focus{\n  box-shadow: none;\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-size: var(--sl-input-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\nsl-input::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\n*::part(menuitem-base):hover{\n  background-color: var(--sl-color-gray-200);\n  color: var(--sl-color-gray-700);\n}\n\n.poweredBy {\n  color: var(--sl-color-gray-400);\n  font-size: var(--sl-font-size-xx-small);\n}\n\n.poweredBy:hover {\n  color: var(--sl-color-gray-900);\n}\n\n// The following commented out styles should be moved to Service Titan\n\n// stn-row[topmargin=\"x-large\"] {\n//   margin-top: var(--sl-spacing-x-large);\n// }\n\n// stn-wrapper-column {\n//   max-width: var(--sqm-content-max-width);\n//   margin: var(--sl-spacing-x-large) auto;\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-wrapper-column > :not(:first-child), stn-wrapper-item > :not(:first-child) {\n//   margin-top: var(--sl-spacing-medium);\n// }\n\n// stn-wrapper-item, stn-wrapper-column{\n//   display: flex;\n//   flex-direction: column;\n//   box-sizing: border-box;\n//   width: 100%;\n//   height: auto;\n// }\n// stn-wrapper-item {\n//   padding: var(--sl-spacing-large);\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-row {\n//   display: flex;\n// }\n\n// stn-row[gap=\"medium\"] > :not(:first-child) {\n//   margin-left: var(--sl-spacing-medium);\n// }\n\n// stn-row[space=\"even\"] > * {\n//   flex: 1 1 0;\n// }\n\n// *::part(erroralert-icon), *::part(successalert-icon){\n//   align-items: flex-start;\n//   padding-top: var(--sl-spacing-large);\n// }\n\n// *::part(erroralert-text){\n//   color: var(--sl-color-danger-500);\n// }\n\n// *::part(successalert-text) {\n//   color: var(--sl-color-success-600);\n// }\n\n// *::part(successalert-text),\n// *::part(erroralert-text) {\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-semibold);\n//   width: 100%;\n// }\n// *::part(successalert-subtext){\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-normal);\n//   color: var(--sl-color-gray-800);\n//   width: 100%;\n// }\n\n.FooterEmail{\n  text-decoration: none;\n  font-size: var(--sl-font-size-medium);\n  color: var(--sl-color-gray-800);\n  margin: 0px;\n  cursor:pointer;\n}\n\n\n\n";
+declare const style = "\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* vietnamese */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');\n  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Nunito Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\nhtml {\n  visibility:hidden;\n}\n:root {\n  --sl-color-gray-50: hsl(0 0% 97.5%);\n  --sl-color-gray-100: hsl(240 4.8% 95.9%);\n  --sl-color-gray-200: hsl(240 5.9% 90%);\n  --sl-color-gray-300: hsl(240 4.9% 83.9%);\n  --sl-color-gray-400: hsl(240 5% 64.9%);\n  --sl-color-gray-500: hsl(240 3.8% 46.1%);\n  --sl-color-gray-600: hsl(240 5.2% 33.9%);\n  --sl-color-gray-700: hsl(240 5.3% 26.1%);\n  --sl-color-gray-800: hsl(240 3.7% 15.9%);\n  --sl-color-gray-900: hsl(240 5.9% 10%);\n  --sl-color-gray-950: hsl(240 7.3% 8%);\n\n  --sl-color-red-50: hsl(0 85.7% 97.3%);\n  --sl-color-red-100: hsl(0 93.3% 94.1%);\n  --sl-color-red-200: hsl(0 96.3% 89.4%);\n  --sl-color-red-300: hsl(0 93.5% 81.8%);\n  --sl-color-red-400: hsl(0 90.6% 70.8%);\n  --sl-color-red-500: hsl(0 84.2% 60.2%);\n  --sl-color-red-600: hsl(0 72.2% 50.6%);\n  --sl-color-red-700: hsl(0 73.7% 41.8%);\n  --sl-color-red-800: hsl(0 70% 35.3%);\n  --sl-color-red-900: hsl(0 62.8% 30.6%);\n  --sl-color-red-950: hsl(0 60% 19.6%);\n\n  --sl-color-orange-50: hsl(33.3 100% 96.5%);\n  --sl-color-orange-100: hsl(34.3 100% 91.8%);\n  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);\n  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);\n  --sl-color-orange-400: hsl(27 96% 61%);\n  --sl-color-orange-500: hsl(24.6 95% 53.1%);\n  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);\n  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);\n  --sl-color-orange-800: hsl(15 79.1% 33.7%);\n  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);\n  --sl-color-orange-950: hsl(15.2 69.1% 19%);\n\n  --sl-color-amber-50: hsl(48 100% 96.1%);\n  --sl-color-amber-100: hsl(48 96.5% 88.8%);\n  --sl-color-amber-200: hsl(48 96.6% 76.7%);\n  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);\n  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);\n  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);\n  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);\n  --sl-color-amber-700: hsl(26 90.5% 37.1%);\n  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);\n  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);\n  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);\n\n  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);\n  --sl-color-yellow-100: hsl(54.9 96.7% 88%);\n  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);\n  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);\n  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);\n  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);\n  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);\n  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);\n  --sl-color-yellow-800: hsl(31.8 81% 28.8%);\n  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);\n  --sl-color-yellow-950: hsl(33.1 69% 13.9%);\n\n  --sl-color-lime-50: hsl(78.3 92% 95.1%);\n  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);\n  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);\n  --sl-color-lime-300: hsl(82 84.5% 67.1%);\n  --sl-color-lime-400: hsl(82.7 78% 55.5%);\n  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);\n  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);\n  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);\n  --sl-color-lime-800: hsl(86.3 69% 22.7%);\n  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);\n  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);\n\n  --sl-color-green-50: hsl(138.5 76.5% 96.7%);\n  --sl-color-green-100: hsl(140.6 84.2% 92.5%);\n  --sl-color-green-200: hsl(141 78.9% 85.1%);\n  --sl-color-green-300: hsl(141.7 76.6% 73.1%);\n  --sl-color-green-400: hsl(141.9 69.2% 58%);\n  --sl-color-green-500: hsl(142.1 70.6% 45.3%);\n  --sl-color-green-600: hsl(142.1 76.2% 36.3%);\n  --sl-color-green-700: hsl(142.4 71.8% 29.2%);\n  --sl-color-green-800: hsl(142.8 64.2% 24.1%);\n  --sl-color-green-900: hsl(143.8 61.2% 20.2%);\n  --sl-color-green-950: hsl(144.3 60.7% 12%);\n\n  --sl-color-emerald-50: hsl(151.8 81% 95.9%);\n  --sl-color-emerald-100: hsl(149.3 80.4% 90%);\n  --sl-color-emerald-200: hsl(152.4 76% 80.4%);\n  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);\n  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);\n  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);\n  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);\n  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);\n  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);\n  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);\n  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);\n\n  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);\n  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);\n  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);\n  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);\n  --sl-color-teal-400: hsl(172.5 66% 50.4%);\n  --sl-color-teal-500: hsl(173.4 80.4% 40%);\n  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);\n  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);\n  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);\n  --sl-color-teal-900: hsl(175.9 60.8% 19%);\n  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);\n\n  --sl-color-cyan-50: hsl(183.2 100% 96.3%);\n  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);\n  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);\n  --sl-color-cyan-300: hsl(187 92.4% 69%);\n  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);\n  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);\n  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);\n  --sl-color-cyan-700: hsl(192.9 82.3% 31%);\n  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);\n  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);\n  --sl-color-cyan-950: hsl(196.8 61% 16.1%);\n\n  --sl-color-sky-50: hsl(204 100% 97.1%);\n  --sl-color-sky-100: hsl(204 93.8% 93.7%);\n  --sl-color-sky-200: hsl(200.6 94.4% 86.1%);\n  --sl-color-sky-300: hsl(199.4 95.5% 73.9%);\n  --sl-color-sky-400: hsl(198.4 93.2% 59.6%);\n  --sl-color-sky-500: hsl(198.6 88.7% 48.4%);\n  --sl-color-sky-600: hsl(200.4 98% 39.4%);\n  --sl-color-sky-700: hsl(201.3 96.3% 32.2%);\n  --sl-color-sky-800: hsl(201 90% 27.5%);\n  --sl-color-sky-900: hsl(202 80.3% 23.9%);\n  --sl-color-sky-950: hsl(202.3 73.8% 16.5%);\n\n  --sl-color-blue-50: hsl(213.8 100% 96.9%);\n  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);\n  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);\n  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);\n  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);\n  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);\n  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);\n  --sl-color-blue-700: hsl(224.3 76.3% 48%);\n  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);\n  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);\n  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);\n\n  --sl-color-indigo-50: hsl(225.9 100% 96.7%);\n  --sl-color-indigo-100: hsl(226.5 100% 93.9%);\n  --sl-color-indigo-200: hsl(228 96.5% 88.8%);\n  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);\n  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);\n  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);\n  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);\n  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);\n  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);\n  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);\n  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);\n\n  --sl-color-violet-50: hsl(250 100% 97.6%);\n  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);\n  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);\n  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);\n  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);\n  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);\n  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);\n  --sl-color-violet-700: hsl(263.4 70% 50.4%);\n  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);\n  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);\n  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);\n\n  --sl-color-purple-50: hsl(270 100% 98%);\n  --sl-color-purple-100: hsl(268.7 100% 95.5%);\n  --sl-color-purple-200: hsl(268.6 100% 91.8%);\n  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);\n  --sl-color-purple-400: hsl(270 95.2% 75.3%);\n  --sl-color-purple-500: hsl(270.7 91% 65.1%);\n  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);\n  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);\n  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);\n  --sl-color-purple-900: hsl(273.6 65.6% 32%);\n  --sl-color-purple-950: hsl(276 59.5% 16.5%);\n\n  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);\n  --sl-color-fuchsia-100: hsl(287 100% 95.5%);\n  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);\n  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);\n  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);\n  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);\n  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);\n  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);\n  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);\n  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);\n  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);\n\n  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);\n  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);\n  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);\n  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);\n  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);\n  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);\n  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);\n  --sl-color-pink-700: hsl(335.1 77.6% 42%);\n  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);\n  --sl-color-pink-900: hsl(335.9 69% 30.4%);\n  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);\n\n  --sl-color-rose-50: hsl(355.7 100% 97.3%);\n  --sl-color-rose-100: hsl(355.6 100% 94.7%);\n  --sl-color-rose-200: hsl(352.7 96.1% 90%);\n  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);\n  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);\n  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);\n  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);\n  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);\n  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);\n  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);\n  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);\n\n  --sl-color-black: #141414;\n  --sl-color-white: #fff;\n\n  --sl-color-neutral-50: var(--sl-color-gray-50);\n  --sl-color-neutral-100: var(--sl-color-gray-100);\n  --sl-color-neutral-200: var(--sl-color-gray-200);\n  --sl-color-neutral-300: var(--sl-color-gray-300);\n  --sl-color-neutral-400: var(--sl-color-gray-400);\n  --sl-color-neutral-500: var(--sl-color-gray-500);\n  --sl-color-neutral-600: var(--sl-color-gray-600);\n  --sl-color-neutral-700: var(--sl-color-gray-700);\n  --sl-color-neutral-800: var(--sl-color-gray-800);\n  --sl-color-neutral-900: var(--sl-color-gray-900);\n  --sl-color-neutral-950: var(--sl-color-gray-950);\n\n  --sl-color-neutral-0: hsl(0, 0%, 100%);\n  --sl-color-neutral-1000: hsl(0, 0%, 0%);\n\n  --sl-color-primary-50: var(--sl-color-sky-50);\n  --sl-color-primary-100: var(--sl-color-sky-100);\n  --sl-color-primary-200: var(--sl-color-sky-200);\n  --sl-color-primary-300: var(--sl-color-sky-300);\n  --sl-color-primary-400: var(--sl-color-sky-400);\n  --sl-color-primary-500: var(--sl-color-sky-500);\n  --sl-color-primary-600: var(--sl-color-sky-600);\n  --sl-color-primary-700: var(--sl-color-sky-700);\n  --sl-color-primary-800: var(--sl-color-sky-800);\n  --sl-color-primary-900: var(--sl-color-sky-900);\n  --sl-color-primary-950: var(--sl-color-sky-950);\n  --sl-color-primary-text: var(--sl-color-white);\n\n  --sl-color-success-50: var(--sl-color-green-50);\n  --sl-color-success-100: var(--sl-color-green-100);\n  --sl-color-success-200: var(--sl-color-green-200);\n  --sl-color-success-300: var(--sl-color-green-300);\n  --sl-color-success-400: var(--sl-color-green-400);\n  --sl-color-success-500: var(--sl-color-green-500);\n  --sl-color-success-600: var(--sl-color-green-600);\n  --sl-color-success-700: var(--sl-color-green-700);\n  --sl-color-success-800: var(--sl-color-green-800);\n  --sl-color-success-900: var(--sl-color-green-900);\n  --sl-color-success-950: var(--sl-color-green-950);\n  --sl-color-success-text: var(--sl-color-white);\n\n  --sl-color-info-50: var(--sl-color-gray-50);\n  --sl-color-info-100: var(--sl-color-gray-100);\n  --sl-color-info-200: var(--sl-color-gray-200);\n  --sl-color-info-300: var(--sl-color-gray-300);\n  --sl-color-info-400: var(--sl-color-gray-400);\n  --sl-color-info-500: var(--sl-color-gray-500);\n  --sl-color-info-600: var(--sl-color-gray-600);\n  --sl-color-info-700: var(--sl-color-gray-700);\n  --sl-color-info-800: var(--sl-color-gray-800);\n  --sl-color-info-900: var(--sl-color-gray-900);\n  --sl-color-info-950: var(--sl-color-gray-950);\n\n  --sl-color-warning-50: var(--sl-color-amber-50);\n  --sl-color-warning-100: var(--sl-color-amber-100);\n  --sl-color-warning-200: var(--sl-color-amber-200);\n  --sl-color-warning-300: var(--sl-color-amber-300);\n  --sl-color-warning-400: var(--sl-color-amber-400);\n  --sl-color-warning-500: var(--sl-color-amber-500);\n  --sl-color-warning-600: var(--sl-color-amber-600);\n  --sl-color-warning-700: var(--sl-color-amber-700);\n  --sl-color-warning-800: var(--sl-color-amber-800);\n  --sl-color-warning-900: var(--sl-color-amber-900);\n  --sl-color-warning-950: var(--sl-color-amber-950);\n  --sl-color-warning-text: var(--sl-color-white);\n\n  --sl-color-danger-50: var(--sl-color-red-50);\n  --sl-color-danger-100: var(--sl-color-red-100);\n  --sl-color-danger-200: var(--sl-color-red-200);\n  --sl-color-danger-300: var(--sl-color-red-300);\n  --sl-color-danger-400: var(--sl-color-red-400);\n  --sl-color-danger-500: var(--sl-color-red-500);\n  --sl-color-danger-600: var(--sl-color-red-600);\n  --sl-color-danger-700: var(--sl-color-red-700);\n  --sl-color-danger-800: var(--sl-color-red-800);\n  --sl-color-danger-900: var(--sl-color-red-900);\n  --sl-color-danger-950: var(--sl-color-red-950);\n  --sl-color-danger-text: var(--sl-color-white);\n\n  --sl-border-radius-small: 0.125rem;\n  --sl-border-radius-medium: 0.25rem;\n  --sl-border-radius-large: 0.5rem;\n  --sl-border-radius-x-large: 1rem;\n  --sl-border-radius-circle: 50%;\n  --sl-border-radius-pill: 9999px;\n  --sl-shadow-x-small: 0 1px 0 #0d131e0d;\n  --sl-shadow-small: 0 1px 2px #0d131e1a;\n  --sl-shadow-medium: 0 2px 4px #0d131e1a;\n  --sl-shadow-large: 0 2px 8px #0d131e1a;\n  --sl-shadow-x-large: 0 4px 16px #0d131e1a;\n  /** LV: Could use the Anvil spacing rules, but probably not necessary **/\n  --sl-spacing-xxx-small: 0.125rem;\n  --sl-spacing-xx-small: 0.25rem;\n  --sl-spacing-x-small: 0.5rem;\n  --sl-spacing-small: 0.75rem;\n  --sl-spacing-medium: 1rem;\n  --sl-spacing-large: 1.25rem;\n  --sl-spacing-x-large: 1.75rem;\n  --sl-spacing-xx-large: 2.25rem;\n  --sl-spacing-xxx-large: 3rem;\n  --sl-spacing-xxxx-large: 4.5rem;\n  --sl-transition-x-slow: 1000ms;\n  --sl-transition-slow: 500ms;\n  --sl-transition-medium: 250ms;\n  --sl-transition-fast: 150ms;\n  --sl-transition-x-fast: 50ms;\n  --sl-font-mono: SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n  --sl-font-sans: \"Nunito Sans\", sans;\n  --sl-font-serif: Georgia, \"Times New Roman\", serif;\n  --sl-font-size-xx-small: 0.625rem;\n  --sl-font-size-x-small: 0.75rem;\n  --sl-font-size-small: 0.875rem;\n  --sl-font-size-medium: 1rem;\n  --sl-font-size-large: 1.25rem;\n  --sl-font-size-x-large: 1.5rem;\n  --sl-font-size-xx-large: 2.25rem;\n  --sl-font-size-xxx-large: 3rem;\n  --sl-font-size-xxxx-large: 4.5rem;\n  --sl-font-weight-light: 300;\n  --sl-font-weight-normal: 400;\n  --sl-font-weight-semibold: 600;\n  --sl-font-weight-bold: 700;\n  --sl-letter-spacing-dense: -0.015em;\n  --sl-letter-spacing-normal: normal;\n  --sl-letter-spacing-loose: 0.075em;\n  --sl-line-height-dense: 1.4;\n  --sl-line-height-normal: 1.8;\n  --sl-line-height-loose: 2.2;\n  --sl-focus-ring-color-primary: #0ea5e954;\n  --sl-focus-ring-color-success: #22c55e54;\n  --sl-focus-ring-color-info: #6b728054;\n  --sl-focus-ring-color-warning: #f59e0b54;\n  --sl-focus-ring-color-danger: #ef444454;\n  --sl-focus-ring-width: 3px;\n  --sl-button-font-size-small: var(--sl-font-size-x-small);\n  --sl-button-font-size-medium: var(--sl-font-size-small);\n  --sl-button-font-size-large: var(--sl-font-size-medium);\n  --sl-input-height-small: 1.875rem;\n  --sl-input-height-medium: 2.5rem;\n  --sl-input-height-large: 3.125rem;\n  --sl-input-background-color: var(--sl-color-white);\n  --sl-input-background-color-hover: var(--sl-color-white);\n  --sl-input-background-color-focus: var(--sl-color-white);\n  --sl-input-background-color-disabled: var(--sl-color-gray-100);\n  --sl-input-border-color: var(--sl-color-gray-300);\n  --sl-input-border-color-hover: var(--sl-color-gray-400);\n  --sl-input-border-color-focus: var(--sl-color-primary-500);\n  --sl-input-border-color-disabled: var(--sl-color-gray-300);\n  --sl-input-border-width: 1px;\n  --sl-input-border-radius-small: var(--sl-border-radius-medium);\n  --sl-input-border-radius-medium: var(--sl-border-radius-medium);\n  --sl-input-border-radius-large: var(--sl-border-radius-medium);\n  --sl-input-font-family: var(--sl-font-sans);\n  --sl-input-font-weight: var(--sl-font-weight-normal);\n  --sl-input-font-size-small: var(--sl-font-size-small);\n  --sl-input-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-font-size-large: var(--sl-font-size-large);\n  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);\n  --sl-input-color: var(--sl-color-gray-700);\n  --sl-input-color-hover: var(--sl-color-gray-700);\n  --sl-input-color-focus: var(--sl-color-gray-700);\n  --sl-input-color-disabled: var(--sl-color-gray-900);\n  --sl-input-icon-color: var(--sl-color-gray-400);\n  --sl-input-icon-color-hover: var(--sl-color-gray-600);\n  --sl-input-icon-color-focus: var(--sl-color-gray-600);\n  --sl-input-placeholder-color: var(--sl-color-gray-400);\n  --sl-input-placeholder-color-disabled: var(--sl-color-gray-600);\n  --sl-input-spacing-small: var(--sl-spacing-small);\n  --sl-input-spacing-medium: var(--sl-spacing-medium);\n  --sl-input-spacing-large: var(--sl-spacing-large);\n  --sl-input-label-font-size-small: var(--sl-font-size-small);\n  --sl-input-label-font-size-medium: var(--sl-font-size-medium);\n  --sl-input-label-font-size-large: var(--sl-font-size-large);\n  --sl-input-label-color: inherit;\n  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);\n  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);\n  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);\n  --sl-input-help-text-color: var(--sl-color-gray-400);\n  --sl-toggle-size: 1rem;\n  --sl-overlay-background-color: #37415180;\n  --sl-panel-background-color: var(--sl-color-white);\n  --sl-panel-border-color: var(--sl-color-gray-200);\n  --sl-tooltip-border-radius: var(--sl-border-radius-medium);\n  --sl-tooltip-background-color: var(--sl-color-gray-900);\n  --sl-tooltip-color: var(--sl-color-white);\n  --sl-tooltip-font-family: var(--sl-font-sans);\n  --sl-tooltip-font-weight: var(--sl-font-weight-normal);\n  --sl-tooltip-font-size: var(--sl-font-size-small);\n  --sl-tooltip-line-height: var(--sl-line-height-dense);\n  --sl-tooltip-padding: var(--sl-spacing-xxx-small) var(--sl-spacing-x-small);\n  --sl-tooltip-arrow-size: 5px;\n  --sl-tooltip-arrow-start-end-offset: 8px;\n  --sl-z-index-drawer: 700;\n  --sl-z-index-dialog: 800;\n  --sl-z-index-dropdown: 900;\n  --sl-z-index-toast: 950;\n  --sl-z-index-tooltip: 1000;\n}\n:root {\n  --sqm-header-background: var(--sl-color-white);\n  --sqm-footer-background: var(--sl-color-white);\n\n  // --st-color-text-error, --st-content-max-width, --st-content-background, and --st-portal-background are no longer provided by mint-component\n  // These variables should be supplied by the Service Titan project\n\n  --sqm-color-text-error: #e63717;\n  --sqm-content-max-width: 700px;\n  --sqm-content-background: var(--sl-color-white);\n  --sqm-portal-background: var(--sl-color-gray-50);\n  --widget-background-color: var(--sl-color-white);\n  --sqm-portal-main-width: 900px;\n  --sqm-max-width: 1280px;\n}\nbody {\n  font-family: var(--sl-font-sans);\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-normal);\n  letter-spacing: var(--sl-letter-spacing-small);\n  color: var(--sl-color-gray-800);\n  line-height: var(--sl-line-height-normal);\n  margin: 0;\n  background-color: var(--sqm-portal-background);\n}\na,\na:visited {\n  text-decoration: none;\n  color: var(--sl-color-primary-500);\n}\na:hover {\n  color: var(--sl-color-primary-600);\n}\nh2, .Title {\n  font-size: var(--sl-font-size-large);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.H4 {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0;\n}\n.P {\n  font-size: var(--sl-font-size-small);\n  color: var(--sl-color-gray-800);\n  margin-top: 0px;\n}\n\n.Title {\n  text-align: center;\n}\n\n.Subtitle {\n  text-align: center;\n  margin-bottom: 0px;\n  color: var(--sl-color-gray-500);\n}\n.SupportText{\n  margin-top: var(--sl-spacing-small);\n  text-align: center;\n}\n\nsl-button::part(base){\n  width: 100%;\n}\n\nsqm-share-button{\n  flex: 1;\n}\n\nsqm-hero img {\n  max-width: 100%;\n  display: block;\n}\n\nsl-details::part(base){\n  background-color: var(--sl-color-white);\n  border-color: var(--sl-color-gray-300)\n}\nsl-details::part(summary) {\n  font-size: var(--sl-font-size-medium);\n  font-weight: var(--sl-font-weight-semibold);\n  margin: 0px;\n}\n*::part(defaultbutton-base){\n  background-color: rgba(0,0,0,0);\n  color: var(--sl-color-gray-800);\n  border-color: var(--sl-color-gray-800);\n}\n*::part(defaultbutton-base):hover{\n  background-color: rgba(20,20,20,.08);\n}\n*::part(defaultbutton-base):active{\n  background-color: rgba(20,20,20,.16);\n}\n*::part(defaultbutton-base):focus{\n  box-shadow: none;\n}\n*::part(primarybutton-base){\n  background-color: var(--sl-color-primary-400);\n  color: var(--sl-color-white);\n  border-color: var(--sl-color-primary-400);\n}\n*::part(primarybutton-base):hover{\n  background-color: var(--sl-color-primary-300);\n  border-color: var(--sl-color-primary-300);\n}\n*::part(primarybutton-base):active{\n  background-color: var(--sl-color-primary-500);\n  border-color: var(--sl-color-primary-500);\n}\n\n*::part(primarybutton-base):focus{\n  box-shadow: none;\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-size: var(--sl-input-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\nsl-input::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n\n*::part(menuitem-base):hover{\n  background-color: var(--sl-color-gray-200);\n  color: var(--sl-color-gray-700);\n}\n\n.poweredBy {\n  color: var(--sl-color-gray-400);\n  font-size: var(--sl-font-size-xx-small);\n}\n\n.poweredBy:hover {\n  color: var(--sl-color-gray-900);\n}\n\n// The following commented out styles should be moved to Service Titan\n\n// stn-row[topmargin=\"x-large\"] {\n//   margin-top: var(--sl-spacing-x-large);\n// }\n\n// stn-wrapper-column {\n//   max-width: var(--sqm-content-max-width);\n//   margin: var(--sl-spacing-x-large) auto;\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-wrapper-column > :not(:first-child), stn-wrapper-item > :not(:first-child) {\n//   margin-top: var(--sl-spacing-medium);\n// }\n\n// stn-wrapper-item, stn-wrapper-column{\n//   display: flex;\n//   flex-direction: column;\n//   box-sizing: border-box;\n//   width: 100%;\n//   height: auto;\n// }\n// stn-wrapper-item {\n//   padding: var(--sl-spacing-large);\n//   background-color: var(--sqm-content-background);\n// }\n\n// stn-row {\n//   display: flex;\n// }\n\n// stn-row[gap=\"medium\"] > :not(:first-child) {\n//   margin-left: var(--sl-spacing-medium);\n// }\n\n// stn-row[space=\"even\"] > * {\n//   flex: 1 1 0;\n// }\n\n// *::part(erroralert-icon), *::part(successalert-icon){\n//   align-items: flex-start;\n//   padding-top: var(--sl-spacing-large);\n// }\n\n// *::part(erroralert-text){\n//   color: var(--sl-color-danger-500);\n// }\n\n// *::part(successalert-text) {\n//   color: var(--sl-color-success-600);\n// }\n\n// *::part(successalert-text),\n// *::part(erroralert-text) {\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-semibold);\n//   width: 100%;\n// }\n// *::part(successalert-subtext){\n//   font-size: var(--sl-font-size-medium);\n//   font-weight: var(--sl-font-weight-normal);\n//   color: var(--sl-color-gray-800);\n//   width: 100%;\n// }\n\n.FooterEmail{\n  text-decoration: none;\n  font-size: var(--sl-font-size-medium);\n  color: var(--sl-color-gray-800);\n  margin: 0px;\n  cursor:pointer;\n}\n\n\n\n";
 export default style;

package/dist/types/tables/GenericTableView.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { VNode } from "../stencil-public-runtime";
+export interface GenericTableViewProps {
+  states: {
+    hasPrev: boolean;
+    hasNext: boolean;
+    show: "loading" | "empty" | "rows";
+    namespace: string;
+  };
+  data: {
+    textOverrides: {
+      showLabels: boolean;
+      prevLabel: string;
+      moreLabel: string;
+    };
+  };
+  callbacks: {
+    prevPage: () => void;
+    nextPage: () => void;
+  };
+  elements: {
+    columns: VNode[];
+    rows: VNode[][];
+    loading?: boolean;
+    emptyElement?: VNode;
+    loadingElement?: VNode;
+    page?: number;
+  };
+}
+export declare function GenericTableView(props: GenericTableViewProps): any;

package/dist/types/tables/TableSlots.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export declare function LoadingSlot(): any;
+export declare function LoadingSkeleton(): any;
+export declare function EmptySlot({ label }: {
+  label: string;
+}): any;
+export declare function EmptySkeleton({ label }: {
+  label: string;
+}): any;

package/dist/types/{components/sqm-referral-table → tables}/re-render.d.ts RENAMED Viewed

File without changes

package/dist/types/{components/sqm-referral-table → tables}/sqm-table-cell.d.ts RENAMED Viewed

File without changes

package/dist/types/{components/sqm-referral-table → tables}/sqm-table-row.d.ts RENAMED Viewed

File without changes

package/dist/types/{components/sqm-referral-table → tables}/useChildElements.d.ts RENAMED Viewed

File without changes

package/grapesjs/grapesjs.js CHANGED Viewed

@@ -5,7 +5,7 @@ System.register([], function (exports_1, context_1) {
     return {
         setters: [],
         execute: function () {
-            components = [{ "tag": "sqm-asset-card", "name": "Asset Card", "uiSchema": { "demoData": { "ui:help": "" }, "img-url": { "ui:name": "Banner image", "ui:help": "" }, "title-text": { "ui:name": "Banner title", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "img-url", "type": "string", "title": "Banner image" }, { "name": "title-text", "type": "string", "title": "Banner title" }] }, { "tag": "sqm-big-stat", "name": "Big Stat", "uiSchema": { "alignment": { "ui:name": "Alignment - controls the alignment of the flexbox", "ui:help": "" }, "demoData": { "ui:help": "" }, "flex-reverse": { "ui:name": "Flex Reverse - controls the order of the stat value & description column", "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified." }, "stat-type": { "ui:widget": "StatTypeSelectWidget", "ui:name": "Stat Type", "ui:help": "Select what type of stat to display. Manual paths are also supported.", "ui:options": { "version": 1.1 } } }, "traits": [{ "name": "alignment", "type": "string", "title": "Alignment - controls the alignment of the flexbox", "enum": ["left", "right", "center"] }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "flex-reverse", "type": "boolean", "title": "Flex Reverse - controls the order of the stat value & description column" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "stat-type", "type": "string", "title": "Stat Type" }] }, { "tag": "sqm-divided-layout", "name": "Divided Layout", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "divider-style": { "ui:name": "Border style", "ui:help": "Uses CSS border style syntax" } }, "traits": [{ "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"] }, { "name": "divider-style", "type": "string", "title": "Border style" }] }, { "tag": "sqm-edit-profile", "name": "Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel button text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Enable editing button text", "ui:help": "" }, "firstnametext": { "ui:name": "First name field label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name field label", "ui:help": "" }, "showregion": { "ui:name": "Show or hide current region", "ui:help": "" }, "updatetext": { "ui:name": "Update info button text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel button text" }, { "name": "currentregiontext", "type": "string", "title": "Region field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Enable editing button text" }, { "name": "firstnametext", "type": "string", "title": "First name field label" }, { "name": "lastnametext", "type": "string", "title": "Last name field label" }, { "name": "showregion", "type": "boolean", "title": "Show or hide current region" }, { "name": "updatetext", "type": "string", "title": "Update info button text" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon to use in alert", "ui:help": "" }, "type": { "ui:name": "Type of alert", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon to use in alert" }, { "name": "type", "type": "string", "title": "Type of alert" }] }, { "tag": "sqm-graphql-client-provider", "name": "GraphQL Client Provider", "uiSchema": { "domain": { "ui:name": "Domain", "ui:help": "" } }, "traits": [{ "name": "domain", "type": "string", "title": "Domain" }] }, { "tag": "sqm-hero", "name": "Hero Layout", "uiSchema": { "background": { "ui:name": "Background image or color", "ui:help": "" }, "columns": { "ui:name": "Number of columns in the layout", "ui:help": "" }, "padding-size": { "ui:name": "Padding size", "ui:help": "" }, "secondary-background": { "ui:name": "Secondary background image or color (for use in right column)", "ui:help": "" }, "wrap-direction": { "ui:name": "Wrap direction", "ui:help": "" } }, "traits": [{ "name": "background", "type": "string", "title": "Background image or color" }, { "name": "columns", "type": "1 | 2", "title": "Number of columns in the layout" }, { "name": "padding-size", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Padding size" }, { "name": "secondary-background", "type": "string", "title": "Secondary background image or color (for use in right column)" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap direction" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-leaderboard", "name": "Leaderboard", "uiSchema": { "demoData": { "ui:help": "" }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard time interval", "ui:help": "", "ui:options": { "allowPastDates": true, "months": 1 } }, "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-type": { "ui:name": "Rank type", "ui:help": "" }, "rankheading": { "ui:name": "Rank Heading", "ui:help": "" }, "show-rank": { "ui:name": "Show the ranking numbers", "ui:help": "" }, "statsheading": { "ui:name": "Stats Column Heading", "ui:help": "" }, "usersheading": { "ui:name": "User Column Heading", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "interval", "type": "string", "title": "Leaderboard time interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard type", "enum": ["topStartedReferrers", "topConvertedReferrers"] }, { "name": "rank-type", "type": "string", "title": "Rank type", "enum": ["rowNumber", "rank", "denseRank"] }, { "name": "rankheading", "type": "string", "title": "Rank Heading" }, { "name": "show-rank", "type": "boolean", "title": "Show the ranking numbers" }, { "name": "statsheading", "type": "string", "title": "Stats Column Heading" }, { "name": "usersheading", "type": "string", "title": "User Column Heading" }] }, { "tag": "sqm-leaderboard-rank", "name": "Leaderboard Rank", "uiSchema": { "demoData": { "ui:help": "" }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard time interval", "ui:help": "", "ui:options": { "allowPastDates": true, "months": 1 } }, "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-text": { "ui:name": "Rank Text", "ui:help": "" }, "rank-type": { "ui:name": "Default rank", "ui:help": "" }, "unranked-text": { "ui:name": "Unranked Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "interval", "type": "string", "title": "Leaderboard time interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard type", "enum": ["topStartedReferrers", "topConvertedReferrers"] }, { "name": "rank-text", "type": "string", "title": "Rank Text" }, { "name": "rank-type", "type": "string", "title": "Default rank", "enum": ["rowNumber", "rank", "denseRank"] }, { "name": "unranked-text", "type": "string", "title": "Unranked Text" }] }, { "tag": "sqm-name-fields", "name": "Name Fields", "uiSchema": { "demoData": { "ui:help": "" }, "first-name-label": { "ui:name": "First name field label", "ui:help": "" }, "last-name-label": { "ui:name": "Last name field label", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "{ states?: { validationErrors?: Record<string, string>; content: { firstNameLabel: string; lastNameLabel: string; }; }; }", "title": "demoData" }, { "name": "first-name-label", "type": "string", "title": "First name field label" }, { "name": "last-name-label", "type": "string", "title": "Last name field label" }] }, { "tag": "sqm-navigation-menu", "name": "Navigation Menu", "uiSchema": { "demoData": { "ui:help": "" }, "include-dropdown": { "ui:name": "Include dropdown menu", "ui:help": "" }, "menu-label": { "ui:name": "Label on the header menu", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "include-dropdown", "type": "boolean", "title": "Include dropdown menu" }, { "name": "menu-label", "type": "string", "title": "Label on the header menu" }] }, { "tag": "sqm-navigation-sidebar", "name": "Navigation Sidebar", "uiSchema": {}, "traits": [] }, { "tag": "sqm-navigation-sidebar-item", "name": "Navigation Link", "uiSchema": { "demoData": { "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "" }, "label": { "ui:name": "Label", "ui:help": "" }, "path": { "ui:name": "Navigation path", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "label", "type": "string", "title": "Label" }, { "name": "path", "type": "string", "title": "Navigation path" }] }, { "tag": "sqm-password-field", "name": "Portal Password Field", "uiSchema": { "demoData": { "ui:help": "" }, "enable-validation": { "ui:name": "Enable live password validation", "ui:help": "" }, "field-label": { "ui:name": "Label for password field", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "enable-validation", "type": "boolean", "title": "Enable live password validation" }, { "name": "field-label", "type": "string", "title": "Label for password field" }] }, { "tag": "sqm-popup-container", "name": "Popup container for widgets", "uiSchema": { "close-button": { "ui:name": "Display a close button on the popup", "ui:help": "" }, "close-button-text": { "ui:name": "Text to be used as the close button", "ui:help": "" }, "embed-padding": { "ui:name": "Specify padding on the popup contents when in embedded mode", "ui:help": "" }, "popup-padding": { "ui:name": "Specify padding on the popup contents when in popup mode", "ui:help": "" }, "powered-by": { "ui:name": "Show SaaSquatch Powered By messaging", "ui:help": "" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Display a close button on the popup" }, { "name": "close-button-text", "type": "string", "title": "Text to be used as the close button" }, { "name": "embed-padding", "type": "string", "title": "Specify padding on the popup contents when in embedded mode", "enum": ["none", "small", "medium", "large"] }, { "name": "popup-padding", "type": "string", "title": "Specify padding on the popup contents when in popup mode", "enum": ["none", "small", "medium", "large"] }, { "name": "powered-by", "type": "boolean", "title": "Show SaaSquatch Powered By messaging" }] }, { "tag": "sqm-portal-change-password", "name": "Portal Profile", "uiSchema": { "cancel-text": { "ui:name": "Modal cancel password change button text", "ui:help": "" }, "change-password-button-text": { "ui:name": "Modal change password button text", "ui:help": "" }, "confirm-password-field-label": { "ui:name": "Password confirmation input field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "modal-change-password-header": { "ui:name": "Change password modal header", "ui:help": "" }, "password-field-label": { "ui:name": "Password input field label", "ui:help": "" }, "portal-change-password-button-text": { "ui:name": "Portal change password button text", "ui:help": "" }, "portal-change-password-header": { "ui:name": "Portal change password section header", "ui:help": "" }, "success-message": { "ui:name": "Successful password change message", "ui:help": "" } }, "traits": [{ "name": "cancel-text", "type": "string", "title": "Modal cancel password change button text" }, { "name": "change-password-button-text", "type": "string", "title": "Modal change password button text" }, { "name": "confirm-password-field-label", "type": "string", "title": "Password confirmation input field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "modal-change-password-header", "type": "string", "title": "Change password modal header" }, { "name": "password-field-label", "type": "string", "title": "Password input field label" }, { "name": "portal-change-password-button-text", "type": "string", "title": "Portal change password button text" }, { "name": "portal-change-password-header", "type": "string", "title": "Portal change password section header" }, { "name": "success-message", "type": "string", "title": "Successful password change message" }] }, { "tag": "sqm-portal-container", "name": "Portal Container", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "gap": { "ui:name": "Gap", "ui:help": "" }, "min-width": { "ui:name": "Minimum width", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"] }, { "name": "gap", "type": "string", "title": "Gap", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }, { "name": "min-width", "type": "string", "title": "Minimum width" }, { "name": "padding", "type": "string", "title": "Padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }] }, { "tag": "sqm-portal-email-verification", "name": "Portal Email Verification", "uiSchema": { "demoData": { "ui:help": "" }, "email-verification-header": { "ui:name": "Email verification header text", "ui:help": "" }, "redirect-path": { "ui:name": "Email redirection base path", "ui:help": "The page that users are redirected to from the verification email." }, "resend-email-button-text": { "ui:name": "Re-send email button text", "ui:help": "" }, "verify-message": { "ui:name": "Email verification body text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-verification-header", "type": "string", "title": "Email verification header text" }, { "name": "redirect-path", "type": "string", "title": "Email redirection base path" }, { "name": "resend-email-button-text", "type": "string", "title": "Re-send email button text" }, { "name": "verify-message", "type": "string", "title": "Email verification body text" }] }, { "tag": "sqm-portal-footer", "name": "Portal Footer", "uiSchema": { "faq-link": { "ui:name": "FAQ Link", "ui:help": "" }, "faq-text": { "ui:name": "FAQ Text", "ui:help": "" }, "padding-bottom": { "ui:name": "Padding Bottom", "ui:help": "" }, "padding-left": { "ui:name": "Padding Left", "ui:help": "" }, "padding-right": { "ui:name": "Padding Right", "ui:help": "" }, "padding-top": { "ui:name": "Padding Top", "ui:help": "" }, "powered-by-link": { "ui:name": "Powered By Link", "ui:help": "" }, "show-powered-by": { "ui:name": "Show Powered By SaaSquatch", "ui:help": "" }, "support-email": { "ui:name": "Support Email", "ui:help": "" }, "support-text": { "ui:name": "Support Text", "ui:help": "" }, "terms-link": { "ui:name": "Terms and Conditions Link", "ui:help": "" }, "terms-text": { "ui:name": "Terms and Conditions Text", "ui:help": "" } }, "traits": [{ "name": "faq-link", "type": "string", "title": "FAQ Link" }, { "name": "faq-text", "type": "string", "title": "FAQ Text" }, { "name": "padding-bottom", "type": "string", "title": "Padding Bottom" }, { "name": "padding-left", "type": "string", "title": "Padding Left" }, { "name": "padding-right", "type": "string", "title": "Padding Right" }, { "name": "padding-top", "type": "string", "title": "Padding Top" }, { "name": "powered-by-link", "type": "string", "title": "Powered By Link" }, { "name": "show-powered-by", "type": "boolean", "title": "Show Powered By SaaSquatch" }, { "name": "support-email", "type": "string", "title": "Support Email" }, { "name": "support-text", "type": "string", "title": "Support Text" }, { "name": "terms-link", "type": "string", "title": "Terms and Conditions Link" }, { "name": "terms-text", "type": "string", "title": "Terms and Conditions Text" }] }, { "tag": "sqm-portal-forgot-password", "name": "Portal Forgot Password", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email label", "ui:help": "" }, "login-path": { "ui:name": "Routing path to login page", "ui:help": "" }, "redirect-path": { "ui:name": "Email redirection base path", "ui:help": "The page that users are redirected to from the password reset email." }, "submit-label": { "ui:name": "Password reset button text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email label" }, { "name": "login-path", "type": "string", "title": "Routing path to login page" }, { "name": "redirect-path", "type": "string", "title": "Email redirection base path" }, { "name": "submit-label", "type": "string", "title": "Password reset button text" }] }, { "tag": "sqm-portal-frame", "name": "Portal Frame", "uiSchema": { "demoData": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }] }, { "tag": "sqm-portal-login", "name": "Portal Login", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Label for email field", "ui:help": "" }, "forgot-password-label": { "ui:name": "Label for forgotten password button", "ui:help": "" }, "forgot-password-path": { "ui:name": "Forgot password button redirect path", "ui:help": "" }, "next-page": { "ui:name": "Page navigated to after sign-in", "ui:help": "" }, "page-label": { "ui:name": "Heading label", "ui:help": "" }, "password-label": { "ui:name": "Label for password field", "ui:help": "" }, "register-label": { "ui:name": "Label for register navigation button", "ui:help": "" }, "register-path": { "ui:name": "Register button redirection path", "ui:help": "" }, "submit-label": { "ui:name": "Label for submit button", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Label for email field" }, { "name": "forgot-password-label", "type": "string", "title": "Label for forgotten password button" }, { "name": "forgot-password-path", "type": "string", "title": "Forgot password button redirect path" }, { "name": "next-page", "type": "string", "title": "Page navigated to after sign-in" }, { "name": "page-label", "type": "string", "title": "Heading label" }, { "name": "password-label", "type": "string", "title": "Label for password field" }, { "name": "register-label", "type": "string", "title": "Label for register navigation button" }, { "name": "register-path", "type": "string", "title": "Register button redirection path" }, { "name": "submit-label", "type": "string", "title": "Label for submit button" }] }, { "tag": "sqm-portal-logout", "name": "Portal Logout", "uiSchema": { "next-page": { "ui:name": "Next Page path", "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "Next Page path" }] }, { "tag": "sqm-portal-profile", "name": "Portal Profile", "uiSchema": { "countrytext": { "ui:name": "Country input field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "edit-profile-header": { "ui:name": "Edit profile header", "ui:help": "" }, "edit-profile-sub-header": { "ui:name": "Edit profile sub header", "ui:help": "" }, "emailtext": { "ui:name": "Email input field label", "ui:help": "" }, "firstnametext": { "ui:name": "First name input field label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name input field label", "ui:help": "" }, "show-country": { "ui:name": "Show or hide country field", "ui:help": "" }, "submit-change-button-text": { "ui:name": "Text for the submit changes button", "ui:help": "" } }, "traits": [{ "name": "countrytext", "type": "string", "title": "Country input field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "edit-profile-header", "type": "string", "title": "Edit profile header" }, { "name": "edit-profile-sub-header", "type": "string", "title": "Edit profile sub header" }, { "name": "emailtext", "type": "string", "title": "Email input field label" }, { "name": "firstnametext", "type": "string", "title": "First name input field label" }, { "name": "lastnametext", "type": "string", "title": "Last name input field label" }, { "name": "show-country", "type": "boolean", "title": "Show or hide country field" }, { "name": "submit-change-button-text", "type": "string", "title": "Text for the submit changes button" }] }, { "tag": "sqm-portal-protected-route", "name": "Portal Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Redirect Path", "ui:help": "" }, "redirect-to-unverified": { "ui:name": "Redirect unverified users path", "ui:help": "" }, "require-email-verification": { "ui:name": "Require Email Verification", "ui:help": "" } }, "traits": [{ "name": "redirect-to", "type": "string", "title": "Redirect Path" }, { "name": "redirect-to-unverified", "type": "string", "title": "Redirect unverified users path" }, { "name": "require-email-verification", "type": "boolean", "title": "Require Email Verification" }] }, { "tag": "sqm-portal-register", "name": "Portal Register", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Label for confirm password field", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Label for email field", "ui:help": "" }, "enable-password-validation": { "ui:name": "Use password field with live validation", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide default input fields to use custom fields", "ui:help": "" }, "login-label": { "ui:name": "Label for login navigation button", "ui:help": "" }, "login-path": { "ui:name": "Sign in button redirection path", "ui:help": "" }, "next-page": { "ui:name": "Page navigated to after registration", "ui:help": "" }, "page-label": { "ui:name": "Heading label", "ui:help": "" }, "password-label": { "ui:name": "Label for password field", "ui:help": "" }, "redirect-path": { "ui:name": "Email redirection base path", "ui:help": "The page that users are redirected to from the verification email." }, "submit-label": { "ui:name": "Label for submit button", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-label", "type": "string", "title": "Label for confirm password field" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Label for email field" }, { "name": "enable-password-validation", "type": "boolean", "title": "Use password field with live validation" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide default input fields to use custom fields" }, { "name": "login-label", "type": "string", "title": "Label for login navigation button" }, { "name": "login-path", "type": "string", "title": "Sign in button redirection path" }, { "name": "next-page", "type": "string", "title": "Page navigated to after registration" }, { "name": "page-label", "type": "string", "title": "Heading label" }, { "name": "password-label", "type": "string", "title": "Label for password field" }, { "name": "redirect-path", "type": "string", "title": "Email redirection base path" }, { "name": "submit-label", "type": "string", "title": "Label for submit button" }] }, { "tag": "sqm-portal-reset-password", "name": "Portal Reset Password", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password", "ui:help": "" }, "confirm-password-field-label": { "ui:name": "Confirm password field label", "ui:help": "" }, "continue-button-text": { "ui:name": "Continue button text", "ui:help": "Displayed after a successful password reset" }, "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Failed page redirection path", "ui:help": "The page that users are redirected to if the reset fails due to outdated password reset attempt." }, "next-page": { "ui:name": "Next page path", "ui:help": "The page that users are redirected to when the password reset succeeds." }, "password-field-label": { "ui:name": "Password field label", "ui:help": "" }, "password-reset-header": { "ui:name": "Password reset header text", "ui:help": "Displayed after a successful password reset" }, "reset-password-button-text": { "ui:name": "Password reset button text", "ui:help": "" }, "reset-password-header": { "ui:name": "Password reset header text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password" }, { "name": "confirm-password-field-label", "type": "string", "title": "Confirm password field label" }, { "name": "continue-button-text", "type": "string", "title": "Continue button text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed page redirection path" }, { "name": "next-page", "type": "string", "title": "Next page path" }, { "name": "password-field-label", "type": "string", "title": "Password field label" }, { "name": "password-reset-header", "type": "string", "title": "Password reset header text" }, { "name": "reset-password-button-text", "type": "string", "title": "Password reset button text" }, { "name": "reset-password-header", "type": "string", "title": "Password reset header text" }] }, { "tag": "sqm-portal-verify-email", "name": "Portal Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Failed page redirection path", "ui:help": "The page that users are redirected to if verification fails due to outdated verification attempt." }, "next-page": { "ui:name": "Next page path", "ui:help": "The page that users are redirected to when the verification succeeds." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed page redirection path" }, { "name": "next-page", "type": "string", "title": "Next page path" }] }, { "tag": "sqm-program-menu", "name": "Portal Menu", "uiSchema": {}, "traits": [] }, { "tag": "sqm-referral-iframe", "name": "Referral IFrame", "uiSchema": { "demoData": { "ui:help": "" }, "iframe-height": { "ui:name": "Height of the iframe container", "ui:help": "" }, "iframe-src": { "ui:name": "URL of iframe to display", "ui:help": "" }, "iframe-width": { "ui:name": "Width of the iframe container", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "iframe-height", "type": "string", "title": "Height of the iframe container" }, { "name": "iframe-src", "type": "string", "title": "URL of iframe to display" }, { "name": "iframe-width", "type": "string", "title": "Width of the iframe container" }] }, { "tag": "sqm-referral-table", "name": "Referral Table", "uiSchema": { "demoData": { "ui:help": "" }, "more-label": { "ui:name": "View More button text", "ui:help": "" }, "per-page": { "ui:name": "Number of referrals per page", "ui:help": "" }, "prev-label": { "ui:name": "Previous button text", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\r\nIf program ID is \"classic\", shows classic-only referrals" }, "show-labels": { "ui:name": "Show column labels", "ui:help": "" }, "show-referrer": { "ui:name": "Show Referred by user in table", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "more-label", "type": "string", "title": "View More button text" }, { "name": "per-page", "type": "number", "title": "Number of referrals per page" }, { "name": "prev-label", "type": "string", "title": "Previous button text" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "show-labels", "type": "boolean", "title": "Show column labels" }, { "name": "show-referrer", "type": "boolean", "title": "Show Referred by user in table" }] }, { "tag": "sqm-referral-table-cell", "name": "sqm-referral-table-cell", "uiSchema": { "inner-template": { "ui:help": "" } }, "traits": [{ "name": "inner-template", "type": "string", "title": "inner-template" }] }, { "tag": "sqm-referral-table-column", "name": "Referral Table Generic Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }] }, { "tag": "sqm-referral-table-date-cell", "name": "sqm-referral-table-date-cell", "uiSchema": { "date": { "ui:help": "" } }, "traits": [{ "name": "date", "type": "number", "title": "date" }] }, { "tag": "sqm-referral-table-date-column", "name": "Referral Table Date Column", "uiSchema": { "column-title": { "ui:name": "Date Column Title", "ui:help": "" }, "date-shown": { "ui:name": "Date Displayed", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Date Column Title" }, { "name": "date-shown", "type": "string", "title": "Date Displayed", "enum": ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"] }] }, { "tag": "sqm-referral-table-rewards-cell", "name": "sqm-referral-table-rewards-cell", "uiSchema": { "hide-details": { "ui:help": "" }, "rewards": { "ui:help": "" } }, "traits": [{ "name": "hide-details", "type": "boolean", "title": "hide-details" }, { "name": "rewards", "type": "Reward[]", "title": "rewards" }] }, { "tag": "sqm-referral-table-rewards-column", "name": "Referral Table Rewards Column", "uiSchema": { "column-title": { "ui:name": "Reward column title", "ui:help": "" }, "hide-details": { "ui:name": "Hide dropdown details of reward", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Reward column title" }, { "name": "hide-details", "type": "boolean", "title": "Hide dropdown details of reward" }] }, { "tag": "sqm-referral-table-status-cell", "name": "sqm-referral-table-status-cell", "uiSchema": { "converted": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "converted", "type": "boolean", "title": "converted" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-referral-table-status-column", "name": "Referral Table Status Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" }, "converted-status-text": { "ui:name": "Converted Status Text", "ui:help": "" }, "in-progress-status-text": { "ui:name": "In Progress Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "converted-status-text", "type": "string", "title": "Converted Status Text" }, { "name": "in-progress-status-text", "type": "string", "title": "In Progress Status Text" }] }, { "tag": "sqm-referral-table-user-cell", "name": "sqm-referral-table-user-cell", "uiSchema": { "name": { "ui:help": "" } }, "traits": [{ "name": "name", "type": "string", "title": "name" }] }, { "tag": "sqm-referral-table-user-column", "name": "Referral Table User Column", "uiSchema": { "anonymous-user": { "ui:name": "Name displayed for anonymous users", "ui:help": "" }, "column-title": { "ui:name": "User Column Title", "ui:help": "" }, "deleted-user": { "ui:name": "Name displayed for deleted users", "ui:help": "" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Name displayed for anonymous users" }, { "name": "column-title", "type": "string", "title": "User Column Title" }, { "name": "deleted-user", "type": "string", "title": "Name displayed for deleted users" }] }, { "tag": "sqm-route", "name": "Route (for pages)", "uiSchema": { "path": { "ui:name": "Navigation path name", "ui:help": "" } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation path name" }] }, { "tag": "sqm-router", "name": "Router (for pages)", "uiSchema": {}, "traits": [] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "demoData": { "ui:help": "" }, "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide the icon", "ui:help": "" }, "hidetext": { "ui:name": "Hide the text", "ui:help": "" }, "icon": { "ui:name": "Icon used in button. Will try to select an icon based on the share medium if left empty.", "ui:help": "" }, "iconslot": { "ui:name": "Icon Location", "ui:help": "" }, "medium": { "ui:name": "Share Medium", "ui:help": "The social medium to share on. Share messages and links\r\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display as pill", "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "Optional programId, or uses the programId context where this button is rendered." }, "sharetext": { "ui:name": "Text used for native sharing (mobile only)", "ui:help": "" }, "sharetitle": { "ui:name": "Title used for native sharing (mobile only)", "ui:help": "" }, "size": { "ui:name": "Button Size", "ui:help": "" }, "type": { "ui:name": "Button Style", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disabled", "type": "boolean", "title": "Disabled" }, { "name": "hideicon", "type": "boolean", "title": "Hide the icon" }, { "name": "hidetext", "type": "boolean", "title": "Hide the text" }, { "name": "icon", "type": "string", "title": "Icon used in button. Will try to select an icon based on the share medium if left empty." }, { "name": "iconslot", "type": "string", "title": "Icon Location", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "medium", "type": "string", "title": "Share Medium", "enum": ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest", "reminder", "unknown"], "enumNames": ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest", "Reminder", "Unknown"] }, { "name": "pill", "type": "boolean", "title": "Display as pill" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "sharetext", "type": "string", "title": "Text used for native sharing (mobile only)" }, { "name": "sharetitle", "type": "string", "title": "Title used for native sharing (mobile only)" }, { "name": "size", "type": "string", "title": "Button Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }, { "name": "type", "type": "string", "title": "Button Style", "enum": ["primary", "success", "info", "warning", "danger", "default", "text"] }] }, { "tag": "sqm-share-code", "name": "Share Code", "uiSchema": { "demoData": { "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded." }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip will appear for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "This is shown after someone has successfully copied the cpde to the clipboard." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-share-link", "name": "Share Link", "uiSchema": { "demoData": { "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded." }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip will appear for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "This is shown after someone has successfully copied the link to the clipboard." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-stat-container", "name": "Stat Container", "uiSchema": { "space": { "ui:name": "Space between stats", "ui:help": "" } }, "traits": [{ "name": "space", "type": "string", "title": "Space between stats", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }] }, { "tag": "sqm-stencilbook", "name": "sqm-stencilbook", "uiSchema": {}, "traits": [] }, { "tag": "sqm-table-cell", "name": "sqm-table-cell", "uiSchema": { "colspan": { "ui:help": "" }, "padding": { "ui:help": "" } }, "traits": [{ "name": "colspan", "type": "number", "title": "colspan" }, { "name": "padding", "type": "string", "title": "padding" }] }, { "tag": "sqm-table-row", "name": "sqm-table-row", "uiSchema": { "border": { "ui:help": "" } }, "traits": [{ "name": "border", "type": "string", "title": "border" }] }, { "tag": "sqm-text", "name": "Text", "uiSchema": {}, "traits": [] }, { "tag": "sqm-text-span", "name": "Text Span", "uiSchema": { "text": { "ui:name": "Text", "ui:help": "" }, "type": { "ui:name": "Text", "ui:help": "" } }, "traits": [{ "name": "text", "type": "string", "title": "Text" }, { "name": "type", "type": "string", "title": "Text", "enum": ["p", "subtext", "h1", "h2", "h3", "h4"] }] }, { "tag": "sqm-titled-section", "name": "Section (with title)", "uiSchema": { "label": { "ui:help": "" }, "label-margin": { "ui:name": "Label margin style", "ui:help": "" }, "padding": { "ui:name": "Section padding", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "label" }, { "name": "label-margin", "type": "string", "title": "Label margin style", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }, { "name": "padding", "type": "string", "title": "Section padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }] }, { "tag": "sqm-user-name", "name": "User Name", "uiSchema": { "demoData": { "ui:help": "" }, "fallback": { "ui:name": "Fallback name for nameless users", "ui:help": "" }, "loading-text": { "ui:name": "Loading text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Fallback name for nameless users" }, { "name": "loading-text", "type": "string", "title": "Loading text" }] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
+            components = [{ "tag": "sqm-asset-card", "name": "Asset Card", "uiSchema": { "demoData": { "ui:help": "" }, "img-url": { "ui:name": "Banner image", "ui:help": "" }, "title-text": { "ui:name": "Banner title", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "img-url", "type": "string", "title": "Banner image" }, { "name": "title-text", "type": "string", "title": "Banner title" }] }, { "tag": "sqm-big-stat", "name": "Big Stat", "uiSchema": { "alignment": { "ui:name": "Alignment - controls the alignment of the flexbox", "ui:help": "" }, "demoData": { "ui:help": "" }, "flex-reverse": { "ui:name": "Flex Reverse - controls the order of the stat value & description column", "ui:help": "" }, "stat-type": { "ui:widget": "StatTypeSelectWidget", "ui:name": "Stat Type", "ui:help": "Select what type of stat to display. Manual paths are also supported.", "ui:options": { "version": 1.1 } } }, "traits": [{ "name": "alignment", "type": "string", "title": "Alignment - controls the alignment of the flexbox", "enum": ["left", "right", "center"] }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "flex-reverse", "type": "boolean", "title": "Flex Reverse - controls the order of the stat value & description column" }, { "name": "stat-type", "type": "string", "title": "Stat Type" }] }, { "tag": "sqm-divided-layout", "name": "Divided Layout", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "divider-style": { "ui:name": "Border style", "ui:help": "Uses CSS border style syntax" } }, "traits": [{ "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"] }, { "name": "divider-style", "type": "string", "title": "Border style" }] }, { "tag": "sqm-edit-profile", "name": "Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel button text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Enable editing button text", "ui:help": "" }, "firstnametext": { "ui:name": "First name field label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name field label", "ui:help": "" }, "showregion": { "ui:name": "Show or hide current region", "ui:help": "" }, "updatetext": { "ui:name": "Update info button text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel button text" }, { "name": "currentregiontext", "type": "string", "title": "Region field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Enable editing button text" }, { "name": "firstnametext", "type": "string", "title": "First name field label" }, { "name": "lastnametext", "type": "string", "title": "Last name field label" }, { "name": "showregion", "type": "boolean", "title": "Show or hide current region" }, { "name": "updatetext", "type": "string", "title": "Update info button text" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon to use in alert", "ui:help": "" }, "type": { "ui:name": "Type of alert", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon to use in alert" }, { "name": "type", "type": "string", "title": "Type of alert" }] }, { "tag": "sqm-graphql-client-provider", "name": "GraphQL Client Provider", "uiSchema": { "domain": { "ui:name": "Domain", "ui:help": "" } }, "traits": [{ "name": "domain", "type": "string", "title": "Domain" }] }, { "tag": "sqm-hero", "name": "Hero Layout", "uiSchema": { "background": { "ui:name": "Background image or color", "ui:help": "" }, "columns": { "ui:name": "Number of columns in the layout", "ui:help": "" }, "padding-size": { "ui:name": "Padding size", "ui:help": "" }, "secondary-background": { "ui:name": "Secondary background image or color (for use in right column)", "ui:help": "" }, "wrap-direction": { "ui:name": "Wrap direction", "ui:help": "" } }, "traits": [{ "name": "background", "type": "string", "title": "Background image or color" }, { "name": "columns", "type": "1 | 2", "title": "Number of columns in the layout" }, { "name": "padding-size", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Padding size" }, { "name": "secondary-background", "type": "string", "title": "Secondary background image or color (for use in right column)" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap direction" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-leaderboard", "name": "Leaderboard", "uiSchema": { "demoData": { "ui:help": "" }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard time interval", "ui:help": "", "ui:options": { "allowPastDates": true, "months": 1 } }, "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-type": { "ui:name": "Rank type", "ui:help": "" }, "rankheading": { "ui:name": "Rank Heading", "ui:help": "" }, "show-rank": { "ui:name": "Show the ranking numbers", "ui:help": "" }, "statsheading": { "ui:name": "Stats Column Heading", "ui:help": "" }, "usersheading": { "ui:name": "User Column Heading", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "interval", "type": "string", "title": "Leaderboard time interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard type", "enum": ["topStartedReferrers", "topConvertedReferrers"] }, { "name": "rank-type", "type": "string", "title": "Rank type", "enum": ["rowNumber", "rank", "denseRank"] }, { "name": "rankheading", "type": "string", "title": "Rank Heading" }, { "name": "show-rank", "type": "boolean", "title": "Show the ranking numbers" }, { "name": "statsheading", "type": "string", "title": "Stats Column Heading" }, { "name": "usersheading", "type": "string", "title": "User Column Heading" }] }, { "tag": "sqm-leaderboard-rank", "name": "Leaderboard Rank", "uiSchema": { "demoData": { "ui:help": "" }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard time interval", "ui:help": "", "ui:options": { "allowPastDates": true, "months": 1 } }, "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-text": { "ui:name": "Rank Text", "ui:help": "" }, "rank-type": { "ui:name": "Default rank", "ui:help": "" }, "unranked-text": { "ui:name": "Unranked Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "interval", "type": "string", "title": "Leaderboard time interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard type", "enum": ["topStartedReferrers", "topConvertedReferrers"] }, { "name": "rank-text", "type": "string", "title": "Rank Text" }, { "name": "rank-type", "type": "string", "title": "Default rank", "enum": ["rowNumber", "rank", "denseRank"] }, { "name": "unranked-text", "type": "string", "title": "Unranked Text" }] }, { "tag": "sqm-name-fields", "name": "Name Fields", "uiSchema": { "demoData": { "ui:help": "" }, "first-name-label": { "ui:name": "First name field label", "ui:help": "" }, "last-name-label": { "ui:name": "Last name field label", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "{ states?: { validationErrors?: Record<string, string>; content: { firstNameLabel: string; lastNameLabel: string; }; }; }", "title": "demoData" }, { "name": "first-name-label", "type": "string", "title": "First name field label" }, { "name": "last-name-label", "type": "string", "title": "Last name field label" }] }, { "tag": "sqm-navigation-menu", "name": "Navigation Menu", "uiSchema": { "demoData": { "ui:help": "" }, "include-dropdown": { "ui:name": "Include dropdown menu", "ui:help": "" }, "menu-label": { "ui:name": "Label on the header menu", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "include-dropdown", "type": "boolean", "title": "Include dropdown menu" }, { "name": "menu-label", "type": "string", "title": "Label on the header menu" }] }, { "tag": "sqm-navigation-sidebar", "name": "Navigation Sidebar", "uiSchema": {}, "traits": [] }, { "tag": "sqm-navigation-sidebar-item", "name": "Navigation Link", "uiSchema": { "demoData": { "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "" }, "label": { "ui:name": "Label", "ui:help": "" }, "path": { "ui:name": "Navigation path", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "label", "type": "string", "title": "Label" }, { "name": "path", "type": "string", "title": "Navigation path" }] }, { "tag": "sqm-password-field", "name": "Portal Password Field", "uiSchema": { "demoData": { "ui:help": "" }, "enable-validation": { "ui:name": "Enable live password validation", "ui:help": "" }, "field-label": { "ui:name": "Label for password field", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "enable-validation", "type": "boolean", "title": "Enable live password validation" }, { "name": "field-label", "type": "string", "title": "Label for password field" }] }, { "tag": "sqm-popup-container", "name": "Popup container for widgets", "uiSchema": { "close-button": { "ui:name": "Display a close button on the popup", "ui:help": "" }, "close-button-text": { "ui:name": "Text to be used as the close button", "ui:help": "" }, "embed-padding": { "ui:name": "Specify padding on the popup contents when in embedded mode", "ui:help": "" }, "popup-padding": { "ui:name": "Specify padding on the popup contents when in popup mode", "ui:help": "" }, "powered-by": { "ui:name": "Show SaaSquatch Powered By messaging", "ui:help": "" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Display a close button on the popup" }, { "name": "close-button-text", "type": "string", "title": "Text to be used as the close button" }, { "name": "embed-padding", "type": "string", "title": "Specify padding on the popup contents when in embedded mode", "enum": ["none", "small", "medium", "large"] }, { "name": "popup-padding", "type": "string", "title": "Specify padding on the popup contents when in popup mode", "enum": ["none", "small", "medium", "large"] }, { "name": "powered-by", "type": "boolean", "title": "Show SaaSquatch Powered By messaging" }] }, { "tag": "sqm-portal-change-password", "name": "Portal Profile", "uiSchema": { "cancel-text": { "ui:name": "Modal cancel password change button text", "ui:help": "" }, "change-password-button-text": { "ui:name": "Modal change password button text", "ui:help": "" }, "confirm-password-field-label": { "ui:name": "Password confirmation input field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "modal-change-password-header": { "ui:name": "Change password modal header", "ui:help": "" }, "password-field-label": { "ui:name": "Password input field label", "ui:help": "" }, "portal-change-password-button-text": { "ui:name": "Portal change password button text", "ui:help": "" }, "portal-change-password-header": { "ui:name": "Portal change password section header", "ui:help": "" }, "success-message": { "ui:name": "Successful password change message", "ui:help": "" } }, "traits": [{ "name": "cancel-text", "type": "string", "title": "Modal cancel password change button text" }, { "name": "change-password-button-text", "type": "string", "title": "Modal change password button text" }, { "name": "confirm-password-field-label", "type": "string", "title": "Password confirmation input field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "modal-change-password-header", "type": "string", "title": "Change password modal header" }, { "name": "password-field-label", "type": "string", "title": "Password input field label" }, { "name": "portal-change-password-button-text", "type": "string", "title": "Portal change password button text" }, { "name": "portal-change-password-header", "type": "string", "title": "Portal change password section header" }, { "name": "success-message", "type": "string", "title": "Successful password change message" }] }, { "tag": "sqm-portal-container", "name": "Portal Container", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "gap": { "ui:name": "Gap", "ui:help": "" }, "min-width": { "ui:name": "Minimum width", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"] }, { "name": "gap", "type": "string", "title": "Gap", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }, { "name": "min-width", "type": "string", "title": "Minimum width" }, { "name": "padding", "type": "string", "title": "Padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }] }, { "tag": "sqm-portal-email-verification", "name": "Portal Email Verification", "uiSchema": { "demoData": { "ui:help": "" }, "email-verification-header": { "ui:name": "Email verification header text", "ui:help": "" }, "resend-email-button-text": { "ui:name": "Re-send email button text", "ui:help": "" }, "verify-message": { "ui:name": "Email verification body text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-verification-header", "type": "string", "title": "Email verification header text" }, { "name": "resend-email-button-text", "type": "string", "title": "Re-send email button text" }, { "name": "verify-message", "type": "string", "title": "Email verification body text" }] }, { "tag": "sqm-portal-footer", "name": "Portal Footer", "uiSchema": { "faq-link": { "ui:name": "FAQ Link", "ui:help": "" }, "faq-text": { "ui:name": "FAQ Text", "ui:help": "" }, "padding-bottom": { "ui:name": "Padding Bottom", "ui:help": "" }, "padding-left": { "ui:name": "Padding Left", "ui:help": "" }, "padding-right": { "ui:name": "Padding Right", "ui:help": "" }, "padding-top": { "ui:name": "Padding Top", "ui:help": "" }, "powered-by-link": { "ui:name": "Powered By Link", "ui:help": "" }, "show-powered-by": { "ui:name": "Show Powered By SaaSquatch", "ui:help": "" }, "support-email": { "ui:name": "Support Email", "ui:help": "" }, "support-text": { "ui:name": "Support Text", "ui:help": "" }, "terms-link": { "ui:name": "Terms and Conditions Link", "ui:help": "" }, "terms-text": { "ui:name": "Terms and Conditions Text", "ui:help": "" } }, "traits": [{ "name": "faq-link", "type": "string", "title": "FAQ Link" }, { "name": "faq-text", "type": "string", "title": "FAQ Text" }, { "name": "padding-bottom", "type": "string", "title": "Padding Bottom" }, { "name": "padding-left", "type": "string", "title": "Padding Left" }, { "name": "padding-right", "type": "string", "title": "Padding Right" }, { "name": "padding-top", "type": "string", "title": "Padding Top" }, { "name": "powered-by-link", "type": "string", "title": "Powered By Link" }, { "name": "show-powered-by", "type": "boolean", "title": "Show Powered By SaaSquatch" }, { "name": "support-email", "type": "string", "title": "Support Email" }, { "name": "support-text", "type": "string", "title": "Support Text" }, { "name": "terms-link", "type": "string", "title": "Terms and Conditions Link" }, { "name": "terms-text", "type": "string", "title": "Terms and Conditions Text" }] }, { "tag": "sqm-portal-forgot-password", "name": "Portal Forgot Password", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email label", "ui:help": "" }, "submit-label": { "ui:name": "Password reset button text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email label" }, { "name": "submit-label", "type": "string", "title": "Password reset button text" }] }, { "tag": "sqm-portal-frame", "name": "Portal Frame", "uiSchema": { "demoData": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }] }, { "tag": "sqm-portal-login", "name": "Portal Login", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Label for email field", "ui:help": "" }, "forgot-password-label": { "ui:name": "Label for forgotten password button", "ui:help": "" }, "next-page": { "ui:name": "Page navigated to after sign-in", "ui:help": "" }, "page-label": { "ui:name": "Heading label", "ui:help": "" }, "password-label": { "ui:name": "Label for password field", "ui:help": "" }, "register-label": { "ui:name": "Label for register navigation button", "ui:help": "" }, "submit-label": { "ui:name": "Label for submit button", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Label for email field" }, { "name": "forgot-password-label", "type": "string", "title": "Label for forgotten password button" }, { "name": "next-page", "type": "string", "title": "Page navigated to after sign-in" }, { "name": "page-label", "type": "string", "title": "Heading label" }, { "name": "password-label", "type": "string", "title": "Label for password field" }, { "name": "register-label", "type": "string", "title": "Label for register navigation button" }, { "name": "submit-label", "type": "string", "title": "Label for submit button" }] }, { "tag": "sqm-portal-logout", "name": "Portal Logout", "uiSchema": { "next-page": { "ui:name": "Next Page path", "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "Next Page path" }] }, { "tag": "sqm-portal-profile", "name": "Portal Profile", "uiSchema": { "countrytext": { "ui:name": "Country input field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "edit-profile-header": { "ui:name": "Edit profile header", "ui:help": "" }, "edit-profile-sub-header": { "ui:name": "Edit profile sub header", "ui:help": "" }, "emailtext": { "ui:name": "Email input field label", "ui:help": "" }, "firstnametext": { "ui:name": "First name input field label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name input field label", "ui:help": "" }, "show-country": { "ui:name": "Show or hide country field", "ui:help": "" }, "submit-change-button-text": { "ui:name": "Text for the submit changes button", "ui:help": "" } }, "traits": [{ "name": "countrytext", "type": "string", "title": "Country input field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "edit-profile-header", "type": "string", "title": "Edit profile header" }, { "name": "edit-profile-sub-header", "type": "string", "title": "Edit profile sub header" }, { "name": "emailtext", "type": "string", "title": "Email input field label" }, { "name": "firstnametext", "type": "string", "title": "First name input field label" }, { "name": "lastnametext", "type": "string", "title": "Last name input field label" }, { "name": "show-country", "type": "boolean", "title": "Show or hide country field" }, { "name": "submit-change-button-text", "type": "string", "title": "Text for the submit changes button" }] }, { "tag": "sqm-portal-protected-route", "name": "Portal Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Redirect Path", "ui:help": "" }, "redirect-to-unverified": { "ui:name": "Redirect unverified users path", "ui:help": "" }, "require-email-verification": { "ui:name": "Require Email Verification", "ui:help": "" } }, "traits": [{ "name": "redirect-to", "type": "string", "title": "Redirect Path" }, { "name": "redirect-to-unverified", "type": "string", "title": "Redirect unverified users path" }, { "name": "require-email-verification", "type": "boolean", "title": "Require Email Verification" }] }, { "tag": "sqm-portal-register", "name": "Portal Register", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Label for confirm password field", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Label for email field", "ui:help": "" }, "enable-password-validation": { "ui:name": "Use password field with live validation", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide default input fields to use custom fields", "ui:help": "" }, "login-label": { "ui:name": "Label for login navigation button", "ui:help": "" }, "next-page": { "ui:name": "Page navigated to after registration", "ui:help": "" }, "page-label": { "ui:name": "Heading label", "ui:help": "" }, "password-label": { "ui:name": "Label for password field", "ui:help": "" }, "submit-label": { "ui:name": "Label for submit button", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-label", "type": "string", "title": "Label for confirm password field" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Label for email field" }, { "name": "enable-password-validation", "type": "boolean", "title": "Use password field with live validation" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide default input fields to use custom fields" }, { "name": "login-label", "type": "string", "title": "Label for login navigation button" }, { "name": "next-page", "type": "string", "title": "Page navigated to after registration" }, { "name": "page-label", "type": "string", "title": "Heading label" }, { "name": "password-label", "type": "string", "title": "Label for password field" }, { "name": "submit-label", "type": "string", "title": "Label for submit button" }] }, { "tag": "sqm-portal-reset-password", "name": "Portal Reset Password", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password", "ui:help": "" }, "confirm-password-field-label": { "ui:name": "Confirm password field label", "ui:help": "" }, "continue-button-text": { "ui:name": "Continue button text", "ui:help": "Displayed after a successful password reset" }, "demoData": { "ui:help": "" }, "next-page": { "ui:name": "Next page path", "ui:help": "" }, "password-field-label": { "ui:name": "Password field label", "ui:help": "" }, "password-reset-header": { "ui:name": "Password reset header text", "ui:help": "Displayed after a successful password reset" }, "reset-password-button-text": { "ui:name": "Password reset button text", "ui:help": "" }, "reset-password-header": { "ui:name": "Password reset header text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password" }, { "name": "confirm-password-field-label", "type": "string", "title": "Confirm password field label" }, { "name": "continue-button-text", "type": "string", "title": "Continue button text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "next-page", "type": "string", "title": "Next page path" }, { "name": "password-field-label", "type": "string", "title": "Password field label" }, { "name": "password-reset-header", "type": "string", "title": "Password reset header text" }, { "name": "reset-password-button-text", "type": "string", "title": "Password reset button text" }, { "name": "reset-password-header", "type": "string", "title": "Password reset header text" }] }, { "tag": "sqm-portal-verify-email", "name": "Portal Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "next-page": { "ui:name": "Next page path", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "next-page", "type": "string", "title": "Next page path" }] }, { "tag": "sqm-program-menu", "name": "Portal Menu", "uiSchema": {}, "traits": [] }, { "tag": "sqm-referral-iframe", "name": "Referral IFrame", "uiSchema": { "demoData": { "ui:help": "" }, "iframe-height": { "ui:name": "Height of the iframe container", "ui:help": "" }, "iframe-src": { "ui:name": "URL of iframe to display", "ui:help": "" }, "iframe-width": { "ui:name": "Width of the iframe container", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "iframe-height", "type": "string", "title": "Height of the iframe container" }, { "name": "iframe-src", "type": "string", "title": "URL of iframe to display" }, { "name": "iframe-width", "type": "string", "title": "Width of the iframe container" }] }, { "tag": "sqm-referral-table", "name": "Referral Table", "uiSchema": { "demoData": { "ui:help": "" }, "more-label": { "ui:name": "View More button text", "ui:help": "" }, "per-page": { "ui:name": "Number of referrals per page", "ui:help": "" }, "prev-label": { "ui:name": "Previous button text", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\r\nIf program ID is \"classic\", shows classic-only referrals" }, "show-labels": { "ui:name": "Show column labels", "ui:help": "" }, "show-referrer": { "ui:name": "Show Referred by user in table", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "more-label", "type": "string", "title": "View More button text" }, { "name": "per-page", "type": "number", "title": "Number of referrals per page" }, { "name": "prev-label", "type": "string", "title": "Previous button text" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "show-labels", "type": "boolean", "title": "Show column labels" }, { "name": "show-referrer", "type": "boolean", "title": "Show Referred by user in table" }] }, { "tag": "sqm-referral-table-cell", "name": "sqm-referral-table-cell", "uiSchema": { "inner-template": { "ui:help": "" } }, "traits": [{ "name": "inner-template", "type": "string", "title": "inner-template" }] }, { "tag": "sqm-referral-table-column", "name": "Referral Table Generic Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }] }, { "tag": "sqm-referral-table-date-cell", "name": "sqm-referral-table-date-cell", "uiSchema": { "date": { "ui:help": "" } }, "traits": [{ "name": "date", "type": "number", "title": "date" }] }, { "tag": "sqm-referral-table-date-column", "name": "Referral Table Date Column", "uiSchema": { "column-title": { "ui:name": "Date Column Title", "ui:help": "" }, "date-shown": { "ui:name": "Date Displayed", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Date Column Title" }, { "name": "date-shown", "type": "string", "title": "Date Displayed", "enum": ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"] }] }, { "tag": "sqm-referral-table-rewards-cell", "name": "sqm-referral-table-rewards-cell", "uiSchema": { "hide-details": { "ui:help": "" }, "rewards": { "ui:help": "" } }, "traits": [{ "name": "hide-details", "type": "boolean", "title": "hide-details" }, { "name": "rewards", "type": "Reward[]", "title": "rewards" }] }, { "tag": "sqm-referral-table-rewards-column", "name": "Referral Table Rewards Column", "uiSchema": { "column-title": { "ui:name": "Reward column title", "ui:help": "" }, "hide-details": { "ui:name": "Hide dropdown details of reward", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Reward column title" }, { "name": "hide-details", "type": "boolean", "title": "Hide dropdown details of reward" }] }, { "tag": "sqm-referral-table-status-cell", "name": "sqm-referral-table-status-cell", "uiSchema": { "converted": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "converted", "type": "boolean", "title": "converted" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-referral-table-status-column", "name": "Referral Table Status Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" }, "converted-status-text": { "ui:name": "Converted Status Text", "ui:help": "" }, "in-progress-status-text": { "ui:name": "In Progress Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "converted-status-text", "type": "string", "title": "Converted Status Text" }, { "name": "in-progress-status-text", "type": "string", "title": "In Progress Status Text" }] }, { "tag": "sqm-referral-table-user-cell", "name": "sqm-referral-table-user-cell", "uiSchema": { "name": { "ui:help": "" } }, "traits": [{ "name": "name", "type": "string", "title": "name" }] }, { "tag": "sqm-referral-table-user-column", "name": "Referral Table User Column", "uiSchema": { "anonymous-user": { "ui:name": "Name displayed for anonymous users", "ui:help": "" }, "column-title": { "ui:name": "User Column Title", "ui:help": "" }, "deleted-user": { "ui:name": "Name displayed for deleted users", "ui:help": "" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Name displayed for anonymous users" }, { "name": "column-title", "type": "string", "title": "User Column Title" }, { "name": "deleted-user", "type": "string", "title": "Name displayed for deleted users" }] }, { "tag": "sqm-reward-exchange-list", "name": "Reward Exchange List", "uiSchema": { "button-text": { "ui:name": "Exchange button text", "ui:help": "" }, "demoData": { "ui:help": "" }, "not-available-error": { "ui:name": "Exchange button text", "ui:help": "" } }, "traits": [{ "name": "button-text", "type": "string", "title": "Exchange button text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "not-available-error", "type": "string", "title": "Exchange button text" }] }, { "tag": "sqm-rewards-table", "name": "Rewards Table", "uiSchema": { "demoData": { "ui:help": "" }, "more-label": { "ui:name": "View More button text", "ui:help": "" }, "per-page": { "ui:name": "Number of rewards per page", "ui:help": "" }, "prev-label": { "ui:name": "Previous button text", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters to only show rewards in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs." }, "show-labels": { "ui:name": "Show column labels", "ui:help": "" }, "show-referrer": { "ui:name": "Show Referred by user in table", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "more-label", "type": "string", "title": "View More button text" }, { "name": "per-page", "type": "number", "title": "Number of rewards per page" }, { "name": "prev-label", "type": "string", "title": "Previous button text" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "show-labels", "type": "boolean", "title": "Show column labels" }, { "name": "show-referrer", "type": "boolean", "title": "Show Referred by user in table" }] }, { "tag": "sqm-rewards-table-column", "name": "Rewards Table Column", "uiSchema": { "column-title": { "ui:name": "Reward column title", "ui:help": "" }, "hide-details": { "ui:name": "Hide dropdown details of reward", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Reward column title" }, { "name": "hide-details", "type": "boolean", "title": "Hide dropdown details of reward" }] }, { "tag": "sqm-route", "name": "Route (for pages)", "uiSchema": { "path": { "ui:name": "Navigation path name", "ui:help": "" } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation path name" }] }, { "tag": "sqm-router", "name": "Router (for pages)", "uiSchema": {}, "traits": [] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "demoData": { "ui:help": "" }, "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide the icon", "ui:help": "" }, "hidetext": { "ui:name": "Hide the text", "ui:help": "" }, "icon": { "ui:name": "Icon used in button. Will try to select an icon based on the share medium if left empty.", "ui:help": "" }, "iconslot": { "ui:name": "Icon Location", "ui:help": "" }, "medium": { "ui:name": "Share Medium", "ui:help": "The social medium to share on. Share messages and links\r\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display as pill", "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "Optional programId, or uses the programId context where this button is rendered." }, "sharetext": { "ui:name": "Text used for native sharing (mobile only)", "ui:help": "" }, "sharetitle": { "ui:name": "Title used for native sharing (mobile only)", "ui:help": "" }, "size": { "ui:name": "Button Size", "ui:help": "" }, "type": { "ui:name": "Button Style", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disabled", "type": "boolean", "title": "Disabled" }, { "name": "hideicon", "type": "boolean", "title": "Hide the icon" }, { "name": "hidetext", "type": "boolean", "title": "Hide the text" }, { "name": "icon", "type": "string", "title": "Icon used in button. Will try to select an icon based on the share medium if left empty." }, { "name": "iconslot", "type": "string", "title": "Icon Location", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "medium", "type": "string", "title": "Share Medium", "enum": ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest", "reminder", "unknown"], "enumNames": ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest", "Reminder", "Unknown"] }, { "name": "pill", "type": "boolean", "title": "Display as pill" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "sharetext", "type": "string", "title": "Text used for native sharing (mobile only)" }, { "name": "sharetitle", "type": "string", "title": "Title used for native sharing (mobile only)" }, { "name": "size", "type": "string", "title": "Button Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }, { "name": "type", "type": "string", "title": "Button Style", "enum": ["primary", "success", "info", "warning", "danger", "default", "text"] }] }, { "tag": "sqm-share-code", "name": "Share Code", "uiSchema": { "demoData": { "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded." }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip will appear for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "This is shown after someone has successfully copied the cpde to the clipboard." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-share-link", "name": "Share Link", "uiSchema": { "demoData": { "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded." }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip will appear for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "This is shown after someone has successfully copied the link to the clipboard." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-stat-container", "name": "Stat Container", "uiSchema": { "space": { "ui:name": "Space between stats", "ui:help": "" } }, "traits": [{ "name": "space", "type": "string", "title": "Space between stats", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }] }, { "tag": "sqm-stencilbook", "name": "sqm-stencilbook", "uiSchema": {}, "traits": [] }, { "tag": "sqm-table-cell", "name": "sqm-table-cell", "uiSchema": { "colspan": { "ui:help": "" }, "padding": { "ui:help": "" } }, "traits": [{ "name": "colspan", "type": "number", "title": "colspan" }, { "name": "padding", "type": "string", "title": "padding" }] }, { "tag": "sqm-table-row", "name": "sqm-table-row", "uiSchema": { "border": { "ui:help": "" } }, "traits": [{ "name": "border", "type": "string", "title": "border" }] }, { "tag": "sqm-task-card", "name": "Task Card", "uiSchema": { "ui:order": ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab"], "button-link": { "ui:name": "CTA Button Link", "ui:help": "" }, "button-text": { "ui:name": "CTA Button Text", "ui:help": "" }, "card-title": { "ui:name": "Title Text", "ui:help": "" }, "description": { "ui:name": "Description Text", "ui:help": "" }, "finite": { "ui:name": "Repeat Amount (0 for no limit)", "ui:help": "" }, "goal": { "ui:name": "Goal Completion Number", "ui:help": "" }, "open-new-tab": { "ui:name": "CTA Button Link Open in New Tab", "ui:help": "" }, "progress-bar-unit": { "ui:name": "Progress Bar Unit", "ui:help": "" }, "repeatable": { "ui:name": "Goal Repeatable", "ui:help": "" }, "reward-amount": { "ui:name": "Reward Amount", "ui:help": "" }, "reward-duration": { "ui:widget": "DateRange", "ui:name": "Reward Duration", "ui:help": "", "ui:options": { "allowPastDates": true, "months": 1 } }, "reward-unit": { "ui:name": "Reward Unit", "ui:help": "" }, "show-expiry": { "ui:name": "Show Goal Expiry", "ui:help": "" }, "show-progress-bar": { "ui:name": "Show Progress Bar", "ui:help": "" }, "stat-type": { "ui:widget": "StatTypeSelectWidget", "ui:name": "Goal Progress Source", "ui:help": "Select what type of stat to display for the goal. Manual paths are also supported.", "ui:options": { "version": 1.1 } }, "steps": { "ui:name": "Progress Bar Steps", "ui:help": "" } }, "traits": [{ "name": "button-link", "type": "string", "title": "CTA Button Link" }, { "name": "button-text", "type": "string", "title": "CTA Button Text" }, { "name": "card-title", "type": "string", "title": "Title Text" }, { "name": "description", "type": "string", "title": "Description Text" }, { "name": "finite", "type": "number", "title": "Repeat Amount (0 for no limit)" }, { "name": "goal", "type": "number", "title": "Goal Completion Number" }, { "name": "open-new-tab", "type": "boolean", "title": "CTA Button Link Open in New Tab" }, { "name": "progress-bar-unit", "type": "string", "title": "Progress Bar Unit" }, { "name": "repeatable", "type": "boolean", "title": "Goal Repeatable" }, { "name": "reward-amount", "type": "number", "title": "Reward Amount" }, { "name": "reward-duration", "type": "string", "title": "Reward Duration" }, { "name": "reward-unit", "type": "string", "title": "Reward Unit" }, { "name": "show-expiry", "type": "boolean", "title": "Show Goal Expiry" }, { "name": "show-progress-bar", "type": "boolean", "title": "Show Progress Bar" }, { "name": "stat-type", "type": "string", "title": "Goal Progress Source" }, { "name": "steps", "type": "boolean", "title": "Progress Bar Steps" }] }, { "tag": "sqm-text", "name": "Text", "uiSchema": {}, "traits": [] }, { "tag": "sqm-text-span", "name": "Text Span", "uiSchema": { "text": { "ui:name": "Text", "ui:help": "" }, "type": { "ui:name": "Text", "ui:help": "" } }, "traits": [{ "name": "text", "type": "string", "title": "Text" }, { "name": "type", "type": "string", "title": "Text", "enum": ["p", "subtext", "h1", "h2", "h3", "h4"] }] }, { "tag": "sqm-titled-section", "name": "Section (with title)", "uiSchema": { "label": { "ui:help": "" }, "label-margin": { "ui:name": "Label margin style", "ui:help": "" }, "padding": { "ui:name": "Section padding", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "label" }, { "name": "label-margin", "type": "string", "title": "Label margin style", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }, { "name": "padding", "type": "string", "title": "Section padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"] }] }, { "tag": "sqm-user-name", "name": "Navigation Link", "uiSchema": { "demoData": { "ui:help": "" }, "fallback": { "ui:name": "Fallback name for nameless users", "ui:help": "" }, "loading-text": { "ui:name": "Loading text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Fallback name for nameless users" }, { "name": "loading-text", "type": "string", "title": "Loading text" }] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
             exports_1("default", (function (editor, config) {
                 if (config === void 0) { config = {}; }
                 // Get DomComponents module

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.4.0",
+  "version": "1.5.0-0",
   "description": "Mint Components - Built with Shoelace Components",
   "main": "dist/index.cjs.js",
   "es2015": "dist/esm/index.js",
@@ -37,9 +37,11 @@
     "@stencil/router": "^1.0.1",
     "@stencil/sass": "^1.3.2",
     "@stencil/utils": "latest",
+    "@types/chroma-js": "^2.1.3",
     "@types/jest": "^26.0.21",
     "@types/puppeteer": "^5.4.2",
     "@types/resize-observer-browser": "^0.1.5",
+    "chroma-js": "^2.1.2",
     "clipboard": "^1.7.1",
     "cross-env": "^7.0.2",
     "docx": "^5.4.1",
@@ -56,7 +58,7 @@
     "workbox-build": "4.3.1"
   },
   "dependencies": {
-    "@saasquatch/component-boilerplate": "^1.3.0",
+    "@saasquatch/component-boilerplate": "^1.2.3-6",
     "@saasquatch/stencil-grapes-plugin": "^1.0.1",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.0.0",

package/dist/esm-es5/ShadowViewAddon-5f66de48.js DELETED Viewed

@@ -1 +0,0 @@

- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,a){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:a})}else{e.raw=a}return e};import{h,g as getElement}from"./index-17b4da69.js";import{d as dist,M,n as ne,c as cn}from"./index.module-1e92a7a3.js";function LeaderboardView(e){var a;var r=e.states,n=e.data,t=e.elements;var i=r.styles;if(r.loading){return t.loadingstate}return h("div",null,!r.hasLeaders&&t.empty,r.hasLeaders&&h("table",null,h("tr",null,i.showRank&&h("th",{class:"Rank"},i.rankheading),h("th",{class:"User"},i.usersheading),h("th",{class:"Score"},i.statsheading)),(a=n.leaderboard)===null||a===void 0?void 0:a.map((function(e){return h("tr",{class:"SeparateContent"},i.showRank&&h("td",{class:"Rank"},e.rank),h("td",{class:"User"},e.firstName+" "+e.lastInitial+" "),h("td",{class:"Score"},e.value))}))))}var GET_LEADERBOARD=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n userLeaderboard(type: $type, filter: $filter) {\n dateModified\n rows {\n value\n firstName\n lastInitial\n rank {\n rank\n denseRank\n rowNumber\n }\n }\n }\n }\n"],["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n userLeaderboard(type: $type, filter: $filter) {\n dateModified\n rows {\n value\n firstName\n lastInitial\n rank {\n rank\n denseRank\n rowNumber\n }\n }\n }\n }\n"])));function useLeaderboard(e){var a;var r=M();var n=ne();var t={type:e.leaderboardType,filter:{programId_eq:r}};if(e.interval){t.filter["interval"]=e.interval}var i=cn(GET_LEADERBOARD,t,!(n===null||n===void 0?void 0:n.jwt)),d=i.data,l=i.loading;var s=(a=d===null||d===void 0?void 0:d.userLeaderboard)===null||a===void 0?void 0:a.rows;var o=v(s);var u=o===null||o===void 0?void 0:o.sort((function(e,a){return e.rank-a.rank}));function v(a){return a===null||a===void 0?void 0:a.flatMap((function(a){var r;return{value:a.value,firstName:a.firstName||"Anonymous",lastInitial:a.lastInitial,rank:(r=a.rank)===null||r===void 0?void 0:r[e.rankType]}}))}return{states:{loading:l,hasLeaders:(u===null||u===void 0?void 0:u.length)>0,styles:e},data:{leaderboard:u,rankType:e.rankType},elements:{empty:e.empty,loadingstate:e.loadingstate}}}var map=new Map;function withShadowView(e){var a=getElement(e);var r=e["render"].bind(e);var n=function(){var e=a.getAttribute("stencilbook-shadow-view");if(e){var n=map.get(e);if(n){return n}}return r()};e["render"]=n}var ShadowViewAddon=function(e,a){var r=e.story;var n;var t=(n=r.parent.parameters)===null||n===void 0?void 0:n.tagname;if(!t)return a;var i=Math.round(Math.random()*1e5);map.set(i+"",a);var d="stencilbook-shawdow-view-"+i;return h(d,null,h(t,{"stencilbook-shadow-view":i}))};export{LeaderboardView as L,ShadowViewAddon as S,useLeaderboard as u,withShadowView as w};var templateObject_1;