@patternfly/react-tokens 5.0.0-alpha.9 → 5.0.0-prerelease.2

package/CHANGELOG.md

@@ -3,6 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@5.0.0-prerelease.1...@patternfly/react-tokens@5.0.0-prerelease.2) (2023-06-06)
+
+### Bug Fixes
+
+- **versions:** bump core and fix demo-app versions ([#9248](https://github.com/patternfly/patternfly-react/issues/9248)) ([d19f9d2](https://github.com/patternfly/patternfly-react/commit/d19f9d21c39574784074ee1def886a6da21b2274))
+
+# 5.0.0-prerelease.1 (2023-06-06)
+
+### Bug Fixes
+
+- **release:** dryrun publishing prereleases ([#9242](https://github.com/patternfly/patternfly-react/issues/9242)) ([e4c35f1](https://github.com/patternfly/patternfly-react/commit/e4c35f14cd57be132179e51ae2bb223600a35f0e))
+
+# 5.0.0-alpha.16 (2023-06-02)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+# 5.0.0-alpha.15 (2023-05-31)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+# 5.0.0-alpha.14 (2023-05-19)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+# 5.0.0-alpha.13 (2023-05-18)
+
+### Features
+
+- **Flex:** add plain gap spacing ([#9143](https://github.com/patternfly/patternfly-react/issues/9143)) ([eceb265](https://github.com/patternfly/patternfly-react/commit/eceb265a5318d4c533a4c54484311bbd9810aa7d))
+
+# 5.0.0-alpha.12 (2023-05-18)
+
+### Features
+
+- **Table:** added class names for table elements ([#9133](https://github.com/patternfly/patternfly-react/issues/9133)) ([51d6d2b](https://github.com/patternfly/patternfly-react/commit/51d6d2b1a92af7bbfb0075361b375a4d881e110b))
+
+# 5.0.0-alpha.11 (2023-05-18)
+
+### Features
+
+- **FormControls:** updated logic for rendering icons ([#9132](https://github.com/patternfly/patternfly-react/issues/9132)) ([9f4863f](https://github.com/patternfly/patternfly-react/commit/9f4863f3251e365142c44aace2c1aeba57ba6b3a))
+
+# 5.0.0-alpha.10 (2023-05-16)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
 # [5.0.0-alpha.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@5.0.0-alpha.8...@patternfly/react-tokens@5.0.0-alpha.9) (2023-05-05)
 
 ### Bug Fixes

package/dist/esm/c_about_modal_box.d.ts

@@ -81,10 +81,6 @@ export const c_about_modal_box: {
         "#030303"
       ]
     },
-    "c_about_modal_box_BackgroundImage": {
-      "name": "--pf-v5-c-about-modal-box--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
-    },
     "c_about_modal_box_BackgroundPosition": {
       "name": "--pf-v5-c-about-modal-box--BackgroundPosition",
       "value": "bottom right"
@@ -322,18 +318,6 @@ export const c_about_modal_box: {
       "name": "--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor",
       "value": "rgba(3, 3, 3, 0.4)"
     },
-    "c_about_modal_box__hero_sm_BackgroundImage": {
-      "name": "--pf-v5-c-about-modal-box__hero--sm--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg_992@2x.jpg\")"
-    },
-    "c_about_modal_box__hero_sm_BackgroundPosition": {
-      "name": "--pf-v5-c-about-modal-box__hero--sm--BackgroundPosition",
-      "value": "top left"
-    },
-    "c_about_modal_box__hero_sm_BackgroundSize": {
-      "name": "--pf-v5-c-about-modal-box__hero--sm--BackgroundSize",
-      "value": "cover"
-    },
     "c_about_modal_box__brand_image_Height": {
       "name": "--pf-v5-c-about-modal-box__brand-image--Height",
       "value": "2.5rem"

package/dist/esm/c_about_modal_box.js

@@ -81,10 +81,6 @@ export const c_about_modal_box = {
         "#030303"
       ]
     },
-    "c_about_modal_box_BackgroundImage": {
-      "name": "--pf-v5-c-about-modal-box--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
-    },
     "c_about_modal_box_BackgroundPosition": {
       "name": "--pf-v5-c-about-modal-box--BackgroundPosition",
       "value": "bottom right"
@@ -322,18 +318,6 @@ export const c_about_modal_box = {
       "name": "--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor",
       "value": "rgba(3, 3, 3, 0.4)"
     },
-    "c_about_modal_box__hero_sm_BackgroundImage": {
-      "name": "--pf-v5-c-about-modal-box__hero--sm--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg_992@2x.jpg\")"
-    },
-    "c_about_modal_box__hero_sm_BackgroundPosition": {
-      "name": "--pf-v5-c-about-modal-box__hero--sm--BackgroundPosition",
-      "value": "top left"
-    },
-    "c_about_modal_box__hero_sm_BackgroundSize": {
-      "name": "--pf-v5-c-about-modal-box__hero--sm--BackgroundSize",
-      "value": "cover"
-    },
     "c_about_modal_box__brand_image_Height": {
       "name": "--pf-v5-c-about-modal-box__brand-image--Height",
       "value": "2.5rem"

package/dist/esm/c_accordion.d.ts

@@ -424,8 +424,8 @@ export const c_accordion: {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },
@@ -691,8 +691,8 @@ export const c_accordion: {
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_accordion.js

@@ -424,8 +424,8 @@ export const c_accordion = {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },
@@ -691,8 +691,8 @@ export const c_accordion = {
       "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
-        "--pf-v5-global--FontFamily--heading--sans-serif",
-        "$pf-v5-global--FontFamily--heading--sans-serif",
+        "--pf-v5-global--FontFamily--heading",
+        "$pf-v5-global--FontFamily--heading",
         "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
       ]
     },

package/dist/esm/c_alert.d.ts

@@ -239,12 +239,12 @@ export const c_alert: {
     },
     "c_alert__icon_FontSize": {
       "name": "--pf-v5-c-alert__icon--FontSize",
-      "value": "1.125rem",
+      "value": "1rem",
       "values": [
         "--pf-v5-global--icon--FontSize--md",
         "$pf-v5-global--icon--FontSize--md",
-        "pf-font-prem(18px)",
-        "1.125rem"
+        "pf-font-prem(16px)",
+        "1rem"
       ]
     },
     "c_alert__title_FontWeight": {

package/dist/esm/c_alert.js

@@ -239,12 +239,12 @@ export const c_alert = {
     },
     "c_alert__icon_FontSize": {
       "name": "--pf-v5-c-alert__icon--FontSize",
-      "value": "1.125rem",
+      "value": "1rem",
       "values": [
         "--pf-v5-global--icon--FontSize--md",
         "$pf-v5-global--icon--FontSize--md",
-        "pf-font-prem(18px)",
-        "1.125rem"
+        "pf-font-prem(16px)",
+        "1rem"
       ]
     },
     "c_alert__title_FontWeight": {

package/dist/esm/c_alert__icon_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_alert__icon_FontSize: {
   "name": "--pf-v5-c-alert__icon--FontSize",
-  "value": "1.125rem",
+  "value": "1rem",
   "var": "var(--pf-v5-c-alert__icon--FontSize)"
 };
 export default c_alert__icon_FontSize;

package/dist/esm/c_alert__icon_FontSize.js

@@ -1,6 +1,6 @@
 export const c_alert__icon_FontSize = {
   "name": "--pf-v5-c-alert__icon--FontSize",
-  "value": "1.125rem",
+  "value": "1rem",
   "var": "var(--pf-v5-c-alert__icon--FontSize)"
 };
 export default c_alert__icon_FontSize;

package/dist/esm/c_app_launcher.d.ts

@@ -354,12 +354,12 @@ export const c_app_launcher: {
     },
     "c_app_launcher__menu_item_m_action_FontSize": {
       "name": "--pf-v5-c-app-launcher__menu-item--m-action--FontSize",
-      "value": "0.625rem",
+      "value": "0.75rem",
       "values": [
         "--pf-v5-global--icon--FontSize--sm",
         "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(10px)",
-        "0.625rem"
+        "pf-font-prem(12px)",
+        "0.75rem"
       ]
     },
     "c_app_launcher__menu_item_m_action_hover_BackgroundColor": {
@@ -471,12 +471,12 @@ export const c_app_launcher: {
     },
     "c_app_launcher__menu_item_external_icon_FontSize": {
       "name": "--pf-v5-c-app-launcher__menu-item-external-icon--FontSize",
-      "value": "0.625rem",
+      "value": "0.75rem",
       "values": [
         "--pf-v5-global--icon--FontSize--sm",
         "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(10px)",
-        "0.625rem"
+        "pf-font-prem(12px)",
+        "0.75rem"
       ]
     },
     "c_app_launcher__group_group_PaddingTop": {

package/dist/esm/c_app_launcher.js

@@ -354,12 +354,12 @@ export const c_app_launcher = {
     },
     "c_app_launcher__menu_item_m_action_FontSize": {
       "name": "--pf-v5-c-app-launcher__menu-item--m-action--FontSize",
-      "value": "0.625rem",
+      "value": "0.75rem",
       "values": [
         "--pf-v5-global--icon--FontSize--sm",
         "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(10px)",
-        "0.625rem"
+        "pf-font-prem(12px)",
+        "0.75rem"
       ]
     },
     "c_app_launcher__menu_item_m_action_hover_BackgroundColor": {
@@ -471,12 +471,12 @@ export const c_app_launcher = {
     },
     "c_app_launcher__menu_item_external_icon_FontSize": {
       "name": "--pf-v5-c-app-launcher__menu-item-external-icon--FontSize",
-      "value": "0.625rem",
+      "value": "0.75rem",
       "values": [
         "--pf-v5-global--icon--FontSize--sm",
         "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(10px)",
-        "0.625rem"
+        "pf-font-prem(12px)",
+        "0.75rem"
       ]
     },
     "c_app_launcher__group_group_PaddingTop": {

package/dist/esm/c_app_launcher__menu_item_external_icon_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_app_launcher__menu_item_external_icon_FontSize: {
   "name": "--pf-v5-c-app-launcher__menu-item-external-icon--FontSize",
-  "value": "0.625rem",
+  "value": "0.75rem",
   "var": "var(--pf-v5-c-app-launcher__menu-item-external-icon--FontSize)"
 };
 export default c_app_launcher__menu_item_external_icon_FontSize;

package/dist/esm/c_app_launcher__menu_item_external_icon_FontSize.js

@@ -1,6 +1,6 @@
 export const c_app_launcher__menu_item_external_icon_FontSize = {
   "name": "--pf-v5-c-app-launcher__menu-item-external-icon--FontSize",
-  "value": "0.625rem",
+  "value": "0.75rem",
   "var": "var(--pf-v5-c-app-launcher__menu-item-external-icon--FontSize)"
 };
 export default c_app_launcher__menu_item_external_icon_FontSize;

package/dist/esm/c_app_launcher__menu_item_m_action_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_app_launcher__menu_item_m_action_FontSize: {
   "name": "--pf-v5-c-app-launcher__menu-item--m-action--FontSize",
-  "value": "0.625rem",
+  "value": "0.75rem",
   "var": "var(--pf-v5-c-app-launcher__menu-item--m-action--FontSize)"
 };
 export default c_app_launcher__menu_item_m_action_FontSize;

package/dist/esm/c_app_launcher__menu_item_m_action_FontSize.js

@@ -1,6 +1,6 @@
 export const c_app_launcher__menu_item_m_action_FontSize = {
   "name": "--pf-v5-c-app-launcher__menu-item--m-action--FontSize",
-  "value": "0.625rem",
+  "value": "0.75rem",
   "var": "var(--pf-v5-c-app-launcher__menu-item--m-action--FontSize)"
 };
 export default c_app_launcher__menu_item_m_action_FontSize;

package/dist/esm/c_background_image.d.ts

@@ -12,7 +12,7 @@ export const c_background_image: {
     },
     "c_background_image_BackgroundImage": {
       "name": "--pf-v5-c-background-image--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
+      "value": "none"
     },
     "c_background_image_BackgroundPosition": {
       "name": "--pf-v5-c-background-image--BackgroundPosition",

package/dist/esm/c_background_image.js

@@ -12,7 +12,7 @@ export const c_background_image = {
     },
     "c_background_image_BackgroundImage": {
       "name": "--pf-v5-c-background-image--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
+      "value": "none"
     },
     "c_background_image_BackgroundPosition": {
       "name": "--pf-v5-c-background-image--BackgroundPosition",

package/dist/esm/c_background_image_BackgroundImage.d.ts

@@ -1,6 +1,6 @@
 export const c_background_image_BackgroundImage: {
   "name": "--pf-v5-c-background-image--BackgroundImage",
-  "value": "url(\"../../assets/images/pfbg-icon.svg\")",
+  "value": "none",
   "var": "var(--pf-v5-c-background-image--BackgroundImage)"
 };
 export default c_background_image_BackgroundImage;

package/dist/esm/c_background_image_BackgroundImage.js

@@ -1,6 +1,6 @@
 export const c_background_image_BackgroundImage = {
   "name": "--pf-v5-c-background-image--BackgroundImage",
-  "value": "url(\"../../assets/images/pfbg-icon.svg\")",
+  "value": "none",
   "var": "var(--pf-v5-c-background-image--BackgroundImage)"
 };
 export default c_background_image_BackgroundImage;

package/dist/esm/c_banner.d.ts

@@ -77,7 +77,8 @@ export const c_banner: {
       "value": "#f0ab00",
       "values": [
         "--pf-v5-c-banner--m-gold--BackgroundColor",
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -309,7 +310,8 @@ export const c_banner: {
       "name": "--pf-v5-c-banner--m-red--BackgroundColor",
       "value": "#c9190b",
       "values": [
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -318,7 +320,8 @@ export const c_banner: {
       "name": "--pf-v5-c-banner--m-green--BackgroundColor",
       "value": "#3e8635",
       "values": [
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]
@@ -327,7 +330,8 @@ export const c_banner: {
       "name": "--pf-v5-c-banner--m-gold--BackgroundColor",
       "value": "#f0ab00",
       "values": [
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -371,7 +375,8 @@ export const c_banner: {
       "value": "#c9190b",
       "values": [
         "--pf-v5-c-banner--m-red--BackgroundColor",
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -383,7 +388,8 @@ export const c_banner: {
       "value": "#3e8635",
       "values": [
         "--pf-v5-c-banner--m-green--BackgroundColor",
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]

package/dist/esm/c_banner.js

@@ -77,7 +77,8 @@ export const c_banner = {
       "value": "#f0ab00",
       "values": [
         "--pf-v5-c-banner--m-gold--BackgroundColor",
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -309,7 +310,8 @@ export const c_banner = {
       "name": "--pf-v5-c-banner--m-red--BackgroundColor",
       "value": "#c9190b",
       "values": [
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -318,7 +320,8 @@ export const c_banner = {
       "name": "--pf-v5-c-banner--m-green--BackgroundColor",
       "value": "#3e8635",
       "values": [
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]
@@ -327,7 +330,8 @@ export const c_banner = {
       "name": "--pf-v5-c-banner--m-gold--BackgroundColor",
       "value": "#f0ab00",
       "values": [
-        "--pf-v5-global--palette--gold-400",
+        "--pf-v5-global--warning-color--100",
+        "$pf-v5-global--warning-color--100",
         "$pf-v5-color-gold-400",
         "#f0ab00"
       ]
@@ -371,7 +375,8 @@ export const c_banner = {
       "value": "#c9190b",
       "values": [
         "--pf-v5-c-banner--m-red--BackgroundColor",
-        "--pf-v5-global--palette--red-100",
+        "--pf-v5-global--danger-color--100",
+        "$pf-v5-global--danger-color--100",
         "$pf-v5-color-red-100",
         "#c9190b"
       ]
@@ -383,7 +388,8 @@ export const c_banner = {
       "value": "#3e8635",
       "values": [
         "--pf-v5-c-banner--m-green--BackgroundColor",
-        "--pf-v5-global--palette--green-500",
+        "--pf-v5-global--success-color--100",
+        "$pf-v5-global--success-color--100",
         "$pf-v5-color-green-500",
         "#3e8635"
       ]

package/dist/esm/c_breadcrumb.d.ts

@@ -31,12 +31,12 @@ export const c_breadcrumb: {
     },
     "c_breadcrumb__item_divider_Color": {
       "name": "--pf-v5-c-breadcrumb__item-divider--Color",
-      "value": "#8a8d90",
+      "value": "#151515",
       "values": [
-        "--pf-v5-global--BorderColor--200",
-        "$pf-v5-global--BorderColor--200",
-        "$pf-v5-color-black-500",
-        "#8a8d90"
+        "--pf-v5-global--icon--Color--dark",
+        "$pf-v5-global--icon--Color--dark",
+        "$pf-v5-color-black-900",
+        "#151515"
       ]
     },
     "c_breadcrumb__item_divider_MarginRight": {

package/dist/esm/c_breadcrumb.js

@@ -31,12 +31,12 @@ export const c_breadcrumb = {
     },
     "c_breadcrumb__item_divider_Color": {
       "name": "--pf-v5-c-breadcrumb__item-divider--Color",
-      "value": "#8a8d90",
+      "value": "#151515",
       "values": [
-        "--pf-v5-global--BorderColor--200",
-        "$pf-v5-global--BorderColor--200",
-        "$pf-v5-color-black-500",
-        "#8a8d90"
+        "--pf-v5-global--icon--Color--dark",
+        "$pf-v5-global--icon--Color--dark",
+        "$pf-v5-color-black-900",
+        "#151515"
       ]
     },
     "c_breadcrumb__item_divider_MarginRight": {

package/dist/esm/c_breadcrumb__item_divider_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_breadcrumb__item_divider_Color: {
   "name": "--pf-v5-c-breadcrumb__item-divider--Color",
-  "value": "#8a8d90",
+  "value": "#151515",
   "var": "var(--pf-v5-c-breadcrumb__item-divider--Color)"
 };
 export default c_breadcrumb__item_divider_Color;

package/dist/esm/c_breadcrumb__item_divider_Color.js

@@ -1,6 +1,6 @@
 export const c_breadcrumb__item_divider_Color = {
   "name": "--pf-v5-c-breadcrumb__item-divider--Color",
-  "value": "#8a8d90",
+  "value": "#151515",
   "var": "var(--pf-v5-c-breadcrumb__item-divider--Color)"
 };
 export default c_breadcrumb__item_divider_Color;