@pantheon-systems/pds-toolkit-react 1.0.0-dev.152 → 1.0.0-dev.154

package/_dist/libs/components/utils.d.ts

@@ -1,2 +1,3 @@
-export function createRandomID(): string;
-export function getDescendants(node: any, collect: any): any;
+export declare const createRandomID: () => string;
+export declare const getDescendants: (node: any, collect: any) => any;
+export declare const mergeClasses: (styles: any) => any;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.152",
+	"version": "1.0.0-dev.154",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",
@@ -135,7 +135,7 @@
 	"dependencies": {
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^1.0.0-dev.134",
+		"@pantheon-systems/pds-design-tokens": "^1.0.0-dev.140",
 		"@reactuses/core": "^5.0.15",
 		"focus-trap-react": "^10.2.1",
 		"hash-sum": "^2.0.0",

package/_dist/components/buttons/AnimatedButton/AnimatedButton.d.ts

@@ -1,42 +0,0 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
-import './animated-button.css';
-interface AnimatedButtonProps extends ComponentPropsWithoutRef<'button'> {
-    /**
-     * Aria-label attribute.
-     */
-    ariaLabel: string;
-    /**
-     * Type of button
-     */
-    buttonType?: 'button' | 'submit' | 'reset';
-    /**
-     * Is the button disabled?
-     */
-    disabled?: boolean;
-    /**
-     * Icon 1 -- The first icon to display in animation.
-     */
-    icon1: PDSIcon;
-    /**
-     * Icon 2 -- The second icon to display in animation.
-     */
-    icon2: PDSIcon;
-    /**
-     * Click event handler callback
-     */
-    onClick?: () => void;
-    /**
-     * Which size of button to render
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Additional class names
-     */
-    className?: string;
-}
-/**
- * AnimatedButton UI component
- */
-export declare const AnimatedButton: ({ ariaLabel, buttonType, disabled, icon1, icon2, onClick, size, className, ...props }: AnimatedButtonProps) => React.JSX.Element;
-export {};

package/_dist/css/component-css/pds-animated-button.css

@@ -1,9 +0,0 @@
-button.pds-animated-button{--pds-button-color-background:var(
-		--pds-color-icon-button-standard-background-default
-	);--pds-button-color-foreground:var(
-		--pds-color-icon-button-standard-foreground-default
-	);--pds-button-size:2.441rem;align-items:center;background-color:var(--pds-button-color-background);border:none;border-radius:.375rem;color:var(--pds-button-color-foreground);cursor:pointer;display:inline-flex;height:var(--pds-button-size);justify-content:center;position:relative;transition:all .2s ease-in-out 0s;width:var(--pds-button-size)}button.pds-animated-button:disabled{cursor:not-allowed;opacity:50%}button.pds-animated-button:hover{--pds-button-color-background:var(
-		--pds-color-icon-button-standard-background-hover
-	)}button.pds-animated-button:active:enabled{--pds-button-color-background:var(
-		--pds-color-icon-button-standard-background-default
-	)}button.pds-animated-button:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}button.pds-animated-button--sm{--pds-button-size:1.953rem}button.pds-animated-button--lg{--pds-button-size:3.052rem}.pds-animated-button__icon-wrapper{align-items:center;display:flex;justify-content:center;position:absolute}.pds-animated-button--fadeOut{-webkit-animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) both;opacity:0;transition:.2s ease-in}.pds-animated-button--hide{display:none}.pds-animated-button--scaleIn{-webkit-animation:scale-in-center .2s cubic-bezier(.175,.885,.32,1.275) both;animation:scale-in-center .2s cubic-bezier(.175,.885,.32,1.275) both}@keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}