@haiilo/catalyst 1.2.1 → 1.2.3

package/dist/catalyst/scss/_mixins.scss

@@ -3,7 +3,6 @@
 @forward 'utils/elevation.mixins';
 @forward 'utils/media.mixins';
 @forward 'utils/sizing.mixins';
-@forward 'utils/spacing.mixins';
 @forward 'utils/typography.mixins';
 @forward 'utils/visibility.mixins';
 @forward 'utils/ratio.mixins';

package/dist/catalyst/scss/_variables.scss

@@ -5,8 +5,8 @@
 // -- Spacings
 // --------
 
-$cat-head-margin-bottom: cat-token('size.spacing.s');
-$cat-body-margin-bottom: cat-token('size.spacing.m');
+$cat-head-margin-bottom: 0.5rem;
+$cat-body-margin-bottom: 1rem;
 $cat-nav-padding-horizontal: 1.25rem;
 
 // --------

package/dist/catalyst/scss/_variables.tokens.scss

@@ -77,8 +77,12 @@
   @if not $value {
     @error 'Unknown token "#{-cat-join($key, '.')}".';
   }
-  @if $wrap and string.index($key, 'color.') == 1 {
-    @return cat-token-wrap($value, $alpha);
+  @if string.index($key, 'color.') == 1 {
+    @if $wrap {
+      @return cat-token-wrap($value, $alpha);
+    } @else if $alpha < 1 {
+      @return $value, $alpha;
+    }
   }
   @return $value;
 }

package/dist/catalyst/scss/core/_typography.scss

@@ -163,31 +163,61 @@ dd {
 
 // ----- blockquotes & figures
 
-blockquote {
-  font-style: italic;
-  @include cat-body('l');
+:where(blockquote, figure) {
+  margin: 0 0 $cat-body-margin-bottom;
   color: cat-token('color.ui.font.quote');
+}
+
+blockquote {
+  padding: 0.5rem 0 0.5rem calc(2rem - 4px);
+  border-left: 4px solid cat-token('color.ui.border.default');
+  @include cat-body('l', null);
 
   > :last-child {
     margin-bottom: 0 !important;
   }
 }
 
+figcaption {
+  @include cat-body('s');
+
+  &::before {
+    content: '\2014\00A0'; // em dash, nbsp
+  }
+
+  a {
+    color: inherit;
+  }
+}
+
 figure {
-  figcaption {
-    margin-top: -$cat-body-margin-bottom * 0.5;
+  padding: 0.5rem 0 0.5rem calc(2rem - 4px);
+  border-left: 4px solid cat-token('color.ui.border.default');
+
+  blockquote {
     margin-bottom: 0;
-    @include cat-body('s');
-    color: cat-token('color.ui.font.muted');
+    padding: 0;
+    border: none;
+  }
 
-    &::before {
-      content: '\2014\00A0'; // em dash, nbsp
-    }
+  figcaption {
+    margin-top: $cat-body-margin-bottom;
   }
 }
 
-:where(blockquote, figure) {
-  margin: 0 0 $cat-body-margin-bottom;
+blockquote.cat-text-center,
+figure.cat-text-center {
+  padding-left: 2rem;
+  padding-right: 2rem;
+  border-left: none;
+}
+
+blockquote.cat-text-right,
+figure.cat-text-right {
+  padding-left: 0;
+  padding-right: calc(2rem - 4px);
+  border-left: none;
+  border-right: 4px solid cat-token('color.ui.border.default');
 }
 
 // ----- code

package/dist/catalyst/scss/utils/_disabled.mixins.scss

@@ -3,5 +3,4 @@
 @mixin cat-disabled() {
   cursor: not-allowed;
   opacity: cat-token('opacity.disabled');
-  filter: grayscale(100%);
 }

package/dist/catalyst/scss/utils/_spacing.scss

@@ -1,6 +1,5 @@
 @use 'sass:map';
 @use '../variables' as *;
-@use 'spacing.mixins' as *;
 
 $-spacings: map.merge(
   (