@preply/ds-web-lib 0.100.1 → 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-DEhjGYxG.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-B-whHMcH.js +0 -27
@@ -1,23 +1,23 @@
1
1
  import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
2
- import '../../assets/text-accent.css';const TextAccent = "_TextAccent_150ox_3";
2
+ import '../../assets/text-accent.css';const TextAccent = "_TextAccent_1ew2z_3";
3
3
  const styles = {
4
4
  TextAccent,
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"
5
+ "TextAccent--accent-default": "_TextAccent--accent-default_1ew2z_3",
6
+ "TextAccent--accent-primary": "_TextAccent--accent-primary_1ew2z_6",
7
+ "TextAccent--accent-secondary": "_TextAccent--accent-secondary_1ew2z_9",
8
+ "TextAccent--accent-tertiary": "_TextAccent--accent-tertiary_1ew2z_12",
9
+ "TextAccent--accent-accentDark": "_TextAccent--accent-accentDark_1ew2z_15",
10
+ "TextAccent--accent-placeholder": "_TextAccent--accent-placeholder_1ew2z_18",
11
+ "TextAccent--accent-inverted": "_TextAccent--accent-inverted_1ew2z_21",
12
+ "TextAccent--accent-positive": "_TextAccent--accent-positive_1ew2z_24",
13
+ "TextAccent--accent-info": "_TextAccent--accent-info_1ew2z_27",
14
+ "TextAccent--accent-warning": "_TextAccent--accent-warning_1ew2z_30",
15
+ "TextAccent--accent-critical": "_TextAccent--accent-critical_1ew2z_33",
16
+ "TextAccent--accent-branded": "_TextAccent--accent-branded_1ew2z_36",
17
+ "TextAccent--accent-error": "_TextAccent--accent-error_1ew2z_39",
18
+ "TextAccent--accent-selected": "_TextAccent--accent-selected_1ew2z_42",
19
+ "TextAccent--accent-disabled": "_TextAccent--accent-disabled_1ew2z_45",
20
+ "TextAccent--accent-accent": "_TextAccent--accent-accent_1ew2z_15"
21
21
  };
22
22
  const TEXT_ACCENT = "TextAccent";
