@preply/ds-web-lib 0.100.0 → 0.100.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 (83) 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/LayoutFlexItem.css +14 -14
  16. package/dist/assets/Link.css +32 -32
  17. package/dist/assets/Loader.css +4 -4
  18. package/dist/assets/PreplyLogo.css +9 -9
  19. package/dist/assets/SelectFieldLayout.css +18 -18
  20. package/dist/assets/Spinner.css +26 -26
  21. package/dist/assets/Text.css +227 -227
  22. package/dist/assets/TextHighlighted.css +14 -14
  23. package/dist/assets/TextInline.css +5 -5
  24. package/dist/assets/Toast.css +12 -12
  25. package/dist/assets/align-self.css +25 -25
  26. package/dist/assets/color.css +39 -39
  27. package/dist/assets/index.css +16 -16
  28. package/dist/assets/layout-flex.css +100 -100
  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/text-accent.css +18 -18
  34. package/dist/assets/text-centered.css +13 -13
  35. package/dist/assets/text-weight.css +8 -8
  36. package/dist/components/Avatar/Avatar.js +74 -74
  37. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  38. package/dist/components/Badge/Badge.js +1 -1
  39. package/dist/components/Box/Box.js +150 -150
  40. package/dist/components/Button/Button.js +1 -1
  41. package/dist/components/Chips/Chips.js +4 -4
  42. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  43. package/dist/components/FieldButton/FieldButton.js +1 -1
  44. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  45. package/dist/components/Heading/Heading.js +97 -97
  46. package/dist/components/Icon/Icon.js +10 -10
  47. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  48. package/dist/components/Link/Link.js +18 -18
  49. package/dist/components/Loader/Loader.js +3 -3
  50. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  51. package/dist/components/Text/Text.js +224 -224
  52. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  53. package/dist/components/TextInline/TextInline.js +2 -2
  54. package/dist/components/Toast/Toast.js +5 -5
  55. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  56. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  57. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  58. package/dist/components/private/Input/Checkbox.js +1 -1
  59. package/dist/components/private/Input/InputDate.js +1 -1
  60. package/dist/components/private/Input/InputNumber.js +1 -1
  61. package/dist/components/private/Input/InputPassword.js +1 -1
  62. package/dist/components/private/Input/InputText.js +1 -1
  63. package/dist/components/private/Input/InputTime.js +1 -1
  64. package/dist/components/private/Input/Radio.js +1 -1
  65. package/dist/components/private/Input/Select.js +1 -1
  66. package/dist/components/private/Input/Textarea.js +1 -1
  67. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  68. package/dist/components/private/Spinner/Spinner.js +16 -16
  69. package/dist/index.module-B-whHMcH.js +27 -0
  70. package/dist/{layout-grid.module-ap-Sxhav.js → layout-grid.module-DEhjGYxG.js} +97 -97
  71. package/dist/shared-styles/align-self/align-self.js +25 -25
  72. package/dist/shared-styles/color/color.js +38 -38
  73. package/dist/shared-styles/layout-flex/layout-flex.js +97 -97
  74. package/dist/shared-styles/layout-gap/layout-gap.js +133 -133
  75. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  76. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  77. package/dist/shared-styles/layout-hide/layout-hide.js +49 -49
  78. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  79. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  80. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  81. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  82. package/package.json +14 -14
  83. package/dist/index.module-Cd7gOnx6.js +0 -27
package/dist/shared-styles/text-accent/text-accent.js CHANGED
@@ -1,23 +1,23 @@
1
1
  import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
