@outs-tand-ing/ui 0.2.19 → 0.2.22

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@outs-tand-ing/ui",
3
- "version": "0.2.19",
3
+ "version": "0.2.22",
4
4
  "description": "Shared Vue components, icons, and design tokens for Outs",
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -61,18 +61,20 @@
61
61
  "release": "bun scripts/release.ts",
62
62
  "release:patch": "bun scripts/release.ts patch",
63
63
  "release:minor": "bun scripts/release.ts minor",
64
- "release:major": "bun scripts/release.ts major"
64
+ "release:major": "bun scripts/release.ts major",
65
+ "palette": "bun scripts/generate-palette.ts"
65
66
  },
66
67
  "peerDependencies": {
67
68
  "vue": "^3.5.0"
68
69
  },
69
70
  "devDependencies": {
70
- "@vitejs/plugin-vue": "^6.0.5",
71
+ "@vitejs/plugin-vue": "^6.0.6",
71
72
  "eslint": "^10.2.0",
72
73
  "eslint-plugin-vue": "^10.8.0",
74
+ "sharp": "^0.34.5",
73
75
  "typescript": "^6.0.2",
74
- "typescript-eslint": "^8.58.0",
75
- "vite": "^8.0.5",
76
+ "typescript-eslint": "^8.58.2",
77
+ "vite": "^8.0.8",
76
78
  "vue": "^3.5.32",
77
79
  "vue-tsc": "^3.2.6"
78
80
  }
