@rileybathurst/paddle 1.9.7 → 1.9.8
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 +11 -12
- package/src/styles/buttons.css +11 -39
- package/src/styles/cards.css +13 -3
- package/src/styles/color.css +49 -6
- package/src/styles/layout.css +1 -1
- package/src/styles/links.css +4 -0
- package/src/styles/typography.css +1 -0
- package/src/styles/variables.css +5 -5
package/package.json
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rileybathurst/paddle",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.9.
|
|
4
|
+
"version": "1.9.8",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"dev": "tsc --noEmit && stay-gold && vite",
|
|
8
8
|
"dirty": "vite",
|
|
9
|
-
"build": "tsc &&
|
|
9
|
+
"build": "tsc --noEmit && vite build",
|
|
10
10
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
11
11
|
"preview": "vite preview",
|
|
12
|
-
"
|
|
13
|
-
"storybook": "storybook dev -p 6006",
|
|
12
|
+
"storybook": "tsc --noEmit && stay-gold && storybook dev -p 6006",
|
|
14
13
|
"build-storybook": "storybook build",
|
|
15
14
|
"release": "npm version patch && npm login && npm publish"
|
|
16
15
|
},
|
|
@@ -28,13 +27,13 @@
|
|
|
28
27
|
},
|
|
29
28
|
"devDependencies": {
|
|
30
29
|
"@biomejs/biome": "2.0.2",
|
|
31
|
-
"@chromatic-com/storybook": "^
|
|
30
|
+
"@chromatic-com/storybook": "^5.0.1",
|
|
32
31
|
"@faker-js/faker": "^9.8.0",
|
|
33
|
-
"@storybook/addon-a11y": "^
|
|
34
|
-
"@storybook/addon-docs": "^
|
|
35
|
-
"@storybook/addon-links": "^
|
|
36
|
-
"@storybook/addon-themes": "^
|
|
37
|
-
"@storybook/react-vite": "^
|
|
32
|
+
"@storybook/addon-a11y": "^10.2.16",
|
|
33
|
+
"@storybook/addon-docs": "^10.2.16",
|
|
34
|
+
"@storybook/addon-links": "^10.2.16",
|
|
35
|
+
"@storybook/addon-themes": "^10.2.16",
|
|
36
|
+
"@storybook/react-vite": "^10.2.16",
|
|
38
37
|
"@types/react": "^19.1.6",
|
|
39
38
|
"@types/react-dom": "^19.1.6",
|
|
40
39
|
"@typescript-eslint/eslint-plugin": "^8.33.1",
|
|
@@ -43,8 +42,8 @@
|
|
|
43
42
|
"eslint": "^9.28.0",
|
|
44
43
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
45
44
|
"eslint-plugin-react-refresh": "^0.4.20",
|
|
46
|
-
"eslint-plugin-storybook": "^
|
|
47
|
-
"storybook": "^
|
|
45
|
+
"eslint-plugin-storybook": "^10.2.16",
|
|
46
|
+
"storybook": "^10.2.16",
|
|
48
47
|
"typescript": "^5.8.3",
|
|
49
48
|
"vite": "^6.3.5"
|
|
50
49
|
},
|
package/src/styles/buttons.css
CHANGED
|
@@ -57,8 +57,6 @@ button:active {
|
|
|
57
57
|
|
|
58
58
|
.book-now {
|
|
59
59
|
text-transform: uppercase;
|
|
60
|
-
/* ? why is this different than a regular button */
|
|
61
|
-
margin-block-start: var(--kosciuszko);
|
|
62
60
|
background-color: var(--neutral-800);
|
|
63
61
|
border-color: var(--neutral-700);
|
|
64
62
|
color: var(--neutral-300);
|
|
@@ -102,58 +100,32 @@ button:active {
|
|
|
102
100
|
|
|
103
101
|
.tahoe-city {
|
|
104
102
|
button,
|
|
105
|
-
.button {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
border-color: var(--sand-100);
|
|
110
|
-
color: var(--tanager-100);
|
|
111
|
-
}
|
|
103
|
+
.button, .book-now {
|
|
104
|
+
background-color: var(--tanager-200);
|
|
105
|
+
border-color: var(--tanager-100);
|
|
106
|
+
color: white;
|
|
112
107
|
}
|
|
113
108
|
|
|
114
109
|
button:hover,
|
|
115
110
|
.button:hover,
|
|
111
|
+
.book-now:hover,
|
|
116
112
|
.button__hover {
|
|
117
113
|
@media (prefers-color-scheme: light) {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
114
|
+
background-color: var(--tanager-300);
|
|
115
|
+
border-color: var(--tanager-200);
|
|
116
|
+
color: var(--neutral-200);
|
|
121
117
|
}
|
|
122
118
|
}
|
|
123
119
|
|
|
124
120
|
button:active,
|
|
125
121
|
.button:active,
|
|
122
|
+
.book-now:active,
|
|
126
123
|
.button__active {
|
|
127
124
|
@media (prefers-color-scheme: light) {
|
|
128
|
-
background-color: var(--
|
|
129
|
-
border-color: var(--sand-300);
|
|
130
|
-
color: var(--tanager-300);
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
/* BOOK NOW */
|
|
135
|
-
.book-now {
|
|
136
|
-
background-color: var(--tanager-200);
|
|
137
|
-
border-color: var(--tanager-100);
|
|
138
|
-
color: var(--neutral-100);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/* @media (prefers-color-scheme: dark) {
|
|
142
|
-
} */
|
|
143
|
-
|
|
144
|
-
.book-now:hover,
|
|
145
|
-
.book-now__hover {
|
|
146
|
-
background-color: var(--tanager-300);
|
|
147
|
-
border-color: var(--tanager-200);
|
|
148
|
-
color: var(--neutral-200);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.book-now:active,
|
|
152
|
-
.book-now__active,
|
|
153
|
-
button:active {
|
|
154
|
-
background-color: var(--tanager-400);
|
|
125
|
+
background-color: var(--tanager-400);
|
|
155
126
|
border-color: var(--tanager-300);
|
|
156
127
|
color: var(--neutral-300);
|
|
128
|
+
}
|
|
157
129
|
}
|
|
158
130
|
}
|
|
159
131
|
|
package/src/styles/cards.css
CHANGED
|
@@ -234,10 +234,12 @@
|
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
.ticket {
|
|
237
|
-
width: 100
|
|
238
|
-
height: 100
|
|
239
|
-
background-color:
|
|
237
|
+
width: calc(100% - 2 * var(--kosciuszko));
|
|
238
|
+
height: calc(100% - 2 * var(--kosciuszko));
|
|
239
|
+
background-color: white;
|
|
240
240
|
border: 1px solid var(--neutral-300);
|
|
241
|
+
border-radius: var(--card-radius);
|
|
242
|
+
padding: var(--kosciuszko);
|
|
241
243
|
|
|
242
244
|
@media (prefers-color-scheme: dark) {
|
|
243
245
|
background-color: var(--neutral-700);
|
|
@@ -269,6 +271,14 @@
|
|
|
269
271
|
}
|
|
270
272
|
}
|
|
271
273
|
|
|
274
|
+
.tahoe-city .ticket {
|
|
275
|
+
border-color: var(--sand-400);
|
|
276
|
+
|
|
277
|
+
@media (prefers-color-scheme: dark) {
|
|
278
|
+
border-color: var(--neutral-700);
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
|
|
272
282
|
.south-tahoe .ticket {
|
|
273
283
|
background-color: var(--lake-200);
|
|
274
284
|
border: 1px solid var(--lake-300);
|
package/src/styles/color.css
CHANGED
|
@@ -11,13 +11,23 @@ body {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
+
.tahoe-city body {
|
|
15
|
+
background-color: var(--sand-100);
|
|
16
|
+
color: var(--neutral-800);
|
|
17
|
+
|
|
18
|
+
@media (prefers-color-scheme: dark) {
|
|
19
|
+
background-color: var(--lake-800);
|
|
20
|
+
color: var(--neutral-100);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
14
24
|
body:has(#storybook-root) {
|
|
15
25
|
#storybook-root {
|
|
16
26
|
min-height: 100vh;
|
|
17
27
|
}
|
|
18
28
|
|
|
19
29
|
#storybook-root:has(.tahoe-city) {
|
|
20
|
-
background-color: var(--
|
|
30
|
+
background-color: var(--sand-100);
|
|
21
31
|
|
|
22
32
|
@media (prefers-color-scheme: dark) {
|
|
23
33
|
background-color: var(--lake-300);
|
|
@@ -51,6 +61,35 @@ hr {
|
|
|
51
61
|
}
|
|
52
62
|
}
|
|
53
63
|
|
|
64
|
+
.tahoe-city hr {
|
|
65
|
+
border-color: var(--sand-400);
|
|
66
|
+
|
|
67
|
+
@media (prefers-color-scheme: dark) {
|
|
68
|
+
border-color: var(--lake-500);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/*------------------------------------*/
|
|
73
|
+
/* #PANEL */
|
|
74
|
+
/*------------------------------------*/
|
|
75
|
+
|
|
76
|
+
.panel {
|
|
77
|
+
background-color: var(--neutral-200);
|
|
78
|
+
|
|
79
|
+
@media (prefers-color-scheme: dark) {
|
|
80
|
+
background-color: var(--neutral-700);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.tahoe-city .panel {
|
|
85
|
+
background-color: var(--sand-200);
|
|
86
|
+
|
|
87
|
+
@media (prefers-color-scheme: dark) {
|
|
88
|
+
background-color: var(--lake-700);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
|
|
54
93
|
/*------------------------------------*/
|
|
55
94
|
/* #TOP-BAR */
|
|
56
95
|
/*------------------------------------*/
|
|
@@ -69,9 +108,10 @@ hr {
|
|
|
69
108
|
|
|
70
109
|
@media (prefers-color-scheme: light) {
|
|
71
110
|
.tahoe-city .top-bar {
|
|
72
|
-
background-color: var(--
|
|
73
|
-
box-shadow: 0 0 0 100vmax var(--
|
|
74
|
-
|
|
111
|
+
/* background-color: var(--neutral-100); */
|
|
112
|
+
/* box-shadow: 0 0 0 100vmax var(--neutral-100); */
|
|
113
|
+
background-color: white;
|
|
114
|
+
box-shadow: 0 0 0 100vmax white;
|
|
75
115
|
}
|
|
76
116
|
|
|
77
117
|
/* * dark back to clean theme */
|
|
@@ -95,9 +135,12 @@ hr {
|
|
|
95
135
|
/* #LOCATION */
|
|
96
136
|
/*------------------------------------*/
|
|
97
137
|
|
|
98
|
-
|
|
138
|
+
|
|
139
|
+
.location {
|
|
140
|
+
background-color: white;
|
|
141
|
+
|
|
99
142
|
@media (prefers-color-scheme: dark) {
|
|
100
|
-
color: var(--neutral-
|
|
143
|
+
background-color: var(--neutral-800);
|
|
101
144
|
}
|
|
102
145
|
}
|
|
103
146
|
|
package/src/styles/layout.css
CHANGED
|
@@ -412,7 +412,6 @@ header {
|
|
|
412
412
|
}
|
|
413
413
|
|
|
414
414
|
.location:not(:last-child) {
|
|
415
|
-
border-block-end: 1px solid var(--neutral-400);
|
|
416
415
|
margin-block-end: var(--kosciuszko);
|
|
417
416
|
}
|
|
418
417
|
|
|
@@ -422,6 +421,7 @@ header {
|
|
|
422
421
|
align-items: center;
|
|
423
422
|
gap: clamp(var(--kosciuszko), 1.67vw, var(--elbrus));
|
|
424
423
|
border-radius: var(--card-radius);
|
|
424
|
+
padding: var(--vinson);
|
|
425
425
|
|
|
426
426
|
> svg,
|
|
427
427
|
.svg {
|
package/src/styles/links.css
CHANGED
package/src/styles/variables.css
CHANGED
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
|
|
40
40
|
/* Sand */
|
|
41
41
|
|
|
42
|
-
--sand-100: oklch(0.97 0.
|
|
43
|
-
--sand-200: oklch(0.95 0.
|
|
44
|
-
--sand-300: oklch(0.92 0.
|
|
45
|
-
--sand-400: oklch(0.88 0.
|
|
42
|
+
--sand-100: oklch(0.97 0.025 75);
|
|
43
|
+
--sand-200: oklch(0.95 0.035 75);
|
|
44
|
+
--sand-300: oklch(0.92 0.05 75);
|
|
45
|
+
--sand-400: oklch(0.88 0.075 75);
|
|
46
46
|
/* this finishes where 500 normally would go dark */
|
|
47
47
|
|
|
48
|
-
@supports not (color: oklch(0.97 0.
|
|
48
|
+
@supports not (color: oklch(0.97 0.02 75)) {
|
|
49
49
|
--sand-100: #fbf3ef;
|
|
50
50
|
--sand-200: #faebe3;
|
|
51
51
|
--sand-300: #f6dfd3;
|