@primer/react-brand 0.21.0-rc.e36a95f → 0.21.0

package/lib/Text/Text.d.ts

@@ -43,6 +43,12 @@ export type TextProps = {
      * Specify the text weight
      */
     weight?: TextWeightVariants | ResponsiveWeightMap;
+    /**
+     * Specify the text alignment.
+     * Corresponds to the CSS `text-align` property.
+     * Note: Only applies to block elements.
+     */
+    align?: 'start' | 'center' | 'end';
 } & TextTags;
-export declare function Text({ animate, as, className, children, size, variant, weight, style, ...rest }: PropsWithChildren<TextProps>): JSX.Element;
+export declare function Text({ align, animate, as, className, children, size, variant, weight, style, ...rest }: PropsWithChildren<TextProps>): JSX.Element;
 export {};

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -841,7 +841,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -855,7 +855,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -873,7 +873,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root,
@@ -1173,9 +1173,29 @@ select {
   }
 }
 
+[dir="ltr"] .Primer_Brand__Text-module__Text-align--start___wkiCN {
+  text-align: left;
+}
+
+[dir="rtl"] .Primer_Brand__Text-module__Text-align--start___wkiCN {
+  text-align: right;
+}
+
+[dir="ltr"] .Primer_Brand__Text-module__Text-align--end___E4m7M {
+  text-align: right;
+}
+
+[dir="rtl"] .Primer_Brand__Text-module__Text-align--end___E4m7M {
+  text-align: left;
+}
+
+.Primer_Brand__Text-module__Text-align--center___NbZtZ {
+  text-align: center;
+}
+
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -1217,7 +1237,7 @@ select {
   vertical-align: middle;
   align-items: center;
   justify-content: center;
-  transition: box-shadow 0.2s;
+  transition: box-shadow var(--brand-animation-duration-faster);
   text-decoration: none;
   border-radius: 6px;
   cursor: pointer;
@@ -1629,7 +1649,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -1650,7 +1670,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -1660,7 +1680,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -1795,7 +1815,8 @@ select {
   -webkit-backdrop-filter: blur(16px);
   backdrop-filter: blur(16px);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
+    border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
   height: 75px;
 }
 
@@ -1860,7 +1881,7 @@ select {
   position: absolute;
   left: calc(-32px + 5px);
   opacity: 0;
-  transition: opacity 0.3s, transform 0.3s ease;
+  transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast) ease;
   transform: translateX(5px);
   color: var(--brand-color-text-muted);
 }
@@ -1934,7 +1955,7 @@ select {
     width: 100vw;
     height: calc(100vh - 75px);
     animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
-    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+    animation-timing-function: var(--brand-animation-easing-default);
   }
 }
 
@@ -1985,7 +2006,7 @@ select {
     animation-duration: 500ms;
     animation-delay: calc(var(--animation-order) * 80ms);
     animation-fill-mode: both;
-    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+    animation-timing-function: var(--brand-animation-easing-default);
   }
 }
 
@@ -2049,7 +2070,7 @@ select {
     height: 2px;
     background-color: var(--brand-SubdomainNavBar-border-nav-default);
     opacity: 0;
-    transition: opacity 300ms, transform 300ms;
+    transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);
     opacity: 1;
     transform: scale(0);
     transform-origin: center;
@@ -2068,7 +2089,7 @@ select {
   }
 
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
-    transition: background-color cubic-bezier(0.16, 1, 0.3, 1) 250ms;
+    transition: background-color var(--brand-animation-easing-default) 250ms;
     background-color: var(--brand-SubdomainNavBar-canvas-overflow-default);
     color: var(--brand-SubdomainNavBar-fg-overflow-default);
   }
@@ -2124,7 +2145,7 @@ select {
   background-color: var(--base-color-scale-white-0);
   border-radius: var(--brand-borderRadius-large);
   animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
-  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  animation-timing-function: var(--brand-animation-easing-default);
   box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
   overflow: hidden;
 }
@@ -2166,7 +2187,7 @@ select {
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: border 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms ease;
+  transition: border 250ms var(--brand-animation-easing-default), box-shadow 250ms ease;
   border-radius: var(--brand-borderRadius-medium);
   box-shadow: 0 0 0 2px transparent;
 }
