@searchcraft/javascript-sdk 0.6.0 → 0.7.1

package/dist/collection/components/searchcraft-popover-form/searchcraft-popover-form.module.css

@@ -1,322 +0,0 @@
-/** Appearance & Layout */
-:root {
-  /**
-   * Border radius of the input form element.
-   */
-  --sc-input-border-radius: 8px;
-  /**
-   * Icon size of the "magnifying glass" icon rendered in the input form.
-   */
-  --sc-input-search-icon-size: 20px;
-  /**
-   * Icon size of the `x` button rendered in the input form.
-   */
-  --sc-input-clear-icon-size: 20px;
-  /**
-   * Padding on the left side of the input form.
-   */
-  --sc-input-padding-left: 44px;
-  /**
-   * Padding on the right side of the input form.
-   */
-  --sc-input-padding-right: 44px;
-  /**
-   * Border radius applied to result images.
-   */
-  --sc-image-border-radius: 8px;
-  /**
-   * Border radius applied to popover form containers.
-   */
-  --sc-popover-form-border-radius: 8px;
-  /**
-   * Height of the list view/results container portion of the popover form.
-   */
-  --sc-popover-list-view-height: 400px;
-  /**
-   * Size of images of list view items in the popoer list view.
-   */
-  --sc-popover-list-item-image-size: 60px;
-  /**
-   * Horizontal padding of popover list items.
-   */
-  --sc-popover-list-item-padding-horizontal: 8px;
-  /**
-   * Vertical padding of popover list items.
-   */
-  --sc-popover-list-item-padding-vertical: 8px;
-  /**
-   * Maximum width of popover forms of type `modal`.
-   */
-  --sc-popover-modal-max-width: 570px;
-}
-
-:root {
-  --sc-surface-disabled: #D9D9D9;
-  --sc-surface-neutral-primary: #FFFFFF;
-  --sc-surface-neutral-secondary: #F3F3F3;
-  --sc-surface-neutral-light: #FFFFFF;
-  --sc-surface-neutral-primary-hover: #FAFAFA;
-  --sc-surface-neutral-primary-active: #F7F7F7;
-  --sc-surface-neutral-secondary-hover: #EDEDED;
-  --sc-surface-neutral-secondary-active: #E6E6E6;
-  --sc-surface-brand-primary: #000000;
-  --sc-surface-brand-secondary: #E6E6E6;
-  --sc-surface-brand-primary-hover: #2E2E2E;
-  --sc-surface-brand-primary-active: #292929;
-  --sc-surface-brand-secondary-hover: #EBEBEB;
-  --sc-surface-brand-secondary-active: #E0E0E0;
-  --sc-surface-success-primary: #008000;
-  --sc-surface-success-secondary: #CCFFCC;
-  --sc-surface-success-primary-hover: #009900;
-  --sc-surface-success-primary-active: #006600;
-  --sc-surface-success-secondary-hover: #E6FFE6;
-  --sc-surface-success-secondary-active: #E6FFE6;
-  --sc-surface-caution-primary: #CC6600;
-  --sc-surface-caution-secondary: #FFD9B3;
-  --sc-surface-caution-primary-hover: #E57300;
-  --sc-surface-caution-primary-active: #B25A00;
-  --sc-surface-caution-secondary-hover: #FFE5CC;
-  --sc-surface-caution-secondary-active: #FFCC99;
-  --sc-surface-danger-primary: #CC0000;
-  --sc-surface-danger-secondary: #FFCCCC;
-  --sc-surface-danger-primary-hover: #E50000;
-  --sc-surface-danger-primary-active: #B30000;
-  --sc-surface-danger-secondary-hover: #FFE7E7;
-  --sc-surface-danger-secondary-active: #FFB3B3;
-  --sc-content-brand: #000000;
-  --sc-content-success: #008000;
-  --sc-content-caution: #994D00;
-  --sc-content-danger: #990000;
-  --sc-content-disabled: #737373;
-  --sc-content-neutral-primary: #292929;
-  --sc-content-neutral-secondary: #404040;
-  --sc-content-brand-on-primary: #FFFFFF;
-  --sc-content-success-on-primary: #FFFFFF;
-  --sc-content-caution-on-primary: #FFFFFF;
-  --sc-content-danger-on-primary: #FFFFFF;
-  --sc-content-disabled-on-disabled: #737373;
-  --sc-border-neutral: rgba(0,0,0, 0.1);
-  --sc-border-brand: #000000;
-  --sc-border-success: #008000;
-  --sc-border-caution: #CC6600;
-  --sc-border-danger: #CC0000;
-  --sc-border-disabled: #737373;
-}
-
-:root {
-  /** Typography */
-  --sc-font-family: sans-serif;
-  --sc-heading-1-font-size: 32px;
-  --sc-heading-1-line-height: 36px;
-  --sc-heading-1-font-weight: 700;
-  --sc-heading-2-font-size: 29px;
-  --sc-heading-2-line-height: 32px;
-  --sc-heading-2-font-weight: 700;
-  --sc-heading-3-font-size: 26px;
-  --sc-heading-3-line-height: 28px;
-  --sc-heading-3-font-weight: 700;
-  --sc-heading-4-font-size: 23px;
-  --sc-heading-4-line-height: 24px;
-  --sc-heading-4-font-weight: 700;
-  --sc-heading-5-font-size: 20px;
-  --sc-heading-5-line-height: 24px;
-  --sc-heading-5-font-weight: 700;
-  --sc-heading-6-font-size: 10px;
-  --sc-heading-6-line-height: 12px;
-  --sc-heading-6-font-weight: 700;
-  --sc-body-bold-font-size: 16px;
-  --sc-body-bold-line-height: 20px;
-  --sc-body-bold-font-weight: 700;
-  --sc-body-font-size: 16px;
-  --sc-body-line-height: 20px;
-  --sc-body-font-weight:400;
-  --sc-body-small-bold-font-size: 12px;
-  --sc-body-small-bold-line-height: 16px;
-  --sc-body-small-bold-font-weight: 700;
-  --sc-body-small-font-size: 12px;
-  --sc-body-small-line-height: 16px;
-  --sc-body-small-font-weight: 400;
-}
-
-/**
-* Variables that need to be part of the preprocessor can go here.
-*/
-:root {
-  --sc-breakpoint-sm: 576px;
-  --sc-breakpoint-md: 768px;
-  --sc-breakpoint-lg: 992px;
-}
-
-/**
-* Styles applied to all popover form variants.
-*/
-.searchcraft-popover-form {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-.searchcraft-popover-form .searchcraft-popover-form-input-wrapper {
-  padding: 12px;
-  background-color: var(--sc-surface-neutral-secondary);
-  display: flex;
-  flex-direction: row;
-  gap: 4px;
-}
-.searchcraft-popover-form .searchcraft-popover-form-input-wrapper > searchcraft-input-form {
-  flex: 1;
-}
-.searchcraft-popover-form .searchcraft-popover-form-cancel-button {
-  font-family: var(--sc-font-family);
-  -webkit-font-smoothing: antialiased;
-  font-size: var(--sc-body-font-size);
-  font-weight: var(--sc-body-font-weight);
-  line-height: var(--sc-body-line-height);
-  border: 0;
-  outline: 0;
-  padding: 0;
-  flex-shrink: 0;
-  background: none;
-  cursor: pointer;
-  padding-left: 12px;
-  padding-right: 12px;
-  border-radius: calc(var(--sc-popover-form-border-radius) * 0.8);
-}
-.searchcraft-popover-form .searchcraft-popover-form-cancel-button:hover {
-  background-color: var(--sc-surface-brand-secondary-hover);
-}
-.searchcraft-popover-form .searchcraft-popover-form-cancel-button:focus {
-  background-color: var(--sc-surface-brand-secondary-active);
-}
-
-/**
- * Styles applied to `inline` popover forms.
- */
-.searchcraft-popover-form-inline .searchcraft-input {
-  border-top-left-radius: var(--sc-popover-form-border-radius);
-  border-top-right-radius: var(--sc-popover-form-border-radius);
-  border-bottom-left-radius: var(--sc-popover-form-border-radius);
-  border-bottom-right-radius: var(--sc-popover-form-border-radius);
-  border: none;
-  outline: none;
-}
-.searchcraft-popover-form-inline.searchcraft-popover-form-active .searchcraft-input {
-  border-top-left-radius: var(--sc-popover-form-border-radius);
-  border-top-right-radius: var(--sc-popover-form-border-radius);
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.searchcraft-popover-form-inline .searchcraft-popover-inline-wrapper-outer {
-  position: relative;
-}
-.searchcraft-popover-form-inline .searchcraft-popover-inline-wrapper-inner {
-  position: absolute;
-  height: var(--sc-popover-list-view-height);
-  z-index: 1000;
-  width: 100%;
-}
-.searchcraft-popover-form-inline .searchcraft-popover-list-view {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  background-color: var(--sc-surface-neutral-secondary);
-  border-bottom-left-radius: var(--sc-popover-form-border-radius);
-  border-bottom-right-radius: var(--sc-popover-form-border-radius);
-  max-height: var(--sc-popover-list-view-height);
-}
-
-/**
- * Styles applied to `modal` popover forms.
- */
-.searchcraft-popover-form-modal {
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  padding: 0;
-  background-color: var(--sc-surface-neutral-secondary);
-}
-@media (min-width: 576px) {
-  .searchcraft-popover-form-modal {
-    padding: 16px;
-    background-color: transparent;
-  }
-}
-.searchcraft-popover-form-modal .searchcraft-input {
-  border-radius: calc(var(--sc-popover-form-border-radius) * 0.8);
-  outline-width: 1px;
-  outline-color: var(--sc-border-neutral);
-}
-.searchcraft-popover-form-modal .searchcraft-popover-form-modal-backdrop {
-  position: absolute;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: none;
-}
-@media (min-width: 576px) {
-  .searchcraft-popover-form-modal .searchcraft-popover-form-modal-backdrop {
-    display: block;
-  }
-}
-.searchcraft-popover-form-modal .searchcraft-popover-form-modal-inner {
-  position: absolute;
-  inset: 0;
-  z-index: 1002;
-  margin-top: 0px;
-  display: flex;
-  border-radius: var(--sc-popover-form-border-radius);
-  overflow: hidden;
-}
-@media (min-width: 576px) {
-  .searchcraft-popover-form-modal .searchcraft-popover-form-modal-inner {
-    inset: auto;
-    position: relative;
-    width: 100%;
-    margin-top: 100px;
-    max-width: var(--sc-popover-modal-max-width);
-  }
-}
-.searchcraft-popover-form-modal .searchcraft-popover-list-view {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  background-color: var(--sc-surface-neutral-secondary);
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-@media (min-width: 576px) {
-  .searchcraft-popover-form-modal .searchcraft-popover-list-view {
-    max-height: var(--sc-popover-list-view-height);
-  }
-}
-.searchcraft-popover-form-modal searchcraft-popover-list-view {
-  overflow: scroll;
-}
-@media (min-width: 576px) {
-  .searchcraft-popover-form-modal searchcraft-popover-list-view {
-    overflow: auto;
-  }
-}
-
-/**
- * Styles applied to `fullscreen` popover forms.
- */
-.searchcraft-popover-form-fullscreen {
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background-color: var(--sc-surface-neutral-secondary);
-}
-.searchcraft-popover-form-fullscreen .searchcraft-popover-form {
-  position: absolute;
-  inset: 0;
-}
-.searchcraft-popover-form-fullscreen .searchcraft-input {
-  border-radius: calc(var(--sc-popover-form-border-radius) * 0.8);
-  outline-width: 1px;
-  outline-color: var(--sc-border-neutral);
-}
-.searchcraft-popover-form-fullscreen searchcraft-popover-list-view {
-  overflow: scroll;
-}

package/dist/collection/components/searchcraft-popover-list-item/searchcraft-popover-list-item.module.css

@@ -1,209 +0,0 @@
-/** Appearance & Layout */
-:root {
-  /**
-   * Border radius of the input form element.
-   */
-  --sc-input-border-radius: 8px;
-  /**
-   * Icon size of the "magnifying glass" icon rendered in the input form.
-   */
-  --sc-input-search-icon-size: 20px;
-  /**
-   * Icon size of the `x` button rendered in the input form.
-   */
-  --sc-input-clear-icon-size: 20px;
-  /**
-   * Padding on the left side of the input form.
-   */
-  --sc-input-padding-left: 44px;
-  /**
-   * Padding on the right side of the input form.
-   */
-  --sc-input-padding-right: 44px;
-  /**
-   * Border radius applied to result images.
-   */
-  --sc-image-border-radius: 8px;
-  /**
-   * Border radius applied to popover form containers.
-   */
-  --sc-popover-form-border-radius: 8px;
-  /**
-   * Height of the list view/results container portion of the popover form.
-   */
-  --sc-popover-list-view-height: 400px;
-  /**
-   * Size of images of list view items in the popoer list view.
-   */
-  --sc-popover-list-item-image-size: 60px;
-  /**
-   * Horizontal padding of popover list items.
-   */
-  --sc-popover-list-item-padding-horizontal: 8px;
-  /**
-   * Vertical padding of popover list items.
-   */
-  --sc-popover-list-item-padding-vertical: 8px;
-  /**
-   * Maximum width of popover forms of type `modal`.
-   */
-  --sc-popover-modal-max-width: 570px;
-}
-
-:root {
-  --sc-surface-disabled: #D9D9D9;
-  --sc-surface-neutral-primary: #FFFFFF;
-  --sc-surface-neutral-secondary: #F3F3F3;
-  --sc-surface-neutral-light: #FFFFFF;
-  --sc-surface-neutral-primary-hover: #FAFAFA;
-  --sc-surface-neutral-primary-active: #F7F7F7;
-  --sc-surface-neutral-secondary-hover: #EDEDED;
-  --sc-surface-neutral-secondary-active: #E6E6E6;
-  --sc-surface-brand-primary: #000000;
-  --sc-surface-brand-secondary: #E6E6E6;
-  --sc-surface-brand-primary-hover: #2E2E2E;
-  --sc-surface-brand-primary-active: #292929;
-  --sc-surface-brand-secondary-hover: #EBEBEB;
-  --sc-surface-brand-secondary-active: #E0E0E0;
-  --sc-surface-success-primary: #008000;
-  --sc-surface-success-secondary: #CCFFCC;
-  --sc-surface-success-primary-hover: #009900;
-  --sc-surface-success-primary-active: #006600;
-  --sc-surface-success-secondary-hover: #E6FFE6;
-  --sc-surface-success-secondary-active: #E6FFE6;
-  --sc-surface-caution-primary: #CC6600;
-  --sc-surface-caution-secondary: #FFD9B3;
-  --sc-surface-caution-primary-hover: #E57300;
-  --sc-surface-caution-primary-active: #B25A00;
-  --sc-surface-caution-secondary-hover: #FFE5CC;
-  --sc-surface-caution-secondary-active: #FFCC99;
-  --sc-surface-danger-primary: #CC0000;
-  --sc-surface-danger-secondary: #FFCCCC;
-  --sc-surface-danger-primary-hover: #E50000;
-  --sc-surface-danger-primary-active: #B30000;
-  --sc-surface-danger-secondary-hover: #FFE7E7;
-  --sc-surface-danger-secondary-active: #FFB3B3;
-  --sc-content-brand: #000000;
-  --sc-content-success: #008000;
-  --sc-content-caution: #994D00;
-  --sc-content-danger: #990000;
-  --sc-content-disabled: #737373;
-  --sc-content-neutral-primary: #292929;
-  --sc-content-neutral-secondary: #404040;
-  --sc-content-brand-on-primary: #FFFFFF;
-  --sc-content-success-on-primary: #FFFFFF;
-  --sc-content-caution-on-primary: #FFFFFF;
-  --sc-content-danger-on-primary: #FFFFFF;
-  --sc-content-disabled-on-disabled: #737373;
-  --sc-border-neutral: rgba(0,0,0, 0.1);
-  --sc-border-brand: #000000;
-  --sc-border-success: #008000;
-  --sc-border-caution: #CC6600;
-  --sc-border-danger: #CC0000;
-  --sc-border-disabled: #737373;
-}
-
-:root {
-  /** Typography */
-  --sc-font-family: sans-serif;
-  --sc-heading-1-font-size: 32px;
-  --sc-heading-1-line-height: 36px;
-  --sc-heading-1-font-weight: 700;
-  --sc-heading-2-font-size: 29px;
-  --sc-heading-2-line-height: 32px;
-  --sc-heading-2-font-weight: 700;
-  --sc-heading-3-font-size: 26px;
-  --sc-heading-3-line-height: 28px;
-  --sc-heading-3-font-weight: 700;
-  --sc-heading-4-font-size: 23px;
-  --sc-heading-4-line-height: 24px;
-  --sc-heading-4-font-weight: 700;
-  --sc-heading-5-font-size: 20px;
-  --sc-heading-5-line-height: 24px;
-  --sc-heading-5-font-weight: 700;
-  --sc-heading-6-font-size: 10px;
-  --sc-heading-6-line-height: 12px;
-  --sc-heading-6-font-weight: 700;
-  --sc-body-bold-font-size: 16px;
-  --sc-body-bold-line-height: 20px;
-  --sc-body-bold-font-weight: 700;
-  --sc-body-font-size: 16px;
-  --sc-body-line-height: 20px;
-  --sc-body-font-weight:400;
-  --sc-body-small-bold-font-size: 12px;
-  --sc-body-small-bold-line-height: 16px;
-  --sc-body-small-bold-font-weight: 700;
-  --sc-body-small-font-size: 12px;
-  --sc-body-small-line-height: 16px;
-  --sc-body-small-font-weight: 400;
-}
-
-/**
-* Variables that need to be part of the preprocessor can go here.
-*/
-:root {
-  --sc-breakpoint-sm: 576px;
-  --sc-breakpoint-md: 768px;
-  --sc-breakpoint-lg: 992px;
-}
-
-.searchcraft-popover-list-item {
-  all: unset;
-  display: flex;
-  flex-direction: row;
-  cursor: pointer;
-  gap: 8px;
-  padding-right: var(--sc-popover-list-item-padding-horizontal);
-  padding-left: var(--sc-popover-list-item-padding-horizontal);
-  padding-top: var(--sc-popover-list-item-padding-vertical);
-  padding-bottom: var(--sc-popover-list-item-padding-vertical);
-}
-.searchcraft-popover-list-item:focus {
-  background-color: var(--sc-surface-neutral-secondary-active);
-  color: var(--sc-content-neutral-secondary);
-}
-.searchcraft-popover-list-item:hover {
-  background-color: var(--sc-surface-neutral-secondary-hover);
-  color: var(--sc-content-neutral-secondary);
-}
-
-.searchcraft-popover-list-item-title {
-  font-family: var(--sc-font-family);
-  -webkit-font-smoothing: antialiased;
-  font-size: var(--sc-body-font-size);
-  font-weight: var(--sc-body-font-weight);
-  line-height: var(--sc-body-line-height);
-  margin: 0;
-  color: inherit;
-}
-
-.searchcraft-popover-list-item-subtitle {
-  font-family: var(--sc-font-family);
-  -webkit-font-smoothing: antialiased;
-  font-size: var(--sc-body-small-font-size);
-  font-weight: var(--sc-body-small-font-weight);
-  line-height: var(--sc-body-small-line-height);
-  margin: 0;
-  color: inherit;
-}
-
-.searchcraft-popover-list-item-image-wrapper {
-  width: var(--sc-popover-list-item-image-size);
-  height: var(--sc-popover-list-item-image-size);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.searchcraft-popover-list-item-image {
-  max-width: var(--sc-popover-list-item-image-size);
-  max-height: var(--sc-popover-list-item-image-size);
-}
-
-.searchcraft-popover-list-item-info-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  justify-content: center;
-}

package/dist/collection/components/searchcraft-results-info/searchcraft-results-info.module.css

@@ -1,169 +0,0 @@
-/** Appearance & Layout */
-:root {
-  /**
-   * Border radius of the input form element.
-   */
-  --sc-input-border-radius: 8px;
-  /**
-   * Icon size of the "magnifying glass" icon rendered in the input form.
-   */
-  --sc-input-search-icon-size: 20px;
-  /**
-   * Icon size of the `x` button rendered in the input form.
-   */
-  --sc-input-clear-icon-size: 20px;
-  /**
-   * Padding on the left side of the input form.
-   */
-  --sc-input-padding-left: 44px;
-  /**
-   * Padding on the right side of the input form.
-   */
-  --sc-input-padding-right: 44px;
-  /**
-   * Border radius applied to result images.
-   */
-  --sc-image-border-radius: 8px;
-  /**
-   * Border radius applied to popover form containers.
-   */
-  --sc-popover-form-border-radius: 8px;
-  /**
-   * Height of the list view/results container portion of the popover form.
-   */
-  --sc-popover-list-view-height: 400px;
-  /**
-   * Size of images of list view items in the popoer list view.
-   */
-  --sc-popover-list-item-image-size: 60px;
-  /**
-   * Horizontal padding of popover list items.
-   */
-  --sc-popover-list-item-padding-horizontal: 8px;
-  /**
-   * Vertical padding of popover list items.
-   */
-  --sc-popover-list-item-padding-vertical: 8px;
-  /**
-   * Maximum width of popover forms of type `modal`.
-   */
-  --sc-popover-modal-max-width: 570px;
-}
-
-:root {
-  --sc-surface-disabled: #D9D9D9;
-  --sc-surface-neutral-primary: #FFFFFF;
-  --sc-surface-neutral-secondary: #F3F3F3;
-  --sc-surface-neutral-light: #FFFFFF;
-  --sc-surface-neutral-primary-hover: #FAFAFA;
-  --sc-surface-neutral-primary-active: #F7F7F7;
-  --sc-surface-neutral-secondary-hover: #EDEDED;
-  --sc-surface-neutral-secondary-active: #E6E6E6;
-  --sc-surface-brand-primary: #000000;
-  --sc-surface-brand-secondary: #E6E6E6;
-  --sc-surface-brand-primary-hover: #2E2E2E;
-  --sc-surface-brand-primary-active: #292929;
-  --sc-surface-brand-secondary-hover: #EBEBEB;
-  --sc-surface-brand-secondary-active: #E0E0E0;
-  --sc-surface-success-primary: #008000;
-  --sc-surface-success-secondary: #CCFFCC;
-  --sc-surface-success-primary-hover: #009900;
-  --sc-surface-success-primary-active: #006600;
-  --sc-surface-success-secondary-hover: #E6FFE6;
-  --sc-surface-success-secondary-active: #E6FFE6;
-  --sc-surface-caution-primary: #CC6600;
-  --sc-surface-caution-secondary: #FFD9B3;
-  --sc-surface-caution-primary-hover: #E57300;
-  --sc-surface-caution-primary-active: #B25A00;
-  --sc-surface-caution-secondary-hover: #FFE5CC;
-  --sc-surface-caution-secondary-active: #FFCC99;
-  --sc-surface-danger-primary: #CC0000;
-  --sc-surface-danger-secondary: #FFCCCC;
-  --sc-surface-danger-primary-hover: #E50000;
-  --sc-surface-danger-primary-active: #B30000;
-  --sc-surface-danger-secondary-hover: #FFE7E7;
-  --sc-surface-danger-secondary-active: #FFB3B3;
-  --sc-content-brand: #000000;
-  --sc-content-success: #008000;
-  --sc-content-caution: #994D00;
-  --sc-content-danger: #990000;
-  --sc-content-disabled: #737373;
-  --sc-content-neutral-primary: #292929;
-  --sc-content-neutral-secondary: #404040;
-  --sc-content-brand-on-primary: #FFFFFF;
-  --sc-content-success-on-primary: #FFFFFF;
-  --sc-content-caution-on-primary: #FFFFFF;
-  --sc-content-danger-on-primary: #FFFFFF;
-  --sc-content-disabled-on-disabled: #737373;
-  --sc-border-neutral: rgba(0,0,0, 0.1);
-  --sc-border-brand: #000000;
-  --sc-border-success: #008000;
-  --sc-border-caution: #CC6600;
-  --sc-border-danger: #CC0000;
-  --sc-border-disabled: #737373;
-}
-
-:root {
-  /** Typography */
-  --sc-font-family: sans-serif;
-  --sc-heading-1-font-size: 32px;
-  --sc-heading-1-line-height: 36px;
-  --sc-heading-1-font-weight: 700;
-  --sc-heading-2-font-size: 29px;
-  --sc-heading-2-line-height: 32px;
-  --sc-heading-2-font-weight: 700;
-  --sc-heading-3-font-size: 26px;
-  --sc-heading-3-line-height: 28px;
-  --sc-heading-3-font-weight: 700;
-  --sc-heading-4-font-size: 23px;
-  --sc-heading-4-line-height: 24px;
-  --sc-heading-4-font-weight: 700;
-  --sc-heading-5-font-size: 20px;
-  --sc-heading-5-line-height: 24px;
-  --sc-heading-5-font-weight: 700;
-  --sc-heading-6-font-size: 10px;
-  --sc-heading-6-line-height: 12px;
-  --sc-heading-6-font-weight: 700;
-  --sc-body-bold-font-size: 16px;
-  --sc-body-bold-line-height: 20px;
-  --sc-body-bold-font-weight: 700;
-  --sc-body-font-size: 16px;
-  --sc-body-line-height: 20px;
-  --sc-body-font-weight:400;
-  --sc-body-small-bold-font-size: 12px;
-  --sc-body-small-bold-line-height: 16px;
-  --sc-body-small-bold-font-weight: 700;
-  --sc-body-small-font-size: 12px;
-  --sc-body-small-line-height: 16px;
-  --sc-body-small-font-weight: 400;
-}
-
-/**
-* Variables that need to be part of the preprocessor can go here.
-*/
-:root {
-  --sc-breakpoint-sm: 576px;
-  --sc-breakpoint-md: 768px;
-  --sc-breakpoint-lg: 992px;
-}
-
-.searchcraft-results-info-container {
-  border-bottom: 1px solid var(--sc-surface-disabled);
-  display: flex;
-  justify-content: flex-start;
-}
-
-.searchcraft-results-info-content {
-  color: var(--sc-content-primary);
-  font-family: var(--sc-font-family);
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 20px;
-  margin: 0px 0 8px;
-}
-@media (max-width: 768px) {
-  .searchcraft-results-info-content {
-    margin: 0;
-    margin-bottom: 8px;
-  }
-}