@preply/ds-web-lib 3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0 → 3.2.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 (77) 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/Dialog.css +3 -3
  12. package/dist/assets/FieldButton.css +3 -3
  13. package/dist/assets/FormControl.css +1 -1
  14. package/dist/assets/Heading.css +3 -3
  15. package/dist/assets/Icon.css +3 -3
  16. package/dist/assets/InputContainer.css +4 -2
  17. package/dist/assets/LayoutFlex.css +1 -1
  18. package/dist/assets/LayoutFlexItem.css +1 -1
  19. package/dist/assets/Link.css +3 -3
  20. package/dist/assets/Loader.css +1 -1
  21. package/dist/assets/OnboardingTooltip.css +1 -1
  22. package/dist/assets/OnboardingTour.css +1 -1
  23. package/dist/assets/PreplyLogo.css +1 -1
  24. package/dist/assets/ProgressBar.css +1 -1
  25. package/dist/assets/ProgressSteps.css +1 -1
  26. package/dist/assets/Spinner.css +3 -3
  27. package/dist/assets/Steps.css +1 -1
  28. package/dist/assets/Text.css +3 -3
  29. package/dist/assets/TextHighlighted.css +3 -3
  30. package/dist/assets/TextInline.css +3 -3
  31. package/dist/assets/Toast.css +2 -2
  32. package/dist/assets/Tooltip.css +1 -1
  33. package/dist/assets/align-self.css +1 -1
  34. package/dist/assets/color.css +2 -2
  35. package/dist/assets/exp-color.css +2 -2
  36. package/dist/assets/layout-gap.css +3 -3
  37. package/dist/assets/layout-grid.css +3 -3
  38. package/dist/assets/layout-hide.css +1 -1
  39. package/dist/assets/layout-padding.css +3 -3
  40. package/dist/assets/layout-relative.css +1 -1
  41. package/dist/assets/text-accent.css +2 -2
  42. package/dist/assets/text-centered.css +1 -1
  43. package/dist/assets/text-weight.css +2 -2
  44. package/dist/components/FormControl/FormControl.d.ts +8 -1
  45. package/dist/components/FormControl/FormControl.d.ts.map +1 -1
  46. package/dist/components/FormControl/FormControl.js +12 -4
  47. package/dist/components/NumberField/NumberField.d.ts.map +1 -1
  48. package/dist/components/NumberField/NumberField.js +2 -1
  49. package/dist/components/PasswordField/PasswordField.d.ts.map +1 -1
  50. package/dist/components/PasswordField/PasswordField.js +2 -1
  51. package/dist/components/SelectField/SelectField.d.ts.map +1 -1
  52. package/dist/components/SelectField/SelectField.js +2 -1
  53. package/dist/components/TextField/TextField.d.ts.map +1 -1
  54. package/dist/components/TextField/TextField.js +2 -1
  55. package/dist/components/TextareaField/TextareaField.d.ts.map +1 -1
  56. package/dist/components/TextareaField/TextareaField.js +2 -1
  57. package/dist/components/index.d.ts +0 -1
  58. package/dist/components/index.d.ts.map +1 -1
  59. package/dist/components/index.js +0 -2
  60. package/dist/components/private/ButtonBase/ButtonBase.d.ts +1 -0
  61. package/dist/components/private/ButtonBase/ButtonBase.d.ts.map +1 -1
  62. package/dist/components/private/ButtonBase/ButtonBase.js +3 -1
  63. package/dist/index.js +0 -2
  64. package/package.json +13 -13
  65. package/dist/assets/CountryFlag.css +0 -5
  66. package/dist/components/CountryFlag/CountryFlag.d.ts +0 -63
  67. package/dist/components/CountryFlag/CountryFlag.d.ts.map +0 -1
  68. package/dist/components/CountryFlag/CountryFlag.js +0 -31
  69. package/dist/components/CountryFlag/types.d.ts +0 -3
  70. package/dist/components/CountryFlag/types.d.ts.map +0 -1
  71. package/dist/components/CountryFlag/types.js +0 -1
  72. package/dist/components/CountryFlag/utils/countries.d.ts +0 -276
  73. package/dist/components/CountryFlag/utils/countries.d.ts.map +0 -1
  74. package/dist/components/CountryFlag/utils/countries.js +0 -275
  75. package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts +0 -7
  76. package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts.map +0 -1
  77. package/dist/components/CountryFlag/utils/getCountryFlagUrl.js +0 -14
