@patternfly/react-styles 6.0.0-alpha.20 → 6.0.0-alpha.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0-alpha.20",
+  "version": "6.0.0-alpha.21",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.0.0-alpha.117",
+    "@patternfly/patternfly": "6.0.0-alpha.135",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "8d93660fcd63d544d8ef0f2ee6494cfe5f09379e"
+  "gitHead": "6101cfe558acec0474dd1c0649e44c38bf01383f"
 }

package/css/components/AppLauncher/app-launcher.css

@@ -1,244 +0,0 @@
-.pf-v6-c-app-launcher {
-  --pf-v6-c-app-launcher__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-c-app-launcher__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
-  --pf-v6-c-app-launcher__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-app-launcher__menu--ZIndex: var(--pf-t--global--z-index--sm);
-  --pf-v6-c-app-launcher--m-top__menu--Top: 0;
-  --pf-v6-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-app-launcher__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-app-launcher__toggle--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__toggle--PaddingBottom: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-app-launcher__toggle--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__toggle--Color: var(--pf-v6-global--Color--200);
-  --pf-v6-c-app-launcher__toggle--hover--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-app-launcher__toggle--active--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-app-launcher__toggle--focus--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-app-launcher__toggle--disabled--Color: var(--pf-v6-global--disabled-color--200);
-  --pf-v6-c-app-launcher__toggle--m-expanded--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-app-launcher__toggle--BackgroundColor: transparent;
-  --pf-v6-c-app-launcher__menu-search--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-search--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-search--PaddingBottom: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-search--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-search--BottomBorderColor: var(--pf-v6-global--BorderColor--100);
-  --pf-v6-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-v6-global--BorderWidth--sm);
-  --pf-v6-c-app-launcher__menu-search--MarginBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-item--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-item--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-item--PaddingBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-item--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-item--Color: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-c-app-launcher__menu-item--FontWeight: var(--pf-v6-global--FontWeight--normal);
-  --pf-v6-c-app-launcher__menu-item--Width: 100%;
-  --pf-v6-c-app-launcher__menu-item--disabled--Color: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-300);
-  --pf-v6-c-app-launcher__menu-item--m-link--PaddingRight: 0;
-  --pf-v6-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
-  --pf-v6-c-app-launcher__menu-item--m-action--Color: var(--pf-v6-global--Color--200);
-  --pf-v6-c-app-launcher__menu-item--m-action--Width: auto;
-  --pf-v6-c-app-launcher__menu-item--m-action--FontSize: var(--pf-v6-global--icon--FontSize--sm);
-  --pf-v6-c-app-launcher__menu-item--m-action--hover--BackgroundColor: transparent;
-  --pf-v6-c-app-launcher__menu-item--hover__menu-item--m-action--Color: var(--pf-v6-global--Color--200);
-  --pf-v6-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-app-launcher__menu-item--m-action--disabled--Color: var(--pf-v6-global--disabled-color--200);
-  --pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-v6-global--palette--gold-400);
-  --pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-v6-global--palette--gold-500);
-  --pf-v6-c-app-launcher__menu-item-icon--MarginRight: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-item-icon--Width: var(--pf-v6-global--icon--FontSize--lg);
-  --pf-v6-c-app-launcher__menu-item-icon--Height: var(--pf-v6-global--icon--FontSize--lg);
-  --pf-v6-c-app-launcher__menu-item-external-icon--Color: var(--pf-v6-global--link--Color);
-  --pf-v6-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
-  --pf-v6-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
-  --pf-v6-c-app-launcher__group--group--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__group-title--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__group-title--PaddingRight: var(--pf-v6-c-app-launcher__menu-item--PaddingRight);
-  --pf-v6-c-app-launcher__group-title--PaddingBottom: var(--pf-v6-c-app-launcher__menu-item--PaddingBottom);
-  --pf-v6-c-app-launcher__group-title--PaddingLeft: var(--pf-v6-c-app-launcher__menu-item--PaddingLeft);
-  --pf-v6-c-app-launcher__group-title--FontSize: var(--pf-v6-global--FontSize--xs);
-  --pf-v6-c-app-launcher__group-title--FontWeight: var(--pf-v6-global--FontWeight--normal);
-  --pf-v6-c-app-launcher__group-title--Color: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-c-app-launcher--c-divider--MarginTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher--c-divider--MarginBottom: var(--pf-v6-global--spacer--sm);
-  position: relative;
-  display: inline-block;
-  max-width: 100%;
-}
-.pf-v6-c-app-launcher.pf-m-expanded > .pf-v6-c-app-launcher__toggle {
-  color: var(--pf-v6-c-app-launcher__toggle--m-expanded--Color);
-}
-.pf-v6-c-app-launcher .pf-v6-c-divider {
-  margin-block-start: var(--pf-v6-c-app-launcher--c-divider--MarginTop);
-  margin-block-end: var(--pf-v6-c-app-launcher--c-divider--MarginBottom);
-}
-.pf-v6-c-app-launcher .pf-v6-c-divider:last-child {
-  --pf-v6-c-app-launcher--c-divider--MarginBottom: 0;
-}
-
-.pf-v6-c-app-launcher__toggle {
-  padding-block-start: var(--pf-v6-c-app-launcher__toggle--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__toggle--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__toggle--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__toggle--PaddingRight);
-  color: var(--pf-v6-c-app-launcher__toggle--Color);
-  background-color: var(--pf-v6-c-app-launcher__toggle--BackgroundColor);
-  border: none;
-}
-.pf-v6-c-app-launcher__toggle:hover {
-  --pf-v6-c-app-launcher__toggle--Color: var(--pf-v6-c-app-launcher__toggle--hover--Color);
-}
-.pf-v6-c-app-launcher__toggle:active, .pf-v6-c-app-launcher__toggle.pf-m-active {
-  --pf-v6-c-app-launcher__toggle--Color: var(--pf-v6-c-app-launcher__toggle--active--Color);
-}
-.pf-v6-c-app-launcher__toggle:focus {
-  --pf-v6-c-app-launcher__toggle--Color: var(--pf-v6-c-app-launcher__toggle--focus--Color);
-}
-.pf-v6-c-app-launcher__toggle:disabled {
-  --pf-v6-c-app-launcher__toggle--Color: var(--pf-v6-c-app-launcher__toggle--disabled--Color);
-  pointer-events: none;
-}
-
-.pf-v6-c-app-launcher__menu {
-  position: absolute;
-  inset-block-start: var(--pf-v6-c-app-launcher__menu--Top);
-  z-index: var(--pf-v6-c-app-launcher__menu--ZIndex);
-  min-width: 100%;
-  padding-block-start: var(--pf-v6-c-app-launcher__menu--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__menu--PaddingBottom);
-  background-color: var(--pf-v6-c-app-launcher__menu--BackgroundColor);
-  background-clip: padding-box;
-  box-shadow: var(--pf-v6-c-app-launcher__menu--BoxShadow);
-}
-.pf-v6-c-app-launcher__menu.pf-m-align-right {
-  inset-inline-end: 0;
-}
-.pf-v6-c-app-launcher.pf-m-top .pf-v6-c-app-launcher__menu {
-  --pf-v6-c-app-launcher__menu--Top: var(--pf-v6-c-app-launcher--m-top__menu--Top);
-  transform: translateY(var(--pf-v6-c-app-launcher--m-top__menu--TranslateY));
-}
-.pf-v6-c-app-launcher__menu.pf-m-static {
-  --pf-v6-c-app-launcher--m-top__menu--TranslateY: 0;
-  position: static;
-  inset-block-start: auto;
-  inset-block-end: auto;
-  inset-inline-start: auto;
-  inset-inline-end: auto;
-  z-index: auto;
-  min-width: min-content;
-}
-
-.pf-v6-c-app-launcher__menu-search {
-  padding-block-start: var(--pf-v6-c-app-launcher__menu-search--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__menu-search--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__menu-search--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__menu-search--PaddingRight);
-  margin-block-end: var(--pf-v6-c-app-launcher__menu-search--MarginBottom);
-  border-block-end: var(--pf-v6-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-v6-c-app-launcher__menu-search--BottomBorderColor);
-}
-
-.pf-v6-c-app-launcher__menu-wrapper {
-  display: flex;
-}
-.pf-v6-c-app-launcher__menu-wrapper.pf-m-favorite {
-  --pf-v6-c-app-launcher__menu-item--m-action--Color: var(--pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color);
-  --pf-v6-c-app-launcher__menu-item--m-action--hover--Color: var(--pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color);
-}
-
-.pf-v6-c-app-launcher__menu-item {
-  display: flex;
-  align-items: center;
-  width: var(--pf-v6-c-app-launcher__menu-item--Width);
-  padding-block-start: var(--pf-v6-c-app-launcher__menu-item--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__menu-item--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__menu-item--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__menu-item--PaddingRight);
-  font-weight: var(--pf-v6-c-app-launcher__menu-item--FontWeight);
-  color: var(--pf-v6-c-app-launcher__menu-item--Color);
-  white-space: nowrap;
-  background: none;
-  border: 0;
-}
-.pf-v6-c-app-launcher__menu-item:hover, .pf-v6-c-app-launcher__menu-item:focus {
-  --pf-v6-c-app-launcher__menu-item--m-action--Color: var(--pf-v6-c-app-launcher__menu-item--hover__menu-item--m-action--Color);
-  text-decoration: none;
-}
-.pf-v6-c-app-launcher__menu-wrapper:hover,
-.pf-v6-c-app-launcher__menu-wrapper:focus-within,
-.pf-v6-c-app-launcher__menu-wrapper.pf-m-focus, .pf-v6-c-app-launcher__menu-item:hover, .pf-v6-c-app-launcher__menu-item:focus {
-  background-color: var(--pf-v6-c-app-launcher__menu-item--hover--BackgroundColor);
-}
-
-.pf-v6-c-app-launcher__menu-item:disabled, .pf-v6-c-app-launcher__menu-item.pf-m-disabled {
-  --pf-v6-c-app-launcher__menu-item--Color: var(--pf-v6-c-app-launcher__menu-item--disabled--Color);
-  --pf-v6-c-app-launcher__menu-item--m-action--Color: var(--pf-v6-c-app-launcher__menu-item--m-action--disabled--Color);
-  pointer-events: none;
-}
-.pf-v6-c-app-launcher__menu-wrapper:disabled, .pf-v6-c-app-launcher__menu-wrapper.pf-m-disabled, .pf-v6-c-app-launcher__menu-item:disabled, .pf-v6-c-app-launcher__menu-item.pf-m-disabled {
-  background-color: transparent;
-}
-
-.pf-v6-c-app-launcher__menu-wrapper.pf-m-external:hover .pf-v6-c-app-launcher__menu-item-external-icon, .pf-v6-c-app-launcher__menu-wrapper.pf-m-external:focus .pf-v6-c-app-launcher__menu-item-external-icon, .pf-v6-c-app-launcher__menu-item.pf-m-external:hover .pf-v6-c-app-launcher__menu-item-external-icon, .pf-v6-c-app-launcher__menu-item.pf-m-external:focus .pf-v6-c-app-launcher__menu-item-external-icon {
-  opacity: 1;
-}
-
-.pf-v6-c-app-launcher__menu-item.pf-m-link {
-  --pf-v6-c-app-launcher__menu-item--PaddingRight: var(--pf-v6-c-app-launcher__menu-item--m-link--PaddingRight);
-  --pf-v6-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v6-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
-}
-.pf-v6-c-app-launcher__menu-item.pf-m-action {
-  --pf-v6-c-app-launcher__menu-item--Color: var(--pf-v6-c-app-launcher__menu-item--m-action--Color);
-  --pf-v6-c-app-launcher__menu-item--Width: var(--pf-v6-c-app-launcher__menu-item--m-action--Width);
-  --pf-v6-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v6-c-app-launcher__menu-item--m-action--hover--BackgroundColor);
-  font-size: var(--pf-v6-c-app-launcher__menu-item--m-action--FontSize);
-}
-.pf-v6-c-app-launcher__menu-item.pf-m-action:hover, .pf-v6-c-app-launcher__menu-item.pf-m-action:focus {
-  --pf-v6-c-app-launcher__menu-item--m-action--Color: var(--pf-v6-c-app-launcher__menu-item--m-action--hover--Color);
-}
-
-.pf-v6-c-app-launcher__menu-item-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--pf-v6-c-app-launcher__menu-item-icon--Width);
-  height: var(--pf-v6-c-app-launcher__menu-item-icon--Height);
-  margin-inline-end: var(--pf-v6-c-app-launcher__menu-item-icon--MarginRight);
-}
-.pf-v6-c-app-launcher__menu-item-icon > * {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.pf-v6-c-app-launcher__menu-item-external-icon {
-  padding-inline-start: var(--pf-v6-c-app-launcher__menu-item-external-icon--PaddingLeft);
-  margin-inline-start: auto;
-  font-size: var(--pf-v6-c-app-launcher__menu-item-external-icon--FontSize);
-  color: var(--pf-v6-c-app-launcher__menu-item-external-icon--Color);
-  opacity: 0;
-  transform: translateY(var(--pf-v6-c-app-launcher__menu-item-external-icon--TranslateY));
-}
-
-.pf-v6-c-app-launcher__group + .pf-v6-c-app-launcher__group {
-  padding-block-start: var(--pf-v6-c-app-launcher__group--group--PaddingTop);
-}
-
-.pf-v6-c-app-launcher__group-title {
-  padding-block-start: var(--pf-v6-c-app-launcher__group-title--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__group-title--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__group-title--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__group-title--PaddingRight);
-  font-size: var(--pf-v6-c-app-launcher__group-title--FontSize);
-  font-weight: var(--pf-v6-c-app-launcher__group-title--FontWeight);
-  color: var(--pf-v6-c-app-launcher__group-title--Color);
-}
-
-:where(.pf-v6-theme-dark) .pf-v6-c-app-launcher {
-  --pf-v6-c-app-launcher__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--300);
-  --pf-v6-c-app-launcher__menu--Top: 100%;
-  --pf-v6-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
-  --pf-v6-c-app-launcher__menu-item--disabled--Color: var(--pf-v6-global--palette--black-300);
-  --pf-v6-c-app-launcher__menu-item--m-action--Color: var(--pf-v6-global--Color--200);
-  --pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-v6-global--palette--gold-300);
-  --pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-v6-global--palette--gold-100);
-}

