@patternfly/patternfly 5.0.0-prerelease.6 → 5.0.0-prerelease.8

package/sass-utilities/placeholders.scss

@@ -6,6 +6,8 @@
   --#{$pf-global}--link--Color: var(--#{$pf-global}--link--Color--dark);
   --#{$pf-global}--link--Color--hover: var(--#{$pf-global}--link--Color--dark--hover);
   --#{$pf-global}--BackgroundColor--100: var(--#{$pf-global}--BackgroundColor--light-100);
+  --#{$pf-global}--icon--Color--light: var(--#{$pf-global}--icon--Color--light--dark);
+  --#{$pf-global}--icon--Color--dark: var(--#{$pf-global}--icon--Color--dark--dark);
 }
 
 %pf-v5-t-dark {
@@ -16,6 +18,8 @@
   --#{$pf-global}--link--Color: var(--#{$pf-global}--link--Color--light);
   --#{$pf-global}--link--Color--hover: var(--#{$pf-global}--link--Color--light);
   --#{$pf-global}--BackgroundColor--100: var(--#{$pf-global}--BackgroundColor--dark-100);
+  --#{$pf-global}--icon--Color--light: var(--#{$pf-global}--icon--Color--light--light);
+  --#{$pf-global}--icon--Color--dark: var(--#{$pf-global}--icon--Color--dark--light);
 
   .#{$button} {
     --#{$button}--m-primary--BackgroundColor: var(--#{$pf-global}--primary-color--dark-100);

package/sass-utilities/scss-variables.scss

@@ -183,8 +183,12 @@ $pf-v5-global--BorderRadius--sm:        3px !default;
 $pf-v5-global--BorderRadius--lg:        30em !default; // This is a sufficiently large number to ensure in most cases that the ends are evenly rounded.
 
 // Icons
-$pf-v5-global--icon--Color--light: $pf-v5-color-black-600 !default;
-$pf-v5-global--icon--Color--dark: $pf-v5-color-black-900 !default;
+$pf-v5-global--icon--Color--light: $pf-v5-color-black-600 !default; // actionable icon color - eg, plain button default color
+$pf-v5-global--icon--Color--dark: $pf-v5-color-black-900 !default; // static icon color and hover/focus color for actionable icons - eg, plain button hover color
+$pf-v5-global--icon--Color--light--light: $pf-v5-color-black-200 !default; // "lighter" icon color for actionable icons - for use in pf-[v]-t-dark
+$pf-v5-global--icon--Color--dark--light: $pf-v5-color-white !default; // "lighter" icon color for static icons - for use in pf-[v]-t-dark
+$pf-v5-global--icon--Color--light--dark: $pf-v5-color-black-600 !default; // "darker" icon color for actionable icons - for use in pf-[v]-t-light
+$pf-v5-global--icon--Color--dark--dark: $pf-v5-color-black-900 !default; // "darker" icon color for static icons - for use in pf-[v]-t-light
 $pf-v5-global--icon--FontSize--sm: pf-font-prem(12px) !default;
 $pf-v5-global--icon--FontSize--md: pf-font-prem(16px) !default;
 $pf-v5-global--icon--FontSize--lg: pf-font-prem(24px) !default;

package/sass-utilities/themes/dark/placeholders.scss

@@ -1,13 +1,4 @@
 %pf-v5-theme-dark--t-dark {
-  // global
-  --#{$pf-global}--Color--100: #{$pf-v5-global--Color--100};
-  --#{$pf-global}--Color--200: #{$pf-v5-global--Color--200};
-  --#{$pf-global}--BorderColor--100: #{$pf-v5-global--BorderColor--100};
-  --#{$pf-global}--primary-color--100: #{$pf-v5-global--primary-color--100};
-  --#{$pf-global}--link--Color: #{$pf-v5-global--link--Color};
-  --#{$pf-global}--link--Color--hover: #{$pf-v5-global--link--Color--hover};
-  --#{$pf-global}--BackgroundColor--100: #{$pf-v5-global--BackgroundColor--100};
-
   .#{$button} {
     --#{$button}--m-primary--BackgroundColor: var(--#{$pf-global}--primary-color--300);
   }

package/sass-utilities/themes/dark/scss-variables.scss

@@ -30,7 +30,8 @@ $pf-v5-global--disabled-color--200: $pf-v5-color-black-500; // disabled backgrou
 $pf-v5-global--disabled-color--300: $pf-v5-color-black-200; // disabled text on disabled or floating background color - except form elements
 
 // icons
-$pf-v5-global--icon--Color--light: $pf-v5-color-black-300;
+$pf-v5-global--icon--Color--light: $pf-v5-color-black-200;
+$pf-v5-global--icon--Color--dark: $pf-v5-color-black-50;
 
 // theme color resets
 $pf-v5-global--Color--dark-100: $pf-v5-global--Color--100;
@@ -53,8 +54,10 @@ $pf-v5-global--BackgroundColor--dark-100: $pf-v5-global--BackgroundColor--100;
 $pf-v5-global--BackgroundColor--dark-200: $pf-v5-global--BackgroundColor--200;
 $pf-v5-global--BackgroundColor--dark-300: $pf-v5-global--BackgroundColor--300;
 $pf-v5-global--BackgroundColor--dark-400: $pf-v5-global--BackgroundColor--400;
-$pf-v5-global--icon--Color--light: $pf-v5-color-black-200;
-$pf-v5-global--icon--Color--dark: $pf-v5-color-black-50;
+$pf-v5-global--icon--Color--light--dark: $pf-v5-global--icon--Color--light;
+$pf-v5-global--icon--Color--dark--dark: $pf-v5-global--icon--Color--dark;
+$pf-v5-global--icon--Color--light--light: $pf-v5-global--icon--Color--light;
+$pf-v5-global--icon--Color--dark--light: $pf-v5-global--icon--Color--dark;
 
 // Shadows
 // small

package/docs/components/Dropdown/examples/Dropdown.css

@@ -1,64 +0,0 @@
-#ws-core-c-dropdown-badge-toggle,
-#ws-core-c-dropdown-badge-drillup-toggle,
-#ws-core-c-dropdown-expanded,
-#ws-core-c-dropdown-kebab,
-#ws-core-c-dropdown-kebab-align-right,
-#ws-core-c-dropdown-align-right,
-#ws-core-c-dropdown-align-on-different-breakpoint,
-#ws-core-c-dropdown-align-top,
-#ws-core-c-dropdown-primary-toggle,
-#ws-core-c-dropdown-secondary-toggle,
-#ws-core-c-dropdown-menu-item-icons,
-#ws-core-c-dropdown-aria-disabled-items,
-#ws-core-c-dropdown-plain-with-text {
-  min-height: 310px;
-}
-
-#ws-core-c-dropdown-kebab-align-right,
-#ws-core-c-dropdown-align-right {
-  display: flex;
-  justify-content: flex-end;
-}
-
-#ws-core-c-dropdown-align-on-different-breakpoint {
-  display: flex;
-  justify-content: center;
-}
-
-#ws-core-c-dropdown-align-top {
-  display: flex;
-  align-items: flex-end;
-}
-
-#ws-core-c-dropdown-with-groups,
-#ws-core-c-dropdown-with-groups-and-dividers-between-groups {
-  min-height: 440px;
-}
-
-#ws-core-c-dropdown-with-groups-and-dividers-between-items {
-  min-height: 460px;
-}
-
-#ws-core-c-dropdown-dropdown-with-image-and-text .ws-preview-html {
-  min-height: 19rem;
-}
-
-#ws-core-c-dropdown-split-button-checkbox,
-#ws-core-c-dropdown-split-button-action,
-#ws-core-c-dropdown-split-button-primary-checkbox,
-#ws-core-c-dropdown-split-button-primary-action,
-#ws-core-c-dropdown-split-button-secondary-action {
-  min-height: 210px;
-}
-
-[id^="ws-core-c-dropdown-split-button"] .pf-v5-c-dropdown:not(:last-child) {
-  margin-right: 4px;
-}
-
-#ws-core-c-dropdown-panel {
-  min-height: 130px;
-}
-
-#ws-core-c-dropdown-dropdown-with-description {
-  min-height: 400px;
-}

