@apolitical/component-library 2.0.4-4125.1 → 2.0.4-beta.0

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

@@ -39,7 +39,6 @@ $layout: (
   logos_title: get-map($c, 'n700'),
   logos_small: get-map($c, 'n600'),
   page-layout_gradient_bg_1: get-map($c, 'n50'),
-  page-layout_subtle_bg: rgb(43 137 117 / 10%),
   page-layout_gradient_bg_2: rgb(240 245 255 / 0%),
   page-layout_bold: get-map($c, 'white'),
   page-layout_bold_bg: get-map($c, 'b700'),

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

@@ -36,7 +36,6 @@ $text: (
   pill_bg: get-map($c, 'n200'),
   pill_subtle_bg: get-map($c, 'white'),
   pill_highlighted_bg: get-map($c, 'y300'),
-  pill_light_bg: get-map($c, 'info50'),
   pill_information_bg: get-map($c, 'g100'),
   pill_registered_bg: get-map($c, 'g50'),
   pill_subtle_border: get-map($c, 'n200'),

package/text/pill/pill.d.ts

@@ -3,7 +3,7 @@ interface Props {
     /** The size of the pill */
     size?: 'small' | 'medium' | 'large';
     /** The style of the pill */
-    variant?: 'default' | 'subtle' | 'highlighted' | 'information' | 'registered' | 'light';
+    variant?: 'default' | 'subtle' | 'highlighted' | 'information' | 'registered';
     /** Additional classes to add to the pill */
     className?: string;
     /** The pill text */

package/sections/edit-section/edit-section.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { IFormProps } from '../../form/components/form/form.types';
-type THref = string | undefined;
-interface IPlaceholder {
-    /** Placeholder icon */
-    icon?: 'person' | 'tick-with-circle' | undefined;
-    /** Placeholder description */
-    description?: string;
-    /** Cta message showing on a button */
-    ctaMessage?: string;
-}
-interface Props {
-    /** Additional classes */
-    className?: string;
-    /** Content to be rendered */
-    children: React.ReactNode | JSX.Element;
-    /** Optional ID */
-    id?: string;
-    /** Section title */
-    title: string;
-    /** Form fields to be rendered inside a modal form when user clicks cta or edit button */
-    formProps?: IFormProps;
-    /** Link to a url where user can edit the data */
-    href?: THref;
-    /** Whether to show a divider at the bottom of the section */
-    showDivider?: boolean;
-    /** Placeholder settings */
-    placeholder?: IPlaceholder;
-}
-declare const EditSection: ({ children, className, showDivider, title, href, placeholder, formProps }: Props) => import("react/jsx-runtime").JSX.Element;
-export default EditSection;

package/sections/edit-section/index.d.ts

@@ -1 +0,0 @@
-export { default as EditSection } from './edit-section';