package/css/components/AppLauncher/app-launcher.d.ts

@@ -1,29 +0,0 @@
-import './app-launcher.css';
-declare const _default: {
-  "appLauncher": "pf-v6-c-app-launcher",
-  "appLauncherGroup": "pf-v6-c-app-launcher__group",
-  "appLauncherGroupTitle": "pf-v6-c-app-launcher__group-title",
-  "appLauncherMenu": "pf-v6-c-app-launcher__menu",
-  "appLauncherMenuItem": "pf-v6-c-app-launcher__menu-item",
-  "appLauncherMenuItemExternalIcon": "pf-v6-c-app-launcher__menu-item-external-icon",
-  "appLauncherMenuItemIcon": "pf-v6-c-app-launcher__menu-item-icon",
-  "appLauncherMenuSearch": "pf-v6-c-app-launcher__menu-search",
-  "appLauncherMenuWrapper": "pf-v6-c-app-launcher__menu-wrapper",
-  "appLauncherToggle": "pf-v6-c-app-launcher__toggle",
-  "divider": "pf-v6-c-divider",
-  "modifiers": {
-    "expanded": "pf-m-expanded",
-    "active": "pf-m-active",
-    "alignRight": "pf-m-align-right",
-    "top": "pf-m-top",
-    "static": "pf-m-static",
-    "favorite": "pf-m-favorite",
-    "focus": "pf-m-focus",
-    "disabled": "pf-m-disabled",
-    "external": "pf-m-external",
-    "link": "pf-m-link",
-    "action": "pf-m-action"
-  },
-  "themeDark": "pf-v6-theme-dark"
-};
-export default _default;

