@momentum-design/tokens 0.0.58 → 0.0.59

package/dist/json-minimal/theme/webex/dark-stable.json

@@ -294,6 +294,20 @@
               "1": "#0f0f0f"
             }
           }
+        },
+        "reaction": {
+          "normal": {
+            "0": "#1a1a1a",
+            "1": "#8f8f8f"
+          }
+        },
+        "skeleton": {
+          "normal": {
+            "0": "#00000033",
+            "1": "#0000004d",
+            "2": "#00000066",
+            "3": "#00000080"
+          }
         }
       },
       "button": {
@@ -427,7 +441,7 @@
             "cyan": "#22c7d6",
             "mint": "#30c9b0"
           },
-          "Pen": {
+          "pen": {
             "black": "#0f0f0f",
             "red": "#f55868",
             "purple": "#c233c4",
@@ -460,9 +474,20 @@
         },
         "inverted": {
           "text": {
+            "secondary": {
+              "normal": "#00000099"
+            },
             "primary": {
               "normal": "#000000f2"
             }
+          },
+          "button": {
+            "secondary": {
+              "normal": "#00000000",
+              "hover": "#00000012",
+              "pressed": "#00000033",
+              "disabled": "#00000000"
+            }
           }
         },
         "overlays": {
@@ -534,6 +559,10 @@
           },
           "input": {
             "normal": "#ffffff80"
+          },
+          "secondary": {
+            "normal": "#00000033",
+            "disabled": "#00000033"
           }
         },
         "control": {
@@ -553,9 +582,13 @@
             "share": {
               "normal": "#c94403"
             }
+          },
+          "solid": {
+            "dark": "#1a1a1a",
+            "light": "#ffffff"
           }
         },
-        "partner": {
+        "content": {
           "pdf": "#ee0507",
           "word": "#0078d6",
           "powerpoint": "#d93e17",
@@ -599,7 +632,8 @@
             "red": {
               "normal": "#db1f2e",
               "pressed": "#780d13"
-            }
+            },
+            "transparent": "#00000000"
           },
           "icon": {
             "attention": "#fc8b98",

package/dist/json-minimal/theme/webex/hc-dark-stable.json

@@ -278,6 +278,12 @@
         },
         "namelabel": {
           "normal": "#000000"
+        },
+        "reaction": {
+          "normal": {
+            "0": "#000000",
+            "1": "#000000"
+          }
         }
       },
       "button": {
@@ -635,6 +641,10 @@
           },
           "input": {
             "normal": "#ffffff"
+          },
+          "secondary": {
+            "primary": "#00000033",
+            "disabled": "#00000033"
           }
         },
         "control": {
@@ -654,6 +664,10 @@
             "share": {
               "normal": "#ffffff"
             }
+          },
+          "solid": {
+            "dark": "#000000",
+            "light": "#000000"
           }
         },
         "content": {
@@ -666,6 +680,48 @@
           "slides": "#ffffff",
           "keynote": "#ffffff",
           "doc": "#ffffff"
+        },
+        "touchbar": {
+          "background": {
+            "blue": {
+              "normal": "#000000",
+              "pressed": "#1aebff"
+            },
+            "pink": {
+              "normal": "#000000",
+              "pressed": "#1aebff"
+            },
+            "mint": {
+              "normal": "#000000",
+              "pressed": "#1aebff"
+            },
+            "purple": {
+              "normal": "#000000",
+              "pressed": "#1aebff"
+            },
+            "violet": {
+              "normal": "#000000",
+              "pressed": "#1aebff"
+            },
+            "orange": {
+              "normal": "#000000",
+              "pressed": "#1aebff"
+            },
+            "green": {
+              "normal": "#000000",
+              "pressed": "#1aebff"
+            },
+            "red": {
+              "normal": "#db1f2e",
+              "pressed": "#780d13"
+            },
+            "transparent": "#000000"
+          },
+          "icon": {
+            "attention": "#000000",
+            "stable": "#000000",
+            "secure": "#000000"
+          }
         }
       }
     }

package/dist/json-minimal/theme/webex/hc-light-stable.json

