@preply/ds-web-lib 1.5.0 → 2.0.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 (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 +17 -17
  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 +14 -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-v4nAc-_q.js +27 -0
  89. package/dist/layout-gap.module-BRl-r4iq.js +139 -0
  90. package/dist/{layout-grid.module-YxQ1leYH.js → layout-grid.module-CKp47Yfz.js} +97 -97
  91. package/dist/layout-hide.module-CxXbAgTg.js +55 -0
  92. package/dist/{layout-relative.module-BIEPDZE2.js → layout-relative.module-DIaUqnvq.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-DeaW0ui4.js +0 -27
  107. package/dist/layout-gap.module-DLR1C9EV.js +0 -139
  108. package/dist/layout-hide.module-rFpj-qdB.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_ktcpy_3";
2
+ import '../../assets/exp-color.css';const ExpColor = "_ExpColor_1o7i9_3";
3
3
  const styles = {
4
4
  ExpColor,
5
- "ExpColor--exp-color-grey-0": "_ExpColor--exp-color-grey-0_ktcpy_3",
6
- "ExpColor--exp-color-grey-50": "_ExpColor--exp-color-grey-50_ktcpy_6",
7
- "ExpColor--exp-color-grey-100": "_ExpColor--exp-color-grey-100_ktcpy_9",
8
- "ExpColor--exp-color-grey-200": "_ExpColor--exp-color-grey-200_ktcpy_12",
9
- "ExpColor--exp-color-grey-300": "_ExpColor--exp-color-grey-300_ktcpy_15",
10
- "ExpColor--exp-color-grey-400": "_ExpColor--exp-color-grey-400_ktcpy_18",
11
- "ExpColor--exp-color-grey-500": "_ExpColor--exp-color-grey-500_ktcpy_21",
12
- "ExpColor--exp-color-grey-600": "_ExpColor--exp-color-grey-600_ktcpy_24",
13
- "ExpColor--exp-color-grey-700": "_ExpColor--exp-color-grey-700_ktcpy_27",
14
- "ExpColor--exp-color-grey-800": "_ExpColor--exp-color-grey-800_ktcpy_30",
15
- "ExpColor--exp-color-grey-900": "_ExpColor--exp-color-grey-900_ktcpy_33",
16
- "ExpColor--exp-color-pink-50": "_ExpColor--exp-color-pink-50_ktcpy_36",
17
- "ExpColor--exp-color-pink-100": "_ExpColor--exp-color-pink-100_ktcpy_39",
18
- "ExpColor--exp-color-pink-200": "_ExpColor--exp-color-pink-200_ktcpy_42",
19
- "ExpColor--exp-color-pink-300": "_ExpColor--exp-color-pink-300_ktcpy_45",
20
- "ExpColor--exp-color-pink-400": "_ExpColor--exp-color-pink-400_ktcpy_48",
21
- "ExpColor--exp-color-pink-500": "_ExpColor--exp-color-pink-500_ktcpy_51",
22
- "ExpColor--exp-color-pink-600": "_ExpColor--exp-color-pink-600_ktcpy_54",
23
- "ExpColor--exp-color-pink-700": "_ExpColor--exp-color-pink-700_ktcpy_57",
24
- "ExpColor--exp-color-pink-800": "_ExpColor--exp-color-pink-800_ktcpy_60",
25
- "ExpColor--exp-color-yellow-50": "_ExpColor--exp-color-yellow-50_ktcpy_63",
26
- "ExpColor--exp-color-yellow-100": "_ExpColor--exp-color-yellow-100_ktcpy_66",
27
- "ExpColor--exp-color-yellow-200": "_ExpColor--exp-color-yellow-200_ktcpy_69",
28
- "ExpColor--exp-color-yellow-300": "_ExpColor--exp-color-yellow-300_ktcpy_72",
29
- "ExpColor--exp-color-yellow-400": "_ExpColor--exp-color-yellow-400_ktcpy_75",
30
- "ExpColor--exp-color-yellow-500": "_ExpColor--exp-color-yellow-500_ktcpy_78",
31
- "ExpColor--exp-color-yellow-600": "_ExpColor--exp-color-yellow-600_ktcpy_81",
32
- "ExpColor--exp-color-yellow-700": "_ExpColor--exp-color-yellow-700_ktcpy_84",
33
- "ExpColor--exp-color-yellow-800": "_ExpColor--exp-color-yellow-800_ktcpy_87",
34
- "ExpColor--exp-color-blue-50": "_ExpColor--exp-color-blue-50_ktcpy_90",
35
- "ExpColor--exp-color-blue-100": "_ExpColor--exp-color-blue-100_ktcpy_93",
36
- "ExpColor--exp-color-blue-200": "_ExpColor--exp-color-blue-200_ktcpy_96",
37
- "ExpColor--exp-color-blue-300": "_ExpColor--exp-color-blue-300_ktcpy_99",
38
- "ExpColor--exp-color-blue-400": "_ExpColor--exp-color-blue-400_ktcpy_102",
39
- "ExpColor--exp-color-blue-500": "_ExpColor--exp-color-blue-500_ktcpy_105",
40
- "ExpColor--exp-color-blue-600": "_ExpColor--exp-color-blue-600_ktcpy_108",
41
- "ExpColor--exp-color-blue-700": "_ExpColor--exp-color-blue-700_ktcpy_111",
42
- "ExpColor--exp-color-blue-800": "_ExpColor--exp-color-blue-800_ktcpy_114",
43
- "ExpColor--exp-color-teal-50": "_ExpColor--exp-color-teal-50_ktcpy_117",
44
- "ExpColor--exp-color-teal-100": "_ExpColor--exp-color-teal-100_ktcpy_120",
45
- "ExpColor--exp-color-teal-200": "_ExpColor--exp-color-teal-200_ktcpy_123",
46
- "ExpColor--exp-color-teal-300": "_ExpColor--exp-color-teal-300_ktcpy_126",
47
- "ExpColor--exp-color-teal-400": "_ExpColor--exp-color-teal-400_ktcpy_129",
48
- "ExpColor--exp-color-teal-500": "_ExpColor--exp-color-teal-500_ktcpy_132",
49
- "ExpColor--exp-color-teal-600": "_ExpColor--exp-color-teal-600_ktcpy_135",
50
- "ExpColor--exp-color-teal-700": "_ExpColor--exp-color-teal-700_ktcpy_138",
51
- "ExpColor--exp-color-teal-800": "_ExpColor--exp-color-teal-800_ktcpy_141",
52
- "ExpColor--exp-color-red-50": "_ExpColor--exp-color-red-50_ktcpy_144",
53
- "ExpColor--exp-color-red-100": "_ExpColor--exp-color-red-100_ktcpy_147",
54
- "ExpColor--exp-color-red-200": "_ExpColor--exp-color-red-200_ktcpy_150",
55
- "ExpColor--exp-color-red-300": "_ExpColor--exp-color-red-300_ktcpy_153",
56
- "ExpColor--exp-color-red-400": "_ExpColor--exp-color-red-400_ktcpy_156",
57
- "ExpColor--exp-color-red-500": "_ExpColor--exp-color-red-500_ktcpy_159",
58
- "ExpColor--exp-color-red-600": "_ExpColor--exp-color-red-600_ktcpy_162",
59
- "ExpColor--exp-color-red-700": "_ExpColor--exp-color-red-700_ktcpy_165",
60
- "ExpColor--exp-color-red-800": "_ExpColor--exp-color-red-800_ktcpy_168"
5
+ "ExpColor--exp-color-grey-0": "_ExpColor--exp-color-grey-0_1o7i9_3",
6
+ "ExpColor--exp-color-grey-50": "_ExpColor--exp-color-grey-50_1o7i9_6",
7
+ "ExpColor--exp-color-grey-100": "_ExpColor--exp-color-grey-100_1o7i9_9",
8
+ "ExpColor--exp-color-grey-200": "_ExpColor--exp-color-grey-200_1o7i9_12",
9
+ "ExpColor--exp-color-grey-300": "_ExpColor--exp-color-grey-300_1o7i9_15",
10
+ "ExpColor--exp-color-grey-400": "_ExpColor--exp-color-grey-400_1o7i9_18",
11
+ "ExpColor--exp-color-grey-500": "_ExpColor--exp-color-grey-500_1o7i9_21",
12
+ "ExpColor--exp-color-grey-600": "_ExpColor--exp-color-grey-600_1o7i9_24",
13
+ "ExpColor--exp-color-grey-700": "_ExpColor--exp-color-grey-700_1o7i9_27",
14
+ "ExpColor--exp-color-grey-800": "_ExpColor--exp-color-grey-800_1o7i9_30",
15
+ "ExpColor--exp-color-grey-900": "_ExpColor--exp-color-grey-900_1o7i9_33",
16
+ "ExpColor--exp-color-pink-50": "_ExpColor--exp-color-pink-50_1o7i9_36",
17
+ "ExpColor--exp-color-pink-100": "_ExpColor--exp-color-pink-100_1o7i9_39",
18
+ "ExpColor--exp-color-pink-200": "_ExpColor--exp-color-pink-200_1o7i9_42",
19
+ "ExpColor--exp-color-pink-300": "_ExpColor--exp-color-pink-300_1o7i9_45",
20
+ "ExpColor--exp-color-pink-400": "_ExpColor--exp-color-pink-400_1o7i9_48",
21
+ "ExpColor--exp-color-pink-500": "_ExpColor--exp-color-pink-500_1o7i9_51",
22
+ "ExpColor--exp-color-pink-600": "_ExpColor--exp-color-pink-600_1o7i9_54",
23
+ "ExpColor--exp-color-pink-700": "_ExpColor--exp-color-pink-700_1o7i9_57",
24
+ "ExpColor--exp-color-pink-800": "_ExpColor--exp-color-pink-800_1o7i9_60",
25
+ "ExpColor--exp-color-yellow-50": "_ExpColor--exp-color-yellow-50_1o7i9_63",
26
+ "ExpColor--exp-color-yellow-100": "_ExpColor--exp-color-yellow-100_1o7i9_66",
27
+ "ExpColor--exp-color-yellow-200": "_ExpColor--exp-color-yellow-200_1o7i9_69",
28
+ "ExpColor--exp-color-yellow-300": "_ExpColor--exp-color-yellow-300_1o7i9_72",
29
+ "ExpColor--exp-color-yellow-400": "_ExpColor--exp-color-yellow-400_1o7i9_75",
30
+ "ExpColor--exp-color-yellow-500": "_ExpColor--exp-color-yellow-500_1o7i9_78",
31
+ "ExpColor--exp-color-yellow-600": "_ExpColor--exp-color-yellow-600_1o7i9_81",
32
+ "ExpColor--exp-color-yellow-700": "_ExpColor--exp-color-yellow-700_1o7i9_84",
33
+ "ExpColor--exp-color-yellow-800": "_ExpColor--exp-color-yellow-800_1o7i9_87",
34
+ "ExpColor--exp-color-blue-50": "_ExpColor--exp-color-blue-50_1o7i9_90",
35
+ "ExpColor--exp-color-blue-100": "_ExpColor--exp-color-blue-100_1o7i9_93",
36
+ "ExpColor--exp-color-blue-200": "_ExpColor--exp-color-blue-200_1o7i9_96",
37
+ "ExpColor--exp-color-blue-300": "_ExpColor--exp-color-blue-300_1o7i9_99",
38
+ "ExpColor--exp-color-blue-400": "_ExpColor--exp-color-blue-400_1o7i9_102",
39
+ "ExpColor--exp-color-blue-500": "_ExpColor--exp-color-blue-500_1o7i9_105",
40
+ "ExpColor--exp-color-blue-600": "_ExpColor--exp-color-blue-600_1o7i9_108",
41
+ "ExpColor--exp-color-blue-700": "_ExpColor--exp-color-blue-700_1o7i9_111",
42
+ "ExpColor--exp-color-blue-800": "_ExpColor--exp-color-blue-800_1o7i9_114",
43
+ "ExpColor--exp-color-teal-50": "_ExpColor--exp-color-teal-50_1o7i9_117",
44
+ "ExpColor--exp-color-teal-100": "_ExpColor--exp-color-teal-100_1o7i9_120",
45
+ "ExpColor--exp-color-teal-200": "_ExpColor--exp-color-teal-200_1o7i9_123",
46
+ "ExpColor--exp-color-teal-300": "_ExpColor--exp-color-teal-300_1o7i9_126",
47
+ "ExpColor--exp-color-teal-400": "_ExpColor--exp-color-teal-400_1o7i9_129",
48
+ "ExpColor--exp-color-teal-500": "_ExpColor--exp-color-teal-500_1o7i9_132",
49
+ "ExpColor--exp-color-teal-600": "_ExpColor--exp-color-teal-600_1o7i9_135",
50
+ "ExpColor--exp-color-teal-700": "_ExpColor--exp-color-teal-700_1o7i9_138",
51
+ "ExpColor--exp-color-teal-800": "_ExpColor--exp-color-teal-800_1o7i9_141",
52
+ "ExpColor--exp-color-red-50": "_ExpColor--exp-color-red-50_1o7i9_144",
53
+ "ExpColor--exp-color-red-100": "_ExpColor--exp-color-red-100_1o7i9_147",
54
+ "ExpColor--exp-color-red-200": "_ExpColor--exp-color-red-200_1o7i9_150",
55
+ "ExpColor--exp-color-red-300": "_ExpColor--exp-color-red-300_1o7i9_153",
56
+ "ExpColor--exp-color-red-400": "_ExpColor--exp-color-red-400_1o7i9_156",
57
+ "ExpColor--exp-color-red-500": "_ExpColor--exp-color-red-500_1o7i9_159",
58
+ "ExpColor--exp-color-red-600": "_ExpColor--exp-color-red-600_1o7i9_162",
59
+ "ExpColor--exp-color-red-700": "_ExpColor--exp-color-red-700_1o7i9_165",
60
+ "ExpColor--exp-color-red-800": "_ExpColor--exp-color-red-800_1o7i9_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-DLR1C9EV.js";
2
+ import { s as styles } from "../../layout-gap.module-BRl-r4iq.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-YxQ1leYH.js";
7
+ import { s as styles } from "../../layout-grid.module-CKp47Yfz.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-YxQ1leYH.js";
3
+ import { s as styles } from "../../layout-grid.module-CKp47Yfz.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-rFpj-qdB.js";
3
+ import { s as styles } from "../../layout-hide.module-CxXbAgTg.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)]);