package/css/components/AppLauncher/app-launcher.js

@@ -1,30 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./app-launcher.css');
-exports.default = {
-  "appLauncher": "pf-v6-c-app-launcher",
-  "appLauncherGroup": "pf-v6-c-app-launcher__group",
-  "appLauncherGroupTitle": "pf-v6-c-app-launcher__group-title",
-  "appLauncherMenu": "pf-v6-c-app-launcher__menu",
-  "appLauncherMenuItem": "pf-v6-c-app-launcher__menu-item",
-  "appLauncherMenuItemExternalIcon": "pf-v6-c-app-launcher__menu-item-external-icon",
-  "appLauncherMenuItemIcon": "pf-v6-c-app-launcher__menu-item-icon",
-  "appLauncherMenuSearch": "pf-v6-c-app-launcher__menu-search",
-  "appLauncherMenuWrapper": "pf-v6-c-app-launcher__menu-wrapper",
-  "appLauncherToggle": "pf-v6-c-app-launcher__toggle",
-  "divider": "pf-v6-c-divider",
-  "modifiers": {
-    "expanded": "pf-m-expanded",
-    "active": "pf-m-active",
-    "alignRight": "pf-m-align-right",
-    "top": "pf-m-top",
-    "static": "pf-m-static",
-    "favorite": "pf-m-favorite",
-    "focus": "pf-m-focus",
-    "disabled": "pf-m-disabled",
-    "external": "pf-m-external",
-    "link": "pf-m-link",
-    "action": "pf-m-action"
-  },
-  "themeDark": "pf-v6-theme-dark"
-};

