@snokam/ui 6.2.0 → 6.2.2
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/CHANGELOG.md +13 -0
- package/dist/components/controls/index.d.ts.map +1 -1
- package/dist/components/controls/index.js +8 -1
- package/dist/components/controls/index.js.map +1 -1
- package/dist/components/kpi/index.d.ts.map +1 -1
- package/dist/components/kpi/index.js +10 -0
- package/dist/components/kpi/index.js.map +1 -1
- package/dist/components/layout/container/styled.d.ts.map +1 -1
- package/dist/components/layout/container/styled.js +2 -1
- package/dist/components/layout/container/styled.js.map +1 -1
- package/dist/components/layout/index.d.ts +9 -0
- package/dist/components/layout/index.d.ts.map +1 -1
- package/dist/components/layout/index.js +3 -0
- package/dist/components/layout/index.js.map +1 -1
- package/dist/components/layout/styled.d.ts +5 -0
- package/dist/components/layout/styled.d.ts.map +1 -1
- package/dist/components/layout/styled.js +25 -1
- package/dist/components/layout/styled.js.map +1 -1
- package/dist/components/layout/utils.d.ts +1 -1
- package/dist/components/layout/utils.d.ts.map +1 -1
- package/dist/components/layout/utils.js +2 -2
- package/dist/components/layout/utils.js.map +1 -1
- package/dist/components/panel/index.d.ts.map +1 -1
- package/dist/components/panel/index.js +3 -0
- package/dist/components/panel/index.js.map +1 -1
- package/dist/components/system-page/styled.d.ts.map +1 -1
- package/dist/components/system-page/styled.js +3 -7
- package/dist/components/system-page/styled.js.map +1 -1
- package/dist/styles/global.css +39 -0
- package/dist/theme/build-theme.d.ts.map +1 -1
- package/dist/theme/build-theme.js +5 -2
- package/dist/theme/build-theme.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,19 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [6.2.2](https://github.com/snokam/components/compare/@snokam/ui@6.2.1...@snokam/ui@6.2.2) (2026-10-22)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **ui:** one shared page-fill rule across all apps ([#3013](https://github.com/snokam/components/issues/3013)) ([6d7583c](https://github.com/snokam/components/commit/6d7583ccaa6ee46c56683314ef552ec8613f806c))
|
|
11
|
+
|
|
12
|
+
## [6.2.1](https://github.com/snokam/components/compare/@snokam/ui@6.2.0...@snokam/ui@6.2.1) (2026-10-22)
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
- **ui:** mobile layout fixes across frontpage, events and my-page ([#3010](https://github.com/snokam/components/issues/3010)) ([3694f6c](https://github.com/snokam/components/commit/3694f6c99854a87f1b7162a0e1c301e1d89099b8))
|
|
17
|
+
- **ui:** second mobile pass — full-coverage review at 375px and 320px ([#3011](https://github.com/snokam/components/issues/3011)) ([a613f8b](https://github.com/snokam/components/commit/a613f8b9186148f5de9f06cfd8b2422a347aa565))
|
|
18
|
+
|
|
6
19
|
# [6.2.0](https://github.com/snokam/components/compare/@snokam/ui@6.1.0...@snokam/ui@6.2.0) (2026-10-16)
|
|
7
20
|
|
|
8
21
|
### Features
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,OAAO;;;yGAMnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,OAAO;;;yGAMnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAoCF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAoB,EACpB,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,+BAWA;AAED,eAAO,MAAM,UAAU;;;;aAA4B,OAAO;qHAmBzD,CAAC;AAkCF,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE;IACD,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACpC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,+BAgBA"}
|
|
@@ -14,6 +14,7 @@ export const ToolbarSpacer = styled.div `
|
|
|
14
14
|
`;
|
|
15
15
|
const SearchShell = styled.label `
|
|
16
16
|
display: inline-flex;
|
|
17
|
+
max-width: 100%;
|
|
17
18
|
align-items: center;
|
|
18
19
|
gap: ${SPACE.sm};
|
|
19
20
|
height: 40px;
|
|
@@ -37,7 +38,8 @@ const SearchShell = styled.label `
|
|
|
37
38
|
background: transparent;
|
|
38
39
|
font: 400 0.9rem/1 ${tokens.font};
|
|
39
40
|
color: var(--o-text);
|
|
40
|
-
|
|
41
|
+
flex: 1 1 200px;
|
|
42
|
+
min-width: 0;
|
|
41
43
|
}
|
|
42
44
|
input::placeholder {
|
|
43
45
|
color: var(--o-text-faint);
|
|
@@ -67,6 +69,9 @@ export const FilterPill = styled.button `
|
|
|
67
69
|
`;
|
|
68
70
|
const TabsShell = styled.div `
|
|
69
71
|
display: inline-flex;
|
|
72
|
+
max-width: 100%;
|
|
73
|
+
overflow-x: auto;
|
|
74
|
+
scrollbar-width: none;
|
|
70
75
|
padding: 4px;
|
|
71
76
|
gap: 2px;
|
|
72
77
|
border-radius: ${RADIUS.md};
|
|
@@ -74,6 +79,8 @@ const TabsShell = styled.div `
|
|
|
74
79
|
border: 1px solid var(--o-border);
|
|
75
80
|
`;
|
|
76
81
|
const Tab = styled.button `
|
|
82
|
+
flex-shrink: 0;
|
|
83
|
+
white-space: nowrap;
|
|
77
84
|
height: 34px;
|
|
78
85
|
padding: 0 ${SPACE.lg};
|
|
79
86
|
border: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/controls/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGxB,KAAK,CAAC,EAAE;;mBAEE,KAAK,CAAC,EAAE;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/controls/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;yGAUnB,CAAC;AA6BF,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,+BAqBA"}
|
|
@@ -9,6 +9,11 @@ export const KpiGrid = styled.div `
|
|
|
9
9
|
grid-template-columns: repeat(auto-fit, minmax(170px, 220px));
|
|
10
10
|
justify-content: start;
|
|
11
11
|
gap: ${SPACE.lg};
|
|
12
|
+
|
|
13
|
+
@media (max-width: 600px) {
|
|
14
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
15
|
+
gap: ${SPACE.md};
|
|
16
|
+
}
|
|
12
17
|
`;
|
|
13
18
|
const KpiLabel = styled.div `
|
|
14
19
|
font: 600 0.72rem/1 ${tokens.font};
|
|
@@ -23,6 +28,11 @@ const KpiValue = styled.div `
|
|
|
23
28
|
system-ui,
|
|
24
29
|
sans-serif;
|
|
25
30
|
color: var(--o-text);
|
|
31
|
+
overflow-wrap: anywhere;
|
|
32
|
+
|
|
33
|
+
@media (max-width: 600px) {
|
|
34
|
+
font-size: 1.6rem;
|
|
35
|
+
}
|
|
26
36
|
`;
|
|
27
37
|
const KpiTrend = styled.div `
|
|
28
38
|
margin-top: ${SPACE.sm};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIxB,KAAK,CAAC,EAAE
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/kpi/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIxB,KAAK,CAAC,EAAE;;;;WAIN,KAAK,CAAC,EAAE;;CAElB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;wBACH,MAAM,CAAC,IAAI;;;;CAIlC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;;;;;;;;;;;CAWvB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;gBACX,KAAK,CAAC,EAAE;yBACC,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAIF,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAQR;IACC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAE,OAAO,KAAK,EAAE,YACrB,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,EACX,KAAC,QAAQ,cACP,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,GAAG,GACf,IACV,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC3B,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,KAAK,GAAY,CAAC,CAAC,CAAC,IAAI,IAC3C,CACJ,GACI,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;;;;;;eAG/C,WAAW;oBACN,eAAe;;;;;;;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;;;;;;eAG/C,WAAW;oBACN,eAAe;;;;;;;AAuC7B,wBAAuC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAmB,MAAM,UAAU,CAAC;AAExD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAG1B
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/layout/container/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAmB,MAAM,UAAU,CAAC;AAExD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAG1B;;;;;;;;;;;;;;IAcE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,WAAW,CAAC,IAAI;IACxB,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE9B,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { pageColumn } from "./styled";
|
|
1
2
|
export declare const Section: import("@emotion/styled").StyledComponent<{
|
|
2
3
|
theme?: import("@emotion/react").Theme;
|
|
3
4
|
as?: React.ElementType;
|
|
@@ -6,6 +7,10 @@ export declare const Content: import("@emotion/styled").StyledComponent<{
|
|
|
6
7
|
theme?: import("@emotion/react").Theme;
|
|
7
8
|
as?: React.ElementType;
|
|
8
9
|
} & import("./types").ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const Page: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
14
|
export declare enum Breakpoints {
|
|
10
15
|
xs = 576,
|
|
11
16
|
sm = 768,
|
|
@@ -23,6 +28,10 @@ declare const _default: {
|
|
|
23
28
|
theme?: import("@emotion/react").Theme;
|
|
24
29
|
as?: React.ElementType;
|
|
25
30
|
} & import("./types").ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
31
|
+
Page: import("@emotion/styled").StyledComponent<{
|
|
32
|
+
theme?: import("@emotion/react").Theme;
|
|
33
|
+
as?: React.ElementType;
|
|
34
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
35
|
};
|
|
27
36
|
export default _default;
|
|
28
37
|
export * from "./types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,OAAO;;;0IAAiB,CAAC;AACtC,eAAO,MAAM,IAAI;;;yGAAc,CAAC;AAEhC,oBAAY,WAAW;IACrB,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,OAAO;IACT,EAAE,OAAO;CACV;;;;;;;;;;;;;;;;AAED,wBAKE;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import Styled from "./styled";
|
|
3
|
+
export { pageColumn } from "./styled";
|
|
3
4
|
import Container from "./container";
|
|
4
5
|
export const Section = Styled.Section;
|
|
5
6
|
export const Content = Styled.Content;
|
|
7
|
+
export const Page = Styled.Page;
|
|
6
8
|
export var Breakpoints;
|
|
7
9
|
(function (Breakpoints) {
|
|
8
10
|
Breakpoints[Breakpoints["xs"] = 576] = "xs";
|
|
@@ -15,6 +17,7 @@ export default {
|
|
|
15
17
|
Container,
|
|
16
18
|
Section,
|
|
17
19
|
Content,
|
|
20
|
+
Page,
|
|
18
21
|
};
|
|
19
22
|
export * from "./types";
|
|
20
23
|
export { PageHeader } from "./PageHeader";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAEhC,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,2CAAQ,CAAA;IACR,4CAAS,CAAA;IACT,4CAAS,CAAA;AACX,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,eAAe;IACb,SAAS;IACT,OAAO;IACP,OAAO;IACP,IAAI;CACL,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ContentProps, SectionProps } from "./types";
|
|
2
|
+
export declare const pageColumn: import("@emotion/react").SerializedStyles;
|
|
2
3
|
declare const _default: {
|
|
3
4
|
Section: import("@emotion/styled").StyledComponent<{
|
|
4
5
|
theme?: import("@emotion/react").Theme;
|
|
@@ -8,6 +9,10 @@ declare const _default: {
|
|
|
8
9
|
theme?: import("@emotion/react").Theme;
|
|
9
10
|
as?: React.ElementType;
|
|
10
11
|
} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
+
Page: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
as?: React.ElementType;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
16
|
};
|
|
12
17
|
export default _default;
|
|
13
18
|
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAW,YAAY,EAAS,MAAM,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAW,YAAY,EAAS,MAAM,SAAS,CAAC;AA+ErE,eAAO,MAAM,UAAU,2CAQtB,CAAC;;;;;;;;;;;;;;;AASF,wBAA0C"}
|
|
@@ -7,6 +7,10 @@ const Section = styled.div `
|
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
|
|
10
|
+
> * {
|
|
11
|
+
max-width: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
10
14
|
${({ stretchItems = false }) => stretchItems
|
|
11
15
|
? css `
|
|
12
16
|
align-items: stretch;
|
|
@@ -64,5 +68,25 @@ const Content = styled.div `
|
|
|
64
68
|
}}
|
|
65
69
|
}
|
|
66
70
|
`;
|
|
67
|
-
|
|
71
|
+
// The one rule every page column uses: stack children and let the last band
|
|
72
|
+
// stretch to the bottom, so short pages never show a strip of another colour
|
|
73
|
+
// below it. A trailing footer keeps its height; the band before it grows.
|
|
74
|
+
// Shells apply it to their scroll column; pages wrap their bands in Layout.Page.
|
|
75
|
+
// Mirrored for the bare <main> element in styles/global.css.
|
|
76
|
+
export const pageColumn = css `
|
|
77
|
+
display: flex;
|
|
78
|
+
flex-direction: column;
|
|
79
|
+
|
|
80
|
+
> :last-child:not(footer),
|
|
81
|
+
> :has(+ footer) {
|
|
82
|
+
flex: 1 0 auto;
|
|
83
|
+
}
|
|
84
|
+
`;
|
|
85
|
+
const Page = styled.div `
|
|
86
|
+
${pageColumn};
|
|
87
|
+
flex: 1 0 auto;
|
|
88
|
+
width: 100%;
|
|
89
|
+
min-width: 0;
|
|
90
|
+
`;
|
|
91
|
+
export default { Section, Content, Page };
|
|
68
92
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAgB,OAAO,EAAgB,KAAK,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAgB,OAAO,EAAgB,KAAK,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;;;;;;IAQpC,CAAC,EAAE,YAAY,GAAG,KAAK,EAAE,EAAE,EAAE,CAC7B,YAAY;IACV,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;SAEF;;IAEL,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE;IAChC,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,MAAM,GAAG,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAE/D,OAAO,GAAG,CAAA;uBACO,GAAG;0BACA,MAAM;OACzB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACvC,OAAO,GAAG,CAAA;iBACG,KAAK;KACjB,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;;;;;;;;;MAWlC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,KAAK,CAAC,IAAI;YACb,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,WAAW;YACpB,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,MAAM;YACf,OAAO,GAAG,CAAA;;WAET,CAAC;QACJ,KAAK,KAAK,CAAC,MAAM,CAAC;QAClB;YACE,OAAO,GAAG,CAAA;;WAET,CAAC;IACN,CAAC;AACH,CAAC;;CAEJ,CAAC;AAEF,4EAA4E;AAC5E,6EAA6E;AAC7E,0EAA0E;AAC1E,iFAAiF;AACjF,6DAA6D;AAC7D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;CAQ5B,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;IACnB,UAAU;;;;CAIb,CAAC;AAEF,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Padding } from "./types";
|
|
2
|
-
export declare const getPaddingValue: (padding: Padding) => "0" | "6rem" | "4rem" | "2rem";
|
|
2
|
+
export declare const getPaddingValue: (padding: Padding) => "0" | "clamp(3rem, 12vw, 6rem)" | "clamp(2.5rem, 8vw, 4rem)" | "2rem";
|
|
3
3
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/layout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/layout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,0EAY/C,CAAC"}
|
|
@@ -4,9 +4,9 @@ export const getPaddingValue = (padding) => {
|
|
|
4
4
|
case Padding.None:
|
|
5
5
|
return "0";
|
|
6
6
|
case Padding.Large:
|
|
7
|
-
return "6rem";
|
|
7
|
+
return "clamp(3rem, 12vw, 6rem)";
|
|
8
8
|
case Padding.Medium:
|
|
9
|
-
return "4rem";
|
|
9
|
+
return "clamp(2.5rem, 8vw, 4rem)";
|
|
10
10
|
case Padding.Small:
|
|
11
11
|
default:
|
|
12
12
|
return "2rem";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/layout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IAClD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO,CAAC,IAAI;YACf,OAAO,GAAG,CAAC;QACb,KAAK,OAAO,CAAC,KAAK;YAChB,OAAO,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/layout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IAClD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO,CAAC,IAAI;YACf,OAAO,GAAG,CAAC;QACb,KAAK,OAAO,CAAC,KAAK;YAChB,OAAO,yBAAyB,CAAC;QACnC,KAAK,OAAO,CAAC,MAAM;YACjB,OAAO,0BAA0B,CAAC;QACpC,KAAK,OAAO,CAAC,KAAK,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BlC,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAUA;AAiCD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,+BAUA"}
|
|
@@ -4,6 +4,7 @@ import styled from "@emotion/styled";
|
|
|
4
4
|
import { tokens, SPACE } from "@snokam/ui/tokens";
|
|
5
5
|
const PanelHeader = styled.div `
|
|
6
6
|
display: flex;
|
|
7
|
+
flex-wrap: wrap;
|
|
7
8
|
align-items: center;
|
|
8
9
|
justify-content: space-between;
|
|
9
10
|
gap: ${SPACE.md};
|
|
@@ -28,6 +29,7 @@ export function Panel({ title, action, children, }) {
|
|
|
28
29
|
}
|
|
29
30
|
const Row = styled.div `
|
|
30
31
|
display: flex;
|
|
32
|
+
flex-wrap: wrap;
|
|
31
33
|
align-items: center;
|
|
32
34
|
justify-content: space-between;
|
|
33
35
|
gap: ${SPACE.lg};
|
|
@@ -48,6 +50,7 @@ const RowMeta = styled.div `
|
|
|
48
50
|
`;
|
|
49
51
|
const RowEnd = styled.div `
|
|
50
52
|
display: flex;
|
|
53
|
+
flex-wrap: wrap;
|
|
51
54
|
align-items: center;
|
|
52
55
|
gap: ${SPACE.md};
|
|
53
56
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;SAKrB,KAAK,CAAC,EAAE;oBACG,KAAK,CAAC,EAAE;mBACT,KAAK,CAAC,EAAE;;CAE1B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO3B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAA;;;CAG/B,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GAMT;IACC,OAAO,CACL,MAAC,SAAS,eACR,MAAC,WAAW,eACV,KAAC,UAAU,cAAE,KAAK,GAAc,EAC/B,MAAM,IACK,EACb,QAAQ,IACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;SAKb,KAAK,CAAC,EAAE;aACJ,KAAK,CAAC,EAAE;;;;;CAKpB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;0BACA,MAAM,CAAC,IAAI;;CAEpC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;yBAED,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIhB,KAAK,CAAC,EAAE;CAChB,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GAKJ;IACC,OAAO,CACL,MAAC,GAAG,eACF,0BACE,KAAC,OAAO,cAAE,IAAI,GAAW,EACxB,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,IACpC,EACL,GAAG,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,GAAG,GAAU,CAAC,CAAC,CAAC,IAAI,IAChC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,KAAK;;;yGAgBjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;eAA2B,OAAO;yGAatD,CAAC;AAEF,eAAO,MAAM,IAAI;;;mGAShB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAYnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yGAWjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAgBrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;qHAQhB,CAAC;AAEF,eAAO,MAAM,KAAK;;;iHAKjB,CAAC;AAEF,eAAO,MAAM,MAAM;;;mGAUlB,CAAC;AAEF,eAAO,MAAM,OAAO;;;qHAKnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAMnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAmBvB,CAAC;AAwBF,eAAO,MAAM,WAAW;;;qHAEvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAKrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;qHAoBzB,CAAC"}
|
|
@@ -3,16 +3,15 @@ import styled from "@emotion/styled";
|
|
|
3
3
|
import { css, keyframes } from "@emotion/react";
|
|
4
4
|
import Link from "next/link";
|
|
5
5
|
import { WAVE_OVERLAP_PX } from "../layout/types";
|
|
6
|
+
import { pageColumn } from "../layout/styled";
|
|
6
7
|
const rise = keyframes `
|
|
7
8
|
from { opacity: 0; transform: translateY(12px); }
|
|
8
9
|
to { opacity: 1; transform: translateY(0); }
|
|
9
10
|
`;
|
|
10
11
|
export const Shell = styled.div `
|
|
11
12
|
position: relative;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
flex: none;
|
|
15
|
-
}
|
|
13
|
+
${pageColumn};
|
|
14
|
+
flex: 1 0 auto;
|
|
16
15
|
|
|
17
16
|
@media (prefers-reduced-motion: reduce) {
|
|
18
17
|
*,
|
|
@@ -22,9 +21,6 @@ export const Shell = styled.div `
|
|
|
22
21
|
}
|
|
23
22
|
}
|
|
24
23
|
|
|
25
|
-
min-height: 100vh;
|
|
26
|
-
display: flex;
|
|
27
|
-
flex-direction: column;
|
|
28
24
|
overflow-x: clip;
|
|
29
25
|
background: var(--color-primary, #071d41);
|
|
30
26
|
color: var(--color-light-blue, #e1f8ff);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,IAAI,GAAG,SAAS,CAAA;;;CAGrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;IAE3B,UAAU;;;;;;;;;;;;;;CAcb,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;oBAOtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;CAM9E,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;CAS9B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;eAOlB,IAAI;;;;;CAKlB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;eAMhB,IAAI;;;;;CAKlB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;CAQ3B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;CAUhC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAK9B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMhC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;CAmBtC,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBhB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;IACpC,KAAK;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;IAC7B,KAAK;;;;CAIR,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;CAoBzC,CAAC"}
|
package/dist/styles/global.css
CHANGED
|
@@ -13,6 +13,7 @@ body {
|
|
|
13
13
|
padding: 0;
|
|
14
14
|
scroll-behavior: smooth;
|
|
15
15
|
overflow-wrap: break-word;
|
|
16
|
+
overflow-x: clip;
|
|
16
17
|
margin: 0;
|
|
17
18
|
}
|
|
18
19
|
|
|
@@ -58,12 +59,19 @@ body {
|
|
|
58
59
|
flex-direction: column;
|
|
59
60
|
}
|
|
60
61
|
|
|
62
|
+
/* Same rule as pageColumn in components/layout/styled.tsx */
|
|
61
63
|
main {
|
|
62
64
|
flex: 1;
|
|
63
65
|
display: flex;
|
|
64
66
|
flex-direction: column;
|
|
65
67
|
}
|
|
66
68
|
|
|
69
|
+
main > :last-child:not(footer),
|
|
70
|
+
main > :has(+ footer),
|
|
71
|
+
body > :has(+ footer) {
|
|
72
|
+
flex: 1 0 auto;
|
|
73
|
+
}
|
|
74
|
+
|
|
67
75
|
/* Fonts */
|
|
68
76
|
|
|
69
77
|
@font-face {
|
|
@@ -209,6 +217,37 @@ li {
|
|
|
209
217
|
line-height: 1.75rem;
|
|
210
218
|
}
|
|
211
219
|
|
|
220
|
+
@media only screen and (max-width: 575px) {
|
|
221
|
+
h1,
|
|
222
|
+
h2,
|
|
223
|
+
h3,
|
|
224
|
+
h4,
|
|
225
|
+
h5 {
|
|
226
|
+
hyphens: auto;
|
|
227
|
+
hyphenate-limit-chars: 12 5 5;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
h1 {
|
|
231
|
+
font-size: clamp(2rem, 8vw, 3rem);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
h2 {
|
|
235
|
+
font-size: clamp(1.75rem, 7vw, 2.75rem);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
h3 {
|
|
239
|
+
font-size: clamp(1.5rem, 6.5vw, 2.5rem);
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
h4 {
|
|
243
|
+
font-size: clamp(1.375rem, 6vw, 2.25rem);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
h5 {
|
|
247
|
+
font-size: clamp(1.25rem, 5.5vw, 2rem);
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
|
|
212
251
|
@media only screen and (min-width: 576px) {
|
|
213
252
|
h1 {
|
|
214
253
|
font-size: 3.625rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"build-theme.d.ts","sourceRoot":"","sources":["../../src/theme/build-theme.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"build-theme.d.ts","sourceRoot":"","sources":["../../src/theme/build-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,KAAK,IAAI,QAAQ,EACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAWnB,CAAC;AAwDX,wBAAgB,UAAU,CAAC,MAAM,EAAE,KAAK,GAAG,QAAQ,CAElD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createTheme } from "@mui/material/styles";
|
|
1
|
+
import { createTheme, responsiveFontSizes, } from "@mui/material/styles";
|
|
2
2
|
export const sharedComponents = {
|
|
3
3
|
MuiAppBar: {
|
|
4
4
|
styleOverrides: {
|
|
@@ -15,7 +15,7 @@ const typography = {
|
|
|
15
15
|
fontFamily: `"DM Sans", system-ui, sans-serif`,
|
|
16
16
|
button: { textTransform: "none" },
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
function buildBaseTheme(scheme) {
|
|
19
19
|
if (scheme === "light") {
|
|
20
20
|
return createTheme({
|
|
21
21
|
palette: {
|
|
@@ -63,4 +63,7 @@ export function buildTheme(scheme) {
|
|
|
63
63
|
components: sharedComponents,
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
|
+
export function buildTheme(scheme) {
|
|
67
|
+
return responsiveFontSizes(buildBaseTheme(scheme));
|
|
68
|
+
}
|
|
66
69
|
//# sourceMappingURL=build-theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"build-theme.js","sourceRoot":"","sources":["../../src/theme/build-theme.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"build-theme.js","sourceRoot":"","sources":["../../src/theme/build-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,mBAAmB,GAEpB,MAAM,sBAAsB,CAAC;AAG9B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE;QACT,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,eAAe,EAAE,8BAA8B;gBAC/C,KAAK,EAAE,uCAAuC;gBAC9C,eAAe,EAAE,MAAM;gBACvB,SAAS,EAAE,wCAAwC;aACpD;SACF;KACF;CACO,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,UAAU,EAAE,kCAAkC;IAC9C,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;CACzB,CAAC;AAEX,SAAS,cAAc,CAAC,MAAa;IACnC,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,WAAW,CAAC;YACjB,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE;gBACrD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE;gBACvD,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACpD,IAAI,EAAE;oBACJ,OAAO,EAAE,SAAS;oBAClB,SAAS,EAAE,uBAAuB;oBAClC,QAAQ,EAAE,uBAAuB;iBAClC;gBACD,OAAO,EAAE,uBAAuB;gBAChC,MAAM,EAAE;oBACN,KAAK,EAAE,uBAAuB;oBAC9B,QAAQ,EAAE,2BAA2B;oBACrC,MAAM,EAAE,SAAS;iBAClB;aACF;YACD,UAAU;YACV,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;YAC3B,UAAU,EAAE,gBAAgB;SAC7B,CAAC,CAAC;IACL,CAAC;IACD,OAAO,WAAW,CAAC;QACjB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE;YACrD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE;YACvD,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACpD,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;gBAClB,SAAS,EAAE,2BAA2B;gBACtC,QAAQ,EAAE,2BAA2B;aACtC;YACD,OAAO,EAAE,2BAA2B;YACpC,MAAM,EAAE;gBACN,KAAK,EAAE,2BAA2B;gBAClC,QAAQ,EAAE,2BAA2B;gBACrC,MAAM,EAAE,SAAS;aAClB;SACF;QACD,UAAU;QACV,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;QAC3B,UAAU,EAAE,gBAAgB;KAC7B,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,MAAa;IACtC,OAAO,mBAAmB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AACrD,CAAC"}
|
package/package.json
CHANGED