@snokam/ui 6.2.0 → 6.2.1

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,12 @@
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.1](https://github.com/snokam/components/compare/@snokam/ui@6.2.0...@snokam/ui@6.2.1) (2026-10-22)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **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))
11
+
6
12
  # [6.2.0](https://github.com/snokam/components/compare/@snokam/ui@6.1.0...@snokam/ui@6.2.0) (2026-10-16)
7
13
 
8
14
  ### 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;AAkCF,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;AA6BF,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"}
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
- min-width: 200px;
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":"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"}
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":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/layout/styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAW,YAAY,EAAS,MAAM,SAAS,CAAC;;;;;;;;;;;AAsErE,wBAAoC"}
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;;;;;;;;;;;AA0ErE,wBAAoC"}
@@ -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;
@@ -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;;;;IAIpC,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,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,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,eAAe,EAAE,OAAO,EAAE,OAAO,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,mCAY/C,CAAC"}
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,MAAM,CAAC;QAChB,KAAK,OAAO,CAAC,MAAM;YACjB,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO,CAAC,KAAK,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC,CAAC"}
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"}
@@ -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
 
@@ -209,6 +210,36 @@ li {
209
210
  line-height: 1.75rem;
210
211
  }
211
212
 
213
+ @media only screen and (max-width: 575px) {
214
+ h1,
215
+ h2,
216
+ h3,
217
+ h4,
218
+ h5 {
219
+ overflow-wrap: anywhere;
220
+ }
221
+
222
+ h1 {
223
+ font-size: clamp(2rem, 8vw, 3rem);
224
+ }
225
+
226
+ h2 {
227
+ font-size: clamp(1.75rem, 7vw, 2.75rem);
228
+ }
229
+
230
+ h3 {
231
+ font-size: clamp(1.5rem, 6.5vw, 2.5rem);
232
+ }
233
+
234
+ h4 {
235
+ font-size: clamp(1.375rem, 6vw, 2.25rem);
236
+ }
237
+
238
+ h5 {
239
+ font-size: clamp(1.25rem, 5.5vw, 2rem);
240
+ }
241
+ }
242
+
212
243
  @media only screen and (min-width: 576px) {
213
244
  h1 {
214
245
  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,EAAe,KAAK,KAAK,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAWnB,CAAC;AAOX,wBAAgB,UAAU,CAAC,MAAM,EAAE,KAAK,GAAG,QAAQ,CA+ClD"}
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
- export function buildTheme(scheme) {
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,EAAE,WAAW,EAA0B,MAAM,sBAAsB,CAAC;AAG3E,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,MAAM,UAAU,UAAU,CAAC,MAAa;IACtC,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"}
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
@@ -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": "6.2.0",
4
+ "version": "6.2.1",
5
5
  "main": "src/index.js",
6
6
  "types": "src/index.d.ts",
7
7
  "files": [