package/css/components/AppLauncher/app-launcher.mjs

@@ -1,28 +0,0 @@
-import './app-launcher.css';
-export default {
-  "appLauncher": "pf-v6-c-app-launcher",
-  "appLauncherGroup": "pf-v6-c-app-launcher__group",
-  "appLauncherGroupTitle": "pf-v6-c-app-launcher__group-title",
-  "appLauncherMenu": "pf-v6-c-app-launcher__menu",
-  "appLauncherMenuItem": "pf-v6-c-app-launcher__menu-item",
-  "appLauncherMenuItemExternalIcon": "pf-v6-c-app-launcher__menu-item-external-icon",
-  "appLauncherMenuItemIcon": "pf-v6-c-app-launcher__menu-item-icon",
-  "appLauncherMenuSearch": "pf-v6-c-app-launcher__menu-search",
-  "appLauncherMenuWrapper": "pf-v6-c-app-launcher__menu-wrapper",
-  "appLauncherToggle": "pf-v6-c-app-launcher__toggle",
-  "divider": "pf-v6-c-divider",
-  "modifiers": {
-    "expanded": "pf-m-expanded",
-    "active": "pf-m-active",
-    "alignRight": "pf-m-align-right",
-    "top": "pf-m-top",
-    "static": "pf-m-static",
-    "favorite": "pf-m-favorite",
-    "focus": "pf-m-focus",
-    "disabled": "pf-m-disabled",
-    "external": "pf-m-external",
-    "link": "pf-m-link",
-    "action": "pf-m-action"
-  },
-  "themeDark": "pf-v6-theme-dark"
-};

