@preply/ds-web-lib 0.100.0 → 1.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 (88) hide show
  1. package/README.md +1 -1
  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/FieldAdditionalText.css +6 -6
  10. package/dist/assets/FieldButton.css +8 -8
  11. package/dist/assets/FieldLabel.css +8 -8
  12. package/dist/assets/FieldLayout.css +29 -29
  13. package/dist/assets/FieldLayoutBase.css +4 -4
  14. package/dist/assets/Heading.css +100 -100
  15. package/dist/assets/Icon.css +14 -14
  16. package/dist/assets/LayoutFlexItem.css +14 -14
  17. package/dist/assets/Link.css +32 -32
  18. package/dist/assets/Loader.css +4 -4
  19. package/dist/assets/PreplyLogo.css +9 -9
  20. package/dist/assets/SelectFieldLayout.css +18 -18
  21. package/dist/assets/Spinner.css +26 -26
  22. package/dist/assets/Text.css +227 -227
  23. package/dist/assets/TextHighlighted.css +14 -14
  24. package/dist/assets/TextInline.css +5 -5
  25. package/dist/assets/Toast.css +12 -12
  26. package/dist/assets/align-self.css +25 -25
  27. package/dist/assets/color.css +39 -39
  28. package/dist/assets/index.css +16 -16
  29. package/dist/assets/layout-flex.css +100 -100
  30. package/dist/assets/layout-gap.css +135 -135
  31. package/dist/assets/layout-grid.css +100 -100
  32. package/dist/assets/layout-hide.css +49 -49
  33. package/dist/assets/layout-padding.css +531 -531
  34. package/dist/assets/text-accent.css +18 -18
  35. package/dist/assets/text-centered.css +13 -13
  36. package/dist/assets/text-weight.css +8 -8
  37. package/dist/components/Avatar/Avatar.js +74 -74
  38. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  39. package/dist/components/Badge/Badge.js +1 -1
  40. package/dist/components/Box/Box.js +150 -150
  41. package/dist/components/Button/Button.js +1 -1
  42. package/dist/components/Chips/Chips.js +4 -4
  43. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  44. package/dist/components/FieldButton/FieldButton.js +1 -1
  45. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  46. package/dist/components/Heading/Heading.js +97 -97
  47. package/dist/components/Icon/Icon.js +11 -11
  48. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  49. package/dist/components/Link/Link.js +18 -18
  50. package/dist/components/Loader/Loader.js +3 -3
  51. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  52. package/dist/components/Text/Text.js +224 -224
  53. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  54. package/dist/components/TextInline/TextInline.js +2 -2
  55. package/dist/components/Toast/Toast.js +5 -5
  56. package/dist/components/index.d.ts +1 -0
  57. package/dist/components/index.d.ts.map +1 -1
  58. package/dist/components/index.js +4 -1
  59. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  60. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  61. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  62. package/dist/components/private/Input/Checkbox.js +1 -1
  63. package/dist/components/private/Input/InputDate.js +1 -1
  64. package/dist/components/private/Input/InputNumber.js +1 -1
  65. package/dist/components/private/Input/InputPassword.js +1 -1
  66. package/dist/components/private/Input/InputText.js +1 -1
  67. package/dist/components/private/Input/InputTime.js +1 -1
  68. package/dist/components/private/Input/Radio.js +1 -1
  69. package/dist/components/private/Input/Select.js +1 -1
  70. package/dist/components/private/Input/Textarea.js +1 -1
  71. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  72. package/dist/components/private/Spinner/Spinner.js +16 -16
  73. package/dist/index.js +4 -1
  74. package/dist/index.module-_Q6tNIhh.js +27 -0
  75. package/dist/{layout-grid.module-ap-Sxhav.js → layout-grid.module-C1bhuzDp.js} +97 -97
  76. package/dist/shared-styles/align-self/align-self.js +25 -25
  77. package/dist/shared-styles/color/color.js +38 -38
  78. package/dist/shared-styles/layout-flex/layout-flex.js +97 -97
  79. package/dist/shared-styles/layout-gap/layout-gap.js +133 -133
  80. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  81. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  82. package/dist/shared-styles/layout-hide/layout-hide.js +49 -49
  83. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  84. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  85. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  86. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  87. package/package.json +17 -18
  88. package/dist/index.module-Cd7gOnx6.js +0 -27