package/docs/components/Select/examples/Select.css

@@ -1,55 +0,0 @@
-#ws-core-c-select-single-with-top-expanded,
-#ws-core-c-select-single-expanded,
-#ws-core-c-select-single-expanded-and-selected,
-#ws-core-c-select-single-with-typeahead-expanded-and-selected,
-#ws-core-c-select-plain-toggle-expanded,
-#ws-core-c-select-view-more-menu-item,
-#ws-core-c-select-loading-menu-item,
-#ws-core-c-select-placeholder-expanded,
-#ws-core-c-select-placeholder-item-disabled,
-#ws-core-c-select-placeholder-item-enabled {
-  min-height: 330px;
-}
-
-#ws-core-c-select-single-with-top-expanded {
-  display: flex;
-  align-items: flex-end;
-  width: 100%;
-}
-
-#ws-core-c-select-single-with-typeahead-expanded,
-#ws-core-c-select-multi-with-typeahead-chip-group-collapsed {
-  min-height: 210px;
-}
-
-#ws-core-c-select-checkbox-expanded,
-#ws-core-c-select-checkbox-expanded-without-badge,
-#ws-core-c-select-checkbox-with-counts {
-  min-height: 270px;
-}
-
-#ws-core-c-select-multi-with-typeahead-chip-group-expanded,
-#ws-core-c-select-menu-footer {
-  min-height: 365px;
-}
-
-#ws-core-c-select-checkbox-expanded-and-selected-with-groups {
-  min-height: 460px;
-}
-
-#ws-core-c-select-checkbox-expanded-and-selected-with-groups-and-filter {
-  min-height: 530px;
-}
-
-#ws-core-c-select-panel-menu {
-  min-height: 120px;
-}
-
-#ws-core-c-select-item-description,
-#ws-core-c-select-checkbox-item-description {
-  min-height: 400px;
-}
-
-#ws-core-c-select-menu-item-favorites {
-  min-height: 650px;
-}