@pantheon-systems/pds-toolkit-react 1.0.0-dev.217 → 1.0.0-dev.219

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.217",
+	"version": "1.0.0-dev.219",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",
@@ -119,7 +119,6 @@
 		"postcss-nested": "^6.0.1",
 		"prettier": "3.2.5",
 		"prettier-plugin-css-order": "^2.1.2",
-		"prop-types": "^15.8.1",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"storybook": "^8.2.4",
@@ -136,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.152",
+		"@pantheon-systems/pds-design-tokens": "file:pantheon-systems-pds-design-tokens-1.0.0-dev.153-font.tgz",
 		"@reactuses/core": "^5.0.15",
 		"focus-trap-react": "^10.2.1",
 		"hash-sum": "^2.0.0",

package/_dist/components/Heading/Heading.d.ts

@@ -1,15 +0,0 @@
-export function Heading({ children, level, className, ...props }: {
-    [x: string]: any;
-    children: any;
-    level: any;
-    className: any;
-}): React.JSX.Element;
-export namespace Heading {
-    namespace propTypes {
-        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        let level: PropTypes.Validator<string>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -1,39 +0,0 @@
-export function ToggleButton({ disabled, id, defaultValue, label, onChange, options, ...props }: {
-    [x: string]: any;
-    disabled?: boolean;
-    id: any;
-    defaultValue: any;
-    label: any;
-    onChange: any;
-    options: any;
-}): React.JSX.Element;
-export namespace ToggleButton {
-    namespace propTypes {
-        let disabled: PropTypes.Requireable<boolean>;
-        let id: PropTypes.Validator<string>;
-        let defaultValue: PropTypes.Requireable<string>;
-        let label: PropTypes.Validator<string>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let options: PropTypes.Requireable<PropTypes.InferProps<{
-            /**
-             * Option label
-             */
-            label: PropTypes.Validator<string>;
-            /**
-             * Option value
-             */
-            value: PropTypes.Validator<string>;
-            /**
-             * Option icon
-             */
-            iconName: PropTypes.Requireable<string>;
-            /**
-             * Unique ID for the option
-             */
-            id: PropTypes.Requireable<string>;
-        }>[]>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';

package/_dist/css/component-css/pds-heading.css

@@ -1 +0,0 @@
-.pds-ts-xs{font-size:.694rem}.pds-ts-s{font-size:.833rem}.pds-ts-m{font-size:1rem}.pds-ts-l{font-size:1.2rem}@media (max-width:640px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-xl{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-xl{font-size:1.44rem}}@media (max-width:640px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-2xl{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-2xl{font-size:1.728rem}}@media (max-width:640px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-3xl{font-size:calc(2.074rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-3xl{font-size:2.074rem}}@media (max-width:640px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-4xl{font-size:calc(2.488rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-4xl{font-size:2.488rem}}@media (max-width:640px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-5xl{font-size:calc(2.986rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-5xl{font-size:2.986rem}}@media (max-width:640px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){.pds-ts-6xl{font-size:calc(3.583rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){.pds-ts-6xl{font-size:3.583rem}}.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-small));line-height:1.1}@media (--breakpoint-m ){.pds-ts-7xl{font-size:calc(4.3rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-7xl{font-size:4.3rem}}.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-small));line-height:1.0625}@media (--breakpoint-m ){.pds-ts-8xl{font-size:calc(5.16rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-8xl{font-size:5.16rem}}.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-small));line-height:1}@media (--breakpoint-m ){.pds-ts-9xl{font-size:calc(6.192rem*var(--pds-typography-multiplier-medium))}}@media (--breakpoint-l ){.pds-ts-9xl{font-size:6.192rem}}@media (max-width:640px){h1.pds-heading{font-size:calc(1.728rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h1.pds-heading{font-size:calc(1.728rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h1.pds-heading{font-size:1.728rem}}@media (max-width:640px){h2.pds-heading{font-size:calc(1.44rem*var(--pds-typography-multiplier-small))}}@media (min-width:641px){h2.pds-heading{font-size:calc(1.44rem*var(--pds-typography-multiplier-medium))}}@media (min-width:1025px){h2.pds-heading{font-size:1.44rem}}h3.pds-heading{font-size:1.2rem}h4.pds-heading,h5.pds-heading,h6.pds-heading{font-size:1rem}h1.pds-heading,h2.pds-heading{font-weight:700}h3.pds-heading,h4.pds-heading,h5.pds-heading,h6.pds-heading{font-weight:600}

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

@@ -1 +0,0 @@
-.pds-toggle-button{border:0;display:inline-block;padding:0}.pds-toggle-button__options{display:inline-flex;gap:0}.pds-toggle-button__option label{align-items:center;background-color:var(--pds-color-segmented-button-background-default);border-bottom:1px solid var(--pds-color-border-input);border-top:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.328rem;height:2.125rem;justify-content:center;letter-spacing:0;line-height:1;margin-block-end:0;max-height:2.125rem;padding:.625rem 1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-toggle-button__option label:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-toggle-button__option:first-child label{border-bottom-left-radius:.1875rem;border-bottom-right-radius:0;border-left:1px solid var(--pds-color-border-input);border-right:1px solid var(--pds-color-toggle-button-background-off);border-top-left-radius:.1875rem;border-top-right-radius:0}.pds-toggle-button__option:last-child label{border-bottom-left-radius:0;border-bottom-right-radius:.1875rem;border-left:1px solid var(--pds-color-toggle-button-background-off);border-right:1px solid var(--pds-color-border-input);border-top-left-radius:0;border-top-right-radius:.1875rem}.pds-toggle-button__option input:checked+label{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s}.pds-toggle-button__option:first-child input:checked+label{border-bottom-left-radius:.1875rem;border-bottom-right-radius:0;border-top-left-radius:.1875rem;border-top-right-radius:0}.pds-toggle-button__option:last-child input:checked+label{border-bottom-left-radius:0;border-bottom-right-radius:.1875rem;border-top-left-radius:0;border-top-right-radius:.1875rem}.pds-toggle-button__icon{margin-inline-end:.328rem}.pds-toggle-button.pds-is-disabled{opacity:.5}.pds-toggle-button.pds-is-disabled input+label{cursor:not-allowed}.pds-toggle-button__option input:focus-visible+label{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem;z-index:200}