@phillips/seldon 1.38.1 → 1.38.3

package/README.md

@@ -20,10 +20,11 @@ yarn add @phillips/seldon
 
 ### Styling
 
-The project contains a `scss` folder. Here you will find the main export of our sass styles. This will include all the styles bundled with this package, including resets and typography styles.
+The project contains a `scss` folder. Here you will find the main export of our sass styles for our components. There's also a scss export that contains our mixins, tokens, and other utilities.
 
 ```scss
-@use '@phillips/seldon/dist/scss/styles';
+@use '@phillips/seldon/dist/scss/componentStyles'; // our component tyles
+@use '@phillips/seldon/dist/scss/allPartials'; // our scss utilities
 ```
 
 If you wish to only import specific component styles you can find them in their respective directories inside the `scss` folder.

package/dist/assets/lock.svg.js

@@ -1,4 +1,4 @@
-const C = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.4%209.7H15.6571V8.21429C15.6571%206.164%2013.9931%204.5%2011.9429%204.5C9.89257%204.5%208.22857%206.164%208.22857%208.21429V9.7H7.48571C6.66857%209.7%206%2010.3686%206%2011.1857V18.6143C6%2019.4314%206.66857%2020.1%207.48571%2020.1H16.4C17.2171%2020.1%2017.8857%2019.4314%2017.8857%2018.6143V11.1857C17.8857%2010.3686%2017.2171%209.7%2016.4%209.7ZM12%2017.175C11.1829%2017.175%2010.5%2014.9921%2010.5%2014.175C10.5%2013.3579%2011.1829%2013.05%2012%2013.05C12.8171%2013.05%2013.5%2013.3579%2013.5%2014.175C13.5%2014.9921%2012.8171%2017.175%2012%2017.175ZM9.375%209.7V7.8C9.375%206.56685%2010.7669%205.55%2012%205.55C13.2331%205.55%2014.625%206.56685%2014.625%207.8V9.7H9.375Z'%20fill='%23545454'/%3e%3c/svg%3e";
+const l = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2018C14.8954%2018%2014%2018.8954%2014%2020V21.6754C14%2021.8904%2014.0347%2022.104%2014.1026%2022.3079C14.7104%2024.1313%2017.2896%2024.1313%2017.8974%2022.3079C17.9653%2022.104%2018%2021.8904%2018%2021.6754V20C18%2018.8954%2017.1046%2018%2016%2018Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.00004%209.00002L9.00001%2013.126C7.27478%2013.5701%206%2015.1362%206%2017V25C6%2027.2091%207.79086%2029%2010%2029H22C24.2091%2029%2026%2027.2091%2026%2025V17C26%2015.1362%2024.7252%2013.5701%2023%2013.126V9C23%205.8561%2020.1684%203%2016%203C11.8317%203%209%205.85611%209.00004%209.00002ZM16%205C12.7436%205%2011%207.1439%2011%208.99998L11%2013H21V9C21%207.1439%2019.2564%205%2016%205ZM22%2015H10C8.89543%2015%208%2015.8954%208%2017V25C8%2026.1046%208.89543%2027%2010%2027H22C23.1046%2027%2024%2026.1046%2024%2025V17C24%2015.8954%2023.1046%2015%2022%2015Z'%20fill='black'/%3e%3c/svg%3e";
 export {
-  C as default
+  l as default
 };

package/dist/components/Accordion/Accordion.d.ts

@@ -4,23 +4,10 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
      * Unique id for component testing
      */
     id?: string;
-    /**
-     * Determines whether one or multiple items can be opened at the same time. Default as single.
-     */
-    type?: 'single' | 'multiple';
     /**
      * Child element pass in to display as item content.
      */
     children?: React.ReactNode;
 }
