@preply/ds-web-lib 3.1.1-beta.060c7778978d1ba1488656e79c5f79997a641cf1.0 → 3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.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 (74) 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 +5 -0
  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 +78 -0
  46. package/dist/components/CountryFlag/CountryFlag.d.ts.map +1 -0
  47. package/dist/components/CountryFlag/CountryFlag.js +33 -0
  48. package/dist/components/CountryFlag/types.d.ts +3 -0
  49. package/dist/components/CountryFlag/types.d.ts.map +1 -0
  50. package/dist/components/CountryFlag/types.js +1 -0
  51. package/dist/components/CountryFlag/utils/countries.d.ts +276 -0
  52. package/dist/components/CountryFlag/utils/countries.d.ts.map +1 -0
  53. package/dist/components/CountryFlag/utils/countries.js +275 -0
  54. package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts +7 -0
  55. package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts.map +1 -0
  56. package/dist/components/CountryFlag/utils/getCountryFlagUrl.js +14 -0
  57. package/dist/components/FormControl/FormControl.d.ts +1 -8
  58. package/dist/components/FormControl/FormControl.d.ts.map +1 -1
  59. package/dist/components/FormControl/FormControl.js +4 -12
  60. package/dist/components/NumberField/NumberField.d.ts.map +1 -1
  61. package/dist/components/NumberField/NumberField.js +1 -2
  62. package/dist/components/PasswordField/PasswordField.d.ts.map +1 -1
  63. package/dist/components/PasswordField/PasswordField.js +1 -2
  64. package/dist/components/SelectField/SelectField.d.ts.map +1 -1
  65. package/dist/components/SelectField/SelectField.js +1 -2
  66. package/dist/components/TextField/TextField.d.ts.map +1 -1
  67. package/dist/components/TextField/TextField.js +1 -2
  68. package/dist/components/TextareaField/TextareaField.d.ts.map +1 -1
  69. package/dist/components/TextareaField/TextareaField.js +1 -2
  70. package/dist/components/index.d.ts +1 -0
  71. package/dist/components/index.d.ts.map +1 -1
  72. package/dist/components/index.js +2 -0
  73. package/dist/index.js +2 -0
  74. 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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
3
3
  .chips__EeC-E {
4
4
  display: -webkit-box;
5
5
  display: -ms-flexbox;
@@ -0,0 +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
+ .flag__wPkCc {
3
+ border-radius: var(--e38d71);
4
+ border: 0.5px solid var(--b445b1);
5
+ }
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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
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 @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:59 GMT+0000 (Coordinated Universal Time) */
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) */
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 @Mon Jul 28 2025 16:44:55 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Jul 28 2025 16:44:56 GMT+0000 (Coordinated Universal Time) */
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) */
3
3
  .TextWeight__nr38y.TextWeight--weight-400__FwN8u {
4
4
  font-weight: var(--73984e);
5
5
  }
@@ -0,0 +1,78 @@
1
+ import { default as React, ImgHTMLAttributes } from 'react';
2
+ import { Dataset } from '@preply/ds-core';
3
+ import { CountryCode } from './types';
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
+ export type CountryFlagProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & {
12
+ code: LooseCountryCode;
13
+ /**
14
+ * Mandatory for accessibility purposes.
15
+ */
16
+ alt: string;
17
+ /**
18
+ * @default 'small'
19
+ */
20
+ size?: Size;
21
+ /**
22
+ * When set to true, Replace `4x3` with `1x1` in the src.
23
+ * @default false
24
+ */
25
+ square?: boolean;
26
+ /**
27
+ * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
28
+ * @default true
29
+ */
30
+ simplified?: boolean;
31
+ /**
32
+ * Sets data attributes on the DOM element.
33
+ *
34
+ * @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
36
+ */
37
+ dataset?: Dataset;
38
+ };
39
+ /**
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.
42
+ *
43
+ * @example
44
+ * <CountryFlag code="ua" alt="Ukraine" />
45
+ *
46
+ * @example Lazy loading the img
47
+ * <CountryFlag code="ua" alt="Ukraine" loading="lazy" />
48
+ */
49
+ export declare const CountryFlag: React.ForwardRefExoticComponent<Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
50
+ code: LooseCountryCode;
51
+ /**
52
+ * Mandatory for accessibility purposes.
53
+ */
54
+ alt: string;
55
+ /**
56
+ * @default 'small'
57
+ */
58
+ 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
+ /**
65
+ * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
66
+ * @default true
67
+ */
68
+ simplified?: boolean | undefined;
69
+ /**
70
+ * Sets data attributes on the DOM element.
71
+ *
72
+ * @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
74
+ */
75
+ dataset?: Dataset | undefined;
76
+ } & React.RefAttributes<HTMLImageElement>>;
77
+ export {};
78
+ //# sourceMappingURL=CountryFlag.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,33 @@
1
+ "use client";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { forwardRef } from "react";
4
+ import { getDatasetProps } from "@preply/ds-web-core";
5
+ import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
6
+ import { getCountryFlagUrl } from "./utils/getCountryFlagUrl.js";
7
+ import '../../assets/CountryFlag.css';const flag = "flag__wPkCc";
8
+ const styles = {
9
+ flag
10
+ };
11
+ const CountryFlag = forwardRef(function CountryFlag2({
12
+ size = "small",
13
+ square = false,
14
+ code: countryCode,
15
+ dataset,
16
+ simplified = true,
17
+ alt,
18
+ ...rest
19
+ }, ref) {
20
+ const width = size === "large" ? 32 : size === "medium" ? 24 : 16;
21
+ const height = square ? width : width * 3 / 4;
22
+ const flagUrl = getCountryFlagUrl({
23
+ square,
24
+ countryCode,
25
+ simplified
26
+ });
27
+ return /* @__PURE__ */ jsx("img", { ref, alt, src: flagUrl, width, height, className: styles.flag, ...rest, ...getDatasetProps(dataset, {
28
+ preplyDsComponent: webComponentNames.CountryFlag
29
+ }) });
30
+ });
31
+ export {
32
+ CountryFlag
33
+ };
@@ -0,0 +1,3 @@
1
+ import { countryNames } from './utils/countries';
2
+ export type CountryCode = keyof typeof countryNames;
3
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
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"}