@preply/ds-web-lib 0.100.0 → 1.0.0

package/README.md

@@ -13,7 +13,7 @@ import { RootProvider } from `@preply/ds-web-root`;
 import { Heading, Button } from `@preply/ds-web-lib`;
 
 export const App: FC = () => (
-  <RootProvider>
+  <RootProvider theme="tokyo-ui">
     <Heading level="h1">Hello!</Heading>
     <Button>Go!</Button>
   </RootProvider>

package/dist/assets/Avatar.css

@@ -1,317 +1,317 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Sep 18 2024 15:18:46 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
-._Avatar_re6p5_4 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 17 2024 15:06:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
+._Avatar_1b264_4 {
   display: inline-block;
 }
-._Avatar_re6p5_4 img {
+._Avatar_1b264_4 img {
   vertical-align: bottom;
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: var(--dad9ec);
 }
-._Avatar--size-2xs_re6p5_12 img {
+._Avatar--size-2xs_1b264_12 img {
   width: var(--d51f41);
   height: var(--d51f41);
 }
-._Avatar--size-xs_re6p5_16 img {
+._Avatar--size-xs_1b264_16 img {
   width: var(--cfdb4f);
   height: var(--cfdb4f);
 }
-._Avatar--size-s_re6p5_20 img {
+._Avatar--size-s_1b264_20 img {
   width: var(--2dafbf);
   height: var(--2dafbf);
 }
-._Avatar--size-m_re6p5_24 img {
+._Avatar--size-m_1b264_24 img {
   width: var(--b51334);
   height: var(--b51334);
 }
-._Avatar--size-l_re6p5_28 img {
+._Avatar--size-l_1b264_28 img {
   width: var(--d318a5);
   height: var(--d318a5);
 }
-._Avatar--size-xl_re6p5_32 img {
+._Avatar--size-xl_1b264_32 img {
   width: var(--6eb1c7);
   height: var(--6eb1c7);
 }
-._Avatar--size-24_re6p5_36 img {
+._Avatar--size-24_1b264_36 img {
   width: var(--86aa8e);
   height: var(--86aa8e);
 }
-._Avatar--size-32_re6p5_40 img {
+._Avatar--size-32_1b264_40 img {
   width: var(--32bbec);
   height: var(--32bbec);
 }
-._Avatar--size-48_re6p5_44 img {
+._Avatar--size-48_1b264_44 img {
   width: var(--950ab5);
   height: var(--950ab5);
 }
-._Avatar--size-64_re6p5_48 img {
+._Avatar--size-64_1b264_48 img {
   width: var(--cc5dc7);
   height: var(--cc5dc7);
 }
-._Avatar--size-96_re6p5_52 img {
+._Avatar--size-96_1b264_52 img {
   width: var(--796da2);
   height: var(--796da2);
 }
-._Avatar--size-160_re6p5_56 img {
+._Avatar--size-160_1b264_56 img {
   width: var(--329ba7);
   height: var(--329ba7);
 }
 @media (min-width: 400px) {
-  ._Avatar--narrow-l--size-2xs_re6p5_61 img {
+  ._Avatar--narrow-l--size-2xs_1b264_61 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--narrow-l--size-xs_re6p5_65 img {
+  ._Avatar--narrow-l--size-xs_1b264_65 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--narrow-l--size-s_re6p5_69 img {
+  ._Avatar--narrow-l--size-s_1b264_69 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--narrow-l--size-m_re6p5_73 img {
+  ._Avatar--narrow-l--size-m_1b264_73 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--narrow-l--size-l_re6p5_77 img {
+  ._Avatar--narrow-l--size-l_1b264_77 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--narrow-l--size-xl_re6p5_81 img {
+  ._Avatar--narrow-l--size-xl_1b264_81 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--narrow-l--size-24_re6p5_85 img {
+  ._Avatar--narrow-l--size-24_1b264_85 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--narrow-l--size-32_re6p5_89 img {
+  ._Avatar--narrow-l--size-32_1b264_89 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--narrow-l--size-48_re6p5_93 img {
+  ._Avatar--narrow-l--size-48_1b264_93 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--narrow-l--size-64_re6p5_97 img {
+  ._Avatar--narrow-l--size-64_1b264_97 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--narrow-l--size-96_re6p5_101 img {
+  ._Avatar--narrow-l--size-96_1b264_101 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--narrow-l--size-160_re6p5_105 img {
+  ._Avatar--narrow-l--size-160_1b264_105 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 700px) {
-  ._Avatar--medium-s--size-2xs_re6p5_111 img {
+  ._Avatar--medium-s--size-2xs_1b264_111 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--medium-s--size-xs_re6p5_115 img {
+  ._Avatar--medium-s--size-xs_1b264_115 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--medium-s--size-s_re6p5_119 img {
+  ._Avatar--medium-s--size-s_1b264_119 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--medium-s--size-m_re6p5_123 img {
+  ._Avatar--medium-s--size-m_1b264_123 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--medium-s--size-l_re6p5_127 img {
+  ._Avatar--medium-s--size-l_1b264_127 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--medium-s--size-xl_re6p5_131 img {
+  ._Avatar--medium-s--size-xl_1b264_131 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--medium-s--size-24_re6p5_135 img {
+  ._Avatar--medium-s--size-24_1b264_135 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--medium-s--size-32_re6p5_139 img {
+  ._Avatar--medium-s--size-32_1b264_139 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--medium-s--size-48_re6p5_143 img {
+  ._Avatar--medium-s--size-48_1b264_143 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--medium-s--size-64_re6p5_147 img {
+  ._Avatar--medium-s--size-64_1b264_147 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--medium-s--size-96_re6p5_151 img {
+  ._Avatar--medium-s--size-96_1b264_151 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--medium-s--size-160_re6p5_155 img {
+  ._Avatar--medium-s--size-160_1b264_155 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 880px) {
-  ._Avatar--medium-l--size-2xs_re6p5_161 img {
+  ._Avatar--medium-l--size-2xs_1b264_161 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--medium-l--size-xs_re6p5_165 img {
+  ._Avatar--medium-l--size-xs_1b264_165 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--medium-l--size-s_re6p5_169 img {
+  ._Avatar--medium-l--size-s_1b264_169 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--medium-l--size-m_re6p5_173 img {
+  ._Avatar--medium-l--size-m_1b264_173 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--medium-l--size-l_re6p5_177 img {
+  ._Avatar--medium-l--size-l_1b264_177 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--medium-l--size-xl_re6p5_181 img {
+  ._Avatar--medium-l--size-xl_1b264_181 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--medium-l--size-24_re6p5_185 img {
+  ._Avatar--medium-l--size-24_1b264_185 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--medium-l--size-32_re6p5_189 img {
+  ._Avatar--medium-l--size-32_1b264_189 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--medium-l--size-48_re6p5_193 img {
+  ._Avatar--medium-l--size-48_1b264_193 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--medium-l--size-64_re6p5_197 img {
+  ._Avatar--medium-l--size-64_1b264_197 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--medium-l--size-96_re6p5_201 img {
+  ._Avatar--medium-l--size-96_1b264_201 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--medium-l--size-160_re6p5_205 img {
+  ._Avatar--medium-l--size-160_1b264_205 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 1200px) {
-  ._Avatar--wide-s--size-2xs_re6p5_211 img {
+  ._Avatar--wide-s--size-2xs_1b264_211 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--wide-s--size-xs_re6p5_215 img {
+  ._Avatar--wide-s--size-xs_1b264_215 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--wide-s--size-s_re6p5_219 img {
+  ._Avatar--wide-s--size-s_1b264_219 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--wide-s--size-m_re6p5_223 img {
+  ._Avatar--wide-s--size-m_1b264_223 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--wide-s--size-l_re6p5_227 img {
+  ._Avatar--wide-s--size-l_1b264_227 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--wide-s--size-xl_re6p5_231 img {
+  ._Avatar--wide-s--size-xl_1b264_231 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--wide-s--size-24_re6p5_235 img {
+  ._Avatar--wide-s--size-24_1b264_235 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--wide-s--size-32_re6p5_239 img {
+  ._Avatar--wide-s--size-32_1b264_239 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--wide-s--size-48_re6p5_243 img {
+  ._Avatar--wide-s--size-48_1b264_243 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--wide-s--size-64_re6p5_247 img {
+  ._Avatar--wide-s--size-64_1b264_247 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--wide-s--size-96_re6p5_251 img {
+  ._Avatar--wide-s--size-96_1b264_251 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--wide-s--size-160_re6p5_255 img {
+  ._Avatar--wide-s--size-160_1b264_255 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
 @media (min-width: 1900px) {
-  ._Avatar--wide-l--size-2xs_re6p5_261 img {
+  ._Avatar--wide-l--size-2xs_1b264_261 img {
     width: var(--d51f41);
     height: var(--d51f41);
   }
-  ._Avatar--wide-l--size-xs_re6p5_265 img {
+  ._Avatar--wide-l--size-xs_1b264_265 img {
     width: var(--cfdb4f);
     height: var(--cfdb4f);
   }
-  ._Avatar--wide-l--size-s_re6p5_269 img {
+  ._Avatar--wide-l--size-s_1b264_269 img {
     width: var(--2dafbf);
     height: var(--2dafbf);
   }
-  ._Avatar--wide-l--size-m_re6p5_273 img {
+  ._Avatar--wide-l--size-m_1b264_273 img {
     width: var(--b51334);
     height: var(--b51334);
   }
-  ._Avatar--wide-l--size-l_re6p5_277 img {
+  ._Avatar--wide-l--size-l_1b264_277 img {
     width: var(--d318a5);
     height: var(--d318a5);
   }
-  ._Avatar--wide-l--size-xl_re6p5_281 img {
+  ._Avatar--wide-l--size-xl_1b264_281 img {
     width: var(--6eb1c7);
     height: var(--6eb1c7);
   }
-  ._Avatar--wide-l--size-24_re6p5_285 img {
+  ._Avatar--wide-l--size-24_1b264_285 img {
     width: var(--86aa8e);
     height: var(--86aa8e);
   }
-  ._Avatar--wide-l--size-32_re6p5_289 img {
+  ._Avatar--wide-l--size-32_1b264_289 img {
     width: var(--32bbec);
     height: var(--32bbec);
   }
-  ._Avatar--wide-l--size-48_re6p5_293 img {
+  ._Avatar--wide-l--size-48_1b264_293 img {
     width: var(--950ab5);
     height: var(--950ab5);
   }
-  ._Avatar--wide-l--size-64_re6p5_297 img {
+  ._Avatar--wide-l--size-64_1b264_297 img {
     width: var(--cc5dc7);
     height: var(--cc5dc7);
   }
-  ._Avatar--wide-l--size-96_re6p5_301 img {
+  ._Avatar--wide-l--size-96_1b264_301 img {
     width: var(--796da2);
     height: var(--796da2);
   }
-  ._Avatar--wide-l--size-160_re6p5_305 img {
+  ._Avatar--wide-l--size-160_1b264_305 img {
     width: var(--329ba7);
     height: var(--329ba7);
   }
 }
-._Avatar--round_re6p5_310 img {
+._Avatar--round_1b264_310 img {
   border-radius: var(--8517a6);
 }
-._Avatar_re6p5_4 img {
+._Avatar_1b264_4 img {
   border-style: solid;
   border-width: var(--c4d145);
   border-color: var(--54e6b5);

package/dist/assets/AvatarWithStatus.css

@@ -1,10 +1,10 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Sep 18 2024 15:18:46 GMT+0000 (Coordinated Universal Time) */
-._AvatarWithStatus_1mrqc_3 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 17 2024 15:06:56 GMT+0000 (Coordinated Universal Time) */
+._AvatarWithStatus_1hrr2_3 {
   display: inline-block;
   position: relative;
 }
-._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--indicator_1hrr2_7 {
   position: absolute;
   border-style: solid;
   border-radius: var(--0cf20e);
@@ -12,46 +12,46 @@
   border-color: var(--e5a39b);
   background-color: var(--a95a51);
 }
-._AvatarWithStatus--online_1mrqc_15 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--online_1hrr2_15 ._AvatarWithStatus--indicator_1hrr2_7 {
   background-color: var(--62b71e);
 }
-._AvatarWithStatus--size-2xs_1mrqc_18 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--size-2xs_1hrr2_18 ._AvatarWithStatus--indicator_1hrr2_7 {
   width: var(--1cea5a);
   height: var(--1cea5a);
   right: var(--4b2086);
   bottom: var(--4b2086);
 }
-._AvatarWithStatus--size-xs_1mrqc_24 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--size-xs_1hrr2_24 ._AvatarWithStatus--indicator_1hrr2_7 {
   width: var(--540610);
   height: var(--540610);
   right: var(--20c0b1);
   bottom: var(--20c0b1);
 }
-._AvatarWithStatus--size-m_1mrqc_30 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--size-m_1hrr2_30 ._AvatarWithStatus--indicator_1hrr2_7 {
   width: var(--8f1e94);
   height: var(--8f1e94);
   right: var(--705050);
   bottom: var(--705050);
 }
-._AvatarWithStatus--size-xl_1mrqc_36 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--size-xl_1hrr2_36 ._AvatarWithStatus--indicator_1hrr2_7 {
   width: var(--bdf712);
   height: var(--bdf712);
   right: var(--3b13f1);
   bottom: var(--3b13f1);
 }
-._AvatarWithStatus--size-64_1mrqc_42 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--size-64_1hrr2_42 ._AvatarWithStatus--indicator_1hrr2_7 {
   width: var(--7d9a55);
   height: var(--7d9a55);
   right: var(--3e174a);
   bottom: var(--3e174a);
 }
-._AvatarWithStatus--size-96_1mrqc_48 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--size-96_1hrr2_48 ._AvatarWithStatus--indicator_1hrr2_7 {
   width: var(--7d3ab7);
   height: var(--7d3ab7);
   right: var(--bd3f63);
   bottom: var(--bd3f63);
 }
-._AvatarWithStatus--size-160_1mrqc_54 ._AvatarWithStatus--indicator_1mrqc_7 {
+._AvatarWithStatus--size-160_1hrr2_54 ._AvatarWithStatus--indicator_1hrr2_7 {
   width: var(--523f7d);
   height: var(--523f7d);
   right: var(--23067e);

package/dist/assets/Badge.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
-._badge_15u3w_2 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
+._badge_16l45_2 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -14,93 +14,93 @@
   width: fit-content;
   color: var(--628fb7);
 }
-._badge_15u3w_2[data-size='small'] {
+._badge_16l45_2[data-size='small'] {
   height: var(--76ac8f);
   font-size: var(--e3a55b);
   font-weight: var(--8cd94c);
   line-height: var(--732f40);
 }
-._badge_15u3w_2[data-size='medium'] {
+._badge_16l45_2[data-size='medium'] {
   height: var(--f316e1);
   font-size: var(--fdb733);
   font-weight: var(--9643c1);
   line-height: var(--754361);
 }
-._badge_15u3w_2[data-size='large'] {
+._badge_16l45_2[data-size='large'] {
   height: var(--7789ee);
   padding: var(--590b8d) var(--813599);
   font-size: var(--475c79);
   font-weight: var(--a3f251);
   line-height: var(--e33d9e);
 }
-._badge_15u3w_2[data-type='neutral'] {
+._badge_16l45_2[data-type='neutral'] {
   background: var(--319b29);
 }
-._badge_15u3w_2[data-type='positive'] {
+._badge_16l45_2[data-type='positive'] {
   background: var(--1836a4);
 }
-._badge_15u3w_2[data-type='warning'] {
+._badge_16l45_2[data-type='warning'] {
   background: var(--b503b8);
 }
-._badge_15u3w_2[data-type='info'] {
+._badge_16l45_2[data-type='info'] {
   background: var(--94a45e);
 }
-._badge_15u3w_2[data-type='critical'] {
+._badge_16l45_2[data-type='critical'] {
   background: var(--f15644);
 }
-._badge_15u3w_2[data-accent=unset] {
+._badge_16l45_2[data-accent=unset] {
   color: var(--c9575b);
   background-color: var(--8f1238);
 }
-._badge_15u3w_2[data-accent=unset][data-inverted=true] {
+._badge_16l45_2[data-accent=unset][data-inverted=true] {
   color: var(--55407f);
   background-color: var(--7c8c3c);
 }
-._badge_15u3w_2[data-accent='accent'] {
+._badge_16l45_2[data-accent='accent'] {
   color: var(--dede3f);
   background-color: var(--eba8f8);
 }
-._badge_15u3w_2[data-accent='accent'][data-inverted=true] {
+._badge_16l45_2[data-accent='accent'][data-inverted=true] {
   color: var(--732eb5);
   background-color: var(--54c075);
 }
-._badge_15u3w_2[data-accent='info'] {
+._badge_16l45_2[data-accent='info'] {
   color: var(--f3be0c);
   background-color: var(--7a1a33);
 }
-._badge_15u3w_2[data-accent='info'][data-inverted=true] {
+._badge_16l45_2[data-accent='info'][data-inverted=true] {
   color: var(--506df4);
   background-color: var(--fa3428);
 }
-._badge_15u3w_2[data-accent='positive'] {
+._badge_16l45_2[data-accent='positive'] {
   color: var(--2a2719);
   background-color: var(--694afa);
 }
-._badge_15u3w_2[data-accent='positive'][data-inverted=true] {
+._badge_16l45_2[data-accent='positive'][data-inverted=true] {
   color: var(--30c365);
   background-color: var(--47c404);
 }
-._badge_15u3w_2[data-accent='warning'] {
+._badge_16l45_2[data-accent='warning'] {
   color: var(--84e571);
   background-color: var(--02372a);
 }
-._badge_15u3w_2[data-accent='warning'][data-inverted=true] {
+._badge_16l45_2[data-accent='warning'][data-inverted=true] {
   color: var(--363237);
   background-color: var(--08fa29);
 }
-._badge_15u3w_2[data-accent='critical'] {
+._badge_16l45_2[data-accent='critical'] {
   color: var(--036159);
   background-color: var(--22f022);
 }
-._badge_15u3w_2[data-accent='critical'][data-inverted=true] {
+._badge_16l45_2[data-accent='critical'][data-inverted=true] {
   color: var(--90eeff);
   background-color: var(--cdb1f6);
 }
-._badge_15u3w_2[data-accent='tertiary'] {
+._badge_16l45_2[data-accent='tertiary'] {
   color: var(--d7e14c);
   background-color: var(--a453d7);
 }
-._badge_15u3w_2[data-accent='tertiary'][data-inverted=true] {
+._badge_16l45_2[data-accent='tertiary'][data-inverted=true] {
   color: var(--ab5158);
   background-color: var(--50e919);
 }