@primer/react-brand 0.7.2 → 0.8.0-rc.302d683

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -848,7 +848,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -862,7 +862,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -880,7 +880,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -1076,7 +1076,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -1266,7 +1266,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -1287,7 +1287,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -1628,7 +1628,7 @@ select {
 }
 
 @media screen and (max-width: 767px) {
-  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-child {
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-of-type {
     padding-top: var(--base-size-24);
   }
 }
@@ -2073,7 +2073,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -2101,7 +2101,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -2206,7 +2206,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -2348,7 +2348,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -2358,7 +2358,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -2428,7 +2428,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -2447,7 +2447,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -3390,7 +3390,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {
@@ -3707,7 +3707,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,
@@ -4009,3 +4009,482 @@ Fixes safari bug where outline doesn't respect border-radius
   }
 }
 
+/**
+ * Do not edit directly
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-AnchorNav-link-underline-default: var(--base-color-scale-gray-4);
+  --brand-AnchorNav-link-underline-pressed: var(--base-color-scale-black-0);
+}
+
+[data-color-mode="dark"] {
+  --brand-AnchorNav-link-underline-default: var(--base-color-scale-gray-3);
+  --brand-AnchorNav-link-underline-pressed: var(--base-color-scale-white-0);
+}
+
+/*
+ * AnchorNav
+ * 
+ * 1. Globals
+ * 2. AnchorNav root and inner bounding containers
+ * 3. AnchorNav links
+ * 4. AnchorNav link labels
+ * 5. AnchorNav menu toggle button (narrow)
+ * 6. AnchorNav action
+ * 7. Custom animations
+ */
+
+/*
+ * 1. Globals
+ * TODO: Move into global reset
+ */
+html {
+  scroll-behavior: smooth;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+}
+
+/*
+ * 2. AnchorNav root and inner bounding containers
+ */
+.Primer_Brand__AnchorNav-module__AnchorNav___bwgAJ {
+  display: flex;
+  position: sticky;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding: var(--base-size-12) var(--base-size-16);
+  z-index: 91; /* must be higher than subdomain nav bar */
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___aFdXc {
+  background-color: var(--brand-color-canvas-default);
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav--stuck___AtvLO {
+  box-shadow: 0 3px 6px rgba(140, 149, 159, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); /* TODO: replace with a global token */
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk {
+  transform-style: preserve-3d;
+  z-index: 91;
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav-link-container___VpHV2 {
+  display: flex;
+  width: 100%;
+  position: relative;
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav-inner-container___lshlZ {
+  max-width: 1280px;
+  width: 100%;
+  position: relative;
+  z-index: 91; /* must be higher than subdomain nav bar */
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___aFdXc .Primer_Brand__AnchorNav-module__AnchorNav-inner-container___lshlZ {
+  background-color: var(--brand-color-canvas-default);
+}
+
+/* Up to large breakpoint */
+@media screen and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav___bwgAJ {
+    background-color: var(--brand-color-canvas-default);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-inner-container--expanded____aoje {
+    height: auto;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link-container___VpHV2 {
+    display: none;
+    padding-left: var(--base-size-16);
+  }
+  .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-link-container___VpHV2 {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+/* Large breakpoint and up */
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav___bwgAJ {
+    padding: var(--base-size-12) var(--base-size-40);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___aFdXc {
+    background-color: var(--brand-color-canvas-default);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav--stuck___AtvLO {
+    background-color: var(--brand-color-canvas-default);
+  }
+  .Primer_Brand__AnchorNav-module__AnchorNav-inner-container___lshlZ {
+    margin: 0 auto;
+    display: flex;
+  }
+}
+
+/*
+ * 3. AnchorNav links
+ */
+.Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
+  display: flex;
+  width: calc(100% - 80px);
+  text-decoration: none;
+  height: 48px;
+  align-items: center;
+  justify-items: flex-start;
+}
+
+.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 */
+}
+
+/* Up to large breakpoint */
+@media screen and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
+    position: absolute;
+    left: 0;
+    padding: 0 0 0 var(--base-size-16);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    width: 2px;
+    height: 50%;
+    background-color: var(--brand-AnchorNav-link-underline-default);
+    transition: opacity 300ms, transform 300ms;
+    opacity: 1;
+    transform: scale(0);
+    transform-origin: left;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-link--is-active___xbYDS::before {
+    transform: scale(1);
+  }
+}
+
+/* Large breakpoint and up */
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
+    position: relative;
+    margin: 0 1px; /* to provide space for focus border */
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link--center___aryYq {
+    justify-content: center;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link--start___COZM3 {
+    justify-content: flex-start;
+    width: auto;
+    margin-right: var(--base-size-48);
+  }
+}
+
+/*
+ * 4. AnchorNav link labels
+ */
+.Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK {
+  font-weight: var(--brand-heading-weight-400);
+  font-size: var(--brand-text-size-300);
+  line-height: var(--brand-text-lineHeight-300);
+  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 */
+  white-space: nowrap;
+  position: relative;
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___aFdXc .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK {
+  background-color: var(--brand-color-canvas-default);
+}
+
+/* Up to large breakpoint */
+@media screen and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK {
+    background-color: var(--brand-color-canvas-default);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-link-label--is-active___DyUFY {
+    color: var(--brand-color-focus);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2:not(.Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2[data-active='true']) {
+    visibility: hidden;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav--stuck___AtvLO .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2[data-active='false'][data-first='true'] {
+    visibility: visible;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav___bwgAJ .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2[data-active='false'][data-first='true'] {
+    visibility: visible;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-inner-container--expanded____aoje .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
+    visibility: visible !important;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-inner-container--expanded____aoje .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
+    display: flex;
+    position: relative;
+    left: auto;
+    right: auto;
+    top: auto;
+    flex-direction: column;
+    text-align: left;
+    justify-content: center;
+    align-items: flex-start;
+  }
+}
+
+/* Large breakpoint and up */
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after {
+    content: '';
+    position: absolute;
+    bottom: -6px;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: var(--brand-AnchorNav-link-underline-default);
+    transition: opacity 300ms, transform 300ms, background-color 300ms;
+    opacity: 1;
+    transform: scale(0);
+    transform-origin: center;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2:hover .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after,
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2:focus .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after,
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2[data-active='true'] .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after {
+    opacity: 1;
+    transform: translate3d(0, 0.2em, 0);
+    transform: scale(0.8, 1);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2:active .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after {
+    background-color: var(--brand-AnchorNav-link-underline-pressed);
+    transform: scale(0.9, 1);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2[data-active='true'] .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after {
+    background-color: var(--brand-AnchorNav-link-underline-pressed);
+    opacity: 1;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2.Primer_Brand__AnchorNav-module__focus-visible___dsg4c .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after {
+    opacity: 0;
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2:focus-visible .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK::after {
+    opacity: 0;
+  }
+}
+
+/*
+ * 5. AnchorNav menu toggle button (narrow)
+ */
+.Primer_Brand__AnchorNav-module__AnchorNav-menu-button___tputP {
+  display: none;
+}
+
+/* Up to large breakpoint */
+@media screen and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav-menu-button___tputP {
+    all: unset;
+    display: inline-flex;
+    cursor: pointer;
+    padding: var(--base-size-8) var(--base-size-16);
+    padding-left: 0; /* space for focus */
+    align-items: center;
+    height: var(--base-size-32);
+    z-index: 2;
+    border-radius: var(--brand-borderRadius-small);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-menu-button-arrow___v5tcA {
+    padding: 0 calc(var(--base-size-12) / 2);
+    width: 32px;
+    height: 32px;
+    color: var(--brand-color-text-default);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-menu-button___tputP.Primer_Brand__AnchorNav-module__focus-visible___dsg4c {
+    border-color: var(--brand-color-focus);
+    outline: none;
+    box-shadow: 0 0 0 2px var(--brand-color-focus);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-menu-button___tputP:focus-visible {
+    border-color: var(--brand-color-focus);
+    outline: none;
+    box-shadow: 0 0 0 2px var(--brand-color-focus);
+  }
+
+  .Primer_Brand__AnchorNav-module__AnchorNav-overlay--expanded___xXv6O {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: -3;
+    width: 100%;
+    height: 100vh; /* Keep as fallback */
+    height: 100dvh;
+    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);
+    cursor: pointer;
+  }
+}
+
+/*
+ * 6. AnchorNav action
+ */
+
+.Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
+  z-index: 1;
+  display: flex;
+  margin-left: auto;
+  white-space: nowrap;
+  padding: var(--base-size-12) var(--base-size-24);
+}
+
+.Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
+  align-self: flex-start;
+}
+
+@media screen and (max-width: 34rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
+    display: none;
+  }
+  .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
+    display: flex;
+    margin-top: var(--base-size-8);
+  }
+}
+
+@media screen and (min-width: 34rem) and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav-action___DWzcE {
+    display: flex;
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+}
+
+/*
+ * 7. Custom animations
+ */
+@keyframes Primer_Brand__AnchorNav-module__fade-in___KfA_2 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/**
+ * Do not edit directly
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5-hsl);
+  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5-hsl);
+}
+
+[data-color-mode="dark"] {
+  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2-hsl);
+  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3-hsl);
+}
+
+.Primer_Brand__CTABanner-module__CTABanner___m0t8s {
+  position: relative;
+  margin: 0 auto;
+  display: flex;
+  max-width: var(--brand-breakpoint-xlarge);
+}
+
+.Primer_Brand__CTABanner-module__CTABanner--shadow___BA030::before {
+  content: '';
+  position: absolute;
+  top: var(--base-size-16);
+  right: var(--base-size-16);
+  bottom: var(--base-size-16);
+  left: var(--base-size-16);
+  filter: blur(var(--base-size-96));
+  transform: translateZ(0);
+  background: linear-gradient(
+    to right,
+    hsl(var(--brand-CTABanner-shadow-color-start)),
+    hsl(var(--brand-CTABanner-shadow-color-end))
+  );
+}
+
+.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
+  border-radius: var(--brand-borderRadius-medium);
+  padding: var(--base-size-40) var(--base-size-32);
+  z-index: 1;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-size-16);
+  align-items: flex-start;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
+  background: var(--brand-color-canvas-default);
+}
+
+.Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
+  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+}
+
+.Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
+  align-items: center;
+  text-align: center;
+}
+
+.Primer_Brand__CTABanner-module__CTABanner-description___I7md6 {
+  color: var(--brand-color-text-muted);
+  margin-bottom: var(--base-size-16);
+}
+
+/* Medium breakpoint and up */
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
+    padding: var(--base-size-80) var(--base-size-64);
+  }
+}
+
+/* Large breakpoint and up */
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
+    padding: var(--base-size-128) var(--base-size-64);
+  }
+}
+

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:07 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:33 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 17 Nov 2022 13:45:06 GMT
+ * Generated on Thu, 08 Dec 2022 22:40:32 GMT
  */
 
 :root {