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

package/dist/esm/c_page__sidebar_body_m_page_insets_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_page_insets_PaddingLeft = {
+  "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingLeft",
+  "value": "1rem",
+  "var": "var(--pf-c-page__sidebar-body--m-page-insets--PaddingLeft)"
+};
+export default c_page__sidebar_body_m_page_insets_PaddingLeft;

package/dist/esm/c_page__sidebar_body_m_page_insets_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_page_insets_PaddingRight: {
+  "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
+  "value": "1rem",
+  "var": "var(--pf-c-page__sidebar-body--m-page-insets--PaddingRight)"
+};
+export default c_page__sidebar_body_m_page_insets_PaddingRight;

package/dist/esm/c_page__sidebar_body_m_page_insets_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_page__sidebar_body_m_page_insets_PaddingRight = {
+  "name": "--pf-c-page__sidebar-body--m-page-insets--PaddingRight",
+  "value": "1rem",
+  "var": "var(--pf-c-page__sidebar-body--m-page-insets--PaddingRight)"
+};
+export default c_page__sidebar_body_m_page_insets_PaddingRight;

package/dist/esm/c_page_inset.d.ts

@@ -0,0 +1,6 @@
+export const c_page_inset: {
+  "name": "--pf-c-page--inset",
+  "value": "1rem",
+  "var": "var(--pf-c-page--inset)"
+};
+export default c_page_inset;

package/dist/esm/c_page_inset.js

@@ -0,0 +1,6 @@
+export const c_page_inset = {
+  "name": "--pf-c-page--inset",
+  "value": "1rem",
+  "var": "var(--pf-c-page--inset)"
+};
+export default c_page_inset;

package/dist/esm/c_page_xl_inset.d.ts

@@ -0,0 +1,6 @@
+export const c_page_xl_inset: {
+  "name": "--pf-c-page--xl--inset",
+  "value": "1.5rem",
+  "var": "var(--pf-c-page--xl--inset)"
+};
+export default c_page_xl_inset;

package/dist/esm/c_page_xl_inset.js

@@ -0,0 +1,6 @@
+export const c_page_xl_inset = {
+  "name": "--pf-c-page--xl--inset",
+  "value": "1.5rem",
+  "var": "var(--pf-c-page--xl--inset)"
+};
+export default c_page_xl_inset;

package/dist/esm/c_popover.d.ts

@@ -83,12 +83,12 @@ export const c_popover: {
         "#2b9af3"
       ]
     },
-    "c_popover_m_default__title_icon_Color": {
-      "name": "--pf-c-popover--m-default__title-icon--Color",
+    "c_popover_m_custom__title_icon_Color": {
+      "name": "--pf-c-popover--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"
       ]
@@ -133,12 +133,12 @@ export const c_popover: {
         "#002952"
       ]
     },
-    "c_popover_m_default__title_text_Color": {
-      "name": "--pf-c-popover--m-default__title-text--Color",
+    "c_popover_m_custom__title_text_Color": {
+      "name": "--pf-c-popover--m-custom__title-text--Color",
       "value": "#003737",
       "values": [
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]
@@ -493,14 +493,14 @@ export const c_popover: {
       ]
     }
   },
