@wishket/design-system 1.16.11 → 1.17.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.
|
@@ -13,4 +13,4 @@
|
|
|
13
13
|
*/const i=({className:i,progressClassName:a,value:d})=>{const l=r(null);
|
|
14
14
|
// 커스텀 훅을 사용하여 애니메이션 처리
|
|
15
15
|
t(d,l);/*#__PURE__*/
|
|
16
|
-
return e("div",{"data-testid":"design-system-progress-indicator",className:s("h-1 w-full overflow-hidden rounded-full",i),children:/*#__PURE__*/e("div",{className:"h-full bg-w-gray-100","data-testid":"design-system-progress-indicator--background",style:{WebkitTransformStyle:"preserve-3d",transformStyle:"preserve-3d"},children:/*#__PURE__*/e("div",{ref:l,"data-testid":"design-system-progress-indicator--progress",className:s("h-full",
|
|
16
|
+
return e("div",{"data-testid":"design-system-progress-indicator",className:s("h-1 w-full overflow-hidden rounded-full",i),children:/*#__PURE__*/e("div",{className:"h-full bg-w-gray-100","data-testid":"design-system-progress-indicator--background",style:{WebkitTransformStyle:"preserve-3d",transformStyle:"preserve-3d"},children:/*#__PURE__*/e("div",{ref:l,"data-testid":"design-system-progress-indicator--progress",className:s("h-full",d>0?"bg-primary":"hidden",a),style:{transform:"translate3d(-100%, 0, 0)",WebkitTransform:"translate3d(-100%, 0, 0)",willChange:"transform",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}})})})};export{i as ProgressIndicator};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),i=require("./useProgressAnimation.js");exports.ProgressIndicator=({className:t,progressClassName:a,value:d})=>{const n=r.useRef(null);
|
|
2
2
|
// 커스텀 훅을 사용하여 애니메이션 처리
|
|
3
3
|
i.useProgressAnimation(d,n);/*#__PURE__*/
|
|
4
|
-
return e.jsx("div",{"data-testid":"design-system-progress-indicator",className:s.twMerge("h-1 w-full overflow-hidden rounded-full",t),children:/*#__PURE__*/e.jsx("div",{className:"h-full bg-w-gray-100","data-testid":"design-system-progress-indicator--background",style:{WebkitTransformStyle:"preserve-3d",transformStyle:"preserve-3d"},children:/*#__PURE__*/e.jsx("div",{ref:n,"data-testid":"design-system-progress-indicator--progress",className:s.twMerge("h-full",
|
|
4
|
+
return e.jsx("div",{"data-testid":"design-system-progress-indicator",className:s.twMerge("h-1 w-full overflow-hidden rounded-full",t),children:/*#__PURE__*/e.jsx("div",{className:"h-full bg-w-gray-100","data-testid":"design-system-progress-indicator--background",style:{WebkitTransformStyle:"preserve-3d",transformStyle:"preserve-3d"},children:/*#__PURE__*/e.jsx("div",{ref:n,"data-testid":"design-system-progress-indicator--progress",className:s.twMerge("h-full",d>0?"bg-primary":"hidden",a),style:{transform:"translate3d(-100%, 0, 0)",WebkitTransform:"translate3d(-100%, 0, 0)",willChange:"transform",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}})})})};
|
|
@@ -22,50 +22,62 @@ export const customizedPlugin = plugin(function ({ addUtilities, addBase, addVar
|
|
|
22
22
|
'.typo-title1': {
|
|
23
23
|
fontSize: '48px',
|
|
24
24
|
lineHeight: '64px',
|
|
25
|
+
letterSpacing: '0.48px',
|
|
25
26
|
},
|
|
26
27
|
'.typo-title2': {
|
|
27
28
|
fontSize: '32px',
|
|
28
29
|
lineHeight: '48px',
|
|
30
|
+
letterSpacing: '0.48px',
|
|
29
31
|
},
|
|
30
32
|
'.typo-title3': {
|
|
31
33
|
fontSize: '24px',
|
|
32
34
|
lineHeight: '36px',
|
|
35
|
+
letterSpacing: '0.48px',
|
|
33
36
|
},
|
|
34
37
|
'.typo-subTitle1': {
|
|
35
38
|
fontSize: '20px',
|
|
36
39
|
lineHeight: '30px',
|
|
40
|
+
letterSpacing: '0.48px',
|
|
37
41
|
},
|
|
38
42
|
'.typo-subTitle2': {
|
|
39
43
|
fontSize: '18px',
|
|
40
44
|
lineHeight: '28px',
|
|
45
|
+
letterSpacing: '0.48px',
|
|
41
46
|
},
|
|
42
47
|
'.typo-contents1': {
|
|
43
48
|
fontSize: '18px',
|
|
44
49
|
lineHeight: '32px',
|
|
50
|
+
letterSpacing: '0.48px',
|
|
45
51
|
},
|
|
46
52
|
'.typo-contents2': {
|
|
47
53
|
fontSize: '16px',
|
|
48
54
|
lineHeight: '30px',
|
|
55
|
+
letterSpacing: '0.48px',
|
|
49
56
|
},
|
|
50
57
|
'.typo-body1': {
|
|
51
58
|
fontSize: '16px',
|
|
52
59
|
lineHeight: '26px',
|
|
60
|
+
letterSpacing: '0.48px',
|
|
53
61
|
},
|
|
54
62
|
'.typo-body2': {
|
|
55
63
|
fontSize: '14px',
|
|
56
64
|
lineHeight: '24px',
|
|
65
|
+
letterSpacing: '0.48px',
|
|
57
66
|
},
|
|
58
67
|
'.typo-body3': {
|
|
59
68
|
fontSize: '13px',
|
|
60
69
|
lineHeight: '20px',
|
|
70
|
+
letterSpacing: '0.48px',
|
|
61
71
|
},
|
|
62
72
|
'.typo-caption1': {
|
|
63
73
|
fontSize: '12px',
|
|
64
74
|
lineHeight: '18px',
|
|
75
|
+
letterSpacing: '0.48px',
|
|
65
76
|
},
|
|
66
77
|
'.typo-caption2': {
|
|
67
78
|
fontSize: '11px',
|
|
68
79
|
lineHeight: '14px',
|
|
80
|
+
letterSpacing: '0.48px',
|
|
69
81
|
},
|
|
70
82
|
});
|
|
71
83
|
addBase({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wishket/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.17.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Wishket Design System",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -44,9 +44,10 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@savvywombat/tailwindcss-grid-areas": "^4.0.0",
|
|
46
46
|
"@wishket/yogokit": "^0.2.2",
|
|
47
|
-
"next": "15.
|
|
48
|
-
"react": "19.1.
|
|
49
|
-
"react-dom": "19.1.
|
|
47
|
+
"next": "15.5.4",
|
|
48
|
+
"react": "19.1.1",
|
|
49
|
+
"react-dom": "19.1.1",
|
|
50
|
+
"sharp": "^0.34.3",
|
|
50
51
|
"tailwind-merge": "^2.2.2",
|
|
51
52
|
"tailwind-scrollbar-hide": "^1.1.7"
|
|
52
53
|
},
|
|
@@ -73,15 +74,15 @@
|
|
|
73
74
|
"@types/faker": "^6",
|
|
74
75
|
"@types/jest": "^29.5.11",
|
|
75
76
|
"@types/node": "^20.11.0",
|
|
76
|
-
"@types/react": "19.1.
|
|
77
|
-
"@types/react-dom": "19.1.
|
|
77
|
+
"@types/react": "19.1.13",
|
|
78
|
+
"@types/react-dom": "19.1.9",
|
|
78
79
|
"@wishket/eslint-config-wishket": "^1.1.0",
|
|
79
80
|
"autoprefixer": "^10.4.18",
|
|
80
81
|
"babel-jest": "^29.7.0",
|
|
81
82
|
"chromatic": "^11.7.0",
|
|
82
83
|
"dotenv": "^16.3.1",
|
|
83
84
|
"eslint": "^8",
|
|
84
|
-
"eslint-config-next": "15.
|
|
85
|
+
"eslint-config-next": "15.5.4",
|
|
85
86
|
"eslint-plugin-storybook": "^0.6.15",
|
|
86
87
|
"jest": "^29.7.0",
|
|
87
88
|
"jest-dom": "^4.0.0",
|
|
@@ -113,9 +114,9 @@
|
|
|
113
114
|
],
|
|
114
115
|
"packageManager": "yarn@4.0.2",
|
|
115
116
|
"resolutions": {
|
|
116
|
-
"@types/react": "19.1.
|
|
117
|
-
"@types/react-dom": "19.1.
|
|
118
|
-
"react": "19.1.
|
|
119
|
-
"react-dom": "19.1.
|
|
117
|
+
"@types/react": "19.1.13",
|
|
118
|
+
"@types/react-dom": "19.1.9",
|
|
119
|
+
"react": "19.1.1",
|
|
120
|
+
"react-dom": "19.1.1"
|
|
120
121
|
}
|
|
121
122
|
}
|