@preply/ds-web-lib 1.1.0 → 1.2.1

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 (93) hide show
  1. package/dist/assets/Avatar.css +79 -79
  2. package/dist/assets/AvatarWithStatus.css +12 -12
  3. package/dist/assets/Badge.css +24 -24
  4. package/dist/assets/Box.css +171 -171
  5. package/dist/assets/Button.css +7 -7
  6. package/dist/assets/ButtonBase.css +245 -245
  7. package/dist/assets/Chips.css +16 -16
  8. package/dist/assets/FieldAdditionalText.css +6 -6
  9. package/dist/assets/FieldButton.css +8 -8
  10. package/dist/assets/FieldLabel.css +8 -8
  11. package/dist/assets/FieldLayout.css +29 -29
  12. package/dist/assets/FieldLayoutBase.css +4 -4
  13. package/dist/assets/Heading.css +100 -100
  14. package/dist/assets/Icon.css +14 -14
  15. package/dist/assets/LayoutFlex.css +1 -1
  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-gap.css +135 -135
  30. package/dist/assets/layout-grid.css +100 -100
  31. package/dist/assets/layout-hide.css +49 -49
  32. package/dist/assets/layout-padding.css +531 -531
  33. package/dist/assets/layout-relative.css +2 -2
  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.d.ts +7 -1
  38. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  39. package/dist/components/Avatar/Avatar.js +77 -76
  40. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  41. package/dist/components/Badge/Badge.js +1 -1
  42. package/dist/components/Box/Box.js +150 -150
  43. package/dist/components/Button/Button.js +1 -1
  44. package/dist/components/Chips/Chips.js +4 -4
  45. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  46. package/dist/components/FieldButton/FieldButton.js +1 -1
  47. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  48. package/dist/components/Heading/Heading.js +97 -97
  49. package/dist/components/Icon/Icon.js +10 -10
  50. package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
  51. package/dist/components/LayoutFlex/LayoutFlex.js +7 -1
  52. package/dist/components/LayoutFlex/tests/DataOverride.js +67 -0
  53. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  54. package/dist/components/Link/Link.js +18 -18
  55. package/dist/components/Loader/Loader.js +3 -3
  56. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  57. package/dist/components/Text/Text.js +224 -224
  58. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  59. package/dist/components/TextInline/TextInline.js +2 -2
  60. package/dist/components/Toast/Toast.js +5 -5
  61. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  62. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  63. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  64. package/dist/components/private/Input/Checkbox.js +1 -1
  65. package/dist/components/private/Input/InputDate.js +1 -1
  66. package/dist/components/private/Input/InputNumber.js +1 -1
  67. package/dist/components/private/Input/InputPassword.js +1 -1
  68. package/dist/components/private/Input/InputText.js +1 -1
  69. package/dist/components/private/Input/InputTime.js +1 -1
  70. package/dist/components/private/Input/Radio.js +1 -1
  71. package/dist/components/private/Input/Select.js +1 -1
  72. package/dist/components/private/Input/Textarea.js +1 -1
  73. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  74. package/dist/components/private/Spinner/Spinner.js +16 -16
  75. package/dist/index.module-DZP-XLyR.js +27 -0
  76. package/dist/layout-gap.module-CUq_Sxlu.js +139 -0
  77. package/dist/{layout-grid.module-Xxg0CHcA.js → layout-grid.module-Boq5jqfY.js} +97 -97
  78. package/dist/layout-hide.module-CULyU9vR.js +55 -0
  79. package/dist/layout-relative.module-CrL5-3Cn.js +8 -0
  80. package/dist/shared-styles/align-self/align-self.js +25 -25
  81. package/dist/shared-styles/color/color.js +38 -38
  82. package/dist/shared-styles/layout-gap/layout-gap.js +1 -136
  83. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  84. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  85. package/dist/shared-styles/layout-hide/layout-hide.js +1 -52
  86. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  87. package/dist/shared-styles/layout-relative/layout-relative.js +1 -5
  88. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  89. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  90. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  91. package/dist/utils/render-icon.js +11 -5
  92. package/package.json +17 -17
  93. package/dist/index.module-BUXAoZDR.js +0 -27
@@ -5,21 +5,21 @@ import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds
5
5
  import { getAlignSelfClassNames } from "../../shared-styles/align-self/align-self.js";
