@preply/ds-web-lib 3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0 → 3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0

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 (51) hide show
  1. package/dist/assets/Accordion.css +2 -2
  2. package/dist/assets/AlertDialog.css +2 -2
  3. package/dist/assets/Avatar.css +3 -3
  4. package/dist/assets/AvatarWithStatus.css +2 -2
  5. package/dist/assets/Badge.css +1 -1
  6. package/dist/assets/Box.css +3 -3
  7. package/dist/assets/Button.css +4 -4
  8. package/dist/assets/ButtonBase.css +4 -4
  9. package/dist/assets/Checkbox.css +2 -2
  10. package/dist/assets/Chips.css +2 -2
  11. package/dist/assets/CountryFlag.css +1 -1
  12. package/dist/assets/Dialog.css +3 -3
  13. package/dist/assets/FieldButton.css +3 -3
  14. package/dist/assets/FormControl.css +1 -1
  15. package/dist/assets/Heading.css +3 -3
  16. package/dist/assets/Icon.css +3 -3
  17. package/dist/assets/InputContainer.css +2 -2
  18. package/dist/assets/LayoutFlex.css +1 -1
  19. package/dist/assets/LayoutFlexItem.css +1 -1
  20. package/dist/assets/Link.css +3 -3
  21. package/dist/assets/Loader.css +1 -1
  22. package/dist/assets/OnboardingTooltip.css +1 -1
  23. package/dist/assets/OnboardingTour.css +1 -1
  24. package/dist/assets/PreplyLogo.css +1 -1
  25. package/dist/assets/ProgressBar.css +1 -1
  26. package/dist/assets/ProgressSteps.css +1 -1
  27. package/dist/assets/Spinner.css +3 -3
  28. package/dist/assets/Steps.css +1 -1
  29. package/dist/assets/Text.css +3 -3
  30. package/dist/assets/TextHighlighted.css +3 -3
  31. package/dist/assets/TextInline.css +3 -3
  32. package/dist/assets/Toast.css +2 -2
  33. package/dist/assets/Tooltip.css +1 -1
  34. package/dist/assets/align-self.css +1 -1
  35. package/dist/assets/color.css +2 -2
  36. package/dist/assets/exp-color.css +2 -2
  37. package/dist/assets/layout-gap.css +3 -3
  38. package/dist/assets/layout-grid.css +3 -3
  39. package/dist/assets/layout-hide.css +1 -1
  40. package/dist/assets/layout-padding.css +3 -3
  41. package/dist/assets/layout-relative.css +1 -1
  42. package/dist/assets/text-accent.css +2 -2
  43. package/dist/assets/text-centered.css +1 -1
  44. package/dist/assets/text-weight.css +2 -2
  45. package/dist/components/CountryFlag/CountryFlag.d.ts +9 -24
  46. package/dist/components/CountryFlag/CountryFlag.d.ts.map +1 -1
  47. package/dist/components/CountryFlag/CountryFlag.js +1 -3
  48. package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts +4 -4
  49. package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts.map +1 -1
  50. package/dist/components/CountryFlag/utils/getCountryFlagUrl.js +1 -1
  51. package/package.json +8 -8
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
3
  .accordion__GSBx4 {
4
4
  -webkit-box-sizing: border-box;
5
5
  box-sizing: border-box;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
3
  @-webkit-keyframes overlayShow__DlV95 {
4
4
  from {
5
5
  opacity: 0;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .Avatar__ENaap {
5
5
  display: inline-block;
6
6
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
3
  .AvatarWithStatus__STt5I {
4
4
  display: inline-block;
5
5
  position: relative;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .badge__Aj95L {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .Box__sKgFi {
5
5
  margin: 0;
6
6
  list-style: none;
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
5
5
  .Button__lJRiF .leadingIcon__OZj4E,
6
6
  .Button__lJRiF .trailingIcon__d6fiW {
7
7
  display: -webkit-box;
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
5
5
  .button-width--width-full__nJNYU {
6
6
  width: 100%;
7
7
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
3
  .checkbox__KtCna {
4
4
  -webkit-box-sizing: border-box;
5
5
  box-sizing: border-box;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
3
  .chips__EeC-E {
4
4
  display: -webkit-box;
5
5
  display: -ms-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .flag__wPkCc {
3
3
  border-radius: var(--e38d71);
4
4
  border: 0.5px solid var(--b445b1);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  @-webkit-keyframes overlayShow__9RhbW {
5
5
  from {
6
6
  opacity: 0;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .FieldButton__OWtNd {
5
5
  display: -webkit-box;
6
6
  display: -ms-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .container__dtKps {
3
3
  --ds-input-scroll-margin-top: var(--d434fb);
4
4
  display: -webkit-box;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .Heading__Lv13n {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .Icon__jDdMD {
5
5
  display: inline-block;
6
6
  vertical-align: text-top;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
3
  .container__B-gQ9 {
4
4
  width: 100%;
5
5
  position: relative;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
2
2
  [data-preply-ds-component="LayoutFlex"] {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
2
2
  .LayoutFlexItem__0eYcj {
3
3
  padding: 0;
4
4
  margin: 0;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .Link__0oP-l {
5
5
  display: inline-block;
6
6
  border-radius: var(--5eeb28);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .Loader__sOe0E {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .content__n7yV2 {
3
3
  background-color: var(--79dffb);
4
4
  border-radius: var(--fa4b1a);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .counter__e0-bi {
3
3
  -webkit-box-flex: 1;
4
4
  -ms-flex: 1;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .PreplyLogo__Grf-P {
3
3
  display: inline-block;
4
4
  }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .ProgressBar__BR9lE {
3
3
  display: block;
4
4
  height: var(--c484d1);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .ProgressSteps__FoPeH {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  @-webkit-keyframes spin__6opuF {
5
5
  from {
6
6
  -webkit-transform: rotate(0deg);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .steps__BxrkC[aria-busy='true'] {
3
3
  cursor: wait;
4
4
  }
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .Text__uVacy {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .TextHighlighted__ehLpO {
5
5
  display: inline-block;
6
6
  padding-left: var(--58c1e5);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .TextInline__SqhPj {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
3
3
  .toast__JkBNR {
4
4
  /*
5
5
  * This variable comes from sonner. We're setting it manually here because
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
2
  .content__ZZg4T {
3
3
  background-color: var(--4983fe);
4
4
  color: var(--c2b191);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
2
2
  .AlignSelf__huNbz.AlignSelf--align-self-start__Pk4Ld {
3
3
  -ms-flex-item-align: start;
4
4
  align-self: start;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
3
  .Color__vfkGX.Color--color-white__dhbZ3 {
4
4
  color: var(--145676);
5
5
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
3
  .ExpColor__S0PGo.ExpColor--exp-color-grey-0__DKudt {
4
4
  color: var(--d751dc);
5
5
  }
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  [data-preply-ds-component="LayoutFlex"][data-ds-gap="none"],
5
5
  [data-preply-ds-component="LayoutFlex"][data-ds-gap*='"_":"none"'] {
6
6
  gap: var(--74358d);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  .LayoutGrid__-dslt {
5
5
  list-style: none;
6
6
  font-weight: inherit;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
2
2
  [data-preply-ds-component="LayoutFlex"][data-ds-display="hide"],
3
3
  [data-preply-ds-component="LayoutFlex"][data-ds-display*='"_":"hide"'] {
4
4
  display: none;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
4
4
  [data-preply-ds-component="LayoutFlex"][data-ds-padding="none"],
5
5
  [data-preply-ds-component="LayoutFlex"][data-ds-padding*='"_":"none"'] {
6
6
  padding: var(--74358d);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
2
2
  [data-preply-ds-component="LayoutFlex"][data-ds-relative="true"],
3
3
  [data-preply-ds-component="LayoutFlex"][data-ds-relative*='"_":true'] {
4
4
  position: relative;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
3
3
  .TextAccent__AfPNQ.TextAccent--accent-default__rjbSO {
4
4
  color: var(--aface6);
5
5
  }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Jul 29 2025 09:58:57 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 30 2025 14:26:55 GMT+0000 (Coordinated Universal Time) */
2
2
  .TextCentered__7KaTF.TextCentered--centered__4f-qW {
3
3
  text-align: center;
4
4
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Jul 29 2025 09:58:53 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Jul 29 2025 09:58:54 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 30 2025 14:26:52 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 30 2025 14:26:53 GMT+0000 (Coordinated Universal Time) */
3
3
  .TextWeight__nr38y.TextWeight--weight-400__FwN8u {
4
4
  font-weight: var(--73984e);
5
5
  }
@@ -2,27 +2,17 @@ import { default as React, ImgHTMLAttributes } from 'react';
2
2
  import { Dataset } from '@preply/ds-core';
3
3
  import { CountryCode } from './types';
4
4
  type Size = 'small' | 'medium' | 'large';
5
- /**
6
- * The country code can't be narrowed because it would affect the DX. On the GraphQL side, we prefer
7
- * to type the flag as a generic `string` instead of an `enum`. LooseCountryCode allows autocompletion
8
- * without complaining if a generic string is passed.
9
- */
10
- export type LooseCountryCode = CountryCode | (string & {});
11
5
  export type CountryFlagProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & {
12
- code: LooseCountryCode;
6
+ code: CountryCode;
13
7
  /**
14
- * Mandatory for accessibility purposes.
8
+ * An accessible alt description of the flag.
9
+ * This will usually be the localized country or language name.
15
10
  */
16
11
  alt: string;
17
12
  /**
18
13
  * @default 'small'
19
14
  */
20
15
  size?: Size;
21
- /**
22
- * When set to true, Replace `4x3` with `1x1` in the src.
23
- * @default false
24
- */
25
- square?: boolean;
26
16
  /**
27
17
  * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
28
18
  * @default true
@@ -32,13 +22,12 @@ export type CountryFlagProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' |
32
22
  * Sets data attributes on the DOM element.
33
23
  *
34
24
  * @example
35
- * <Flag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
25
+ * <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
36
26
  */
37
27
  dataset?: Dataset;
38
28
  };
39
29
  /**
40
- * Renders an `img` element with the country flag and the localized country name as `alt`. Passes
41
- * down all the other props to the `img` element.
30
+ * Renders an `img` element with the country flag. Passes down all the other props to the `img` element.
42
31
  *
43
32
  * @example
44
33
  * <CountryFlag code="ua" alt="Ukraine" />
@@ -47,20 +36,16 @@ export type CountryFlagProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' |
47
36
  * <CountryFlag code="ua" alt="Ukraine" loading="lazy" />
48
37
  */
49
38
  export declare const CountryFlag: React.ForwardRefExoticComponent<Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
50
- code: LooseCountryCode;
39
+ code: CountryCode;
51
40
  /**
52
- * Mandatory for accessibility purposes.
41
+ * An accessible alt description of the flag.
42
+ * This will usually be the localized country or language name.
53
43
  */
54
44
  alt: string;
55
45
  /**
56
46
  * @default 'small'
57
47
  */
58
48
  size?: Size | undefined;
59
- /**
60
- * When set to true, Replace `4x3` with `1x1` in the src.
61
- * @default false
62
- */
63
- square?: boolean | undefined;
64
49
  /**
65
50
  * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
66
51
  * @default true
@@ -70,7 +55,7 @@ export declare const CountryFlag: React.ForwardRefExoticComponent<Omit<React.Img
70
55
  * Sets data attributes on the DOM element.
71
56
  *
72
57
  * @example
73
- * <Flag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
58
+ * <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
74
59
  */
75
60
  dataset?: Dataset | undefined;
76
61
  } & React.RefAttributes<HTMLImageElement>>;
@@ -1 +1 @@
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;AAE3C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GACtB,WAAW,GAIX,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEpB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG;IACtF,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;UA3Cd,gBAAgB;IAEtB;;OAEG;SACE,MAAM;IAEX;;OAEG;;IAGH;;;OAGG;;IAGH;;;OAGG;;IAGH;;;;;OAKG;;0CAmCL,CAAC"}
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;AAE3C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG;IACtF,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;;0CAkCL,CAAC"}
@@ -10,7 +10,6 @@ const styles = {
10
10
  };
11
11
  const CountryFlag = forwardRef(function CountryFlag2({
12
12
  size = "small",
13
- square = false,
14
13
  code: countryCode,
15
14
  dataset,
16
15
  simplified = true,
@@ -18,9 +17,8 @@ const CountryFlag = forwardRef(function CountryFlag2({
18
17
  ...rest
19
18
  }, ref) {
20
19
  const width = size === "large" ? 32 : size === "medium" ? 24 : 16;
21
- const height = square ? width : width * 3 / 4;
20
+ const height = width * 3 / 4;
22
21
  const flagUrl = getCountryFlagUrl({
23
- square,
24
22
  countryCode,
25
23
  simplified
26
24
  });
@@ -1,7 +1,7 @@
1
- import { LooseCountryCode } from '../CountryFlag';
2
- export declare function getCountryFlagUrl({ square, countryCode, simplified, }: {
3
- square: boolean;
4
- countryCode: LooseCountryCode;
1
+ import { CountryCode } from '../types';
2
+ export declare function getCountryFlagUrl({ countryCode, square, simplified, }: {
3
+ countryCode: CountryCode;
4
+ square?: boolean;
5
5
  simplified?: boolean;
6
6
  }): string;
7
7
  //# sourceMappingURL=getCountryFlagUrl.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"getCountryFlagUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/CountryFlag/utils/getCountryFlagUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,wBAAgB,iBAAiB,CAAC,EAC9B,MAAM,EACN,WAAW,EAEX,UAAiB,GACpB,EAAE;IACC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,gBAAgB,CAAC;IAE9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,UASA"}
1
+ {"version":3,"file":"getCountryFlagUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/CountryFlag/utils/getCountryFlagUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,iBAAiB,CAAC,EAC9B,WAAW,EAEX,MAAc,EACd,UAAiB,GACpB,EAAE;IACC,WAAW,EAAE,WAAW,CAAC;IAEzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,UASA"}
@@ -1,6 +1,6 @@
1
1
  function getCountryFlagUrl({
2
- square,
3
2
  countryCode,
3
+ square = false,
4
4
  simplified = true
5
5
  }) {
6
6
  const format = square ? "1x1" : "4x3";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0+857b0ab",
3
+ "version": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -45,12 +45,12 @@
45
45
  "react-intl": "^6.5.5"
46
46
  },
47
47
  "devDependencies": {
48
- "@preply/ds-core": "3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0+857b0ab",
49
- "@preply/ds-docs-toolkit": "3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0+857b0ab",
50
- "@preply/ds-media-icons": "3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0+857b0ab",
51
- "@preply/ds-visual-coverage-preply-component-names": "3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0+857b0ab",
52
- "@preply/ds-web-core": "3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0+857b0ab",
53
- "@preply/ds-web-root": "3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0+857b0ab",
48
+ "@preply/ds-core": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
49
+ "@preply/ds-docs-toolkit": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
50
+ "@preply/ds-media-icons": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
51
+ "@preply/ds-visual-coverage-preply-component-names": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
52
+ "@preply/ds-web-core": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
53
+ "@preply/ds-web-root": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
54
54
  "@storybook/react": "8.5.8",
55
55
  "@testing-library/react": "16.2.0",
56
56
  "@types/react-is": "^18.2.0",
@@ -66,5 +66,5 @@
66
66
  "vite-plugin-svgr": "4.3.0",
67
67
  "vitest-browser-react": "^0.1.1"
68
68
  },
69
- "gitHead": "857b0ab30a03b836ac6c63997eeb17f464e3510c"
69
+ "gitHead": "b0da64e44680627847663be4d78ebeebea8c6944"
70
70
  }