npm - @patternfly/react-tokens - Versions diffs - 5.0.0-alpha.5 → 5.0.0-alpha.7 - Mend

@patternfly/react-tokens 5.0.0-alpha.5 → 5.0.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (902) hide show

package/dist/js/c_modal_box.d.ts CHANGED Viewed

@@ -159,12 +159,12 @@ export const c_modal_box: {
         "#2b9af3"
       ]
     },
-    "c_modal_box_m_default__title_icon_Color": {
-      "name": "--pf-c-modal-box--m-default__title-icon--Color",
+    "c_modal_box_m_custom__title_icon_Color": {
+      "name": "--pf-c-modal-box--m-custom__title-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -488,14 +488,14 @@ export const c_modal_box: {
       ]
     }
   },
-  ".pf-c-modal-box.pf-m-default": {
+  ".pf-c-modal-box.pf-m-custom": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-c-modal-box__title-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-c-modal-box--m-default__title-icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-modal-box--m-custom__title-icon--Color",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]

package/dist/js/c_modal_box.js CHANGED Viewed

@@ -161,12 +161,12 @@ exports.c_modal_box = {
         "#2b9af3"
       ]
     },
-    "c_modal_box_m_default__title_icon_Color": {
-      "name": "--pf-c-modal-box--m-default__title-icon--Color",
+    "c_modal_box_m_custom__title_icon_Color": {
+      "name": "--pf-c-modal-box--m-custom__title-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -490,14 +490,14 @@ exports.c_modal_box = {
       ]
     }
   },
-  ".pf-c-modal-box.pf-m-default": {
+  ".pf-c-modal-box.pf-m-custom": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-c-modal-box__title-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-c-modal-box--m-default__title-icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-modal-box--m-custom__title-icon--Color",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]

package/dist/js/c_modal_box_m_custom__title_icon_Color.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_modal_box_m_custom__title_icon_Color: {
+  "name": "--pf-c-modal-box--m-custom__title-icon--Color",
+  "value": "#009596",
+  "var": "var(--pf-c-modal-box--m-custom__title-icon--Color)"
+};
+export default c_modal_box_m_custom__title_icon_Color;

package/dist/js/c_modal_box_m_custom__title_icon_Color.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_modal_box_m_custom__title_icon_Color = {
+  "name": "--pf-c-modal-box--m-custom__title-icon--Color",
+  "value": "#009596",
+  "var": "var(--pf-c-modal-box--m-custom__title-icon--Color)"
+};
+exports["default"] = exports.c_modal_box_m_custom__title_icon_Color;

package/dist/js/c_notification_drawer.d.ts CHANGED Viewed

@@ -290,22 +290,22 @@ export const c_notification_drawer: {
         "#3e8635"
       ]
     },
-    "c_notification_drawer__list_item_m_default__list_item_header_icon_Color": {
-      "name": "--pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color",
+    "c_notification_drawer__list_item_m_custom__list_item_header_icon_Color": {
+      "name": "--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
     },
-    "c_notification_drawer__list_item_m_default__list_item_before_BackgroundColor": {
-      "name": "--pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor",
+    "c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor": {
+      "name": "--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -791,14 +791,14 @@ export const c_notification_drawer: {
       ]
     }
   },