@@ -1,5 +1,13 @@
1
+ @font-face {
2
+ font-family: 'Panton';
3
+ src: url('./Panton-Trial-HeavyItalic.ttf') format('truetype');
4
+ font-weight: 900;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
8
+
1
9
  :root[data-season='wc26'] {
2
- --font-heading: 'Kufam', sans-serif;
10
+ --font-heading: 'Panton', sans-serif;
3
11
  --color-season: #e7e9ec;
4
12
  --color-season-text: #152038;
5
13
  --color-accent: #152038;
@@ -10,6 +18,18 @@
10
18
  --color-border: #c8ceda;
11
19
  --color-border-strong: #a5afc2;
12
20
  --logo-stroke-color: var(--color-season);
21
+ /* tile-palette:start */
22
+ --palette4-1: #fc0718;
23
+ --palette4-2: #fcbb03;
24
+ --palette4-3: #01613a;
25
+ --palette4-4: #031792;
26
+ --palette6-1: #fc0718;
27
+ --palette6-2: #fc270c;
28
+ --palette6-3: #fd8c02;
29
+ --palette6-4: #fcbb03;
30
+ --palette6-5: #01613a;
31
+ --palette6-6: #031792;
32
+ /* tile-palette:end */
13
33
  }
14
34
 
15
35
  :root[data-season='wc26'][data-theme='dark'] {
@@ -1,5 +1,13 @@
1
+ @font-face {
2
+ font-family: 'Uni Neue';
3
+ src: url('./UniNeue-Trial-BlackItalic.ttf') format('truetype');
4
+ font-weight: 900;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
8
+
1
9
  :root[data-season='24'] {
2
- --font-heading: 'NotoSansMono', monospace;
10
+ --font-heading: 'Uni Neue', sans-serif;
3
11
  --color-season: #edeaef;
4
12
  --color-season-text: #5b21b6;
5
13
  --color-accent: #7c3aed;
@@ -10,6 +18,18 @@
10
18
  --color-border: #ddd0f5;
11
19
  --color-border-strong: #c4b0e8;
12
20
  --logo-stroke-color: var(--color-season);
21
+ /* tile-palette:start */
22
+ --palette4-1: #de2d60;
23
+ --palette4-2: #14ddb7;
24
+ --palette4-3: #4c2ba2;
25
+ --palette4-4: #a9117a;
26
+ --palette6-1: #de2d60;
27
+ --palette6-2: #14ddb7;
28
+ --palette6-3: #18c5bc;
29
+ --palette6-4: #4c2ba2;
30
+ --palette6-5: #a9117a;
31
+ --palette6-6: #c31b6d;
32
+ /* tile-palette:end */
13
33
  }
14
34
 
15
35
  :root[data-season='24'][data-theme='dark'] {
@@ -1,5 +1,13 @@
1
+ @font-face {
2
+ font-family: 'POE Sans New';
3
+ src: url('./POE Sans Neue_Black.ttf') format('truetype');
4
+ font-weight: 900;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
8
+
1
9
  :root[data-season='25'] {
2
- --font-heading: 'NotoSansMono', monospace;
10
+ --font-heading: 'POE Sans New', sans-serif;
3
11
  --color-season: #f0eae7;
4
12
  --color-season-text: #9a3412;
5
13
  --color-accent: #ec8266;
@@ -10,6 +18,18 @@
10
18
  --color-border: #f5d5c8;
11
19
  --color-border-strong: #ecb8a5;
12
20
  --logo-stroke-color: var(--color-season);
21
+ /* tile-palette:start */
22
+ --palette4-1: #f8423c;
23
+ --palette4-2: #fd7012;
24
+ --palette4-3: #fc9f0a;
25
+ --palette4-4: #fad413;
26
+ --palette6-1: #f8423c;
27
+ --palette6-2: #fb5023;
28
+ --palette6-3: #fd7012;
29
+ --palette6-4: #fc9f0a;
30
+ --palette6-5: #fcb10e;
31
+ --palette6-6: #fad413;
32
+ /* tile-palette:end */
13
33
  }
14
34
 
15
35
  :root[data-season='25'][data-theme='dark'] {
@@ -1,5 +1,13 @@
1
+ @font-face {
2
+ font-family: 'COM4t Famie';
3
+ src: url('./COM4FBLO.TTF') format('truetype');
4
+ font-weight: 900;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
8
+
1
9
  :root[data-season='26'] {
2
- --font-heading: 'Kufam', sans-serif;
10
+ --font-heading: 'COM4t Famie', sans-serif;
3
11
  --color-season: #e7e9ec;
4
12
  --color-season-text: #152038;
5
13
  --color-accent: #152038;
@@ -10,6 +18,18 @@
10
18
  --color-border: #c8ceda;
11
19
  --color-border-strong: #a5afc2;
12
20
  --logo-stroke-color: var(--color-season);
21
+ /* tile-palette:start */
22
+ --palette4-1: #73eacf;
23
+ --palette4-2: #aba4fb;
24
+ --palette4-3: #a498fb;
25
+ --palette4-4: #9e8efa;
26
+ --palette6-1: #73eacf;
27
+ --palette6-2: #8cedd8;
28
+ --palette6-3: #c1cafa;
29
+ --palette6-4: #aba4fb;
30
+ --palette6-5: #a498fb;
31
+ --palette6-6: #9e8efa;
32
+ /* tile-palette:end */
13
33
  }
14
34
 
15
35
  :root[data-season='26'][data-theme='dark'] {
@@ -1,3 +1,11 @@
1
+ @font-face {
2
+ font-family: 'Kufam';
3
+ src: url('./Kufam-BlackItalic.ttf') format('truetype');
4
+ font-weight: 900;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
8
+
1
9
  :root[data-season='27'] {
2
10
  --font-heading: 'Kufam', sans-serif;
3
11
  --color-season: #f5f0e0;
@@ -10,6 +18,18 @@
10
18
  --color-border: #e2d6a4;
11
19
  --color-border-strong: #c5b078;
12
20
  --logo-stroke-color: var(--color-season);
21
+ /* tile-palette:start */
22
+ --palette4-1: #03c260;
23
+ --palette4-2: #06fbb6;
24
+ --palette4-3: #06395f;
25
+ --palette4-4: #1e0190;
26
+ --palette6-1: #03c260;
27
+ --palette6-2: #04ef88;
28
+ --palette6-3: #06fbb6;
29
+ --palette6-4: #06395f;
30
+ --palette6-5: #1e0190;
31
+ --palette6-6: #4600c5;
32
+ /* tile-palette:end */
13
33
  }
14
34
 
15
35
  :root[data-season='27'][data-theme='dark'] {