@apolitical/component-library 3.0.2-ac.2 → 3.0.2

package/styles/base/_lists.scss

@@ -16,6 +16,11 @@ $li: (
     margin: 0 0 px-to-rem(get-map($ul, 'margin-bottom')) 0;
     padding-left: px-to-rem(get-map($ul, 'padding-left'));
     display: block;
+
+    &.unstyled {
+      list-style: none;
+      padding-left: 0;
+    }
   }
 
   li {

package/styles/base/_titles.scss

@@ -5,6 +5,9 @@ $highlight: (
   'height': 4,
   'margin-top': 12,
   'border-radius': 8,
+  'width_position_horizontal': 4,
+  'height_position_horizontal': 24,
+  'bottom_position_horizontal': 26,
 );
 $pre-title: (
   'font-size': 14,
@@ -104,6 +107,17 @@ $count-icon: (
       left: 50%;
       transform: translateX(-50%);
     }
+  } @else if $align == 'left' {
+    padding-left: px-to-rem(
+      get-map($highlight, 'height') + get-map($highlight, 'margin-top')
+    );
+
+    &::after {
+      width: px-to-rem(get-map($highlight, 'width_position_horizontal'));
+      height: px-to-rem(get-map($highlight, 'height_position_horizontal'));
+      bottom: px-to-rem(get-map($highlight, 'bottom_position_horizontal'));
+      max-height: 100%;
+    }
   }
 }
 

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

@@ -7,7 +7,9 @@ $base: (
   background: get-map($c, 'white'),
   highlight_bg: get-map($c, 'g300'),
   title: get-map($c, 'n900'),
+  title_secondary: get-map($c, 'p500'),
   subtitle: get-map($c, 'n800'),
+  subtitle_secondary: get-map($c, 'n700'),
   text: get-map($c, 'n900'),
   text_error: get-map($c, 'error600'),
   text_line: get-map($c, 'g50'),

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

@@ -11,9 +11,4 @@ $general: (
   return_to_nav_bg_before_after: get-map($c, 'b700'),
   tooltip: get-map($c, 'white'),
   tooltip_bg: color.adjust(get-map($c, 'n900'), $alpha: -0.1),
-  progress_tracker_line_bg: get-map($c, 'n100'),
-  progress_tracker_line_bg_active: get-map($c, 'b700'),
-  progress_tracker_dot_bg: get-map($c, 'n100'),
-  progress_tracker_dot_bg_active: get-map($c, 'white'),
-  progress_tracker_dot_bg_completed: get-map($c, 'b700'),
 );

package/form/types/password-form/helper.d.ts

@@ -1 +0,0 @@
-export function generateConditions(conditions: any): any;

package/form/types/password-form/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PasswordForm } from './password-form';
-export * from './helper';

package/form/types/password-form/password-form.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { FormValues, IFormValues } from '../../components/form/form.types';
-interface Props {
-    /** Indicated for whether to show the current password field */
-    isPasswordChange?: boolean;
-    /** The functions being passed to the form */
-    functions: {
-        /** The function to call to create the password */
-        createPassword: (arg: IFormValues) => Promise<void>;
-        /** The function to call when onSuccess fails */
-        onCatch?: (error?: unknown) => void;
-        /** The function to call when the form submission fails */
-        onFailure?: (arg: IFormValues, arg2?: FormValues) => void;
-        /** The function to call when the form is successfully submitted */
-        onSuccess?: (arg: IFormValues) => Promise<void>;
-        /** The function to call when the cancel button is clicked */
-        onCancel?: () => void;
-    };
-}
-declare const PasswordForm: React.FC<Props>;
-export default PasswordForm;

package/general/progress-tracker/index.d.ts

@@ -1 +0,0 @@
-export { default as ProgressTracker } from './progress-tracker';

package/general/progress-tracker/progress-tracker.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    /** The current step */
-    currentStep?: number;
-    /** The total number of steps */
-    steps?: number;
-}
-declare const NavigationDots: React.FC<Props>;
-export default NavigationDots;