@apolitical/component-library 8.7.0 → 8.7.1-RR.1

package/form/components/toggle/index.d.ts

@@ -1 +1,2 @@
 export { default as Toggle } from './toggle';
+export type { IToggleProps } from './toggle';

package/form/components/toggle/toggle.d.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface IToggleProps {
     /** The ID of the toggle */
     id?: string;
     /** The label to show next to the toggle */
@@ -22,5 +22,5 @@ interface Props {
     /** Additional class names */
     className?: string;
 }
-declare const Toggle: ({ id, label, options, initialValue, functions: { onChange }, isDisabled, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: ({ id, label, options, initialValue, functions: { onChange }, isDisabled, className, }: IToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "8.7.0",
+  "version": "8.7.1-RR.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/styles/uclasses/uclasses.scss

@@ -58,6 +58,10 @@ $font-size-md: 1rem;
   color: get-map($default-colors, 'b700');
 }
 
+.u-secondary-text {
+  color: get-map($default-colors, 'b700');
+}
+
 // Background
 .u-bg-n50 {
   background-color: get-map($default-colors, 'n50');
@@ -404,11 +408,36 @@ $font-size-md: 1rem;
 }
 
 // padding
+.u-py-auto {
+  padding-top: auto;
+  padding-bottom: auto;
+}
+
 .u-py-0 {
   padding-top: 0;
   padding-bottom: 0;
 }
 
+.u-py-1 {
+  padding-top: 0.25rem; /* 4px */
+  padding-bottom: 0.25rem; /* 4px */
+}
+
+.u-py-2 {
+  padding-top: 0.5rem; /* 8px */
+  padding-bottom: 0.5rem; /* 8px */
+}
+
+.u-py-3 {
+  padding-top: 0.75rem; /* 12px */
+  padding-bottom: 0.75rem; /* 12px */
+}
+
+.u-py-4 {
+  padding-top: 1rem; /* 16px */
+  padding-bottom: 1rem; /* 16px */
+}
+
 .u-py-10 {
   padding-top: 2.5rem; /* 40px */
   padding-bottom: 2.5rem; /* 40px */
@@ -419,10 +448,34 @@ $font-size-md: 1rem;
   padding-right: 0;
 }
 
+.u-px-1 {
+  padding-left: 0.25rem; /* 4px */
+  padding-right: 0.25rem; /* 4px */
+}
+
+.u-px-2 {
+  padding-left: 0.5rem; /* 8px */
+  padding-right: 0.5rem; /* 8px */
+}
+
+.u-px-3 {
+  padding-left: 0.75rem; /* 12px */
+  padding-right: 0.75rem; /* 12px */
+}
+
+.u-px-4 {
+  padding-left: 1rem; /* 16px */
+  padding-right: 1rem; /* 16px */
+}
+
 .u-pt-0 {
   padding-top: 0;
 }
 
+.u-pt-12 {
+  padding-top: 3rem; /* 48px */
+}
+
 .u-pr-0 {
   padding-right: 0;
 }
@@ -431,6 +484,10 @@ $font-size-md: 1rem;
   padding-bottom: 0;
 }
 
+.u-pb-8 {
+  padding-bottom: 2rem; /* 32px */
+}
+
 .u-pl-0 {
   padding-left: 0;
 }