@@ -278,6 +278,12 @@
         },
         "namelabel": {
           "normal": "#ffffff"
+        },
+        "reaction": {
+          "normal": {
+            "0": "#ffffff",
+            "1": "#ffffff"
+          }
         }
       },
       "button": {
@@ -368,7 +374,7 @@
           "normal": "#37006e",
           "hover": "#ffffff",
           "pressed": "#ffffff",
-          "active": "#1170cf",
+          "active": "#ffffff",
           "disabled": "#600000"
         },
         "indicator": {
@@ -551,77 +557,77 @@
       "common": {
         "text": {
           "primary": {
-            "normal": "#ffffff",
-            "disabled": "#3ff23f"
+            "normal": "#000000",
+            "disabled": "#600000"
           },
           "secondary": {
-            "normal": "#ffffff"
+            "normal": "#000000"
           },
           "success": {
-            "normal": "#ffffff",
-            "hover": "#ffffff"
+            "normal": "#000000",
+            "hover": "#000000"
           },
           "error": {
-            "normal": "#ffffff",
-            "hover": "#ffffff"
+            "normal": "#000000",
+            "hover": "#000000"
           },
           "warning": {
-            "normal": "#ffffff",
-            "hover": "#ffffff"
+            "normal": "#000000",
+            "hover": "#000000"
           }
         },
         "inverted": {
           "text": {
             "primary": {
-              "normal": "#ffffff"
+              "normal": "#000000"
             }
           }
         },
         "overlays": {
           "primary": {
-            "normal": "#000000"
+            "normal": "#ffffff"
           },
           "secondary": {
-            "normal": "#000000"
+            "normal": "#ffffff"
           },
           "meeting": {
             "normal": {
-              "0": "#000000",
-              "1": "#000000",
-              "2": "#000000"
+              "0": "#ffffff",
+              "1": "#ffffff",
+              "2": "#ffffff"
             }
           }
         },
         "button": {
           "primary": {
-            "normal": "#000000",
-            "hover": "#1aebff",
-            "pressed": "#1aebff",
-            "disabled": "#3ff23f"
+            "normal": "#ffffff",
+            "hover": "#37006e",
+            "pressed": "#37006e",
+            "disabled": "#600000"
           },
           "secondary": {
-            "normal": "#000000",
-            "hover": "#1aebff",
+            "normal": "#ffffff",
+            "hover": "#37006e",
             "active": {
-              "normal": "#000000",
-              "hover": "#1aebff",
-              "pressed": "#1aebff",
-              "disabled": "#3ff23f"
+              "normal": "#ffffff",
+              "hover": "#37006e",
+              "pressed": "#37006e",
+              "disabled": "#600000"
             },
-            "disabled": "#3ff23f"
+            "disabled": "#600000"
           },
           "promotion": {
             "normal": {
-              "0": "#000000",
-              "1": "#000000"
+              "0": "#ffffff",
+              "1": "#ffffff"
             },
             "hover": {
-              "0": "#1aebff",
-              "1": "#1aebff"
+              "0": "#37006e",
+              "1": "#37006e"
             },
             "active": {
-              "0": "#1aebff",
-              "1": "#1aebff"
+              "0": "#37006e",
+              "1": "#37006e"
             }
           }
         },
@@ -630,11 +636,15 @@
             "normal": "#ffffff"
           },
           "primary": {
-            "normal": "#ffffff",
-            "disabled": "#3ff23f"
+            "normal": "#000000",
+            "disabled": "#600000"
           },
           "input": {
-            "normal": "#ffffff"
+            "normal": "#000000"
+          },
+          "secondary": {
+            "primary": "#000000",
+            "disabled": "#000000"
           }
         },
         "control": {
@@ -642,11 +652,11 @@
             "content": {
               "selected": "#ffffff",
               "active": "#ffffff",
-              "inactive": "#3ff23f"
+              "inactive": "#600000"
             }
           },
           "inactive": {
-            "normal": "#3ff23f"
+            "normal": "#600000"
           }
         },
         "background": {
@@ -654,18 +664,64 @@
             "share": {
               "normal": "#ffffff"
             }
+          },
+          "solid": {
+            "dark": "#ffffff",
+            "light": "#ffffff"
           }
         },
         "content": {
-          "pdf": "#ffffff",
-          "word": "#ffffff",
-          "powerpoint": "#ffffff",
-          "excel": "#ffffff",
-          "onenote": "#ffffff",
-          "sheets": "#ffffff",
-          "slides": "#ffffff",
-          "keynote": "#ffffff",
-          "doc": "#ffffff"
+          "pdf": "#000000",
+          "word": "#000000",
+          "powerpoint": "#000000",
+          "excel": "#000000",
+          "onenote": "#000000",
+          "sheets": "#000000",
+          "slides": "#000000",
+          "keynote": "#000000",
+          "doc": "#000000"
+        },
+        "touchbar": {
+          "background": {
+            "blue": {
+              "normal": "#ffffff",
+              "pressed": "#37006e"
+            },
+            "pink": {
+              "normal": "#ffffff",
+              "pressed": "#37006e"
+            },
+            "mint": {
+              "normal": "#ffffff",
+              "pressed": "#37006e"
+            },
+            "purple": {
+              "normal": "#ffffff",
+              "pressed": "#37006e"
+            },
+            "violet": {
+              "normal": "#ffffff",
+              "pressed": "#37006e"
+            },
+            "orange": {
+              "normal": "#ffffff",
+              "pressed": "#37006e"
+            },
+            "green": {
+              "normal": "#ffffff",
+              "pressed": "#ffffff"
+            },
+            "red": {
+              "normal": "#ffffff",
+              "pressed": "#ffffff"
+            },
+            "transparent": "#ffffff"
+          },
+          "icon": {
+            "attention": "#ffffff",
+            "stable": "#ffffff",
+            "secure": "#ffffff"
+          }
         }
       }
     }