23
23
  const getTextAccentClassnames = (fallbackToDefault, accent) => {
@@ -1,19 +1,19 @@
1
1
  import { moduleClassNames, booleanClassNames } from "@preply/ds-web-core";
2
- import '../../assets/text-centered.css';const TextCentered = "_TextCentered_8wguy_2";
2
+ import '../../assets/text-centered.css';const TextCentered = "_TextCentered_2o2f3_2";
3
3
  const styles = {
4
4
  TextCentered,
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"
5
+ "TextCentered--centered": "_TextCentered--centered_2o2f3_2",
6
+ "TextCentered--initial": "_TextCentered--initial_2o2f3_5",
7
+ "TextCentered--narrow-l--centered": "_TextCentered--narrow-l--centered_2o2f3_9",
8
+ "TextCentered--narrow-l--initial": "_TextCentered--narrow-l--initial_2o2f3_12",
9
+ "TextCentered--medium-s--centered": "_TextCentered--medium-s--centered_2o2f3_17",
10
+ "TextCentered--medium-s--initial": "_TextCentered--medium-s--initial_2o2f3_20",
11
+ "TextCentered--medium-l--centered": "_TextCentered--medium-l--centered_2o2f3_25",
12
+ "TextCentered--medium-l--initial": "_TextCentered--medium-l--initial_2o2f3_28",
13
+ "TextCentered--wide-s--centered": "_TextCentered--wide-s--centered_2o2f3_33",
14
+ "TextCentered--wide-s--initial": "_TextCentered--wide-s--initial_2o2f3_36",
15
+ "TextCentered--wide-l--centered": "_TextCentered--wide-l--centered_2o2f3_41",
16
+ "TextCentered--wide-l--initial": "_TextCentered--wide-l--initial_2o2f3_44"
17
17
  };
18
18
  const TEXT_CENTERED = "TextCentered";
19
19
  const getTextCenteredClassnames = (centered) => {
@@ -1,13 +1,13 @@
1
1
  import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
2
- import '../../assets/text-weight.css';const TextWeight = "_TextWeight_1t3g1_3";
2
+ import '../../assets/text-weight.css';const TextWeight = "_TextWeight_z3te3_3";
3
3
  const styles = {
4
4
  TextWeight,
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"
5
+ "TextWeight--weight-400": "_TextWeight--weight-400_z3te3_3",
6
+ "TextWeight--weight-500": "_TextWeight--weight-500_z3te3_6",
7
+ "TextWeight--weight-700": "_TextWeight--weight-700_z3te3_9",
8
+ "TextWeight--weight-normal": "_TextWeight--weight-normal_z3te3_12",
9
+ "TextWeight--weight-medium": "_TextWeight--weight-medium_z3te3_15",
10
+ "TextWeight--weight-bold": "_TextWeight--weight-bold_z3te3_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.1",
3
+ "version": "1.0.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -21,37 +21,36 @@
21
21
  "dev": "vite build --watch"
22
22
  },
23
23
  "dependencies": {
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",
24
+ "@preply/ds-core": "1.0.0",
25
+ "@preply/ds-media-icons": "1.0.0",
26
+ "@preply/ds-visual-coverage-component-names": "1.0.0",
27
+ "@preply/ds-web-core": "1.0.0",
28
+ "@preply/ds-web-root": "1.0.0",
29
29
  "react-is": "^18.2.0",
30
30
  "sonner": "^1.5.0"
31
31
  },
32
32
  "peerDependencies": {
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",
33
+ "@preply/ds-core": "1.0.0",
34
+ "@preply/ds-media-icons": "1.0.0",
35
+ "@preply/ds-visual-coverage-component-names": "1.0.0",
36
+ "@preply/ds-web-core": "1.0.0",
37
+ "@preply/ds-web-root": "1.0.0",
38
38
  "react": "^16 || ^18",
39
39
  "react-dom": "^16 || ^18"
40
40
  },
41
41
  "devDependencies": {
42
- "@preply/ds-docs-toolkit": "0.100.1",
43
- "@preply/ds-theme-base-ui": "0.100.1",
44
- "@storybook/react": "8.3.1",
42
+ "@preply/ds-docs-toolkit": "1.0.0",
43
+ "@storybook/react": "8.3.5",
45
44
  "@testing-library/react": "16.0.1",
46
45
  "@types/react-is": "^18.2.0",
47
- "@vitejs/plugin-react": "^4.3.1",
46
+ "@vitejs/plugin-react": "^4.3.2",
48
47
  "jsdom-testing-mocks": "^1.7.0",
49
48
  "storybook-addon-code-editor": "^3.1.0",
50
49
  "typescript": "^4.9.5",
51
- "vite": "5.4.6",
52
- "vite-plugin-dts": "^4.2.1",
50
+ "vite": "5.4.9",
51
+ "vite-plugin-dts": "^4.2.4",
53
52
  "vite-plugin-lib-inject-css": "^2.1.1",
54
53
  "vite-plugin-svgr": "4.2.0"
55
54
  },
56
- "gitHead": "b223b2db60877f14dd662df37ec7f7287c63f747"
55
+ "gitHead": "7a056c5a84618fb94316a1907002f61a511468e1"
57
56
  }
@@ -1,27 +0,0 @@
1
- import './assets/index.css';const InputText = "_InputText_7tm5a_4";
2
- const InputPassword = "_InputPassword_7tm5a_11";
3
- const InputDate = "_InputDate_7tm5a_18";
4
- const InputTime = "_InputTime_7tm5a_25";
5
- const InputNumber = "_InputNumber_7tm5a_32";
6
- const Textarea = "_Textarea_7tm5a_39";
7
- const Checkbox = "_Checkbox_7tm5a_58";
8
- const Radio = "_Radio_7tm5a_61";
9
- const Select = "_Select_7tm5a_64";
10
- const styles = {
11
- InputText,
12
- InputPassword,
13
- InputDate,
14
- InputTime,
15
- InputNumber,
16
- Textarea,
17
- "Textarea--resize-none": "_Textarea--resize-none_7tm5a_46",
18
- "Textarea--resize-vertical": "_Textarea--resize-vertical_7tm5a_49",
19
- "Textarea--resize-horizontal": "_Textarea--resize-horizontal_7tm5a_52",
20
- "Textarea--resize-both": "_Textarea--resize-both_7tm5a_55",
21
- Checkbox,
22
- Radio,
23
- Select
24
- };
25
- export {
26
- styles as s
27
- };