-  ".pf-c-popover.pf-m-default": {
+  ".pf-c-popover.pf-m-custom": {
     "c_popover__title_icon_Color": {
       "name": "--pf-c-popover__title-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-c-popover--m-default__title-icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-popover--m-custom__title-icon--Color",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -509,9 +509,9 @@ export const c_popover: {
       "name": "--pf-c-popover__title-text--Color",
       "value": "#003737",
       "values": [
-        "--pf-c-popover--m-default__title-text--Color",
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-c-popover--m-custom__title-text--Color",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]

package/dist/esm/c_popover.js

@@ -83,12 +83,12 @@ export const c_popover = {
         "#2b9af3"
       ]
     },
-    "c_popover_m_default__title_icon_Color": {
-      "name": "--pf-c-popover--m-default__title-icon--Color",
+    "c_popover_m_custom__title_icon_Color": {
+      "name": "--pf-c-popover--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"
       ]
@@ -133,12 +133,12 @@ export const c_popover = {
         "#002952"
       ]
     },
-    "c_popover_m_default__title_text_Color": {
-      "name": "--pf-c-popover--m-default__title-text--Color",
+    "c_popover_m_custom__title_text_Color": {
+      "name": "--pf-c-popover--m-custom__title-text--Color",
       "value": "#003737",
       "values": [
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]
@@ -493,14 +493,14 @@ export const c_popover = {
       ]
     }
   },
-  ".pf-c-popover.pf-m-default": {
+  ".pf-c-popover.pf-m-custom": {
     "c_popover__title_icon_Color": {
       "name": "--pf-c-popover__title-icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-c-popover--m-default__title-icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-c-popover--m-custom__title-icon--Color",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -509,9 +509,9 @@ export const c_popover = {
       "name": "--pf-c-popover__title-text--Color",
       "value": "#003737",
       "values": [
-        "--pf-c-popover--m-default__title-text--Color",
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-c-popover--m-custom__title-text--Color",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]

package/dist/esm/c_popover_m_custom__title_icon_Color.d.ts

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

package/dist/esm/c_popover_m_custom__title_icon_Color.js

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

package/dist/esm/c_popover_m_custom__title_text_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_popover_m_custom__title_text_Color: {
+  "name": "--pf-c-popover--m-custom__title-text--Color",
+  "value": "#003737",
+  "var": "var(--pf-c-popover--m-custom__title-text--Color)"
+};
+export default c_popover_m_custom__title_text_Color;

package/dist/esm/c_popover_m_custom__title_text_Color.js

@@ -0,0 +1,6 @@
+export const c_popover_m_custom__title_text_Color = {
+  "name": "--pf-c-popover--m-custom__title-text--Color",
+  "value": "#003737",
+  "var": "var(--pf-c-popover--m-custom__title-text--Color)"
+};
+export default c_popover_m_custom__title_text_Color;

package/dist/esm/c_spinner.d.ts

@@ -149,144 +149,6 @@ export const c_spinner: {
       ]
     }
   },
-  "span.pf-c-spinner": {
-    "c_spinner_AnimationDuration": {
-      "name": "--pf-c-spinner--AnimationDuration",
-      "value": "1.5s"
-    },
-    "c_spinner_AnimationTimingFunction": {
-      "name": "--pf-c-spinner--AnimationTimingFunction",
-      "value": "cubic-bezier(.77, .005, .315, 1)"
-    },
-    "c_spinner_stroke_width_multiplier": {
-      "name": "--pf-c-spinner--stroke-width-multiplier",
-      "value": ".1"
-    },
-    "c_spinner_stroke_width": {
-      "name": "--pf-c-spinner--stroke-width",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__clipper_Width": {
-      "name": "--pf-c-spinner__clipper--Width",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_Height": {
-      "name": "--pf-c-spinner__clipper--Height",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_after_BoxShadowColor": {
-      "name": "--pf-c-spinner__clipper--after--BoxShadowColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-spinner--Color",
-        "--pf-global--primary-color--100",
-        "$pf-global--primary-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_spinner__clipper_after_Width": {
-      "name": "--pf-c-spinner__clipper--after--Width",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_after_Height": {
-      "name": "--pf-c-spinner__clipper--after--Height",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_after_BoxShadowSpreadRadius": {
-      "name": "--pf-c-spinner__clipper--after--BoxShadowSpreadRadius",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "--pf-c-spinner--stroke-width",
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__lead_ball_after_BackgroundColor": {
-      "name": "--pf-c-spinner__lead-ball--after--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-spinner--Color",
-        "--pf-global--primary-color--100",
-        "$pf-global--primary-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_spinner__ball_after_Width": {
-      "name": "--pf-c-spinner__ball--after--Width",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "--pf-c-spinner--stroke-width",
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__ball_after_Height": {
-      "name": "--pf-c-spinner__ball--after--Height",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "--pf-c-spinner--stroke-width",
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__tail_ball_after_BackgroundColor": {
-      "name": "--pf-c-spinner__tail-ball--after--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-spinner--Color",
-        "--pf-global--primary-color--100",
-        "$pf-global--primary-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    }
-  },
   "svg.pf-c-spinner": {
     "c_spinner_diameter": {
       "name": "--pf-c-spinner--diameter",

package/dist/esm/c_spinner.js

@@ -149,144 +149,6 @@ export const c_spinner = {
       ]
     }
   },
-  "span.pf-c-spinner": {
-    "c_spinner_AnimationDuration": {
-      "name": "--pf-c-spinner--AnimationDuration",
-      "value": "1.5s"
-    },
-    "c_spinner_AnimationTimingFunction": {
-      "name": "--pf-c-spinner--AnimationTimingFunction",
-      "value": "cubic-bezier(.77, .005, .315, 1)"
-    },
-    "c_spinner_stroke_width_multiplier": {
-      "name": "--pf-c-spinner--stroke-width-multiplier",
-      "value": ".1"
-    },
-    "c_spinner_stroke_width": {
-      "name": "--pf-c-spinner--stroke-width",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__clipper_Width": {
-      "name": "--pf-c-spinner__clipper--Width",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_Height": {
-      "name": "--pf-c-spinner__clipper--Height",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_after_BoxShadowColor": {
-      "name": "--pf-c-spinner__clipper--after--BoxShadowColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-spinner--Color",
-        "--pf-global--primary-color--100",
-        "$pf-global--primary-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_spinner__clipper_after_Width": {
-      "name": "--pf-c-spinner__clipper--after--Width",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_after_Height": {
-      "name": "--pf-c-spinner__clipper--after--Height",
-      "value": "3.375rem",
-      "values": [
-        "--pf-c-spinner--diameter",
-        "--pf-global--icon--FontSize--xl",
-        "$pf-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner__clipper_after_BoxShadowSpreadRadius": {
-      "name": "--pf-c-spinner__clipper--after--BoxShadowSpreadRadius",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "--pf-c-spinner--stroke-width",
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__lead_ball_after_BackgroundColor": {
-      "name": "--pf-c-spinner__lead-ball--after--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-spinner--Color",
-        "--pf-global--primary-color--100",
-        "$pf-global--primary-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_spinner__ball_after_Width": {
-      "name": "--pf-c-spinner__ball--after--Width",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "--pf-c-spinner--stroke-width",
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__ball_after_Height": {
-      "name": "--pf-c-spinner__ball--after--Height",
-      "value": "calc(3.375rem * .1)",
-      "values": [
-        "--pf-c-spinner--stroke-width",
-        "calc(--pf-c-spinner--diameter * --pf-c-spinner--stroke-width-multiplier)",
-        "calc(--pf-global--icon--FontSize--xl * .1)",
-        "calc($pf-global--icon--FontSize--xl * .1)",
-        "calc(pf-font-prem(54px) * .1)",
-        "calc(3.375rem * .1)"
-      ]
-    },
-    "c_spinner__tail_ball_after_BackgroundColor": {
-      "name": "--pf-c-spinner__tail-ball--after--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-c-spinner--Color",
-        "--pf-global--primary-color--100",
-        "$pf-global--primary-color--100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    }
-  },
   "svg.pf-c-spinner": {
     "c_spinner_diameter": {
       "name": "--pf-c-spinner--diameter",