@preply/ds-web-lib 1.4.2 → 1.4.3

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 (108) hide show
  1. package/dist/assets/AlertDialog.css +17 -17
  2. package/dist/assets/Avatar.css +79 -79
  3. package/dist/assets/AvatarWithStatus.css +12 -12
  4. package/dist/assets/Badge.css +24 -24
  5. package/dist/assets/Box.css +171 -171
  6. package/dist/assets/Button.css +7 -7
  7. package/dist/assets/ButtonBase.css +245 -245
  8. package/dist/assets/Chips.css +16 -16
  9. package/dist/assets/Dialog.css +91 -91
  10. package/dist/assets/FieldAdditionalText.css +6 -6
  11. package/dist/assets/FieldButton.css +8 -8
  12. package/dist/assets/FieldLabel.css +8 -8
  13. package/dist/assets/FieldLayout.css +29 -29
  14. package/dist/assets/FieldLayoutBase.css +4 -4
  15. package/dist/assets/Heading.css +100 -100
  16. package/dist/assets/Icon.css +14 -14
  17. package/dist/assets/LayoutFlex.css +1 -1
  18. package/dist/assets/LayoutFlexItem.css +14 -14
  19. package/dist/assets/Link.css +32 -32
  20. package/dist/assets/Loader.css +4 -4
  21. package/dist/assets/OnboardingTooltip.css +19 -18
  22. package/dist/assets/OnboardingTour.css +2 -2
  23. package/dist/assets/PreplyLogo.css +9 -9
  24. package/dist/assets/ProgressBar.css +3 -3
  25. package/dist/assets/ProgressSteps.css +7 -7
  26. package/dist/assets/SelectFieldLayout.css +18 -18
  27. package/dist/assets/Spinner.css +26 -26
  28. package/dist/assets/Steps.css +5 -5
  29. package/dist/assets/Text.css +227 -227
  30. package/dist/assets/TextHighlighted.css +14 -14
  31. package/dist/assets/TextInline.css +5 -5
  32. package/dist/assets/Toast.css +12 -12
  33. package/dist/assets/Tooltip.css +16 -14
  34. package/dist/assets/align-self.css +25 -25
  35. package/dist/assets/color.css +39 -39
  36. package/dist/assets/exp-color.css +58 -58
  37. package/dist/assets/index.css +16 -16
  38. package/dist/assets/layout-gap.css +135 -135
  39. package/dist/assets/layout-grid.css +100 -100
  40. package/dist/assets/layout-hide.css +49 -49
  41. package/dist/assets/layout-padding.css +531 -531
  42. package/dist/assets/layout-relative.css +2 -2
  43. package/dist/assets/text-accent.css +18 -18
  44. package/dist/assets/text-centered.css +13 -13
  45. package/dist/assets/text-weight.css +8 -8
  46. package/dist/components/AlertDialog/AlertDialog.js +4 -4
  47. package/dist/components/Avatar/Avatar.js +74 -74
  48. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  49. package/dist/components/Badge/Badge.js +1 -1
  50. package/dist/components/Box/Box.js +150 -150
  51. package/dist/components/Button/Button.js +1 -1
  52. package/dist/components/Chips/Chips.js +4 -4
  53. package/dist/components/Dialog/Dialog.js +35 -35
  54. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  55. package/dist/components/FieldButton/FieldButton.js +1 -1
  56. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  57. package/dist/components/Heading/Heading.js +97 -97
  58. package/dist/components/Icon/Icon.js +10 -10
  59. package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
  60. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  61. package/dist/components/Link/Link.js +18 -18
  62. package/dist/components/Loader/Loader.js +3 -3
  63. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
  64. package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
  65. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  66. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  67. package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
  68. package/dist/components/Steps/Steps.js +4 -4
  69. package/dist/components/Text/Text.js +224 -224
  70. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  71. package/dist/components/TextInline/TextInline.js +2 -2
  72. package/dist/components/Toast/Toast.js +5 -5
  73. package/dist/components/Tooltip/Tooltip.js +2 -2
  74. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  75. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  76. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  77. package/dist/components/private/Input/Checkbox.js +1 -1
  78. package/dist/components/private/Input/InputDate.js +1 -1
  79. package/dist/components/private/Input/InputNumber.js +1 -1
  80. package/dist/components/private/Input/InputPassword.js +1 -1
  81. package/dist/components/private/Input/InputText.js +1 -1
  82. package/dist/components/private/Input/InputTime.js +1 -1
  83. package/dist/components/private/Input/Radio.js +1 -1
  84. package/dist/components/private/Input/Select.js +1 -1
  85. package/dist/components/private/Input/Textarea.js +1 -1
  86. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  87. package/dist/components/private/Spinner/Spinner.js +16 -16
  88. package/dist/index.module-DXJFz2vV.js +27 -0
  89. package/dist/layout-gap.module-BXKUpskL.js +139 -0
  90. package/dist/{layout-grid.module-DvWR2pve.js → layout-grid.module-CPHI8Yyu.js} +97 -97
  91. package/dist/layout-hide.module-D7M9PwD0.js +55 -0
  92. package/dist/{layout-relative.module-yZwngsDw.js → layout-relative.module-CpQbo91e.js} +2 -2
  93. package/dist/shared-styles/align-self/align-self.js +25 -25
  94. package/dist/shared-styles/color/color.js +38 -38
  95. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  96. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  97. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  98. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  99. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  100. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  101. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  102. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  103. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  104. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  105. package/package.json +13 -13
  106. package/dist/index.module-iACyovpJ.js +0 -27
  107. package/dist/layout-gap.module-DwYAmZqy.js +0 -139
  108. package/dist/layout-hide.module-CVaoro6S.js +0 -55
