@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.
- package/dist/assets/Accordion.css +2 -2
- package/dist/assets/AlertDialog.css +2 -2
- package/dist/assets/Avatar.css +3 -3
- package/dist/assets/AvatarWithStatus.css +2 -2
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/Box.css +3 -3
- package/dist/assets/Button.css +4 -4
- package/dist/assets/ButtonBase.css +4 -4
- package/dist/assets/Checkbox.css +2 -2
- package/dist/assets/Chips.css +2 -2
- package/dist/assets/CountryFlag.css +5 -0
- package/dist/assets/Dialog.css +3 -3
- package/dist/assets/FieldButton.css +3 -3
- package/dist/assets/FormControl.css +1 -1
- package/dist/assets/Heading.css +3 -3
- package/dist/assets/Icon.css +3 -3
- package/dist/assets/InputContainer.css +2 -2
- package/dist/assets/LayoutFlex.css +1 -1
- package/dist/assets/LayoutFlexItem.css +1 -1
- package/dist/assets/Link.css +3 -3
- package/dist/assets/Loader.css +1 -1
- package/dist/assets/OnboardingTooltip.css +1 -1
- package/dist/assets/OnboardingTour.css +1 -1
- package/dist/assets/PreplyLogo.css +1 -1
- package/dist/assets/ProgressBar.css +1 -1
- package/dist/assets/ProgressSteps.css +1 -1
- package/dist/assets/Spinner.css +3 -3
- package/dist/assets/Steps.css +1 -1
- package/dist/assets/Text.css +3 -3
- package/dist/assets/TextHighlighted.css +3 -3
- package/dist/assets/TextInline.css +3 -3
- package/dist/assets/Toast.css +2 -2
- package/dist/assets/Tooltip.css +1 -1
- package/dist/assets/align-self.css +1 -1
- package/dist/assets/color.css +2 -2
- package/dist/assets/exp-color.css +2 -2
- package/dist/assets/layout-gap.css +3 -3
- package/dist/assets/layout-grid.css +3 -3
- package/dist/assets/layout-hide.css +1 -1
- package/dist/assets/layout-padding.css +3 -3
- package/dist/assets/layout-relative.css +1 -1
- package/dist/assets/text-accent.css +2 -2
- package/dist/assets/text-centered.css +1 -1
- package/dist/assets/text-weight.css +2 -2
- package/dist/components/CountryFlag/CountryFlag.d.ts +78 -0
- package/dist/components/CountryFlag/CountryFlag.d.ts.map +1 -0
- package/dist/components/CountryFlag/CountryFlag.js +33 -0
- package/dist/components/CountryFlag/types.d.ts +3 -0
- package/dist/components/CountryFlag/types.d.ts.map +1 -0
- package/dist/components/CountryFlag/types.js +1 -0
- package/dist/components/CountryFlag/utils/countries.d.ts +276 -0
- package/dist/components/CountryFlag/utils/countries.d.ts.map +1 -0
- package/dist/components/CountryFlag/utils/countries.js +275 -0
- package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts +7 -0
- package/dist/components/CountryFlag/utils/getCountryFlagUrl.d.ts.map +1 -0
- package/dist/components/CountryFlag/utils/getCountryFlagUrl.js +14 -0
- package/dist/components/FormControl/FormControl.d.ts +1 -8
- package/dist/components/FormControl/FormControl.d.ts.map +1 -1
- package/dist/components/FormControl/FormControl.js +4 -12
- package/dist/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField/NumberField.js +1 -2
- package/dist/components/PasswordField/PasswordField.d.ts.map +1 -1
- package/dist/components/PasswordField/PasswordField.js +1 -2
- package/dist/components/SelectField/SelectField.d.ts.map +1 -1
- package/dist/components/SelectField/SelectField.js +1 -2
- package/dist/components/TextField/TextField.d.ts.map +1 -1
- package/dist/components/TextField/TextField.js +1 -2
- package/dist/components/TextareaField/TextareaField.d.ts.map +1 -1
- package/dist/components/TextareaField/TextareaField.js +1 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/index.js +2 -0
- 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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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;
|
package/dist/assets/Avatar.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
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;
|
package/dist/assets/Badge.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
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;
|
package/dist/assets/Box.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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;
|
package/dist/assets/Button.css
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
4
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
4
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @
|
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
|
}
|
package/dist/assets/Checkbox.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @
|
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;
|
package/dist/assets/Chips.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @
|
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;
|
package/dist/assets/Dialog.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @
|
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 @
|
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;
|
package/dist/assets/Heading.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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;
|
package/dist/assets/Icon.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @
|
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 @
|
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 @
|
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;
|
package/dist/assets/Link.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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);
|
package/dist/assets/Loader.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
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 @
|
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 @
|
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 @
|
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 @
|
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 @
|
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;
|
package/dist/assets/Spinner.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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);
|
package/dist/assets/Steps.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
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
|
}
|
package/dist/assets/Text.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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;
|
package/dist/assets/Toast.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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
|
package/dist/assets/Tooltip.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
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 @
|
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;
|
package/dist/assets/color.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
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 @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
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 @
|
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 @
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
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 @@
|
|
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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|