@preply/ds-web-lib 6.2.1 → 7.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 (96) hide show
  1. package/dist/assets/Accordion.css +2 -2
  2. package/dist/assets/AlertDialog.css +2 -2
  3. package/dist/assets/Avatar.css +3 -147
  4. package/dist/assets/AvatarWithStatus.css +2 -26
  5. package/dist/assets/Badge.css +3 -3
  6. package/dist/assets/Box.css +17 -344
  7. package/dist/assets/BubbleCounter.css +1 -1
  8. package/dist/assets/Button.css +4 -4
  9. package/dist/assets/ButtonBase.css +7 -515
  10. package/dist/assets/Checkbox.css +1 -1
  11. package/dist/assets/Chips.css +2 -2
  12. package/dist/assets/ChipsPrimitive.css +2 -3
  13. package/dist/assets/CountryFlag.css +1 -1
  14. package/dist/assets/Dialog.css +3 -3
  15. package/dist/assets/Divider.css +1 -1
  16. package/dist/assets/DropdownMenu.css +2 -2
  17. package/dist/assets/FieldButton.css +5 -5
  18. package/dist/assets/FormControl.css +1 -1
  19. package/dist/assets/Heading.css +5 -375
  20. package/dist/assets/Icon.css +3 -33
  21. package/dist/assets/InputContainer.css +4 -4
  22. package/dist/assets/LayoutFlex.css +1 -1
  23. package/dist/assets/LayoutFlexItem.css +1 -1
  24. package/dist/assets/Link.css +3 -3
  25. package/dist/assets/Loader.css +1 -1
  26. package/dist/assets/OnboardingTooltip.css +1 -1
  27. package/dist/assets/OnboardingTour.css +1 -1
  28. package/dist/assets/PreplyLogo.css +1 -1
  29. package/dist/assets/ProgressBar.css +1 -1
  30. package/dist/assets/ProgressSteps.css +1 -1
  31. package/dist/assets/Slider.css +1 -1
  32. package/dist/assets/Spinner.css +3 -3
  33. package/dist/assets/Stars.css +3 -3
  34. package/dist/assets/Steps.css +2 -2
  35. package/dist/assets/Switch.css +1 -1
  36. package/dist/assets/Text.css +7 -1165
  37. package/dist/assets/TextHighlighted.css +4 -4
  38. package/dist/assets/TextInline.css +3 -7
  39. package/dist/assets/Toast.css +2 -2
  40. package/dist/assets/Tooltip.css +1 -1
  41. package/dist/assets/align-self.css +1 -1
  42. package/dist/assets/exp-color.css +2 -2
  43. package/dist/assets/layout-gap.css +3 -309
  44. package/dist/assets/layout-grid.css +3 -3
  45. package/dist/assets/layout-hide.css +1 -1
  46. package/dist/assets/layout-padding.css +3 -741
  47. package/dist/assets/layout-relative.css +1 -1
  48. package/dist/assets/text-accent.css +3 -15
  49. package/dist/assets/text-centered.css +1 -1
  50. package/dist/assets/text-weight.css +2 -11
  51. package/dist/components/Avatar/Avatar.js +0 -36
  52. package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +2 -2
  53. package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts.map +1 -1
  54. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +3 -7
  55. package/dist/components/Box/Box.d.ts +5 -5
  56. package/dist/components/Box/Box.d.ts.map +1 -1
  57. package/dist/components/Box/Box.js +15 -106
  58. package/dist/components/Heading/Heading.d.ts +2 -26
  59. package/dist/components/Heading/Heading.d.ts.map +1 -1
  60. package/dist/components/Heading/Heading.js +5 -71
  61. package/dist/components/Icon/Icon.d.ts +2 -6
  62. package/dist/components/Icon/Icon.d.ts.map +1 -1
  63. package/dist/components/Icon/Icon.js +3 -12
  64. package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
  65. package/dist/components/LayoutFlex/LayoutFlex.js +3 -1
  66. package/dist/components/LayoutFlex/style/getStyleAttrs.js +1 -1
  67. package/dist/components/LayoutFlex/tests/Gap.d.ts +0 -8
  68. package/dist/components/LayoutFlex/tests/Gap.d.ts.map +1 -1
  69. package/dist/components/LayoutFlex/tests/Gap.js +0 -96
  70. package/dist/components/LayoutFlex/tests/Padding.d.ts +0 -8
  71. package/dist/components/LayoutFlex/tests/Padding.d.ts.map +1 -1
  72. package/dist/components/LayoutFlex/tests/Padding.js +0 -96
  73. package/dist/components/PreplyLogo/PreplyLogo.d.ts +1 -9
  74. package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
  75. package/dist/components/PreplyLogo/PreplyLogo.js +3 -2
  76. package/dist/components/Text/Text.d.ts +1 -12
  77. package/dist/components/Text/Text.d.ts.map +1 -1
  78. package/dist/components/Text/Text.js +5 -149
  79. package/dist/components/TextInline/TextInline.d.ts +1 -6
  80. package/dist/components/TextInline/TextInline.d.ts.map +1 -1
  81. package/dist/components/TextInline/TextInline.js +5 -11
  82. package/dist/components/private/ButtonBase/ButtonBase.js +0 -66
  83. package/dist/{layout-gap.module-RzGBJL6B.js → layout-gap.module-MKn_un_k.js} +0 -48
  84. package/dist/layout-padding-D5I6rRlL.js +373 -0
  85. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  86. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  87. package/dist/shared-styles/layout-padding/layout-padding.d.ts +2 -2
  88. package/dist/shared-styles/layout-padding/layout-padding.d.ts.map +1 -1
  89. package/dist/shared-styles/layout-padding/layout-padding.js +3 -562
  90. package/dist/shared-styles/text-accent/text-accent.js +1 -5
  91. package/dist/shared-styles/text-weight/text-weight.js +0 -3
  92. package/package.json +13 -13
  93. package/dist/assets/color.css +0 -113
  94. package/dist/shared-styles/color/color.d.ts +0 -9
  95. package/dist/shared-styles/color/color.d.ts.map +0 -1
  96. package/dist/shared-styles/color/color.js +0 -49
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "6.2.1",
3
+ "version": "7.0.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -34,22 +34,22 @@
34
34
  "usehooks-ts": "^3.1.1"