@@ -2193,7 +2214,7 @@ select {
 
 @media (prefers-reduced-motion: no-preference) {
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
-    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+    transition-timing-function: var(--brand-animation-easing-default);
     transition-duration: 500ms;
     transition-property: opacity, transform;
   }
@@ -2275,7 +2296,7 @@ select {
     animation-duration: 500ms;
     animation-delay: calc(10 * 80ms);
     animation-fill-mode: both;
-    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+    animation-timing-function: var(--brand-animation-easing-default);
   }
 
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
@@ -2324,8 +2345,8 @@ select {
     backdrop-filter: blur(100px);
     height: 100vh;
     width: 100vw;
-    animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
-    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+    animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g var(--brand-animation-duration-fast);
+    animation-timing-function: var(--brand-animation-easing-default);
   }
 }
 
@@ -2482,7 +2503,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -2510,7 +2531,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -2526,11 +2547,11 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
-  --brand-InlineLink-transition-timing: 0.3s;
+  --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
   --brand-InlineLink-transition-scale-end: -2;
   --brand-InlineLink-transition-scale-start: 1;
 }
@@ -2580,7 +2601,7 @@ select {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  transition: box-shadow 0.2s;
+  transition: box-shadow var(--brand-animation-duration-faster);
   text-decoration: none;
   cursor: pointer;
 }