2
- import '../../assets/text-accent.css';const TextAccent = "_TextAccent_17akr_3";
2
+ import '../../assets/text-accent.css';const TextAccent = "_TextAccent_150ox_3";
3
3
  const styles = {
4
4
  TextAccent,
5
- "TextAccent--accent-default": "_TextAccent--accent-default_17akr_3",
6
- "TextAccent--accent-primary": "_TextAccent--accent-primary_17akr_6",
7
- "TextAccent--accent-secondary": "_TextAccent--accent-secondary_17akr_9",
8
- "TextAccent--accent-tertiary": "_TextAccent--accent-tertiary_17akr_12",
9
- "TextAccent--accent-accentDark": "_TextAccent--accent-accentDark_17akr_15",
10
- "TextAccent--accent-placeholder": "_TextAccent--accent-placeholder_17akr_18",
11
- "TextAccent--accent-inverted": "_TextAccent--accent-inverted_17akr_21",
12
- "TextAccent--accent-positive": "_TextAccent--accent-positive_17akr_24",
13
- "TextAccent--accent-info": "_TextAccent--accent-info_17akr_27",
14
- "TextAccent--accent-warning": "_TextAccent--accent-warning_17akr_30",
15
- "TextAccent--accent-critical": "_TextAccent--accent-critical_17akr_33",
16
- "TextAccent--accent-branded": "_TextAccent--accent-branded_17akr_36",
17
- "TextAccent--accent-error": "_TextAccent--accent-error_17akr_39",
18
- "TextAccent--accent-selected": "_TextAccent--accent-selected_17akr_42",
19
- "TextAccent--accent-disabled": "_TextAccent--accent-disabled_17akr_45",
20
- "TextAccent--accent-accent": "_TextAccent--accent-accent_17akr_15"
5
+ "TextAccent--accent-default": "_TextAccent--accent-default_150ox_3",
6
+ "TextAccent--accent-primary": "_TextAccent--accent-primary_150ox_6",
7
+ "TextAccent--accent-secondary": "_TextAccent--accent-secondary_150ox_9",
8
+ "TextAccent--accent-tertiary": "_TextAccent--accent-tertiary_150ox_12",
9
+ "TextAccent--accent-accentDark": "_TextAccent--accent-accentDark_150ox_15",
10
+ "TextAccent--accent-placeholder": "_TextAccent--accent-placeholder_150ox_18",
11
+ "TextAccent--accent-inverted": "_TextAccent--accent-inverted_150ox_21",
12
+ "TextAccent--accent-positive": "_TextAccent--accent-positive_150ox_24",
13
+ "TextAccent--accent-info": "_TextAccent--accent-info_150ox_27",
14
+ "TextAccent--accent-warning": "_TextAccent--accent-warning_150ox_30",
15
+ "TextAccent--accent-critical": "_TextAccent--accent-critical_150ox_33",
16
+ "TextAccent--accent-branded": "_TextAccent--accent-branded_150ox_36",
17
+ "TextAccent--accent-error": "_TextAccent--accent-error_150ox_39",
18
+ "TextAccent--accent-selected": "_TextAccent--accent-selected_150ox_42",
19
+ "TextAccent--accent-disabled": "_TextAccent--accent-disabled_150ox_45",
20
+ "TextAccent--accent-accent": "_TextAccent--accent-accent_150ox_15"
21
21
  };
22
22
  const TEXT_ACCENT = "TextAccent";
