npm - @preply/ds-web-root - Versions diffs - 0.67.1 → 0.68.1 - Mend

@preply/ds-web-root 0.67.1 → 0.68.1

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

package/dist/generated/GlobalStyle.js +20 -20
package/dist/generated/global-style.less +11 -11
package/dist/generated/global-style.less.js +2 -2
package/dist/generated/themes.d.ts +1 -1
package/dist/generated/themes.js +11 -9
package/dist/generated/themes.module.less +716 -137
package/dist/generated/themes.module.less.js +2 -2
package/dist/styles/global-style.less.js +2 -2
package/package.json +16 -14

package/dist/generated/themes.module.less CHANGED Viewed

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Wed Sep 20 2023 15:01:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Sep 22 2023 14:20:52 GMT+0000 (Coordinated Universal Time) */
 .ds-tokyo-ui {
     /**
@@ -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
      *
@@ -3433,6 +3547,12 @@
      * = #121117
      */
     --4cafda: #121117;
+    /**
+     * dsInternalPrimitive.color.grey.900-72 (--28b0ce) ::color
+     *
+     * = rgba(18, 17, 23, 0.72)
+     */
+    --28b0ce: rgba(18, 17, 23, 0.72);
     /**
      * dsInternalPrimitive.color.grey.900-56 (--b445b1) ::color
      *
@@ -3764,11 +3884,11 @@
      */
     --7f32d7: #6A697C;
     /**
-     * dsInternalPrimitive.color.text.onBrand.action (--24b2f7) ::color
+     * dsInternalPrimitive.color.text.onColor.action (--f88582) ::color
      *
      * = #FFFFFF (via dsInternalPrimitive.color.grey.0)
      */
-    --24b2f7: #FFFFFF;
+    --f88582: #FFFFFF;
     /**
      * dsInternalPrimitive.color.text.classroom.action (--27aa3b) ::color
      *
@@ -3788,11 +3908,11 @@
      */
     --4aaaef: #FFFFFF;
     /**
-     * dsInternalPrimitive.color.text.classroom.action.active (--b0329e) ::color
+     * dsInternalPrimitive.color.text.ai.action (--7d366e) ::color
      *
      * = #121117 (via dsInternalPrimitive.color.grey.900)
      */
-    --b0329e: #121117;
+    --7d366e: #121117;
     /**
      * dsInternalPrimitive.color.text.primary.action.active (--480cdf) ::color
      *
@@ -3836,11 +3956,11 @@
      */
     --f99bbd: #D10F05;
     /**
-     * dsInternalPrimitive.color.background.onBrand.action.rest (--701770) ::color
+     * dsInternalPrimitive.color.background.onColor.action.rest (--22605a) ::color
      *
      * = #121117 (via dsInternalPrimitive.color.grey.900)
      */
-    --701770: #121117;
+    --22605a: #121117;
     /**
      * dsInternalPrimitive.color.background.classroom.action.rest (--8c3891) ::color
      *
@@ -3859,6 +3979,12 @@
      * = #19AC91 (via dsInternalPrimitive.color.teal.500)
      */
     --754e2b: #19AC91;
+    /**
+     * dsInternalPrimitive.color.background.ai.action.rest (--2033ec) ::color
+     *
+     * = transparent
+     */
+    --2033ec: transparent;
     /**
      * dsInternalPrimitive.color.background.primary.action.hover (--3d8e0b) ::color
      *
@@ -3896,17 +4022,17 @@
      */
     --5cd326: #AD1109;
     /**
-     * dsInternalPrimitive.color.background.onBrand.action.hover (--26ae6b) ::color
+     * dsInternalPrimitive.color.background.onColor.action.hover (--b2e035) ::color
      *
      * = #1C1B23 (via dsInternalPrimitive.color.grey.800)
      */
-    --26ae6b: #1C1B23;
+    --b2e035: #1C1B23;
     /**
      * dsInternalPrimitive.color.background.classroom.action.hover (--173f0d) ::color
      *
-     * = #121117 (via dsInternalPrimitive.color.grey.900)
+     * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.grey.900-72)
      */
-    --173f0d: #121117;
+    --173f0d: rgba(18, 17, 23, 0.72);
     /**
      * dsInternalPrimitive.color.background.inverted.action.hover (--4df5c9) ::color
      *
@@ -3919,6 +4045,12 @@
      * = #067560 (via dsInternalPrimitive.color.teal.600)
      */
     --d8c7e0: #067560;
+    /**
+     * dsInternalPrimitive.color.background.ai.action.hover (--e45436) ::color
+     *
+     * = rgba(18, 17, 23, 0.06) (via dsInternalPrimitive.color.grey.900-6)
+     */
+    --e45436: rgba(18, 17, 23, 0.06);
     /**
      * dsInternalPrimitive.color.background.primary.action.active (--5cd9cc) ::color
      *
@@ -3956,17 +4088,17 @@
      */
     --bd5da9: #89110B;
     /**
-     * dsInternalPrimitive.color.background.onBrand.action.active (--d72dd5) ::color
+     * dsInternalPrimitive.color.background.onColor.action.active (--7605f1) ::color
      *
      * = #302F3B (via dsInternalPrimitive.color.grey.700)
      */
-    --d72dd5: #302F3B;
+    --7605f1: #302F3B;
     /**
      * dsInternalPrimitive.color.background.classroom.action.active (--003ddf) ::color
      *
-     * = #FF7AAC (via dsInternalPrimitive.color.pink.400)
+     * = #121117 (via dsInternalPrimitive.color.grey.900)
      */
-    --003ddf: #FF7AAC;
+    --003ddf: #121117;
     /**
      * dsInternalPrimitive.color.background.inverted.action.active (--5e5ef1) ::color
      *
@@ -3979,6 +4111,12 @@
      * = #0D594B (via dsInternalPrimitive.color.teal.700)
      */
     --3b4318: #0D594B;
+    /**
+     * dsInternalPrimitive.color.background.ai.action.active (--e96577) ::color
+     *
+     * = rgba(18, 17, 23, 0.12) (via dsInternalPrimitive.color.grey.900-12)
+     */
+    --e96577: rgba(18, 17, 23, 0.12);
     /**
      * dsInternalPrimitive.color.background.disabled.action (--65f18f) ::color
      *
@@ -4045,6 +4183,12 @@
      * = transparent
      */
     --0831da: transparent;
+    /**
+     * dsInternalPrimitive.color.border.ai.action (--e6fc24) ::color
+     *
+     * = #FF7AAC (via dsInternalPrimitive.color.pink.400)
+     */
+    --e6fc24: #FF7AAC;
     /**
      * dsInternalPrimitive.color.border.tertiary.action.hover (--5a42a7) ::color
      *
@@ -4789,6 +4933,12 @@
      * = 4
      */
     --5e8be4: 4px;
+    /**
+     * radius.16 (--701685) ::size
+     *
+     * = 16
+     */
+    --701685: 16px;
     /**
      * radius.8 (--fa4b1a) ::size
      *
@@ -4868,11 +5018,11 @@
      */
     --91f4fa: unset;
     /**
-     * action.variant.onBrand.textDecoration (--2aca00) ::textDecoration
+     * action.variant.onColor.textDecoration (--af7137) ::textDecoration
      *
      * = unset
      */
-    --2aca00: unset;
+    --af7137: unset;
     /**
      * action.variant.classroom.textDecoration (--4d5ea8) ::textDecoration
      *
@@ -4891,6 +5041,12 @@
      * = unset
      */
     --fd7ece: unset;
+    /**
+     * action.variant.ai.textDecoration (--c82204) ::textDecoration
+     *
+     * = unset
+     */
+    --c82204: unset;
     /**
      * action.base.borderWidth (--0b1b71) ::size
      *
@@ -4909,6 +5065,12 @@
      * = 38
      */
     --3caeb9: 38px;
+    /**
+     * action.variant.ai.borderImage (--0b0037) ::borderImage
+     *
+     * = url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='2' d='M8 1h84a7 7 0 0 1 7 7v84a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7V8a7 7 0 0 1 7-7Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='20.27' x2='120.715' y1='125' y2='113.589' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FF7AAC'/%3e%3cstop offset='.367' stop-color='%23FF7AAC'/%3e%3cstop offset='.682' stop-color='%232885FD'/%3e%3cstop offset='1' stop-color='%233DDABE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 8 / 8px stretch
+     */
+    --0b0037: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='2' d='M8 1h84a7 7 0 0 1 7 7v84a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7V8a7 7 0 0 1 7-7Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='20.27' x2='120.715' y1='125' y2='113.589' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FF7AAC'/%3e%3cstop offset='.367' stop-color='%23FF7AAC'/%3e%3cstop offset='.682' stop-color='%232885FD'/%3e%3cstop offset='1' stop-color='%233DDABE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 8 / 8px stretch;
     &:global(.ds-scheme--base) {
         /**
@@ -5110,11 +5272,11 @@
          */
         --f68030: #FFFFFF;
         /**
-         * action.variant.onBrand.color (--81d1b3) ::fgColor (color scheme aware)
+         * action.variant.onColor.color (--96343f) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --81d1b3: #FFFFFF;
+        --96343f: #FFFFFF;
         /**
          * action.variant.classroom.color (--8d482c) ::fgColor (color scheme aware)
          *
@@ -5133,6 +5295,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --ad44c3: #FFFFFF;
+        /**
+         * action.variant.ai.color (--aa08fb) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --aa08fb: #121117;
         /**
          * action.variant.primary.bgColor (--508b34) ::bgColor (color scheme aware)
          *
@@ -5182,11 +5350,11 @@
          */
         --faae28: #D10F05;
         /**
-         * action.variant.onBrand.bgColor (--f34057) ::bgColor (color scheme aware)
+         * action.variant.onColor.bgColor (--d64a99) ::bgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.onBrand.action.rest)
+         * = #121117 (via dsInternalPrimitive.color.background.onColor.action.rest)
          */
-        --f34057: #121117;
+        --d64a99: #121117;
         /**
          * action.variant.classroom.bgColor (--7a038f) ::bgColor (color scheme aware)
          *
@@ -5205,6 +5373,12 @@
          * = #19AC91 (via dsInternalPrimitive.color.background.newFeature.action.rest)
          */
         --7dbfce: #19AC91;
+        /**
+         * action.variant.ai.bgColor (--1bdcc0) ::bgColor (color scheme aware)
+         *
+         * = transparent (via dsInternalPrimitive.color.background.ai.action.rest)
+         */
+        --1bdcc0: transparent;
         /**
          * action.variant.primary.borderColor (--44bfe9) ::borderColor (color scheme aware)
          *
@@ -5254,11 +5428,11 @@
          */
         --b357d0: #6A100C;
         /**
-         * action.variant.onBrand.borderColor (--27aa69) ::borderColor (color scheme aware)
+         * action.variant.onColor.borderColor (--d2723c) ::borderColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.onBrand.action.rest)
+         * = #121117 (via dsInternalPrimitive.color.background.onColor.action.rest)
          */
-        --27aa69: #121117;
+        --d2723c: #121117;
         /**
          * action.variant.classroom.borderColor (--38faba) ::borderColor (color scheme aware)
          *
@@ -5277,6 +5451,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --a7eddc: transparent;
+        /**
+         * action.variant.ai.borderColor (--8e8894) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --8e8894: #FF7AAC;
         /**
          * action.variant.primary.hover.bgColor (--902b50) ::bgColor (color scheme aware)
          *
@@ -5326,17 +5506,17 @@
          */
         --064c43: #AD1109;
         /**
-         * action.variant.onBrand.hover.bgColor (--b510af) ::bgColor (color scheme aware)
+         * action.variant.onColor.hover.bgColor (--549e56) ::bgColor (color scheme aware)
          *
-         * = #1C1B23 (via dsInternalPrimitive.color.background.onBrand.action.hover)
+         * = #1C1B23 (via dsInternalPrimitive.color.background.onColor.action.hover)
          */
-        --b510af: #1C1B23;
+        --549e56: #1C1B23;
         /**
          * action.variant.classroom.hover.bgColor (--077a93) ::bgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.classroom.action.hover)
+         * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.background.classroom.action.hover)
          */
-        --077a93: #121117;
+        --077a93: rgba(18, 17, 23, 0.72);
         /**
          * action.variant.inverted.hover.bgColor (--8a16b5) ::bgColor (color scheme aware)
          *
@@ -5349,6 +5529,12 @@
          * = #067560 (via dsInternalPrimitive.color.background.newFeature.action.hover)
          */
         --dd2815: #067560;
+        /**
+         * action.variant.ai.hover.bgColor (--f043dc) ::bgColor (color scheme aware)
+         *
+         * = rgba(18, 17, 23, 0.06) (via dsInternalPrimitive.color.background.ai.action.hover)
+         */
+        --f043dc: rgba(18, 17, 23, 0.06);
         /**
          * action.variant.primary.active.bgColor (--c1c1ca) ::bgColor (color scheme aware)
          *
@@ -5398,17 +5584,17 @@
          */
         --152a7a: #89110B;
         /**
-         * action.variant.onBrand.active.bgColor (--dd9507) ::bgColor (color scheme aware)
+         * action.variant.onColor.active.bgColor (--936fce) ::bgColor (color scheme aware)
          *
-         * = #302F3B (via dsInternalPrimitive.color.background.onBrand.action.active)
+         * = #302F3B (via dsInternalPrimitive.color.background.onColor.action.active)
          */
-        --dd9507: #302F3B;
+        --936fce: #302F3B;
         /**
          * action.variant.classroom.active.bgColor (--45d93a) ::bgColor (color scheme aware)
          *
-         * = #FF7AAC (via dsInternalPrimitive.color.background.classroom.action.active)
+         * = #121117 (via dsInternalPrimitive.color.background.classroom.action.active)
          */
-        --45d93a: #FF7AAC;
+        --45d93a: #121117;
         /**
          * action.variant.inverted.active.bgColor (--de59a1) ::bgColor (color scheme aware)
          *
@@ -5421,6 +5607,12 @@
          * = #0D594B (via dsInternalPrimitive.color.background.newFeature.action.active)
          */
         --b3e453: #0D594B;
+        /**
+         * action.variant.ai.active.bgColor (--5bba7d) ::bgColor (color scheme aware)
+         *
+         * = rgba(18, 17, 23, 0.12) (via dsInternalPrimitive.color.background.ai.action.active)
+         */
+        --5bba7d: rgba(18, 17, 23, 0.12);
         /**
          * action.variant.primary.hover.color (--df6151) ::fgColor (color scheme aware)
          *
@@ -5470,11 +5662,11 @@
          */
         --c3136e: #FFFFFF;
         /**
-         * action.variant.onBrand.hover.color (--3bd8a5) ::fgColor (color scheme aware)
+         * action.variant.onColor.hover.color (--145384) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --3bd8a5: #FFFFFF;
+        --145384: #FFFFFF;
         /**
          * action.variant.classroom.hover.color (--55bfda) ::fgColor (color scheme aware)
          *
@@ -5493,6 +5685,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --ddcea1: #FFFFFF;
+        /**
+         * action.variant.ai.hover.color (--59b757) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --59b757: #121117;
         /**
          * action.variant.primary.active.color (--15cee1) ::fgColor (color scheme aware)
          *
@@ -5542,17 +5740,17 @@
          */
         --f9fba8: #FFFFFF;
         /**
-         * action.variant.onBrand.active.color (--37eefd) ::fgColor (color scheme aware)
+         * action.variant.onColor.active.color (--f772e8) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --37eefd: #FFFFFF;
+        --f772e8: #FFFFFF;
         /**
          * action.variant.classroom.active.color (--b62751) ::fgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.text.classroom.action.active)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
-        --b62751: #121117;
+        --b62751: #FFFFFF;
         /**
          * action.variant.inverted.active.color (--77e945) ::fgColor (color scheme aware)
          *
@@ -5565,6 +5763,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --d4762b: #FFFFFF;
+        /**
+         * action.variant.ai.active.color (--349ae3) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --349ae3: #121117;
         /**
          * action.link.color (--1e7527) ::fgColor (color scheme aware)
          *
@@ -6100,11 +6304,11 @@
          */
         --958f21: #6A100C;
         /**
-         * action.variant.onBrand.hover.borderColor (--ffb8d8) ::borderColor (color scheme aware)
+         * action.variant.onColor.hover.borderColor (--896b03) ::borderColor (color scheme aware)
          *
-         * = #1C1B23 (via dsInternalPrimitive.color.background.onBrand.action.hover)
+         * = #1C1B23 (via dsInternalPrimitive.color.background.onColor.action.hover)
          */
-        --ffb8d8: #1C1B23;
+        --896b03: #1C1B23;
         /**
          * action.variant.classroom.hover.borderColor (--4a0597) ::borderColor (color scheme aware)
          *
@@ -6123,6 +6327,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --98c0df: transparent;
+        /**
+         * action.variant.ai.hover.borderColor (--2ecd73) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --2ecd73: #FF7AAC;
         /**
          * action.variant.primary.active.borderColor (--9ddbb2) ::borderColor (color scheme aware)
          *
@@ -6172,11 +6382,11 @@
          */
         --fb2597: #6A100C;
         /**
-         * action.variant.onBrand.active.borderColor (--81c178) ::borderColor (color scheme aware)
+         * action.variant.onColor.active.borderColor (--285db3) ::borderColor (color scheme aware)
          *
-         * = #302F3B (via dsInternalPrimitive.color.background.onBrand.action.active)
+         * = #302F3B (via dsInternalPrimitive.color.background.onColor.action.active)
          */
-        --81c178: #302F3B;
+        --285db3: #302F3B;
         /**
          * action.variant.classroom.active.borderColor (--8307ea) ::borderColor (color scheme aware)
          *
@@ -6195,6 +6405,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --76758a: transparent;
+        /**
+         * action.variant.ai.active.borderColor (--6a507d) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --6a507d: #FF7AAC;
         /**
          * action.variant.primary.disabled.borderColor (--f0720e) ::borderColor (color scheme aware)
          *
@@ -6244,11 +6460,11 @@
          */
         --e117c7: #A8A8B6;
         /**
-         * action.variant.onBrand.disabled.borderColor (--5a20e5) ::borderColor (color scheme aware)
+         * action.variant.onColor.disabled.borderColor (--e1a214) ::borderColor (color scheme aware)
          *
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
-        --5a20e5: #DCDCE5;
+        --e1a214: #DCDCE5;
         /**
          * action.variant.classroom.disabled.borderColor (--659377) ::borderColor (color scheme aware)
          *
@@ -6267,6 +6483,12 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --7d2338: #DCDCE5;
+        /**
+         * action.variant.ai.disabled.borderColor (--6ac212) ::borderColor (color scheme aware)
+         *
+         * = #A8A8B6 (via dsInternalPrimitive.color.border.disabled.action)
+         */
+        --6ac212: #A8A8B6;
         /**
          * action.variant.primary.disabled.color (--dfbd08) ::fgColor (color scheme aware)
          *
@@ -6316,11 +6538,11 @@
          */
         --ff8727: #6A697C;
         /**
-         * action.variant.onBrand.disabled.color (--499ea7) ::fgColor (color scheme aware)
+         * action.variant.onColor.disabled.color (--2c5ff8) ::fgColor (color scheme aware)
          *
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
-        --499ea7: #6A697C;
+        --2c5ff8: #6A697C;
         /**
          * action.variant.classroom.disabled.color (--8415f2) ::fgColor (color scheme aware)
          *
@@ -6339,6 +6561,12 @@
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
         --412530: #6A697C;
+        /**
+         * action.variant.ai.disabled.color (--643228) ::fgColor (color scheme aware)
+         *
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --643228: #6A697C;
         /**
          * action.variant.primary.disabled.bgColor (--818487) ::bgColor (color scheme aware)
          *
@@ -6388,11 +6616,11 @@
          */
         --1ce20d: #DCDCE5;
         /**
-         * action.variant.onBrand.disabled.bgColor (--10925f) ::bgColor (color scheme aware)
+         * action.variant.onColor.disabled.bgColor (--720019) ::bgColor (color scheme aware)
          *
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
-        --10925f: #DCDCE5;
+        --720019: #DCDCE5;
         /**
          * action.variant.classroom.disabled.bgColor (--249654) ::bgColor (color scheme aware)
          *
@@ -6411,6 +6639,12 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --e8c509: #DCDCE5;
+        /**
+         * action.variant.ai.disabled.bgColor (--d35901) ::bgColor (color scheme aware)
+         *
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --d35901: #DCDCE5;
         /**
          * scheme.color
          */
@@ -6625,11 +6859,11 @@
          */
         --f68030: #FFFFFF;
         /**
-         * action.variant.onBrand.color (--81d1b3) ::fgColor (color scheme aware)
+         * action.variant.onColor.color (--96343f) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --81d1b3: #FFFFFF;
+        --96343f: #FFFFFF;
         /**
          * action.variant.classroom.color (--8d482c) ::fgColor (color scheme aware)
          *
@@ -6648,6 +6882,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --ad44c3: #FFFFFF;
+        /**
+         * action.variant.ai.color (--aa08fb) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --aa08fb: #121117;
         /**
          * action.variant.primary.bgColor (--508b34) ::bgColor (color scheme aware)
          *
@@ -6697,11 +6937,11 @@
          */
         --faae28: #D10F05;
         /**
-         * action.variant.onBrand.bgColor (--f34057) ::bgColor (color scheme aware)
+         * action.variant.onColor.bgColor (--d64a99) ::bgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.onBrand.action.rest)
+         * = #121117 (via dsInternalPrimitive.color.background.onColor.action.rest)
          */
-        --f34057: #121117;
+        --d64a99: #121117;
         /**
          * action.variant.classroom.bgColor (--7a038f) ::bgColor (color scheme aware)
          *
@@ -6720,6 +6960,12 @@
          * = #19AC91 (via dsInternalPrimitive.color.background.newFeature.action.rest)
          */
         --7dbfce: #19AC91;
+        /**
+         * action.variant.ai.bgColor (--1bdcc0) ::bgColor (color scheme aware)
+         *
+         * = transparent (via dsInternalPrimitive.color.background.ai.action.rest)
+         */
+        --1bdcc0: transparent;
         /**
          * action.variant.primary.borderColor (--44bfe9) ::borderColor (color scheme aware)
          *
@@ -6769,11 +7015,11 @@
          */
         --b357d0: #6A100C;
         /**
-         * action.variant.onBrand.borderColor (--27aa69) ::borderColor (color scheme aware)
+         * action.variant.onColor.borderColor (--d2723c) ::borderColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.onBrand.action.rest)
+         * = #121117 (via dsInternalPrimitive.color.background.onColor.action.rest)
          */
-        --27aa69: #121117;
+        --d2723c: #121117;
         /**
          * action.variant.classroom.borderColor (--38faba) ::borderColor (color scheme aware)
          *
@@ -6792,6 +7038,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --a7eddc: transparent;
+        /**
+         * action.variant.ai.borderColor (--8e8894) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --8e8894: #FF7AAC;
         /**
          * action.variant.primary.hover.bgColor (--902b50) ::bgColor (color scheme aware)
          *
@@ -6841,17 +7093,17 @@
          */
         --064c43: #AD1109;
         /**
-         * action.variant.onBrand.hover.bgColor (--b510af) ::bgColor (color scheme aware)
+         * action.variant.onColor.hover.bgColor (--549e56) ::bgColor (color scheme aware)
          *
-         * = #1C1B23 (via dsInternalPrimitive.color.background.onBrand.action.hover)
+         * = #1C1B23 (via dsInternalPrimitive.color.background.onColor.action.hover)
          */
-        --b510af: #1C1B23;
+        --549e56: #1C1B23;
         /**
          * action.variant.classroom.hover.bgColor (--077a93) ::bgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.classroom.action.hover)
+         * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.background.classroom.action.hover)
          */
-        --077a93: #121117;
+        --077a93: rgba(18, 17, 23, 0.72);
         /**
          * action.variant.inverted.hover.bgColor (--8a16b5) ::bgColor (color scheme aware)
          *
@@ -6864,6 +7116,12 @@
          * = #067560 (via dsInternalPrimitive.color.background.newFeature.action.hover)
          */
         --dd2815: #067560;
+        /**
+         * action.variant.ai.hover.bgColor (--f043dc) ::bgColor (color scheme aware)
+         *
+         * = rgba(18, 17, 23, 0.06) (via dsInternalPrimitive.color.background.ai.action.hover)
+         */
+        --f043dc: rgba(18, 17, 23, 0.06);
         /**
          * action.variant.primary.active.bgColor (--c1c1ca) ::bgColor (color scheme aware)
          *
@@ -6913,17 +7171,17 @@
          */
         --152a7a: #89110B;
         /**
-         * action.variant.onBrand.active.bgColor (--dd9507) ::bgColor (color scheme aware)
+         * action.variant.onColor.active.bgColor (--936fce) ::bgColor (color scheme aware)
          *
-         * = #302F3B (via dsInternalPrimitive.color.background.onBrand.action.active)
+         * = #302F3B (via dsInternalPrimitive.color.background.onColor.action.active)
          */
-        --dd9507: #302F3B;
+        --936fce: #302F3B;
         /**
          * action.variant.classroom.active.bgColor (--45d93a) ::bgColor (color scheme aware)
          *
-         * = #FF7AAC (via dsInternalPrimitive.color.background.classroom.action.active)
+         * = #121117 (via dsInternalPrimitive.color.background.classroom.action.active)
          */
-        --45d93a: #FF7AAC;
+        --45d93a: #121117;
         /**
          * action.variant.inverted.active.bgColor (--de59a1) ::bgColor (color scheme aware)
          *
@@ -6936,6 +7194,12 @@
          * = #0D594B (via dsInternalPrimitive.color.background.newFeature.action.active)
          */
         --b3e453: #0D594B;
+        /**
+         * action.variant.ai.active.bgColor (--5bba7d) ::bgColor (color scheme aware)
+         *
+         * = rgba(18, 17, 23, 0.12) (via dsInternalPrimitive.color.background.ai.action.active)
+         */
+        --5bba7d: rgba(18, 17, 23, 0.12);
         /**
          * action.variant.primary.hover.color (--df6151) ::fgColor (color scheme aware)
          *
@@ -6985,11 +7249,11 @@
          */
         --c3136e: #FFFFFF;
         /**
-         * action.variant.onBrand.hover.color (--3bd8a5) ::fgColor (color scheme aware)
+         * action.variant.onColor.hover.color (--145384) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --3bd8a5: #FFFFFF;
+        --145384: #FFFFFF;
         /**
          * action.variant.classroom.hover.color (--55bfda) ::fgColor (color scheme aware)
          *
@@ -7008,6 +7272,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --ddcea1: #FFFFFF;
+        /**
+         * action.variant.ai.hover.color (--59b757) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --59b757: #121117;
         /**
          * action.variant.primary.active.color (--15cee1) ::fgColor (color scheme aware)
          *
@@ -7057,17 +7327,17 @@
          */
         --f9fba8: #FFFFFF;
         /**
-         * action.variant.onBrand.active.color (--37eefd) ::fgColor (color scheme aware)
+         * action.variant.onColor.active.color (--f772e8) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --37eefd: #FFFFFF;
+        --f772e8: #FFFFFF;
         /**
          * action.variant.classroom.active.color (--b62751) ::fgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.text.classroom.action.active)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
-        --b62751: #121117;
+        --b62751: #FFFFFF;
         /**
          * action.variant.inverted.active.color (--77e945) ::fgColor (color scheme aware)
          *
@@ -7080,6 +7350,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --d4762b: #FFFFFF;
+        /**
+         * action.variant.ai.active.color (--349ae3) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --349ae3: #121117;
         /**
          * action.link.color (--1e7527) ::fgColor (color scheme aware)
          *
@@ -7615,11 +7891,11 @@
          */
         --958f21: #6A100C;
         /**
-         * action.variant.onBrand.hover.borderColor (--ffb8d8) ::borderColor (color scheme aware)
+         * action.variant.onColor.hover.borderColor (--896b03) ::borderColor (color scheme aware)
          *
-         * = #1C1B23 (via dsInternalPrimitive.color.background.onBrand.action.hover)
+         * = #1C1B23 (via dsInternalPrimitive.color.background.onColor.action.hover)
          */
-        --ffb8d8: #1C1B23;
+        --896b03: #1C1B23;
         /**
          * action.variant.classroom.hover.borderColor (--4a0597) ::borderColor (color scheme aware)
          *
@@ -7638,6 +7914,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --98c0df: transparent;
+        /**
+         * action.variant.ai.hover.borderColor (--2ecd73) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --2ecd73: #FF7AAC;
         /**
          * action.variant.primary.active.borderColor (--9ddbb2) ::borderColor (color scheme aware)
          *
@@ -7687,11 +7969,11 @@
          */
         --fb2597: #6A100C;
         /**
-         * action.variant.onBrand.active.borderColor (--81c178) ::borderColor (color scheme aware)
+         * action.variant.onColor.active.borderColor (--285db3) ::borderColor (color scheme aware)
          *
-         * = #302F3B (via dsInternalPrimitive.color.background.onBrand.action.active)
+         * = #302F3B (via dsInternalPrimitive.color.background.onColor.action.active)
          */
-        --81c178: #302F3B;
+        --285db3: #302F3B;
         /**
          * action.variant.classroom.active.borderColor (--8307ea) ::borderColor (color scheme aware)
          *
@@ -7710,6 +7992,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --76758a: transparent;
+        /**
+         * action.variant.ai.active.borderColor (--6a507d) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --6a507d: #FF7AAC;
         /**
          * action.variant.primary.disabled.borderColor (--f0720e) ::borderColor (color scheme aware)
          *
@@ -7759,11 +8047,11 @@
          */
         --e117c7: #A8A8B6;
         /**
-         * action.variant.onBrand.disabled.borderColor (--5a20e5) ::borderColor (color scheme aware)
+         * action.variant.onColor.disabled.borderColor (--e1a214) ::borderColor (color scheme aware)
          *
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
-        --5a20e5: #DCDCE5;
+        --e1a214: #DCDCE5;
         /**
          * action.variant.classroom.disabled.borderColor (--659377) ::borderColor (color scheme aware)
          *
@@ -7782,6 +8070,12 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --7d2338: #DCDCE5;
+        /**
+         * action.variant.ai.disabled.borderColor (--6ac212) ::borderColor (color scheme aware)
+         *
+         * = #A8A8B6 (via dsInternalPrimitive.color.border.disabled.action)
+         */
+        --6ac212: #A8A8B6;
         /**
          * action.variant.primary.disabled.color (--dfbd08) ::fgColor (color scheme aware)
          *
@@ -7831,11 +8125,11 @@
          */
         --ff8727: #6A697C;
         /**
-         * action.variant.onBrand.disabled.color (--499ea7) ::fgColor (color scheme aware)
+         * action.variant.onColor.disabled.color (--2c5ff8) ::fgColor (color scheme aware)
          *
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
-        --499ea7: #6A697C;
+        --2c5ff8: #6A697C;
         /**
          * action.variant.classroom.disabled.color (--8415f2) ::fgColor (color scheme aware)
          *
@@ -7854,6 +8148,12 @@
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
         --412530: #6A697C;
+        /**
+         * action.variant.ai.disabled.color (--643228) ::fgColor (color scheme aware)
+         *
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --643228: #6A697C;
         /**
          * action.variant.primary.disabled.bgColor (--818487) ::bgColor (color scheme aware)
          *
@@ -7903,11 +8203,11 @@
          */
         --1ce20d: #DCDCE5;
         /**
-         * action.variant.onBrand.disabled.bgColor (--10925f) ::bgColor (color scheme aware)
+         * action.variant.onColor.disabled.bgColor (--720019) ::bgColor (color scheme aware)
          *
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
-        --10925f: #DCDCE5;
+        --720019: #DCDCE5;
         /**
          * action.variant.classroom.disabled.bgColor (--249654) ::bgColor (color scheme aware)
          *
@@ -7926,6 +8226,12 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --e8c509: #DCDCE5;
+        /**
+         * action.variant.ai.disabled.bgColor (--d35901) ::bgColor (color scheme aware)
+         *
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --d35901: #DCDCE5;
         /**
          * scheme.color
          */
@@ -8140,11 +8446,11 @@
          */
         --f68030: #FFFFFF;
         /**
-         * action.variant.onBrand.color (--81d1b3) ::fgColor (color scheme aware)
+         * action.variant.onColor.color (--96343f) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --81d1b3: #FFFFFF;
+        --96343f: #FFFFFF;
         /**
          * action.variant.classroom.color (--8d482c) ::fgColor (color scheme aware)
          *
@@ -8163,6 +8469,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --ad44c3: #FFFFFF;
+        /**
+         * action.variant.ai.color (--aa08fb) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --aa08fb: #121117;
         /**
          * action.variant.primary.bgColor (--508b34) ::bgColor (color scheme aware)
          *
@@ -8212,11 +8524,11 @@
          */
         --faae28: #D10F05;
         /**
-         * action.variant.onBrand.bgColor (--f34057) ::bgColor (color scheme aware)
+         * action.variant.onColor.bgColor (--d64a99) ::bgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.onBrand.action.rest)
+         * = #121117 (via dsInternalPrimitive.color.background.onColor.action.rest)
          */
-        --f34057: #121117;
+        --d64a99: #121117;
         /**
          * action.variant.classroom.bgColor (--7a038f) ::bgColor (color scheme aware)
          *
@@ -8235,6 +8547,12 @@
          * = #19AC91 (via dsInternalPrimitive.color.background.newFeature.action.rest)
          */
         --7dbfce: #19AC91;
+        /**
+         * action.variant.ai.bgColor (--1bdcc0) ::bgColor (color scheme aware)
+         *
+         * = transparent (via dsInternalPrimitive.color.background.ai.action.rest)
+         */
+        --1bdcc0: transparent;
         /**
          * action.variant.primary.borderColor (--44bfe9) ::borderColor (color scheme aware)
          *
@@ -8284,11 +8602,11 @@
          */
         --b357d0: #6A100C;
         /**
-         * action.variant.onBrand.borderColor (--27aa69) ::borderColor (color scheme aware)
+         * action.variant.onColor.borderColor (--d2723c) ::borderColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.onBrand.action.rest)
+         * = #121117 (via dsInternalPrimitive.color.background.onColor.action.rest)
          */
-        --27aa69: #121117;
+        --d2723c: #121117;
         /**
          * action.variant.classroom.borderColor (--38faba) ::borderColor (color scheme aware)
          *
@@ -8307,6 +8625,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --a7eddc: transparent;
+        /**
+         * action.variant.ai.borderColor (--8e8894) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --8e8894: #FF7AAC;
         /**
          * action.variant.primary.hover.bgColor (--902b50) ::bgColor (color scheme aware)
          *
@@ -8356,17 +8680,17 @@
          */
         --064c43: #AD1109;
         /**
-         * action.variant.onBrand.hover.bgColor (--b510af) ::bgColor (color scheme aware)
+         * action.variant.onColor.hover.bgColor (--549e56) ::bgColor (color scheme aware)
          *
-         * = #1C1B23 (via dsInternalPrimitive.color.background.onBrand.action.hover)
+         * = #1C1B23 (via dsInternalPrimitive.color.background.onColor.action.hover)
          */
-        --b510af: #1C1B23;
+        --549e56: #1C1B23;
         /**
          * action.variant.classroom.hover.bgColor (--077a93) ::bgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.background.classroom.action.hover)
+         * = rgba(18, 17, 23, 0.72) (via dsInternalPrimitive.color.background.classroom.action.hover)
          */
-        --077a93: #121117;
+        --077a93: rgba(18, 17, 23, 0.72);
         /**
          * action.variant.inverted.hover.bgColor (--8a16b5) ::bgColor (color scheme aware)
          *
@@ -8379,6 +8703,12 @@
          * = #067560 (via dsInternalPrimitive.color.background.newFeature.action.hover)
          */
         --dd2815: #067560;
+        /**
+         * action.variant.ai.hover.bgColor (--f043dc) ::bgColor (color scheme aware)
+         *
+         * = rgba(18, 17, 23, 0.06) (via dsInternalPrimitive.color.background.ai.action.hover)
+         */
+        --f043dc: rgba(18, 17, 23, 0.06);
         /**
          * action.variant.primary.active.bgColor (--c1c1ca) ::bgColor (color scheme aware)
          *
@@ -8428,17 +8758,17 @@
          */
         --152a7a: #89110B;
         /**
-         * action.variant.onBrand.active.bgColor (--dd9507) ::bgColor (color scheme aware)
+         * action.variant.onColor.active.bgColor (--936fce) ::bgColor (color scheme aware)
          *
-         * = #302F3B (via dsInternalPrimitive.color.background.onBrand.action.active)
+         * = #302F3B (via dsInternalPrimitive.color.background.onColor.action.active)
          */
-        --dd9507: #302F3B;
+        --936fce: #302F3B;
         /**
          * action.variant.classroom.active.bgColor (--45d93a) ::bgColor (color scheme aware)
          *
-         * = #FF7AAC (via dsInternalPrimitive.color.background.classroom.action.active)
+         * = #121117 (via dsInternalPrimitive.color.background.classroom.action.active)
          */
-        --45d93a: #FF7AAC;
+        --45d93a: #121117;
         /**
          * action.variant.inverted.active.bgColor (--de59a1) ::bgColor (color scheme aware)
          *
@@ -8451,6 +8781,12 @@
          * = #0D594B (via dsInternalPrimitive.color.background.newFeature.action.active)
          */
         --b3e453: #0D594B;
+        /**
+         * action.variant.ai.active.bgColor (--5bba7d) ::bgColor (color scheme aware)
+         *
+         * = rgba(18, 17, 23, 0.12) (via dsInternalPrimitive.color.background.ai.action.active)
+         */
+        --5bba7d: rgba(18, 17, 23, 0.12);
         /**
          * action.variant.primary.hover.color (--df6151) ::fgColor (color scheme aware)
          *
@@ -8500,11 +8836,11 @@
          */
         --c3136e: #FFFFFF;
         /**
-         * action.variant.onBrand.hover.color (--3bd8a5) ::fgColor (color scheme aware)
+         * action.variant.onColor.hover.color (--145384) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --3bd8a5: #FFFFFF;
+        --145384: #FFFFFF;
         /**
          * action.variant.classroom.hover.color (--55bfda) ::fgColor (color scheme aware)
          *
@@ -8523,6 +8859,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --ddcea1: #FFFFFF;
+        /**
+         * action.variant.ai.hover.color (--59b757) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --59b757: #121117;
         /**
          * action.variant.primary.active.color (--15cee1) ::fgColor (color scheme aware)
          *
@@ -8572,17 +8914,17 @@
          */
         --f9fba8: #FFFFFF;
         /**
-         * action.variant.onBrand.active.color (--37eefd) ::fgColor (color scheme aware)
+         * action.variant.onColor.active.color (--f772e8) ::fgColor (color scheme aware)
          *
-         * = #FFFFFF (via dsInternalPrimitive.color.text.onBrand.action)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.onColor.action)
          */
-        --37eefd: #FFFFFF;
+        --f772e8: #FFFFFF;
         /**
          * action.variant.classroom.active.color (--b62751) ::fgColor (color scheme aware)
          *
-         * = #121117 (via dsInternalPrimitive.color.text.classroom.action.active)
+         * = #FFFFFF (via dsInternalPrimitive.color.text.classroom.action)
          */
-        --b62751: #121117;
+        --b62751: #FFFFFF;
         /**
          * action.variant.inverted.active.color (--77e945) ::fgColor (color scheme aware)
          *
@@ -8595,6 +8937,12 @@
          * = #FFFFFF (via dsInternalPrimitive.color.text.newFeature.action)
          */
         --d4762b: #FFFFFF;
+        /**
+         * action.variant.ai.active.color (--349ae3) ::fgColor (color scheme aware)
+         *
+         * = #121117 (via dsInternalPrimitive.color.text.ai.action)
+         */
+        --349ae3: #121117;
         /**
          * action.link.color (--1e7527) ::fgColor (color scheme aware)
          *
@@ -9130,11 +9478,11 @@
          */
         --958f21: #6A100C;
         /**
-         * action.variant.onBrand.hover.borderColor (--ffb8d8) ::borderColor (color scheme aware)
+         * action.variant.onColor.hover.borderColor (--896b03) ::borderColor (color scheme aware)
          *
-         * = #1C1B23 (via dsInternalPrimitive.color.background.onBrand.action.hover)
+         * = #1C1B23 (via dsInternalPrimitive.color.background.onColor.action.hover)
          */
-        --ffb8d8: #1C1B23;
+        --896b03: #1C1B23;
         /**
          * action.variant.classroom.hover.borderColor (--4a0597) ::borderColor (color scheme aware)
          *
@@ -9153,6 +9501,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --98c0df: transparent;
+        /**
+         * action.variant.ai.hover.borderColor (--2ecd73) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --2ecd73: #FF7AAC;
         /**
          * action.variant.primary.active.borderColor (--9ddbb2) ::borderColor (color scheme aware)
          *
@@ -9202,11 +9556,11 @@
          */
         --fb2597: #6A100C;
         /**
-         * action.variant.onBrand.active.borderColor (--81c178) ::borderColor (color scheme aware)
+         * action.variant.onColor.active.borderColor (--285db3) ::borderColor (color scheme aware)
          *
-         * = #302F3B (via dsInternalPrimitive.color.background.onBrand.action.active)
+         * = #302F3B (via dsInternalPrimitive.color.background.onColor.action.active)
          */
-        --81c178: #302F3B;
+        --285db3: #302F3B;
         /**
          * action.variant.classroom.active.borderColor (--8307ea) ::borderColor (color scheme aware)
          *
@@ -9225,6 +9579,12 @@
          * = transparent (via dsInternalPrimitive.color.border.newFeature.action)
          */
         --76758a: transparent;
+        /**
+         * action.variant.ai.active.borderColor (--6a507d) ::borderColor (color scheme aware)
+         *
+         * = #FF7AAC (via dsInternalPrimitive.color.border.ai.action)
+         */
+        --6a507d: #FF7AAC;
         /**
          * action.variant.primary.disabled.borderColor (--f0720e) ::borderColor (color scheme aware)
          *
@@ -9274,11 +9634,11 @@
          */
         --e117c7: #A8A8B6;
         /**
-         * action.variant.onBrand.disabled.borderColor (--5a20e5) ::borderColor (color scheme aware)
+         * action.variant.onColor.disabled.borderColor (--e1a214) ::borderColor (color scheme aware)
          *
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
-        --5a20e5: #DCDCE5;
+        --e1a214: #DCDCE5;
         /**
          * action.variant.classroom.disabled.borderColor (--659377) ::borderColor (color scheme aware)
          *
@@ -9297,6 +9657,12 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --7d2338: #DCDCE5;
+        /**
+         * action.variant.ai.disabled.borderColor (--6ac212) ::borderColor (color scheme aware)
+         *
+         * = #A8A8B6 (via dsInternalPrimitive.color.border.disabled.action)
+         */
+        --6ac212: #A8A8B6;
         /**
          * action.variant.primary.disabled.color (--dfbd08) ::fgColor (color scheme aware)
          *
@@ -9346,11 +9712,11 @@
          */
         --ff8727: #6A697C;
         /**
-         * action.variant.onBrand.disabled.color (--499ea7) ::fgColor (color scheme aware)
+         * action.variant.onColor.disabled.color (--2c5ff8) ::fgColor (color scheme aware)
          *
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
-        --499ea7: #6A697C;
+        --2c5ff8: #6A697C;
         /**
          * action.variant.classroom.disabled.color (--8415f2) ::fgColor (color scheme aware)
          *
@@ -9369,6 +9735,12 @@
          * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
          */
         --412530: #6A697C;
+        /**
+         * action.variant.ai.disabled.color (--643228) ::fgColor (color scheme aware)
+         *
+         * = #6A697C (via dsInternalPrimitive.color.text.disabled.action)
+         */
+        --643228: #6A697C;
         /**
          * action.variant.primary.disabled.bgColor (--818487) ::bgColor (color scheme aware)
          *
@@ -9418,11 +9790,11 @@
          */
         --1ce20d: #DCDCE5;
         /**
-         * action.variant.onBrand.disabled.bgColor (--10925f) ::bgColor (color scheme aware)
+         * action.variant.onColor.disabled.bgColor (--720019) ::bgColor (color scheme aware)
          *
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
-        --10925f: #DCDCE5;
+        --720019: #DCDCE5;
         /**
          * action.variant.classroom.disabled.bgColor (--249654) ::bgColor (color scheme aware)
          *
@@ -9441,6 +9813,135 @@
          * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
          */
         --e8c509: #DCDCE5;
+        /**
+         * action.variant.ai.disabled.bgColor (--d35901) ::bgColor (color scheme aware)
+         *
+         * = #DCDCE5 (via dsInternalPrimitive.color.background.disabled.action)
+         */
+        --d35901: #DCDCE5;
+        /**
+         * scheme.color
+         */
+        color: #FFFFFF
+    }
+    :global(.ds-scheme--invert):global(.ds-scheme----bg) {
+        /**
+         * scheme.bgColor
+         */
+        background-color: #FFFFFF
+    }
+}
+/* AUTO GENERATED @Fri Sep 22 2023 14:20:52 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
          */
@@ -9457,7 +9958,7 @@
 }
-/* AUTO GENERATED @Wed Sep 20 2023 15:01:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Sep 22 2023 14:20:52 GMT+0000 (Coordinated Universal Time) */
 .ds-bold-ui {
     /**
@@ -10258,6 +10759,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
      *
@@ -13984,7 +14563,7 @@
 }
-/* AUTO GENERATED @Wed Sep 20 2023 15:01:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Sep 22 2023 14:20:52 GMT+0000 (Coordinated Universal Time) */
 .ds-base-ui {
@@ -14629,7 +15208,7 @@
 }
-/* AUTO GENERATED @Wed Sep 20 2023 15:01:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Sep 22 2023 14:20:52 GMT+0000 (Coordinated Universal Time) */
 .ds-preply-ui {
     /**