package/dist/json-minimal/theme/webex/light-stable.json

@@ -294,6 +294,20 @@
               "1": "#ffffff"
             }
           }
+        },
+        "reaction": {
+          "normal": {
+            "0": "#ffffff",
+            "1": "#ffffff"
+          }
+        },
+        "skeleton": {
+          "normal": {
+            "0": "#ffffff33",
+            "1": "#ffffff4d",
+            "2": "#ffffff66",
+            "3": "#ffffff80"
+          }
         }
       },
       "button": {
@@ -301,7 +315,7 @@
           "normal": "#000000f2",
           "hover": "#000000cc",
           "pressed": "#000000b3",
-          "disabled": "#00000000"
+          "disabled": "#00000033"
         },
         "secondary": {
           "normal": "#00000000",
@@ -427,7 +441,7 @@
             "cyan": "#22c7d6",
             "mint": "#30c9b0"
           },
-          "Pen": {
+          "pen": {
             "black": "#0f0f0f",
             "red": "#f55868",
             "purple": "#c233c4",
@@ -462,6 +476,17 @@
           "text": {
             "primary": {
               "normal": "#000000f2"
+            },
+            "secondary": {
+              "normal": "#00000099"
+            }
+          },
+          "button": {
+            "secondary": {
+              "normal": "#00000000",
+              "hover": "#00000012",
+              "pressed": "#00000033",
+              "disabled": "#00000000"
             }
           }
         },
@@ -534,6 +559,10 @@
           },
           "input": {
             "normal": "#ffffff80"
+          },
+          "secondary": {
+            "normal": "#00000033",
+            "disabled": "#00000033"
           }
         },
         "control": {
@@ -553,9 +582,13 @@
             "share": {
               "normal": "#c94403"
             }
+          },
+          "solid": {
+            "dark": "#1a1a1a",
+            "light": "#ffffff"
           }
         },
