@mellow.io/ds 0.1.0 → 0.2.0

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 (22) hide show
  1. package/README.md +230 -0
  2. package/dist/components/datepicker/datepicker-utils.d.ts +37 -0
  3. package/dist/components/datepicker/datepicker-utils.d.ts.map +1 -0
  4. package/dist/components/datepicker/datepicker-utils.js +157 -0
  5. package/dist/components/datepicker/datepicker-utils.js.map +1 -0
  6. package/dist/components/datepicker/datepicker.d.ts +62 -0
  7. package/dist/components/datepicker/datepicker.d.ts.map +1 -0
  8. package/dist/components/datepicker/datepicker.js +380 -0
  9. package/dist/components/datepicker/datepicker.js.map +1 -0
  10. package/dist/components/datepicker/datepicker.styles.d.ts +2 -0
  11. package/dist/components/datepicker/datepicker.styles.d.ts.map +1 -0
  12. package/dist/components/datepicker/datepicker.styles.js +384 -0
  13. package/dist/components/datepicker/datepicker.styles.js.map +1 -0
  14. package/dist/components/datepicker/index.d.ts +4 -0
  15. package/dist/components/datepicker/index.d.ts.map +1 -0
  16. package/dist/index.d.ts +1 -0
  17. package/dist/index.d.ts.map +1 -1
  18. package/dist/index.js +67 -65
  19. package/dist/index.js.map +1 -1
  20. package/dist/react/index.d.ts +9 -0
  21. package/dist/react/index.d.ts.map +1 -1
  22. package/package.json +2 -1
