@uniai-fe/uds-templates 0.5.2 → 0.5.3
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/styles.css
CHANGED
|
@@ -1928,7 +1928,7 @@
|
|
|
1928
1928
|
width: 100%;
|
|
1929
1929
|
}
|
|
1930
1930
|
|
|
1931
|
-
.edge-case:where([data-edge-case=not-found]) {
|
|
1931
|
+
.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) {
|
|
1932
1932
|
--alternate-layout-min-block-size: 100dvh;
|
|
1933
1933
|
--alternate-layout-gap: var(--spacing-gap-3);
|
|
1934
1934
|
--alternate-layout-figure-size: 128px;
|
|
@@ -1958,17 +1958,16 @@
|
|
|
1958
1958
|
border: 1px solid var(--color-border-assistive);
|
|
1959
1959
|
border-radius: var(--theme-radius-large-1);
|
|
1960
1960
|
background: var(--color-common-100);
|
|
1961
|
-
justify-content: flex-start;
|
|
1962
1961
|
}
|
|
1963
|
-
.edge-case:where([data-edge-case=not-found]) :where(.alternate-layout-figure) {
|
|
1962
|
+
.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-figure) {
|
|
1964
1963
|
margin-bottom: var(--spacing-gap-3);
|
|
1965
1964
|
}
|
|
1966
|
-
.edge-case:where([data-edge-case=not-found]) :where(.alternate-layout-contents) {
|
|
1965
|
+
.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-contents) {
|
|
1967
1966
|
white-space: nowrap;
|
|
1968
1967
|
}
|
|
1969
|
-
.edge-case:where([data-edge-case=not-found]) :where(.alternate-layout-contents) :where(p + p) {
|
|
1968
|
+
.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-contents) :where(p + p) {
|
|
1970
1969
|
margin-top: var(--spacing-gap-3);
|
|
1971
1970
|
}
|
|
1972
|
-
.edge-case:where([data-edge-case=not-found]) :where(.alternate-layout-button) {
|
|
1971
|
+
.edge-case:where(.edge-case-not-found, [data-edge-case=not-found]) :where(.alternate-layout-button) {
|
|
1973
1972
|
margin-top: var(--spacing-gap-3);
|
|
1974
1973
|
}
|
package/package.json
CHANGED
|
@@ -24,9 +24,10 @@ export default function EdgeCaseNotFound({
|
|
|
24
24
|
fallbackHref = "/",
|
|
25
25
|
onPrev,
|
|
26
26
|
}: EdgeCaseNotFoundProps) {
|
|
27
|
+
// 변경: data-edge-case forwarding이 없는 설치본에서도 NotFound preset 스타일이 적용되도록 class hook을 병행한다.
|
|
27
28
|
return (
|
|
28
29
|
<Alternate.Layout.Container
|
|
29
|
-
className={clsx("edge-case", className)}
|
|
30
|
+
className={clsx("edge-case", "edge-case-not-found", className)}
|
|
30
31
|
data-edge-case="not-found"
|
|
31
32
|
>
|
|
32
33
|
<Alternate.Layout.Figure>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
width: 100%;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.edge-case:where([data-edge-case="not-found"]) {
|
|
5
|
+
.edge-case:where(.edge-case-not-found, [data-edge-case="not-found"]) {
|
|
6
6
|
// 변경: NotFound는 페이지 단위 fallback preset이므로 Alternate.Layout의 최소 높이를 전체 viewport로 확장한다.
|
|
7
7
|
--alternate-layout-min-block-size: 100dvh;
|
|
8
8
|
--alternate-layout-gap: var(--spacing-gap-3);
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
border: 1px solid var(--color-border-assistive);
|
|
36
36
|
border-radius: var(--theme-radius-large-1);
|
|
37
37
|
background: var(--color-common-100);
|
|
38
|
-
justify-content: flex-start;
|
|
39
38
|
|
|
40
39
|
:where(.alternate-layout-figure) {
|
|
41
40
|
// 변경: not-found preset은 Alternate.Layout gap을 유지하되 Figma root gap 12px만 figure/button 쪽 margin으로 보정한다.
|