@ihabdevteam/core 0.23.0 → 0.24.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.
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
/* 큰 정사각형 선택 카드 — 아이콘 · 제목 · 설명 · 행선지(CTA) */
|
|
2
2
|
.action-card {
|
|
3
|
-
/* tone 색: main 이 기본, sub 는 modifier 에서
|
|
3
|
+
/* tone 색: main 이 기본, sub 는 modifier 에서 덮는다.
|
|
4
|
+
**면과 글자를 가른다.** --ac-color 는 면을 칠하는 브랜드색이라 흰 카드 위
|
|
5
|
+
글자로 쓰면 안 읽힌다(main 2.90 · sub 1.91, 본문 기준 4.5). 바닥 행선지
|
|
6
|
+
글씨는 16px/600 이라 4.5 가 걸리므로 짙은 짝을 따로 둔다.
|
|
7
|
+
카드 색을 갈아 끼우는 쪽은 **둘 다** 덮어야 한다 — --ac-color 만 바꾸면
|
|
8
|
+
테두리·칩만 따라오고 글씨는 그대로다. 일부러 그렇게 두었다. */
|
|
4
9
|
--ac-color: var(--color-main);
|
|
5
10
|
--ac-color-a10: var(--color-main-a10);
|
|
11
|
+
--ac-color-text: var(--color-darkMain);
|
|
6
12
|
|
|
7
13
|
display: block;
|
|
8
14
|
width: 100%;
|
|
@@ -22,6 +28,7 @@
|
|
|
22
28
|
.action-card--sub {
|
|
23
29
|
--ac-color: var(--color-sub);
|
|
24
30
|
--ac-color-a10: var(--color-sub-a10);
|
|
31
|
+
--ac-color-text: var(--color-darkSub);
|
|
25
32
|
}
|
|
26
33
|
|
|
27
34
|
.action-card:focus-visible {
|
|
@@ -81,7 +88,8 @@
|
|
|
81
88
|
font-size: var(--text-body-2-size);
|
|
82
89
|
line-height: var(--text-body-2-line);
|
|
83
90
|
font-weight: var(--text-body-2-weight);
|
|
84
|
-
|
|
91
|
+
/* 테두리색(--color-lightGray, 2.48)이 아니라 글자용 회색을 쓴다 — 16px 본문이다 */
|
|
92
|
+
color: var(--color-gray);
|
|
85
93
|
}
|
|
86
94
|
|
|
87
95
|
/* 바닥 행선지 — tone 색, 우측 정렬, 호버에서 화살표가 앞으로 */
|
|
@@ -96,7 +104,7 @@
|
|
|
96
104
|
font-size: var(--text-body-2-size);
|
|
97
105
|
line-height: var(--text-body-2-line);
|
|
98
106
|
font-weight: var(--text-body-2-weight-bold);
|
|
99
|
-
color: var(--ac-color);
|
|
107
|
+
color: var(--ac-color-text);
|
|
100
108
|
}
|
|
101
109
|
|
|
102
110
|
.action-card__arrow {
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
--landing-header-border 아래 경계선 (기본 rgba(15,18,60,.05), transparent 로 끌 수 있음)
|
|
7
7
|
--landing-header-height 높이 (기본 72px)
|
|
8
8
|
--landing-header-link-color 가운데 링크 색 (기본 --color-deepGray)
|
|
9
|
-
--landing-header-link-hover 링크 hover 색 (기본 --color-
|
|
9
|
+
--landing-header-link-hover 링크 hover 색 (기본 --color-darkMain)
|
|
10
|
+
— 면을 칠하는 --color-main 은 이 지면에서 2.83 이라 글자로 못 쓴다
|
|
10
11
|
═══════════════════════════════════════════════════════════ */
|
|
11
12
|
|
|
12
13
|
.landing-header {
|
|
@@ -82,7 +83,7 @@
|
|
|
82
83
|
}
|
|
83
84
|
|
|
84
85
|
.landing-header__links a:hover {
|
|
85
|
-
color: var(--landing-header-link-hover, var(--color-
|
|
86
|
+
color: var(--landing-header-link-hover, var(--color-darkMain));
|
|
86
87
|
}
|
|
87
88
|
|
|
88
89
|
/* hover 시 왼쪽에서 오른쪽으로 차오르는 밑줄 */
|
|
@@ -177,7 +178,7 @@
|
|
|
177
178
|
|
|
178
179
|
.landing-header__drawer-item a:hover,
|
|
179
180
|
.landing-header__drawer-item a[aria-current='page'] {
|
|
180
|
-
color: var(--landing-header-link-hover, var(--color-
|
|
181
|
+
color: var(--landing-header-link-hover, var(--color-darkMain));
|
|
181
182
|
}
|
|
182
183
|
|
|
183
184
|
/* 좁은 화면 — 가운데 링크를 접고 햄버거로 연다 */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ihabdevteam/core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.24.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "dist/ihabdevteam-core.cjs.js",
|
|
6
6
|
"module": "dist/packages/core/src/index.js",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"dist/**/*.css"
|
|
102
102
|
],
|
|
103
103
|
"scripts": {
|
|
104
|
-
"build": "(rm -rf dist node_modules/.tmp/tsconfig.core.tsbuildinfo 2>/dev/null || true) && tsc -p tsconfig.json && postcss src/styles.css -o dist/ihabdevteam-core.css && CORE_CSS_NO_PREFIX=1 postcss src/tokens.css -o dist/ihabdevteam-core-tokens.css && cp src/fonts.css dist/ihabdevteam-core-fonts.css && mkdir -p dist/packages/core/src && find src -type f \\( -name '*.css' -o -name '*.svg' -o -name '*.mp3' -o -name '*.png' \\) | while IFS= read -r f; do d=$(dirname \"$f\"); mkdir -p \"dist/packages/core/$d\"; cp \"$f\" \"dist/packages/core/$d/\"; done && mkdir -p dist/logo && if [ -d src/logo ]; then cp -r src/logo/. dist/logo/; elif [ -d ../../logo ]; then cp -r ../../logo/. dist/logo/; elif [ -d ../../public/logo ]; then cp -r ../../public/logo/. dist/logo/; fi && node scripts/
|
|
104
|
+
"build": "(rm -rf dist node_modules/.tmp/tsconfig.core.tsbuildinfo 2>/dev/null || true) && tsc -p tsconfig.json && postcss src/styles.css -o dist/ihabdevteam-core.css && CORE_CSS_NO_PREFIX=1 postcss src/tokens.css -o dist/ihabdevteam-core-tokens.css && cp src/fonts.css dist/ihabdevteam-core-fonts.css && mkdir -p dist/packages/core/src && find src -type f \\( -name '*.css' -o -name '*.svg' -o -name '*.mp3' -o -name '*.png' \\) | while IFS= read -r f; do d=$(dirname \"$f\"); mkdir -p \"dist/packages/core/$d\"; cp \"$f\" \"dist/packages/core/$d/\"; done && mkdir -p dist/logo && if [ -d src/logo ]; then cp -r src/logo/. dist/logo/; elif [ -d ../../logo ]; then cp -r ../../logo/. dist/logo/; elif [ -d ../../public/logo ]; then cp -r ../../public/logo/. dist/logo/; fi && node scripts/check-build-outputs.mjs && rollup -c && cp dist/packages/core/src/index.d.ts dist/ihabdevteam-core.d.ts",
|
|
105
105
|
"extract-api": "api-extractor run --local --verbose",
|
|
106
106
|
"postbuild": "npm run extract-api",
|
|
107
107
|
"prepare": "npm run build",
|
|
@@ -120,7 +120,8 @@
|
|
|
120
120
|
"type-test": "tsd",
|
|
121
121
|
"test": "vitest --run --environment jsdom",
|
|
122
122
|
"coverage": "vitest --coverage --run --environment jsdom",
|
|
123
|
-
"audit:consumers": "node ./scripts/audit-consumers.cjs"
|
|
123
|
+
"audit:consumers": "node ./scripts/audit-consumers.cjs",
|
|
124
|
+
"audit:contrast": "node ./scripts/audit-contrast.cjs"
|
|
124
125
|
},
|
|
125
126
|
"vitest": {
|
|
126
127
|
"setupFiles": [
|