-  ".pf-c-notification-drawer__list-item.pf-m-default": {
+  ".pf-c-notification-drawer__list-item.pf-m-custom": {
     "c_notification_drawer__list_item_before_BackgroundColor": {
       "name": "--pf-c-notification-drawer__list-item--before--BackgroundColor",
       "value": "#009596",
       "values": [
-        "--pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -807,9 +807,9 @@ export const c_notification_drawer: {
       "name": "--pf-c-notification-drawer__list-item-header-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]

package/dist/js/c_notification_drawer.js CHANGED Viewed

@@ -292,22 +292,22 @@ exports.c_notification_drawer = {
         "#3e8635"
       ]
     },
-    "c_notification_drawer__list_item_m_default__list_item_header_icon_Color": {
-      "name": "--pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color",
+    "c_notification_drawer__list_item_m_custom__list_item_header_icon_Color": {
+      "name": "--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
     },
-    "c_notification_drawer__list_item_m_default__list_item_before_BackgroundColor": {
-      "name": "--pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor",
+    "c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor": {
+      "name": "--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -793,14 +793,14 @@ exports.c_notification_drawer = {
       ]
     }
   },
-  ".pf-c-notification-drawer__list-item.pf-m-default": {
+  ".pf-c-notification-drawer__list-item.pf-m-custom": {
     "c_notification_drawer__list_item_before_BackgroundColor": {
       "name": "--pf-c-notification-drawer__list-item--before--BackgroundColor",
       "value": "#009596",
       "values": [
-        "--pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -809,9 +809,9 @@ exports.c_notification_drawer = {
       "name": "--pf-c-notification-drawer__list-item-header-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]

package/dist/js/c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor: {
+  "name": "--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor",
+  "value": "#009596",
+  "var": "var(--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor)"
+};
+export default c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor;

package/dist/js/c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor = {
+  "name": "--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor",
+  "value": "#009596",
+  "var": "var(--pf-c-notification-drawer__list-item--m-custom__list-item--before--BackgroundColor)"
+};
+exports["default"] = exports.c_notification_drawer__list_item_m_custom__list_item_before_BackgroundColor;

package/dist/js/c_notification_drawer__list_item_m_custom__list_item_header_icon_Color.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_notification_drawer__list_item_m_custom__list_item_header_icon_Color: {
+  "name": "--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color",
+  "value": "#009596",
+  "var": "var(--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color)"
+};
+export default c_notification_drawer__list_item_m_custom__list_item_header_icon_Color;

package/dist/js/c_notification_drawer__list_item_m_custom__list_item_header_icon_Color.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_notification_drawer__list_item_m_custom__list_item_header_icon_Color = {
+  "name": "--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color",
+  "value": "#009596",
+  "var": "var(--pf-c-notification-drawer__list-item--m-custom__list-item-header-icon--Color)"
+};
+exports["default"] = exports.c_notification_drawer__list_item_m_custom__list_item_header_icon_Color;

package/dist/js/c_options_menu.d.ts CHANGED Viewed

@@ -44,6 +44,16 @@ export const c_options_menu: {
         "0.5rem"
       ]
     },
+    "c_options_menu__toggle_ColumnGap": {
+      "name": "--pf-c-options-menu__toggle--ColumnGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_options_menu__toggle_MinWidth": {
       "name": "--pf-c-options-menu__toggle--MinWidth",
       "value": "0"
@@ -234,8 +244,8 @@ export const c_options_menu: {
         "1rem"
       ]
     },
-    "c_options_menu__toggle_icon_MarginRight": {
-      "name": "--pf-c-options-menu__toggle-icon--MarginRight",
+    "c_options_menu__toggle_icon_PaddingRight": {
+      "name": "--pf-c-options-menu__toggle-icon--PaddingRight",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -244,14 +254,14 @@ export const c_options_menu: {
         "0.5rem"
       ]
     },
-    "c_options_menu__toggle_icon_MarginLeft": {
-      "name": "--pf-c-options-menu__toggle-icon--MarginLeft",
-      "value": "1rem",
+    "c_options_menu__toggle_icon_PaddingLeft": {
+      "name": "--pf-c-options-menu__toggle-icon--PaddingLeft",
+      "value": "0.5rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_options_menu_m_top_m_expanded__toggle_icon_Rotate": {

package/dist/js/c_options_menu.js CHANGED Viewed

@@ -46,6 +46,16 @@ exports.c_options_menu = {
         "0.5rem"
       ]
     },
+    "c_options_menu__toggle_ColumnGap": {
+      "name": "--pf-c-options-menu__toggle--ColumnGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_options_menu__toggle_MinWidth": {
       "name": "--pf-c-options-menu__toggle--MinWidth",
       "value": "0"
@@ -236,8 +246,8 @@ exports.c_options_menu = {
         "1rem"
       ]
     },
-    "c_options_menu__toggle_icon_MarginRight": {
-      "name": "--pf-c-options-menu__toggle-icon--MarginRight",
+    "c_options_menu__toggle_icon_PaddingRight": {
+      "name": "--pf-c-options-menu__toggle-icon--PaddingRight",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -246,14 +256,14 @@ exports.c_options_menu = {
         "0.5rem"
       ]
     },
-    "c_options_menu__toggle_icon_MarginLeft": {
-      "name": "--pf-c-options-menu__toggle-icon--MarginLeft",
-      "value": "1rem",
+    "c_options_menu__toggle_icon_PaddingLeft": {
+      "name": "--pf-c-options-menu__toggle-icon--PaddingLeft",
+      "value": "0.5rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_options_menu_m_top_m_expanded__toggle_icon_Rotate": {

package/dist/js/c_options_menu__toggle_ColumnGap.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_ColumnGap: {
+  "name": "--pf-c-options-menu__toggle--ColumnGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle--ColumnGap)"
+};
+export default c_options_menu__toggle_ColumnGap;

package/dist/js/c_options_menu__toggle_ColumnGap.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_options_menu__toggle_ColumnGap = {
+  "name": "--pf-c-options-menu__toggle--ColumnGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle--ColumnGap)"
+};
+exports["default"] = exports.c_options_menu__toggle_ColumnGap;

package/dist/js/c_options_menu__toggle_icon_PaddingLeft.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_icon_PaddingLeft: {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingLeft)"
+};
+export default c_options_menu__toggle_icon_PaddingLeft;

package/dist/js/c_options_menu__toggle_icon_PaddingLeft.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_options_menu__toggle_icon_PaddingLeft = {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingLeft)"
+};
+exports["default"] = exports.c_options_menu__toggle_icon_PaddingLeft;

package/dist/js/c_options_menu__toggle_icon_PaddingRight.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_options_menu__toggle_icon_PaddingRight: {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingRight)"
+};
+export default c_options_menu__toggle_icon_PaddingRight;

package/dist/js/c_options_menu__toggle_icon_PaddingRight.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_options_menu__toggle_icon_PaddingRight = {
+  "name": "--pf-c-options-menu__toggle-icon--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-options-menu__toggle-icon--PaddingRight)"
+};
+exports["default"] = exports.c_options_menu__toggle_icon_PaddingRight;