@preply/ds-web-lib 0.98.0 → 0.99.0

package/dist/assets/Avatar.css

@@ -0,0 +1,318 @@
+/* AUTO GENERATED @Fri Aug 23 2024 08:49:35 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Aug 23 2024 08:49:34 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Aug 23 2024 08:49:38 GMT+0000 (Coordinated Universal Time) */
+._Avatar_11vfg_4 {
+  display: inline-block;
+}
+._Avatar_11vfg_4 img {
+  vertical-align: bottom;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: var(--dad9ec);
+}
+._Avatar--size-2xs_11vfg_12 img {
+  width: var(--d51f41);
+  height: var(--d51f41);
+}
+._Avatar--size-xs_11vfg_16 img {
+  width: var(--cfdb4f);
+  height: var(--cfdb4f);
+}
+._Avatar--size-s_11vfg_20 img {
+  width: var(--2dafbf);
+  height: var(--2dafbf);
+}
+._Avatar--size-m_11vfg_24 img {
+  width: var(--b51334);
+  height: var(--b51334);
+}
+._Avatar--size-l_11vfg_28 img {
+  width: var(--d318a5);
+  height: var(--d318a5);
+}
+._Avatar--size-xl_11vfg_32 img {
+  width: var(--6eb1c7);
+  height: var(--6eb1c7);
+}
+._Avatar--size-24_11vfg_36 img {
+  width: var(--86aa8e);
+  height: var(--86aa8e);
+}
+._Avatar--size-32_11vfg_40 img {
+  width: var(--32bbec);
+  height: var(--32bbec);
+}
+._Avatar--size-48_11vfg_44 img {
+  width: var(--950ab5);
+  height: var(--950ab5);
+}
+._Avatar--size-64_11vfg_48 img {
+  width: var(--cc5dc7);
+  height: var(--cc5dc7);
+}
+._Avatar--size-96_11vfg_52 img {
+  width: var(--796da2);
+  height: var(--796da2);
+}
+._Avatar--size-160_11vfg_56 img {
+  width: var(--329ba7);
+  height: var(--329ba7);
+}
+@media (min-width: 400px) {
+  ._Avatar--narrow-l--size-2xs_11vfg_61 img {
+    width: var(--d51f41);
+    height: var(--d51f41);
+  }
+  ._Avatar--narrow-l--size-xs_11vfg_65 img {
+    width: var(--cfdb4f);
+    height: var(--cfdb4f);
+  }
+  ._Avatar--narrow-l--size-s_11vfg_69 img {
+    width: var(--2dafbf);
+    height: var(--2dafbf);
+  }
+  ._Avatar--narrow-l--size-m_11vfg_73 img {
+    width: var(--b51334);
+    height: var(--b51334);
+  }
+  ._Avatar--narrow-l--size-l_11vfg_77 img {
+    width: var(--d318a5);
+    height: var(--d318a5);
+  }
+  ._Avatar--narrow-l--size-xl_11vfg_81 img {
+    width: var(--6eb1c7);
+    height: var(--6eb1c7);
+  }
+  ._Avatar--narrow-l--size-24_11vfg_85 img {
+    width: var(--86aa8e);
+    height: var(--86aa8e);
+  }
+  ._Avatar--narrow-l--size-32_11vfg_89 img {
+    width: var(--32bbec);
+    height: var(--32bbec);
+  }
+  ._Avatar--narrow-l--size-48_11vfg_93 img {
+    width: var(--950ab5);
+    height: var(--950ab5);
+  }
+  ._Avatar--narrow-l--size-64_11vfg_97 img {
+    width: var(--cc5dc7);
+    height: var(--cc5dc7);
+  }
+  ._Avatar--narrow-l--size-96_11vfg_101 img {
+    width: var(--796da2);
+    height: var(--796da2);
+  }
+  ._Avatar--narrow-l--size-160_11vfg_105 img {
+    width: var(--329ba7);
+    height: var(--329ba7);
+  }
+}
+@media (min-width: 700px) {
+  ._Avatar--medium-s--size-2xs_11vfg_111 img {
+    width: var(--d51f41);
+    height: var(--d51f41);
+  }
+  ._Avatar--medium-s--size-xs_11vfg_115 img {
+    width: var(--cfdb4f);
+    height: var(--cfdb4f);
+  }
+  ._Avatar--medium-s--size-s_11vfg_119 img {
+    width: var(--2dafbf);
+    height: var(--2dafbf);
+  }
+  ._Avatar--medium-s--size-m_11vfg_123 img {
+    width: var(--b51334);
+    height: var(--b51334);
+  }
+  ._Avatar--medium-s--size-l_11vfg_127 img {
+    width: var(--d318a5);
+    height: var(--d318a5);
+  }
+  ._Avatar--medium-s--size-xl_11vfg_131 img {
+    width: var(--6eb1c7);
+    height: var(--6eb1c7);
+  }
+  ._Avatar--medium-s--size-24_11vfg_135 img {
+    width: var(--86aa8e);
+    height: var(--86aa8e);
+  }
+  ._Avatar--medium-s--size-32_11vfg_139 img {
+    width: var(--32bbec);
+    height: var(--32bbec);
+  }
+  ._Avatar--medium-s--size-48_11vfg_143 img {
+    width: var(--950ab5);
+    height: var(--950ab5);
+  }
+  ._Avatar--medium-s--size-64_11vfg_147 img {
+    width: var(--cc5dc7);
+    height: var(--cc5dc7);
+  }
+  ._Avatar--medium-s--size-96_11vfg_151 img {
+    width: var(--796da2);
+    height: var(--796da2);
+  }
+  ._Avatar--medium-s--size-160_11vfg_155 img {
+    width: var(--329ba7);
+    height: var(--329ba7);
+  }
+}
+@media (min-width: 880px) {
+  ._Avatar--medium-l--size-2xs_11vfg_161 img {
+    width: var(--d51f41);
+    height: var(--d51f41);
+  }
+  ._Avatar--medium-l--size-xs_11vfg_165 img {
+    width: var(--cfdb4f);
+    height: var(--cfdb4f);
+  }
+  ._Avatar--medium-l--size-s_11vfg_169 img {
+    width: var(--2dafbf);
+    height: var(--2dafbf);
+  }
+  ._Avatar--medium-l--size-m_11vfg_173 img {
+    width: var(--b51334);
+    height: var(--b51334);
+  }
+  ._Avatar--medium-l--size-l_11vfg_177 img {
+    width: var(--d318a5);
+    height: var(--d318a5);
+  }
+  ._Avatar--medium-l--size-xl_11vfg_181 img {
+    width: var(--6eb1c7);
+    height: var(--6eb1c7);
+  }
+  ._Avatar--medium-l--size-24_11vfg_185 img {
+    width: var(--86aa8e);
+    height: var(--86aa8e);
+  }
+  ._Avatar--medium-l--size-32_11vfg_189 img {
+    width: var(--32bbec);
+    height: var(--32bbec);
+  }
+  ._Avatar--medium-l--size-48_11vfg_193 img {
+    width: var(--950ab5);
+    height: var(--950ab5);
+  }
+  ._Avatar--medium-l--size-64_11vfg_197 img {
+    width: var(--cc5dc7);
+    height: var(--cc5dc7);
+  }
+  ._Avatar--medium-l--size-96_11vfg_201 img {
+    width: var(--796da2);
+    height: var(--796da2);
+  }
+  ._Avatar--medium-l--size-160_11vfg_205 img {
+    width: var(--329ba7);
+    height: var(--329ba7);
+  }
+}
+@media (min-width: 1200px) {
+  ._Avatar--wide-s--size-2xs_11vfg_211 img {
+    width: var(--d51f41);
+    height: var(--d51f41);
+  }
+  ._Avatar--wide-s--size-xs_11vfg_215 img {
+    width: var(--cfdb4f);
+    height: var(--cfdb4f);
+  }
+  ._Avatar--wide-s--size-s_11vfg_219 img {
+    width: var(--2dafbf);
+    height: var(--2dafbf);
+  }
+  ._Avatar--wide-s--size-m_11vfg_223 img {
+    width: var(--b51334);
+    height: var(--b51334);
+  }
+  ._Avatar--wide-s--size-l_11vfg_227 img {
+    width: var(--d318a5);
+    height: var(--d318a5);
+  }
+  ._Avatar--wide-s--size-xl_11vfg_231 img {
+    width: var(--6eb1c7);
+    height: var(--6eb1c7);
+  }
+  ._Avatar--wide-s--size-24_11vfg_235 img {
+    width: var(--86aa8e);
+    height: var(--86aa8e);
+  }
+  ._Avatar--wide-s--size-32_11vfg_239 img {
+    width: var(--32bbec);
+    height: var(--32bbec);
+  }
+  ._Avatar--wide-s--size-48_11vfg_243 img {
+    width: var(--950ab5);
+    height: var(--950ab5);
+  }
+  ._Avatar--wide-s--size-64_11vfg_247 img {
+    width: var(--cc5dc7);
+    height: var(--cc5dc7);
+  }
+  ._Avatar--wide-s--size-96_11vfg_251 img {
+    width: var(--796da2);
+    height: var(--796da2);
+  }
+  ._Avatar--wide-s--size-160_11vfg_255 img {
+    width: var(--329ba7);
+    height: var(--329ba7);
+  }
+}
+@media (min-width: 1900px) {
+  ._Avatar--wide-l--size-2xs_11vfg_261 img {
+    width: var(--d51f41);
+    height: var(--d51f41);
+  }
+  ._Avatar--wide-l--size-xs_11vfg_265 img {
+    width: var(--cfdb4f);
+    height: var(--cfdb4f);
+  }
+  ._Avatar--wide-l--size-s_11vfg_269 img {
+    width: var(--2dafbf);
+    height: var(--2dafbf);
+  }
+  ._Avatar--wide-l--size-m_11vfg_273 img {
+    width: var(--b51334);
+    height: var(--b51334);
+  }
+  ._Avatar--wide-l--size-l_11vfg_277 img {
+    width: var(--d318a5);
+    height: var(--d318a5);
+  }
+  ._Avatar--wide-l--size-xl_11vfg_281 img {
+    width: var(--6eb1c7);
+    height: var(--6eb1c7);
+  }
+  ._Avatar--wide-l--size-24_11vfg_285 img {
+    width: var(--86aa8e);
+    height: var(--86aa8e);
+  }
+  ._Avatar--wide-l--size-32_11vfg_289 img {
+    width: var(--32bbec);
+    height: var(--32bbec);
+  }
+  ._Avatar--wide-l--size-48_11vfg_293 img {
+    width: var(--950ab5);
+    height: var(--950ab5);
+  }
+  ._Avatar--wide-l--size-64_11vfg_297 img {
+    width: var(--cc5dc7);
+    height: var(--cc5dc7);
+  }
+  ._Avatar--wide-l--size-96_11vfg_301 img {
+    width: var(--796da2);
+    height: var(--796da2);
+  }
+  ._Avatar--wide-l--size-160_11vfg_305 img {
+    width: var(--329ba7);
+    height: var(--329ba7);
+  }
+}
+._Avatar--round_11vfg_310 img {
+  border-radius: var(--8517a6);
+}
+._Avatar_11vfg_4 img {
+  border-style: solid;
+  border-width: var(--c4d145);
+  border-color: var(--54e6b5);
+}

