@nuitee/booking-widget 1.0.11 → 1.0.12

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 (6) hide show
  1. package/README.md +3 -3
  2. package/dist/booking-widget.css +12 -12
  3. package/dist/core/styles.css +12 -12
  4. package/dist/react/styles.css +12 -12
  5. package/dist/vue/styles.css +12 -12
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -94,15 +94,15 @@ widget.open();
94
94
  No bundler: load the script and CSS from the CDN, then create the widget.
95
95
 
96
96
  ```html
97
- <link rel="stylesheet" href="https://cdn.thehotelplanet.com/booking-widget/v1.0.11/dist/booking-widget.css">
98
- <script src="https://cdn.thehotelplanet.com/booking-widget/v1.0.11/dist/booking-widget-standalone.js"></script>
97
+ <link rel="stylesheet" href="https://cdn.thehotelplanet.com/booking-widget/v1.0.12/dist/booking-widget.css">
98
+ <script src="https://cdn.thehotelplanet.com/booking-widget/v1.0.12/dist/booking-widget-standalone.js"></script>
99
99
 
100
100
  <div id="booking-widget-container"></div>
101
101
 
102
102
  <script>
103
103
  const widget = new BookingWidget({
104
104
  containerId: 'booking-widget-container',
105
- cssUrl: 'https://cdn.thehotelplanet.com/booking-widget/v1.0.11/dist/booking-widget.css',
105
+ cssUrl: 'https://cdn.thehotelplanet.com/booking-widget/v1.0.12/dist/booking-widget.css',
106
106
  propertyKey: 'your-property-key',
107
107
  onOpen: () => console.log('Opened'),
108
108
  onClose: () => console.log('Closed'),
package/dist/booking-widget.css CHANGED
@@ -78,18 +78,18 @@
78
78
  /* ===== CSS Variables ===== */
79
79
  .booking-widget-modal {
80
80
  /* Default colors - can be overridden via inline styles */
81
- --bg: hsl(30, 10%, 8%);
82
- --fg: hsl(40, 20%, 90%);
83
- --card: hsl(30, 8%, 12%);
84
- --card-solid: hsl(30, 8%, 12%);
85
- --card-fg: hsl(40, 20%, 90%);
86
- --primary: hsl(38, 60%, 55%);
87
- --primary-fg: hsl(30, 10%, 8%);
88
- --secondary: hsl(30, 6%, 18%);
89
- --secondary-fg: hsl(40, 15%, 80%);
90
- --muted: hsl(30, 10%, 55%);
91
- --border: hsl(30, 8%, 22%);
92
- --input-bg: hsl(30, 8%, 14%);
81
+ --bg: #222222;
82
+ --fg: #ffffff;
83
+ --card: #222222;
84
+ --card-solid: #222222;
85
+ --card-fg: #ffffff;
86
+ --primary: #AA8453;
87
+ --primary-fg: #ffffff;
88
+ --secondary: #2a2a2a;
89
+ --secondary-fg: #f1f1f1;
90
+ --muted: #b8b8b8;
91
+ --border: #3a3a3a;
92
+ --input-bg: #2a2a2a;
93
93
  --font-serif: 'Playfair Display', Georgia, serif;
94
94
  --font-sans: 'Inter', system-ui, sans-serif;
95
95
  --radius: 0.75em;
package/dist/core/styles.css CHANGED
@@ -78,18 +78,18 @@
78
78
  /* ===== CSS Variables ===== */
79
79
  .booking-widget-modal {
80
80
  /* Default colors - can be overridden via inline styles */
81
- --bg: hsl(30, 10%, 8%);
82
- --fg: hsl(40, 20%, 90%);
83
- --card: hsl(30, 8%, 12%);
84
- --card-solid: hsl(30, 8%, 12%);
85
- --card-fg: hsl(40, 20%, 90%);
86
- --primary: hsl(38, 60%, 55%);
87
- --primary-fg: hsl(30, 10%, 8%);
88
- --secondary: hsl(30, 6%, 18%);
89
- --secondary-fg: hsl(40, 15%, 80%);
90
- --muted: hsl(30, 10%, 55%);
91
- --border: hsl(30, 8%, 22%);
92
- --input-bg: hsl(30, 8%, 14%);
81
+ --bg: #222222;
82
+ --fg: #ffffff;
83
+ --card: #222222;
84
+ --card-solid: #222222;
85
+ --card-fg: #ffffff;
86
+ --primary: #AA8453;
87
+ --primary-fg: #ffffff;
88
+ --secondary: #2a2a2a;
89
+ --secondary-fg: #f1f1f1;
90
+ --muted: #b8b8b8;
91
+ --border: #3a3a3a;
92
+ --input-bg: #2a2a2a;
93
93
  --font-serif: 'Playfair Display', Georgia, serif;
94
94
  --font-sans: 'Inter', system-ui, sans-serif;
95
95
  --radius: 0.75em;
package/dist/react/styles.css CHANGED
@@ -78,18 +78,18 @@
78
78
  /* ===== CSS Variables ===== */
79
79
  .booking-widget-modal {
80
80
  /* Default colors - can be overridden via inline styles */
81
- --bg: hsl(30, 10%, 8%);
82
- --fg: hsl(40, 20%, 90%);
83
- --card: hsl(30, 8%, 12%);
84
- --card-solid: hsl(30, 8%, 12%);
85
- --card-fg: hsl(40, 20%, 90%);
86
- --primary: hsl(38, 60%, 55%);
87
- --primary-fg: hsl(30, 10%, 8%);
88
- --secondary: hsl(30, 6%, 18%);
89
- --secondary-fg: hsl(40, 15%, 80%);
90
- --muted: hsl(30, 10%, 55%);
91
- --border: hsl(30, 8%, 22%);
92
- --input-bg: hsl(30, 8%, 14%);
81
+ --bg: #222222;
82
+ --fg: #ffffff;
83
+ --card: #222222;
84
+ --card-solid: #222222;
85
+ --card-fg: #ffffff;
86
+ --primary: #AA8453;
87
+ --primary-fg: #ffffff;
88
+ --secondary: #2a2a2a;
89
+ --secondary-fg: #f1f1f1;
90
+ --muted: #b8b8b8;
91
+ --border: #3a3a3a;
92
+ --input-bg: #2a2a2a;
93
93
  --font-serif: 'Playfair Display', Georgia, serif;
94
94
  --font-sans: 'Inter', system-ui, sans-serif;
95
95
  --radius: 0.75em;
package/dist/vue/styles.css CHANGED
@@ -78,18 +78,18 @@
78
78
  /* ===== CSS Variables ===== */
79
79
  .booking-widget-modal {
80
80
  /* Default colors - can be overridden via inline styles */
81
- --bg: hsl(30, 10%, 8%);
82
- --fg: hsl(40, 20%, 90%);
83
- --card: hsl(30, 8%, 12%);
84
- --card-solid: hsl(30, 8%, 12%);
85
- --card-fg: hsl(40, 20%, 90%);
86
- --primary: hsl(38, 60%, 55%);
87
- --primary-fg: hsl(30, 10%, 8%);
88
- --secondary: hsl(30, 6%, 18%);
89
- --secondary-fg: hsl(40, 15%, 80%);
90
- --muted: hsl(30, 10%, 55%);
91
- --border: hsl(30, 8%, 22%);
92
- --input-bg: hsl(30, 8%, 14%);
81
+ --bg: #222222;
82
+ --fg: #ffffff;
83
+ --card: #222222;
84
+ --card-solid: #222222;
85
+ --card-fg: #ffffff;
86
+ --primary: #AA8453;
87
+ --primary-fg: #ffffff;
88
+ --secondary: #2a2a2a;
89
+ --secondary-fg: #f1f1f1;
90
+ --muted: #b8b8b8;
91
+ --border: #3a3a3a;
92
+ --input-bg: #2a2a2a;
93
93
  --font-serif: 'Playfair Display', Georgia, serif;
94
94
  --font-sans: 'Inter', system-ui, sans-serif;
95
95
  --radius: 0.75em;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nuitee/booking-widget",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "description": "A beautiful, customizable booking widget modal that can be embedded in any website. Supports vanilla JavaScript, React, and Vue.js.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",