package/css/components/Chip/chip-group.css

@@ -1,93 +0,0 @@
-.pf-v6-c-chip-group {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--dark-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--dark);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--dark--hover);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--dark);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
-}
-
-.pf-v6-c-chip-group {
-  color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-chip-group--PaddingTop: 0;
-  --pf-v6-c-chip-group--PaddingRight: 0;
-  --pf-v6-c-chip-group--PaddingBottom: 0;
-  --pf-v6-c-chip-group--PaddingLeft: 0;
-  --pf-v6-c-chip-group--RowGap: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-chip-group--ColumnGap: 0;
-  --pf-v6-c-chip-group__main--RowGap: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip-group__main--ColumnGap: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-chip-group__list--RowGap: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip-group__list--ColumnGap: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip-group--m-category--PaddingTop: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip-group--m-category--PaddingRight: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip-group--m-category--PaddingBottom: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip-group--m-category--PaddingLeft: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-chip-group--m-category--BorderRadius: var(--pf-v6-global--BorderRadius--sm);
-  --pf-v6-c-chip-group--m-category--BackgroundColor: var(--pf-v6-global--BackgroundColor--200);
-  --pf-v6-c-chip-group__label--FontSize: var(--pf-v6-global--FontSize--sm);
-  --pf-v6-c-chip-group__label--MaxWidth: 18ch;
-  --pf-v6-c-chip-group__close--MarginTop: calc(var(--pf-v6-global--spacer--xs) * -1);
-  --pf-v6-c-chip-group__close--MarginBottom: calc(var(--pf-v6-global--spacer--xs) * -1);
-  row-gap: var(--pf-v6-c-chip-group--RowGap);
-  column-gap: var(--pf-v6-c-chip-group--ColumnGap);
-  max-width: 100%;
-  padding-block-start: var(--pf-v6-c-chip-group--PaddingTop);
-  padding-block-end: var(--pf-v6-c-chip-group--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-chip-group--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-chip-group--PaddingRight);
-}
-.pf-v6-c-chip-group.pf-m-category {
-  --pf-v6-c-chip-group--PaddingTop: var(--pf-v6-c-chip-group--m-category--PaddingTop);
-  --pf-v6-c-chip-group--PaddingRight: var(--pf-v6-c-chip-group--m-category--PaddingRight);
-  --pf-v6-c-chip-group--PaddingBottom: var(--pf-v6-c-chip-group--m-category--PaddingBottom);
-  --pf-v6-c-chip-group--PaddingLeft: var(--pf-v6-c-chip-group--m-category--PaddingLeft);
-  background-color: var(--pf-v6-c-chip-group--m-category--BackgroundColor);
-  border-radius: var(--pf-v6-c-chip-group--m-category--BorderRadius);
-}
-
-.pf-v6-c-chip-group__main {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  row-gap: var(--pf-v6-c-chip-group__main--RowGap);
-  column-gap: var(--pf-v6-c-chip-group__main--ColumnGap);
-  align-items: baseline;
-  min-width: 0;
-}
-
-.pf-v6-c-chip-group,
-.pf-v6-c-chip-group__list {
-  display: inline-flex;
-  flex-wrap: wrap;
-  align-items: center;
-  min-width: 0;
-}
-
-.pf-v6-c-chip-group__list {
-  row-gap: var(--pf-v6-c-chip-group__list--RowGap);
-  column-gap: var(--pf-v6-c-chip-group__list--ColumnGap);
-}
-
-.pf-v6-c-chip-group__list-item {
-  display: inline-flex;
-  min-width: 0;
-}
-
-.pf-v6-c-chip-group__label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-v6-c-chip-group__label--MaxWidth);
-  font-size: var(--pf-v6-c-chip-group__label--FontSize);
-}
-
-.pf-v6-c-chip-group__close {
-  display: flex;
-  align-self: flex-start;
-  margin-block-start: var(--pf-v6-c-chip-group__close--MarginTop);
-  margin-block-end: var(--pf-v6-c-chip-group__close--MarginBottom);
-}