package/dist/shared-styles/exp-color/exp-color.js CHANGED
@@ -1,63 +1,63 @@
1
1
  import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
2
- import '../../assets/exp-color.css';const ExpColor = "_ExpColor_1sbgg_3";
2
+ import '../../assets/exp-color.css';const ExpColor = "_ExpColor_1if1u_3";
3
3
  const styles = {
4
4
  ExpColor,
5
- "ExpColor--exp-color-grey-0": "_ExpColor--exp-color-grey-0_1sbgg_3",
6
- "ExpColor--exp-color-grey-50": "_ExpColor--exp-color-grey-50_1sbgg_6",
7
- "ExpColor--exp-color-grey-100": "_ExpColor--exp-color-grey-100_1sbgg_9",
8
- "ExpColor--exp-color-grey-200": "_ExpColor--exp-color-grey-200_1sbgg_12",
9
- "ExpColor--exp-color-grey-300": "_ExpColor--exp-color-grey-300_1sbgg_15",
10
- "ExpColor--exp-color-grey-400": "_ExpColor--exp-color-grey-400_1sbgg_18",
11
- "ExpColor--exp-color-grey-500": "_ExpColor--exp-color-grey-500_1sbgg_21",
12
- "ExpColor--exp-color-grey-600": "_ExpColor--exp-color-grey-600_1sbgg_24",
13
- "ExpColor--exp-color-grey-700": "_ExpColor--exp-color-grey-700_1sbgg_27",
14
- "ExpColor--exp-color-grey-800": "_ExpColor--exp-color-grey-800_1sbgg_30",
15
- "ExpColor--exp-color-grey-900": "_ExpColor--exp-color-grey-900_1sbgg_33",
16
- "ExpColor--exp-color-pink-50": "_ExpColor--exp-color-pink-50_1sbgg_36",
17
- "ExpColor--exp-color-pink-100": "_ExpColor--exp-color-pink-100_1sbgg_39",
18
- "ExpColor--exp-color-pink-200": "_ExpColor--exp-color-pink-200_1sbgg_42",
19
- "ExpColor--exp-color-pink-300": "_ExpColor--exp-color-pink-300_1sbgg_45",
20
- "ExpColor--exp-color-pink-400": "_ExpColor--exp-color-pink-400_1sbgg_48",
21
- "ExpColor--exp-color-pink-500": "_ExpColor--exp-color-pink-500_1sbgg_51",
22
- "ExpColor--exp-color-pink-600": "_ExpColor--exp-color-pink-600_1sbgg_54",
23
- "ExpColor--exp-color-pink-700": "_ExpColor--exp-color-pink-700_1sbgg_57",
24
- "ExpColor--exp-color-pink-800": "_ExpColor--exp-color-pink-800_1sbgg_60",
25
- "ExpColor--exp-color-yellow-50": "_ExpColor--exp-color-yellow-50_1sbgg_63",
26
- "ExpColor--exp-color-yellow-100": "_ExpColor--exp-color-yellow-100_1sbgg_66",
27
- "ExpColor--exp-color-yellow-200": "_ExpColor--exp-color-yellow-200_1sbgg_69",
28
- "ExpColor--exp-color-yellow-300": "_ExpColor--exp-color-yellow-300_1sbgg_72",
29
- "ExpColor--exp-color-yellow-400": "_ExpColor--exp-color-yellow-400_1sbgg_75",
30
- "ExpColor--exp-color-yellow-500": "_ExpColor--exp-color-yellow-500_1sbgg_78",
31
- "ExpColor--exp-color-yellow-600": "_ExpColor--exp-color-yellow-600_1sbgg_81",
32
- "ExpColor--exp-color-yellow-700": "_ExpColor--exp-color-yellow-700_1sbgg_84",
33
- "ExpColor--exp-color-yellow-800": "_ExpColor--exp-color-yellow-800_1sbgg_87",
34
- "ExpColor--exp-color-blue-50": "_ExpColor--exp-color-blue-50_1sbgg_90",
35
- "ExpColor--exp-color-blue-100": "_ExpColor--exp-color-blue-100_1sbgg_93",
36
- "ExpColor--exp-color-blue-200": "_ExpColor--exp-color-blue-200_1sbgg_96",
37
- "ExpColor--exp-color-blue-300": "_ExpColor--exp-color-blue-300_1sbgg_99",
38
- "ExpColor--exp-color-blue-400": "_ExpColor--exp-color-blue-400_1sbgg_102",
39
- "ExpColor--exp-color-blue-500": "_ExpColor--exp-color-blue-500_1sbgg_105",
40
- "ExpColor--exp-color-blue-600": "_ExpColor--exp-color-blue-600_1sbgg_108",
41
- "ExpColor--exp-color-blue-700": "_ExpColor--exp-color-blue-700_1sbgg_111",
42
- "ExpColor--exp-color-blue-800": "_ExpColor--exp-color-blue-800_1sbgg_114",
43
- "ExpColor--exp-color-teal-50": "_ExpColor--exp-color-teal-50_1sbgg_117",
44
- "ExpColor--exp-color-teal-100": "_ExpColor--exp-color-teal-100_1sbgg_120",
45
- "ExpColor--exp-color-teal-200": "_ExpColor--exp-color-teal-200_1sbgg_123",
46
- "ExpColor--exp-color-teal-300": "_ExpColor--exp-color-teal-300_1sbgg_126",
47
- "ExpColor--exp-color-teal-400": "_ExpColor--exp-color-teal-400_1sbgg_129",
48
- "ExpColor--exp-color-teal-500": "_ExpColor--exp-color-teal-500_1sbgg_132",
49
- "ExpColor--exp-color-teal-600": "_ExpColor--exp-color-teal-600_1sbgg_135",
50
- "ExpColor--exp-color-teal-700": "_ExpColor--exp-color-teal-700_1sbgg_138",
51
- "ExpColor--exp-color-teal-800": "_ExpColor--exp-color-teal-800_1sbgg_141",
52
- "ExpColor--exp-color-red-50": "_ExpColor--exp-color-red-50_1sbgg_144",
53
- "ExpColor--exp-color-red-100": "_ExpColor--exp-color-red-100_1sbgg_147",
54
- "ExpColor--exp-color-red-200": "_ExpColor--exp-color-red-200_1sbgg_150",
55
- "ExpColor--exp-color-red-300": "_ExpColor--exp-color-red-300_1sbgg_153",
56
- "ExpColor--exp-color-red-400": "_ExpColor--exp-color-red-400_1sbgg_156",
57
- "ExpColor--exp-color-red-500": "_ExpColor--exp-color-red-500_1sbgg_159",
58
- "ExpColor--exp-color-red-600": "_ExpColor--exp-color-red-600_1sbgg_162",
59
- "ExpColor--exp-color-red-700": "_ExpColor--exp-color-red-700_1sbgg_165",
60
- "ExpColor--exp-color-red-800": "_ExpColor--exp-color-red-800_1sbgg_168"
5
+ "ExpColor--exp-color-grey-0": "_ExpColor--exp-color-grey-0_1if1u_3",
6
+ "ExpColor--exp-color-grey-50": "_ExpColor--exp-color-grey-50_1if1u_6",
7
+ "ExpColor--exp-color-grey-100": "_ExpColor--exp-color-grey-100_1if1u_9",
8
+ "ExpColor--exp-color-grey-200": "_ExpColor--exp-color-grey-200_1if1u_12",
9
+ "ExpColor--exp-color-grey-300": "_ExpColor--exp-color-grey-300_1if1u_15",
10
+ "ExpColor--exp-color-grey-400": "_ExpColor--exp-color-grey-400_1if1u_18",
11
+ "ExpColor--exp-color-grey-500": "_ExpColor--exp-color-grey-500_1if1u_21",
12
+ "ExpColor--exp-color-grey-600": "_ExpColor--exp-color-grey-600_1if1u_24",
13
+ "ExpColor--exp-color-grey-700": "_ExpColor--exp-color-grey-700_1if1u_27",
14
+ "ExpColor--exp-color-grey-800": "_ExpColor--exp-color-grey-800_1if1u_30",
15
+ "ExpColor--exp-color-grey-900": "_ExpColor--exp-color-grey-900_1if1u_33",
16
+ "ExpColor--exp-color-pink-50": "_ExpColor--exp-color-pink-50_1if1u_36",
17
+ "ExpColor--exp-color-pink-100": "_ExpColor--exp-color-pink-100_1if1u_39",
18
+ "ExpColor--exp-color-pink-200": "_ExpColor--exp-color-pink-200_1if1u_42",
19
+ "ExpColor--exp-color-pink-300": "_ExpColor--exp-color-pink-300_1if1u_45",
20
+ "ExpColor--exp-color-pink-400": "_ExpColor--exp-color-pink-400_1if1u_48",
21
+ "ExpColor--exp-color-pink-500": "_ExpColor--exp-color-pink-500_1if1u_51",
22
+ "ExpColor--exp-color-pink-600": "_ExpColor--exp-color-pink-600_1if1u_54",
23
+ "ExpColor--exp-color-pink-700": "_ExpColor--exp-color-pink-700_1if1u_57",
24
+ "ExpColor--exp-color-pink-800": "_ExpColor--exp-color-pink-800_1if1u_60",
25
+ "ExpColor--exp-color-yellow-50": "_ExpColor--exp-color-yellow-50_1if1u_63",
26
+ "ExpColor--exp-color-yellow-100": "_ExpColor--exp-color-yellow-100_1if1u_66",
27
+ "ExpColor--exp-color-yellow-200": "_ExpColor--exp-color-yellow-200_1if1u_69",
28
+ "ExpColor--exp-color-yellow-300": "_ExpColor--exp-color-yellow-300_1if1u_72",
29
+ "ExpColor--exp-color-yellow-400": "_ExpColor--exp-color-yellow-400_1if1u_75",
30
+ "ExpColor--exp-color-yellow-500": "_ExpColor--exp-color-yellow-500_1if1u_78",
31
+ "ExpColor--exp-color-yellow-600": "_ExpColor--exp-color-yellow-600_1if1u_81",
32
+ "ExpColor--exp-color-yellow-700": "_ExpColor--exp-color-yellow-700_1if1u_84",
33
+ "ExpColor--exp-color-yellow-800": "_ExpColor--exp-color-yellow-800_1if1u_87",
34
+ "ExpColor--exp-color-blue-50": "_ExpColor--exp-color-blue-50_1if1u_90",
35
+ "ExpColor--exp-color-blue-100": "_ExpColor--exp-color-blue-100_1if1u_93",
36
+ "ExpColor--exp-color-blue-200": "_ExpColor--exp-color-blue-200_1if1u_96",
37
+ "ExpColor--exp-color-blue-300": "_ExpColor--exp-color-blue-300_1if1u_99",
38
+ "ExpColor--exp-color-blue-400": "_ExpColor--exp-color-blue-400_1if1u_102",
39
+ "ExpColor--exp-color-blue-500": "_ExpColor--exp-color-blue-500_1if1u_105",
40
+ "ExpColor--exp-color-blue-600": "_ExpColor--exp-color-blue-600_1if1u_108",
41
+ "ExpColor--exp-color-blue-700": "_ExpColor--exp-color-blue-700_1if1u_111",
42
+ "ExpColor--exp-color-blue-800": "_ExpColor--exp-color-blue-800_1if1u_114",
43
+ "ExpColor--exp-color-teal-50": "_ExpColor--exp-color-teal-50_1if1u_117",
44
+ "ExpColor--exp-color-teal-100": "_ExpColor--exp-color-teal-100_1if1u_120",
45
+ "ExpColor--exp-color-teal-200": "_ExpColor--exp-color-teal-200_1if1u_123",
46
+ "ExpColor--exp-color-teal-300": "_ExpColor--exp-color-teal-300_1if1u_126",
47
+ "ExpColor--exp-color-teal-400": "_ExpColor--exp-color-teal-400_1if1u_129",
48
+ "ExpColor--exp-color-teal-500": "_ExpColor--exp-color-teal-500_1if1u_132",
49
+ "ExpColor--exp-color-teal-600": "_ExpColor--exp-color-teal-600_1if1u_135",
50
+ "ExpColor--exp-color-teal-700": "_ExpColor--exp-color-teal-700_1if1u_138",
51
+ "ExpColor--exp-color-teal-800": "_ExpColor--exp-color-teal-800_1if1u_141",
52
+ "ExpColor--exp-color-red-50": "_ExpColor--exp-color-red-50_1if1u_144",
53
+ "ExpColor--exp-color-red-100": "_ExpColor--exp-color-red-100_1if1u_147",
54
+ "ExpColor--exp-color-red-200": "_ExpColor--exp-color-red-200_1if1u_150",
55
+ "ExpColor--exp-color-red-300": "_ExpColor--exp-color-red-300_1if1u_153",
56
+ "ExpColor--exp-color-red-400": "_ExpColor--exp-color-red-400_1if1u_156",
57
+ "ExpColor--exp-color-red-500": "_ExpColor--exp-color-red-500_1if1u_159",
58
+ "ExpColor--exp-color-red-600": "_ExpColor--exp-color-red-600_1if1u_162",
59
+ "ExpColor--exp-color-red-700": "_ExpColor--exp-color-red-700_1if1u_165",
60
+ "ExpColor--exp-color-red-800": "_ExpColor--exp-color-red-800_1if1u_168"
61
61
  };