35
35
  },
36
36
  "peerDependencies": {
37
- "@preply/ds-core": "6.2.1",
38
- "@preply/ds-media-icons": "6.2.1",
39
- "@preply/ds-visual-coverage-preply-component-names": "6.2.1",
40
- "@preply/ds-web-core": "6.2.1",
41
- "@preply/ds-web-root": "6.2.1",
37
+ "@preply/ds-core": "7.0.0",
38
+ "@preply/ds-media-icons": "7.0.0",
39
+ "@preply/ds-visual-coverage-preply-component-names": "7.0.0",
40
+ "@preply/ds-web-core": "7.0.0",
41
+ "@preply/ds-web-root": "7.0.0",
42
42
  "react": "^16 || ^18",
43
43
  "react-dom": "^16 || ^18",
44
44
  "react-intl": "^6.5.5"
45
45
  },
46
46
  "devDependencies": {
47
- "@preply/ds-core": "6.2.1",
48
- "@preply/ds-docs-toolkit": "6.2.1",
49
- "@preply/ds-media-icons": "6.2.1",
50
- "@preply/ds-visual-coverage-preply-component-names": "6.2.1",
51
- "@preply/ds-web-core": "6.2.1",
52
- "@preply/ds-web-root": "6.2.1",
47
+ "@preply/ds-core": "7.0.0",
48
+ "@preply/ds-docs-toolkit": "7.0.0",
49
+ "@preply/ds-media-icons": "7.0.0",
50
+ "@preply/ds-visual-coverage-preply-component-names": "7.0.0",
51
+ "@preply/ds-web-core": "7.0.0",
52
+ "@preply/ds-web-root": "7.0.0",
53
53
  "@storybook/react": "8.5.8",
54
54
  "@testing-library/react": "16.3.0",
55
55
  "@types/react-is": "^18.2.0",
@@ -64,5 +64,5 @@
64
64
  "vite-plugin-svgr": "4.5.0",
65
65
  "vitest-browser-react": "^0.1.1"
66
66
  },
67
- "gitHead": "b32d7f93b7fa9371987f37ebc062ddccca857759"
67
+ "gitHead": "e60aa4ee02c73211d6865039e75550fb7d187114"
68
68
  }
