@castlabs/ui 7.1.0 → 7.2.1

package/src/styles/fonts/NonNaturalGroteskInktrap/index.scss

@@ -0,0 +1,37 @@
+// stylelint-disable at-rule-descriptor-value-no-unknown
+
+$cl-url-prefix: '' !default;
+$cl-url-postfix: '' !default;
+
+$non-natural-ascent-override: 100%;
+$non-natural-descent-override: 40%;
+
+@mixin NonNaturalGroteskInktrap {
+  @font-face {
+    ascent-override: $non-natural-ascent-override;
+    descent-override: $non-natural-descent-override;
+    font-family: NonNaturalGroteskInktrap;
+    font-style: normal;
+    font-weight: 400;
+    src: url('#{$cl-url-prefix}NonNaturalGroteskInktrap-Regular.woff2#{$cl-url-postfix}')
+      format('woff2');
+  }
+  @font-face {
+    ascent-override: $non-natural-ascent-override;
+    descent-override: $non-natural-descent-override;
+    font-family: NonNaturalGroteskInktrap;
+    font-style: normal;
+    font-weight: 500;
+    src: url('#{$cl-url-prefix}NonNaturalGroteskInktrap-Medium.woff2#{$cl-url-postfix}')
+      format('woff2');
+  }
+  @font-face {
+    ascent-override: $non-natural-ascent-override;
+    descent-override: $non-natural-descent-override;
+    font-family: NonNaturalGroteskInktrap;
+    font-style: normal;
+    font-weight: 700;
+    src: url('#{$cl-url-prefix}NonNaturalGroteskInktrap-Bold.woff2#{$cl-url-postfix}')
+      format('woff2');
+  }
+}

package/src/styles/layout/animation.scss

@@ -3,6 +3,8 @@
 /// @access public
 ////
 
+@use '../global' as *;
+
 // This file defines animations and transitions used in this app.
 
 // --- flash up text, e.g. after copy ------------------------------------------

package/src/styles/layout/app.scss

@@ -5,6 +5,8 @@
 
 // This file defines classes most of our app will need for landing page handling
 
+@use '../global' as *;
+
 .cl-app {
   height: 100%;
 }

package/src/styles/layout/color.scss

@@ -5,6 +5,8 @@
 
 // Basic/generic color classes.
 
+@use '../global' as *;
+
 // note: order of selectors in this file are important. do not move colors around or
 // .cl-color-* overrides might not work
 

package/src/styles/layout/grid.scss

@@ -5,8 +5,9 @@
 
 // This file defines our page grid. It is mostly based on bootstrap but with a few tweaks.
 
