@snokam/ui 2.2.0 → 3.0.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,21 @@
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
+ # [3.0.0](https://github.com/snokam/components/compare/@snokam/ui@2.2.0...@snokam/ui@3.0.0) (2026-10-04)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **platform-web:** Apper & moduler attention per capability, provider choice, surfaced errors; footer links passed in; event dates in one zone ([#2610](https://github.com/snokam/components/issues/2610)) ([1d102fc](https://github.com/snokam/components/commit/1d102fca8ae6706a2613734b4ea5fac4caf2298f))
11
+
12
+ ### BREAKING CHANGES
13
+
14
+ - **platform-web:** `showFaq`/`showContact` are removed from @snokam/footer. Pass
15
+ links via `extraLinks`. Each Snøkam app now renders a local SiteFooter that adds
16
+ FAQ/Kontakt with Sanity copy (footerFaqLinkText/footerContactLinkText);
17
+ platform-web uses one footer wrapper (theme/Footer.tsx) reused by SystemChrome.
18
+
19
+ Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
20
+
6
21
  # [2.2.0](https://github.com/snokam/components/compare/@snokam/ui@2.1.0...@snokam/ui@2.2.0) (2026-10-04)
7
22
 
8
23
  ### Features
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Wave/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;;;;;kBAyEA,QAAQ;;;;;;eAiBb,OAAO;eAAS,OAAO;;;;;;;;;;eAxCxB,KAAK;;;;;;eA5BD,WAAW;;;AA8ElD,wBAAiE"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Wave/styled.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAmB,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;;;;;kBAyEA,QAAQ;;;;;;eAiBb,OAAO;eAAS,OAAO;;;;;;;;;;eAxCxB,KAAK;;;;;;eA5BD,WAAW;;;AA8ElD,wBAAiE"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import styled from "@emotion/styled";
3
3
  import { css } from "@emotion/react";
4
- import { Position, LayoutTheme } from "../../../types";
4
+ import { Position, LayoutTheme, WAVE_OVERLAP_PX } from "../../../types";
5
5
  const Curve = styled.div `
6
6
  height: 100%;
7
7
  width: 100%;
@@ -69,15 +69,15 @@ const Container = styled.div `
69
69
  position: absolute;
70
70
  pointer-events: none;
71
71
  z-index: 1;
72
- height: 200px;
72
+ height: ${WAVE_OVERLAP_PX * 2}px;
73
73
  width: 100%;
74
74
 
75
75
  ${({ position }) => position === Position.Top
76
76
  ? css `
77
- top: -100px;
77
+ top: -${WAVE_OVERLAP_PX}px;
78
78
  `
79
79
  : css `
80
- bottom: -100px;
80
+ bottom: -${WAVE_OVERLAP_PX}px;
81
81
  `}
