uibee 3.3.1 → 3.3.3

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 (4) hide show
  1. package/dist/components/footer/loginContent.js +68 -1
  2. package/dist/globals.css +58 -38
  3. package/package.json +1 -1
  4. package/src/components/footer/loginContent.tsx +39 -3
package/dist/components/footer/loginContent.js CHANGED
@@ -3,6 +3,68 @@ import "react";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  //#region src/components/footer/loginContent.tsx
5
5
  const INSTAGRAM_PATH = "M512 960Q408 960 375.0 959.5Q342 959 301 957Q260 955 230.5 949.0Q201 943 177 933Q151 923 129.0 909.0Q107 895 86 874Q65 853 51.0 831.0Q37 809 27 783Q17 759 11.0 729.5Q5 700 3 659Q1 618 0.5 585.0Q0 552 0 448Q0 344 0.5 311.0Q1 278 3 237Q5 196 11.0 166.5Q17 137 27 113Q37 87 51.0 65.0Q65 43 86 22Q107 1 129.0 -13.0Q151 -27 177 -37Q201 -47 230.5 -53.0Q260 -59 301 -61Q342 -63 375.0 -63.5Q408 -64 512 -64Q616 -64 649.0 -63.5Q682 -63 723 -61Q764 -59 793.5 -53.0Q823 -47 847 -37Q873 -27 895.0 -13.0Q917 1 938 22Q959 43 973.0 65.0Q987 87 997 113Q1007 137 1013.0 166.5Q1019 196 1021 237Q1023 278 1023.5 311.0Q1024 344 1024 448Q1024 552 1023.5 585.0Q1023 618 1021 659Q1019 700 1013.0 729.5Q1007 759 997 783Q987 809 973.0 831.0Q959 853 938 874Q917 895 895.0 909.0Q873 923 847 933Q823 943 793.5 949.0Q764 955 723 957Q682 959 649.0 959.5Q616 960 512 960ZM512 868Q614 868 646.0 867.5Q678 867 719 865Q756 863 778.0 857.5Q800 852 814 847Q832 840 845.5 831.0Q859 822 873 809Q886 795 895.0 781.5Q904 768 911 750Q916 736 921.5 714.0Q927 692 929 655Q931 614 931.5 582.5Q932 551 932 448Q932 345 931.0 313.5Q930 282 929 241Q927 204 921.5 182.0Q916 160 911 146Q903 128 894.5 114.5Q886 101 872 87Q859 74 845.0 65.0Q831 56 813 49Q800 44 777.5 38.5Q755 33 718 31Q677 29 645.0 28.5Q613 28 511 28Q408 28 376.0 29.0Q344 30 303 31Q266 33 243.5 38.5Q221 44 208 49Q190 57 176.5 65.5Q163 74 149 88Q136 101 126.5 115.0Q117 129 111 147Q105 160 100.0 182.5Q95 205 93 242Q91 282 90.5 314.0Q90 346 90 449Q90 551 90.5 583.0Q91 615 93 656Q95 693 100.0 715.5Q105 738 111 751Q117 770 126.5 783.5Q136 797 149 810Q163 824 176.5 833.0Q190 842 208 849Q221 854 243.0 859.5Q265 865 303 867Q344 868 375.5 868.5Q407 869 510 869ZM512 711Q458 711 410 690Q362 670 326.0 634.0Q290 598 270 550Q249 502 249 448Q249 394 270 346Q290 298 326.0 262.0Q362 226 410 206Q458 185 512 185Q566 185 614 206Q662 226 698.0 262.0Q734 298 754 346Q775 394 775 448Q775 502 754 550Q734 598 698.0 634.0Q662 670 614 690Q566 711 512 711ZM512 277Q441 277 391.0 327.0Q341 377 341 448Q341 519 391.0 569.0Q441 619 512 619Q583 619 633.0 569.0Q683 519 683 448Q683 377 633.0 327.0Q583 277 512 277ZM847 721Q847 696 829.0 678.0Q811 660 785 660Q760 660 742.0 678.0Q724 696 724 721Q724 747 742.0 765.0Q760 783 785 783Q811 783 829.0 765.0Q847 747 847 721Z";