-@import 'bootstrap/scss/bootstrap-grid';
-@import 'grid.variables';
+@use '../global' as *;
+
+// hint: see also vendors/bootstrap.scss for the actual Bootstrap imports
 
 // bootstrap uses a narrow container for sm, but we prefer full-width instead
 @include media-breakpoint-only(sm) {
@@ -72,8 +73,6 @@
 
 // -----------------------------------------------------------------------------
 
-$grid-spacing: $spacing-small;
-
 section {
   padding-bottom: $spacing-small;
   padding-top: 0; // first element usually will add the rest.

package/src/styles/layout/helper.scss

@@ -5,6 +5,9 @@
 
 // This file defines various helper classes for easy css style access.
 
+@use '../global' as *;
+@use 'sass:math';
+
 .cl-nowrap {
   text-wrap: nowrap;
 }

package/src/styles/layout/scrollbar.scss

@@ -5,6 +5,8 @@
 
 // This file defines tweaks scrollbars for rounded boxes and uses our CI colors.
 
+@use '../global' as *;
+
 main,
 .cl-section {
   scrollbar-color: $color-ci-clay transparent;

package/src/styles/layout/section.scss

@@ -5,15 +5,7 @@
 
 // This file defines how we structure pages with <section class="cl-section">s.
 
-%section-padding {
-  padding-left: $spacing-tiny;
-  padding-right: $spacing-tiny;
-
-  @include media-breakpoint-up(sm) {
-    padding-left: $spacing-medium;
-    padding-right: $spacing-medium;
-  }
-}
+@use '../global' as *;
 
 .cl-section {
   @extend %section-padding;

package/src/styles/layout/spacing.scss

@@ -5,6 +5,8 @@
 
 // This file contains spacing elements and helpers.
 
+@use '../global' as *;
+
 // We move all margins to the top of entities. This makes it soo much easier
 // to use the + selector for fine-tuning situation specific spacings later on.
 
@@ -123,11 +125,8 @@ main {
 }
 
 // remove margins for divs in certain flexbox variants
-%cl-grid-flex-centered,
 .cl-grid-flex-centered {
-  > * {
-    @include spacing-before(0);
-  }
+  @extend %cl-grid-flex-centered;
 }
 
 // -----------------------------------------------------------------------------

package/src/styles/layout/typography.scss

@@ -5,15 +5,24 @@
 
 // This file defines our basic typography rules.
 
-@import 'typography.variables';
+$cl-url-prefix: '' !default;
+$cl-url-postfix: '' !default;
+
+@use '../global' as *;
 
 // conditionally import fonts so themes can omit them
-@import '../../fonts/DMMono/DMMono';
-@import '../../fonts/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap';
+@use '../fonts/DMMono' with (
+  $cl-url-prefix: '#{$cl-url-prefix}DMMono/',
+  $cl-url-postfix: $cl-url-postfix
+);
+@use '../fonts/NonNaturalGroteskInktrap' with (
+  $cl-url-prefix: '#{$cl-url-prefix}NonNaturalGroteskInktrap/',
+  $cl-url-postfix: $cl-url-postfix
+);
 $castlabs-ui-fonts: true !default;
 @if $castlabs-ui-fonts {
-  @include NonNaturalGroteskInktrap;
-  @include DMMono;
+  @include NonNaturalGroteskInktrap.NonNaturalGroteskInktrap;
+  @include DMMono.DMMono;
 }
 
 // --- text --------------------------------------------------------------------
@@ -215,16 +224,11 @@ main {
 
   // --- block quotes ----------------------------------------------------------
 
-  blockquote {
-    @include cl-accent;
-
-    border-left: $bar-ui-width solid var(--cl-color-accent);
-    padding-left: calc($list-indent - $bar-ui-width);
-  }
+  // see ClBlockquote
 
   // --- lists -------------------------------------------------------------------
 
-  // see Lists.scss
+  // see ClList
 }
 
 // --- ruler -------------------------------------------------------------------

package/src/styles/ui.scss

@@ -4,90 +4,109 @@
 ////
 
 // This file is the root for this lib's stylesheet and will include all others.
+// It is not to be used in Vue.js projects, but any other web frameworks that
+// want to pull in our styles via a .scss file.
 
-// Hint: Component-specific rules go into the vue components folders impored below.
+$castlabs-ui-asset-prefix: './' !default;
+$castlabs-ui-asset-postfix: '' !default;
 
-@use 'sass:math';
+@use 'vendors/bootstrap'; // must go first
 
-$castlabs-ui-asset-prefix: '..' !default;
+@use 'layout/animation';
+@use 'layout/app';
+@use 'layout/color';
+@use 'layout/grid';
+@use 'layout/helper';
+@use 'layout/scrollbar';
+@use 'layout/section';
+@use 'layout/spacing';
+@use 'layout/typography' with (
+  $cl-url-prefix: $castlabs-ui-asset-prefix,
+  $cl-url-postfix: $castlabs-ui-asset-postfix
+);
 
-@import 'bootstrap/scss/bootstrap-reboot';
-@import 'bootstrap/scss/helpers/ratio';
-@import 'assets/logo';
-@import 'assets/fontawesome';
-@import 'global';
+@use 'assets/logo' with (
+  $cl-url-prefix: $castlabs-ui-asset-prefix,
+  $cl-url-postfix: $castlabs-ui-asset-postfix
+);
+@use 'fonts/FontAwesome5' with (
+  $cl-url-prefix: '#{$castlabs-ui-asset-prefix}FontAwesome5/',
+  $cl-url-postfix: $castlabs-ui-asset-postfix
+);
 
-@import 'layout/animation';
-@import 'layout/app';
-@import 'layout/color';
-@import 'layout/grid';
-@import 'layout/helper';
-@import 'layout/scrollbar';
-@import 'layout/section';
-@import 'layout/spacing';
-@import 'layout/typography';
+@use '../components/ClAlert/style' as *;
+@use '../components/ClBadge/style' as *;
+@use '../components/ClBlockquote/style' as *;
+@use '../components/ClButton/style' as *;
+@use '../components/ClCard/style' as *;
+@use '../components/ClDropdown/style' as *;
+@use '../components/ClDropzone/style' as *;
+@use '../components/ClFooter/style' as *;
+@use '../components/ClHighlight/style' as *;
+@use '../components/ClIcon/style' as *;
+@use '../components/ClIconotron/style' as *;
+@use '../components/ClList/style' as *;
+@use '../components/ClListGroup/style' as *;
+@use '../components/ClPagination/style' as *;
+@use '../components/ClProgress/style' as *;
+@use '../components/ClScrollbar/style' as *;
+@use '../components/ClSpinner/style' as *;
+@use '../components/ClTabs/style' as *;
+@use '../components/ClToggle/style' as *;
+@use '../components/ClTooltip/style' as *;
+@use '../components/ClWizard/style' as *;
+@use '../components/form/ClField/style' as *;
+@use '../components/form/ClFieldCheck/style' as * with (
+  $cl-url-prefix: $castlabs-ui-asset-prefix,
+  $cl-url-postfix: $castlabs-ui-asset-postfix
+);
+@use '../components/form/ClFieldFile/style' as *;
+@use '../components/form/ClFieldGroup/style' as *;
+@use '../components/form/ClFieldInput/style' as *;
+@use '../components/form/ClFieldSelect/style' as * with (
+  $cl-url-prefix: $castlabs-ui-asset-prefix,
+  $cl-url-postfix: $castlabs-ui-asset-postfix
+);
+@use '../components/form/ClFieldSet/style' as *;
+@use '../components/form/ClForm/style' as *;
+@use '../components/modal/ClModal/style' as *;
+@use '../components/navigation/ClNavSide/ClNavDrawer/style' as *;
+@use '../components/navigation/ClNavSide/ClNavSideMenu/style' as *;
+@use '../components/navigation/ClNavSide/style' as *;
+@use '../components/navigation/ClNavTop/style' as *;
+@use '../components/section/ClSectionForm/style' as *;
+@use '../components/section/ClSectionHeadline/style' as *;
+@use '../components/section/ClSectionMainSide/style' as *;
+@use '../components/table/ClTable/style' as *;
+@use '../components/table/ClTableCel/Actions/style' as *;
+@use '../components/table/ClTableCel/Audit/style' as *;
+@use '../components/table/ClTableCel/Boolean/style' as *;
+@use '../components/table/ClTableCel/Checkbox/style' as *;
+@use '../components/table/ClTableCel/Code/style' as *;
+@use '../components/table/ClTableCel/Currency/style' as *;
+@use '../components/table/ClTableCel/Date/style' as *;
+@use '../components/table/ClTableCel/ID/style' as *;
+@use '../components/table/ClTableCel/Links/style' as *;
+@use '../components/table/ClTableCel/style' as *;
+@use '../components/table/ClTableFootChecked/style' as *;
+@use '../components/table/ClTableHead/style' as *;
+@use '../components/text/ClCopy/style' as *;
+@use '../components/text/ClHashtag/style' as *;
+@use '../components/text/ClLinkExternal/style' as *;
+@use '../components/text/ClOrg/style' as *;
+@use '../components/text/ClPlan/style' as *;
+@use '../components/text/ClRole/style' as *;
+@use '../components/widget/ClBackCancelOk/style' as *;
+@use '../components/widget/ClCookieBanner/style' as *;
+@use '../components/widget/ClPage/style' as *;
 
-// Vue components
-@import '../components/ClAlert/style';
-@import '../components/ClBadge/style';
-@import '../components/ClButton/style';
-@import '../components/ClCard/style';
-@import '../components/ClDropdown/style';
-@import '../components/ClDropzone/style';
-@import '../components/ClFooter/style';
-@import '../components/ClHighlight/style';
-@import '../components/ClIcon/style';
-@import '../components/ClIconotron/style';
-@import '../components/ClList/style';
-@import '../components/ClListGroup/style';
-@import '../components/ClPagination/style';
-@import '../components/ClProgress/style';
-@import '../components/ClScrollbar/style';
-@import '../components/ClSpinner/style';
-@import '../components/ClTabs/style';
-@import '../components/ClToggle/style';
-@import '../components/ClTooltip/style';
-@import '../components/ClWizard/style';
-@import '../components/form/ClField/style';
-@import '../components/form/ClFieldCheck/style';
-@import '../components/form/ClFieldFile/style';
-@import '../components/form/ClFieldGroup/style';
-@import '../components/form/ClFieldInput/style';
-@import '../components/form/ClFieldSelect/style';
-@import '../components/form/ClFieldSet/style';
-@import '../components/form/ClForm/style';
-@import '../components/modal/ClModal/style';
-@import '../components/navigation/ClNavSide/ClNavDrawer/style';
-@import '../components/navigation/ClNavSide/ClNavSideMenu/style';
-@import '../components/navigation/ClNavSide/style';
-@import '../components/navigation/ClNavTop/style';
-@import '../components/section/ClSectionForm/style';
-@import '../components/section/ClSectionHeadline/style';
-@import '../components/section/ClSectionMainSide/style';
-@import '../components/table/ClTable/style';
-@import '../components/table/ClTableCel/Actions/style';
-@import '../components/table/ClTableCel/Audit/style';
-@import '../components/table/ClTableCel/Boolean/style';
-@import '../components/table/ClTableCel/Checkbox/style';
-@import '../components/table/ClTableCel/Code/style';
-@import '../components/table/ClTableCel/Currency/style';
-@import '../components/table/ClTableCel/Date/style';
-@import '../components/table/ClTableCel/ID/style';
-@import '../components/table/ClTableCel/Links/style';
-@import '../components/table/ClTableCel/style';
-@import '../components/table/ClTableFootChecked/style';
-@import '../components/table/ClTableHead/style';
-@import '../components/text/ClCopy/style';
-@import '../components/text/ClHashtag/style';
-@import '../components/text/ClLinkExternal/style';
-@import '../components/text/ClOrg/style';
-@import '../components/text/ClPlan/style';
-@import '../components/text/ClRole/style';
-@import '../components/widget/ClBackCancelOk/style';
-@import '../components/widget/ClCookieBanner/style';
-@import '../components/widget/ClPage/style';
+html {
+  font-size: 16px; // root font size
+}
 
-// --- globals -----------------------------------------------------------------
+body {
+  font-size: 20px;
+}
 
 .cl-hidden {
   visibility: hidden;

package/src/styles/vendors/bootstrap.scss

@@ -3,26 +3,27 @@
 /// @access public
 ////
 
-// This file will define/override variables used by bootstrap to customize it
-// to our needs.
+// This file includes our (partial) bootstrap & fixes.
+// Boottrap 5.x isnt @use-ready yet, we have to fallback to imports:
 
-$primary: $color-ci-red;
+// hint: see also abstracts/grid.scss for some bootstrap fallback code
 
-$border-radius: 3px;
-$border-radius-sm: $border-radius;
-$border-radius-lg: $border-radius;
+@import 'bootstrap/scss/bootstrap-reboot';
 
-$btn-focus-width: px(2);
+p {
+  margin-bottom: 0;
+}
 
-$input-btn-focus-color: $color-ci-sky;
-
-$transition-base: all 0.1s ease-in-out;
-
-$grid-breakpoints: (
-  xs: 0,
-  sm: 576px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px,
-  xxl: 1400px
-);
+@import 'bootstrap/scss/bootstrap-grid';
+@import 'bootstrap/scss/buttons';
+@import 'bootstrap/scss/dropdown';
+@import 'bootstrap/scss/forms/form-check';
+@import 'bootstrap/scss/forms/form-select';
+@import 'bootstrap/scss/helpers/ratio';
+@import 'bootstrap/scss/list-group';
+@import 'bootstrap/scss/nav';
+@import 'bootstrap/scss/navbar';
+@import 'bootstrap/scss/pagination';
+@import 'bootstrap/scss/progress';
+@import 'bootstrap/scss/tooltip';
+@import 'bootstrap/scss/transitions';

package/src/assets/bs/checked.svg

@@ -1 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#fbf9f2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>

package/src/assets/bs/select-disabled.svg

@@ -1 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#cfc8c8' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/></svg>

package/src/assets/bs/select.svg

@@ -1 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#262a35' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/></svg>

package/src/assets/castlabs-logo-eggshell.svg

@@ -1,33 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1115.6 378.6">
-  <defs>
-    <style>
-      .st0 {
-        fill: #fbf9f2;
-      }
-    </style>
-  </defs>
-  <g>
-    <path class="st0" d="M819.9,125.5h27.5v39.7c7.8-6.1,17.4-9.8,28.6-9.8,25.7,0,40.5,15.5,40.5,46.9s-15.5,48.6-43.4,48.6-20.7-3.3-28.6-8.3l-1.7,6.5h-22.9v-123.6ZM866.1,227.7c14.4,0,21.8-6.7,21.8-24.9s-7-24-19.6-24-14.4,2.6-20.9,6.5v38.3c5.7,2.8,11.8,4.3,18.7,4.3Z"/>
-    <path class="st0" d="M410,249.2c-5-2.5-8.8-6.1-11.5-10.6s-4.1-9.8-4.1-15.6,1.3-11,4-15.4c2.7-4.4,6.8-7.9,12.4-10.4,5.6-2.5,12.5-3.7,21-3.7s10.2.2,15.8.5c5.6.3,10.4.7,14.4,1l-3.6,15.2c-5.6-.7-11.9-1.1-18.7-1.1s-11.2,1-14.2,3c-2.9,2-4.4,4.8-4.4,8.4s.6,4.1,1.8,5.7,3,2.8,5.3,3.5c2.3.8,5.1,1.2,8.3,1.2,4.8,0,8.7-.9,12-2.7,3.2-1.8,5.6-4.3,7.2-7.4,1.6-3.2,2.4-6.8,2.4-11l2.7,24.1c-1.3,3.4-3.4,6.5-6.4,9.4s-6.8,5.3-11.5,7.1-9.9,2.7-15.8,2.7-12.3-1.3-17.2-3.8ZM452.6,182c-3.7-2.7-9.1-4.1-16.4-4.1s-10.2.5-15.1,1.4-9.5,2.2-13.7,3.9l-2.8-23.1c5.5-1.7,11.2-2.9,17.1-3.9,5.9-.9,11.8-1.4,17.8-1.4,15.8,0,27.6,3.6,35.3,10.8,7.7,7.2,11.5,17.3,11.5,30.5v54.9h-28l-.2-56.9c0-5.3-1.8-9.3-5.5-12Z"/>
-    <path class="st0" d="M516.7,250.9c-6.6-1.4-12.9-3.5-18.9-6.4l4.1-23c6,3,12.3,5.3,18.9,6.8,6.6,1.5,13.1,2.3,19.5,2.3s5.3-.2,7.4-.6,3.8-1.2,5.1-2.3c1.3-1.1,2-2.7,2-4.6s-.6-3-1.7-4.1-3.1-2-5.8-2.8c-2.7-.8-6.5-1.6-11.3-2.4-9.1-1.4-16.4-3.4-21.7-5.8s-9.2-5.5-11.6-9.2c-2.4-3.7-3.5-8.3-3.5-13.7.1-6.6,2-12.2,5.7-16.8,3.7-4.5,8.6-7.9,14.8-10.1,6.2-2.2,13.1-3.3,20.7-3.3s12.4.6,18.4,1.9,11.8,2.9,17.5,5l-3.6,22.9c-5-2.3-10.5-4.2-16.5-5.5-5.9-1.3-11.8-2-17.6-2s-5.1.2-6.9.6c-1.8.4-3.1,1.1-4.1,2s-1.5,2.1-1.6,3.7c0,1.4.5,2.5,1.5,3.4s2.7,1.8,5.1,2.6c2.5.8,6.1,1.6,10.9,2.5,9.4,1.7,16.9,3.9,22.5,6.5,5.6,2.6,9.6,5.9,12,9.7,2.4,3.8,3.7,8.5,3.7,14,0,6.8-2,12.4-5.8,17-3.8,4.6-8.9,8-15.4,10.3s-13.7,3.4-21.8,3.4-15.5-.7-22-2.1Z"/>
-    <path class="st0" d="M616.6,249.3c-5-2.5-8.8-6.2-11.5-11.2-2.6-4.9-3.9-10.9-3.9-18v-40.2h-12.4v-12.5l10.9-11.3,18.5-19.8h10.9v20.6h28.8v23h-28.8v36.3c0,2.6.4,4.8,1.3,6.7.9,1.9,2.2,3.3,3.9,4.2,1.7,1,3.7,1.5,6,1.5s5-.3,7.7-.8c2.6-.6,5.2-1.4,7.8-2.6l5.1,21.3c-3.9,2.1-8.2,3.7-12.9,4.9s-9.1,1.7-13.4,1.7c-7.1,0-13.1-1.3-18.1-3.8Z"/>
-    <path class="st0" d="M672.4,125.5h28.1v125.4h-28.1v-125.4Z"/>
-    <path class="st0" d="M728.2,249.2c-5-2.5-8.8-6.1-11.5-10.6s-4.1-9.8-4.1-15.6,1.3-11,4-15.4c2.7-4.4,6.8-7.9,12.4-10.4,5.6-2.5,12.5-3.7,21-3.7s10.2.2,15.8.5c5.6.3,10.4.7,14.4,1l-3.6,15.2c-5.6-.7-11.9-1.1-18.7-1.1s-11.2,1-14.2,3c-2.9,2-4.4,4.8-4.4,8.4s.6,4.1,1.8,5.7,3,2.8,5.3,3.5c2.3.8,5.1,1.2,8.3,1.2,4.8,0,8.7-.9,12-2.7,3.2-1.8,5.6-4.3,7.2-7.4,1.6-3.2,2.4-6.8,2.4-11l2.7,24.1c-1.3,3.4-3.4,6.5-6.4,9.4s-6.8,5.3-11.5,7.1-9.9,2.7-15.8,2.7-12.3-1.3-17.2-3.8ZM770.9,182c-3.7-2.7-9.1-4.1-16.4-4.1s-10.2.5-15.1,1.4-9.5,2.2-13.7,3.9l-2.8-23.1c5.5-1.7,11.2-2.9,17.1-3.9,5.9-.9,11.8-1.4,17.8-1.4,15.8,0,27.6,3.6,35.3,10.8,7.7,7.2,11.5,17.3,11.5,30.5v54.9h-28l-.2-56.9c0-5.3-1.8-9.3-5.5-12Z"/>
-    <path class="st0" d="M943.7,250.9c-6.6-1.4-12.9-3.5-18.9-6.4l4.1-23c6,3,12.3,5.3,18.9,6.8,6.6,1.5,13.1,2.3,19.5,2.3s5.3-.2,7.4-.6c2.1-.4,3.8-1.2,5.1-2.3,1.3-1.1,1.9-2.7,1.9-4.6s-.6-3-1.7-4.1-3.1-2-5.8-2.8c-2.7-.8-6.5-1.6-11.3-2.4-9.1-1.4-16.4-3.4-21.7-5.8-5.4-2.4-9.2-5.5-11.6-9.2-2.4-3.7-3.5-8.3-3.5-13.7.1-6.6,2-12.2,5.7-16.8,3.7-4.5,8.6-7.9,14.8-10.1,6.2-2.2,13.1-3.3,20.7-3.3s12.4.6,18.4,1.9c6,1.2,11.8,2.9,17.5,5l-3.6,22.9c-5-2.3-10.5-4.2-16.5-5.5-6-1.3-11.8-2-17.6-2s-5.1.2-6.9.6-3.1,1.1-4.1,2c-.9.9-1.5,2.1-1.6,3.7,0,1.4.5,2.5,1.5,3.4,1,.9,2.7,1.8,5.1,2.6,2.5.8,6.1,1.6,10.9,2.5,9.4,1.7,16.9,3.9,22.5,6.5,5.6,2.6,9.6,5.9,12,9.7s3.7,8.5,3.7,14c0,6.8-2,12.4-5.8,17-3.8,4.6-8.9,8-15.4,10.3-6.4,2.3-13.7,3.4-21.8,3.4s-15.5-.7-22-2.1Z"/>
-    <path class="st0" d="M362.8,224.2c-5.4,1.9-10.9,2.9-16.4,2.9s-13-1.5-18.4-4.4c-5.5-2.9-9.8-7.2-13-12.7-3.2-5.5-4.7-12.1-4.7-19.7s1.5-14.1,4.6-19.7c3.1-5.5,7.4-9.7,12.8-12.7,5.4-2.9,11.5-4.4,18.4-4.4s7.3.4,10.9,1.3c3.6.9,7.2,2.2,10.8,3.9,3.6,1.7,7.3,3.9,11,6.6h0s7.6-25.5,7.6-25.5c-3.4-2.1-6.9-3.9-10.4-5.4-5.1-2.2-10.3-3.9-15.5-5-5.2-1.1-10.4-1.6-15.8-1.6-12.3,0-23.3,2.5-33.1,7.6-9.8,5.1-17.6,12.3-23.2,21.8-5.7,9.5-8.5,20.5-8.5,33.2s2.9,23.5,8.7,32.9c5.8,9.5,13.7,16.8,23.8,22,10.1,5.2,21.2,7.8,33.5,7.8s15.7-1.3,23.4-3.8c6-2,11.9-4.8,17.6-8.4l-7.7-25.6c-5.6,3.9-11.1,6.9-16.5,8.8Z"/>
-  </g>
-  <circle class="st0" cx="155.1" cy="117.1" r="14"/>
-  <circle class="st0" cx="121.6" cy="131.7" r="14.6"/>
-  <circle class="st0" cx="180.6" cy="138.7" r="12.2"/>
-  <circle class="st0" cx="149.2" cy="150.8" r="12.4"/>
-  <circle class="st0" cx="203.5" cy="159.8" r="10.4"/>
-  <circle class="st0" cx="175" cy="168.8" r="10.7"/>
-  <circle class="st0" cx="223.1" cy="182.8" r="8.9"/>
-  <circle class="st0" cx="195.8" cy="187.1" r="9.2"/>
-  <circle class="st0" cx="235.3" cy="205.8" r="7.6"/>
-  <circle class="st0" cx="212.5" cy="205.9" r="7.6"/>
-  <circle class="st0" cx="223.9" cy="225.7" r="7.3"/>
-  <circle class="st0" cx="209" cy="240.8" r="6.3"/>
-  <circle class="st0" cx="192.6" cy="251.2" r="6.1"/>
-</svg>

package/src/assets/castlabs-logo.svg

@@ -1,33 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1115.6 378.6">
-  <defs>
-    <style>
-      .st0 {
-        fill: #262a35;
-      }
-    </style>
-  </defs>
-  <g>
-    <path class="st0" d="M819.9,125.5h27.5v39.7c7.8-6.1,17.4-9.8,28.6-9.8,25.7,0,40.5,15.5,40.5,46.9s-15.5,48.6-43.4,48.6-20.7-3.3-28.6-8.3l-1.7,6.5h-22.9v-123.6ZM866.1,227.7c14.4,0,21.8-6.7,21.8-24.9s-7-24-19.6-24-14.4,2.6-20.9,6.5v38.3c5.7,2.8,11.8,4.3,18.7,4.3Z"/>
-    <path class="st0" d="M410,249.2c-5-2.5-8.8-6.1-11.5-10.6s-4.1-9.8-4.1-15.6,1.3-11,4-15.4c2.7-4.4,6.8-7.9,12.4-10.4,5.6-2.5,12.5-3.7,21-3.7s10.2.2,15.8.5c5.6.3,10.4.7,14.4,1l-3.6,15.2c-5.6-.7-11.9-1.1-18.7-1.1s-11.2,1-14.2,3c-2.9,2-4.4,4.8-4.4,8.4s.6,4.1,1.8,5.7,3,2.8,5.3,3.5c2.3.8,5.1,1.2,8.3,1.2,4.8,0,8.7-.9,12-2.7,3.2-1.8,5.6-4.3,7.2-7.4,1.6-3.2,2.4-6.8,2.4-11l2.7,24.1c-1.3,3.4-3.4,6.5-6.4,9.4s-6.8,5.3-11.5,7.1-9.9,2.7-15.8,2.7-12.3-1.3-17.2-3.8ZM452.6,182c-3.7-2.7-9.1-4.1-16.4-4.1s-10.2.5-15.1,1.4-9.5,2.2-13.7,3.9l-2.8-23.1c5.5-1.7,11.2-2.9,17.1-3.9,5.9-.9,11.8-1.4,17.8-1.4,15.8,0,27.6,3.6,35.3,10.8,7.7,7.2,11.5,17.3,11.5,30.5v54.9h-28l-.2-56.9c0-5.3-1.8-9.3-5.5-12Z"/>
-    <path class="st0" d="M516.7,250.9c-6.6-1.4-12.9-3.5-18.9-6.4l4.1-23c6,3,12.3,5.3,18.9,6.8,6.6,1.5,13.1,2.3,19.5,2.3s5.3-.2,7.4-.6,3.8-1.2,5.1-2.3c1.3-1.1,2-2.7,2-4.6s-.6-3-1.7-4.1-3.1-2-5.8-2.8c-2.7-.8-6.5-1.6-11.3-2.4-9.1-1.4-16.4-3.4-21.7-5.8s-9.2-5.5-11.6-9.2c-2.4-3.7-3.5-8.3-3.5-13.7.1-6.6,2-12.2,5.7-16.8,3.7-4.5,8.6-7.9,14.8-10.1,6.2-2.2,13.1-3.3,20.7-3.3s12.4.6,18.4,1.9,11.8,2.9,17.5,5l-3.6,22.9c-5-2.3-10.5-4.2-16.5-5.5-5.9-1.3-11.8-2-17.6-2s-5.1.2-6.9.6c-1.8.4-3.1,1.1-4.1,2s-1.5,2.1-1.6,3.7c0,1.4.5,2.5,1.5,3.4s2.7,1.8,5.1,2.6c2.5.8,6.1,1.6,10.9,2.5,9.4,1.7,16.9,3.9,22.5,6.5,5.6,2.6,9.6,5.9,12,9.7,2.4,3.8,3.7,8.5,3.7,14,0,6.8-2,12.4-5.8,17-3.8,4.6-8.9,8-15.4,10.3s-13.7,3.4-21.8,3.4-15.5-.7-22-2.1Z"/>
-    <path class="st0" d="M616.6,249.3c-5-2.5-8.8-6.2-11.5-11.2-2.6-4.9-3.9-10.9-3.9-18v-40.2h-12.4v-12.5l10.9-11.3,18.5-19.8h10.9v20.6h28.8v23h-28.8v36.3c0,2.6.4,4.8,1.3,6.7.9,1.9,2.2,3.3,3.9,4.2,1.7,1,3.7,1.5,6,1.5s5-.3,7.7-.8c2.6-.6,5.2-1.4,7.8-2.6l5.1,21.3c-3.9,2.1-8.2,3.7-12.9,4.9s-9.1,1.7-13.4,1.7c-7.1,0-13.1-1.3-18.1-3.8Z"/>
-    <path class="st0" d="M672.4,125.5h28.1v125.4h-28.1v-125.4Z"/>
-    <path class="st0" d="M728.2,249.2c-5-2.5-8.8-6.1-11.5-10.6s-4.1-9.8-4.1-15.6,1.3-11,4-15.4c2.7-4.4,6.8-7.9,12.4-10.4,5.6-2.5,12.5-3.7,21-3.7s10.2.2,15.8.5c5.6.3,10.4.7,14.4,1l-3.6,15.2c-5.6-.7-11.9-1.1-18.7-1.1s-11.2,1-14.2,3c-2.9,2-4.4,4.8-4.4,8.4s.6,4.1,1.8,5.7,3,2.8,5.3,3.5c2.3.8,5.1,1.2,8.3,1.2,4.8,0,8.7-.9,12-2.7,3.2-1.8,5.6-4.3,7.2-7.4,1.6-3.2,2.4-6.8,2.4-11l2.7,24.1c-1.3,3.4-3.4,6.5-6.4,9.4s-6.8,5.3-11.5,7.1-9.9,2.7-15.8,2.7-12.3-1.3-17.2-3.8ZM770.9,182c-3.7-2.7-9.1-4.1-16.4-4.1s-10.2.5-15.1,1.4-9.5,2.2-13.7,3.9l-2.8-23.1c5.5-1.7,11.2-2.9,17.1-3.9,5.9-.9,11.8-1.4,17.8-1.4,15.8,0,27.6,3.6,35.3,10.8,7.7,7.2,11.5,17.3,11.5,30.5v54.9h-28l-.2-56.9c0-5.3-1.8-9.3-5.5-12Z"/>
-    <path class="st0" d="M943.7,250.9c-6.6-1.4-12.9-3.5-18.9-6.4l4.1-23c6,3,12.3,5.3,18.9,6.8,6.6,1.5,13.1,2.3,19.5,2.3s5.3-.2,7.4-.6c2.1-.4,3.8-1.2,5.1-2.3,1.3-1.1,1.9-2.7,1.9-4.6s-.6-3-1.7-4.1-3.1-2-5.8-2.8c-2.7-.8-6.5-1.6-11.3-2.4-9.1-1.4-16.4-3.4-21.7-5.8-5.4-2.4-9.2-5.5-11.6-9.2-2.4-3.7-3.5-8.3-3.5-13.7.1-6.6,2-12.2,5.7-16.8,3.7-4.5,8.6-7.9,14.8-10.1,6.2-2.2,13.1-3.3,20.7-3.3s12.4.6,18.4,1.9c6,1.2,11.8,2.9,17.5,5l-3.6,22.9c-5-2.3-10.5-4.2-16.5-5.5-6-1.3-11.8-2-17.6-2s-5.1.2-6.9.6-3.1,1.1-4.1,2c-.9.9-1.5,2.1-1.6,3.7,0,1.4.5,2.5,1.5,3.4,1,.9,2.7,1.8,5.1,2.6,2.5.8,6.1,1.6,10.9,2.5,9.4,1.7,16.9,3.9,22.5,6.5,5.6,2.6,9.6,5.9,12,9.7s3.7,8.5,3.7,14c0,6.8-2,12.4-5.8,17-3.8,4.6-8.9,8-15.4,10.3-6.4,2.3-13.7,3.4-21.8,3.4s-15.5-.7-22-2.1Z"/>
-    <path class="st0" d="M362.8,224.2c-5.4,1.9-10.9,2.9-16.4,2.9s-13-1.5-18.4-4.4c-5.5-2.9-9.8-7.2-13-12.7-3.2-5.5-4.7-12.1-4.7-19.7s1.5-14.1,4.6-19.7c3.1-5.5,7.4-9.7,12.8-12.7,5.4-2.9,11.5-4.4,18.4-4.4s7.3.4,10.9,1.3c3.6.9,7.2,2.2,10.8,3.9,3.6,1.7,7.3,3.9,11,6.6h0s7.6-25.5,7.6-25.5c-3.4-2.1-6.9-3.9-10.4-5.4-5.1-2.2-10.3-3.9-15.5-5-5.2-1.1-10.4-1.6-15.8-1.6-12.3,0-23.3,2.5-33.1,7.6-9.8,5.1-17.6,12.3-23.2,21.8-5.7,9.5-8.5,20.5-8.5,33.2s2.9,23.5,8.7,32.9c5.8,9.5,13.7,16.8,23.8,22,10.1,5.2,21.2,7.8,33.5,7.8s15.7-1.3,23.4-3.8c6-2,11.9-4.8,17.6-8.4l-7.7-25.6c-5.6,3.9-11.1,6.9-16.5,8.8Z"/>
-  </g>
-  <circle class="st0" cx="155.1" cy="117.1" r="14"/>
-  <circle class="st0" cx="121.6" cy="131.7" r="14.6"/>
-  <circle class="st0" cx="180.6" cy="138.7" r="12.2"/>
-  <circle class="st0" cx="149.2" cy="150.8" r="12.4"/>
-  <circle class="st0" cx="203.5" cy="159.8" r="10.4"/>
-  <circle class="st0" cx="175" cy="168.8" r="10.7"/>
-  <circle class="st0" cx="223.1" cy="182.8" r="8.9"/>
-  <circle class="st0" cx="195.8" cy="187.1" r="9.2"/>
-  <circle class="st0" cx="235.3" cy="205.8" r="7.6"/>
-  <circle class="st0" cx="212.5" cy="205.9" r="7.6"/>
-  <circle class="st0" cx="223.9" cy="225.7" r="7.3"/>
-  <circle class="st0" cx="209" cy="240.8" r="6.3"/>
-  <circle class="st0" cx="192.6" cy="251.2" r="6.1"/>
-</svg>

package/src/fonts/DMMono/DMMono.scss

@@ -1,44 +0,0 @@
-@mixin DMMono {
-  @font-face {
-    font-family: 'DM Mono';
-    font-style: normal;
-    font-weight: 300;
-    src: url('#{$castlabs-ui-asset-prefix}/fonts/DMMono/DM_Mono_300.woff2?no-inline')
-      format('woff2');
-  }
-  @font-face {
-    font-family: 'DM Mono';
-    font-style: italic;
-    font-weight: 300;
-    src: url('#{$castlabs-ui-asset-prefix}/fonts/DMMono/DM_Mono_300italic.woff2?no-inline')
-      format('woff2');
-  }
-  @font-face {
-    font-family: 'DM Mono';
-    font-style: normal;
-    font-weight: 400;
-    src: url('#{$castlabs-ui-asset-prefix}/fonts/DMMono/DM_Mono_400.woff2?no-inline')
-      format('woff2');
-  }
-  @font-face {
-    font-family: 'DM Mono';
-    font-style: italic;
-    font-weight: 400;
-    src: url('#{$castlabs-ui-asset-prefix}/fonts/DMMono/DM_Mono_400italic.woff2?no-inline')
-      format('woff2');
-  }
-  @font-face {
-    font-family: 'DM Mono';
-    font-style: normal;
-    font-weight: 500;
-    src: url('#{$castlabs-ui-asset-prefix}/fonts/DMMono/DM_Mono_500.woff2?no-inline')
-      format('woff2');
-  }
-  @font-face {
-    font-family: 'DM Mono';
-    font-style: italic;
-    font-weight: 500;
-    src: url('#{$castlabs-ui-asset-prefix}/fonts/DMMono/DM_Mono_500italic.woff2?no-inline')
-      format('woff2');
-  }
-}

package/src/styles/abstracts/brand.scss

@@ -1,9 +0,0 @@
-////
-/// @group themes
-/// @access public
-////
-
-// global brand settings/values
-
-$brand-border-radius: px(20);
-$brand-line-width: px(1);

package/src/styles/abstracts/layer.scss

@@ -1,10 +0,0 @@
-////
-/// @group themes
-/// @access public
-////
-
-// Layering / z-index of app
-
-$layer-z-modal: 2000;
-$layer-z-sidenav: 1000;
-$layer-z-content: 0;

package/src/styles/assets/fontawesome.scss

@@ -1,2 +0,0 @@
-@import '../../fonts/FontAwesome5/FontAwesome5';
-@import './fontawesome.variables';

package/src/styles/vendors/castlabs.scss

@@ -1,17 +0,0 @@
-.cl-theme-v2 {
-  .cl-section-primary.cl-section-tight {
-    background-color: $color-ci-eggshell;
-
-    h1 {
-      color: $color-ci-night;
-    }
-  }
-
-  .cl-nav-top {
-    border-bottom: $brand-line-width solid $color-ci-red;
-
-    .col-12 {
-      height: calc(3rem - $brand-line-width) !important; // sass-lint:disable-line no-important
-    }
-  }
-}