package/css/components/Chip/chip-group.d.ts

@@ -1,13 +0,0 @@
-import './chip-group.css';
-declare const _default: {
-  "chipGroup": "pf-v6-c-chip-group",
-  "chipGroupClose": "pf-v6-c-chip-group__close",
-  "chipGroupLabel": "pf-v6-c-chip-group__label",
-  "chipGroupList": "pf-v6-c-chip-group__list",
-  "chipGroupListItem": "pf-v6-c-chip-group__list-item",
-  "chipGroupMain": "pf-v6-c-chip-group__main",
-  "modifiers": {
-    "category": "pf-m-category"
-  }
-};
-export default _default;

package/css/components/Chip/chip-group.js

@@ -1,14 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./chip-group.css');
-exports.default = {
-  "chipGroup": "pf-v6-c-chip-group",
-  "chipGroupClose": "pf-v6-c-chip-group__close",
-  "chipGroupLabel": "pf-v6-c-chip-group__label",
-  "chipGroupList": "pf-v6-c-chip-group__list",
-  "chipGroupListItem": "pf-v6-c-chip-group__list-item",
-  "chipGroupMain": "pf-v6-c-chip-group__main",
-  "modifiers": {
-    "category": "pf-m-category"
-  }
-};

package/css/components/Chip/chip-group.mjs

