@pantheon-systems/pds-toolkit-react 1.0.0-dev.237 → 1.0.0-dev.239
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.
- package/_dist/components/Icon/Icon.d.ts +13 -1
- package/_dist/components/buttons/Button/Button.d.ts +1 -1
- package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +5 -1
- package/_dist/css/component-css/pds-button-link.css +1 -1
- package/_dist/css/component-css/pds-button-nav.css +1 -1
- package/_dist/css/component-css/pds-button.css +27 -63
- package/_dist/css/component-css/pds-flow-steps.css +1 -1
- package/_dist/css/component-css/pds-index.css +31 -67
- package/_dist/css/component-css/pds-tab-menu.css +2 -2
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +9 -0
- package/_dist/css/pds-components.css +31 -67
- package/_dist/css/pds-core.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.js +1604 -1577
- package/_dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-tab-menu{--tab-color:var(--pds-color-foreground-default);--tab-border-width:1px;border-bottom:var(--tab-border-width) solid var(--pds-color-border-separator);font-family:Poppins,sans-serif;margin-block:.512rem;position:relative;width:100%}.pds-tab-menu__menu{color:var(--tab-color);column-gap:2.441rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-bottom:calc(var(--tab-border-width)*3) solid transparent;column-gap:.125rem;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--tab-border-width)*-1);padding:.41rem .25rem;position:relative}.pds-tab-menu__item.pds-tab-menu__item--active{--tab-color:var(--pds-color-nav-item-default-foreground-active)
|
|
2
|
-
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;left:0;margin-block-start:.512rem;max-height:24rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.052rem}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:.1875rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;line-height:120%;list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-tab-menu__dropdown-item a{align-items:center;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none;width:100%}.pds-tab-menu__dropdown-item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-tab-menu__active-icon{flex-shrink:0;margin-inline-end:.64rem}.pds-tab-menu__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.328rem .512rem}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-input-field--text{border-color:transparent}.pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:0;padding-inline:.8rem}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:1.25rem;overflow-x:scroll;scrollbar-width:none
|
|
1
|
+
.pds-tab-menu{--tab-color:var(--pds-color-foreground-default);--tab-border-width:1px;border-bottom:var(--tab-border-width) solid var(--pds-color-border-separator);font-family:Poppins,sans-serif;margin-block:.512rem;position:relative;width:100%}.pds-tab-menu__menu{color:var(--tab-color);column-gap:2.441rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-bottom:calc(var(--tab-border-width)*3) solid transparent;column-gap:.125rem;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--tab-border-width)*-1);padding:.41rem .25rem;position:relative}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item:hover{--tab-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item.pds-tab-menu__item--active{border-bottom-color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-nav-item-default-foreground-active)}.pds-tab-menu__item a{color:var(--tab-color);text-decoration:none}.pds-tab-menu__item a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tab-menu__item .pds-tab-menu__item-icon{color:var(--tab-color)}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:.64rem;display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;height:1.563rem;margin-inline-end:-.64rem;padding-inline:.375rem}.pds-tab-menu__dropdown-trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
|
+
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;left:0;margin-block-start:.512rem;max-height:24rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.052rem}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:.1875rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;line-height:120%;list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-tab-menu__dropdown-item a{align-items:center;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none;width:100%}.pds-tab-menu__dropdown-item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-tab-menu__active-icon{flex-shrink:0;margin-inline-end:.64rem}.pds-tab-menu__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.328rem .512rem}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-input-field--text{border-color:transparent}.pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:0;padding-inline:.8rem}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:1.25rem;cursor:pointer;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}.pds-tab-menu--isMobile .pds-tab-menu__menu::-webkit-scrollbar{display:none}.pds-tab-menu--isMobile .pds-tab-menu__item{font-size:.96rem;padding:.328rem .25rem}.pds-tab-menu--isMobile .pds-tab-menu__item-inner{width:max-content}.pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}
|
|
@@ -91,6 +91,15 @@
|
|
|
91
91
|
--pds-color-button-critical-foreground-active: #ffffff;
|
|
92
92
|
--pds-color-button-critical-foreground-default: #ffffff;
|
|
93
93
|
--pds-color-button-critical-foreground-hover: #ffffff;
|
|
94
|
+
--pds-color-button-critical-secondary-background-active: #ffdcd8;
|
|
95
|
+
--pds-color-button-critical-secondary-background-default: rgba(0, 0, 0, 0);
|
|
96
|
+
--pds-color-button-critical-secondary-background-hover: var(--pds-color-status-critical-background);
|
|
97
|
+
--pds-color-button-critical-secondary-border-active: var(--pds-color-button-critical-border-active);
|
|
98
|
+
--pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
|
|
99
|
+
--pds-color-button-critical-secondary-border-hover: var(--pds-color-button-critical-border-hover);
|
|
100
|
+
--pds-color-button-critical-secondary-foreground-active: var(--pds-color-status-critical-foreground);
|
|
101
|
+
--pds-color-button-critical-secondary-foreground-default: var(--pds-color-status-critical-foreground);
|
|
102
|
+
--pds-color-button-critical-secondary-foreground-hover: var(--pds-color-status-critical-foreground);
|
|
94
103
|
--pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
|
|
95
104
|
--pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
|
|
96
105
|
--pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
|