-        "partner": {
+        "content": {
           "pdf": "#ee0507",
           "word": "#0078d6",
           "powerpoint": "#d93e17",
@@ -599,7 +632,8 @@
             "red": {
               "normal": "#db1f2e",
               "pressed": "#780d13"
-            }
+            },
+            "transparent": "#00000000"
           },
           "icon": {
             "attention": "#fc8b98",

package/dist/resources/core/complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 28 Jun 2024 09:31:32 GMT
+  Generated on Mon, 15 Jul 2024 08:58:09 GMT
 -->
 <resources>
   <color name="mds-color-core-white-alpha-0">#ffffff00</color>

package/dist/resources/theme/aaos/day-complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 28 Jun 2024 09:31:32 GMT
+  Generated on Mon, 15 Jul 2024 08:58:10 GMT
 -->
 <resources>
   <color name="mds-color-theme-surface-neutral-0-default">#17181b</color>

package/dist/resources/theme/aaos/night-complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 28 Jun 2024 09:31:32 GMT
+  Generated on Mon, 15 Jul 2024 08:58:10 GMT
 -->
 <resources>
   <color name="mds-color-theme-surface-neutral-0-default">#0e1013</color>

package/dist/resources/theme/webex/dark-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 28 Jun 2024 09:31:32 GMT
+  Generated on Mon, 15 Jul 2024 08:58:09 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#fffffff2</color>
@@ -154,6 +154,12 @@
   <color name="mds-color-theme-background-gradient-primary-normal-1">#0f0f0f</color>
   <color name="mds-color-theme-background-gradient-secondary-normal-0">#262626</color>
   <color name="mds-color-theme-background-gradient-secondary-normal-1">#0f0f0f</color>
+  <color name="mds-color-theme-background-reaction-normal-0">#1a1a1a</color>
+  <color name="mds-color-theme-background-reaction-normal-1">#8f8f8f</color>
+  <color name="mds-color-theme-background-skeleton-normal-0">#00000033</color>
+  <color name="mds-color-theme-background-skeleton-normal-1">#0000004d</color>
+  <color name="mds-color-theme-background-skeleton-normal-2">#00000066</color>
+  <color name="mds-color-theme-background-skeleton-normal-3">#00000080</color>
   <color name="mds-color-theme-button-primary-normal">#fffffff2</color>
   <color name="mds-color-theme-button-primary-hover">#ffffffcc</color>
   <color name="mds-color-theme-button-primary-pressed">#ffffffb3</color>
@@ -239,7 +245,12 @@
   <color name="mds-color-theme-common-text-error-hover">#ffd4da</color>
   <color name="mds-color-theme-common-text-warning-normal">#f2990a</color>
   <color name="mds-color-theme-common-text-warning-hover">#ffda94</color>
+  <color name="mds-color-theme-common-inverted-text-secondary-normal">#00000099</color>
   <color name="mds-color-theme-common-inverted-text-primary-normal">#000000f2</color>
+  <color name="mds-color-theme-common-inverted-button-secondary-normal">#00000000</color>
+  <color name="mds-color-theme-common-inverted-button-secondary-hover">#00000012</color>
+  <color name="mds-color-theme-common-inverted-button-secondary-pressed">#00000033</color>
+  <color name="mds-color-theme-common-inverted-button-secondary-disabled">#00000000</color>
   <color name="mds-color-theme-common-overlays-primary-normal">#000000e6</color>
   <color name="mds-color-theme-common-overlays-secondary-normal">#00000066</color>
   <color name="mds-color-theme-common-overlays-meeting-normal-0">#00000000</color>
@@ -269,20 +280,24 @@
   <color name="mds-color-theme-common-outline-primary-normal">#ffffff66</color>
   <color name="mds-color-theme-common-outline-primary-disabled">#ffffff33</color>
   <color name="mds-color-theme-common-outline-input-normal">#ffffff80</color>
+  <color name="mds-color-theme-common-outline-secondary-normal">#00000033</color>
+  <color name="mds-color-theme-common-outline-secondary-disabled">#00000033</color>
   <color name="mds-color-theme-common-control-share-content-selected">#3cc29a</color>
   <color name="mds-color-theme-common-control-share-content-active">#c94403</color>
   <color name="mds-color-theme-common-control-share-content-inactive">#707070</color>
   <color name="mds-color-theme-common-control-inactive-normal">#00000033</color>
   <color name="mds-color-theme-common-background-alert-share-normal">#c94403</color>
-  <color name="mds-color-theme-common-partner-pdf">#ee0507</color>
-  <color name="mds-color-theme-common-partner-word">#0078d6</color>
-  <color name="mds-color-theme-common-partner-powerpoint">#d93e17</color>
-  <color name="mds-color-theme-common-partner-excel">#00893e</color>
-  <color name="mds-color-theme-common-partner-onenote">#b839db</color>
-  <color name="mds-color-theme-common-partner-sheets">#f4b400</color>
-  <color name="mds-color-theme-common-partner-slides">#0f9d58</color>
-  <color name="mds-color-theme-common-partner-keynote">#029cfb</color>
-  <color name="mds-color-theme-common-partner-doc">#4285f4</color>
+  <color name="mds-color-theme-common-background-solid-dark">#1a1a1a</color>
+  <color name="mds-color-theme-common-background-solid-light">#ffffff</color>
+  <color name="mds-color-theme-common-content-pdf">#ee0507</color>
+  <color name="mds-color-theme-common-content-word">#0078d6</color>
+  <color name="mds-color-theme-common-content-powerpoint">#d93e17</color>
+  <color name="mds-color-theme-common-content-excel">#00893e</color>
+  <color name="mds-color-theme-common-content-onenote">#b839db</color>
+  <color name="mds-color-theme-common-content-sheets">#f4b400</color>
+  <color name="mds-color-theme-common-content-slides">#0f9d58</color>
+  <color name="mds-color-theme-common-content-keynote">#029cfb</color>
+  <color name="mds-color-theme-common-content-doc">#4285f4</color>
   <color name="mds-color-theme-common-touchbar-background-blue-normal">#1170cf</color>
   <color name="mds-color-theme-common-touchbar-background-blue-pressed">#063a75</color>
   <color name="mds-color-theme-common-touchbar-background-pink-normal">#d43b52</color>
@@ -299,6 +314,7 @@
   <color name="mds-color-theme-common-touchbar-background-green-pressed">#134231</color>
   <color name="mds-color-theme-common-touchbar-background-red-normal">#db1f2e</color>
   <color name="mds-color-theme-common-touchbar-background-red-pressed">#780d13</color>
+  <color name="mds-color-theme-common-touchbar-background-transparent">#00000000</color>
   <color name="mds-color-theme-common-touchbar-icon-attention">#fc8b98</color>
   <color name="mds-color-theme-common-touchbar-icon-stable">#27a17a</color>
   <color name="mds-color-theme-common-touchbar-icon-secure">#64b4fa</color>

package/dist/resources/theme/webex/hc-dark-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 28 Jun 2024 09:31:32 GMT
+  Generated on Mon, 15 Jul 2024 08:58:10 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#ffffff</color>
@@ -150,6 +150,8 @@
   <color name="mds-color-theme-background-label-violet-active">#1aebff</color>
   <color name="mds-color-theme-background-common-normal">#000000</color>
   <color name="mds-color-theme-background-namelabel-normal">#000000</color>
+  <color name="mds-color-theme-background-reaction-normal-0">#000000</color>
+  <color name="mds-color-theme-background-reaction-normal-1">#000000</color>
   <color name="mds-color-theme-button-primary-normal">#000000</color>
   <color name="mds-color-theme-button-primary-hover">#1aebff</color>
   <color name="mds-color-theme-button-primary-pressed">#1aebff</color>
@@ -316,11 +318,15 @@
   <color name="mds-color-theme-common-outline-primary-normal">#ffffff</color>
   <color name="mds-color-theme-common-outline-primary-disabled">#3ff23f</color>
   <color name="mds-color-theme-common-outline-input-normal">#ffffff</color>
+  <color name="mds-color-theme-common-outline-secondary-primary">#00000033</color>
+  <color name="mds-color-theme-common-outline-secondary-disabled">#00000033</color>
   <color name="mds-color-theme-common-control-share-content-selected">#ffffff</color>
   <color name="mds-color-theme-common-control-share-content-active">#ffffff</color>
   <color name="mds-color-theme-common-control-share-content-inactive">#3ff23f</color>
   <color name="mds-color-theme-common-control-inactive-normal">#3ff23f</color>
   <color name="mds-color-theme-common-background-alert-share-normal">#ffffff</color>
+  <color name="mds-color-theme-common-background-solid-dark">#000000</color>
+  <color name="mds-color-theme-common-background-solid-light">#000000</color>
   <color name="mds-color-theme-common-content-pdf">#ffffff</color>
   <color name="mds-color-theme-common-content-word">#ffffff</color>
   <color name="mds-color-theme-common-content-powerpoint">#ffffff</color>
@@ -330,5 +336,25 @@
   <color name="mds-color-theme-common-content-slides">#ffffff</color>
   <color name="mds-color-theme-common-content-keynote">#ffffff</color>
   <color name="mds-color-theme-common-content-doc">#ffffff</color>
+  <color name="mds-color-theme-common-touchbar-background-blue-normal">#000000</color>
+  <color name="mds-color-theme-common-touchbar-background-blue-pressed">#1aebff</color>
+  <color name="mds-color-theme-common-touchbar-background-pink-normal">#000000</color>
+  <color name="mds-color-theme-common-touchbar-background-pink-pressed">#1aebff</color>
+  <color name="mds-color-theme-common-touchbar-background-mint-normal">#000000</color>
+  <color name="mds-color-theme-common-touchbar-background-mint-pressed">#1aebff</color>
+  <color name="mds-color-theme-common-touchbar-background-purple-normal">#000000</color>
+  <color name="mds-color-theme-common-touchbar-background-purple-pressed">#1aebff</color>
+  <color name="mds-color-theme-common-touchbar-background-violet-normal">#000000</color>
+  <color name="mds-color-theme-common-touchbar-background-violet-pressed">#1aebff</color>
+  <color name="mds-color-theme-common-touchbar-background-orange-normal">#000000</color>
+  <color name="mds-color-theme-common-touchbar-background-orange-pressed">#1aebff</color>
+  <color name="mds-color-theme-common-touchbar-background-green-normal">#000000</color>
+  <color name="mds-color-theme-common-touchbar-background-green-pressed">#1aebff</color>
+  <color name="mds-color-theme-common-touchbar-background-red-normal">#db1f2e</color>
+  <color name="mds-color-theme-common-touchbar-background-red-pressed">#780d13</color>
+  <color name="mds-color-theme-common-touchbar-background-transparent">#000000</color>
+  <color name="mds-color-theme-common-touchbar-icon-attention">#000000</color>
+  <color name="mds-color-theme-common-touchbar-icon-stable">#000000</color>
+  <color name="mds-color-theme-common-touchbar-icon-secure">#000000</color>
   
 </resources>