@apolitical/component-library 6.4.1-ac.5 → 6.5.0-SW.0

package/styles/base/form/_checkbox.scss

@@ -35,7 +35,7 @@ $pretty-checkbox: (
       background: get-map($theme, 'form_checkbox_bg');
       border-color: get-map($theme, 'form_checkbox_border');
 
-      &:not(.radio)::before {
+      &::before {
         @include image('icons/tick.svg', true);
 
         content: '';

package/styles/base/form/_index.scss

@@ -1 +1 @@
-@import 'checkbox', 'fields', 'form', 'labels', 'radio', 'search-button';
+@import 'checkbox', 'fields', 'form', 'labels', 'search-button';

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

@@ -28,7 +28,6 @@ $form: (
   search_clear-button_bg: get-map($c, 'n500'),
   search_search-button_bg: get-map($c, 'n600'),
   search_search-button_active_bg: get-map($c, 'white'),
-  selected_row_bg: get-map($c, 'n50'),
   show_password: get-map($c, 'n600'),
   signup_form_error: get-map($c, 'error600'),
   toggle_bg: get-map($c, 'n100'),

package/text/page-heading/page-heading.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ButtonPropsType } from '../../general';
 interface PageHeadingTitleProps {
     /** Text to be rendered in the title */
     text: string;
@@ -16,6 +17,10 @@ export interface PageHeadingProps {
     children?: React.ReactNode;
     /** Additional classes */
     className?: string;
+    /** Call-To-Action button configuration */
+    ctaButton?: ButtonPropsType & {
+        text: string;
+    };
 }
-declare const PageHeading: ({ maxWidth, title, subtitle, children, className, }: PageHeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageHeading: ({ maxWidth, title, subtitle, children, className, ctaButton, }: PageHeadingProps) => import("react/jsx-runtime").JSX.Element;
 export default PageHeading;

package/styles/base/form/_radio.scss

@@ -1,34 +0,0 @@
-@import '@/styles/functions', '@/styles/mixins', '@/styles/variables';
-
-$radio: (
-  'border': 2,
-);
-$radio-inner: (
-  'width': 14,
-);
-
-@layer components {
-  .pretty-checkbox.radio {
-    border-radius: 50%;
-
-    input:checked + &,
-    .selected & {
-      border: px-to-rem(get-map($radio, 'border')) solid
-        get-map($theme, 'form_checkbox_bg');
-      background: none;
-
-      &::after {
-        content: '';
-        display: block;
-        width: px-to-rem(get-map($radio-inner, 'width'));
-        height: px-to-rem(get-map($radio-inner, 'width'));
-        background-color: get-map($theme, 'form_checkbox_bg');
-        border-radius: 50%;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
-    }
-  }
-}