@pantheon-systems/pds-toolkit-react 1.0.0-dev.64 → 1.0.0-dev.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--pds-button-color-foreground,var(--pds-color-button-primary-foreground-default)
|
|
23
23
|
);--_pds-button-color-border:var(
|
|
24
24
|
--pds-button-color-border,var(--pds-color-button-primary-border-default)
|
|
25
|
-
);align-items:center;background-color:var(--_pds-button-color-background);border:1px solid var(--_pds-button-color-border);border-radius:.1875rem;color:var(--_pds-button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:
|
|
25
|
+
);align-items:center;background-color:var(--_pds-button-color-background);border:1px solid var(--_pds-button-color-border);border-radius:.1875rem;color:var(--_pds-button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;justify-content:center;letter-spacing:0;line-height:1;padding:.64rem .8rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__loading-indicator{--pds-spinner-size:1rem;--pds-spinner-color-1:#fff;--pds-spinner-color-2:#f1f1f1;--pds-spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--_pds-button-color-background:var(
|
|
26
26
|
--pds-color-button-primary-background-hover
|
|
27
27
|
);--_pds-button-color-border:var(--pds-color-button-primary-border-hover);--_pds-button-color-foreground:var(
|
|
28
28
|
--pds-color-button-primary-foreground-hover
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--pds-color-button-primary-background-active
|
|
31
31
|
);--_pds-button-color-border:var(--pds-color-button-primary-border-active);--_pds-button-color-foreground:var(
|
|
32
32
|
--pds-color-button-primary-foreground-active
|
|
33
|
-
)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:2px solid var(--pds-color-interactive-focus);outline-offset:2px}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.875rem;
|
|
33
|
+
)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:2px solid var(--pds-color-interactive-focus);outline-offset:2px}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.875rem;gap:.41rem;padding:.41rem .512rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--pds-spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;padding:.8rem 1rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--pds-spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--_pds-button-color-background:var(
|
|
34
34
|
--pds-color-button-secondary-background-default
|
|
35
35
|
);--_pds-button-color-border:var(--pds-color-button-secondary-border-default);--_pds-button-color-foreground:var(
|
|
36
36
|
--pds-color-button-secondary-foreground-default
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
--pds-color-button-subtle-background-default
|
|
47
47
|
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
48
48
|
--pds-color-button-subtle-foreground-default
|
|
49
|
-
);font-weight:
|
|
49
|
+
);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--_pds-button-color-background:var(
|
|
50
50
|
--pds-color-button-subtle-background-default
|
|
51
51
|
);--_pds-button-color-border:var(--pds-color-button-subtle-border-default);--_pds-button-color-foreground:var(
|
|
52
52
|
--pds-color-button-subtle-foreground-hover
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
--pds-color-button-navbar-foreground-hover
|
|
103
103
|
)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--_pds-button-color-background:transparent;--_pds-button-color-border:transparent;--_pds-button-color-foreground:var(
|
|
104
104
|
--pds-color-button-navbar-foreground-active
|
|
105
|
-
)}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}@media (min-width:641px){.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}button.pds-icon-button{--_pds-button-color-background:var(
|
|
105
|
+
)}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}button.pds-icon-button{--_pds-button-color-background:var(
|
|
106
106
|
--pds-button-color-background,var(--pds-color-icon-button-standard-background-default)
|
|
107
107
|
);--_pds-button-color-foreground:var(
|
|
108
108
|
--pds-button-color-foreground,var(--pds-color-icon-button-standard-foreground-default)
|