cherry-styled-components 0.1.3 → 0.1.5

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.
package/dist/cherry.js CHANGED
@@ -4946,6 +4946,8 @@ const Un = (t, a, o, n, c, r, h) => V`
4946
4946
  gap: 10px;
4947
4947
  text-overflow: ellipsis;
4948
4948
  justify-content: center;
4949
+ align-items: center;
4950
+ min-height: fit-content;
4949
4951
 
4950
4952
  & .icon,
4951
4953
  & .lucide {
@@ -531,6 +531,8 @@ To pass a single animation please supply them in simple values, e.g. animation('
531
531
  gap: 10px;
532
532
  text-overflow: ellipsis;
533
533
  justify-content: center;
534
+ align-items: center;
535
+ min-height: fit-content;
534
536
 
535
537
  & .icon,
536
538
  & .lucide {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cherry-styled-components",
3
- "version": "0.1.3",
3
+ "version": "0.1.5",
4
4
  "description": "Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.",
5
5
  "private": false,
6
6
  "type": "module",
@@ -30,7 +30,9 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "react": "^19.2.4",
33
- "react-dom": "^19.2.4"
33
+ "react-dom": "^19.2.4",
34
+ "lucide-react": "^0.563.0",
35
+ "polished": "^4.3.1"
34
36
  },
35
37
  "devDependencies": {
36
38
  "@types/node": "^25.2.1",
@@ -39,9 +41,7 @@
39
41
  "@vitejs/plugin-react": "^5.1.3",
40
42
  "eslint-plugin-react-hooks": "^7.0.1",
41
43
  "eslint-plugin-react-refresh": "^0.5.0",
42
- "lucide-react": "^0.563.0",
43
44
  "next": "^16.1.6",
44
- "polished": "^4.3.1",
45
45
  "prettier": "^3.8.1",
46
46
  "styled-components": "^6.3.8",
47
47
  "typescript": "^5.9.3",
@@ -41,6 +41,8 @@ export const buttonStyles = (
41
41
  gap: 10px;
42
42
  text-overflow: ellipsis;
43
43
  justify-content: center;
44
+ align-items: center;
45
+ min-height: fit-content;
44
46
 
45
47
  & .icon,
46
48
  & .lucide {