@@ -1,12 +0,0 @@
-import './chip-group.css';
-export default {
-  "chipGroup": "pf-v6-c-chip-group",
-  "chipGroupClose": "pf-v6-c-chip-group__close",
-  "chipGroupLabel": "pf-v6-c-chip-group__label",
-  "chipGroupList": "pf-v6-c-chip-group__list",
-  "chipGroupListItem": "pf-v6-c-chip-group__list-item",
-  "chipGroupMain": "pf-v6-c-chip-group__main",
-  "modifiers": {
-    "category": "pf-m-category"
-  }
-};

package/css/components/Chip/chip.css

@@ -1,122 +0,0 @@
-.pf-v6-c-chip {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--dark-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--dark);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--dark--hover);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--dark);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
-}
-
-.pf-v6-c-chip {
-  --pf-v6-c-chip--PaddingTop: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip--PaddingRight: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-chip--PaddingBottom: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip--PaddingLeft: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-chip--BackgroundColor: var(--pf-v6-global--Color--light-100);
-  --pf-v6-c-chip--BorderRadius: var(--pf-v6-global--BorderRadius--sm);
-  --pf-v6-c-chip--before--BorderColor: var(--pf-v6-global--BorderColor--300);
-  --pf-v6-c-chip--before--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
-  --pf-v6-c-chip--before--BorderRadius: var(--pf-v6-c-chip--BorderRadius);
-  --pf-v6-c-chip--m-overflow__text--Color: var(--pf-v6-global--primary-color--100);
-  --pf-v6-c-chip--m-draggable--BackgroundColor: var(--pf-v6-global--BackgroundColor--200);
-  --pf-v6-c-chip--m-draggable--BoxShadow: var(--pf-v6-global--BoxShadow--sm);
-  --pf-v6-c-chip--m-draggable__icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
-  --pf-v6-c-chip__content--FontSize: var(--pf-v6-global--FontSize--xs);
-  --pf-v6-c-chip__content--ColumnGap: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip__text--Color: var(--pf-v6-global--Color--100);
-  --pf-v6-c-chip__text--MaxWidth: 16ch;
-  --pf-v6-c-chip__c-badge--MarginLeft: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip__actions--FontSize: var(--pf-v6-global--FontSize--xs);
-  --pf-v6-c-chip__actions--c-button--PaddingTop: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip__actions--c-button--PaddingRight: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-chip__actions--c-button--PaddingBottom: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-chip__actions--c-button--PaddingLeft: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-chip__actions--c-button--MarginTop: calc(var(--pf-v6-c-chip--PaddingTop) * -1);
-  --pf-v6-c-chip__actions--c-button--MarginRight: calc(var(--pf-v6-c-chip--PaddingRight) / 2 * -1);
-  --pf-v6-c-chip__actions--c-button--MarginBottom: calc(var(--pf-v6-c-chip--PaddingBottom) * -1);
-  --pf-v6-c-chip__actions--c-button--FontSize: var(--pf-v6-global--FontSize--xs);
-  --pf-v6-c-chip__icon--MarginLeft: var(--pf-v6-global--spacer--sm);
-  color: var(--pf-v6-global--Color--100);
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  min-width: 0;
-  padding-block-start: var(--pf-v6-c-chip--PaddingTop);
-  padding-block-end: var(--pf-v6-c-chip--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-chip--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-chip--PaddingRight);
-  list-style: none;
-  background-color: var(--pf-v6-c-chip--BackgroundColor);
-  border-radius: var(--pf-v6-c-chip--BorderRadius);
-}
-.pf-v6-c-chip::before {
-  position: absolute;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  content: "";
-  border: var(--pf-v6-c-chip--before--BorderWidth) solid var(--pf-v6-c-chip--before--BorderColor);
-  border-radius: var(--pf-v6-c-chip--before--BorderRadius);
-}
-.pf-v6-c-chip.pf-m-overflow {
-  border: 0;
-}
-.pf-v6-c-chip.pf-m-overflow .pf-v6-c-chip__text {
-  color: var(--pf-v6-c-chip--m-overflow__text--Color);
-}
-.pf-v6-c-chip.pf-m-draggable {
-  --pf-v6-c-chip--BackgroundColor: var(--pf-v6-c-chip--m-draggable--BackgroundColor);
-  box-shadow: var(--pf-v6-c-chip--m-draggable--BoxShadow);
-}
-.pf-v6-c-chip.pf-m-draggable .pf-v6-c-chip__icon {
-  font-size: var(--pf-v6-c-chip--m-draggable__icon--FontSize);
-}
-
-.pf-v6-c-chip__text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  max-width: var(--pf-v6-c-chip__text--MaxWidth);
-  color: var(--pf-v6-c-chip__text--Color);
-}
-.pf-v6-c-chip__text .pf-v6-c-badge {
-  margin-inline-start: var(--pf-v6-c-chip__c-badge--MarginLeft);
-}
-
-.pf-v6-c-chip__icon + .pf-v6-c-chip__text,
-.pf-v6-c-chip__text + .pf-v6-c-chip__icon {
-  margin-inline-start: var(--pf-v6-c-chip__icon--MarginLeft);
-}
-
-.pf-v6-c-chip__content {
-  display: flex;
-  column-gap: var(--pf-v6-c-chip__content--ColumnGap);
-  align-items: center;
-  font-size: var(--pf-v6-c-chip__content--FontSize);
-}
-
-.pf-v6-c-chip__actions {
-  font-size: var(--pf-v6-c-chip__actions--FontSize);
-}
-.pf-v6-c-chip__actions .pf-v6-c-button {
-  --pf-v6-c-button--PaddingTop: var(--pf-v6-c-chip__actions--c-button--PaddingTop);
-  --pf-v6-c-button--PaddingRight: var(--pf-v6-c-chip__actions--c-button--PaddingRight);
-  --pf-v6-c-button--PaddingBottom: var(--pf-v6-c-chip__actions--c-button--PaddingBottom);
-  --pf-v6-c-button--PaddingLeft: var(--pf-v6-c-chip__actions--c-button--PaddingLeft);
-  --pf-v6-c-button--FontSize: var(--pf-v6-c-chip__actions--c-button--FontSize);
-  margin-block-start: var(--pf-v6-c-chip__actions--c-button--MarginTop);
-  margin-block-end: var(--pf-v6-c-chip__actions--c-button--MarginBottom);
-  margin-inline-end: var(--pf-v6-c-chip__actions--c-button--MarginRight);
-  line-height: 1;
-}
-
-:where(.pf-v6-theme-dark) .pf-v6-c-chip {
-  --pf-v6-c-chip--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
-  --pf-v6-c-chip--before--BorderColor: var(--pf-v6-global--BorderColor--100);
-  --pf-v6-c-chip--m-draggable--BackgroundColor: var(--pf-v6-global--palette--black-600);
-}

