@apolitical/component-library 4.0.6 → 4.1.0-beta.10

package/styles/base/_accessibility.scss

@@ -29,6 +29,11 @@
 
   .hidden {
     @include hidden-element;
+    @include amend-selector-path('.hidden', 'button.hidden, .button.hidden') {
+      &.tertiary:not(.new) {
+        padding: 0;
+      }
+    }
 
     &.show-on-focus {
       &:focus,

package/styles/base/_links.scss

@@ -1,12 +1,15 @@
 @import './../mixins', './../variables';
 
 @layer base {
-  a {
-    @include transition(color text-decoration-color);
-
+  a,
+  .url {
     color: get-map($theme, 'link');
     text-decoration: underline;
     font-weight: 900;
+  }
+
+  a {
+    @include transition(color text-decoration-color);
 
     &:hover,
     &:focus,
@@ -15,3 +18,9 @@
     }
   }
 }
+
+@layer overrides {
+  .url {
+    font-weight: 900;
+  }
+}

package/styles/base/form/_fields.scss

@@ -19,7 +19,7 @@ $field: (
 
   &:focus,
   &:focus-visible {
-    box-shadow: $outline-width get-map($theme, 'form_input_focus_box-shadow');
+    box-shadow: $outline get-map($theme, 'form_input_focus_box-shadow');
   }
 
   &.error {

package/styles/variables/colors/theme/_form.scss

@@ -14,6 +14,7 @@ $form: (
   invite_form_email_bg: get-map($c, 'n50'),
   invite_form_email_color: get-map($c, 'n700'),
   invite_form_email_input_border: get-map($c, 'n200'),
+  link-editor_divider_bg: #7583a0,
   password-rules: get-map($c, 'error600'),
   password-rules_matches: get-map($c, 'success500'),
   password-rules_small: get-map($c, 'n600'),
@@ -30,4 +31,13 @@ $form: (
   toggle_bg: get-map($c, 'n100'),
   toggle_on_bg: get-map($c, 'b700'),
   toggle_switch_bg: get-map($c, 'white'),
+  toolbar_bg: get-map($c, 'white'),
+  toolbar_border: get-map($c, 'n200'),
+  toolbar_option: get-map($c, 'n700'),
+  toolbar_option_bg: get-map($c, 'white'),
+  toolbar_option_border_hover: get-map($c, 'n500'),
+  toolbar_option_active: get-map($c, 'white'),
+  toolbar_option_bg_active: get-map($c, 'n500'),
+  toolbar_option_bg_active_hover: get-map($c, 'n700'),
+  toolbar_divider_bg: get-map($c, 'n100'),
 );

package/testing/__mocks__/remark-parse.d.ts

@@ -0,0 +1,2 @@
+export default remarkParse;
+declare const remarkParse: jest.Mock<any, any, any>;

package/testing/__mocks__/unified.d.ts

@@ -0,0 +1,6 @@
+declare namespace _default {
+    let unified: jest.Mock<any, any, any>;
+    let use: jest.Mock<any, any, any>;
+    let process: jest.Mock<any, any, any>;
+}
+export default _default;

package/text/markdown-text/components/span/span.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const _default: ({ children }: {
+declare const _default: ({ children, ...props }: {
     children: React.ReactNode;
+    href?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default _default;