@krrli/cm-designsystem 1.37.0 → 1.37.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.
Files changed (8) hide show
  1. package/dist/components/logo-link/LogoLink.d.ts.map +1 -1
  2. package/dist/components/logo-link/LogoLink.js +18 -46
  3. package/dist/components/modal/Modal.d.ts +3 -3
  4. package/dist/compositions/profile-banner/ProfileBanner.d.ts.map +1 -1
  5. package/dist/compositions/profile-banner/ProfileBanner.js +1 -2
  6. package/dist/compositions/user-recommendation/UserRecommendation.js +1 -1
  7. package/dist/styles.css +15 -28
  8. package/package.json +1 -1
package/dist/components/logo-link/LogoLink.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LogoLink.d.ts","sourceRoot":"","sources":["../../../src/components/logo-link/LogoLink.tsx"],"names":[],"mappings":"AAmCA;;GAEG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAAG;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oBAA0B,aAAa,4CAqB/D,CAAC"}
1
+ {"version":3,"file":"LogoLink.d.ts","sourceRoot":"","sources":["../../../src/components/logo-link/LogoLink.tsx"],"names":[],"mappings":"AAuBA;;GAEG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAAG;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,oBAA0B,aAAa,4CAQ/D,CAAC"}
package/dist/components/logo-link/LogoLink.js CHANGED
@@ -1,59 +1,31 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { tv } from "tailwind-variants";
3
- import hoverLogoDefault from "../branding/hover-logo-default.svg.js";
4
- import hoverLogoHovered from "../branding/hover-logo-hovered.svg.js";
3
+ import { Mumble } from "../icons/generated/Mumble.js";
5
4
  const logoStyles = tv({
6
5
  slots: {
7
- link: [
8
- "focus-ring-neutral",
9
- "inline-flex",
10
- "items-center",
11
- "gap-2",
12
- "align-middle"
13
- ],
14
- container: ["group", "relative", "w-auto"],
15
- default: [
16
- "transition-all",
17
- "duration-200",
18
- "select-none",
19
- "block",
6
+ base: ["flex", "items-center", "focus-ring-neutral", "gap-3", "group"],
7
+ icon: [
8
+ "text-white",
9
+ "w-10",
20
10
  "h-10",
21
- "w-auto",
22
- "group-hover:hidden"
11
+ "group-hover:scale-125",
12
+ "transition-transform"
23
13
  ],
24
- hover: [
25
- "transition-all",
26
- "duration-200",
27
- "select-none",
28
- "hidden",
29
- "h-11",
30
- "w-auto",
31
- "group-hover:block"
14
+ text: [
15
+ "text-white",
16
+ "text-[40px]/[100%]",
17
+ "font-bold",
18
+ "tracking-[-0.1rem]",
19
+ "font-bold"
32
20
  ]
33
21
  }
34
22
  });
35
23
  const LogoLink = ({ href = "/", ...props }) => {
36
24
  const styles = logoStyles();
37
- return /* @__PURE__ */ jsx("a", { href, className: styles.link(), ...props, children: /* @__PURE__ */ jsxs("div", { className: styles.container(), children: [
38
- /* @__PURE__ */ jsx(
39
- "img",
40
- {
41
- src: hoverLogoDefault,
42
- alt: "Logo Default",
43
- className: styles.default(),
44
- draggable: false
45
- }
46
- ),
47
- /* @__PURE__ */ jsx(
48
- "img",
49
- {
50
- src: hoverLogoHovered,
51
- alt: "Logo Hovered",
52
- className: styles.hover(),
53
- draggable: false
54
- }
55
- )
56
- ] }) });
25
+ return /* @__PURE__ */ jsxs("a", { href, className: styles.base(), ...props, children: [
26
+ /* @__PURE__ */ jsx(Mumble, { className: styles.icon() }),
27
+ /* @__PURE__ */ jsx("span", { className: styles.text(), children: "Mumble" })
28
+ ] });
57
29
  };
58
30
  export {
59
31
  LogoLink
package/dist/components/modal/Modal.d.ts CHANGED
@@ -5,8 +5,8 @@ declare const modalStyles: import('tailwind-variants').TVReturnType<{
5
5
  [key: string]: import('tailwind-merge').ClassNameValue | {
6
6
  title?: import('tailwind-merge').ClassNameValue;
7
7
  content?: import('tailwind-merge').ClassNameValue;
8
- container?: import('tailwind-merge').ClassNameValue;
9
8
  overlay?: import('tailwind-merge').ClassNameValue;
9
+ container?: import('tailwind-merge').ClassNameValue;
10
10
  actions?: import('tailwind-merge').ClassNameValue;
11
11
  };
12
12
  };
@@ -15,8 +15,8 @@ declare const modalStyles: import('tailwind-variants').TVReturnType<{
15
15
  [x: string]: import('tailwind-merge').ClassNameValue | {
16
16
  title?: import('tailwind-merge').ClassNameValue;
17
17
  content?: import('tailwind-merge').ClassNameValue;
18
- container?: import('tailwind-merge').ClassNameValue;
19
18
  overlay?: import('tailwind-merge').ClassNameValue;
19
+ container?: import('tailwind-merge').ClassNameValue;
20
20
  actions?: import('tailwind-merge').ClassNameValue;
21
21
  };
22
22
  };
@@ -31,8 +31,8 @@ declare const modalStyles: import('tailwind-variants').TVReturnType<{
31
31
  [key: string]: import('tailwind-merge').ClassNameValue | {
32
32
  title?: import('tailwind-merge').ClassNameValue;
33
33
  content?: import('tailwind-merge').ClassNameValue;
34
- container?: import('tailwind-merge').ClassNameValue;
35
34
  overlay?: import('tailwind-merge').ClassNameValue;
35
+ container?: import('tailwind-merge').ClassNameValue;
36
36
  actions?: import('tailwind-merge').ClassNameValue;
37
37
  };
38
38
  };
package/dist/compositions/profile-banner/ProfileBanner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProfileBanner.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner/ProfileBanner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2BvB,CAAC;AAEH,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE,UAAU,kBAAmB,SAAQ,qBAAqB;IACxD,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,iCAAiC;IACjC,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAE9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,sEAAsE;IACtE,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuDtD,CAAC"}
1
+ {"version":3,"file":"ProfileBanner.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner/ProfileBanner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0BvB,CAAC;AAEH,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEtE,UAAU,kBAAmB,SAAQ,qBAAqB;IACxD,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,iCAAiC;IACjC,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAE9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,sEAAsE;IACtE,aAAa,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuDtD,CAAC"}
package/dist/compositions/profile-banner/ProfileBanner.js CHANGED
@@ -15,8 +15,7 @@ const ProfileBannerStyles = tv({
15
15
  "gap-4",
16
16
  "w-full",
17
17
  "max-w-[680px]",
18
- "sm:min-w-[320px]",
19
- "lg:min-w-[680px]",
18
+ "w-full",
20
19
  "relative",
21
20
  "px-2",
22
21
  "sm:px-4",
package/dist/compositions/user-recommendation/UserRecommendation.js CHANGED
@@ -5,8 +5,8 @@ import { Avatar } from "../../components/avatar/Avatar.js";
5
5
  import { Button } from "../../components/button/Button.js";
6
6
  import { IconButton } from "../../components/icon-button/IconButton.js";
7
7
  import { Label } from "../../components/typography/Label.js";
8
- import { Mumble } from "../../components/icons/generated/Mumble.js";
9
8
  import { Profile } from "../../components/icons/generated/Profile.js";
9
+ import { Mumble } from "../../components/icons/generated/Mumble.js";
10
10
  const userRecommendationStyles = tv({
11
11
  slots: {
12
12
  base: [
package/dist/styles.css CHANGED
@@ -508,10 +508,6 @@
508
508
  height: calc(var(--spacing) * 10);
509
509
  }
510
510
 
511
- .h-11 {
512
- height: calc(var(--spacing) * 11);
513
- }
514
-
515
511
  .h-16 {
516
512
  height: calc(var(--spacing) * 16);
517
513
  }
@@ -580,10 +576,6 @@
580
576
  width: calc(100% - 2rem);
581
577
  }
582
578
 
583
- .w-auto {
584
- width: auto;
585
- }
586
-
587
579
  .w-fit {
588
580
  width: fit-content;
589
581
  }
@@ -1109,10 +1101,6 @@
1109
1101
  padding-left: calc(var(--spacing) * 6);
1110
1102
  }
1111
1103
 
1112
- .align-middle {
1113
- vertical-align: middle;
1114
- }
1115
-
1116
1104
  .text-\[14px\]\/\[100\%\] {
1117
1105
  font-size: 14px;
1118
1106
  line-height: 100%;
@@ -1158,6 +1146,11 @@
1158
1146
  line-height: 125%;
1159
1147
  }
1160
1148
 
1149
+ .text-\[40px\]\/\[100\%\] {
1150
+ font-size: 40px;
1151
+ line-height: 100%;
1152
+ }
1153
+
1161
1154
  .text-\[40px\]\/\[125\%\] {
1162
1155
  font-size: 40px;
1163
1156
  line-height: 125%;
@@ -1183,6 +1176,11 @@
1183
1176
  font-weight: var(--font-weight-semibold);
1184
1177
  }
1185
1178
 
1179
+ .tracking-\[-0\.1rem\] {
1180
+ --tw-tracking: -.1rem;
1181
+ letter-spacing: -.1rem;
1182
+ }
1183
+
1186
1184
  .tracking-normal {
1187
1185
  --tw-tracking: var(--tracking-normal);
1188
1186
  letter-spacing: var(--tracking-normal);
@@ -1417,11 +1415,6 @@
1417
1415
  transition-duration: .15s;
1418
1416
  }
1419
1417
 
1420
- .duration-200 {
1421
- --tw-duration: .2s;
1422
- transition-duration: .2s;
1423
- }
1424
-
1425
1418
  .duration-300 {
1426
1419
  --tw-duration: .3s;
1427
1420
  transition-duration: .3s;
@@ -1447,22 +1440,16 @@
1447
1440
  transition-timing-function: var(--ease-out);
1448
1441
  }
1449
1442
 
1450
- .select-none {
1451
- -webkit-user-select: none;
1452
- user-select: none;
1453
- }
1454
-
1455
1443
  :is(.\*\*\:cursor-pointer *) {
1456
1444
  cursor: pointer;
1457
1445
  }
1458
1446
 
1459
1447
  @media (hover: hover) {
1460
- .group-hover\:block:is(:where(.group):hover *) {
1461
- display: block;
1462
- }
1463
-
1464
- .group-hover\:hidden:is(:where(.group):hover *) {
1465
- display: none;
1448
+ .group-hover\:scale-125:is(:where(.group):hover *) {
1449
+ --tw-scale-x: 125%;
1450
+ --tw-scale-y: 125%;
1451
+ --tw-scale-z: 125%;
1452
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1466
1453
  }
1467
1454
 
1468
1455
  .group-hover\:rotate-0:is(:where(.group):hover *) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@krrli/cm-designsystem",
3
3
  "repository": "https://github.com/ost-cas-fea-25-26/cm-designsystem",
4
- "version": "1.37.0",
4
+ "version": "1.37.2",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",