@patternfly/react-styles 5.0.0-alpha.9 → 5.0.0-prerelease.1

package/css/components/SearchInput/search-input.css

@@ -1,199 +0,0 @@
-.pf-c-search-input {
-  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
-  --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
-  --pf-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
-  --pf-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
-  --pf-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
-  --pf-c-search-input__text-input--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-search-input__text-input--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-search-input__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
-  --pf-c-search-input__text-input--MinWidth: 6ch;
-  --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
-  --pf-c-search-input__text-input--BackgroundColor: transparent;
-  --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
-  --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
-  --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
-  --pf-c-search-input__icon--TranslateY: -50%;
-  --pf-c-search-input__utilities--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-search-input__utilities--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-search-input__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
-  --pf-c-search-input__menu-body--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-body--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-search-input__menu--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-search-input__menu--Top: calc(100% + var(--pf-global--spacer--xs));
-  --pf-c-search-input__menu--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-search-input--m-top__menu--Top: 0;
-  --pf-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
-  --pf-c-search-input__menu-list--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-search-input__menu-item--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-search-input__menu-item--Color: var(--pf-global--Color--100);
-  --pf-c-search-input__menu-item--BackgroundColor: transparent;
-  --pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  position: relative;
-  width: 100%;
-}
-
-.pf-c-search-input__bar {
-  position: relative;
-  display: flex;
-  width: 100%;
-}
-.pf-c-search-input__bar:hover {
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__bar--hover__text--after--BorderBottomColor);
-}
-
-.pf-c-search-input__text {
-  display: grid;
-  flex: 1;
-  grid-template-areas: "text-input";
-  grid-template-columns: 1fr;
-}
-.pf-c-search-input__text::before, .pf-c-search-input__text::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-}
-.pf-c-search-input__text::before {
-  border: var(--pf-c-search-input__text--before--BorderWidth) solid var(--pf-c-search-input__text--before--BorderColor);
-}
-.pf-c-search-input__text::after {
-  border-bottom: var(--pf-c-search-input__text--after--BorderBottomWidth) solid var(--pf-c-search-input__text--after--BorderBottomColor);
-}
-.pf-c-search-input__text:hover, .pf-c-search-input__text:focus-within {
-  --pf-c-search-input__icon--Color: var(--pf-c-search-input__text--hover__icon--Color);
-}
-.pf-c-search-input__text:focus-within {
-  --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-c-search-input__text--focus-within--after--BorderBottomWidth);
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__text--focus-within--after--BorderBottomColor);
-}
-
-.pf-c-search-input__icon {
-  position: absolute;
-  top: 50%;
-  left: var(--pf-c-search-input__icon--Left);
-  color: var(--pf-c-search-input__icon--Color);
-  transform: translateY(var(--pf-c-search-input__icon--TranslateY));
-}
-
-.pf-c-search-input__text-input {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  width: 100%;
-  min-width: var(--pf-c-search-input__text-input--MinWidth);
-  padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
-  background-color: var(--pf-c-search-input__text-input--BackgroundColor);
-  border: 0;
-}
-.pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
-  grid-area: text-input;
-}
-.pf-c-search-input__text-input.pf-m-hint {
-  color: var(--pf-c-search-input__text-input--m-hint--Color);
-}
-
-.pf-c-search-input__utilities {
-  display: flex;
-  margin-right: var(--pf-c-search-input__utilities--MarginRight);
-  margin-left: var(--pf-c-search-input__utilities--MarginLeft);
-}
-.pf-c-search-input__utilities > * + * {
-  margin-left: var(--pf-c-search-input__utilities--child--MarginLeft);
-}
-.pf-c-search-input__utilities .pf-c-button {
-  --pf-c-button--PaddingRight: var(--pf-c-search-input__utilities--c-button--PaddingRight);
-  --pf-c-button--PaddingLeft: var(--pf-c-search-input__utilities--c-button--PaddingLeft);
-}
-
-.pf-c-search-input__nav {
-  display: flex;
-}
-
-.pf-c-search-input__count {
-  display: flex;
-  align-items: center;
-}
-
-.pf-c-search-input__menu {
-  position: absolute;
-  top: var(--pf-c-search-input__menu--Top);
-  z-index: var(--pf-c-search-input__menu--ZIndex);
-  min-width: 100%;
-  background-color: var(--pf-c-search-input__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-c-search-input__menu--BoxShadow);
-}
-.pf-c-search-input.pf-m-top .pf-c-search-input__menu {
-  --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
-  transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
-}
-.pf-c-search-input__menu.pf-m-static {
-  --pf-c-search-input--m-top__menu--TranslateY: 0;
-  position: static;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
-  z-index: auto;
-  min-width: min-content;
-}
-
-.pf-c-search-input__menu-body {
-  padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
-}
-
-.pf-c-search-input__menu-list {
-  padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
-  padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
-}
-
-.pf-c-search-input__menu-item {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
-  padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
-  padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
-  padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
-  color: var(--pf-c-search-input__menu-item--Color);
-  text-align: left;
-  background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
-  border: none;
-}
-.pf-c-search-input__menu-item:hover {
-  --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
-}
-.pf-c-search-input__menu-item:focus {
-  --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
-}
-
-.pf-c-search-input__menu-item-text {
-  flex-grow: 1;
-}
-
-:where(.pf-theme-dark) .pf-c-search-input {
-  --pf-c-search-input__text--before--BorderColor: transparent;
-  --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
-  background-color: var(--pf-global--BackgroundColor--400);
-}
-:where(.pf-theme-dark) .pf-c-search-input__text::before {
-  border-bottom-color: var(--pf-global--BorderColor--400);
-}

