npm - @primer/react-brand - Versions diffs - 0.21.0-rc.622e60d → 0.21.0-rc.95e8033 - Mend

@primer/react-brand 0.21.0-rc.622e60d → 0.21.0-rc.95e8033

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 (217) hide show

package/lib/css/main.css CHANGED Viewed

@@ -89,7 +89,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -629,7 +629,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {
@@ -654,7 +654,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {
@@ -669,7 +669,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {
@@ -841,7 +841,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {
@@ -855,7 +855,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {
@@ -873,7 +873,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -1195,7 +1195,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -1237,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;
@@ -1649,7 +1649,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {
@@ -1670,7 +1670,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {
@@ -1680,7 +1680,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {
@@ -1815,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;
 }
@@ -1880,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);
 }
@@ -1954,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);
   }
 }
@@ -2005,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);
   }
 }
@@ -2069,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;
@@ -2088,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);
   }
@@ -2144,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;
 }
@@ -2186,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;
 }
@@ -2213,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;
   }
@@ -2295,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 {
@@ -2344,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);
   }
 }
@@ -2502,7 +2503,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -2530,7 +2531,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -2546,11 +2547,11 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 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;
 }
@@ -2600,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;
 }
@@ -2624,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;
   }
 }
@@ -2675,7 +2676,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -2691,7 +2692,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {
@@ -2715,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 {
@@ -2915,7 +2919,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -3154,7 +3158,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -3178,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%;
@@ -3235,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,
@@ -3311,7 +3315,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {
@@ -3320,7 +3324,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -3334,7 +3338,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {
@@ -3406,11 +3410,11 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 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);
@@ -3425,7 +3429,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -4211,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 {
@@ -4368,7 +4372,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {
@@ -5381,7 +5385,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -5397,7 +5401,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {
@@ -5715,7 +5719,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -5864,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 */
@@ -5882,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;
@@ -5921,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;
 }
@@ -5979,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;
@@ -6064,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;
   }
 }
@@ -6118,7 +6123,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -6300,7 +6305,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -6415,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 {
@@ -6426,7 +6431,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -6593,11 +6598,11 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 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;
@@ -6605,7 +6610,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -6953,7 +6958,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -7023,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 {
@@ -7129,7 +7134,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {
@@ -7155,7 +7160,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,
@@ -8144,7 +8149,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 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 CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 GMT
  */
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:12 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:57 GMT
  */
 :root,

package/lib/design-tokens/css/tokens/functional/components/card/base.css CHANGED Viewed

@@ -1,10 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 18:10:11 GMT
+ * Generated on Tue, 25 Jul 2023 13:37:56 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;