@@ -1,113 +0,0 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025 10:27:42 GMT+0000 (Coordinated Universal Time) */
3
- .Color__vfkGX.Color--color-white__dhbZ3 {
4
- color: var(--145676);
5
- }
6
- .Color__vfkGX.Color--color-gray-100__Zk7WH {
7
- color: var(--55407f);
8
- }
9
- .Color__vfkGX.Color--color-gray-200__4aiJx {
10
- color: var(--8f1238);
11
- }
12
- .Color__vfkGX.Color--color-gray-300__hUHAT {
13
- color: var(--da403c);
14
- }
15
- .Color__vfkGX.Color--color-gray-400__UnFMY {
16
- color: var(--7c8c3c);
17
- }
18
- .Color__vfkGX.Color--color-gray-500__1rqHI {
19
- color: var(--c9575b);
20
- }
21
- .Color__vfkGX.Color--color-gray-600__OsCla {
22
- color: var(--2fb6f7);
23
- }
24
- .Color__vfkGX.Color--color-teal-100__n8JqM {
25
- color: var(--54ed1d);
26
- }
27
- .Color__vfkGX.Color--color-teal-200__D4x1O {
28
- color: var(--b706bf);
29
- }
30
- .Color__vfkGX.Color--color-teal-300__odYHD {
31
- color: var(--4adefb);
32
- }
33
- .Color__vfkGX.Color--color-teal-400__ohehv {
34
- color: var(--de8a40);
35
- }
36
- .Color__vfkGX.Color--color-teal-500__qyXlt {
37
- color: var(--574543);
38
- }
39
- .Color__vfkGX.Color--color-green-100__qlOe0 {
40
- color: var(--1383a7);
41
- }
42
- .Color__vfkGX.Color--color-green-200__XMVsX {
43
- color: var(--9f1066);
44
- }
45
- .Color__vfkGX.Color--color-green-300__FUTe6 {
46
- color: var(--d4cf94);
47
- }
48
- .Color__vfkGX.Color--color-green-400__542BR {
49
- color: var(--bbfa9f);
50
- }
51
- .Color__vfkGX.Color--color-green-500__HbJM5 {
52
- color: var(--5f8b30);
53
- }
54
- .Color__vfkGX.Color--color-yellow-100__ZKwzt {
55
- color: var(--c7d8be);
56
- }
57
- .Color__vfkGX.Color--color-yellow-200__NjvdT {
58
- color: var(--17bab8);
59
- }
60
- .Color__vfkGX.Color--color-yellow-300__JWkj- {
61
- color: var(--f017e5);
62
- }
63
- .Color__vfkGX.Color--color-yellow-400__trxJ5 {
64
- color: var(--2242ed);
65
- }
66
- .Color__vfkGX.Color--color-yellow-500__dXsSN {
67
- color: var(--e40de4);
68
- }
69
- .Color__vfkGX.Color--color-red-100__FdHtS {
70
- color: var(--ecb5d5);
71
- }
72
- .Color__vfkGX.Color--color-red-200__7ufdo {
73
- color: var(--5b5cb0);
74
- }
75
- .Color__vfkGX.Color--color-red-300__D4ZuC {
76
- color: var(--d55c71);
77
- }
78
- .Color__vfkGX.Color--color-red-400__1uYf6 {
79
- color: var(--4e47fe);
80
- }
81
- .Color__vfkGX.Color--color-red-500__03-KE {
82
- color: var(--3e7877);
83
- }
84
- .Color__vfkGX.Color--color-blue-100__BCBQU {
85
- color: var(--21906f);
86
- }
87
- .Color__vfkGX.Color--color-blue-200__wG3gg {
88
- color: var(--5d87f3);
89
- }
90
- .Color__vfkGX.Color--color-blue-300__fPIft {
91
- color: var(--201e14);
92
- }
93
- .Color__vfkGX.Color--color-blue-400__4qSYd {
94
- color: var(--e1c27c);
95
- }
96
- .Color__vfkGX.Color--color-blue-500__ICwnS {
97
- color: var(--6a1420);
98
- }
99
- .Color__vfkGX.Color--color-magenta-100__Ioa9Q {
100
- color: var(--1a9963);
101
- }
102
- .Color__vfkGX.Color--color-magenta-200__uzkgK {
103
- color: var(--b774df);
104
- }
105
- .Color__vfkGX.Color--color-magenta-300__-jxy- {
106
- color: var(--f72cdd);
107
- }
108
- .Color__vfkGX.Color--color-magenta-400__MHtx9 {
109
- color: var(--6cbd80);
110
- }
111
- .Color__vfkGX.Color--color-magenta-500__UqKyb {
112
- color: var(--5893e7);
113
- }
@@ -1,9 +0,0 @@
1
- import { ColorName } from '@preply/ds-core';
2
- /**
3
- * Note: be careful with styles specificity.
4
- * It's possible that some of the styles will be overridden
5
- * by other components/hooks, that were rendered after this one.
6
- * See #incident-918 (https://preply.slack.com/archives/C05R913FCNR/p1694510587143179) for details
7
- */
8
- export declare const getColorClassNames: (color?: ColorName) => string[];
9
- //# sourceMappingURL=color.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/shared-styles/color/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAO5C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,WAAY,SAAS,KAAG,MAAM,EAE5D,CAAC"}
@@ -1,49 +0,0 @@
1
- import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
2
- import '../../assets/color.css';const Color = "Color__vfkGX";
3
- const styles = {
4
- Color,
5
- "Color--color-white": "Color--color-white__dhbZ3",
6
- "Color--color-gray-100": "Color--color-gray-100__Zk7WH",
7
- "Color--color-gray-200": "Color--color-gray-200__4aiJx",
8
- "Color--color-gray-300": "Color--color-gray-300__hUHAT",
9
- "Color--color-gray-400": "Color--color-gray-400__UnFMY",
10
- "Color--color-gray-500": "Color--color-gray-500__1rqHI",
11
- "Color--color-gray-600": "Color--color-gray-600__OsCla",
12
- "Color--color-teal-100": "Color--color-teal-100__n8JqM",
13
- "Color--color-teal-200": "Color--color-teal-200__D4x1O",
14
- "Color--color-teal-300": "Color--color-teal-300__odYHD",
15
- "Color--color-teal-400": "Color--color-teal-400__ohehv",
16
- "Color--color-teal-500": "Color--color-teal-500__qyXlt",
17
- "Color--color-green-100": "Color--color-green-100__qlOe0",
18
- "Color--color-green-200": "Color--color-green-200__XMVsX",
19
- "Color--color-green-300": "Color--color-green-300__FUTe6",
20
- "Color--color-green-400": "Color--color-green-400__542BR",
21
- "Color--color-green-500": "Color--color-green-500__HbJM5",
22
- "Color--color-yellow-100": "Color--color-yellow-100__ZKwzt",
23
- "Color--color-yellow-200": "Color--color-yellow-200__NjvdT",
24
- "Color--color-yellow-300": "Color--color-yellow-300__JWkj-",
25
- "Color--color-yellow-400": "Color--color-yellow-400__trxJ5",
26
- "Color--color-yellow-500": "Color--color-yellow-500__dXsSN",
27
- "Color--color-red-100": "Color--color-red-100__FdHtS",
28
- "Color--color-red-200": "Color--color-red-200__7ufdo",
29
- "Color--color-red-300": "Color--color-red-300__D4ZuC",
30
- "Color--color-red-400": "Color--color-red-400__1uYf6",
31
- "Color--color-red-500": "Color--color-red-500__03-KE",
32
- "Color--color-blue-100": "Color--color-blue-100__BCBQU",
33
- "Color--color-blue-200": "Color--color-blue-200__wG3gg",
34
- "Color--color-blue-300": "Color--color-blue-300__fPIft",
35
- "Color--color-blue-400": "Color--color-blue-400__4qSYd",
36
- "Color--color-blue-500": "Color--color-blue-500__ICwnS",
37
- "Color--color-magenta-100": "Color--color-magenta-100__Ioa9Q",
38
- "Color--color-magenta-200": "Color--color-magenta-200__uzkgK",
39
- "Color--color-magenta-300": "Color--color-magenta-300__-jxy-",
40
- "Color--color-magenta-400": "Color--color-magenta-400__MHtx9",
41
- "Color--color-magenta-500": "Color--color-magenta-500__UqKyb"
42
- };
43
- const COLOR = "Color";
44
- const getColorClassNames = (color) => {
45
- return moduleClassNames(styles, COLOR, [stringClassNames("color", color)]);
46
- };
47
- export {
48
- getColorClassNames
49
- };