package/css/components/SearchInput/search-input.d.ts

@@ -1,24 +0,0 @@
-import './search-input.css';
-declare const _default: {
-  "button": "pf-c-button",
-  "modifiers": {
-    "hint": "pf-m-hint",
-    "top": "pf-m-top",
-    "static": "pf-m-static"
-  },
-  "searchInput": "pf-c-search-input",
-  "searchInputBar": "pf-c-search-input__bar",
-  "searchInputCount": "pf-c-search-input__count",
-  "searchInputIcon": "pf-c-search-input__icon",
-  "searchInputMenu": "pf-c-search-input__menu",
-  "searchInputMenuBody": "pf-c-search-input__menu-body",
-  "searchInputMenuItem": "pf-c-search-input__menu-item",
-  "searchInputMenuItemText": "pf-c-search-input__menu-item-text",
-  "searchInputMenuList": "pf-c-search-input__menu-list",
-  "searchInputNav": "pf-c-search-input__nav",
-  "searchInputText": "pf-c-search-input__text",
-  "searchInputTextInput": "pf-c-search-input__text-input",
-  "searchInputUtilities": "pf-c-search-input__utilities",
-  "themeDark": "pf-theme-dark"
-};
-export default _default;

package/css/components/SearchInput/search-input.js

@@ -1,25 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./search-input.css');
-exports.default = {
-  "button": "pf-c-button",
-  "modifiers": {
-    "hint": "pf-m-hint",
-    "top": "pf-m-top",
-    "static": "pf-m-static"
-  },
-  "searchInput": "pf-c-search-input",
-  "searchInputBar": "pf-c-search-input__bar",
-  "searchInputCount": "pf-c-search-input__count",
-  "searchInputIcon": "pf-c-search-input__icon",
-  "searchInputMenu": "pf-c-search-input__menu",
-  "searchInputMenuBody": "pf-c-search-input__menu-body",
-  "searchInputMenuItem": "pf-c-search-input__menu-item",
-  "searchInputMenuItemText": "pf-c-search-input__menu-item-text",
-  "searchInputMenuList": "pf-c-search-input__menu-list",
-  "searchInputNav": "pf-c-search-input__nav",
-  "searchInputText": "pf-c-search-input__text",
-  "searchInputTextInput": "pf-c-search-input__text-input",
-  "searchInputUtilities": "pf-c-search-input__utilities",
-  "themeDark": "pf-theme-dark"
-};

package/css/components/SearchInput/search-input.mjs

@@ -1,23 +0,0 @@
-import './search-input.css';
-export default {
-  "button": "pf-c-button",
-  "modifiers": {
-    "hint": "pf-m-hint",
-    "top": "pf-m-top",
-    "static": "pf-m-static"
-  },
-  "searchInput": "pf-c-search-input",
-  "searchInputBar": "pf-c-search-input__bar",
-  "searchInputCount": "pf-c-search-input__count",
-  "searchInputIcon": "pf-c-search-input__icon",
-  "searchInputMenu": "pf-c-search-input__menu",
-  "searchInputMenuBody": "pf-c-search-input__menu-body",
-  "searchInputMenuItem": "pf-c-search-input__menu-item",
-  "searchInputMenuItemText": "pf-c-search-input__menu-item-text",
-  "searchInputMenuList": "pf-c-search-input__menu-list",
-  "searchInputNav": "pf-c-search-input__nav",
-  "searchInputText": "pf-c-search-input__text",
-  "searchInputTextInput": "pf-c-search-input__text-input",
-  "searchInputUtilities": "pf-c-search-input__utilities",
-  "themeDark": "pf-theme-dark"
-};