6
+ function NorskTippingIcon({ size = 24 }) {
7
+ return /* @__PURE__ */ jsx("span", {
8
+ "aria-hidden": "true",
9
+ className: "flex items-center justify-center transition-all duration-200\n brightness-0 invert-[.69] group-hover:brightness-100 group-hover:invert-0",
10
+ style: {
11
+ width: size,
12
+ height: size
13
+ },
14
+ children: /* @__PURE__ */ jsx("svg", {
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ viewBox: "294.1897 0 466.6665 466.6665",
17
+ width: size,
18
+ height: size,
19
+ className: "block",
20
+ children: /* @__PURE__ */ jsxs("g", {
21
+ transform: "matrix(1.3333333,0,0,-1.3333333,0,743.83867)",
22
+ children: [
23
+ /* @__PURE__ */ jsx("path", {
24
+ transform: "translate(292.1823,557.8794)",
25
+ fill: "#ffc000",
26
+ d: "M 0,0 -71.54,-71.539 31.939,-175 -71.54,-278.461 0,-350 175,-175 Z"
27
+ }),
28
+ /* @__PURE__ */ jsx("path", {
29
+ transform: "translate(220.6427,486.3399)",
30
+ fill: "#96d94e",
31
+ d: "M 0,0 246.539,-103.461 H 103.479 Z"
32
+ }),
33
+ /* @__PURE__ */ jsx("path", {
34
+ transform: "translate(292.1823,557.8794)",
35
+ fill: "#00a332",
36
+ d: "M 0,0 -71.54,-71.539 175,-175 Z"
37
+ }),
38
+ /* @__PURE__ */ jsx("path", {
39
+ transform: "translate(324.1212,382.8785)",
40
+ fill: "#ff7337",
41
+ d: "m 0,0 -31.939,-175 175,175 z"
42
+ }),
43
+ /* @__PURE__ */ jsx("path", {
44
+ transform: "translate(499.104,557.8794)",
45
+ fill: "#ff7ea9",
46
+ d: "m 0,0 -87.243,-87.243 71.539,-71.54 87.242,87.244 z"
47
+ }),
48
+ /* @__PURE__ */ jsx("path", {
49
+ transform: "translate(499.104,557.8794)",
50
+ fill: "#ef2500",
51
+ d: "m 0,0 -15.704,-158.783 87.242,87.244 z"
52
+ }),
53
+ /* @__PURE__ */ jsx("path", {
54
+ transform: "translate(570.6422,279.4181)",
55
+ fill: "#00c1ff",
56
+ d: "m 0,0 -87.243,87.243 -71.54,-71.539 87.244,-87.243 z"
57
+ }),
58
+ /* @__PURE__ */ jsx("path", {
59
+ transform: "translate(499.1031,207.879)",
60
+ fill: "#0058ff",
61
+ d: "M 0,0 -87.244,87.243 71.539,71.539 Z"
62
+ })
63
+ ]
64
+ })
65
+ })
66
+ });
67
+ }
6
68
  function InstagramIcon({ size = 24 }) {
7
69
  return /* @__PURE__ */ jsxs("span", {
8
70
  className: "relative block",
@@ -16,7 +78,7 @@ function InstagramIcon({ size = 24 }) {
16
78
  width: size,
17
79
  height: size,
18
80
  "aria-hidden": "true",
19
- className: "absolute inset-0 transition-opacity duration-200 opacity-100 group-hover:opacity-0",
81
+ className: "absolute inset-0 transition-opacity duration-200 opacity-100 group-hover:opacity-0 brightness-0 invert-[.69]",
20
82
  children: /* @__PURE__ */ jsx("g", {
21
83
  transform: "translate(0 960) scale(1 -1)",
22
84
  children: /* @__PURE__ */ jsx("path", {
@@ -132,6 +194,11 @@ const loginSocialLinks = [
132
194
  href: "https://outline.login.no/s/doc",
133
195
  icon: /* @__PURE__ */ jsx(Wikijs, { size: 24 }),
134
196
  hoverClass: "hover:text-login-50"
197
+ },
198
+ {
199
+ title: "Norsk Tipping",
200
+ href: "https://www.norsk-tipping.no/grasrotandelen/din-mottaker/811940372",
201
+ icon: /* @__PURE__ */ jsx(NorskTippingIcon, { size: 24 })
135
202
  }
136
203
  ];
137
204
  //#endregion
package/dist/globals.css CHANGED
@@ -3075,6 +3075,14 @@
3075
3075
  --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 25%, transparent);
3076
3076
  }
3077
3077
  }
3078
+ .brightness-0 {
3079
+ --tw-brightness: brightness(0%);
3080
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3081
+ }
3082
+ .invert-\[\.69\] {
3083
+ --tw-invert: invert(.69);
3084
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3085
+ }
3078
3086
  .backdrop-blur-sm {
3079
3087
  --tw-backdrop-blur: blur(var(--blur-sm));
3080
3088
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -3848,6 +3856,18 @@
3848
3856
  opacity: 100%;
3849
3857
  }
3850
3858
  }
3859
+ .group-hover\:brightness-100 {
3860
+ &:is(:where(.group):hover *) {
3861
+ --tw-brightness: brightness(100%);
3862
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3863
+ }
3864
+ }
3865
+ .group-hover\:invert-0 {
3866
+ &:is(:where(.group):hover *) {
3867
+ --tw-invert: invert(0%);
3868
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3869
+ }
3870
+ }
3851
3871
  .\[\&\:\:-moz-range-thumb\]\:h-4 {
3852
3872
  &::-moz-range-thumb {
3853
3873
  height: calc(var(--spacing) * 4);
@@ -4222,100 +4242,100 @@ input::-ms-clear {
4222
4242
  inherits: false;
4223
4243
  initial-value: 0 0 #0000;
4224
4244
  }
4225
- @property --tw-backdrop-blur {
4245
+ @property --tw-blur {
4226
4246
  syntax: "*";
4227
4247
  inherits: false;
4228
4248
  }
4229
- @property --tw-backdrop-brightness {
4249
+ @property --tw-brightness {
4230
4250
  syntax: "*";
4231
4251
  inherits: false;
4232
4252
  }
4233
- @property --tw-backdrop-contrast {
4253
+ @property --tw-contrast {
4234
4254
  syntax: "*";
4235
4255
  inherits: false;
4236
4256
  }
4237
- @property --tw-backdrop-grayscale {
4257
+ @property --tw-grayscale {
4238
4258
  syntax: "*";
4239
4259
  inherits: false;
4240
4260
  }
4241
- @property --tw-backdrop-hue-rotate {
4261
+ @property --tw-hue-rotate {
4242
4262
  syntax: "*";
4243
4263
  inherits: false;
4244
4264
  }
4245
- @property --tw-backdrop-invert {
4265
+ @property --tw-invert {
4246
4266
  syntax: "*";
4247
4267
  inherits: false;
4248
4268
  }
4249
- @property --tw-backdrop-opacity {
4269
+ @property --tw-opacity {
4250
4270
  syntax: "*";
4251
4271
  inherits: false;
4252
4272
  }
4253
- @property --tw-backdrop-saturate {
4273
+ @property --tw-saturate {
4254
4274
  syntax: "*";
4255
4275
  inherits: false;
4256
4276
  }
4257
- @property --tw-backdrop-sepia {
4277
+ @property --tw-sepia {
4258
4278
  syntax: "*";
4259
4279
  inherits: false;
4260
4280
  }
4261
- @property --tw-duration {
4281
+ @property --tw-drop-shadow {
4262
4282
  syntax: "*";
4263
4283
  inherits: false;
4264
4284
  }
4265
- @property --tw-ease {
4285
+ @property --tw-drop-shadow-color {
4266
4286
  syntax: "*";
4267
4287
  inherits: false;
4268
4288
  }
4269
- @property --tw-blur {
4270
- syntax: "*";
4289
+ @property --tw-drop-shadow-alpha {
4290
+ syntax: "<percentage>";
4271
4291
  inherits: false;
4292
+ initial-value: 100%;
4272
4293
  }
4273
- @property --tw-brightness {
4294
+ @property --tw-drop-shadow-size {
4274
4295
  syntax: "*";
4275
4296
  inherits: false;
4276
4297
  }
4277
- @property --tw-contrast {
4298
+ @property --tw-backdrop-blur {
4278
4299
  syntax: "*";
4279
4300
  inherits: false;
4280
4301
  }
4281
- @property --tw-grayscale {
4302
+ @property --tw-backdrop-brightness {
4282
4303
  syntax: "*";
4283
4304
  inherits: false;
4284
4305
  }
4285
- @property --tw-hue-rotate {
4306
+ @property --tw-backdrop-contrast {
4286
4307
  syntax: "*";
4287
4308
  inherits: false;
4288
4309
  }
4289
- @property --tw-invert {
4310
+ @property --tw-backdrop-grayscale {
4290
4311
  syntax: "*";
4291
4312
  inherits: false;
4292
4313
  }
4293
- @property --tw-opacity {
4314
+ @property --tw-backdrop-hue-rotate {
4294
4315
  syntax: "*";
4295
4316
  inherits: false;
4296
4317
  }
4297
- @property --tw-saturate {
4318
+ @property --tw-backdrop-invert {
4298
4319
  syntax: "*";
4299
4320
  inherits: false;
4300
4321
  }
4301
- @property --tw-sepia {
4322
+ @property --tw-backdrop-opacity {
4302
4323
  syntax: "*";
4303
4324
  inherits: false;
4304
4325
  }
4305
- @property --tw-drop-shadow {
4326
+ @property --tw-backdrop-saturate {
4306
4327
  syntax: "*";
4307
4328
  inherits: false;
4308
4329
  }
4309
- @property --tw-drop-shadow-color {
4330
+ @property --tw-backdrop-sepia {
4310
4331
  syntax: "*";
4311
4332
  inherits: false;
4312
4333
  }
4313
- @property --tw-drop-shadow-alpha {
4314
- syntax: "<percentage>";
4334
+ @property --tw-duration {
4335
+ syntax: "*";
4315
4336
  inherits: false;
4316
- initial-value: 100%;
4317
4337
  }
4318
- @property --tw-drop-shadow-size {
4338
+ @property --tw-ease {
4319
4339
  syntax: "*";
4320
4340
  inherits: false;
4321
4341
  }
@@ -4381,17 +4401,6 @@ input::-ms-clear {
4381
4401
  --tw-ring-offset-width: 0px;
4382
4402
  --tw-ring-offset-color: #fff;
4383
4403
  --tw-ring-offset-shadow: 0 0 #0000;
4384
- --tw-backdrop-blur: initial;
4385
- --tw-backdrop-brightness: initial;
4386
- --tw-backdrop-contrast: initial;
4387
- --tw-backdrop-grayscale: initial;
4388
- --tw-backdrop-hue-rotate: initial;
4389
- --tw-backdrop-invert: initial;
4390
- --tw-backdrop-opacity: initial;
4391
- --tw-backdrop-saturate: initial;
4392
- --tw-backdrop-sepia: initial;
4393
- --tw-duration: initial;
4394
- --tw-ease: initial;
4395
4404
  --tw-blur: initial;
4396
4405
  --tw-brightness: initial;
4397
4406
  --tw-contrast: initial;
@@ -4405,6 +4414,17 @@ input::-ms-clear {
4405
4414
  --tw-drop-shadow-color: initial;
4406
4415
  --tw-drop-shadow-alpha: 100%;
4407
4416
  --tw-drop-shadow-size: initial;
4417
+ --tw-backdrop-blur: initial;
4418
+ --tw-backdrop-brightness: initial;
4419
+ --tw-backdrop-contrast: initial;
4420
+ --tw-backdrop-grayscale: initial;
4421
+ --tw-backdrop-hue-rotate: initial;
4422
+ --tw-backdrop-invert: initial;
4423
+ --tw-backdrop-opacity: initial;
4424
+ --tw-backdrop-saturate: initial;
4425
+ --tw-backdrop-sepia: initial;
4426
+ --tw-duration: initial;
4427
+ --tw-ease: initial;
4408
4428
  }
4409
4429
  }
4410
4430
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "uibee",
3
- "version": "3.3.1",
3
+ "version": "3.3.3",
4
4
  "description": "Shared components, functions and hooks for reuse across Login projects",
5
5
  "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
6
6
  "bugs": {
package/src/components/footer/loginContent.tsx CHANGED
@@ -8,12 +8,47 @@ export type { FooterSocialLink as LoginSocialLinkData }
8
8
  // eslint-disable-next-line @stylistic/max-len
9
9
  const INSTAGRAM_PATH = 'M512 960Q408 960 375.0 959.5Q342 959 301 957Q260 955 230.5 949.0Q201 943 177 933Q151 923 129.0 909.0Q107 895 86 874Q65 853 51.0 831.0Q37 809 27 783Q17 759 11.0 729.5Q5 700 3 659Q1 618 0.5 585.0Q0 552 0 448Q0 344 0.5 311.0Q1 278 3 237Q5 196 11.0 166.5Q17 137 27 113Q37 87 51.0 65.0Q65 43 86 22Q107 1 129.0 -13.0Q151 -27 177 -37Q201 -47 230.5 -53.0Q260 -59 301 -61Q342 -63 375.0 -63.5Q408 -64 512 -64Q616 -64 649.0 -63.5Q682 -63 723 -61Q764 -59 793.5 -53.0Q823 -47 847 -37Q873 -27 895.0 -13.0Q917 1 938 22Q959 43 973.0 65.0Q987 87 997 113Q1007 137 1013.0 166.5Q1019 196 1021 237Q1023 278 1023.5 311.0Q1024 344 1024 448Q1024 552 1023.5 585.0Q1023 618 1021 659Q1019 700 1013.0 729.5Q1007 759 997 783Q987 809 973.0 831.0Q959 853 938 874Q917 895 895.0 909.0Q873 923 847 933Q823 943 793.5 949.0Q764 955 723 957Q682 959 649.0 959.5Q616 960 512 960ZM512 868Q614 868 646.0 867.5Q678 867 719 865Q756 863 778.0 857.5Q800 852 814 847Q832 840 845.5 831.0Q859 822 873 809Q886 795 895.0 781.5Q904 768 911 750Q916 736 921.5 714.0Q927 692 929 655Q931 614 931.5 582.5Q932 551 932 448Q932 345 931.0 313.5Q930 282 929 241Q927 204 921.5 182.0Q916 160 911 146Q903 128 894.5 114.5Q886 101 872 87Q859 74 845.0 65.0Q831 56 813 49Q800 44 777.5 38.5Q755 33 718 31Q677 29 645.0 28.5Q613 28 511 28Q408 28 376.0 29.0Q344 30 303 31Q266 33 243.5 38.5Q221 44 208 49Q190 57 176.5 65.5Q163 74 149 88Q136 101 126.5 115.0Q117 129 111 147Q105 160 100.0 182.5Q95 205 93 242Q91 282 90.5 314.0Q90 346 90 449Q90 551 90.5 583.0Q91 615 93 656Q95 693 100.0 715.5Q105 738 111 751Q117 770 126.5 783.5Q136 797 149 810Q163 824 176.5 833.0Q190 842 208 849Q221 854 243.0 859.5Q265 865 303 867Q344 868 375.5 868.5Q407 869 510 869ZM512 711Q458 711 410 690Q362 670 326.0 634.0Q290 598 270 550Q249 502 249 448Q249 394 270 346Q290 298 326.0 262.0Q362 226 410 206Q458 185 512 185Q566 185 614 206Q662 226 698.0 262.0Q734 298 754 346Q775 394 775 448Q775 502 754 550Q734 598 698.0 634.0Q662 670 614 690Q566 711 512 711ZM512 277Q441 277 391.0 327.0Q341 377 341 448Q341 519 391.0 569.0Q441 619 512 619Q583 619 633.0 569.0Q683 519 683 448Q683 377 633.0 327.0Q583 277 512 277ZM847 721Q847 696 829.0 678.0Q811 660 785 660Q760 660 742.0 678.0Q724 696 724 721Q724 747 742.0 765.0Q760 783 785 783Q811 783 829.0 765.0Q847 747 847 721Z'
10
10
 
11
+ // Norsk Tipping (Grasrotandelen) — Login's grassroots funding mark. Muted to
12
+ // greyscale by default, revealing its brand colours on hover of the parent link.
13
+ function NorskTippingIcon({ size = 24 }: LogfontIconProps) {
14
+ return (
15
+ <span
16
+ aria-hidden='true'
17
+ className='flex items-center justify-center transition-all duration-200
18
+ brightness-0 invert-[.69] group-hover:brightness-100 group-hover:invert-0'
19
+ style={{ width: size, height: size }}
20
+ >
21
+ <svg xmlns='http://www.w3.org/2000/svg' viewBox='294.1897 0 466.6665 466.6665'
22
+ width={size} height={size} className='block'>
23
+ <g transform='matrix(1.3333333,0,0,-1.3333333,0,743.83867)'>
24
+ <path transform='translate(292.1823,557.8794)' fill='#ffc000'
25
+ d='M 0,0 -71.54,-71.539 31.939,-175 -71.54,-278.461 0,-350 175,-175 Z' />
26
+ <path transform='translate(220.6427,486.3399)' fill='#96d94e'
27
+ d='M 0,0 246.539,-103.461 H 103.479 Z' />
28
+ <path transform='translate(292.1823,557.8794)' fill='#00a332'
29
+ d='M 0,0 -71.54,-71.539 175,-175 Z' />
30
+ <path transform='translate(324.1212,382.8785)' fill='#ff7337'
31
+ d='m 0,0 -31.939,-175 175,175 z' />
32
+ <path transform='translate(499.104,557.8794)' fill='#ff7ea9'
33
+ d='m 0,0 -87.243,-87.243 71.539,-71.54 87.242,87.244 z' />
34
+ <path transform='translate(499.104,557.8794)' fill='#ef2500'
35
+ d='m 0,0 -15.704,-158.783 87.242,87.244 z' />
36
+ <path transform='translate(570.6422,279.4181)' fill='#00c1ff'
37
+ d='m 0,0 -87.243,87.243 -71.54,-71.539 87.244,-87.243 z' />
38
+ <path transform='translate(499.1031,207.879)' fill='#0058ff'
39
+ d='M 0,0 -87.244,87.243 71.539,71.539 Z' />
40
+ </g>
41
+ </svg>
42
+ </span>
43
+ )
44
+ }
45
+
11
46
  function InstagramIcon({ size = 24 }: LogfontIconProps) {
12
47
  return (
13
48
  <span className='relative block' style={{ width: size, height: size }}>
14
49
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'
15
50
  width={size} height={size} aria-hidden='true'
16
- className='absolute inset-0 transition-opacity duration-200 opacity-100 group-hover:opacity-0'>
51
+ className='absolute inset-0 transition-opacity duration-200 opacity-100 group-hover:opacity-0 brightness-0 invert-[.69]'>
17
52
  <g transform='translate(0 960) scale(1 -1)'>
18
53
  <path fill='currentColor' d={INSTAGRAM_PATH} />
19
54
  </g>
@@ -65,6 +100,7 @@ export const loginSocialLinks: FooterSocialLink[] = [
65
100
  { title: 'Instagram', href: 'https://www.instagram.com/login_linjeforening/', icon: <InstagramIcon size={24} />, },
66
101
  { title: 'Facebook', href: 'https://facebook.com/LogNTNU', icon: <Facebook size={24} />, hoverClass: 'hover:text-[#2c87ff]' },
67
102
  { title: 'LinkedIn', href: 'https://www.linkedin.com/company/linjeforeningen-login/about', icon: <Linkedin size={24} />, hoverClass: 'hover:text-[#1a7bdd]' },
68
- { title: 'GitHub', href: 'https://github.com/login-linjeforeningen-for-it', icon: <Github size={24} />, hoverClass: 'hover:text-white' },
69
- { title: 'Wiki', href: 'https://outline.login.no/s/doc', icon: <Wikijs size={24} />, hoverClass: 'hover:text-login-50' },
103
+ { title: 'GitHub', href: 'https://github.com/login-linjeforeningen-for-it', icon: <Github size={24} />, hoverClass: 'hover:text-white' },
104
+ { title: 'Wiki', href: 'https://outline.login.no/s/doc', icon: <Wikijs size={24} />, hoverClass: 'hover:text-login-50' },
105
+ { title: 'Norsk Tipping', href: 'https://www.norsk-tipping.no/grasrotandelen/din-mottaker/811940372', icon: <NorskTippingIcon size={24} /> },
70
106
  ]