-/**
- * ## Overview
- *
- * Overview of this component
- *
- * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4433-163013&t=lhB2YjBptvQ97UWF-0)
- *
- * [Storybook Link](Point back to yourself here)
- */
-declare const AccordionComponent: ({ className, type, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionComponent: ({ className, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionComponent;

package/dist/components/Accordion/Accordion.js

@@ -1,17 +1,16 @@
-import { jsx as c } from "react/jsx-runtime";
-import n from "../../node_modules/classnames/index.js";
-import { getCommonProps as r } from "../../utils/index.js";
-import { Root as i } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-const C = ({ className: m, type: s = "single", children: t, ...o }) => {
-  const { className: a, ...e } = r(o, "Accordion");
-  return /* @__PURE__ */ c(
-    i,
+import { jsx as e } from "react/jsx-runtime";
+import s from "../../node_modules/classnames/index.js";
+import { getCommonProps as n } from "../../utils/index.js";
+import { Root as r } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+const i = "multiple", C = ({ className: m, children: t, ...o }) => {
+  const { className: a, ...c } = n(o, "Accordion");
+  return /* @__PURE__ */ e(
+    r,
     {
-      className: n(`${a}`, m),
-      type: s,
-      ...e,
+      className: s(`${a}`, m),
+      type: i,
+      ...c,
       id: o == null ? void 0 : o.id,
-      collapsible: !0,
       children: t
     }
   );

package/dist/components/Accordion/AccordionItem.d.ts

@@ -8,10 +8,6 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      * When true, prevents the user from interacting with the item.
      */
     isLocked: boolean;
-    /**
-     * When true applied the lock variation icon.
-     */
-    isLockedVariation?: boolean;
     /**
      * Determines whether the variation on text style is large or small.
      */
@@ -24,10 +20,6 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      * Child element pass in to display as item content.
      */
     children?: React.ReactNode;
-    /**
-     * Determines whether one or multiple items can be opened at the same time. Default as single.
-     */
-    type?: 'single' | 'multiple';
     /**
      * When true applied the transition keyframe animation on item expand. Default as false.
      */
@@ -37,5 +29,5 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      */
     isControlled?: boolean;
 }
-declare const AccordionItem: ({ isLocked, isLockedVariation, variation, label, isLastItem, hasTransition, children, type, isControlled, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ isLocked, variation, label, isLastItem, hasTransition, children, isControlled, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -1,40 +1,35 @@
-import { jsxs as f, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { getCommonProps as v, noOp as x } from "../../utils/index.js";
-import C from "../../assets/plus.svg.js";
-import A from "../../assets/minus.svg.js";
-import T from "../../assets/lock.svg.js";
-import s from "../../node_modules/classnames/index.js";
-import { Item as j, Trigger as k, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-const B = ({
-  children: n,
-  className: c,
+import { jsxs as I, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { getCommonProps as h, noOp as C } from "../../utils/index.js";
+import p from "../../assets/plus.svg.js";
+import x from "../../assets/minus.svg.js";
+import v from "../../assets/lock.svg.js";
+import d from "../../node_modules/classnames/index.js";
+import { Item as A, Trigger as N, Content as T } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+const j = ({
+  children: o,
+  className: r,
   baseClassName: t,
-  disable: o,
-  isCollapsed: r,
-  setIsCollapsed: d,
-  isLargeVariation: i,
-  isLockedVariation: m,
-  id: a
+  disable: n,
+  isCollapsed: i,
+  setIsCollapsed: a,
+  isLargeVariation: s,
+  id: c
 }) => {
-  const l = () => !o && d((I) => !I), u = o ? T : r ? C : A, $ = `${a}-` + (o ? "lockedIcon" : m ? "lockBlueIcon" : r ? "plusIcon" : "minusIcon");
+  const m = () => !n && a((l) => !l), g = n ? v : i ? p : x, $ = `${c}-` + (n ? "lockedIcon" : i ? "plusIcon" : "minusIcon");
   return /* @__PURE__ */ e(
-    k,
+    N,
     {
-      "data-disabled": o,
+      "data-disabled": n,
       asChild: !0,
-      className: s(t, { [`${t}--hoverable`]: !o }, c),
-      children: /* @__PURE__ */ f("div", { onClick: l, "data-testid": `${a}-trigger`, children: [
-        /* @__PURE__ */ e("div", { className: s(`${t}__text`, { [`${t}__text--lg`]: i }), children: n }),
+      className: d(t, { [`${t}--hoverable`]: !n }, r),
+      children: /* @__PURE__ */ I("div", { onClick: m, "data-testid": `${c}-trigger`, children: [
+        /* @__PURE__ */ e("div", { className: d(`${t}__text`, { [`${t}__text--lg`]: s }), children: o }),
         /* @__PURE__ */ e(
           "img",
           {
-            className: s(
-              `${t}__icon`,
-              { [`${t}__icon--lg`]: i },
-              m && `${t}--blue-fill`
-            ),
-            src: u,
+            className: d(`${t}__icon`, { [`${t}__icon--lg`]: s }),
+            src: g,
             "data-testid": $,
             "aria-hidden": !0
           }
@@ -42,68 +37,65 @@ const B = ({
       ] })
     }
   );
-}, F = ({
-  children: n,
-  baseClassName: c,
+}, k = ({
+  children: o,
+  baseClassName: r,
   disable: t,
-  hasTransition: o,
-  isLargeVariation: r,
-  isCollapsed: d,
-  className: i
-}) => /* @__PURE__ */ e(h, { children: t && n ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e(
-  N,
+  hasTransition: n,
+  isLargeVariation: i,
+  isCollapsed: a,
+  className: s
+}) => /* @__PURE__ */ e(_, { children: t && o ? /* @__PURE__ */ e("div", { children: o }) : /* @__PURE__ */ e(
+  T,
   {
     asChild: !0,
-    className: s(
-      { [`${c}__content--lg`]: r },
-      { [`${c}--transition`]: o },
-      { [`${c}--expanded`]: !d },
-      i
+    className: d(
+      { [`${r}__content--lg`]: i },
+      { [`${r}--transition`]: n },
+      { [`${r}--expanded`]: !a },
+      s
     ),
-    children: n
+    children: o
   }
-) }), D = ({
-  isLocked: n,
-  isLockedVariation: c,
-  variation: t,
-  label: o,
-  isLastItem: r,
-  hasTransition: d = !1,
-  children: i,
-  type: m = "single",
-  isControlled: a = !0,
-  ...l
+) }), z = ({
+  isLocked: o,
+  variation: r,
+  label: t,
+  isLastItem: n,
+  hasTransition: i = !1,
+  children: a,
+  isControlled: s = !0,
+  ...c
 }) => {
-  const [u, $] = p(!0), { className: I } = v(l, "Accordion"), _ = t === "lg", g = `${I}-item`;
-  return /* @__PURE__ */ f(
-    j,
+  const [m, g] = f(!0), { className: $ } = h(c, "Accordion"), l = r === "lg", u = `${$}-item`;
+  return /* @__PURE__ */ I(
+    A,
     {
-      disabled: n,
-      value: o,
-      className: s(g, { [`${g}__border-bottom`]: !r }),
+      disabled: o,
+      value: t,
+      className: d(u, { [`${u}__border-bottom`]: !n }),
       children: [
         /* @__PURE__ */ e(
-          B,
+          j,
           {
-            disable: n,
-            isLargeVariation: _,
-            isLockedVariation: c,
-            isCollapsed: u,
-            setIsCollapsed: a ? $ : x,
-            id: m === "single" ? l == null ? void 0 : l.id : void 0,
-            baseClassName: `${g}-label`,
-            children: o
+            disable: o,
+            isLargeVariation: l,
+            isCollapsed: m,
+            setIsCollapsed: s ? g : C,
+            id: c == null ? void 0 : c.id,
+            baseClassName: `${u}-label`,
+            children: t
           }
         ),
         /* @__PURE__ */ e(
-          F,
+          k,
           {
-            disable: n,
-            hasTransition: d,
-            isLargeVariation: _,
-            isCollapsed: u,
-            baseClassName: g,
-            children: i
+            disable: o,
+            hasTransition: i,
+            isLargeVariation: l,
+            isCollapsed: m,
+            baseClassName: u,
+            children: a
           }
         )
       ]
@@ -111,5 +103,5 @@ const B = ({
   );
 };
 export {
-  D as default
+  z as default
 };

package/dist/components/Accordion/types.d.ts

@@ -15,7 +15,6 @@ export interface AccordionHeaderType {
     isCollapsed: boolean;
     setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
     isLargeVariation: boolean;
-    isLockedVariation?: boolean;
     /**
      * Unique id for icon component testing
      */

package/dist/scss/_allPartials.scss

@@ -0,0 +1,5 @@
+@forward './sharedClasses';
+@forward './type';
+@forward './typography';
+@forward './utils';
+@forward './vars';

package/dist/scss/_sharedClasses.scss

@@ -1,4 +1,5 @@
-@import './_utils';
+@use './vars' as *;
+@use './utils' as *;
 
 // I think this is pretty tailwindy to generate these common classes
 @each $direction in 'vertical', 'horizontal' {

package/dist/scss/_type.scss

@@ -1,4 +1,4 @@
-@import './vars';
+@use './vars' as *;
 
 @mixin underline($padding: 0, $width: 0.0625rem, $color: $cta-blue) {
   border-bottom: $width solid $color;

package/dist/scss/_typography.scss

@@ -1,4 +1,4 @@
-@import './vars';
+@use './vars' as *;
 
 html,
 body {

package/dist/scss/_utils.scss

@@ -1,5 +1,5 @@
 @use 'sass:string';
-@import './vars';
+@use './vars' as *;
 
 @mixin hidden {
   block-size: 1px;

package/dist/scss/componentStyles.scss

@@ -0,0 +1,35 @@
+// 🌎 Globals
+
+// @TODO: reset styles when we can do a site wide regressions QA in phillips-public
+// @use 'reset';
+
+// ⚛️ Components
+@use 'components/Button/button';
+@use 'components/IconButton/iconButton';
+@use 'components/Footer/footer';
+@use 'components/Grid/grid';
+@use 'components/Header/header';
+@use 'components/HeroBanner/heroBanner';
+@use 'components/Navigation/navigation';
+@use 'components/Navigation/NavigationItem/navigationItem';
+@use 'components/Navigation/NavigationItemTrigger/navigationItemTrigger';
+@use 'components/Navigation/NavigationList/navigationList';
+@use 'components/Input/input';
+@use 'components/Row/row';
+@use 'components/GridItem/gridItem';
+@use 'components/Search/search';
+@use 'components/Social/social';
+@use 'components/SplitPanel/splitPanel';
+@use 'components/Subscribe/subscribe';
+@use 'components/Toggle/toggle';
+@use 'components/UserManagement/userManagement';
+@use 'components/ViewingsList/viewingsList';
+@use 'components/Link/link';
+@use 'components/LinkBlock/linkBlock';
+@use 'components/LinkList/linkList';
+@use 'components/Text/text';
+@use 'components/Modal/modal';
+@use 'components/Accordion/accordion';
+@use 'components/Breadcrumb/breadcrumb';
+@use 'components/Drawer/drawer';
+@use 'components/HTMLParser/htmlParser';

package/dist/scss/components/Accordion/_accordion.scss

@@ -1,4 +1,4 @@
-@import '../../_vars';
+@use '../../allPartials' as *;
 
 .#{$px}-accordion {
   border-bottom: 1px solid $keyline-gray;

package/dist/scss/components/Breadcrumb/_breadcrumb.scss

@@ -1,4 +1,4 @@
-@import '../../_vars';
+@use '../../allPartials' as *;
 
 .#{$px}-breadcrumb {
   @include text($body3);

package/dist/scss/components/Button/_button.scss

@@ -1,6 +1,4 @@
-@import '../../vars';
-@import '../../typography';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 .#{$px}-button {
   @include bodyText;

package/dist/scss/components/DatePicker/_datePicker.scss

@@ -1,7 +1,6 @@
 /* stylelint-disable selector-class-pattern */
+@use '../../allPartials' as *;
 @import 'flatpickr/dist/flatpickr.css';
-@import '../../vars';
-@import '../../typography';
 
 .flatpickr-calendar {
   @include DistinctText;

package/dist/scss/components/Footer/_footer.scss

@@ -1,7 +1,4 @@
-@import '../../vars';
-@import '../../utils';
-@import '../../type';
-@import '../../typography';
+@use '../../allPartials' as *;
 
 .#{$px}-footer {
   background-color: $off-white;

package/dist/scss/components/Grid/_grid.scss

@@ -1,5 +1,4 @@
-@import '../../vars';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 .#{$px}-grid {
   @include gridContainer(false);

package/dist/scss/components/GridItem/_gridItem.scss

@@ -1,5 +1,5 @@
 @use 'sass:math';
-@import '../../_utils';
+@use '../../allPartials' as *;
 
 @mixin gridItemColumnSpan($span: 1, $total-cols: 12) {
   grid-column: span $span;

package/dist/scss/components/HTMLParser/_htmlParser.scss

@@ -1,3 +1,5 @@
+@use '../../allPartials' as *;
+
 .#{$px}-html-parser {
   width: 100%;
 }

package/dist/scss/components/Header/_header.scss

@@ -1,5 +1,4 @@
-@import '../../vars';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 .#{$px}-header {
   align-items: center;

package/dist/scss/components/HeroBanner/_heroBanner.scss

@@ -1,4 +1,4 @@
-@import '../../vars';
+@use '../../allPartials' as *;
 
 .#{$px}-hero-banner {
   align-items: center;

package/dist/scss/components/IconButton/_iconButton.scss

@@ -1,3 +1,5 @@
+@use '../../allPartials' as *;
+
 .#{$px}-icon-button {
   background-color: unset;
   border: unset;

package/dist/scss/components/Input/_input.scss

@@ -1,5 +1,4 @@
-@import '../../vars';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 $md: #{$px}-input--md;
 $lg: #{$px}-input--lg;

package/dist/scss/components/Link/_link.scss

@@ -1,4 +1,4 @@
-@import '../../type';
+@use '../../allPartials' as *;
 
 .#{$px}-link {
   color: $cta-blue;

package/dist/scss/components/LinkBlock/_linkBlock.scss

@@ -1,5 +1,4 @@
-@import '../../type';
-@import '../../vars';
+@use '../../allPartials' as *;
 
 .#{$px}-link-block {
   align-items: center;

package/dist/scss/components/LinkList/_linkList.scss

@@ -1,4 +1,4 @@
-@import '../../_utils';
+@use '../../allPartials' as *;
 
 .#{$px}-link-list {
   &--item {

package/dist/scss/components/Modal/_modal.scss

@@ -1,5 +1,4 @@
-@import '../../vars';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 .#{$px}-modal {
   background-color: white;

package/dist/scss/components/Navigation/NavigationItem/_navigationItem.scss

@@ -1,6 +1,4 @@
-@import '../../../vars';
-@import '../../../utils';
-@import '../../../typography';
+@use '../../../allPartials' as *;
 
 .#{$px}-nav__item {
   @include isHeaderMobile {

package/dist/scss/components/Navigation/NavigationItemTrigger/_navigationItemTrigger.scss

@@ -1 +1 @@
-@import '../../../vars';
+@use '../../../allPartials' as *;

package/dist/scss/components/Navigation/NavigationList/_navigationList.scss

@@ -1,5 +1,4 @@
-@import '../../../vars';
-@import '../../../utils';
+@use '../../../allPartials' as *;
 
 .#{$px}-nav__list {
   display: flex;

package/dist/scss/components/Navigation/_navigation.scss

@@ -1,5 +1,4 @@
-@import '../../vars';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 .#{$px}-nav {
   background: $off-white;

package/dist/scss/components/Row/_row.scss

@@ -1,4 +1,4 @@
-@import '../../_vars';
+@use '../../allPartials' as *;
 
 .#{$px}-row {
   // horizontal padding is fixed

package/dist/scss/components/Search/_search.scss

@@ -1,6 +1,4 @@
-@import '../../vars';
-@import '../../typography';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 .#{$px}-search {
   align-items: center;

package/dist/scss/components/Social/_social.scss

@@ -1,6 +1,4 @@
-@import '../../vars';
-@import '../../utils';
-@import '../../type';
+@use '../../allPartials' as *;
 
 .#{$px}-social {
   display: inline-flex;

package/dist/scss/components/SplitPanel/_splitPanel.scss

@@ -1,5 +1,4 @@
-@import '../../vars';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 .#{$px}-split-panel {
   align-items: center;

package/dist/scss/components/SplitPanel/_splitPanel.stories.scss

@@ -1,4 +1,4 @@
-@import '../../vars';
+@use '../../allPartials' as *;
 
 .split-panel-story {
   background-color: #f4f2f1;

package/dist/scss/components/Subscribe/_subscribe.scss

@@ -1,7 +1,4 @@
-@import '../../vars';
-@import '../../utils';
-@import '../../type';
-@import '../../typography';
+@use '../../allPartials' as *;
 
 .#{$px}-subscribe {
   max-width: 600px;

package/dist/scss/components/Text/_text.scss

@@ -1,4 +1,4 @@
-@import '../../_vars';
+@use '../../allPartials' as *;
 
 .#{$px}-text {
   @each $variant in $text-tokens {

package/dist/scss/components/Toggle/_toggle.scss

@@ -1,5 +1,4 @@
-@import '../../vars';
-@import '../../utils';
+@use '../../allPartials' as *;
 
 $toggleBaseWidth: 3rem;
 $inline: #{$px}-input--inline;

package/dist/scss/components/UserManagement/_userManagement.scss

@@ -1,5 +1,4 @@
-@import '../../_vars';
-@import '../../_utils';
+@use '../../allPartials' as *;
 
 .#{$px}-user-management {
   align-items: center;

package/dist/scss/components/ViewingsList/_viewingsList.scss

@@ -1,6 +1,4 @@
-@import '../../vars';
-@import '../../utils';
-@import '../../typography';
+@use '../../allPartials' as *;
 
 .#{$px}-viewings-list {
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.38.1",
+  "version": "1.38.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"

package/dist/scss/styles.scss

@@ -1,42 +0,0 @@
-// 🌎 Globals
-@import './vars';
-
-// @TODO: add styles when we can do a site wide regressions QA
-
-// @use 'reset';
-@import './typography';
-@import './sharedClasses';
-
-// 📑 Pages
-@import 'pages/page';
-
-// ⚛️ Components
-@import 'components/Button/button';
-@import 'components/IconButton/iconButton';
-@import 'components/Footer/footer';
-@import 'components/Grid/grid';
-@import 'components/Header/header';
-@import 'components/HeroBanner/heroBanner';
-@import 'components/Navigation/navigation';
-@import 'components/Navigation/NavigationItem/navigationItem';
-@import 'components/Navigation/NavigationItemTrigger/navigationItemTrigger';
-@import 'components/Navigation/NavigationList/navigationList';
-@import 'components/Input/input';
-@import 'components/Row/row';
-@import 'components/GridItem/gridItem';
-@import 'components/Search/search';
-@import 'components/Social/social';
-@import 'components/SplitPanel/splitPanel';
-@import 'components/Subscribe/subscribe';
-@import 'components/Toggle/toggle';
-@import 'components/UserManagement/userManagement';
-@import 'components/ViewingsList/viewingsList';
-@import 'components/Link/link';
-@import 'components/LinkBlock/linkBlock';
-@import 'components/LinkList/linkList';
-@import 'components/Text/text';
-@import 'components/Modal/modal';
-@import 'components/Accordion/accordion';
-@import 'components/Breadcrumb/breadcrumb';
-@import 'components/Drawer/drawer';
-@import 'components/HTMLParser/htmlParser';