package/dist/shared-styles/layout-hide/layout-hide.js CHANGED
@@ -1,56 +1,56 @@
1
1
  import { LAYOUT_DISPLAY_DEFAULT } from "@preply/ds-core";
2
2
  import { moduleClassNames, booleanClassNames } from "@preply/ds-web-core";
3
- import '../../assets/layout-hide.css';const LayoutHide = "_LayoutHide_15lya_2";
3
+ import '../../assets/layout-hide.css';const LayoutHide = "_LayoutHide_vzs5x_2";
4
4
  const styles = {
5
5
  LayoutHide,
6
- "LayoutHide--hide": "_LayoutHide--hide_15lya_2",
7
- "LayoutHide--initial": "_LayoutHide--initial_15lya_5",
8
- "LayoutHide--inline": "_LayoutHide--inline_15lya_8",
9
- "LayoutHide--block": "_LayoutHide--block_15lya_11",
10
- "LayoutHide--inline-block": "_LayoutHide--inline-block_15lya_14",
11
- "LayoutHide--flex": "_LayoutHide--flex_15lya_17",
12
- "LayoutHide--inline-flex": "_LayoutHide--inline-flex_15lya_20",
13
- "LayoutHide--grid": "_LayoutHide--grid_15lya_23",
14
- "LayoutHide--narrow-l--hide": "_LayoutHide--narrow-l--hide_15lya_27",
15
- "LayoutHide--narrow-l--initial": "_LayoutHide--narrow-l--initial_15lya_30",
16
- "LayoutHide--narrow-l--inline": "_LayoutHide--narrow-l--inline_15lya_33",
17
- "LayoutHide--narrow-l--block": "_LayoutHide--narrow-l--block_15lya_36",
18
- "LayoutHide--narrow-l--inline-block": "_LayoutHide--narrow-l--inline-block_15lya_39",
19
- "LayoutHide--narrow-l--flex": "_LayoutHide--narrow-l--flex_15lya_42",
20
- "LayoutHide--narrow-l--inline-flex": "_LayoutHide--narrow-l--inline-flex_15lya_45",
21
- "LayoutHide--narrow-l--grid": "_LayoutHide--narrow-l--grid_15lya_48",
22
- "LayoutHide--medium-s--hide": "_LayoutHide--medium-s--hide_15lya_53",
23
- "LayoutHide--medium-s--initial": "_LayoutHide--medium-s--initial_15lya_56",
24
- "LayoutHide--medium-s--inline": "_LayoutHide--medium-s--inline_15lya_59",
25
- "LayoutHide--medium-s--block": "_LayoutHide--medium-s--block_15lya_62",
26
- "LayoutHide--medium-s--inline-block": "_LayoutHide--medium-s--inline-block_15lya_65",
27
- "LayoutHide--medium-s--flex": "_LayoutHide--medium-s--flex_15lya_68",
28
- "LayoutHide--medium-s--inline-flex": "_LayoutHide--medium-s--inline-flex_15lya_71",
29
- "LayoutHide--medium-s--grid": "_LayoutHide--medium-s--grid_15lya_74",
30
- "LayoutHide--medium-l--hide": "_LayoutHide--medium-l--hide_15lya_79",
31
- "LayoutHide--medium-l--initial": "_LayoutHide--medium-l--initial_15lya_82",
32
- "LayoutHide--medium-l--inline": "_LayoutHide--medium-l--inline_15lya_85",
33
- "LayoutHide--medium-l--block": "_LayoutHide--medium-l--block_15lya_88",
34
- "LayoutHide--medium-l--inline-block": "_LayoutHide--medium-l--inline-block_15lya_91",
35
- "LayoutHide--medium-l--flex": "_LayoutHide--medium-l--flex_15lya_94",
36
- "LayoutHide--medium-l--inline-flex": "_LayoutHide--medium-l--inline-flex_15lya_97",
37
- "LayoutHide--medium-l--grid": "_LayoutHide--medium-l--grid_15lya_100",
38
- "LayoutHide--wide-s--hide": "_LayoutHide--wide-s--hide_15lya_105",
39
- "LayoutHide--wide-s--initial": "_LayoutHide--wide-s--initial_15lya_108",
40
- "LayoutHide--wide-s--inline": "_LayoutHide--wide-s--inline_15lya_111",
41
- "LayoutHide--wide-s--block": "_LayoutHide--wide-s--block_15lya_114",
42
- "LayoutHide--wide-s--inline-block": "_LayoutHide--wide-s--inline-block_15lya_117",
43
- "LayoutHide--wide-s--flex": "_LayoutHide--wide-s--flex_15lya_120",
44
- "LayoutHide--wide-s--inline-flex": "_LayoutHide--wide-s--inline-flex_15lya_123",
45
- "LayoutHide--wide-s--grid": "_LayoutHide--wide-s--grid_15lya_126",
46
- "LayoutHide--wide-l--hide": "_LayoutHide--wide-l--hide_15lya_131",
47
- "LayoutHide--wide-l--initial": "_LayoutHide--wide-l--initial_15lya_134",
48
- "LayoutHide--wide-l--inline": "_LayoutHide--wide-l--inline_15lya_137",
49
- "LayoutHide--wide-l--block": "_LayoutHide--wide-l--block_15lya_140",
50
- "LayoutHide--wide-l--inline-block": "_LayoutHide--wide-l--inline-block_15lya_143",
51
- "LayoutHide--wide-l--flex": "_LayoutHide--wide-l--flex_15lya_146",
52
- "LayoutHide--wide-l--inline-flex": "_LayoutHide--wide-l--inline-flex_15lya_149",
53
- "LayoutHide--wide-l--grid": "_LayoutHide--wide-l--grid_15lya_152"
6
+ "LayoutHide--hide": "_LayoutHide--hide_vzs5x_2",
7
+ "LayoutHide--initial": "_LayoutHide--initial_vzs5x_5",
8
+ "LayoutHide--inline": "_LayoutHide--inline_vzs5x_8",
9
+ "LayoutHide--block": "_LayoutHide--block_vzs5x_11",
10
+ "LayoutHide--inline-block": "_LayoutHide--inline-block_vzs5x_14",
11
+ "LayoutHide--flex": "_LayoutHide--flex_vzs5x_17",
12
+ "LayoutHide--inline-flex": "_LayoutHide--inline-flex_vzs5x_20",
13
+ "LayoutHide--grid": "_LayoutHide--grid_vzs5x_23",
14
+ "LayoutHide--narrow-l--hide": "_LayoutHide--narrow-l--hide_vzs5x_27",
15
+ "LayoutHide--narrow-l--initial": "_LayoutHide--narrow-l--initial_vzs5x_30",
16
+ "LayoutHide--narrow-l--inline": "_LayoutHide--narrow-l--inline_vzs5x_33",
17
+ "LayoutHide--narrow-l--block": "_LayoutHide--narrow-l--block_vzs5x_36",
18
+ "LayoutHide--narrow-l--inline-block": "_LayoutHide--narrow-l--inline-block_vzs5x_39",
19
+ "LayoutHide--narrow-l--flex": "_LayoutHide--narrow-l--flex_vzs5x_42",
20
+ "LayoutHide--narrow-l--inline-flex": "_LayoutHide--narrow-l--inline-flex_vzs5x_45",
21
+ "LayoutHide--narrow-l--grid": "_LayoutHide--narrow-l--grid_vzs5x_48",
22
+ "LayoutHide--medium-s--hide": "_LayoutHide--medium-s--hide_vzs5x_53",
23
+ "LayoutHide--medium-s--initial": "_LayoutHide--medium-s--initial_vzs5x_56",
24
+ "LayoutHide--medium-s--inline": "_LayoutHide--medium-s--inline_vzs5x_59",
25
+ "LayoutHide--medium-s--block": "_LayoutHide--medium-s--block_vzs5x_62",
26
+ "LayoutHide--medium-s--inline-block": "_LayoutHide--medium-s--inline-block_vzs5x_65",
27
+ "LayoutHide--medium-s--flex": "_LayoutHide--medium-s--flex_vzs5x_68",
28
+ "LayoutHide--medium-s--inline-flex": "_LayoutHide--medium-s--inline-flex_vzs5x_71",
29
+ "LayoutHide--medium-s--grid": "_LayoutHide--medium-s--grid_vzs5x_74",
30
+ "LayoutHide--medium-l--hide": "_LayoutHide--medium-l--hide_vzs5x_79",
31
+ "LayoutHide--medium-l--initial": "_LayoutHide--medium-l--initial_vzs5x_82",
32
+ "LayoutHide--medium-l--inline": "_LayoutHide--medium-l--inline_vzs5x_85",
33
+ "LayoutHide--medium-l--block": "_LayoutHide--medium-l--block_vzs5x_88",
34
+ "LayoutHide--medium-l--inline-block": "_LayoutHide--medium-l--inline-block_vzs5x_91",
35
+ "LayoutHide--medium-l--flex": "_LayoutHide--medium-l--flex_vzs5x_94",
36
+ "LayoutHide--medium-l--inline-flex": "_LayoutHide--medium-l--inline-flex_vzs5x_97",
37
+ "LayoutHide--medium-l--grid": "_LayoutHide--medium-l--grid_vzs5x_100",
38
+ "LayoutHide--wide-s--hide": "_LayoutHide--wide-s--hide_vzs5x_105",
39
+ "LayoutHide--wide-s--initial": "_LayoutHide--wide-s--initial_vzs5x_108",
40
+ "LayoutHide--wide-s--inline": "_LayoutHide--wide-s--inline_vzs5x_111",
41
+ "LayoutHide--wide-s--block": "_LayoutHide--wide-s--block_vzs5x_114",
42
+ "LayoutHide--wide-s--inline-block": "_LayoutHide--wide-s--inline-block_vzs5x_117",
43
+ "LayoutHide--wide-s--flex": "_LayoutHide--wide-s--flex_vzs5x_120",
44
+ "LayoutHide--wide-s--inline-flex": "_LayoutHide--wide-s--inline-flex_vzs5x_123",
45
+ "LayoutHide--wide-s--grid": "_LayoutHide--wide-s--grid_vzs5x_126",
46
+ "LayoutHide--wide-l--hide": "_LayoutHide--wide-l--hide_vzs5x_131",
47
+ "LayoutHide--wide-l--initial": "_LayoutHide--wide-l--initial_vzs5x_134",
48
+ "LayoutHide--wide-l--inline": "_LayoutHide--wide-l--inline_vzs5x_137",
49
+ "LayoutHide--wide-l--block": "_LayoutHide--wide-l--block_vzs5x_140",
50
+ "LayoutHide--wide-l--inline-block": "_LayoutHide--wide-l--inline-block_vzs5x_143",
51
+ "LayoutHide--wide-l--flex": "_LayoutHide--wide-l--flex_vzs5x_146",
52
+ "LayoutHide--wide-l--inline-flex": "_LayoutHide--wide-l--inline-flex_vzs5x_149",
53
+ "LayoutHide--wide-l--grid": "_LayoutHide--wide-l--grid_vzs5x_152"
54
54
  };
55
55
  const LAYOUT_HIDE = "LayoutHide";
56
56
  const getLayoutHideClassnames = (hide, display = LAYOUT_DISPLAY_DEFAULT) => {