@patternfly/react-tokens 6.0.0-alpha.12 → 6.0.0-alpha.13

package/dist/js/c_notification_drawer.js

@@ -133,12 +133,12 @@ exports.c_notification_drawer = {
     },
     "c_notification_drawer__header_status_Color": {
       "name": "--pf-v5-c-notification-drawer__header-status--Color",
-      "value": "#707070",
+      "value": "#4d4d4d",
       "values": [
         "--pf-t--global--text--color--subtle",
         "--pf-t--global--text--color--200",
-        "--pf-t--color--gray--50",
-        "#707070"
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_notification_drawer__body_ZIndex": {
@@ -474,12 +474,12 @@ exports.c_notification_drawer = {
     },
     "c_notification_drawer__list_item_timestamp_Color": {
       "name": "--pf-v5-c-notification-drawer__list-item-timestamp--Color",
-      "value": "#707070",
+      "value": "#4d4d4d",
       "values": [
         "--pf-t--global--text--color--subtle",
         "--pf-t--global--text--color--200",
-        "--pf-t--color--gray--50",
-        "#707070"
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_notification_drawer__list_item_timestamp_FontSize": {

package/dist/js/c_notification_drawer__header_status_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_drawer__header_status_Color: {
   "name": "--pf-v5-c-notification-drawer__header-status--Color",
-  "value": "#707070",
+  "value": "#4d4d4d",
   "var": "var(--pf-v5-c-notification-drawer__header-status--Color)"
 };
 export default c_notification_drawer__header_status_Color;

package/dist/js/c_notification_drawer__header_status_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_notification_drawer__header_status_Color = {
   "name": "--pf-v5-c-notification-drawer__header-status--Color",
-  "value": "#707070",
+  "value": "#4d4d4d",
   "var": "var(--pf-v5-c-notification-drawer__header-status--Color)"
 };
 exports["default"] = exports.c_notification_drawer__header_status_Color;

package/dist/js/c_notification_drawer__list_item_timestamp_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_drawer__list_item_timestamp_Color: {
   "name": "--pf-v5-c-notification-drawer__list-item-timestamp--Color",
-  "value": "#707070",
+  "value": "#4d4d4d",
   "var": "var(--pf-v5-c-notification-drawer__list-item-timestamp--Color)"
 };
 export default c_notification_drawer__list_item_timestamp_Color;

package/dist/js/c_notification_drawer__list_item_timestamp_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_notification_drawer__list_item_timestamp_Color = {
   "name": "--pf-v5-c-notification-drawer__list-item-timestamp--Color",
-  "value": "#707070",
+  "value": "#4d4d4d",
   "var": "var(--pf-v5-c-notification-drawer__list-item-timestamp--Color)"
 };
 exports["default"] = exports.c_notification_drawer__list_item_timestamp_Color;

package/dist/js/c_page.d.ts

@@ -798,10 +798,12 @@ export const c_page: {
     },
     "c_page_section_m_sticky_top_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-sticky-top--BoxShadow",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
-        "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_sticky_bottom_ZIndex": {
@@ -815,18 +817,22 @@ export const c_page: {
     },
     "c_page_section_m_sticky_bottom_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-sticky-bottom--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_shadow_bottom_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-shadow-bottom--BoxShadow",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
-        "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_shadow_bottom_ZIndex": {
@@ -840,10 +846,12 @@ export const c_page: {
     },
     "c_page_section_m_shadow_top_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-shadow-top--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_shadow_top_ZIndex": {

package/dist/js/c_page.js

@@ -800,10 +800,12 @@ exports.c_page = {
     },
     "c_page_section_m_sticky_top_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-sticky-top--BoxShadow",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
-        "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_sticky_bottom_ZIndex": {
@@ -817,18 +819,22 @@ exports.c_page = {
     },
     "c_page_section_m_sticky_bottom_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-sticky-bottom--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_shadow_bottom_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-shadow-bottom--BoxShadow",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
-        "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_shadow_bottom_ZIndex": {
@@ -842,10 +848,12 @@ exports.c_page = {
     },
     "c_page_section_m_shadow_top_BoxShadow": {
       "name": "--pf-v5-c-page--section--m-shadow-top--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_page_section_m_shadow_top_ZIndex": {

package/dist/js/c_page_section_m_shadow_bottom_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_page_section_m_shadow_bottom_BoxShadow: {
   "name": "--pf-v5-c-page--section--m-shadow-bottom--BoxShadow",
-  "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-shadow-bottom--BoxShadow)"
 };
 export default c_page_section_m_shadow_bottom_BoxShadow;

package/dist/js/c_page_section_m_shadow_bottom_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page_section_m_shadow_bottom_BoxShadow = {
   "name": "--pf-v5-c-page--section--m-shadow-bottom--BoxShadow",
-  "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-shadow-bottom--BoxShadow)"
 };
 exports["default"] = exports.c_page_section_m_shadow_bottom_BoxShadow;

package/dist/js/c_page_section_m_shadow_top_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_page_section_m_shadow_top_BoxShadow: {
   "name": "--pf-v5-c-page--section--m-shadow-top--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-shadow-top--BoxShadow)"
 };
 export default c_page_section_m_shadow_top_BoxShadow;

package/dist/js/c_page_section_m_shadow_top_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page_section_m_shadow_top_BoxShadow = {
   "name": "--pf-v5-c-page--section--m-shadow-top--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-shadow-top--BoxShadow)"
 };
 exports["default"] = exports.c_page_section_m_shadow_top_BoxShadow;

package/dist/js/c_page_section_m_sticky_bottom_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_page_section_m_sticky_bottom_BoxShadow: {
   "name": "--pf-v5-c-page--section--m-sticky-bottom--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow)"
 };
 export default c_page_section_m_sticky_bottom_BoxShadow;

package/dist/js/c_page_section_m_sticky_bottom_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page_section_m_sticky_bottom_BoxShadow = {
   "name": "--pf-v5-c-page--section--m-sticky-bottom--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow)"
 };
 exports["default"] = exports.c_page_section_m_sticky_bottom_BoxShadow;

package/dist/js/c_page_section_m_sticky_top_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_page_section_m_sticky_top_BoxShadow: {
   "name": "--pf-v5-c-page--section--m-sticky-top--BoxShadow",
-  "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-sticky-top--BoxShadow)"
 };
 export default c_page_section_m_sticky_top_BoxShadow;

package/dist/js/c_page_section_m_sticky_top_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page_section_m_sticky_top_BoxShadow = {
   "name": "--pf-v5-c-page--section--m-sticky-top--BoxShadow",
-  "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-page--section--m-sticky-top--BoxShadow)"
 };
 exports["default"] = exports.c_page_section_m_sticky_top_BoxShadow;

package/dist/js/c_pagination.d.ts

@@ -45,10 +45,12 @@ export const c_pagination: {
     },
     "c_pagination__nav_page_select_FontSize": {
       "name": "--pf-v5-c-pagination__nav-page-select--FontSize",
-      "value": "undefined",
+      "value": "14px",
       "values": [
-        "--pf-t--global--font--size--body--md",
-        "undefined"
+        "--pf-t--global--font--size--body--default",
+        "--pf-t--global--font--size--sm",
+        "--pf-t--global--font--size--200",
+        "14px"
       ]
     },
     "c_pagination__nav_page_select_ColumnGap": {
@@ -111,10 +113,12 @@ export const c_pagination: {
     },
     "c_pagination_m_sticky_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-sticky--BoxShadow",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
-        "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination_m_sticky_PaddingTop": {
@@ -173,10 +177,12 @@ export const c_pagination: {
     },
     "c_pagination_m_bottom_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-bottom--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination_m_bottom_Bottom": {
@@ -203,10 +209,12 @@ export const c_pagination: {
     },
     "c_pagination_m_bottom_m_sticky_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination__page_menu_Display": {
@@ -225,11 +233,13 @@ export const c_pagination: {
   ".pf-v5-c-pagination.pf-m-bottom": {
     "c_pagination_m_sticky_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-sticky--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow",
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination_m_sticky_Top": {

package/dist/js/c_pagination.js

@@ -47,10 +47,12 @@ exports.c_pagination = {
     },
     "c_pagination__nav_page_select_FontSize": {
       "name": "--pf-v5-c-pagination__nav-page-select--FontSize",
-      "value": "undefined",
+      "value": "14px",
       "values": [
-        "--pf-t--global--font--size--body--md",
-        "undefined"
+        "--pf-t--global--font--size--body--default",
+        "--pf-t--global--font--size--sm",
+        "--pf-t--global--font--size--200",
+        "14px"
       ]
     },
     "c_pagination__nav_page_select_ColumnGap": {
@@ -113,10 +115,12 @@ exports.c_pagination = {
     },
     "c_pagination_m_sticky_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-sticky--BoxShadow",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
-        "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination_m_sticky_PaddingTop": {
@@ -175,10 +179,12 @@ exports.c_pagination = {
     },
     "c_pagination_m_bottom_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-bottom--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination_m_bottom_Bottom": {
@@ -205,10 +211,12 @@ exports.c_pagination = {
     },
     "c_pagination_m_bottom_m_sticky_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination__page_menu_Display": {
@@ -227,11 +235,13 @@ exports.c_pagination = {
   ".pf-v5-c-pagination.pf-m-bottom": {
     "c_pagination_m_sticky_BoxShadow": {
       "name": "--pf-v5-c-pagination--m-sticky--BoxShadow",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
       "values": [
         "--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow",
         "--pf-t--global--box-shadow--sm--top",
-        "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
       ]
     },
     "c_pagination_m_sticky_Top": {

package/dist/js/c_pagination__nav_page_select_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_pagination__nav_page_select_FontSize: {
   "name": "--pf-v5-c-pagination__nav-page-select--FontSize",
-  "value": "undefined",
+  "value": "14px",
   "var": "var(--pf-v5-c-pagination__nav-page-select--FontSize)"
 };
 export default c_pagination__nav_page_select_FontSize;

package/dist/js/c_pagination__nav_page_select_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_pagination__nav_page_select_FontSize = {
   "name": "--pf-v5-c-pagination__nav-page-select--FontSize",
-  "value": "undefined",
+  "value": "14px",
   "var": "var(--pf-v5-c-pagination__nav-page-select--FontSize)"
 };
 exports["default"] = exports.c_pagination__nav_page_select_FontSize;

package/dist/js/c_pagination_m_bottom_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_pagination_m_bottom_BoxShadow: {
   "name": "--pf-v5-c-pagination--m-bottom--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-pagination--m-bottom--BoxShadow)"
 };
 export default c_pagination_m_bottom_BoxShadow;

package/dist/js/c_pagination_m_bottom_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_pagination_m_bottom_BoxShadow = {
   "name": "--pf-v5-c-pagination--m-bottom--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-pagination--m-bottom--BoxShadow)"
 };
 exports["default"] = exports.c_pagination_m_bottom_BoxShadow;

package/dist/js/c_pagination_m_bottom_m_sticky_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_pagination_m_bottom_m_sticky_BoxShadow: {
   "name": "--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow)"
 };
 export default c_pagination_m_bottom_m_sticky_BoxShadow;

package/dist/js/c_pagination_m_bottom_m_sticky_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_pagination_m_bottom_m_sticky_BoxShadow = {
   "name": "--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow)"
 };
 exports["default"] = exports.c_pagination_m_bottom_m_sticky_BoxShadow;

package/dist/js/c_pagination_m_sticky_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_pagination_m_sticky_BoxShadow: {
   "name": "--pf-v5-c-pagination--m-sticky--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-pagination--m-sticky--BoxShadow)"
 };
 export default c_pagination_m_sticky_BoxShadow;

package/dist/js/c_pagination_m_sticky_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_pagination_m_sticky_BoxShadow = {
   "name": "--pf-v5-c-pagination--m-sticky--BoxShadow",
-  "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)",
+  "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
   "var": "var(--pf-v5-c-pagination--m-sticky--BoxShadow)"
 };
 exports["default"] = exports.c_pagination_m_sticky_BoxShadow;

package/dist/js/c_panel.d.ts

@@ -65,10 +65,12 @@ export const c_panel: {
     },
     "c_panel_m_raised_BoxShadow": {
       "name": "--pf-v5-c-panel--m-raised--BoxShadow",
-      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--md",
-        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_panel_m_raised_ZIndex": {
@@ -261,11 +263,13 @@ export const c_panel: {
     },
     "c_panel_BoxShadow": {
       "name": "--pf-v5-c-panel--BoxShadow",
-      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-panel--m-raised--BoxShadow",
         "--pf-t--global--box-shadow--md",
-        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_panel_ZIndex": {

package/dist/js/c_panel.js

@@ -67,10 +67,12 @@ exports.c_panel = {
     },
     "c_panel_m_raised_BoxShadow": {
       "name": "--pf-v5-c-panel--m-raised--BoxShadow",
-      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--md",
-        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_panel_m_raised_ZIndex": {
@@ -263,11 +265,13 @@ exports.c_panel = {
     },
     "c_panel_BoxShadow": {
       "name": "--pf-v5-c-panel--BoxShadow",
-      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-panel--m-raised--BoxShadow",
         "--pf-t--global--box-shadow--md",
-        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_panel_ZIndex": {

package/dist/js/c_panel_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_panel_BoxShadow: {
   "name": "--pf-v5-c-panel--BoxShadow",
-  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-panel--BoxShadow)"
 };
 export default c_panel_BoxShadow;

package/dist/js/c_panel_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_panel_BoxShadow = {
   "name": "--pf-v5-c-panel--BoxShadow",
-  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-panel--BoxShadow)"
 };
 exports["default"] = exports.c_panel_BoxShadow;

package/dist/js/c_panel_m_raised_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_panel_m_raised_BoxShadow: {
   "name": "--pf-v5-c-panel--m-raised--BoxShadow",
-  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-panel--m-raised--BoxShadow)"
 };
 export default c_panel_m_raised_BoxShadow;

package/dist/js/c_panel_m_raised_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_panel_m_raised_BoxShadow = {
   "name": "--pf-v5-c-panel--m-raised--BoxShadow",
-  "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-panel--m-raised--BoxShadow)"
 };
 exports["default"] = exports.c_panel_m_raised_BoxShadow;