23
23
  const getTextAccentClassnames = (fallbackToDefault, accent) => {
package/dist/shared-styles/text-centered/text-centered.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import { moduleClassNames, booleanClassNames } from "@preply/ds-web-core";
2
- import '../../assets/text-centered.css';const TextCentered = "_TextCentered_em9zs_2";
2
+ import '../../assets/text-centered.css';const TextCentered = "_TextCentered_8wguy_2";
3
3
  const styles = {
4
4
  TextCentered,
5
- "TextCentered--centered": "_TextCentered--centered_em9zs_2",
6
- "TextCentered--initial": "_TextCentered--initial_em9zs_5",
7
- "TextCentered--narrow-l--centered": "_TextCentered--narrow-l--centered_em9zs_9",
8
- "TextCentered--narrow-l--initial": "_TextCentered--narrow-l--initial_em9zs_12",
9
- "TextCentered--medium-s--centered": "_TextCentered--medium-s--centered_em9zs_17",
10
- "TextCentered--medium-s--initial": "_TextCentered--medium-s--initial_em9zs_20",
11
- "TextCentered--medium-l--centered": "_TextCentered--medium-l--centered_em9zs_25",
12
- "TextCentered--medium-l--initial": "_TextCentered--medium-l--initial_em9zs_28",
13
- "TextCentered--wide-s--centered": "_TextCentered--wide-s--centered_em9zs_33",
14
- "TextCentered--wide-s--initial": "_TextCentered--wide-s--initial_em9zs_36",
15
- "TextCentered--wide-l--centered": "_TextCentered--wide-l--centered_em9zs_41",
16
- "TextCentered--wide-l--initial": "_TextCentered--wide-l--initial_em9zs_44"
5
+ "TextCentered--centered": "_TextCentered--centered_8wguy_2",
6
+ "TextCentered--initial": "_TextCentered--initial_8wguy_5",
7
+ "TextCentered--narrow-l--centered": "_TextCentered--narrow-l--centered_8wguy_9",
8
+ "TextCentered--narrow-l--initial": "_TextCentered--narrow-l--initial_8wguy_12",
9
+ "TextCentered--medium-s--centered": "_TextCentered--medium-s--centered_8wguy_17",
10
+ "TextCentered--medium-s--initial": "_TextCentered--medium-s--initial_8wguy_20",
11
+ "TextCentered--medium-l--centered": "_TextCentered--medium-l--centered_8wguy_25",
12
+ "TextCentered--medium-l--initial": "_TextCentered--medium-l--initial_8wguy_28",
13
+ "TextCentered--wide-s--centered": "_TextCentered--wide-s--centered_8wguy_33",
14
+ "TextCentered--wide-s--initial": "_TextCentered--wide-s--initial_8wguy_36",
15
+ "TextCentered--wide-l--centered": "_TextCentered--wide-l--centered_8wguy_41",
16
+ "TextCentered--wide-l--initial": "_TextCentered--wide-l--initial_8wguy_44"
17
17
  };
18
18
  const TEXT_CENTERED = "TextCentered";
19
19
  const getTextCenteredClassnames = (centered) => {
package/dist/shared-styles/text-weight/text-weight.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
2
- import '../../assets/text-weight.css';const TextWeight = "_TextWeight_1i69p_3";
2
+ import '../../assets/text-weight.css';const TextWeight = "_TextWeight_1t3g1_3";
3
3
  const styles = {
4
4
  TextWeight,
5
- "TextWeight--weight-400": "_TextWeight--weight-400_1i69p_3",
6
- "TextWeight--weight-500": "_TextWeight--weight-500_1i69p_6",
7
- "TextWeight--weight-700": "_TextWeight--weight-700_1i69p_9",
8
- "TextWeight--weight-normal": "_TextWeight--weight-normal_1i69p_12",
9
- "TextWeight--weight-medium": "_TextWeight--weight-medium_1i69p_15",
10
- "TextWeight--weight-bold": "_TextWeight--weight-bold_1i69p_18"
5
+ "TextWeight--weight-400": "_TextWeight--weight-400_1t3g1_3",
6
+ "TextWeight--weight-500": "_TextWeight--weight-500_1t3g1_6",
7
+ "TextWeight--weight-700": "_TextWeight--weight-700_1t3g1_9",
8
+ "TextWeight--weight-normal": "_TextWeight--weight-normal_1t3g1_12",
9
+ "TextWeight--weight-medium": "_TextWeight--weight-medium_1t3g1_15",
10
+ "TextWeight--weight-bold": "_TextWeight--weight-bold_1t3g1_18"
11
11
  };
12
12
  const TEXT_WEIGHT = "TextWeight";
13
13
  const getTextWeightClassNames = (weight) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "0.100.0",
3
+ "version": "0.100.1",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -21,26 +21,26 @@
21
21
  "dev": "vite build --watch"
22
22
  },
23
23
  "dependencies": {
24
- "@preply/ds-core": "0.100.0",
25
- "@preply/ds-media-icons": "0.100.0",
26
- "@preply/ds-visual-coverage-component-names": "0.100.0",
27
- "@preply/ds-web-core": "0.100.0",
28
- "@preply/ds-web-root": "0.100.0",
24
+ "@preply/ds-core": "0.100.1",
25
+ "@preply/ds-media-icons": "0.100.1",
26
+ "@preply/ds-visual-coverage-component-names": "0.100.1",
27
+ "@preply/ds-web-core": "0.100.1",
28
+ "@preply/ds-web-root": "0.100.1",
29
29
  "react-is": "^18.2.0",
30
30
  "sonner": "^1.5.0"
31
31
  },
32
32
  "peerDependencies": {
33
- "@preply/ds-core": "0.100.0",
34
- "@preply/ds-media-icons": "0.100.0",
35
- "@preply/ds-visual-coverage-component-names": "0.100.0",
36
- "@preply/ds-web-core": "0.100.0",
37
- "@preply/ds-web-root": "0.100.0",
33
+ "@preply/ds-core": "0.100.1",
34
+ "@preply/ds-media-icons": "0.100.1",
35
+ "@preply/ds-visual-coverage-component-names": "0.100.1",
36
+ "@preply/ds-web-core": "0.100.1",
37
+ "@preply/ds-web-root": "0.100.1",
38
38
  "react": "^16 || ^18",
39
39
  "react-dom": "^16 || ^18"
40
40
  },
41
41
  "devDependencies": {
42
- "@preply/ds-docs-toolkit": "0.100.0",
43
- "@preply/ds-theme-base-ui": "0.100.0",
42
+ "@preply/ds-docs-toolkit": "0.100.1",
43
+ "@preply/ds-theme-base-ui": "0.100.1",
44
44
  "@storybook/react": "8.3.1",
45
45
  "@testing-library/react": "16.0.1",
46
46
  "@types/react-is": "^18.2.0",
@@ -53,5 +53,5 @@
53
53
  "vite-plugin-lib-inject-css": "^2.1.1",
54
54
  "vite-plugin-svgr": "4.2.0"
55
55
  },
56
- "gitHead": "070ab8491cef6afea0c367347f4479be70402606"
56
+ "gitHead": "b223b2db60877f14dd662df37ec7f7287c63f747"
57
57
  }