package/dist/components/datepicker/datepicker.styles.js ADDED
@@ -0,0 +1,384 @@
1
+ import { css as e } from "lit";
2
+ const o = e`
3
+ :host {
4
+ display: inline-block;
5
+ font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\'l', system-ui, sans-serif);
6
+ }
7
+
8
+ :host([disabled]) {
9
+ opacity: 0.48;
10
+ pointer-events: none;
11
+ }
12
+
13
+ /* ---- Container ---- */
14
+
15
+ .datepicker {
16
+ display: inline-flex;
17
+ background: #ffffff;
18
+ border: 1px solid var(--mellow-colors-secondary-latte, #ead8be);
19
+ border-radius: var(--mellow-radius-3, 12px);
20
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
21
+ overflow: hidden;
22
+ user-select: none;
23
+ }
24
+
25
+ /* ---- Presets sidebar ---- */
26
+
27
+ .presets {
28
+ display: flex;
29
+ flex-direction: column;
30
+ gap: var(--mellow-space-1, 4px);
31
+ padding: var(--mellow-space-4, 16px);
32
+ border-right: 1px solid var(--mellow-colors-secondary-latte, #ead8be);
33
+ min-width: 140px;
34
+ }
35
+
36
+ .preset-btn {
37
+ display: block;
38
+ width: 100%;
39
+ padding: var(--mellow-space-2, 8px) var(--mellow-space-3, 12px);
40
+ border: none;
41
+ border-radius: var(--mellow-radius-1-5, 6px);
42
+ background: transparent;
43
+ color: var(--mellow-text-primary, #232222);
44
+ font-size: var(--mellow-font-size-14, 14px);
45
+ line-height: var(--mellow-line-height-18, 18px);
46
+ font-family: inherit;
47
+ text-align: left;
48
+ cursor: pointer;
49
+ white-space: nowrap;
50
+ }
51
+
52
+ .preset-btn:hover {
53
+ background: var(--mellow-colors-bg-hover, #faf6f2);
54
+ }
55
+
56
+ .preset-btn.active {
57
+ background: var(--mellow-colors-primary-mellow-orange, #ff6f23);
58
+ color: #ffffff;
59
+ }
60
+
61
+ /* ---- Calendar panel ---- */
62
+
63
+ .calendar {
64
+ display: flex;
65
+ flex-direction: column;
66
+ padding: var(--mellow-space-4, 16px);
67
+ min-width: 280px;
68
+ }
69
+
70
+ /* ---- Header ---- */
71
+
72
+ .header {
73
+ display: flex;
74
+ align-items: center;
75
+ justify-content: space-between;
76
+ margin-bottom: var(--mellow-space-3, 12px);
77
+ }
78
+
79
+ .header-title {
80
+ display: flex;
81
+ align-items: center;
82
+ gap: var(--mellow-space-1, 4px);
83
+ }
84
+
85
+ .header-btn {
86
+ display: inline-flex;
87
+ align-items: center;
88
+ justify-content: center;
89
+ width: 32px;
90
+ height: 32px;
91
+ border: none;
92
+ border-radius: var(--mellow-radius-1-5, 6px);
93
+ background: transparent;
94
+ color: var(--mellow-text-primary, #232222);
95
+ cursor: pointer;
96
+ padding: 0;
97
+ }
98
+
99
+ .header-btn:hover {
100
+ background: var(--mellow-colors-bg-hover, #faf6f2);
101
+ }
102
+
103
+ .header-btn:focus-visible {
104
+ outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
105
+ outline-offset: -2px;
106
+ }
107
+
108
+ .header-label {
109
+ border: none;
110
+ background: transparent;
111
+ font-size: var(--mellow-font-size-16, 16px);
112
+ font-weight: var(--mellow-font-weight-medium, 500);
113
+ line-height: var(--mellow-line-height-22, 22px);
114
+ color: var(--mellow-text-primary, #232222);
115
+ font-family: inherit;
116
+ cursor: pointer;
117
+ padding: var(--mellow-space-1, 4px) var(--mellow-space-2, 8px);
118
+ border-radius: var(--mellow-radius-1-5, 6px);
119
+ }
120
+
121
+ .header-label:hover {
122
+ background: var(--mellow-colors-bg-hover, #faf6f2);
123
+ }
124
+
125
+ .header-label:focus-visible {
126
+ outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
127
+ outline-offset: -2px;
128
+ }
129
+
130
+ /* ---- Days view ---- */
131
+
132
+ .weekdays {
133
+ display: grid;
134
+ grid-template-columns: repeat(7, 1fr);
135
+ text-align: center;
136
+ margin-bottom: var(--mellow-space-1, 4px);
137
+ }
138
+
139
+ .weekday {
140
+ font-size: 12px;
141
+ line-height: 16px;
142
+ color: var(--mellow-text-secondary, #767676);
143
+ padding: var(--mellow-space-1, 4px) 0;
144
+ }
145
+
146
+ .days-grid {
147
+ display: grid;
148
+ grid-template-columns: repeat(7, 1fr);
149
+ }
150
+
151
+ .day-cell {
152
+ display: flex;
153
+ align-items: center;
154
+ justify-content: center;
155
+ position: relative;
156
+ height: 36px;
157
+ border: none;
158
+ background: transparent;
159
+ font-size: var(--mellow-font-size-14, 14px);
160
+ line-height: var(--mellow-line-height-18, 18px);
161
+ color: var(--mellow-text-primary, #232222);
162
+ font-family: inherit;
163
+ cursor: pointer;
164
+ padding: 0;
165
+ }
166
+
167
+ .day-cell:focus-visible {
168
+ outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
169
+ outline-offset: -2px;
170
+ border-radius: 50%;
171
+ z-index: 2;
172
+ }
173
+
174
+ .day-cell.other-month {
175
+ color: #d1d0d0;
176
+ }
177
+
178
+ .day-cell.disabled {
179
+ color: #d1d0d0;
180
+ cursor: not-allowed;
181
+ pointer-events: none;
182
+ }
183
+
184
+ .day-cell.today:not(.selected) .day-number {
185
+ font-weight: var(--mellow-font-weight-medium, 500);
186
+ text-decoration: underline;
187
+ text-decoration-color: var(--mellow-colors-primary-mellow-orange, #ff6f23);
188
+ text-underline-offset: 2px;
189
+ }
190
+
191
+ .day-cell:hover:not(.disabled):not(.selected) .day-number {
192
+ background: var(--mellow-colors-bg-hover, #faf6f2);
193
+ border-radius: 50%;
194
+ }
195
+
196
+ .day-number {
197
+ display: flex;
198
+ align-items: center;
199
+ justify-content: center;
200
+ width: 32px;
201
+ height: 32px;
202
+ border-radius: 50%;
203
+ position: relative;
204
+ z-index: 1;
205
+ }
206
+
207
+ /* ---- Selection ---- */
208
+
209
+ .day-cell.selected .day-number {
210
+ background: var(--mellow-colors-primary-mellow-orange, #ff6f23);
211
+ color: #ffffff;
212
+ }
213
+
214
+ .day-cell.in-range {
215
+ background: #fcf2e8;
216
+ }
217
+
218
+ .day-cell.range-start {
219
+ background: linear-gradient(to right, transparent 50%, #fcf2e8 50%);
220
+ }
221
+
222
+ .day-cell.range-end {
223
+ background: linear-gradient(to left, transparent 50%, #fcf2e8 50%);
224
+ }
225
+
226
+ .day-cell.range-start.range-end {
227
+ background: transparent;
228
+ }
229
+
230
+ /* ---- Months view ---- */
231
+
232
+ .months-grid {
233
+ display: grid;
234
+ grid-template-columns: repeat(3, 1fr);
235
+ gap: var(--mellow-space-2, 8px);
236
+ }
237
+
238
+ .month-cell {
239
+ display: flex;
240
+ align-items: center;
241
+ justify-content: center;
242
+ height: 40px;
243
+ border: none;
244
+ border-radius: var(--mellow-radius-2, 8px);
245
+ background: transparent;
246
+ font-size: var(--mellow-font-size-14, 14px);
247
+ line-height: var(--mellow-line-height-18, 18px);
248
+ color: var(--mellow-text-primary, #232222);
249
+ font-family: inherit;
250
+ cursor: pointer;
251
+ padding: 0;
252
+ }
253
+
254
+ .month-cell:hover {
255
+ background: var(--mellow-colors-bg-hover, #faf6f2);
256
+ }
257
+
258
+ .month-cell:focus-visible {
259
+ outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
260
+ outline-offset: -2px;
261
+ }
262
+
263
+ .month-cell.selected {
264
+ background: var(--mellow-colors-primary-mellow-orange, #ff6f23);
265
+ color: #ffffff;
266
+ }
267
+
268
+ .month-cell.disabled {
269
+ color: #d1d0d0;
270
+ cursor: not-allowed;
271
+ pointer-events: none;
272
+ }
273
+
274
+ /* ---- Years view ---- */
275
+
276
+ .years-grid {
277
+ display: grid;
278
+ grid-template-columns: repeat(3, 1fr);
279
+ gap: var(--mellow-space-2, 8px);
280
+ }
281
+
282
+ .year-cell {
283
+ display: flex;
284
+ align-items: center;
285
+ justify-content: center;
286
+ height: 40px;
287
+ border: none;
288
+ border-radius: var(--mellow-radius-2, 8px);
289
+ background: transparent;
290
+ font-size: var(--mellow-font-size-14, 14px);
291
+ line-height: var(--mellow-line-height-18, 18px);
292
+ color: var(--mellow-text-primary, #232222);
293
+ font-family: inherit;
294
+ cursor: pointer;
295
+ padding: 0;
296
+ }
297
+
298
+ .year-cell:hover {
299
+ background: var(--mellow-colors-bg-hover, #faf6f2);
300
+ }
301
+
302
+ .year-cell:focus-visible {
303
+ outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
304
+ outline-offset: -2px;
305
+ }
306
+
307
+ .year-cell.selected {
308
+ background: var(--mellow-colors-primary-mellow-orange, #ff6f23);
309
+ color: #ffffff;
310
+ }
311
+
312
+ .year-cell.disabled {
313
+ color: #d1d0d0;
314
+ cursor: not-allowed;
315
+ pointer-events: none;
316
+ }
317
+
318
+ /* ---- Footer ---- */
319
+
320
+ .footer {
321
+ display: flex;
322
+ align-items: center;
323
+ justify-content: space-between;
324
+ margin-top: var(--mellow-space-3, 12px);
325
+ padding-top: var(--mellow-space-3, 12px);
326
+ border-top: 1px solid var(--mellow-colors-secondary-latte, #ead8be);
327
+ }
328
+
329
+ .today-link {
330
+ border: none;
331
+ background: transparent;
332
+ font-size: var(--mellow-font-size-14, 14px);
333
+ line-height: var(--mellow-line-height-18, 18px);
334
+ color: var(--mellow-colors-primary-mellow-orange, #ff6f23);
335
+ font-family: inherit;
336
+ cursor: pointer;
337
+ padding: var(--mellow-space-1, 4px) var(--mellow-space-2, 8px);
338
+ border-radius: var(--mellow-radius-1-5, 6px);
339
+ }
340
+
341
+ .today-link:hover {
342
+ background: rgba(255, 111, 35, 0.08);
343
+ }
344
+
345
+ .today-link:focus-visible {
346
+ outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
347
+ outline-offset: -2px;
348
+ }
349
+
350
+ .save-btn {
351
+ display: inline-flex;
352
+ align-items: center;
353
+ justify-content: center;
354
+ height: 32px;
355
+ padding: 0 var(--mellow-space-4, 16px);
356
+ border: none;
357
+ border-radius: var(--mellow-radius-1-5, 6px);
358
+ background: var(--mellow-colors-primary-mellow-orange, #ff6f23);
359
+ color: #ffffff;
360
+ font-size: var(--mellow-font-size-14, 14px);
361
+ line-height: var(--mellow-line-height-18, 18px);
362
+ font-weight: var(--mellow-font-weight-medium, 500);
363
+ font-family: inherit;
364
+ cursor: pointer;
365
+ }
366
+
367
+ .save-btn:hover {
368
+ background: var(--mellow-button-brand-hovered, #f04706);
369
+ }
370
+
371
+ .save-btn:focus-visible {
372
+ outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
373
+ outline-offset: 2px;
374
+ }
375
+
376
+ .save-btn:disabled {
377
+ opacity: 0.48;
378
+ cursor: not-allowed;
379
+ }
380
+ `;
381
+ export {
382
+ o as datepickerStyles
383
+ };
384
+ //# sourceMappingURL=datepicker.styles.js.map
package/dist/components/datepicker/datepicker.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"datepicker.styles.js","sources":["../../../src/components/datepicker/datepicker.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const datepickerStyles = css`\n :host {\n display: inline-block;\n font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\\\'l', system-ui, sans-serif);\n }\n\n :host([disabled]) {\n opacity: 0.48;\n pointer-events: none;\n }\n\n /* ---- Container ---- */\n\n .datepicker {\n display: inline-flex;\n background: #ffffff;\n border: 1px solid var(--mellow-colors-secondary-latte, #ead8be);\n border-radius: var(--mellow-radius-3, 12px);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n user-select: none;\n }\n\n /* ---- Presets sidebar ---- */\n\n .presets {\n display: flex;\n flex-direction: column;\n gap: var(--mellow-space-1, 4px);\n padding: var(--mellow-space-4, 16px);\n border-right: 1px solid var(--mellow-colors-secondary-latte, #ead8be);\n min-width: 140px;\n }\n\n .preset-btn {\n display: block;\n width: 100%;\n padding: var(--mellow-space-2, 8px) var(--mellow-space-3, 12px);\n border: none;\n border-radius: var(--mellow-radius-1-5, 6px);\n background: transparent;\n color: var(--mellow-text-primary, #232222);\n font-size: var(--mellow-font-size-14, 14px);\n line-height: var(--mellow-line-height-18, 18px);\n font-family: inherit;\n text-align: left;\n cursor: pointer;\n white-space: nowrap;\n }\n\n .preset-btn:hover {\n background: var(--mellow-colors-bg-hover, #faf6f2);\n }\n\n .preset-btn.active {\n background: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n color: #ffffff;\n }\n\n /* ---- Calendar panel ---- */\n\n .calendar {\n display: flex;\n flex-direction: column;\n padding: var(--mellow-space-4, 16px);\n min-width: 280px;\n }\n\n /* ---- Header ---- */\n\n .header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--mellow-space-3, 12px);\n }\n\n .header-title {\n display: flex;\n align-items: center;\n gap: var(--mellow-space-1, 4px);\n }\n\n .header-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border: none;\n border-radius: var(--mellow-radius-1-5, 6px);\n background: transparent;\n color: var(--mellow-text-primary, #232222);\n cursor: pointer;\n padding: 0;\n }\n\n .header-btn:hover {\n background: var(--mellow-colors-bg-hover, #faf6f2);\n }\n\n .header-btn:focus-visible {\n outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n outline-offset: -2px;\n }\n\n .header-label {\n border: none;\n background: transparent;\n font-size: var(--mellow-font-size-16, 16px);\n font-weight: var(--mellow-font-weight-medium, 500);\n line-height: var(--mellow-line-height-22, 22px);\n color: var(--mellow-text-primary, #232222);\n font-family: inherit;\n cursor: pointer;\n padding: var(--mellow-space-1, 4px) var(--mellow-space-2, 8px);\n border-radius: var(--mellow-radius-1-5, 6px);\n }\n\n .header-label:hover {\n background: var(--mellow-colors-bg-hover, #faf6f2);\n }\n\n .header-label:focus-visible {\n outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n outline-offset: -2px;\n }\n\n /* ---- Days view ---- */\n\n .weekdays {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n margin-bottom: var(--mellow-space-1, 4px);\n }\n\n .weekday {\n font-size: 12px;\n line-height: 16px;\n color: var(--mellow-text-secondary, #767676);\n padding: var(--mellow-space-1, 4px) 0;\n }\n\n .days-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n }\n\n .day-cell {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 36px;\n border: none;\n background: transparent;\n font-size: var(--mellow-font-size-14, 14px);\n line-height: var(--mellow-line-height-18, 18px);\n color: var(--mellow-text-primary, #232222);\n font-family: inherit;\n cursor: pointer;\n padding: 0;\n }\n\n .day-cell:focus-visible {\n outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n outline-offset: -2px;\n border-radius: 50%;\n z-index: 2;\n }\n\n .day-cell.other-month {\n color: #d1d0d0;\n }\n\n .day-cell.disabled {\n color: #d1d0d0;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .day-cell.today:not(.selected) .day-number {\n font-weight: var(--mellow-font-weight-medium, 500);\n text-decoration: underline;\n text-decoration-color: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n text-underline-offset: 2px;\n }\n\n .day-cell:hover:not(.disabled):not(.selected) .day-number {\n background: var(--mellow-colors-bg-hover, #faf6f2);\n border-radius: 50%;\n }\n\n .day-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n position: relative;\n z-index: 1;\n }\n\n /* ---- Selection ---- */\n\n .day-cell.selected .day-number {\n background: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n color: #ffffff;\n }\n\n .day-cell.in-range {\n background: #fcf2e8;\n }\n\n .day-cell.range-start {\n background: linear-gradient(to right, transparent 50%, #fcf2e8 50%);\n }\n\n .day-cell.range-end {\n background: linear-gradient(to left, transparent 50%, #fcf2e8 50%);\n }\n\n .day-cell.range-start.range-end {\n background: transparent;\n }\n\n /* ---- Months view ---- */\n\n .months-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--mellow-space-2, 8px);\n }\n\n .month-cell {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n border: none;\n border-radius: var(--mellow-radius-2, 8px);\n background: transparent;\n font-size: var(--mellow-font-size-14, 14px);\n line-height: var(--mellow-line-height-18, 18px);\n color: var(--mellow-text-primary, #232222);\n font-family: inherit;\n cursor: pointer;\n padding: 0;\n }\n\n .month-cell:hover {\n background: var(--mellow-colors-bg-hover, #faf6f2);\n }\n\n .month-cell:focus-visible {\n outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n outline-offset: -2px;\n }\n\n .month-cell.selected {\n background: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n color: #ffffff;\n }\n\n .month-cell.disabled {\n color: #d1d0d0;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n /* ---- Years view ---- */\n\n .years-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--mellow-space-2, 8px);\n }\n\n .year-cell {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n border: none;\n border-radius: var(--mellow-radius-2, 8px);\n background: transparent;\n font-size: var(--mellow-font-size-14, 14px);\n line-height: var(--mellow-line-height-18, 18px);\n color: var(--mellow-text-primary, #232222);\n font-family: inherit;\n cursor: pointer;\n padding: 0;\n }\n\n .year-cell:hover {\n background: var(--mellow-colors-bg-hover, #faf6f2);\n }\n\n .year-cell:focus-visible {\n outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n outline-offset: -2px;\n }\n\n .year-cell.selected {\n background: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n color: #ffffff;\n }\n\n .year-cell.disabled {\n color: #d1d0d0;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n /* ---- Footer ---- */\n\n .footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: var(--mellow-space-3, 12px);\n padding-top: var(--mellow-space-3, 12px);\n border-top: 1px solid var(--mellow-colors-secondary-latte, #ead8be);\n }\n\n .today-link {\n border: none;\n background: transparent;\n font-size: var(--mellow-font-size-14, 14px);\n line-height: var(--mellow-line-height-18, 18px);\n color: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n font-family: inherit;\n cursor: pointer;\n padding: var(--mellow-space-1, 4px) var(--mellow-space-2, 8px);\n border-radius: var(--mellow-radius-1-5, 6px);\n }\n\n .today-link:hover {\n background: rgba(255, 111, 35, 0.08);\n }\n\n .today-link:focus-visible {\n outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n outline-offset: -2px;\n }\n\n .save-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n padding: 0 var(--mellow-space-4, 16px);\n border: none;\n border-radius: var(--mellow-radius-1-5, 6px);\n background: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n color: #ffffff;\n font-size: var(--mellow-font-size-14, 14px);\n line-height: var(--mellow-line-height-18, 18px);\n font-weight: var(--mellow-font-weight-medium, 500);\n font-family: inherit;\n cursor: pointer;\n }\n\n .save-btn:hover {\n background: var(--mellow-button-brand-hovered, #f04706);\n }\n\n .save-btn:focus-visible {\n outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n outline-offset: 2px;\n }\n\n .save-btn:disabled {\n opacity: 0.48;\n cursor: not-allowed;\n }\n`\n"],"names":["datepickerStyles","css"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/dist/components/datepicker/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export { MellowDatepicker } from './datepicker.js';
2
+ export type { DatepickerMode } from './datepicker.js';
3
+ export type { DatepickerPreset } from './datepicker-utils.js';
4
+ //# sourceMappingURL=index.d.ts.map
package/dist/components/datepicker/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA"}
package/dist/index.d.ts CHANGED
@@ -5,6 +5,7 @@ export * from './components/badge/index.js';
5
5
  export * from './components/breadcrumb/index.js';
6
6
  export * from './components/button/index.js';
7
7
  export * from './components/card/index.js';
8
+ export * from './components/datepicker/index.js';
8
9
  export * from './components/checkbox/index.js';
9
10
  export * from './components/dialog/index.js';
10
11
  export * from './components/divider/index.js';
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kCAAkC,CAAA;AAChD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA"}
package/dist/index.js CHANGED
@@ -7,40 +7,41 @@ import { MellowBreadcrumb as i } from "./components/breadcrumb/breadcrumb.js";
7
7
  import { MellowBreadcrumbItem as c } from "./components/breadcrumb/breadcrumb-item.js";
8
8
  import { MellowButton as S } from "./components/button/button.js";
9
9
  import { MellowCard as b } from "./components/card/card.js";
10
- import { MellowCheckbox as I } from "./components/checkbox/checkbox.js";
10
+ import { MellowDatepicker as I } from "./components/datepicker/datepicker.js";
11
+ import { MellowCheckbox as D } from "./components/checkbox/checkbox.js";
11
12
  import { MellowDialog as u } from "./components/dialog/dialog.js";
12
- import { MellowDivider as k } from "./components/divider/divider.js";
13
- import { MellowDropdown as B } from "./components/dropdown/dropdown.js";
14
- import { MellowDropdownItem as v } from "./components/dropdown/dropdown-item.js";
15
- import { MellowFormField as C } from "./components/form-field/form-field.js";
16
- import { MellowGrid as G } from "./components/grid/grid.js";
17
- import { MellowIcon as L } from "./components/icon/icon.js";
18
- import { getIcon as j, registerIcon as q } from "./components/icon/icon-registry.js";
19
- import { MellowInput as z } from "./components/input/input.js";
20
- import { MellowLink as H } from "./components/link/link.js";
21
- import { MellowPagination as K } from "./components/pagination/pagination.js";
22
- import { MellowPopover as Q } from "./components/popover/popover.js";
23
- import { MellowProgress as V } from "./components/progress/progress.js";
24
- import { MellowStepper as X } from "./components/progress/stepper.js";
25
- import { MellowStepperDots as Z } from "./components/progress/stepper-dots.js";
26
- import { MellowStep as $ } from "./components/progress/step.js";
27
- import { MellowStepTimeline as eo } from "./components/progress/step-timeline.js";
28
- import { MellowRadio as lo } from "./components/radio/radio.js";
29
- import { MellowRadioGroup as po } from "./components/radio/radio-group.js";
30
- import { MellowSelect as wo } from "./components/select/select.js";
31
- import { MellowOption as fo } from "./components/select/option.js";
32
- import { MellowSkeleton as ao } from "./components/skeleton/skeleton.js";
33
- import { MellowSpinner as no } from "./components/spinner/spinner.js";
34
- import { MellowStack as So } from "./components/stack/stack.js";
35
- import { MellowSwitch as bo } from "./components/switch/switch.js";
36
- import { MellowTable as Io } from "./components/table/table.js";
13
+ import { MellowDivider as B } from "./components/divider/divider.js";
14
+ import { MellowDropdown as v } from "./components/dropdown/dropdown.js";
15
+ import { MellowDropdownItem as C } from "./components/dropdown/dropdown-item.js";
16
+ import { MellowFormField as G } from "./components/form-field/form-field.js";
17
+ import { MellowGrid as L } from "./components/grid/grid.js";
18
+ import { MellowIcon as j } from "./components/icon/icon.js";
19
+ import { getIcon as y, registerIcon as z } from "./components/icon/icon-registry.js";
20
+ import { MellowInput as H } from "./components/input/input.js";
21
+ import { MellowLink as K } from "./components/link/link.js";
22
+ import { MellowPagination as Q } from "./components/pagination/pagination.js";
23
+ import { MellowPopover as V } from "./components/popover/popover.js";
24
+ import { MellowProgress as X } from "./components/progress/progress.js";
25
+ import { MellowStepper as Z } from "./components/progress/stepper.js";
26
+ import { MellowStepperDots as $ } from "./components/progress/stepper-dots.js";
27
+ import { MellowStep as eo } from "./components/progress/step.js";
28
+ import { MellowStepTimeline as lo } from "./components/progress/step-timeline.js";
29
+ import { MellowRadio as po } from "./components/radio/radio.js";
30
+ import { MellowRadioGroup as wo } from "./components/radio/radio-group.js";
31
+ import { MellowSelect as fo } from "./components/select/select.js";
32
+ import { MellowOption as ao } from "./components/select/option.js";
33
+ import { MellowSkeleton as no } from "./components/skeleton/skeleton.js";
34
+ import { MellowSpinner as So } from "./components/spinner/spinner.js";
35
+ import { MellowStack as bo } from "./components/stack/stack.js";
36
+ import { MellowSwitch as Io } from "./components/switch/switch.js";
37
+ import { MellowTable as Do } from "./components/table/table.js";
37
38
  import { MellowTabs as uo } from "./components/tabs/tabs.js";
38
- import { MellowTab as ko } from "./components/tabs/tab.js";
39
- import { MellowTabPanel as Bo } from "./components/tabs/tab-panel.js";
40
- import { MellowTag as vo } from "./components/tag/tag.js";
41
- import { MellowTextarea as Co } from "./components/textarea/textarea.js";
42
- import { MellowToast as Go } from "./components/toast/toast.js";
43
- import { MellowTooltip as Lo } from "./components/tooltip/tooltip.js";
39
+ import { MellowTab as Bo } from "./components/tabs/tab.js";
40
+ import { MellowTabPanel as vo } from "./components/tabs/tab-panel.js";
41
+ import { MellowTag as Co } from "./components/tag/tag.js";
42
+ import { MellowTextarea as Go } from "./components/textarea/textarea.js";
43
+ import { MellowToast as Lo } from "./components/toast/toast.js";
44
+ import { MellowTooltip as jo } from "./components/tooltip/tooltip.js";
44
45
  export {
45
46
  r as MellowAccordion,
46
47
  t as MellowAccordionItem,
@@ -51,40 +52,41 @@ export {
51
52
  c as MellowBreadcrumbItem,
52
53
  S as MellowButton,
53
54
  b as MellowCard,
54
- I as MellowCheckbox,
55
+ D as MellowCheckbox,
56
+ I as MellowDatepicker,
55
57
  u as MellowDialog,
56
- k as MellowDivider,
57
- B as MellowDropdown,
58
- v as MellowDropdownItem,
59
- C as MellowFormField,
60
- G as MellowGrid,
61
- L as MellowIcon,
62
- z as MellowInput,
63
- H as MellowLink,
64
- fo as MellowOption,
65
- K as MellowPagination,
66
- Q as MellowPopover,
67
- V as MellowProgress,
68
- lo as MellowRadio,
69
- po as MellowRadioGroup,
70
- wo as MellowSelect,
71
- ao as MellowSkeleton,
72
- no as MellowSpinner,
73
- So as MellowStack,
74
- $ as MellowStep,
75
- eo as MellowStepTimeline,
76
- X as MellowStepper,
77
- Z as MellowStepperDots,
78
- bo as MellowSwitch,
79
- ko as MellowTab,
80
- Bo as MellowTabPanel,
81
- Io as MellowTable,
58
+ B as MellowDivider,
59
+ v as MellowDropdown,
60
+ C as MellowDropdownItem,
61
+ G as MellowFormField,
62
+ L as MellowGrid,
63
+ j as MellowIcon,
64
+ H as MellowInput,
65
+ K as MellowLink,
66
+ ao as MellowOption,
67
+ Q as MellowPagination,
68
+ V as MellowPopover,
69
+ X as MellowProgress,
70
+ po as MellowRadio,
71
+ wo as MellowRadioGroup,
72
+ fo as MellowSelect,
73
+ no as MellowSkeleton,
74
+ So as MellowSpinner,
75
+ bo as MellowStack,
76
+ eo as MellowStep,
77
+ lo as MellowStepTimeline,
78
+ Z as MellowStepper,
79
+ $ as MellowStepperDots,
80
+ Io as MellowSwitch,
81
+ Bo as MellowTab,
82
+ vo as MellowTabPanel,
83
+ Do as MellowTable,
82
84
  uo as MellowTabs,
83
- vo as MellowTag,
84
- Co as MellowTextarea,
85
- Go as MellowToast,
86
- Lo as MellowTooltip,
87
- j as getIcon,
88
- q as registerIcon
85
+ Co as MellowTag,
86
+ Go as MellowTextarea,
87
+ Lo as MellowToast,
88
+ jo as MellowTooltip,
89
+ y as getIcon,
90
+ z as registerIcon
89
91
  };
90
92
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/react/index.d.ts CHANGED
@@ -9,6 +9,7 @@ import { MellowSwitch } from '../components/switch/switch.js';
9
9
  import { MellowSelect } from '../components/select/select.js';
10
10
  import { MellowOption } from '../components/select/option.js';
11
11
  import { MellowFormField } from '../components/form-field/form-field.js';
12
+ import { MellowDatepicker } from '../components/datepicker/datepicker.js';
12
13
  import { MellowIcon } from '../components/icon/icon.js';
13
14
  import { MellowBadge } from '../components/badge/badge.js';
14
15
  import { MellowTag } from '../components/tag/tag.js';
@@ -81,6 +82,14 @@ export declare const MellowSelectReact: import("@lit/react").ReactWebComponent<M
81
82
  }>;
82
83
  export declare const MellowOptionReact: import("@lit/react").ReactWebComponent<MellowOption, {}>;
83
84
  export declare const MellowFormFieldReact: import("@lit/react").ReactWebComponent<MellowFormField, {}>;
85
+ export declare const MellowDatepickerReact: import("@lit/react").ReactWebComponent<MellowDatepicker, {
86
+ onMellowChange: EventName<CustomEvent<{
87
+ value: string;
88
+ }>>;
89
+ onMellowSelect: EventName<CustomEvent<{
90
+ value: string;
91
+ }>>;
92
+ }>;
84
93
  export declare const MellowIconReact: import("@lit/react").ReactWebComponent<MellowIcon, {}>;
85
94
  export declare const MellowBadgeReact: import("@lit/react").ReactWebComponent<MellowBadge, {}>;
86
95
  export declare const MellowTagReact: import("@lit/react").ReactWebComponent<MellowTag, {
package/dist/react/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mellow.io/ds",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Mellow Design System — Web Components built with Lit",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -23,6 +23,7 @@
23
23
  "./breadcrumb": "./dist/components/breadcrumb/index.js",
24
24
  "./button": "./dist/components/button/index.js",
25
25
  "./card": "./dist/components/card/index.js",
26
+ "./datepicker": "./dist/components/datepicker/index.js",
26
27
  "./checkbox": "./dist/components/checkbox/index.js",
27
28
  "./dialog": "./dist/components/dialog/index.js",
28
29
  "./divider": "./dist/components/divider/index.js",