@preply/ds-web-root 0.68.0 → 0.69.0

package/dist/generated/themes.module.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Fri Sep 22 2023 07:31:38 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Thu Sep 28 2023 07:26:10 GMT+0000 (Coordinated Universal Time) */
 
 .ds-tokyo-ui {
     /**
@@ -682,9 +682,9 @@
     /**
      * action.base.gap (--0aee7b) ::gap
      * 
-     * = 8 (via spacing.8)
+     * = 12 (via spacing.12)
      */
-    --0aee7b: 8px;
+    --0aee7b: 12px;
     /**
      * action.inline.borderRadius (--5eeb28) ::borderRadius
      * 
@@ -1051,6 +1051,120 @@
      * = 160 (via sizing.160)
      */
     --329ba7: 160px;
+    /**
+     * avatarWithStatus.size.2xs.onlineIndicator.size (--1cea5a) ::size
+     * 
+     * = 8 (via sizing.8)
+     */
+    --1cea5a: 8px;
+    /**
+     * avatarWithStatus.size.xs.onlineIndicator.size (--540610) ::size
+     * 
+     * = 8 (via sizing.8)
+     */
+    --540610: 8px;
+    /**
+     * avatarWithStatus.size.m.onlineIndicator.size (--8f1e94) ::size
+     * 
+     * = 12 (via sizing.12)
+     */
+    --8f1e94: 12px;
+    /**
+     * avatarWithStatus.size.xl.onlineIndicator.size (--bdf712) ::size
+     * 
+     * = 16 (via sizing.16)
+     */
+    --bdf712: 16px;
+    /**
+     * avatarWithStatus.size.64.onlineIndicator.size (--7d9a55) ::size
+     * 
+     * = 12 (via sizing.12)
+     */
+    --7d9a55: 12px;
+    /**
+     * avatarWithStatus.size.96.onlineIndicator.size (--7d3ab7) ::size
+     * 
+     * = 12 (via sizing.12)
+     */
+    --7d3ab7: 12px;
+    /**
+     * avatarWithStatus.size.160.onlineIndicator.size (--523f7d) ::size
+     * 
+     * = 16 (via sizing.16)
+     */
+    --523f7d: 16px;
+    /**
+     * avatarWithStatus.size.2xs.onlineIndicator.offset (--4b2086) ::size
+     * 
+     * = 2 (via sizing.2)
+     */
+    --4b2086: 2px;
+    /**
+     * avatarWithStatus.size.xs.onlineIndicator.offset (--20c0b1) ::size
+     * 
+     * = 2 (via sizing.2)
+     */
+    --20c0b1: 2px;
+    /**
+     * avatarWithStatus.size.m.onlineIndicator.offset (--705050) ::size
+     * 
+     * = 4 (via sizing.4)
+     */
+    --705050: 4px;
+    /**
+     * avatarWithStatus.size.xl.onlineIndicator.offset (--3b13f1) ::size
+     * 
+     * = 8 (via sizing.8)
+     */
+    --3b13f1: 8px;
+    /**
+     * avatarWithStatus.size.64.onlineIndicator.offset (--3e174a) ::size
+     * 
+     * = 4 (via sizing.4)
+     */
+    --3e174a: 4px;
+    /**
+     * avatarWithStatus.size.96.onlineIndicator.offset (--bd3f63) ::size
+     * 
+     * = 4 (via sizing.4)
+     */
+    --bd3f63: 4px;
+    /**
+     * avatarWithStatus.size.160.onlineIndicator.offset (--23067e) ::size
+     * 
+     * = 8 (via sizing.8)
+     */
+    --23067e: 8px;
+    /**
+     * avatarWithStatus.onlineIndicator.borderRadius (--0cf20e) ::borderRadius
+     * 
+     * = 2 (via radius.2)
+     */
+    --0cf20e: 2px;
+    /**
+     * avatarWithStatus.onlineIndicator.borderWidth (--4a76d7) ::size
+     * 
+     * = 2
+     */
+    --4a76d7: 2px;
+    /**
+     * avatarWithStatus.onlineIndicator.borderColor (--e5a39b) ::color
+     * 
+     * = #FFFFFF (via dsInternalPrimitive.color.grey.0)
+     */
+    --e5a39b: #FFFFFF;
+    /**
+     * avatarWithStatus.onlineIndicator.offline.bgColor (--a95a51) ::color
+     * 
+     * = #C5C5D1 (via dsInternalPrimitive.color.grey.300)
+     */
+    --a95a51: #C5C5D1;
+    /**
+     * avatarWithStatus.onlineIndicator.online.bgColor (--62b71e) ::color
+     * 
+     * = #19AC91 (via dsInternalPrimitive.color.teal.500)
+     */
+    --62b71e: #19AC91;
     /**
      * badge.base.borderRadius (--93d4a2) ::borderRadius
      * 
@@ -1345,6 +1459,12 @@
      * = 48 (via sizing.48)
      */
     --03d2e4: 48px;
+    /**
+     * heading.variant.massive.fontFamily (--b3726f) ::fontFamily
+     * 
+     * = Platform (via text.heading.massive.fontFamily)
+     */
+    --b3726f: Platform;
     /**
      * heading.variant.huge.fontFamily (--4a9e2c) ::fontFamily
      * 
@@ -1375,6 +1495,12 @@
      * = Platform (via text.heading.small.fontFamily)
      */
     --22c5e1: Platform;
+    /**
+     * heading.variant.massive.fontWeight (--8c9f05) ::fontWeight
+     * 
+     * = 500 (via text.heading.massive.fontWeight)
+     */
+    --8c9f05: 500;
     /**
      * heading.variant.huge.fontWeight (--b1d4f5) ::fontWeight
      * 
@@ -1405,6 +1531,12 @@
      * = 500 (via text.heading.small.fontWeight)
      */
     --e1e6cd: 500;
+    /**
+     * heading.variant.massive.fontSize (--cd577e) ::fontSize
+     * 
+     * = 96 (via text.heading.massive.fontSize)
+     */
+    --cd577e: 96px;
     /**
      * heading.variant.huge.fontSize (--890dda) ::fontSize
      * 
@@ -1435,6 +1567,12 @@
      * = 20 (via text.heading.small.fontSize)
      */
     --054730: 20px;
+    /**
+     * heading.variant.massive.lineHeight (--2e9eee) ::lineHeightPixels
+     * 
+     * = 96 (via text.heading.massive.lineHeight)
+     */
+    --2e9eee: 96px;
     /**
      * heading.variant.huge.lineHeight (--a1602a) ::lineHeightPixels
      * 
@@ -1465,6 +1603,12 @@
      * = 24 (via text.heading.small.lineHeight)
      */
     --ced741: 24px;
+    /**
+     * heading.variant.massive.letterSpacing (--d662ea) ::letterSpacing
+     * 
+     * = -0.005
+     */
+    --d662ea: -0.005em;
     /**
      * heading.variant.huge.letterSpacing (--65a2cd) ::letterSpacing
      * 
@@ -3445,6 +3589,12 @@
      * = rgba(18, 17, 23, 0.56)
      */
     --b445b1: rgba(18, 17, 23, 0.56);
+    /**
+     * dsInternalPrimitive.color.grey.900-15 (--a6b6d6) ::color
+     * 
+     * = rgba(18, 17, 23, 0.15)
+     */
+    --a6b6d6: rgba(18, 17, 23, 0.15);
     /**
      * dsInternalPrimitive.color.grey.900-12 (--7e1290) ::color
      * 
@@ -3781,6 +3931,18 @@
      * = #FFFFFF (via dsInternalPrimitive.color.grey.0)
      */
     --27aa3b: #FFFFFF;
+    /**
+     * dsInternalPrimitive.color.text.primaryB2b.action (--48c8a1) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --48c8a1: #121117;
+    /**
+     * dsInternalPrimitive.color.text.primaryTutor.action (--3250df) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --3250df: #121117;
     /**
      * dsInternalPrimitive.color.text.inverted.action (--250d1b) ::color
      * 
@@ -3805,6 +3967,18 @@
      * = #FFFFFF (via dsInternalPrimitive.color.grey.0)
      */
     --480cdf: #FFFFFF;
+    /**
+     * dsInternalPrimitive.color.text.primaryB2b.action.active (--ccca30) ::color
+     * 
+     * = #FFFFFF (via dsInternalPrimitive.color.grey.0)
+     */
+    --ccca30: #FFFFFF;
+    /**
+     * dsInternalPrimitive.color.text.primaryTutor.action.active (--488097) ::color
+     * 
+     * = #FFFFFF (via dsInternalPrimitive.color.grey.0)
+     */
+    --488097: #FFFFFF;
     /**
      * dsInternalPrimitive.color.background.primary.action.rest (--cf27db) ::color
      * 
@@ -3853,6 +4027,18 @@
      * = rgba(18, 17, 23, 0.56) (via dsInternalPrimitive.color.grey.900-56)
      */
     --8c3891: rgba(18, 17, 23, 0.56);
+    /**
+     * dsInternalPrimitive.color.background.primaryB2b.action.rest (--1c0876) ::color
+     * 
+     * = #57A0FF (via dsInternalPrimitive.color.blue.300)
+     */
+    --1c0876: #57A0FF;
+    /**
+     * dsInternalPrimitive.color.background.primaryTutor.action.rest (--d78653) ::color
+     * 
+     * = #3DDABE (via dsInternalPrimitive.color.teal.400)
+     */
+    --d78653: #3DDABE;
     /**
      * dsInternalPrimitive.color.background.inverted.action.rest (--63afb0) ::color
      * 
@@ -3919,6 +4105,18 @@
      * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.grey.900-72)
      */
     --173f0d: rgba(18, 17, 23, 0.72);
+    /**
+     * dsInternalPrimitive.color.background.primaryB2b.action.hover (--ab3e6b) ::color
+     * 
+     * = #99C5FF (via dsInternalPrimitive.color.blue.200)
+     */
+    --ab3e6b: #99C5FF;
+    /**
+     * dsInternalPrimitive.color.background.primaryTutor.action.hover (--689a70) ::color
+     * 
+     * = #7BEAD6 (via dsInternalPrimitive.color.teal.300)
+     */
+    --689a70: #7BEAD6;
     /**
      * dsInternalPrimitive.color.background.inverted.action.hover (--4df5c9) ::color
      * 
@@ -3985,6 +4183,18 @@
      * = #121117 (via dsInternalPrimitive.color.grey.900)
      */
     --003ddf: #121117;
+    /**
+     * dsInternalPrimitive.color.background.primaryB2b.action.active (--6bda6d) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --6bda6d: #121117;
+    /**
+     * dsInternalPrimitive.color.background.primaryTutor.action.active (--608d83) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --608d83: #121117;
     /**
      * dsInternalPrimitive.color.background.inverted.action.active (--5e5ef1) ::color
      * 
@@ -4063,6 +4273,18 @@
      * = transparent
      */
     --9b0207: transparent;
+    /**
+     * dsInternalPrimitive.color.border.primaryB2b.action (--7e0dcd) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --7e0dcd: #121117;
+    /**
+     * dsInternalPrimitive.color.border.primaryTutor.action (--15969b) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --15969b: #121117;
     /**
      * dsInternalPrimitive.color.border.newFeature.action (--0831da) ::color
      * 
@@ -4081,6 +4303,12 @@
      * = #C5C5D1 (via dsInternalPrimitive.color.grey.300)
      */
     --5a42a7: #C5C5D1;
+    /**
+     * text.heading.massive.fontFamily (--422252) ::fontFamily
+     * 
+     * = Platform
+     */
+    --422252: Platform;
     /**
      * text.heading.huge.fontFamily (--ccb2e6) ::fontFamily
      * 
@@ -4201,6 +4429,12 @@
      * = Figtree
      */
     --a6a956: Figtree;
+    /**
+     * text.heading.massive.fontWeight (--b0be93) ::fontWeight
+     * 
+     * = 500
+     */
+    --b0be93: 500;
     /**
      * text.heading.huge.fontWeight (--159ab0) ::fontWeight
      * 
@@ -4321,6 +4555,12 @@
      * = 600
      */
     --54ffae: 600;
+    /**
+     * text.heading.massive.fontSize (--bf8d53) ::fontSize
+     * 
+     * = 96
+     */
+    --bf8d53: 96px;
     /**
      * text.heading.huge.fontSize (--3a5e2f) ::fontSize
      * 
@@ -4441,6 +4681,12 @@
      * = 14
      */
     --570d54: 14px;
+    /**
+     * text.heading.massive.lineHeight (--772bea) ::lineHeightPixels
+     * 
+     * = 96
+     */
+    --772bea: 96px;
     /**
      * text.heading.huge.lineHeight (--e7b73e) ::lineHeightPixels
      * 
@@ -4837,6 +5083,132 @@
      * = 300
      */
     --aa6dcb: 300px;
+    /**
+     * dropShadow.1.shorthand (--4d6aa3) ::boxShadow
+     * 
+     * = 0px 4px 16px 0px rgba(18, 17, 23, 0.15)
+     */
+    --4d6aa3: 0px 4px 16px 0px rgba(18, 17, 23, 0.15);
+    /**
+     * dropShadow.2.shorthand (--ecd97a) ::boxShadow
+     * 
+     * = 0px 8px 32px 0px rgba(18, 17, 23, 0.15)
+     */
+    --ecd97a: 0px 8px 32px 0px rgba(18, 17, 23, 0.15);
+    /**
+     * dropShadow.3.shorthand (--df7dbb) ::boxShadow
+     * 
+     * = 0px 16px 48px 0px rgba(18, 17, 23, 0.15)
+     */
+    --df7dbb: 0px 16px 48px 0px rgba(18, 17, 23, 0.15);
+    /**
+     * dropShadow.1.shadowColor (--e719fa) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --e719fa: #121117;
+    /**
+     * dropShadow.2.shadowColor (--3b13b3) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --3b13b3: #121117;
+    /**
+     * dropShadow.3.shadowColor (--de2ee3) ::color
+     * 
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     */
+    --de2ee3: #121117;
+    /**
+     * dropShadow.1.shadowOffsetX (--c9cca6) ::size
+     * 
+     * = 0
+     */
+    --c9cca6: 0px;
+    /**
+     * dropShadow.2.shadowOffsetX (--e8124b) ::size
+     * 
+     * = 0
+     */
+    --e8124b: 0px;
+    /**
+     * dropShadow.3.shadowOffsetX (--e8fcd2) ::size
+     * 
+     * = 0
+     */
+    --e8fcd2: 0px;
+    /**
+     * dropShadow.1.shadowOffsetY (--b2d31a) ::size
+     * 
+     * = 4
+     */
+    --b2d31a: 4px;
+    /**
+     * dropShadow.2.shadowOffsetY (--b4ecf2) ::size
+     * 
+     * = 8
+     */
+    --b4ecf2: 8px;
+    /**
+     * dropShadow.3.shadowOffsetY (--f4d3f2) ::size
+     * 
+     * = 16
+     */
+    --f4d3f2: 16px;
+    /**
+     * dropShadow.1.shadowBlurRadius (--987abc) ::size
+     * 
+     * = 16
+     */
+    --987abc: 16px;
+    /**
+     * dropShadow.2.shadowBlurRadius (--ecae98) ::size
+     * 
+     * = 32
+     */
+    --ecae98: 32px;
+    /**
+     * dropShadow.3.shadowBlurRadius (--3b86b2) ::size
+     * 
+     * = 48
+     */
+    --3b86b2: 48px;
+    /**
+     * dropShadow.1.shadowOpacity (--009604) ::shadowOpacity
+     * 
+     * = 0.15
+     */
+    --009604: 0.15;
+    /**
+     * dropShadow.2.shadowOpacity (--302716) ::shadowOpacity
+     * 
+     * = 0.15
+     */
+    --302716: 0.15;
+    /**
+     * dropShadow.3.shadowOpacity (--9952ce) ::shadowOpacity
+     * 
+     * = 0.15
+     */
+    --9952ce: 0.15;
+    /**
+     * dropShadow.1.elevation (--369822) ::elevation
+     * 
+     * = 24
+     */
+    --369822: 24;
+    /**
+     * dropShadow.2.elevation (--10844c) ::elevation
+     * 
+     * = 20
+     */
+    --10844c: 20;
+    /**
+     * dropShadow.3.elevation (--03df56) ::elevation
+     * 
+     * = 16
+     */
+    --03df56: 16;
     /**
      * link.large.textDecoration (--e19989) ::textDecoration
      * 
@@ -4915,6 +5287,18 @@
      * = unset
      */
     --4d5ea8: unset;
+    /**
+     * action.variant.primaryB2b.textDecoration (--6c9741) ::textDecoration
+     * 
+     * = unset
+     */
+    --6c9741: unset;
+    /**
+     * action.variant.primaryTutor.textDecoration (--6e7352) ::textDecoration
+     * 
+     * = unset
+     */
+    --6e7352: unset;
     /**
      * action.variant.inverted.textDecoration (--fb8624) ::textDecoration
      * 
@@ -5169,6 +5553,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --8d482c: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.color (--4a94de) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryB2b.action)
+         */
+        --4a94de: #121117;
+        /**
+         * action.variant.primaryTutor.color (--c93681) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryTutor.action)
+         */
+        --c93681: #121117;
         /**
          * action.variant.inverted.color (--81b7df) ::fgColor (color scheme aware)
          * 
@@ -5247,6 +5643,18 @@
          * = rgba(18, 17, 23, 0.56) (via dsInternalPrimitive.color.background.classroom.action.rest)
          */
         --7a038f: rgba(18, 17, 23, 0.56);
+        /**
+         * action.variant.primaryB2b.bgColor (--6c36b5) ::bgColor (color scheme aware)
+         * 
+         * = #57A0FF (via dsInternalPrimitive.color.background.primaryB2b.action.rest)
+         */
+        --6c36b5: #57A0FF;
+        /**
+         * action.variant.primaryTutor.bgColor (--4aa1b1) ::bgColor (color scheme aware)
+         * 
+         * = #3DDABE (via dsInternalPrimitive.color.background.primaryTutor.action.rest)
+         */
+        --4aa1b1: #3DDABE;
         /**
          * action.variant.inverted.bgColor (--c54155) ::bgColor (color scheme aware)
          * 
@@ -5325,6 +5733,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --38faba: transparent;
+        /**
+         * action.variant.primaryB2b.borderColor (--4a9eb5) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryB2b.action)
+         */
+        --4a9eb5: #121117;
+        /**
+         * action.variant.primaryTutor.borderColor (--f103e9) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryTutor.action)
+         */
+        --f103e9: #121117;
         /**
          * action.variant.inverted.borderColor (--fe1378) ::borderColor (color scheme aware)
          * 
@@ -5403,6 +5823,18 @@
          * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.background.classroom.action.hover)
          */
         --077a93: rgba(18, 17, 23, 0.72);
+        /**
+         * action.variant.primaryB2b.hover.bgColor (--dcdb32) ::bgColor (color scheme aware)
+         * 
+         * = #99C5FF (via dsInternalPrimitive.color.background.primaryB2b.action.hover)
+         */
+        --dcdb32: #99C5FF;
+        /**
+         * action.variant.primaryTutor.hover.bgColor (--46a009) ::bgColor (color scheme aware)
+         * 
+         * = #7BEAD6 (via dsInternalPrimitive.color.background.primaryTutor.action.hover)
+         */
+        --46a009: #7BEAD6;
         /**
          * action.variant.inverted.hover.bgColor (--8a16b5) ::bgColor (color scheme aware)
          * 
@@ -5481,6 +5913,18 @@
          * = #121117 (via dsInternalPrimitive.color.background.classroom.action.active)
          */
         --45d93a: #121117;
+        /**
+         * action.variant.primaryB2b.active.bgColor (--fc3d8b) ::bgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryB2b.action.active)
+         */
+        --fc3d8b: #121117;
+        /**
+         * action.variant.primaryTutor.active.bgColor (--dd5a43) ::bgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryTutor.action.active)
+         */
+        --dd5a43: #121117;
         /**
          * action.variant.inverted.active.bgColor (--de59a1) ::bgColor (color scheme aware)
          * 
@@ -5559,6 +6003,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --55bfda: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.hover.color (--3e45d7) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryB2b.action)
+         */
+        --3e45d7: #121117;
+        /**
+         * action.variant.primaryTutor.hover.color (--e91696) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryTutor.action)
+         */
+        --e91696: #121117;
         /**
          * action.variant.inverted.hover.color (--79a09e) ::fgColor (color scheme aware)
          * 
@@ -5637,6 +6093,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --b62751: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.active.color (--cb03bc) ::fgColor (color scheme aware)
+         * 
+         * = #FFFFFF (via dsInternalPrimitive.color.text.primaryB2b.action.active)
+         */
+        --cb03bc: #FFFFFF;
+        /**
+         * action.variant.primaryTutor.active.color (--58d992) ::fgColor (color scheme aware)
+         * 
+         * = #FFFFFF (via dsInternalPrimitive.color.text.primaryTutor.action.active)
+         */
+        --58d992: #FFFFFF;
         /**
          * action.variant.inverted.active.color (--77e945) ::fgColor (color scheme aware)
          * 
@@ -5991,6 +6459,12 @@
          * = #FF7AAC (via dsInternalPrimitive.color.pink.400)
          */
         --cd91ab: #FF7AAC;
+        /**
+         * color.background.brandB2b (--706789) ::color (color scheme aware)
+         * 
+         * = #57A0FF (via dsInternalPrimitive.color.blue.300)
+         */
+        --706789: #57A0FF;
         /**
          * color.background.accentLight (--560eda) ::color (color scheme aware)
          * 
@@ -6201,6 +6675,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --4a0597: transparent;
+        /**
+         * action.variant.primaryB2b.hover.borderColor (--a4c18c) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryB2b.action)
+         */
+        --a4c18c: #121117;
+        /**
+         * action.variant.primaryTutor.hover.borderColor (--632796) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryTutor.action)
+         */
+        --632796: #121117;
         /**
          * action.variant.inverted.hover.borderColor (--19fa74) ::borderColor (color scheme aware)
          * 
@@ -6279,6 +6765,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --8307ea: transparent;
+        /**
+         * action.variant.primaryB2b.active.borderColor (--173e42) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryB2b.action.active)
+         */
+        --173e42: #121117;
+        /**
+         * action.variant.primaryTutor.active.borderColor (--412e8f) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryTutor.action.active)
+         */
+        --412e8f: #121117;
         /**
          * action.variant.inverted.active.borderColor (--0d330c) ::borderColor (color scheme aware)
          * 
@@ -6357,6 +6855,18 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --659377: #DCDCE5;
+        /**
+         * action.variant.primaryB2b.disabled.borderColor (--e7f949) ::borderColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --e7f949: #DCDCE5;
+        /**
+         * action.variant.primaryTutor.disabled.borderColor (--f6a20e) ::borderColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --f6a20e: #DCDCE5;
         /**
          * action.variant.inverted.disabled.borderColor (--e797f1) ::borderColor (color scheme aware)
          * 
@@ -6435,6 +6945,18 @@
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
         --8415f2: #6A697C;
+        /**
+         * action.variant.primaryB2b.disabled.color (--a6c6fb) ::fgColor (color scheme aware)
+         * 
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --a6c6fb: #6A697C;
+        /**
+         * action.variant.primaryTutor.disabled.color (--5c2f26) ::fgColor (color scheme aware)
+         * 
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --5c2f26: #6A697C;
         /**
          * action.variant.inverted.disabled.color (--e0ef5a) ::fgColor (color scheme aware)
          * 
@@ -6513,6 +7035,18 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --249654: #DCDCE5;
+        /**
+         * action.variant.primaryB2b.disabled.bgColor (--8c7723) ::bgColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --8c7723: #DCDCE5;
+        /**
+         * action.variant.primaryTutor.disabled.bgColor (--07d682) ::bgColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --07d682: #DCDCE5;
         /**
          * action.variant.inverted.disabled.bgColor (--b1756a) ::bgColor (color scheme aware)
          * 
@@ -6756,6 +7290,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --8d482c: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.color (--4a94de) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryB2b.action)
+         */
+        --4a94de: #121117;
+        /**
+         * action.variant.primaryTutor.color (--c93681) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryTutor.action)
+         */
+        --c93681: #121117;
         /**
          * action.variant.inverted.color (--81b7df) ::fgColor (color scheme aware)
          * 
@@ -6834,6 +7380,18 @@
          * = rgba(18, 17, 23, 0.56) (via dsInternalPrimitive.color.background.classroom.action.rest)
          */
         --7a038f: rgba(18, 17, 23, 0.56);
+        /**
+         * action.variant.primaryB2b.bgColor (--6c36b5) ::bgColor (color scheme aware)
+         * 
+         * = #57A0FF (via dsInternalPrimitive.color.background.primaryB2b.action.rest)
+         */
+        --6c36b5: #57A0FF;
+        /**
+         * action.variant.primaryTutor.bgColor (--4aa1b1) ::bgColor (color scheme aware)
+         * 
+         * = #3DDABE (via dsInternalPrimitive.color.background.primaryTutor.action.rest)
+         */
+        --4aa1b1: #3DDABE;
         /**
          * action.variant.inverted.bgColor (--c54155) ::bgColor (color scheme aware)
          * 
@@ -6912,6 +7470,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --38faba: transparent;
+        /**
+         * action.variant.primaryB2b.borderColor (--4a9eb5) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryB2b.action)
+         */
+        --4a9eb5: #121117;
+        /**
+         * action.variant.primaryTutor.borderColor (--f103e9) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryTutor.action)
+         */
+        --f103e9: #121117;
         /**
          * action.variant.inverted.borderColor (--fe1378) ::borderColor (color scheme aware)
          * 
@@ -6990,6 +7560,18 @@
          * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.background.classroom.action.hover)
          */
         --077a93: rgba(18, 17, 23, 0.72);
+        /**
+         * action.variant.primaryB2b.hover.bgColor (--dcdb32) ::bgColor (color scheme aware)
+         * 
+         * = #99C5FF (via dsInternalPrimitive.color.background.primaryB2b.action.hover)
+         */
+        --dcdb32: #99C5FF;
+        /**
+         * action.variant.primaryTutor.hover.bgColor (--46a009) ::bgColor (color scheme aware)
+         * 
+         * = #7BEAD6 (via dsInternalPrimitive.color.background.primaryTutor.action.hover)
+         */
+        --46a009: #7BEAD6;
         /**
          * action.variant.inverted.hover.bgColor (--8a16b5) ::bgColor (color scheme aware)
          * 
@@ -7068,6 +7650,18 @@
          * = #121117 (via dsInternalPrimitive.color.background.classroom.action.active)
          */
         --45d93a: #121117;
+        /**
+         * action.variant.primaryB2b.active.bgColor (--fc3d8b) ::bgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryB2b.action.active)
+         */
+        --fc3d8b: #121117;
+        /**
+         * action.variant.primaryTutor.active.bgColor (--dd5a43) ::bgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryTutor.action.active)
+         */
+        --dd5a43: #121117;
         /**
          * action.variant.inverted.active.bgColor (--de59a1) ::bgColor (color scheme aware)
          * 
@@ -7146,6 +7740,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --55bfda: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.hover.color (--3e45d7) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryB2b.action)
+         */
+        --3e45d7: #121117;
+        /**
+         * action.variant.primaryTutor.hover.color (--e91696) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryTutor.action)
+         */
+        --e91696: #121117;
         /**
          * action.variant.inverted.hover.color (--79a09e) ::fgColor (color scheme aware)
          * 
@@ -7224,6 +7830,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --b62751: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.active.color (--cb03bc) ::fgColor (color scheme aware)
+         * 
+         * = #FFFFFF (via dsInternalPrimitive.color.text.primaryB2b.action.active)
+         */
+        --cb03bc: #FFFFFF;
+        /**
+         * action.variant.primaryTutor.active.color (--58d992) ::fgColor (color scheme aware)
+         * 
+         * = #FFFFFF (via dsInternalPrimitive.color.text.primaryTutor.action.active)
+         */
+        --58d992: #FFFFFF;
         /**
          * action.variant.inverted.active.color (--77e945) ::fgColor (color scheme aware)
          * 
@@ -7578,6 +8196,12 @@
          * = #FF7AAC (via dsInternalPrimitive.color.pink.400)
          */
         --cd91ab: #FF7AAC;
+        /**
+         * color.background.brandB2b (--706789) ::color (color scheme aware)
+         * 
+         * = #57A0FF (via dsInternalPrimitive.color.blue.300)
+         */
+        --706789: #57A0FF;
         /**
          * color.background.accentLight (--560eda) ::color (color scheme aware)
          * 
@@ -7788,6 +8412,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --4a0597: transparent;
+        /**
+         * action.variant.primaryB2b.hover.borderColor (--a4c18c) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryB2b.action)
+         */
+        --a4c18c: #121117;
+        /**
+         * action.variant.primaryTutor.hover.borderColor (--632796) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryTutor.action)
+         */
+        --632796: #121117;
         /**
          * action.variant.inverted.hover.borderColor (--19fa74) ::borderColor (color scheme aware)
          * 
@@ -7861,11 +8497,23 @@
          */
         --285db3: #302F3B;
         /**
-         * action.variant.classroom.active.borderColor (--8307ea) ::borderColor (color scheme aware)
+         * action.variant.classroom.active.borderColor (--8307ea) ::borderColor (color scheme aware)
+         * 
+         * = transparent (via dsInternalPrimitive.color.border.classroom.action)
+         */
+        --8307ea: transparent;
+        /**
+         * action.variant.primaryB2b.active.borderColor (--173e42) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryB2b.action.active)
+         */
+        --173e42: #121117;
+        /**
+         * action.variant.primaryTutor.active.borderColor (--412e8f) ::borderColor (color scheme aware)
          * 
-         * = transparent (via dsInternalPrimitive.color.border.classroom.action)
+         * = #121117 (via dsInternalPrimitive.color.background.primaryTutor.action.active)
          */
-        --8307ea: transparent;
+        --412e8f: #121117;
         /**
          * action.variant.inverted.active.borderColor (--0d330c) ::borderColor (color scheme aware)
          * 
@@ -7944,6 +8592,18 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --659377: #DCDCE5;
+        /**
+         * action.variant.primaryB2b.disabled.borderColor (--e7f949) ::borderColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --e7f949: #DCDCE5;
+        /**
+         * action.variant.primaryTutor.disabled.borderColor (--f6a20e) ::borderColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --f6a20e: #DCDCE5;
         /**
          * action.variant.inverted.disabled.borderColor (--e797f1) ::borderColor (color scheme aware)
          * 
@@ -8022,6 +8682,18 @@
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
         --8415f2: #6A697C;
+        /**
+         * action.variant.primaryB2b.disabled.color (--a6c6fb) ::fgColor (color scheme aware)
+         * 
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --a6c6fb: #6A697C;
+        /**
+         * action.variant.primaryTutor.disabled.color (--5c2f26) ::fgColor (color scheme aware)
+         * 
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --5c2f26: #6A697C;
         /**
          * action.variant.inverted.disabled.color (--e0ef5a) ::fgColor (color scheme aware)
          * 
@@ -8100,6 +8772,18 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --249654: #DCDCE5;
+        /**
+         * action.variant.primaryB2b.disabled.bgColor (--8c7723) ::bgColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --8c7723: #DCDCE5;
+        /**
+         * action.variant.primaryTutor.disabled.bgColor (--07d682) ::bgColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --07d682: #DCDCE5;
         /**
          * action.variant.inverted.disabled.bgColor (--b1756a) ::bgColor (color scheme aware)
          * 
@@ -8343,6 +9027,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --8d482c: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.color (--4a94de) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryB2b.action)
+         */
+        --4a94de: #121117;
+        /**
+         * action.variant.primaryTutor.color (--c93681) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryTutor.action)
+         */
+        --c93681: #121117;
         /**
          * action.variant.inverted.color (--81b7df) ::fgColor (color scheme aware)
          * 
@@ -8421,6 +9117,18 @@
          * = rgba(18, 17, 23, 0.56) (via dsInternalPrimitive.color.background.classroom.action.rest)
          */
         --7a038f: rgba(18, 17, 23, 0.56);
+        /**
+         * action.variant.primaryB2b.bgColor (--6c36b5) ::bgColor (color scheme aware)
+         * 
+         * = #57A0FF (via dsInternalPrimitive.color.background.primaryB2b.action.rest)
+         */
+        --6c36b5: #57A0FF;
+        /**
+         * action.variant.primaryTutor.bgColor (--4aa1b1) ::bgColor (color scheme aware)
+         * 
+         * = #3DDABE (via dsInternalPrimitive.color.background.primaryTutor.action.rest)
+         */
+        --4aa1b1: #3DDABE;
         /**
          * action.variant.inverted.bgColor (--c54155) ::bgColor (color scheme aware)
          * 
@@ -8499,6 +9207,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --38faba: transparent;
+        /**
+         * action.variant.primaryB2b.borderColor (--4a9eb5) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryB2b.action)
+         */
+        --4a9eb5: #121117;
+        /**
+         * action.variant.primaryTutor.borderColor (--f103e9) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryTutor.action)
+         */
+        --f103e9: #121117;
         /**
          * action.variant.inverted.borderColor (--fe1378) ::borderColor (color scheme aware)
          * 
@@ -8577,6 +9297,18 @@
          * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.background.classroom.action.hover)
          */
         --077a93: rgba(18, 17, 23, 0.72);
+        /**
+         * action.variant.primaryB2b.hover.bgColor (--dcdb32) ::bgColor (color scheme aware)
+         * 
+         * = #99C5FF (via dsInternalPrimitive.color.background.primaryB2b.action.hover)
+         */
+        --dcdb32: #99C5FF;
+        /**
+         * action.variant.primaryTutor.hover.bgColor (--46a009) ::bgColor (color scheme aware)
+         * 
+         * = #7BEAD6 (via dsInternalPrimitive.color.background.primaryTutor.action.hover)
+         */
+        --46a009: #7BEAD6;
         /**
          * action.variant.inverted.hover.bgColor (--8a16b5) ::bgColor (color scheme aware)
          * 
@@ -8655,6 +9387,18 @@
          * = #121117 (via dsInternalPrimitive.color.background.classroom.action.active)
          */
         --45d93a: #121117;
+        /**
+         * action.variant.primaryB2b.active.bgColor (--fc3d8b) ::bgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryB2b.action.active)
+         */
+        --fc3d8b: #121117;
+        /**
+         * action.variant.primaryTutor.active.bgColor (--dd5a43) ::bgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryTutor.action.active)
+         */
+        --dd5a43: #121117;
         /**
          * action.variant.inverted.active.bgColor (--de59a1) ::bgColor (color scheme aware)
          * 
@@ -8733,6 +9477,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --55bfda: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.hover.color (--3e45d7) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryB2b.action)
+         */
+        --3e45d7: #121117;
+        /**
+         * action.variant.primaryTutor.hover.color (--e91696) ::fgColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.text.primaryTutor.action)
+         */
+        --e91696: #121117;
         /**
          * action.variant.inverted.hover.color (--79a09e) ::fgColor (color scheme aware)
          * 
@@ -8811,6 +9567,18 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
         --b62751: #FFFFFF;
+        /**
+         * action.variant.primaryB2b.active.color (--cb03bc) ::fgColor (color scheme aware)
+         * 
+         * = #FFFFFF (via dsInternalPrimitive.color.text.primaryB2b.action.active)
+         */
+        --cb03bc: #FFFFFF;
+        /**
+         * action.variant.primaryTutor.active.color (--58d992) ::fgColor (color scheme aware)
+         * 
+         * = #FFFFFF (via dsInternalPrimitive.color.text.primaryTutor.action.active)
+         */
+        --58d992: #FFFFFF;
         /**
          * action.variant.inverted.active.color (--77e945) ::fgColor (color scheme aware)
          * 
@@ -9165,6 +9933,12 @@
          * = #FF7AAC (via dsInternalPrimitive.color.pink.400)
          */
         --cd91ab: #FF7AAC;
+        /**
+         * color.background.brandB2b (--706789) ::color (color scheme aware)
+         * 
+         * = #57A0FF (via dsInternalPrimitive.color.blue.300)
+         */
+        --706789: #57A0FF;
         /**
          * color.background.accentLight (--560eda) ::color (color scheme aware)
          * 
@@ -9375,6 +10149,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --4a0597: transparent;
+        /**
+         * action.variant.primaryB2b.hover.borderColor (--a4c18c) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryB2b.action)
+         */
+        --a4c18c: #121117;
+        /**
+         * action.variant.primaryTutor.hover.borderColor (--632796) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.border.primaryTutor.action)
+         */
+        --632796: #121117;
         /**
          * action.variant.inverted.hover.borderColor (--19fa74) ::borderColor (color scheme aware)
          * 
@@ -9453,6 +10239,18 @@
          * = transparent (via dsInternalPrimitive.color.border.classroom.action)
          */
         --8307ea: transparent;
+        /**
+         * action.variant.primaryB2b.active.borderColor (--173e42) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryB2b.action.active)
+         */
+        --173e42: #121117;
+        /**
+         * action.variant.primaryTutor.active.borderColor (--412e8f) ::borderColor (color scheme aware)
+         * 
+         * = #121117 (via dsInternalPrimitive.color.background.primaryTutor.action.active)
+         */
+        --412e8f: #121117;
         /**
          * action.variant.inverted.active.borderColor (--0d330c) ::borderColor (color scheme aware)
          * 
@@ -9531,6 +10329,18 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --659377: #DCDCE5;
+        /**
+         * action.variant.primaryB2b.disabled.borderColor (--e7f949) ::borderColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --e7f949: #DCDCE5;
+        /**
+         * action.variant.primaryTutor.disabled.borderColor (--f6a20e) ::borderColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --f6a20e: #DCDCE5;
         /**
          * action.variant.inverted.disabled.borderColor (--e797f1) ::borderColor (color scheme aware)
          * 
@@ -9609,6 +10419,18 @@
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
         --8415f2: #6A697C;
+        /**
+         * action.variant.primaryB2b.disabled.color (--a6c6fb) ::fgColor (color scheme aware)
+         * 
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --a6c6fb: #6A697C;
+        /**
+         * action.variant.primaryTutor.disabled.color (--5c2f26) ::fgColor (color scheme aware)
+         * 
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --5c2f26: #6A697C;
         /**
          * action.variant.inverted.disabled.color (--e0ef5a) ::fgColor (color scheme aware)
          * 
@@ -9687,6 +10509,18 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --249654: #DCDCE5;
+        /**
+         * action.variant.primaryB2b.disabled.bgColor (--8c7723) ::bgColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --8c7723: #DCDCE5;
+        /**
+         * action.variant.primaryTutor.disabled.bgColor (--07d682) ::bgColor (color scheme aware)
+         * 
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --07d682: #DCDCE5;
         /**
          * action.variant.inverted.disabled.bgColor (--b1756a) ::bgColor (color scheme aware)
          * 
@@ -9721,7 +10555,7 @@
     
 }
 
-/* AUTO GENERATED @Fri Sep 22 2023 07:31:38 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Thu Sep 28 2023 07:26:10 GMT+0000 (Coordinated Universal Time) */
 
 .ds-bold-ui {
     /**
@@ -10522,6 +11356,84 @@
      * = 80 (via root.size.1000)
      */
     --6eb1c7: 80px;
+    /**
+     * avatarWithStatus.size.2xs.onlineIndicator.size (--1cea5a) ::size
+     * 
+     * = 8 (via root.size.100)
+     */
+    --1cea5a: 8px;
+    /**
+     * avatarWithStatus.size.xs.onlineIndicator.size (--540610) ::size
+     * 
+     * = 8 (via root.size.100)
+     */
+    --540610: 8px;
+    /**
+     * avatarWithStatus.size.m.onlineIndicator.size (--8f1e94) ::size
+     * 
+     * = 12 (via root.size.150)
+     */
+    --8f1e94: 12px;
+    /**
+     * avatarWithStatus.size.xl.onlineIndicator.size (--bdf712) ::size
+     * 
+     * = 16 (via root.size.200)
+     */
+    --bdf712: 16px;
+    /**
+     * avatarWithStatus.size.2xs.onlineIndicator.offset (--4b2086) ::size
+     * 
+     * = 0 (via root.size.none)
+     */
+    --4b2086: 0px;
+    /**
+     * avatarWithStatus.size.xs.onlineIndicator.offset (--20c0b1) ::size
+     * 
+     * = 1
+     */
+    --20c0b1: 1px;
+    /**
+     * avatarWithStatus.size.m.onlineIndicator.offset (--705050) ::size
+     * 
+     * = 2 (via root.size.25)
+     */
+    --705050: 2px;
+    /**
+     * avatarWithStatus.size.xl.onlineIndicator.offset (--3b13f1) ::size
+     * 
+     * = 4 (via root.size.50)
+     */
+    --3b13f1: 4px;
+    /**
+     * avatarWithStatus.onlineIndicator.borderRadius (--0cf20e) ::borderRadius
+     * 
+     * = 8 (via root.size.100)
+     */
+    --0cf20e: 8px;
+    /**
+     * avatarWithStatus.onlineIndicator.borderWidth (--4a76d7) ::size
+     * 
+     * = 0
+     */
+    --4a76d7: 0px;
+    /**
+     * avatarWithStatus.onlineIndicator.borderColor (--e5a39b) ::color
+     * 
+     * = transparent (via root.palette.transparent)
+     */
+    --e5a39b: transparent;
+    /**
+     * avatarWithStatus.onlineIndicator.offline.bgColor (--a95a51) ::color
+     * 
+     * = #8194a7 (via root.palette.gray.300)
+     */
+    --a95a51: #8194a7;
+    /**
+     * avatarWithStatus.onlineIndicator.online.bgColor (--62b71e) ::color
+     * 
+     * = #22ae25 (via root.palette.green.300)
+     */
+    --62b71e: #22ae25;
     /**
      * badge.base.borderRadius (--93d4a2) ::borderRadius
      * 
@@ -14248,130 +15160,7 @@
     
 }
 
-/* AUTO GENERATED @Fri Sep 22 2023 07:31:38 GMT+0000 (Coordinated Universal Time) */
-
-.ds-tokyo-ui-b2b {
-    /**
-     * dsInternalPrimitive.color.blue.300 (--06de71) ::color
-     * 
-     * = #75B1FF
-     */
-    --06de71: #75B1FF;
-    /**
-     * dsInternalPrimitive.color.background.primary.action.rest (--cf27db) ::color
-     * 
-     * = #75B1FF (via dsInternalPrimitive.color.blue.300)
-     */
-    --cf27db: #75B1FF;
-    /**
-     * dsInternalPrimitive.color.background.primary.action.hover (--3d8e0b) ::color
-     * 
-     * = #99C5FF (via dsInternalPrimitive.color.blue.200)
-     */
-    --3d8e0b: #99C5FF;
-    
-    &:global(.ds-scheme--base) {
-        /**
-         * action.variant.primary.bgColor (--508b34) ::bgColor (color scheme aware)
-         * 
-         * = #75B1FF (via dsInternalPrimitive.color.background.primary.action.rest)
-         */
-        --508b34: #75B1FF;
-        /**
-         * action.variant.primary.hover.bgColor (--902b50) ::bgColor (color scheme aware)
-         * 
-         * = #99C5FF (via dsInternalPrimitive.color.background.primary.action.hover)
-         */
-        --902b50: #99C5FF;
-        /**
-         * color.text.accentDark (--690731) ::color (color scheme aware)
-         * 
-         * = #2885FD (via dsInternalPrimitive.color.blue.400)
-         */
-        --690731: #2885FD;
-        /**
-         * scheme.color
-         */
-        color: #121117
-    }
-    
-    :global(.ds-scheme--base):global(.ds-scheme----bg) {
-        /**
-         * scheme.bgColor
-         */
-        background-color: #FFFFFF
-        
-    }
-    
-    &:global(.ds-scheme--banner) {
-        /**
-         * action.variant.primary.bgColor (--508b34) ::bgColor (color scheme aware)
-         * 
-         * = #75B1FF (via dsInternalPrimitive.color.background.primary.action.rest)
-         */
-        --508b34: #75B1FF;
-        /**
-         * action.variant.primary.hover.bgColor (--902b50) ::bgColor (color scheme aware)
-         * 
-         * = #99C5FF (via dsInternalPrimitive.color.background.primary.action.hover)
-         */
-        --902b50: #99C5FF;
-        /**
-         * color.text.accentDark (--690731) ::color (color scheme aware)
-         * 
-         * = #2885FD (via dsInternalPrimitive.color.blue.400)
-         */
-        --690731: #2885FD;
-        /**
-         * scheme.color
-         */
-        color: #121117
-    }
-    
-    :global(.ds-scheme--banner):global(.ds-scheme----bg) {
-        /**
-         * scheme.bgColor
-         */
-        background-color: #FFFFFF
-        
-    }
-    
-    &:global(.ds-scheme--invert) {
-        /**
-         * action.variant.primary.bgColor (--508b34) ::bgColor (color scheme aware)
-         * 
-         * = #75B1FF (via dsInternalPrimitive.color.background.primary.action.rest)
-         */
-        --508b34: #75B1FF;
-        /**
-         * action.variant.primary.hover.bgColor (--902b50) ::bgColor (color scheme aware)
-         * 
-         * = #99C5FF (via dsInternalPrimitive.color.background.primary.action.hover)
-         */
-        --902b50: #99C5FF;
-        /**
-         * color.text.accentDark (--690731) ::color (color scheme aware)
-         * 
-         * = #2885FD (via dsInternalPrimitive.color.blue.400)
-         */
-        --690731: #2885FD;
-        /**
-         * scheme.color
-         */
-        color: #FFFFFF
-    }
-    
-    :global(.ds-scheme--invert):global(.ds-scheme----bg) {
-        /**
-         * scheme.bgColor
-         */
-        background-color: #FFFFFF
-        
-    }
-    
-}
-
-/* AUTO GENERATED @Fri Sep 22 2023 07:31:38 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Thu Sep 28 2023 07:26:10 GMT+0000 (Coordinated Universal Time) */
 
 .ds-base-ui {
     
@@ -15016,7 +15805,7 @@
     
 }
 
-/* AUTO GENERATED @Fri Sep 22 2023 07:31:38 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Thu Sep 28 2023 07:26:10 GMT+0000 (Coordinated Universal Time) */
 
 .ds-preply-ui {
     /**