@nex125/seatmap-viewer 0.1.6 → 0.1.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.
Files changed (2) hide show
  1. package/package.json +8 -2
  2. package/src/theme/seatmapViewerTheme.css +106 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nex125/seatmap-viewer",
3
- "version": "0.1.6",
3
+ "version": "0.1.8",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.js",
@@ -10,16 +10,22 @@
10
10
  "types": "./dist/index.d.ts",
11
11
  "import": "./dist/index.js",
12
12
  "require": "./dist/index.cjs"
13
- }
13
+ },
14
+ "./theme.css": "./src/theme/seatmapViewerTheme.css"
14
15
  },
16
+ "sideEffects": [
17
+ "./src/theme/seatmapViewerTheme.css"
18
+ ],
15
19
  "files": [
16
20
  "dist",
21
+ "src/theme/seatmapViewerTheme.css",
17
22
  "README.md"
18
23
  ],
19
24
  "scripts": {
20
25
  "build": "tsup",
21
26
  "dev": "tsup --watch",
22
27
  "lint": "tsc --noEmit",
28
+ "test": "bun test",
23
29
  "clean": "rm -rf dist"
24
30
  },
25
31
  "dependencies": {
package/src/theme/seatmapViewerTheme.css ADDED
@@ -0,0 +1,106 @@
1
+ .seatmap-viewer-theme {
2
+ --seatmap-viewer-surface: rgba(24, 24, 24, 0.94);
3
+ --seatmap-viewer-surface-elevated: rgba(28, 28, 28, 0.98);
4
+ --seatmap-viewer-surface-muted: #212121;
5
+ --seatmap-viewer-border: rgba(92, 89, 87, 0.65);
6
+ --seatmap-viewer-border-subtle: rgba(92, 89, 87, 0.45);
7
+ --seatmap-viewer-text: #e5e2e1;
8
+ --seatmap-viewer-text-muted: #9a9694;
9
+ --seatmap-viewer-accent: #6f663a;
10
+ --seatmap-viewer-accent-disabled: #4f4933;
11
+ --seatmap-viewer-accent-text: #f5edc7;
12
+ --seatmap-viewer-danger: #ad3f3f;
13
+ --seatmap-viewer-danger-text: #ffffff;
14
+ --seatmap-viewer-radius-sm: 8px;
15
+ --seatmap-viewer-radius-md: 10px;
16
+ --seatmap-viewer-shadow-elevated: 0 10px 24px rgba(0, 0, 0, 0.28);
17
+ }
18
+
19
+ .seatmap-viewer-theme .seatmap-viewer__legend-container {
20
+ font-family: var(--ds-font-body, system-ui);
21
+ color: var(--seatmap-viewer-text);
22
+ background: var(--seatmap-viewer-surface);
23
+ border: 1px solid var(--seatmap-viewer-border);
24
+ border-radius: var(--seatmap-viewer-radius-md);
25
+ }
26
+
27
+ .seatmap-viewer-theme .seatmap-viewer__legend-heading {
28
+ color: var(--seatmap-viewer-text-muted);
29
+ }
30
+
31
+ .seatmap-viewer-theme .seatmap-viewer__legend-divider {
32
+ background: var(--seatmap-viewer-border-subtle);
33
+ }
34
+
35
+ .seatmap-viewer-theme .seatmap-viewer__legend-swatch {
36
+ border-color: color-mix(in srgb, var(--seatmap-viewer-text) 25%, transparent);
37
+ }
38
+
39
+ .seatmap-viewer-theme .seatmap-viewer__cart-chip {
40
+ font-family: var(--ds-font-body, system-ui);
41
+ color: var(--seatmap-viewer-text);
42
+ background: var(--seatmap-viewer-surface-elevated);
43
+ border: 1px solid var(--seatmap-viewer-border);
44
+ border-radius: 999px;
45
+ box-shadow: var(--seatmap-viewer-shadow-elevated);
46
+ }
47
+
48
+ .seatmap-viewer-theme .seatmap-viewer__cart-popup {
49
+ background: var(--seatmap-viewer-surface-elevated);
50
+ border-top: 1px solid var(--seatmap-viewer-border);
51
+ border-left: 1px solid var(--seatmap-viewer-border);
52
+ border-top-left-radius: calc(var(--seatmap-viewer-radius-md) + 2px);
53
+ box-shadow: var(--seatmap-viewer-shadow-elevated);
54
+ }
55
+
56
+ .seatmap-viewer-theme .seatmap-viewer__cart-header {
57
+ border-bottom: 1px solid var(--seatmap-viewer-border-subtle);
58
+ }
59
+
60
+ .seatmap-viewer-theme .seatmap-viewer__cart-header-title {
61
+ color: var(--seatmap-viewer-text);
62
+ font-family: var(--ds-font-body, system-ui);
63
+ }
64
+
65
+ .seatmap-viewer-theme .seatmap-viewer__cart-icon-button {
66
+ border: 1px solid var(--seatmap-viewer-border);
67
+ color: var(--seatmap-viewer-text);
68
+ background: var(--seatmap-viewer-surface-muted);
69
+ border-radius: calc(var(--seatmap-viewer-radius-sm) - 3px);
70
+ }
71
+
72
+ .seatmap-viewer-theme .seatmap-viewer__cart-empty-state,
73
+ .seatmap-viewer-theme .seatmap-viewer__cart-group-meta,
74
+ .seatmap-viewer-theme .seatmap-viewer__cart-seat-label,
75
+ .seatmap-viewer-theme .seatmap-viewer__cart-summary {
76
+ color: var(--seatmap-viewer-text-muted);
77
+ }
78
+
79
+ .seatmap-viewer-theme .seatmap-viewer__cart-group {
80
+ background: var(--seatmap-viewer-surface-muted);
81
+ border: 1px solid var(--seatmap-viewer-border);
82
+ border-radius: var(--seatmap-viewer-radius-md);
83
+ }
84
+
85
+ .seatmap-viewer-theme .seatmap-viewer__cart-group-title,
86
+ .seatmap-viewer-theme .seatmap-viewer__cart-group-total,
87
+ .seatmap-viewer-theme .seatmap-viewer__cart-quantity-value {
88
+ color: var(--seatmap-viewer-text);
89
+ }
90
+
91
+ .seatmap-viewer-theme .seatmap-viewer__cart-footer {
92
+ border-top: 1px solid var(--seatmap-viewer-border-subtle);
93
+ }
94
+
95
+ .seatmap-viewer-theme .seatmap-viewer__cart-proceed-button {
96
+ border: 1px solid color-mix(in srgb, var(--seatmap-viewer-accent) 65%, #000);
97
+ color: var(--seatmap-viewer-accent-text);
98
+ background: var(--seatmap-viewer-accent);
99
+ border-radius: var(--seatmap-viewer-radius-sm);
100
+ font-family: var(--ds-font-body, system-ui);
101
+ }
102
+
103
+ .seatmap-viewer-theme .seatmap-viewer__cart-proceed-button:disabled {
104
+ opacity: 0.72;
105
+ cursor: not-allowed;
106
+ }