package/dist/assets/AvatarWithStatus.css

@@ -0,0 +1,59 @@
+/* AUTO GENERATED @Fri Aug 23 2024 08:49:35 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Fri Aug 23 2024 08:49:34 GMT+0000 (Coordinated Universal Time) */
+._AvatarWithStatus_jf2j1_3 {
+  display: inline-block;
+  position: relative;
+}
+._AvatarWithStatus--indicator_jf2j1_7 {
+  position: absolute;
+  border-style: solid;
+  border-radius: var(--0cf20e);
+  border-width: var(--4a76d7);
+  border-color: var(--e5a39b);
+  background-color: var(--a95a51);
+}
+._AvatarWithStatus--online_jf2j1_15 ._AvatarWithStatus--indicator_jf2j1_7 {
+  background-color: var(--62b71e);
+}
+._AvatarWithStatus--size-2xs_jf2j1_18 ._AvatarWithStatus--indicator_jf2j1_7 {
+  width: var(--1cea5a);
+  height: var(--1cea5a);
+  right: var(--4b2086);
+  bottom: var(--4b2086);
+}
+._AvatarWithStatus--size-xs_jf2j1_24 ._AvatarWithStatus--indicator_jf2j1_7 {
+  width: var(--540610);
+  height: var(--540610);
+  right: var(--20c0b1);
+  bottom: var(--20c0b1);
+}
+._AvatarWithStatus--size-m_jf2j1_30 ._AvatarWithStatus--indicator_jf2j1_7 {
+  width: var(--8f1e94);
+  height: var(--8f1e94);
+  right: var(--705050);
+  bottom: var(--705050);
+}
+._AvatarWithStatus--size-xl_jf2j1_36 ._AvatarWithStatus--indicator_jf2j1_7 {
+  width: var(--bdf712);
+  height: var(--bdf712);
+  right: var(--3b13f1);
+  bottom: var(--3b13f1);
+}
+._AvatarWithStatus--size-64_jf2j1_42 ._AvatarWithStatus--indicator_jf2j1_7 {
+  width: var(--7d9a55);
+  height: var(--7d9a55);
+  right: var(--3e174a);
+  bottom: var(--3e174a);
+}
+._AvatarWithStatus--size-96_jf2j1_48 ._AvatarWithStatus--indicator_jf2j1_7 {
+  width: var(--7d3ab7);
+  height: var(--7d3ab7);
+  right: var(--bd3f63);
+  bottom: var(--bd3f63);
+}
+._AvatarWithStatus--size-160_jf2j1_54 ._AvatarWithStatus--indicator_jf2j1_7 {
+  width: var(--523f7d);
+  height: var(--523f7d);
+  right: var(--23067e);
+  bottom: var(--23067e);
+}