@@ -49,6 +49,7 @@ const PasswordField = forwardRef(function PasswordField2({
49
49
  hideLabel,
50
50
  onClick,
51
51
  hasError,
52
+ useLegacyRequiredLabel,
52
53
  // @ts-expect-error: removing className from `props`
53
54
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
54
55
  className,
@@ -69,7 +70,7 @@ const PasswordField = forwardRef(function PasswordField2({
69
70
  setRevealPassword(!revealPassword);
70
71
  (_a = localRef.current) == null ? void 0 : _a.focus();
71
72
  };
72
- return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, preplyDsComponent: webComponentNames.PasswordField, children: /* @__PURE__ */ jsx(Input, { ...props, type, ref: mergedRef, dataset: inputDataset, button: /* @__PURE__ */ jsx(FieldButton, { onClick: handleButtonClick, svg: revealPassword ? ForwardRef$1 : ForwardRef, assistiveText: revealPassword ? formatMessage(messages.conceal) : formatMessage(messages.reveal), dataset: {
73
+ return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, useLegacyRequiredLabel, preplyDsComponent: webComponentNames.PasswordField, children: /* @__PURE__ */ jsx(Input, { ...props, type, ref: mergedRef, dataset: inputDataset, button: /* @__PURE__ */ jsx(FieldButton, { onClick: handleButtonClick, svg: revealPassword ? ForwardRef$1 : ForwardRef, assistiveText: revealPassword ? formatMessage(messages.conceal) : formatMessage(messages.reveal), dataset: {
73
74
  testid: "toggle-password-button"
74
75
  } }) }) });
75
76
  });
@@ -1 +1 @@
1
- {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,mBAAmB,CAAC,GACnF,IAAI,CACA,WAAW,EACT,MAAM,GACN,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,eAAe,GACf,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,CACf,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAgDN,eAAO,MAAM,WAAW;;;;;;YACZ,wBAAwB;CACnC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACrC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAS9D"}
1
+ {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,mBAAmB,CAAC,GACnF,IAAI,CACA,WAAW,EACT,MAAM,GACN,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,eAAe,GACf,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,CACf,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAkDN,eAAO,MAAM,WAAW;;;;;;YACZ,wBAAwB;CACnC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACrC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAS9D"}
@@ -19,6 +19,7 @@ const SelectFieldLocal = forwardRef(function SelectField2({
19
19
  onClick,
20
20
  children,
21
21
  hasError,
22
+ useLegacyRequiredLabel,
22
23
  // @ts-expect-error: removing className from `props`
23
24
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
24
25
  className,
@@ -27,7 +28,7 @@ const SelectFieldLocal = forwardRef(function SelectField2({
27
28
  style,
28
29
  ...props
29
30
  }, ref) {
30
- return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, preplyDsComponent: webComponentNames.SelectField, children: /* @__PURE__ */ jsx(Select, { ...props, ref, dataset: inputDataset, children }) });
31
+ return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, useLegacyRequiredLabel, preplyDsComponent: webComponentNames.SelectField, children: /* @__PURE__ */ jsx(Select, { ...props, ref, dataset: inputDataset, children }) });
31
32
  });
32
33
  SelectFieldLocal.Option = SelectFieldOption;
33
34
  const SelectField = SelectFieldLocal;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAS,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,mBAAmB,CAAC,GACjF,IAAI,CACA,UAAU,EACR,MAAM,GACN,MAAM,GACN,QAAQ,GACR,aAAa,GACb,UAAU,GACV,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,eAAe,GACf,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,CACZ,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;IACnD,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACzF,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEN,eAAO,MAAM,SAAS;;;;;;0CAuCpB,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAS,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,mBAAmB,CAAC,GACjF,IAAI,CACA,UAAU,EACR,MAAM,GACN,MAAM,GACN,QAAQ,GACR,aAAa,GACb,UAAU,GACV,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,eAAe,GACf,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,CACZ,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;IACnD,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACzF,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEN,eAAO,MAAM,SAAS;;;;;;0CAyCpB,CAAC"}
@@ -18,6 +18,7 @@ const TextField = forwardRef(function TextField2({
18
18
  hideLabel,
19
19
  onClick,
20
20
  hasError,
21
+ useLegacyRequiredLabel,
21
22
  // @ts-expect-error: removing className from `props`
22
23
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
23
24
  className,
@@ -26,7 +27,7 @@ const TextField = forwardRef(function TextField2({
26
27
  style,
27
28
  ...props
28
29
  }, ref) {
29
- return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, preplyDsComponent: webComponentNames.TextField, children: /* @__PURE__ */ jsx(Input, { ...props, type, ref, dataset: inputDataset }) });
30
+ return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, useLegacyRequiredLabel, preplyDsComponent: webComponentNames.TextField, children: /* @__PURE__ */ jsx(Input, { ...props, type, ref, dataset: inputDataset }) });
30
31
  });
31
32
  export {
32
33
  TextField
@@ -1 +1 @@
1
- {"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAY,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,mBAAmB,CAAC,GACrF,IAAI,CACA,aAAa,EACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,eAAe,GACf,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,GACP,QAAQ,GACR,MAAM,CACX,GAAG;IACA,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEN,eAAO,MAAM,aAAa;;;;;6CAwCzB,CAAC"}
1
+ {"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAY,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,mBAAmB,CAAC,GACrF,IAAI,CACA,aAAa,EACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,eAAe,GACf,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,GACP,QAAQ,GACR,MAAM,CACX,GAAG;IACA,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEN,eAAO,MAAM,aAAa;;;;;6CA0CzB,CAAC"}
@@ -17,6 +17,7 @@ const TextareaField = forwardRef(function TextareaField2({
17
17
  hideLabel,
18
18
  onClick,
19
19
  hasError,
20
+ useLegacyRequiredLabel,
20
21
  // @ts-expect-error: removing className from `props`
21
22
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
22
23
  className,
@@ -25,7 +26,7 @@ const TextareaField = forwardRef(function TextareaField2({
25
26
  style,
26
27
  ...props
27
28
  }, ref) {
28
- return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, preplyDsComponent: webComponentNames.TextareaField, children: /* @__PURE__ */ jsx(Textarea, { ...props, ref, dataset: inputDataset }) });
29
+ return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, useLegacyRequiredLabel, preplyDsComponent: webComponentNames.TextareaField, children: /* @__PURE__ */ jsx(Textarea, { ...props, ref, dataset: inputDataset }) });
29
30
  });
30
31
  export {
31
32
  TextareaField
@@ -10,7 +10,6 @@ export { Checkbox, type CheckboxProps } from './Checkbox/Checkbox';
10
10
  export { createOnboardingTour } from './OnboardingTour/OnboardingTour';
11
11
  export { Dialog } from './Dialog/Dialog';
12
12
  export { FieldButton, type FieldButtonProps } from './FieldButton/FieldButton';
13
- export { CountryFlag, type CountryFlagProps } from './CountryFlag/CountryFlag';
14
13
  export { FormControl, type FormControlProps } from './FormControl/FormControl';
15
14
  export { Heading } from './Heading/Heading';
16
15
  export { Icon } from './Icon/Icon';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
@@ -10,7 +10,6 @@ import { Checkbox } from "./Checkbox/Checkbox.js";
10
10
  import { createOnboardingTour } from "./OnboardingTour/OnboardingTour.js";
11
11
  import { Dialog } from "./Dialog/Dialog.js";
12
12
  import { FieldButton } from "./FieldButton/FieldButton.js";
13
- import { CountryFlag } from "./CountryFlag/CountryFlag.js";
14
13
  import { FormControl } from "./FormControl/FormControl.js";
15
14
  import { Heading } from "./Heading/Heading.js";
16
15
  import { Icon } from "./Icon/Icon.js";
@@ -52,7 +51,6 @@ export {
52
51
  Button,
53
52
  Checkbox,
54
53
  Chips,
55
- CountryFlag,
56
54
  Dialog,
57
55
  FieldButton,
58
56
  FormControl,
@@ -1,6 +1,7 @@
1
1
  import { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
2
2
  import { default as React, MouseEventHandler, ReactElement, ReactNode } from 'react';
3
3
  type ButtonBaseCommonProps = {
4
+ id?: string;
4
5
  variant?: ButtonVariant;
5
6
  size?: Responsive<ButtonSize>;
6
7
  fullWidth?: Responsive<boolean>;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/private/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAYtF,OAAO,KAAK,EAAE,EAIV,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAIZ,MAAM,OAAO,CAAC;AAUf,KAAK,qBAAqB,GAAG;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;;;;;;;OAWG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpD;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,aAAa,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAEpF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC5D,OAAO,EAAE,uBAAuB,CAAC;IACjC,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,yBAAyB,CAAC;AAoBhF,eAAO,MAAM,UAAU;;gEAsHrB,CAAC"}
1
+ {"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/private/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAYtF,OAAO,KAAK,EAAE,EAIV,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAIZ,MAAM,OAAO,CAAC;AAUf,KAAK,qBAAqB,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;;;;;;;OAWG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpD;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,aAAa,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAEpF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC5D,OAAO,EAAE,uBAAuB,CAAC;IACjC,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,yBAAyB,CAAC;AAoBhF,eAAO,MAAM,UAAU;;gEAwHrB,CAAC"}
@@ -198,6 +198,7 @@ const renderContent = ({
198
198
  };
199
199
  const ButtonBase = forwardRef(function ButtonBaseComponent(props, forwardedRef) {
200
200
  const {
201
+ id,
201
202
  variant = BUTTON_VARIANT_DEFAULT,
202
203
  size = BUTTON_SIZE_DEFAULT,
203
204
  fullWidth = false,
@@ -259,7 +260,8 @@ const ButtonBase = forwardRef(function ButtonBaseComponent(props, forwardedRef)
259
260
  onClick: handleClick,
260
261
  disabled,
261
262
  "aria-disabled": disabled || busy ? true : void 0,
262
- ref
263
+ ref,
264
+ id
263
265
  };
264
266
  const actualHref = href || url;
265
267
  const linkProps = {
package/dist/index.js CHANGED
@@ -10,7 +10,6 @@ import { Checkbox } from "./components/Checkbox/Checkbox.js";
10
10
  import { createOnboardingTour } from "./components/OnboardingTour/OnboardingTour.js";
11
11
  import { Dialog } from "./components/Dialog/Dialog.js";
12
12
  import { FieldButton } from "./components/FieldButton/FieldButton.js";
13
- import { CountryFlag } from "./components/CountryFlag/CountryFlag.js";
14
13
  import { FormControl } from "./components/FormControl/FormControl.js";
15
14
  import { Heading } from "./components/Heading/Heading.js";
16
15
  import { Icon } from "./components/Icon/Icon.js";
@@ -52,7 +51,6 @@ export {
52
51
  Button,
53
52
  Checkbox,
54
53
  Chips,
55
- CountryFlag,
56
54
  Dialog,
57
55
  FieldButton,
58
56
  FormControl,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "3.1.1-beta.b0da64e44680627847663be4d78ebeebea8c6944.0+b0da64e",
3
+ "version": "3.2.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -35,22 +35,22 @@
35
35
  "sonner": "^1.7.4"
36
36
  },
37
37
  "peerDependencies": {
38
- "@preply/ds-core": "3.1.0",
39
- "@preply/ds-media-icons": "3.1.0",
40
- "@preply/ds-visual-coverage-preply-component-names": "3.1.0",
41
- "@preply/ds-web-core": "3.1.0",
42
- "@preply/ds-web-root": "3.1.0",
38
+ "@preply/ds-core": "3.2.0",
39
+ "@preply/ds-media-icons": "3.2.0",
40
+ "@preply/ds-visual-coverage-preply-component-names": "3.2.0",
41
+ "@preply/ds-web-core": "3.2.0",
42
+ "@preply/ds-web-root": "3.2.0",
43
43
  "react": "^16 || ^18",
44
44
  "react-dom": "^16 || ^18",
45
45
  "react-intl": "^6.5.5"
46
46
  },
47
47
  "devDependencies": {
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",
48
+ "@preply/ds-core": "3.2.0",
49
+ "@preply/ds-docs-toolkit": "3.2.0",
50
+ "@preply/ds-media-icons": "3.2.0",
51
+ "@preply/ds-visual-coverage-preply-component-names": "3.2.0",
52
+ "@preply/ds-web-core": "3.2.0",
53
+ "@preply/ds-web-root": "3.2.0",
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": "b0da64e44680627847663be4d78ebeebea8c6944"
69
+ "gitHead": "2ccf79ef1835b21a6ce64ca47209aa67e1e559b0"
70
70
  }
@@ -1,5 +0,0 @@
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
- .flag__wPkCc {
3
- border-radius: var(--e38d71);
4
- border: 0.5px solid var(--b445b1);
5
- }
@@ -1,63 +0,0 @@
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
- export type CountryFlagProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & {
6
- code: CountryCode;
7
- /**
8
- * An accessible alt description of the flag.
9
- * This will usually be the localized country or language name.
10
- */
11
- alt: string;
12
- /**
13
- * @default 'small'
14
- */
15
- size?: Size;
16
- /**
17
- * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
18
- * @default true
19
- */
20
- simplified?: boolean;
21
- /**
22
- * Sets data attributes on the DOM element.
23
- *
24
- * @example
25
- * <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
26
- */
27
- dataset?: Dataset;
28
- };
29
- /**
30
- * Renders an `img` element with the country flag. Passes down all the other props to the `img` element.
31
- *
32
- * @example
33
- * <CountryFlag code="ua" alt="Ukraine" />
34
- *
35
- * @example Lazy loading the img
36
- * <CountryFlag code="ua" alt="Ukraine" loading="lazy" />
37
- */
38
- export declare const CountryFlag: React.ForwardRefExoticComponent<Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
39
- code: CountryCode;
40
- /**
41
- * An accessible alt description of the flag.
42
- * This will usually be the localized country or language name.
43
- */
44
- alt: string;
45
- /**
46
- * @default 'small'
47
- */
48
- size?: Size | undefined;
49
- /**
50
- * For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.
51
- * @default true
52
- */
53
- simplified?: boolean | undefined;
54
- /**
55
- * Sets data attributes on the DOM element.
56
- *
57
- * @example
58
- * <CountryFlag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element
59
- */
60
- dataset?: Dataset | undefined;
61
- } & React.RefAttributes<HTMLImageElement>>;
62
- export {};
63
- //# sourceMappingURL=CountryFlag.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CountryFlag.d.ts","sourceRoot":"","sources":["../../../src/components/CountryFlag/CountryFlag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAM/C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;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"}
@@ -1,31 +0,0 @@
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
- code: countryCode,
14
- dataset,
15
- simplified = true,
16
- alt,
17
- ...rest
18
- }, ref) {
19
- const width = size === "large" ? 32 : size === "medium" ? 24 : 16;
20
- const height = width * 3 / 4;
21
- const flagUrl = getCountryFlagUrl({
22
- countryCode,
23
- simplified
24
- });
25
- return /* @__PURE__ */ jsx("img", { ref, alt, src: flagUrl, width, height, className: styles.flag, ...rest, ...getDatasetProps(dataset, {
26
- preplyDsComponent: webComponentNames.CountryFlag
27
- }) });
28
- });
29
- export {
30
- CountryFlag
31
- };
@@ -1,3 +0,0 @@
1
- import { countryNames } from './utils/countries';
2
- export type CountryCode = keyof typeof countryNames;
3
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CountryFlag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC"}
@@ -1 +0,0 @@
1
-
@@ -1,276 +0,0 @@
1
- /**
2
- * The following country list come from {@link https://github.com/lipis/flag-icons/blob/main/country.json.|the flag-icons library}.
3
- */
4
- export declare const countryNames: {
5
- af: string;
6
- ax: string;
7
- al: string;
8
- dz: string;
9
- as: string;
10
- ad: string;
11
- ao: string;
12
- ai: string;
13
- aq: string;
14
- ag: string;
15
- ar: string;
16
- am: string;
17
- aw: string;
18
- 'sh-ac': string;
19
- asean: string;
20
- au: string;
21
- at: string;
22
- az: string;
23
- bs: string;
24
- bh: string;
25
- bd: string;
26
- bb: string;
27
- 'es-pv': string;
28
- by: string;
29
- be: string;
30
- bz: string;
31
- bj: string;
32
- bm: string;
33
- bt: string;
34
- bo: string;
35
- bq: string;
36
- ba: string;
37
- bw: string;
38
- bv: string;
39
- br: string;
40
- io: string;
41
- bn: string;
42
- bg: string;
43
- bf: string;
44
- bi: string;
45
- cv: string;
46
- kh: string;
47
- cm: string;
48
- ca: string;
49
- ic: string;
50
- 'es-ct': string;
51
- ky: string;
52
- cf: string;
53
- cefta: string;
54
- td: string;
55
- cl: string;
56
- cn: string;
57
- cx: string;
58
- cp: string;
59
- cc: string;
60
- co: string;
61
- km: string;
62
- ck: string;
63
- cr: string;
64
- hr: string;
65
- cu: string;
66
- cw: string;
67
- cy: string;
68
- cz: string;
69
- ci: string;
70
- cd: string;
71
- dk: string;
72
- dg: string;
73
- dj: string;
74
- dm: string;
75
- do: string;
76
- eac: string;
77
- ec: string;
78
- eg: string;
79
- sv: string;
80
- 'gb-eng': string;
81
- gq: string;
82
- er: string;
83
- ee: string;
84
- sz: string;
85
- et: string;
86
- eu: string;
87
- fk: string;
88
- fo: string;
89
- fm: string;
90
- fj: string;
91
- fi: string;
92
- fr: string;
93
- gf: string;
94
- pf: string;
95
- tf: string;
96
- ga: string;
97
- 'es-ga': string;
98
- gm: string;
99
- ge: string;
100
- de: string;
101
- gh: string;
102
- gi: string;
103
- gr: string;
104
- gl: string;
105
- gd: string;
106
- gp: string;
107
- gu: string;
108
- gt: string;
109
- gg: string;
110
- gn: string;
111
- gw: string;
112
- gy: string;
113
- ht: string;
114
- hm: string;
115
- va: string;
116
- hn: string;
117
- hk: string;
118
- hu: string;
119
- is: string;
120
- in: string;
121
- id: string;
122
- ir: string;
123
- iq: string;
124
- ie: string;
125
- im: string;
126
- il: string;
127
- it: string;
128
- jm: string;
129
- jp: string;
130
- je: string;
131
- jo: string;
132
- kz: string;
133
- ke: string;
134
- ki: string;
135
- xk: string;
136
- kw: string;
137
- kg: string;
138
- la: string;
139
- lv: string;
140
- arab: string;
141
- lb: string;
142
- ls: string;
143
- lr: string;
144
- ly: string;
145
- li: string;
146
- lt: string;
147
- lu: string;
148
- mo: string;
149
- mg: string;
150
- mw: string;
151
- my: string;
152
- mv: string;
153
- ml: string;
154
- mt: string;
155
- mh: string;
156
- mq: string;
157
- mr: string;
158
- mu: string;
159
- yt: string;
160
- mx: string;
161
- md: string;
162
- mc: string;
163
- mn: string;
164
- me: string;
165
- ms: string;
166
- ma: string;
167
- mz: string;
168
- mm: string;
169
- na: string;
170
- nr: string;
171
- np: string;
172
- nl: string;
173
- nc: string;
174
- nz: string;
175
- ni: string;
176
- ne: string;
177
- ng: string;
178
- nu: string;
179
- nf: string;
180
- kp: string;
181
- mk: string;
182
- 'gb-nir': string;
183
- mp: string;
184
- no: string;
185
- om: string;
186
- pc: string;
187
- pk: string;
188
- pw: string;
189
- pa: string;
190
- pg: string;
191
- py: string;
192
- pe: string;
193
- ph: string;
194
- pn: string;
195
- pl: string;
196
- pt: string;
197
- pr: string;
198
- qa: string;
199
- cg: string;
200
- ro: string;
201
- ru: string;
202
- rw: string;
203
- re: string;
204
- bl: string;
205
- 'sh-hl': string;
206
- sh: string;
207
- kn: string;
208
- lc: string;
209
- mf: string;
210
- pm: string;
211
- vc: string;
212
- ws: string;
213
- sm: string;
214
- st: string;
215
- sa: string;
216
- 'gb-sct': string;
217
- sn: string;
218
- rs: string;
219
- sc: string;
220
- sl: string;
221
- sg: string;
222
- sx: string;
223
- sk: string;
224
- si: string;
225
- sb: string;
226
- so: string;
227
- za: string;
228
- gs: string;
229
- kr: string;
230
- ss: string;
231
- es: string;
232
- lk: string;
233
- ps: string;
234
- sd: string;
235
- sr: string;
236
- sj: string;
237
- se: string;
238
- ch: string;
239
- sy: string;
240
- tw: string;
241
- tj: string;
242
- tz: string;
243
- th: string;
244
- tl: string;
245
- tg: string;
246
- tk: string;
247
- to: string;
248
- tt: string;
249
- 'sh-ta': string;
250
- tn: string;
251
- tm: string;
252
- tc: string;
253
- tv: string;
254
- tr: string;
255
- ug: string;
256
- ua: string;
257
- ae: string;
258
- gb: string;
259
- un: string;
260
- um: string;
261
- us: string;
262
- uy: string;
263
- uz: string;
264
- vu: string;
265
- ve: string;
266
- vn: string;
267
- vg: string;
268
- vi: string;
269
- 'gb-wls': string;
270
- wf: string;
271
- eh: string;
272
- ye: string;
273
- zm: string;
274
- zw: string;
275
- };
276
- //# sourceMappingURL=countries.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"countries.d.ts","sourceRoot":"","sources":["../../../../src/components/CountryFlag/utils/countries.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+QxB,CAAC"}