6
6
  import { getLayoutHideClassnames } from "../../shared-styles/layout-hide/layout-hide.js";
7
7
  import { getLayoutRelativeClassnames } from "../../shared-styles/layout-relative/layout-relative.js";
8
- import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "_LayoutFlexItem_1i3s7_2";
8
+ import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "_LayoutFlexItem_5v8ll_2";
9
9
  const styles = {
10
10
  LayoutFlexItem: LayoutFlexItem$1,
11
- "LayoutFlexItem--stretch": "_LayoutFlexItem--stretch_1i3s7_11",
12
- "LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-stretch_1i3s7_14",
13
- "LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--stretch_1i3s7_18",
14
- "LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-stretch_1i3s7_21",
15
- "LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--stretch_1i3s7_26",
16
- "LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-stretch_1i3s7_29",
17
- "LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--stretch_1i3s7_34",
18
- "LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-stretch_1i3s7_37",
19
- "LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--stretch_1i3s7_42",
20
- "LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-stretch_1i3s7_45",
21
- "LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--stretch_1i3s7_50",
22
- "LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-stretch_1i3s7_53"
11
+ "LayoutFlexItem--stretch": "_LayoutFlexItem--stretch_5v8ll_11",
12
+ "LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-stretch_5v8ll_14",
13
+ "LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--stretch_5v8ll_18",
14
+ "LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-stretch_5v8ll_21",
15
+ "LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--stretch_5v8ll_26",
16
+ "LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-stretch_5v8ll_29",
17
+ "LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--stretch_5v8ll_34",
18
+ "LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-stretch_5v8ll_37",
19
+ "LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--stretch_5v8ll_42",
20
+ "LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-stretch_5v8ll_45",
21
+ "LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--stretch_5v8ll_50",
22
+ "LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-stretch_5v8ll_53"
23
23
  };
