@snokam/ui 2.0.2 → 2.1.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,16 @@
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
+ # [2.1.0](https://github.com/snokam/components/compare/@snokam/ui@2.0.3...@snokam/ui@2.1.0) (2026-10-03)
7
+
8
+ ### Features
9
+
10
+ - **pages:** blobs on every centred-box page, readable consent card, full integration names ([#2566](https://github.com/snokam/components/issues/2566)) ([6076941](https://github.com/snokam/components/commit/60769412cc3a1cfd2d239d2377d71a622fb99f94))
11
+
12
+ ## [2.0.3](https://github.com/snokam/components/compare/@snokam/ui@2.0.1...@snokam/ui@2.0.3) (2026-09-24)
13
+
14
+ **Note:** Version bump only for package @snokam/ui
15
+
6
16
  ## [2.0.2](https://github.com/snokam/components/compare/@snokam/ui@2.0.1...@snokam/ui@2.0.2) (2026-09-22)
7
17
 
8
18
  **Note:** Version bump only for package @snokam/ui
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/animated-blobs/styled.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;UACT,MAAM;SACP,MAAM;UACL,MAAM;WACL,MAAM;YACL,MAAM;qBACG,MAAM;yGAmCxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;eAA2B,MAAM;yGAU5D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAOvB,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/animated-blobs/styled.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,SAAS;;;yGAKrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;UACT,MAAM;SACP,MAAM;UACL,MAAM;WACL,MAAM;YACL,MAAM;qBACG,MAAM;yGA4CxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;eAA2B,MAAM;yGAU5D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAOvB,CAAC"}
@@ -24,7 +24,7 @@ export const BlobLayer = styled.div `
24
24
  position: absolute;
25
25
  inset: 0;
26
26
  pointer-events: none;
27
- overflow: hidden;
27
+ overflow: clip;
28
28
  `;
29
29
  export const Blob = styled.div `
30
30
  position: absolute;
@@ -46,6 +46,15 @@ export const Blob = styled.div `
46
46
  height: ${(p) => p.size * 0.5}px;
47
47
  }
48
48
 
49
+ @media (prefers-reduced-motion: reduce) {
50
+ animation: none;
51
+
52
+ svg path,
53
+ svg circle {
54
+ animation: none;
55
+ }
56
+ }
57
+
49
58
  svg {
50
59
  width: 100%;
51
60
  height: 100%;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/animated-blobs/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;CAKvB,CAAC;AAEF,MAAM,MAAM,GAAG,SAAS,CAAA;;;;CAIvB,CAAC;AAEF,MAAM,MAAM,GAAG,SAAS,CAAA;;;CAGvB,CAAC;AAEF,MAAM,KAAK,GAAG,SAAS,CAAA;;;CAGtB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAO5B;;WAES,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;YACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;SAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG;UACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;;;;;;eAMR,CAAC,CAAC,EAAE,EAAE,CACjB,CAAC,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;MACxE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,GAAG,CAAC;qBACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;;;aAG3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG;cAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG;;;;;;;;;;cAUnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;;mBAET,KAAK;yBACC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;;;CAGjD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;MAM1D,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;MAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;CAGvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAC"}
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/animated-blobs/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;CAKvB,CAAC;AAEF,MAAM,MAAM,GAAG,SAAS,CAAA;;;;CAIvB,CAAC;AAEF,MAAM,MAAM,GAAG,SAAS,CAAA;;;CAGvB,CAAC;AAEF,MAAM,KAAK,GAAG,SAAS,CAAA;;;CAGtB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKlC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAO5B;;WAES,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;YACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;SAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG;UACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;;;;;;eAMR,CAAC,CAAC,EAAE,EAAE,CACjB,CAAC,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;MACxE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,GAAG,CAAC;qBACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;;;aAG3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG;cAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG;;;;;;;;;;;;;;;;;;;cAmBnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;;mBAET,KAAK;yBACC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;;;CAGjD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;MAM1D,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;MAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS;;;CAGvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAC"}
@@ -2,14 +2,15 @@ import { ReactNode } from "react";
2
2
  export interface SystemPageProps {
3
3
  code?: string;
4
4
  icon?: ReactNode;
5
- title: ReactNode;
5
+ title?: ReactNode;
6
6
  detail?: ReactNode;
7
7
  message?: ReactNode;
8
8
  actions?: ReactNode;
9
9
  header?: ReactNode;
10
10
  footer?: ReactNode;
11
+ children?: ReactNode;
11
12
  }
12
- export declare function SystemPage({ code, icon, title, detail, message, actions, header, footer, }: SystemPageProps): import("react").JSX.Element;
13
+ export declare function SystemPage({ header, footer, children, ...message }: SystemPageProps): import("react").JSX.Element;
13
14
  export declare const SystemPageAction: {
14
15
  Primary: import("@emotion/styled").StyledComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
15
16
  children?: React.ReactNode | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,GACP,EAAE,eAAe,+BAqBjB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;CAK5B,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2BD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,OAAO,EACX,EAAE,eAAe,+BAkBjB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;CAK5B,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,9 +1,13 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { AnimatedBlobs } from "../animated-blobs";
4
+ import { ThemeScope } from "../../theme/theme-scope";
4
5
  import * as Styled from "./styled";
5
- export function SystemPage({ code, icon, title, detail, message, actions, header, footer, }) {
6
- return (_jsxs(Styled.Shell, { children: [_jsx(AnimatedBlobs, {}), header, _jsx(Styled.Band, { children: _jsxs(Styled.Content, { children: [icon && _jsx(Styled.IconBadge, { children: icon }), code && _jsx(Styled.Code, { "aria-hidden": true, children: code }), _jsx(Styled.Title, { children: title }), detail && _jsx(Styled.Detail, { children: detail }), message && _jsx(Styled.Message, { children: message }), actions && _jsx(Styled.Actions, { children: actions })] }) }), footer] }));
6
+ function SystemPageMessage({ code, icon, title, detail, message, actions, }) {
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
+ }
9
+ export function SystemPage({ header, footer, children, ...message }) {
10
+ return (_jsxs(Styled.Shell, { children: [_jsx(AnimatedBlobs, {}), header, _jsx(ThemeScope, { theme: "dark", as: Styled.Band, children: children ? (_jsx(Styled.Stage, { children: children })) : (_jsx(SystemPageMessage, { ...message })) }), footer] }));
7
11
  }
8
12
  export const SystemPageAction = {
9
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,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAanC,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,GACU;IAChB,OAAO,CACL,MAAC,MAAM,CAAC,KAAK,eACX,KAAC,aAAa,KAAG,EAEhB,MAAM,EAEP,KAAC,MAAM,CAAC,IAAI,cACV,MAAC,MAAM,CAAC,OAAO,eACZ,IAAI,IAAI,KAAC,MAAM,CAAC,SAAS,cAAE,IAAI,GAAoB,EACnD,IAAI,IAAI,KAAC,MAAM,CAAC,IAAI,mCAAc,IAAI,GAAe,EACtD,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,EACnC,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,GACL,EAEb,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,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,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,aAAa,KAAG,EAEhB,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,EAEZ,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"}
@@ -10,6 +10,10 @@ export declare const Content: import("@emotion/styled").StyledComponent<{
10
10
  theme?: import("@emotion/react").Theme;
11
11
  as?: React.ElementType;
12
12
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
+ export declare const Stage: import("@emotion/styled").StyledComponent<{
14
+ theme?: import("@emotion/react").Theme;
15
+ as?: React.ElementType;
16
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
17
  export declare const IconBadge: import("@emotion/styled").StyledComponent<{
14
18
  theme?: import("@emotion/react").Theme;
15
19
  as?: React.ElementType;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-page/styled.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK;;;yGAwBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;mGAQhB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAYnB,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":"AAWA,eAAO,MAAM,KAAK;;;yGAwBjB,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"}
@@ -39,6 +39,7 @@ export const Band = styled.main `
39
39
  align-items: center;
40
40
  justify-content: center;
41
41
  padding: 3rem 1.5rem 4rem;
42
+ color: var(--color-light-blue, #e1f8ff);
42
43
  `;
43
44
  export const Content = styled.div `
44
45
  width: 100%;
@@ -53,6 +54,18 @@ export const Content = styled.div `
53
54
  animation: none;
54
55
  }
55
56
  `;
57
+ export const Stage = styled.div `
58
+ width: 100%;
59
+ max-width: 65rem;
60
+ display: flex;
61
+ flex-direction: column;
62
+ align-items: center;
63
+ animation: ${rise} 0.5s ease-out both;
64
+
65
+ @media (prefers-reduced-motion: reduce) {
66
+ animation: none;
67
+ }
68
+ `;
56
69
  export const IconBadge = styled.div `
57
70
  display: flex;
58
71
  align-items: center;
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;CAwB9B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;eAOlB,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;AAE7B,MAAM,IAAI,GAAG,SAAS,CAAA;;;CAGrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB9B,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.0.2",
4
+ "version": "2.1.0",
5
5
  "main": "src/index.js",
6
6
  "types": "src/index.d.ts",
7
7
  "files": [
@@ -360,6 +360,10 @@
360
360
  "types": "./dist/components/system-theme-tag/index.d.ts",
361
361
  "default": "./dist/components/system-theme-tag/index.js"
362
362
  },
363
+ "./system-page": {
364
+ "types": "./dist/components/system-page/index.d.ts",
365
+ "default": "./dist/components/system-page/index.js"
366
+ },
363
367
  "./okr": {
364
368
  "types": "./dist/components/okr/index.d.ts",
365
369
  "default": "./dist/components/okr/index.js"