package/css/docs/components/AppLauncher/examples/application-launcher.css

@@ -1,25 +0,0 @@
-#ws-core-c-application-launcher-aligned-right,
-#ws-core-c-application-launcher-aligned-top,
-#ws-core-c-application-launcher-expanded {
-  min-height: 216px;
-}
-
-#ws-core-c-application-launcher-aligned-right {
-  display: flex;
-  justify-content: flex-end;
-}
-
-#ws-core-c-application-launcher-aligned-top {
-  display: flex;
-  align-items: flex-end;
-}
-
-#ws-core-c-application-launcher-with-sections-and-dividers-between-sections,
-#ws-core-c-application-launcher-with-sections-and-dividers-between-items,
-#ws-core-c-application-launcher-with-sections-dividers-icons-and-external-links {
-  min-height: 424px;
-}
-
-#ws-core-c-application-launcher-favorites {
-  min-height: 540px;
-}

package/css/docs/components/ContextSelector/examples/context-selector.css

@@ -1,7 +0,0 @@
-#ws-core-c-context-selector-basic, #ws-core-c-context-selector-plain-with-text {
-  min-height: 380px;
-}
-
-#ws-core-c-context-selector-with-footer {
-  min-height: 420px;
-}

package/css/docs/components/FormControl/examples/FormControl.css

@@ -1,5 +0,0 @@
-#ws-core-c-form-control-input #input-custom-icon {
-  --pf-c-form-control--m-icon--BackgroundSizeX: var(--pf-global--icon--FontSize--lg);
-  --pf-c-form-control--m-icon--BackgroundSizeY: var(--pf-global--icon--FontSize--lg);
-  --pf-c-form-control--m-icon--BackgroundUrl: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%23a18fff" d="M158.87.15c-16.16-1.52-31.2 8.42-35.33 24.12l-14.81 56.27c187.62 5.49 314.54 130.61 322.48 317l56.94-15.78c15.72-4.36 25.49-19.68 23.62-35.9C490.89 165.08 340.78 17.32 158.87.15zm-58.47 112L.55 491.64a16.21 16.21 0 0 0 20 19.75l379-105.1c-4.27-174.89-123.08-292.14-299.15-294.1zM128 416a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm48-152a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm104 104a32 32 0 1 1 32-32 32 32 0 0 1-32 32z"/%3E%3C/svg%3E');
-}

package/css/docs/components/FormControl/examples/FormControl.d.ts

@@ -1,3 +0,0 @@
-import './FormControl.css';
-declare const _default: {};
-export default _default;

package/css/docs/components/FormControl/examples/FormControl.js

@@ -1,4 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./FormControl.css');
-exports.default = {};

package/css/docs/components/FormControl/examples/FormControl.mjs

@@ -1,2 +0,0 @@
-import './FormControl.css';
-export default {};

package/css/docs/components/OptionsMenu/examples/options-menu.css

@@ -1,25 +0,0 @@
-#ws-core-c-options-menu-single-option,
-#ws-core-c-options-menu-plain,
-#ws-core-c-options-menu-align-right,
-#ws-core-c-options-menu-align-top {
-  min-height: 215px;
-}
-
-#ws-core-c-options-menu-multiple-options {
-  min-height: 350px;
-}
-
-#ws-core-c-options-menu-plain-with-text {
-  min-height: 280px;
-}
-
-#ws-core-c-options-menu-align-top {
-  display: flex;
-  align-items: flex-end;
-}
-
-#ws-core-c-options-menu-with-groups,
-#ws-core-c-options-menu-with-groups-and-dividers-between-groups,
-#ws-core-c-options-menu-with-groups-and-dividers-between-items {
-  min-height: 450px;
-}

package/css/docs/components/SearchInput/examples/SearchInput.css

@@ -1,12 +0,0 @@
-#ws-core-c-search-input-advanced-search-expanded,
-#ws-core-c-search-input-advanced-search-expanded-with-autocomplete {
-  height: 550px;
-}
-
-#ws-core-c-search-input-autocomplete {
-  height: 250px;
-}
-
-#ws-core-c-search-input-autocomplete-last-option-hint {
-  height: 150px;
-}

package/css/docs/components/SearchInput/examples/SearchInput.d.ts

@@ -1,3 +0,0 @@
-import './SearchInput.css';
-declare const _default: {};
-export default _default;

package/css/docs/components/SearchInput/examples/SearchInput.js

@@ -1,4 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./SearchInput.css');
-exports.default = {};

package/css/docs/components/SearchInput/examples/SearchInput.mjs

@@ -1,2 +0,0 @@
-import './SearchInput.css';
-export default {};