82
82
  `;
83
83
  const Content = styled.div `
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Wave/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGvD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;IAIpB,GAAG,EAAE;IACL,MAAM,GAAG,GAAG;;;aAGH,CAAC;IAEV,MAAM,WAAW,GAAG,mCAAmC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IAEjF,OAAO,GAAG,CAAA;mBACK,WAAW;;;KAGzB,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;IAIjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,WAAW,CAAC,IAAI;IACxB,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;;;;;;;CAOR,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;;;IAOvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,MAAM,GAAG,GAAG;;yEAEyD,KAAK;aACjE,CAAC;IAEV,MAAM,OAAO,GAAG,mCAAmC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IAE7E,OAAO,GAAG,CAAA;yBACW,OAAO;;;KAG3B,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;IAOhD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ,KAAK,QAAQ,CAAC,GAAG;IACvB,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;SAEF;CACR,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAoC;;;;;;eAM/C,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,GAAG,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;CAC/E,CAAC;AAEF,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/components/layout/container/transitions/Wave/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGxE,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;IAIpB,GAAG,EAAE;IACL,MAAM,GAAG,GAAG;;;aAGH,CAAC;IAEV,MAAM,WAAW,GAAG,mCAAmC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IAEjF,OAAO,GAAG,CAAA;mBACK,WAAW;;;KAGzB,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;IAIjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,WAAW,CAAC,IAAI;IACxB,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;;;;;;;CAOR,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;;;IAOvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,MAAM,GAAG,GAAG;;yEAEyD,KAAK;aACjE,CAAC;IAEV,MAAM,OAAO,GAAG,mCAAmC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;IAE7E,OAAO,GAAG,CAAA;yBACW,OAAO;;;KAG3B,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;YAIxC,eAAe,GAAG,CAAC;;;IAG3B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ,KAAK,QAAQ,CAAC,GAAG;IACvB,CAAC,CAAC,GAAG,CAAA;kBACO,eAAe;SACxB;IACH,CAAC,CAAC,GAAG,CAAA;qBACU,eAAe;SAC3B;CACR,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAoC;;;;;;eAM/C,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,GAAG,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;CAC/E,CAAC;AAEF,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC"}
@@ -26,6 +26,7 @@ export interface Transitions {
26
26
  export type Options = {
27
27
  flipY?: boolean;
28
28
  };
29
+ export declare const WAVE_OVERLAP_PX = 100;
29
30
  export declare enum Position {
30
31
  Top = "top",
31
32
  Bottom = "bottom"
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,GACzC,CACI;IACE,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GACD;IACE,IAAI,EAAE,cAAc,CAAC,GAAG,CAAC;CAC1B,CACJ,CAAC;AAEJ,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,qBAAqB,CAAC;IAC5B,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,oBAAY,QAAQ;IAClB,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,OAAO;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,KAAK;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,IAAI,SAAS;CACd;AAED,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EACJ,OAAO,GACP;QACE,GAAG,CAAC,EAAE,OAAO,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACP;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,EAAE,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC3C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,GACzC,CACI;IACE,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GACD;IACE,IAAI,EAAE,cAAc,CAAC,GAAG,CAAC;CAC1B,CACJ,CAAC;AAEJ,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,qBAAqB,CAAC;IAC5B,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,oBAAY,QAAQ;IAClB,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,OAAO;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,KAAK;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,IAAI,SAAS;CACd;AAED,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EACJ,OAAO,GACP;QACE,GAAG,CAAC,EAAE,OAAO,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACP;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,EAAE,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC3C"}
@@ -9,6 +9,7 @@ export var TransitionType;
9
9
  TransitionType["Curve"] = "curve";
10
10
  TransitionType["Arc"] = "arc";
11
11
  })(TransitionType || (TransitionType = {}));
12
+ export const WAVE_OVERLAP_PX = 100;
12
13
  export var Position;