package/css/components/Chip/chip.d.ts

@@ -1,16 +0,0 @@
-import './chip.css';
-declare const _default: {
-  "badge": "pf-v6-c-badge",
-  "button": "pf-v6-c-button",
-  "chip": "pf-v6-c-chip",
-  "chipActions": "pf-v6-c-chip__actions",
-  "chipContent": "pf-v6-c-chip__content",
-  "chipIcon": "pf-v6-c-chip__icon",
-  "chipText": "pf-v6-c-chip__text",
-  "modifiers": {
-    "overflow": "pf-m-overflow",
-    "draggable": "pf-m-draggable"
-  },
-  "themeDark": "pf-v6-theme-dark"
-};
-export default _default;

package/css/components/Chip/chip.js

@@ -1,17 +0,0 @@
-"use strict";
-exports.__esModule = true;
-require('./chip.css');
-exports.default = {
-  "badge": "pf-v6-c-badge",
-  "button": "pf-v6-c-button",
-  "chip": "pf-v6-c-chip",
-  "chipActions": "pf-v6-c-chip__actions",
-  "chipContent": "pf-v6-c-chip__content",
-  "chipIcon": "pf-v6-c-chip__icon",
-  "chipText": "pf-v6-c-chip__text",
-  "modifiers": {
-    "overflow": "pf-m-overflow",
-    "draggable": "pf-m-draggable"
-  },
-  "themeDark": "pf-v6-theme-dark"
-};