@@ -2604,7 +2625,7 @@ select {
 
 @media screen and (prefers-reduced-motion: no-preference) {
   .Primer_Brand__Link-module__Link___lvKjM::after {
-    transition: transform 0.3s ease;
+    transition: transform var(--brand-animation-duration-fast) ease;
   }
 }
 
@@ -2655,7 +2676,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -2671,7 +2692,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -2695,9 +2716,12 @@ select {
   --brand-animation-variant-slideInDown-distance: -0.9375rem;
   --brand-animation-variant-slideInUp-distance: 0.9375rem;
   --brand-animation-transition-default: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
+  --brand-animation-easing-glide: cubic-bezier(0.33, 1, 0.68, 1);
   --brand-animation-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
   --brand-animation-duration-extended: 0.7s;
   --brand-animation-duration-default: 0.6s;
+  --brand-animation-duration-fast: 0.3s;
+  --brand-animation-duration-faster: 0.2s;
 }
 
 .Primer_Brand__Animation-module__Animation___KNtEW {
@@ -2895,7 +2919,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -3134,7 +3158,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -3158,7 +3182,7 @@ select {
   content: '';
   border: 3px solid var(--brand-color-border-default);
   height: 0;
-  transition: 0.3s transform;
+  transition: var(--brand-animation-duration-fast) transform;
   transform: scaleY(0);
   transform-origin: 50% 100%;
   width: 100%;
@@ -3215,7 +3239,7 @@ select {
 
 .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
 .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
-  transition: transform 0.3s ease, opacity 0.2s ease;
+  transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
   display: block;
   background: linear-gradient(
     -70deg,
@@ -3291,7 +3315,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -3300,7 +3324,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -3314,7 +3338,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -3386,11 +3410,11 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
-  --brand-control-animation-easing: cubic-bezier(0.33, 1, 0.68, 1);
+  --brand-control-animation-easing: var(--brand-animation-easing-glide);
   --brand-control-animation-duration: 80ms;
   --brand-control-border-radius: var(--brand-borderRadius-medium);
   --brand-control-large-fontSize: var(--brand-text-size-300);
@@ -3405,7 +3429,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -4191,7 +4215,7 @@ Fixes safari bug where outline doesn't respect border-radius
   display: block;
   transform: scale(0.7);
   opacity: 0;
-  transition: transform 0.35s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.35s cubic-bezier(0.33, 1, 0.68, 1);
+  transition: transform 0.35s var(--brand-animation-easing-glide), opacity 0.35s var(--brand-animation-easing-glide);
 }
 @media (prefers-reduced-motion) {
   .Primer_Brand__Radio-module__Radio-dot___rmEAJ {
@@ -4348,7 +4372,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -5361,7 +5385,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -5377,7 +5401,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -5695,7 +5719,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -5844,7 +5868,7 @@ html {
 .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
   margin: 0 0 2px; /* allow space for focus border */
   animation: Primer_Brand__AnchorNav-module__fade-in___KfA_2 1s;
-  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); /* TODO: replace with global token for animation timings */
+  animation-timing-function: var(--brand-animation-easing-glide);
 }
 
 /* Up to large breakpoint */
@@ -5862,7 +5886,7 @@ html {
     width: 2px;
     height: 50%;
     background-color: var(--brand-AnchorNav-link-underline-default);
-    transition: opacity 300ms, transform 300ms;
+    transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);
     opacity: 1;
     transform: scale(0);
     transform-origin: left;
@@ -5901,7 +5925,7 @@ html {
   font-family: var(--brand-heading-fontFamily);
   letter-spacing: var(--brand-heading-letterSpacing-400);
   color: var(--brand-color-text-default);
-  transition: color cubic-bezier(0.33, 1, 0.68, 1) 0.2s; /* TODO: replace with global token for animation timings */
+  transition: color var(--brand-animation-easing-glide) var(--brand-animation-duration-faster);
   white-space: nowrap;
   position: relative;
 }
@@ -5959,7 +5983,8 @@ html {
     width: 100%;
     height: 2px;
     background-color: var(--brand-AnchorNav-link-underline-default);
-    transition: opacity 300ms, transform 300ms, background-color 300ms;
+    transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
+      background-color var(--brand-animation-duration-fast);
     opacity: 1;
     transform: scale(0);
     transform-origin: center;
@@ -6044,7 +6069,7 @@ html {
     background: hsla(var(--base-color-scale-black-0-hsl) / 0.5);
     transform: translateZ(-1px);
     animation: Primer_Brand__AnchorNav-module__fade-in___KfA_2 0.5s;
-    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
+    animation-timing-function: var(--brand-animation-easing-glide);
     cursor: pointer;
   }
 }
@@ -6098,7 +6123,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -6280,7 +6305,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -6395,7 +6420,7 @@ html {
   background-color: inherit;
   cursor: pointer;
   padding: 0 0 var(--base-size-4) 0;
-  transition: border 300ms cubic-bezier(0.33, 1, 0.68, 1);
+  transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);
 }
 
 .Primer_Brand__MinimalFooter-module__Footer__link___K13BH:hover {
@@ -6406,7 +6431,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -6573,11 +6598,11 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
-  --brand-Card-animation-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --brand-Card-animation-easing: var(--brand-animation-easing-default);
   --brand-Card-animation-duration: 600ms;
   --brand-Card-shadow: 0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%);
   --brand-Card-maxWidth: 26.25rem;
@@ -6585,7 +6610,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -6933,7 +6958,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -7003,7 +7028,7 @@ html {
 
 .Primer_Brand__ActionMenu-module__ActionMenu__menu--visible___dIcw5 {
   visibility: visible;
-  animation: 189ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Primer_Brand__ActionMenu-module__overlay-appear___hIYSP;
+  animation: 189ms var(--brand-animation-easing-glide) 0s 1 normal none running Primer_Brand__ActionMenu-module__overlay-appear___hIYSP;
 }
 
 @keyframes Primer_Brand__ActionMenu-module__overlay-appear___hIYSP {
@@ -7109,7 +7134,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -7135,7 +7160,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,
@@ -8124,7 +8149,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/color-scales.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/animation/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {
@@ -24,7 +24,10 @@
   --brand-animation-variant-slideInDown-distance: -0.9375rem;
   --brand-animation-variant-slideInUp-distance: 0.9375rem;
   --brand-animation-transition-default: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
+  --brand-animation-easing-glide: cubic-bezier(0.33, 1, 0.68, 1);
   --brand-animation-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
   --brand-animation-duration-extended: 0.7s;
   --brand-animation-duration-default: 0.6s;
+  --brand-animation-duration-fast: 0.3s;
+  --brand-animation-duration-faster: 0.2s;
 }

package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/colors/global.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:13 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
+ * Generated on Wed, 26 Jul 2023 16:26:14 GMT
  */
 
 :root,