package/dist/assets/Badge.css

@@ -0,0 +1,106 @@
+/* AUTO GENERATED @Fri Aug 23 2024 08:49:35 GMT+0000 (Coordinated Universal Time) */
+._badge_17l64_2 {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--590b8d);
+  border-radius: var(--5e8be4);
+  padding: var(--05dd73) var(--66b80b);
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  color: var(--628fb7);
+}
+._badge_17l64_2[data-size='small'] {
+  height: var(--76ac8f);
+  font-size: var(--e3a55b);
+  font-weight: var(--8cd94c);
+  line-height: var(--732f40);
+}
+._badge_17l64_2[data-size='medium'] {
+  height: var(--f316e1);
+  font-size: var(--fdb733);
+  font-weight: var(--9643c1);
+  line-height: var(--754361);
+}
+._badge_17l64_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_17l64_2[data-type='neutral'] {
+  background: var(--319b29);
+}
+._badge_17l64_2[data-type='positive'] {
+  background: var(--1836a4);
+}
+._badge_17l64_2[data-type='warning'] {
+  background: var(--b503b8);
+}
+._badge_17l64_2[data-type='info'] {
+  background: var(--94a45e);
+}
+._badge_17l64_2[data-type='critical'] {
+  background: var(--f15644);
+}
+._badge_17l64_2[data-accent=unset] {
+  color: var(--c9575b);
+  background-color: var(--8f1238);
+}
+._badge_17l64_2[data-accent=unset][data-inverted=true] {
+  color: var(--55407f);
+  background-color: var(--7c8c3c);
+}
+._badge_17l64_2[data-accent='accent'] {
+  color: var(--dede3f);
+  background-color: var(--eba8f8);
+}
+._badge_17l64_2[data-accent='accent'][data-inverted=true] {
+  color: var(--732eb5);
+  background-color: var(--54c075);
+}
+._badge_17l64_2[data-accent='info'] {
+  color: var(--f3be0c);
+  background-color: var(--7a1a33);
+}
+._badge_17l64_2[data-accent='info'][data-inverted=true] {
+  color: var(--506df4);
+  background-color: var(--fa3428);
+}
+._badge_17l64_2[data-accent='positive'] {
+  color: var(--2a2719);
+  background-color: var(--694afa);
+}
+._badge_17l64_2[data-accent='positive'][data-inverted=true] {
+  color: var(--30c365);
+  background-color: var(--47c404);
+}
+._badge_17l64_2[data-accent='warning'] {
+  color: var(--84e571);
+  background-color: var(--02372a);
+}
+._badge_17l64_2[data-accent='warning'][data-inverted=true] {
+  color: var(--363237);
+  background-color: var(--08fa29);
+}
+._badge_17l64_2[data-accent='critical'] {
+  color: var(--036159);
+  background-color: var(--22f022);
+}
+._badge_17l64_2[data-accent='critical'][data-inverted=true] {
+  color: var(--90eeff);
+  background-color: var(--cdb1f6);
+}
+._badge_17l64_2[data-accent='tertiary'] {
+  color: var(--d7e14c);
+  background-color: var(--a453d7);
+}
+._badge_17l64_2[data-accent='tertiary'][data-inverted=true] {
+  color: var(--ab5158);
+  background-color: var(--50e919);
+}