62
62
  const EXP_COLOR = "ExpColor";
63
63
  const getExpColorClassNames = (expColor) => {
package/dist/shared-styles/layout-gap/layout-gap.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
2
- import { s as styles } from "../../layout-gap.module-DwYAmZqy.js";
2
+ import { s as styles } from "../../layout-gap.module-BXKUpskL.js";
3
3
  const LAYOUT_GAP = "LayoutGap";
4
4
  const getLayoutGapClassnames = (gap) => {
5
5
  return moduleClassNames(styles, LAYOUT_GAP, [stringClassNames("gap", gap)]);
package/dist/shared-styles/layout-grid/layout-grid.js CHANGED
@@ -4,7 +4,7 @@ import { getLayoutGapClassnames } from "../layout-gap/layout-gap.js";
4
4
  import { getLayoutHideClassnames } from "../layout-hide/layout-hide.js";
5
5
  import { getLayoutPaddingClassnames } from "../layout-padding/layout-padding.js";
6
6
  import { getLayoutRelativeClassnames } from "../layout-relative/layout-relative.js";
7
- import { s as styles } from "../../layout-grid.module-DvWR2pve.js";
7
+ import { s as styles } from "../../layout-grid.module-CPHI8Yyu.js";
8
8
  const LAYOUT_GRID = "LayoutGrid";
9
9
  const getLayoutGridClassNames = (layout, props) => {
10
10
  const {
package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { BREAKPOINT } from "@preply/ds-core";
2
2
  import { moduleLocals } from "@preply/ds-web-core";
3
- import { s as styles } from "../../layout-grid.module-DvWR2pve.js";
3
+ import { s as styles } from "../../layout-grid.module-CPHI8Yyu.js";
4
4
  const LAYOUT_GRID = "LayoutGrid";
5
5
  const BREAKPOINT_LIST = Object.keys(BREAKPOINT);
6
6
  const normalizeColumns = (columns) => {
package/dist/shared-styles/layout-hide/layout-hide.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { LAYOUT_DISPLAY_DEFAULT } from "@preply/ds-core";
2
2
  import { moduleClassNames, booleanClassNames } from "@preply/ds-web-core";
3
- import { s as styles } from "../../layout-hide.module-CVaoro6S.js";
3
+ import { s as styles } from "../../layout-hide.module-D7M9PwD0.js";
4
4
  const LAYOUT_HIDE = "LayoutHide";
5
5
  const getLayoutHideClassnames = (hide, display = LAYOUT_DISPLAY_DEFAULT) => {
6
6
  return moduleClassNames(styles, LAYOUT_HIDE, [booleanClassNames("hide", display, hide)]);