13
14
  (function (Position) {
14
15
  Position["Top"] = "top";
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/layout/types.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AA2BD,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,uBAAW,CAAA;IACX,6BAAiB,CAAA;AACnB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,wBAAa,CAAA;IACb,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,0BAAe,CAAA;AACjB,CAAC,EALW,OAAO,KAAP,OAAO,QAKlB;AAED,MAAM,CAAN,IAAY,KAKX;AALD,WAAY,KAAK;IACf,0BAAiB,CAAA;IACjB,0BAAiB,CAAA;IACjB,oCAA2B,CAAA;IAC3B,sBAAa,CAAA;AACf,CAAC,EALW,KAAK,KAAL,KAAK,QAKhB;AAED,MAAM,CAAN,IAAY,aAEX;AAFD,WAAY,aAAa;IACvB,gCAAe,CAAA;AACjB,CAAC,EAFW,aAAa,KAAb,aAAa,QAExB"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/layout/types.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,iCAAe,CAAA;IACf,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AA2BD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;AAEnC,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,uBAAW,CAAA;IACX,6BAAiB,CAAA;AACnB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,wBAAa,CAAA;IACb,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,0BAAe,CAAA;AACjB,CAAC,EALW,OAAO,KAAP,OAAO,QAKlB;AAED,MAAM,CAAN,IAAY,KAKX;AALD,WAAY,KAAK;IACf,0BAAiB,CAAA;IACjB,0BAAiB,CAAA;IACjB,oCAA2B,CAAA;IAC3B,sBAAa,CAAA;AACf,CAAC,EALW,KAAK,KAAL,KAAK,QAKhB;AAED,MAAM,CAAN,IAAY,aAEX;AAFD,WAAY,aAAa;IACvB,gCAAe,CAAA;AACjB,CAAC,EAFW,aAAa,KAAb,aAAa,QAExB"}
@@ -7,7 +7,7 @@ function SystemPageMessage({ code, icon, title, detail, message, actions, }) {
7
7
  return (_jsxs(Styled.Content, { children: [icon && _jsx(Styled.IconBadge, { children: icon }), code && _jsx(Styled.Code, { "aria-hidden": true, children: code }), title && _jsx(Styled.Title, { children: title }), detail && _jsx(Styled.Detail, { children: detail }), message && _jsx(Styled.Message, { children: message }), actions && _jsx(Styled.Actions, { children: actions })] }));
8
8
  }
9
9
  export function SystemPage({ header, footer, children, ...message }) {
10
- return (_jsxs(Styled.Shell, { children: [_jsx(Layout.Container, { theme: LayoutTheme.Dark, animation: { type: AnimationType.Blobs }, transitions: footer ? { bottom: { type: TransitionType.Wave } } : undefined, children: _jsxs(Styled.Backdrop, { children: [header, _jsx(ThemeScope, { theme: "dark", as: Styled.Band, children: children ? (_jsx(Styled.Stage, { children: children })) : (_jsx(SystemPageMessage, { ...message })) })] }) }), footer] }));
10
+ return (_jsxs(Styled.Shell, { children: [_jsx(Layout.Container, { theme: LayoutTheme.Dark, animation: { type: AnimationType.Blobs }, transitions: footer ? { bottom: { type: TransitionType.Wave } } : undefined, children: _jsxs(Styled.Backdrop, { "$withWave": !!footer, children: [header, _jsx(ThemeScope, { theme: "dark", as: Styled.Band, children: children ? (_jsx(Styled.Stage, { children: children })) : (_jsx(SystemPageMessage, { ...message })) })] }) }), footer] }));
11
11
  }
12
12
  export const SystemPageAction = {
13
13
  Primary: Styled.PrimaryLink,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/system-page/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAmBnC,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,GACgB;IACvB,OAAO,CACL,MAAC,MAAM,CAAC,OAAO,eACZ,IAAI,IAAI,KAAC,MAAM,CAAC,SAAS,cAAE,IAAI,GAAoB,EACnD,IAAI,IAAI,KAAC,MAAM,CAAC,IAAI,mCAAc,IAAI,GAAe,EACrD,KAAK,IAAI,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,EAC7C,MAAM,IAAI,KAAC,MAAM,CAAC,MAAM,cAAE,MAAM,GAAiB,EACjD,OAAO,IAAI,KAAC,MAAM,CAAC,OAAO,cAAE,OAAO,GAAkB,EACrD,OAAO,IAAI,KAAC,MAAM,CAAC,OAAO,cAAE,OAAO,GAAkB,IACvC,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,OAAO,EACM;IAChB,OAAO,CACL,MAAC,MAAM,CAAC,KAAK,eACX,KAAC,MAAM,CAAC,SAAS,IACf,KAAK,EAAE,WAAW,CAAC,IAAI,EACvB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,EACxC,WAAW,EACT,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,YAGhE,MAAC,MAAM,CAAC,QAAQ,eACb,MAAM,EAEP,KAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAE,MAAM,CAAC,IAAI,YACrC,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,CAAC,KAAK,cAAE,QAAQ,GAAgB,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,OAAK,OAAO,GAAI,CACnC,GACU,IACG,GACD,EAElB,MAAM,IACM,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC,WAAW;IAC3B,aAAa,EAAE,MAAM,CAAC,aAAa;IACnC,KAAK,EAAE,MAAM,CAAC,WAAW;IACzB,SAAS,EAAE,MAAM,CAAC,SAAS;CAC5B,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/system-page/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAmBnC,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,GACgB;IACvB,OAAO,CACL,MAAC,MAAM,CAAC,OAAO,eACZ,IAAI,IAAI,KAAC,MAAM,CAAC,SAAS,cAAE,IAAI,GAAoB,EACnD,IAAI,IAAI,KAAC,MAAM,CAAC,IAAI,mCAAc,IAAI,GAAe,EACrD,KAAK,IAAI,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,EAC7C,MAAM,IAAI,KAAC,MAAM,CAAC,MAAM,cAAE,MAAM,GAAiB,EACjD,OAAO,IAAI,KAAC,MAAM,CAAC,OAAO,cAAE,OAAO,GAAkB,EACrD,OAAO,IAAI,KAAC,MAAM,CAAC,OAAO,cAAE,OAAO,GAAkB,IACvC,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,OAAO,EACM;IAChB,OAAO,CACL,MAAC,MAAM,CAAC,KAAK,eACX,KAAC,MAAM,CAAC,SAAS,IACf,KAAK,EAAE,WAAW,CAAC,IAAI,EACvB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,EACxC,WAAW,EACT,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,YAGhE,MAAC,MAAM,CAAC,QAAQ,iBAAY,CAAC,CAAC,MAAM,aACjC,MAAM,EAEP,KAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAE,MAAM,CAAC,IAAI,YACrC,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,CAAC,KAAK,cAAE,QAAQ,GAAgB,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,OAAK,OAAO,GAAI,CACnC,GACU,IACG,GACD,EAElB,MAAM,IACM,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC,WAAW;IAC3B,aAAa,EAAE,MAAM,CAAC,aAAa;IACnC,KAAK,EAAE,MAAM,CAAC,WAAW;IACzB,SAAS,EAAE,MAAM,CAAC,SAAS;CAC5B,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -5,6 +5,8 @@ export declare const Shell: import("@emotion/styled").StyledComponent<{
5
5
  export declare const Backdrop: import("@emotion/styled").StyledComponent<{
6
6
  theme?: import("@emotion/react").Theme;
7
7
  as?: React.ElementType;
8
+ } & {
9
+ $withWave: boolean;
8
10
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
11
  export declare const Band: import("@emotion/styled").StyledComponent<{
10
12
  theme?: import("@emotion/react").Theme;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK;;;yGAqBjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAYpB,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"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,KAAK;;;yGAqBjB,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"}
@@ -2,6 +2,7 @@
2
2
  import styled from "@emotion/styled";
3
3
  import { css, keyframes } from "@emotion/react";
4
4
  import Link from "next/link";
5
+ import { WAVE_OVERLAP_PX } from "../layout/types";
5
6
  const rise = keyframes `
6
7
  from { opacity: 0; transform: translateY(12px); }
7
8
  to { opacity: 1; transform: translateY(0); }
@@ -35,6 +36,7 @@ export const Backdrop = styled.div `
35
36
  width: 100%;
36
37
  display: flex;
37
38
  flex-direction: column;
39
+ padding-bottom: ${({ $withWave }) => ($withWave ? `${WAVE_OVERLAP_PX}px` : 0)};
38
40
 
39
41
  > header {
40
42
  flex: none;
@@ -48,7 +50,7 @@ export const Band = styled.main `
48
50
  display: flex;
49
51
  align-items: center;
50
52
  justify-content: center;
51
- padding: 3rem 1.5rem calc(4rem + 100px);
53
+ padding: 3rem 1.5rem 4rem;
52
54
  color: var(--color-light-blue, #e1f8ff);
53
55
  `;
54
56
  export const Content = styled.div `
@@ -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;AAE7B,MAAM,IAAI,GAAG,SAAS,CAAA;;;CAGrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqB9B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYjC,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"}
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;AAElD,MAAM,IAAI,GAAG,SAAS,CAAA;;;CAGrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqB9B,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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@snokam/ui",
3
3
  "description": "Snøkam UI library — the single MUI seam. Apps import from here, never from @mui directly.",
4
- "version": "2.2.0",
4
+ "version": "3.0.0",
5
5
  "main": "src/index.js",
6
6
  "types": "src/index.d.ts",
7
7
  "files": [