package/dist/index.module-Cd7gOnx6.js DELETED
@@ -1,27 +0,0 @@
1
- import './assets/index.css';const InputText = "_InputText_1c93p_4";
2
- const InputPassword = "_InputPassword_1c93p_11";
3
- const InputDate = "_InputDate_1c93p_18";
4
- const InputTime = "_InputTime_1c93p_25";
5
- const InputNumber = "_InputNumber_1c93p_32";
6
- const Textarea = "_Textarea_1c93p_39";
7
- const Checkbox = "_Checkbox_1c93p_58";
8
- const Radio = "_Radio_1c93p_61";
9
- const Select = "_Select_1c93p_64";
10
- const styles = {
11
- InputText,
12
- InputPassword,
13
- InputDate,
14
- InputTime,
15
- InputNumber,
16
- Textarea,
17
- "Textarea--resize-none": "_Textarea--resize-none_1c93p_46",
18
- "Textarea--resize-vertical": "_Textarea--resize-vertical_1c93p_49",
19
- "Textarea--resize-horizontal": "_Textarea--resize-horizontal_1c93p_52",
20
- "Textarea--resize-both": "_Textarea--resize-both_1c93p_55",
21
- Checkbox,
22
- Radio,
23
- Select
24
- };
25
- export {
26
- styles as s
27
- };