@preply/ds-web-lib 3.2.1-beta.e1ca8d950c2259f7fe86a7ffe9395453da82683d.0 → 3.3.0

package/dist/assets/Accordion.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .accordion__GSBx4 {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/dist/assets/AlertDialog.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 @-webkit-keyframes overlayShow__DlV95 {
   from {
     opacity: 0;

package/dist/assets/Avatar.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .Avatar__ENaap {
   display: inline-block;
 }

package/dist/assets/AvatarWithStatus.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
 .AvatarWithStatus__STt5I {
   display: inline-block;
   position: relative;

package/dist/assets/Badge.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .badge__Aj95L {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/dist/assets/Box.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .Box__sKgFi {
   margin: 0;
   list-style: none;

package/dist/assets/Button.css

@@ -1,7 +1,7 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .Button__lJRiF .leadingIcon__OZj4E,
 .Button__lJRiF .trailingIcon__d6fiW {
   display: -webkit-box;

package/dist/assets/ButtonBase.css

@@ -1,7 +1,7 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .button-width--width-full__nJNYU {
   width: 100%;
 }

package/dist/assets/Checkbox.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .checkbox__KtCna {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/dist/assets/Chips.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .chips__EeC-E {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/CountryFlag.css

@@ -0,0 +1,5 @@
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+.flag__wPkCc {
+  border-radius: var(--e38d71);
+  border: 0.5px solid var(--b445b1);
+}

package/dist/assets/Dialog.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 @-webkit-keyframes overlayShow__9RhbW {
   from {
     opacity: 0;

package/dist/assets/FieldButton.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .FieldButton__OWtNd {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/FormControl.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .container__dtKps {
   --ds-input-scroll-margin-top: var(--d434fb);
   display: -webkit-box;

package/dist/assets/Heading.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .Heading__Lv13n {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

package/dist/assets/Icon.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .Icon__jDdMD {
   display: inline-block;
   vertical-align: text-top;

package/dist/assets/InputContainer.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .container__B-gQ9 {
   width: 100%;
   position: relative;

package/dist/assets/LayoutFlex.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"] {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/LayoutFlexItem.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .LayoutFlexItem__0eYcj {
   padding: 0;
   margin: 0;

package/dist/assets/Link.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .Link__0oP-l {
   display: inline-block;
   border-radius: var(--5eeb28);

package/dist/assets/Loader.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .Loader__sOe0E {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/dist/assets/OnboardingTooltip.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .content__n7yV2 {
   background-color: var(--79dffb);
   border-radius: var(--fa4b1a);

package/dist/assets/OnboardingTour.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .counter__e0-bi {
   -webkit-box-flex: 1;
       -ms-flex: 1;

package/dist/assets/PreplyLogo.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .PreplyLogo__Grf-P {
   display: inline-block;
 }

package/dist/assets/ProgressBar.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .ProgressBar__BR9lE {
   display: block;
   height: var(--c484d1);

package/dist/assets/ProgressSteps.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .ProgressSteps__FoPeH {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/Spinner.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 @-webkit-keyframes spin__6opuF {
   from {
     -webkit-transform: rotate(0deg);

package/dist/assets/Steps.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .steps__BxrkC[aria-busy='true'] {
   cursor: wait;
 }

package/dist/assets/Text.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .Text__uVacy {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

package/dist/assets/TextHighlighted.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .TextHighlighted__ehLpO {
   display: inline-block;
   padding-left: var(--58c1e5);

package/dist/assets/TextInline.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .TextInline__SqhPj {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

package/dist/assets/Toast.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .toast__JkBNR {
   /*
      * This variable comes from sonner. We're setting it manually here because

package/dist/assets/Tooltip.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .content__ZZg4T {
   background-color: var(--4983fe);
   color: var(--c2b191);

package/dist/assets/align-self.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .AlignSelf__huNbz.AlignSelf--align-self-start__Pk4Ld {
   -ms-flex-item-align: start;
       align-self: start;

package/dist/assets/color.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
 .Color__vfkGX.Color--color-white__dhbZ3 {
   color: var(--145676);
 }

package/dist/assets/exp-color.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
 .ExpColor__S0PGo.ExpColor--exp-color-grey-0__DKudt {
   color: var(--d751dc);
 }

package/dist/assets/layout-gap.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-gap="none"],
 [data-preply-ds-component="LayoutFlex"][data-ds-gap*='"_":"none"'] {
   gap: var(--74358d);

package/dist/assets/layout-grid.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .LayoutGrid__-dslt {
   list-style: none;
   font-weight: inherit;

package/dist/assets/layout-hide.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-display="hide"],
 [data-preply-ds-component="LayoutFlex"][data-ds-display*='"_":"hide"'] {
   display: none;

package/dist/assets/layout-padding.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-padding="none"],
 [data-preply-ds-component="LayoutFlex"][data-ds-padding*='"_":"none"'] {
   padding: var(--74358d);

package/dist/assets/layout-relative.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-relative="true"],
 [data-preply-ds-component="LayoutFlex"][data-ds-relative*='"_":true'] {
   position: relative;

package/dist/assets/text-accent.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .TextAccent__AfPNQ.TextAccent--accent-default__rjbSO {
   color: var(--aface6);
 }

package/dist/assets/text-centered.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 08:09:13 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
 .TextCentered__7KaTF.TextCentered--centered__4f-qW {
   text-align: center;
 }

package/dist/assets/text-weight.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 08:09:09 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 08:09:10 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
 .TextWeight__nr38y.TextWeight--weight-400__FwN8u {
   font-weight: var(--73984e);
 }

package/dist/components/CountryFlag/CountryFlag.d.ts

@@ -0,0 +1,64 @@
+import { default as React, ImgHTMLAttributes } from 'react';
+import { Dataset } from '@preply/ds-core';
+import { CountryCode } from './types';
+type Size = 'small' | 'medium' | 'large';
+type ReservedDsProps = 'alt' | 'src' | 'width' | 'height' | 'className';
+export type CountryFlagProps = Omit<ImgHTMLAttributes<HTMLImageElement>, ReservedDsProps> & {
+    code: CountryCode;
+    /**
+     * An accessible alt description of the flag.
+     * This will usually be the localized country or language name.
+     */
+    alt: string;
+    /**
+     * @default 'small'
+     */
+    size?: Size;
+    /**
+     * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
+     * @default true
+     */
+    simplified?: boolean;
+    /**
+     * Sets data attributes on the DOM element.
+     *
+     * @example
+     * <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
+     */
+    dataset?: Dataset;
+};
+/**
+ * Renders an `img` element with the country flag. Passes down all the other props to the `img` element.
+ *
+ * @example
+ * <CountryFlag code="ua" alt="Ukraine" />
+ *
+ * @example Lazy loading the img
+ * <CountryFlag code="ua" alt="Ukraine" loading="lazy" />
+ */
+export declare const CountryFlag: React.ForwardRefExoticComponent<Omit<React.ImgHTMLAttributes<HTMLImageElement>, ReservedDsProps> & {
+    code: CountryCode;
+    /**
+     * An accessible alt description of the flag.
+     * This will usually be the localized country or language name.
+     */
+    alt: string;
+    /**
+     * @default 'small'
+     */
+    size?: Size | undefined;
+    /**
+     * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
+     * @default true
+     */
+    simplified?: boolean | undefined;
+    /**
+     * Sets data attributes on the DOM element.
+     *
+     * @example
+     * <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
+     */
+    dataset?: Dataset | undefined;
+} & React.RefAttributes<HTMLImageElement>>;
+export {};
+//# sourceMappingURL=CountryFlag.d.ts.map

package/dist/components/CountryFlag/CountryFlag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryFlag.d.ts","sourceRoot":"","sources":["../../../src/components/CountryFlag/CountryFlag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAM/C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,KAAK,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;AAMxE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,eAAe,CAAC,GAAG;IACxF,IAAI,EAAE,WAAW,CAAC;IAElB;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;UArCd,WAAW;IAEjB;;;OAGG;SACE,MAAM;IAEX;;OAEG;;IAGH;;;OAGG;;IAGH;;;;;OAKG;;0CA2CL,CAAC"}

package/dist/components/CountryFlag/CountryFlag.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { getDatasetProps } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { getCountryFlagUrl } from "./utils/getCountryFlagUrl.js";
+import { countryNames } from "./utils/countries.js";
+import '../../assets/CountryFlag.css';const flag = "flag__wPkCc";
+const styles = {
+  flag
+};
+const placeholderSvg = "data:image/svg+xml;base64,PHN2ZyBkYXRhLXByZXBseS1kcy1jb21wb25lbnQ9IlN2Z0NvdW50cnlGbGFnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIi8+";
+const CountryFlag = forwardRef(function CountryFlag2({
+  size = "small",
+  code: countryCode,
+  dataset,
+  simplified = true,
+  alt,
+  ...rest
+}, ref) {
+  const width = size === "large" ? 32 : size === "medium" ? 24 : 16;
+  const height = width * 3 / 4;
+  const countryCodeIsInvalid = typeof countryCode !== "string" || !countryNames[countryCode];
+  const src = countryCodeIsInvalid ? placeholderSvg : getCountryFlagUrl({
+    countryCode,
+    simplified
+  });
+  const imgProps = {
+    alt,
+    src,
+    width,
+    height,
+    className: styles.flag
+  };
+  return (
+    // eslint-disable-next-line jsx-a11y/alt-text -- `alt` is set in the object above
+    /* @__PURE__ */ jsx("img", { ...rest, ref, ...imgProps, ...getDatasetProps(dataset, {
+      preplyDsComponent: webComponentNames.CountryFlag
+    }) })
+  );
+});
+export {
+  CountryFlag
+};

package/dist/components/CountryFlag/types.d.ts

@@ -0,0 +1,3 @@
+import { countryNames } from './utils/countries';
+export type CountryCode = keyof typeof countryNames;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/CountryFlag/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CountryFlag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/components/CountryFlag/types.js

@@ -0,0 +1 @@
+