24
24
  const LayoutFlexItem = ({
25
25
  children,
@@ -4,26 +4,26 @@ import { LINK_VARIANT_DEFAULT } from "@preply/ds-core";
4
4
  import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
5
5
  import { useHostname, moduleClassNames, stringClassNames, booleanClassNames, getExternalUrlProps, getDatasetProps } from "@preply/ds-web-core";
6
6
  import { cloneElement } from "react";
7
- import '../../assets/Link.css';const Link$1 = "_Link_54rdu_4";
7
+ import '../../assets/Link.css';const Link$1 = "_Link_1vbbq_4";
8
8
  const styles = {
9
9
  Link: Link$1,
10
- "Link--inline": "_Link--inline_54rdu_21",
11
- "Link--noUnderline": "_Link--noUnderline_54rdu_24",
12
- "Link--variant-accentDark": "_Link--variant-accentDark_54rdu_27",
13
- "Link--variant-accentDark--dsInternalSimulation-hover": "_Link--variant-accentDark--dsInternalSimulation-hover_54rdu_31",
14
- "Link--variant-accentDark--dsInternalSimulation-active": "_Link--variant-accentDark--dsInternalSimulation-active_54rdu_35",
15
- "Link--variant-accentDarkInverted": "_Link--variant-accentDarkInverted_54rdu_38",
16
- "Link--variant-accentDarkInverted--dsInternalSimulation-hover": "_Link--variant-accentDarkInverted--dsInternalSimulation-hover_54rdu_42",
17
- "Link--variant-accentDarkInverted--dsInternalSimulation-active": "_Link--variant-accentDarkInverted--dsInternalSimulation-active_54rdu_46",
18
- "Link--variant-neutral": "_Link--variant-neutral_54rdu_49",
19
- "Link--variant-neutral--dsInternalSimulation-hover": "_Link--variant-neutral--dsInternalSimulation-hover_54rdu_53",
20
- "Link--variant-neutral--dsInternalSimulation-active": "_Link--variant-neutral--dsInternalSimulation-active_54rdu_57",
21
- "Link--variant-neutralInverted": "_Link--variant-neutralInverted_54rdu_60",
22
- "Link--variant-neutralInverted--dsInternalSimulation-hover": "_Link--variant-neutralInverted--dsInternalSimulation-hover_54rdu_64",
23
- "Link--variant-neutralInverted--dsInternalSimulation-active": "_Link--variant-neutralInverted--dsInternalSimulation-active_54rdu_68",
24
- "Link--variant-unsetColors": "_Link--variant-unsetColors_54rdu_71",
25
- "Link--variant-unsetColors--dsInternalSimulation-hover": "_Link--variant-unsetColors--dsInternalSimulation-hover_54rdu_75",
26
- "Link--variant-unsetColors--dsInternalSimulation-active": "_Link--variant-unsetColors--dsInternalSimulation-active_54rdu_79"
10
+ "Link--inline": "_Link--inline_1vbbq_21",
11
+ "Link--noUnderline": "_Link--noUnderline_1vbbq_24",
12
+ "Link--variant-accentDark": "_Link--variant-accentDark_1vbbq_27",
13
+ "Link--variant-accentDark--dsInternalSimulation-hover": "_Link--variant-accentDark--dsInternalSimulation-hover_1vbbq_31",
14
+ "Link--variant-accentDark--dsInternalSimulation-active": "_Link--variant-accentDark--dsInternalSimulation-active_1vbbq_35",
15
+ "Link--variant-accentDarkInverted": "_Link--variant-accentDarkInverted_1vbbq_38",
16
+ "Link--variant-accentDarkInverted--dsInternalSimulation-hover": "_Link--variant-accentDarkInverted--dsInternalSimulation-hover_1vbbq_42",
17
+ "Link--variant-accentDarkInverted--dsInternalSimulation-active": "_Link--variant-accentDarkInverted--dsInternalSimulation-active_1vbbq_46",
18
+ "Link--variant-neutral": "_Link--variant-neutral_1vbbq_49",
19
+ "Link--variant-neutral--dsInternalSimulation-hover": "_Link--variant-neutral--dsInternalSimulation-hover_1vbbq_53",
20
+ "Link--variant-neutral--dsInternalSimulation-active": "_Link--variant-neutral--dsInternalSimulation-active_1vbbq_57",
21
+ "Link--variant-neutralInverted": "_Link--variant-neutralInverted_1vbbq_60",
22
+ "Link--variant-neutralInverted--dsInternalSimulation-hover": "_Link--variant-neutralInverted--dsInternalSimulation-hover_1vbbq_64",
23
+ "Link--variant-neutralInverted--dsInternalSimulation-active": "_Link--variant-neutralInverted--dsInternalSimulation-active_1vbbq_68",
24
+ "Link--variant-unsetColors": "_Link--variant-unsetColors_1vbbq_71",
25
+ "Link--variant-unsetColors--dsInternalSimulation-hover": "_Link--variant-unsetColors--dsInternalSimulation-hover_1vbbq_75",
26
+ "Link--variant-unsetColors--dsInternalSimulation-active": "_Link--variant-unsetColors--dsInternalSimulation-active_1vbbq_79"
27
27
  };
28
28
  const Link = (props) => {
29
29
  const {
@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
3
3
  import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
4
4
  import { Spinner } from "../private/Spinner/Spinner.js";
5
- import '../../assets/Loader.css';const Loader$1 = "_Loader_sn3x5_2";
5
+ import '../../assets/Loader.css';const Loader$1 = "_Loader_fkcsi_2";
6
6
  const styles = {
7
7
  Loader: Loader$1,
8
- "Loader--normal": "_Loader--normal_sn3x5_7",
9
- "Loader--inverted": "_Loader--inverted_sn3x5_10"
8
+ "Loader--normal": "_Loader--normal_fkcsi_7",
9
+ "Loader--inverted": "_Loader--inverted_fkcsi_10"
10
10
  };
11
11
  const Loader = ({ size, inverted = false, dataset }) => {
12
12
  const classNames = moduleClassNames(styles, webComponentNames.Loader, [
@@ -3,10 +3,10 @@ import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
3
3
  import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
4
4
  import * as React from "react";
5
5
  import { forwardRef } from "react";
6
- import '../../assets/PreplyLogo.css';const PreplyLogo$1 = "_PreplyLogo_1xg74_2";
6
+ import '../../assets/PreplyLogo.css';const PreplyLogo$1 = "_PreplyLogo_hsmfh_2";
7
7
  const styles = {
8
8
  PreplyLogo: PreplyLogo$1,
9
- "PreplyLogo--inverted": "_PreplyLogo--inverted_1xg74_13"
9
+ "PreplyLogo--inverted": "_PreplyLogo--inverted_hsmfh_13"
10
10
  };
11
11
  const SvgLogoRebrand = ({
12
12
  title,