@indielayer/ui 1.6.0 → 1.6.1

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 (14) hide show
  1. package/lib/components/datepicker/theme/Datepicker.base.theme.js +4 -5
  2. package/lib/components/slider/Slider.vue.js +2 -2
  3. package/lib/components/slider/Slider.vue2.js +5 -5
  4. package/lib/components/slider/theme/Slider.base.theme.js +1 -1
  5. package/lib/index.js +1 -1
  6. package/lib/index.umd.js +5 -6
  7. package/lib/version.d.ts +1 -1
  8. package/lib/version.js +1 -1
  9. package/package.json +1 -1
  10. package/src/components/datepicker/Datepicker.vue +29 -29
  11. package/src/components/datepicker/theme/Datepicker.base.theme.ts +1 -2
  12. package/src/components/slider/Slider.vue +1 -1
  13. package/src/components/slider/theme/Slider.base.theme.ts +1 -1
  14. package/src/version.ts +1 -1
package/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "1.6.0";
1
+ declare const _default: "1.6.1";
2
2
  export default _default;
package/lib/version.js CHANGED
@@ -1,4 +1,4 @@
1
- const e = "1.6.0";
1
+ const e = "1.6.1";
2
2
  export {
3
3
  e as default
4
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indielayer/ui",
3
- "version": "1.6.0",
3
+ "version": "1.6.1",
4
4
  "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
5
5
  "author": {
6
6
  "name": "João Teixeira",
package/src/components/datepicker/Datepicker.vue CHANGED
@@ -355,60 +355,60 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
355
355
  }
356
356
 
357
357
  .dp__theme_dark {
358
- --dp-background-color: var(--x-datepicker-dark-bg, #212121);
359
- --dp-text-color: var(--x-datepicker-dark-text, #fff);
360
- --dp-hover-color: var(--x-datepicker-dark-range, #484848);
358
+ --dp-background-color: var(--x-datepicker-dark-bg, #212121) !important;
359
+ --dp-text-color: var(--x-datepicker-dark-text, #fff) !important;
360
+ --dp-hover-color: var(--x-datepicker-dark-range, #484848) !important;
361
361
  --dp-hover-text-color: #fff;
362
- --dp-hover-icon-color: var(--x-datepicker-dark-icon, #959595);
363
- --dp-primary-color: var(--x-datepicker-dark-primary, #1976d2);
362
+ --dp-hover-icon-color: var(--x-datepicker-dark-icon, #959595) !important;
363
+ --dp-primary-color: var(--x-datepicker-dark-primary, #1976d2) !important;
364
364
  --dp-primary-disabled-color: #61a8ea;
365
365
  --dp-primary-text-color: #fff;
366
- --dp-secondary-color: var(--x-datepicker-dark-disabled, #a9a9a9);
367
- --dp-border-color: var(--x-datepicker-dark-border, #2d2d2d);
368
- --dp-menu-border-color: var(--x-datepicker-dark-border, #2d2d2d);
366
+ --dp-secondary-color: var(--x-datepicker-dark-disabled, #a9a9a9) !important;
367
+ --dp-border-color: var(--x-datepicker-dark-border, #2d2d2d) !important;
368
+ --dp-menu-border-color: var(--x-datepicker-dark-border, #2d2d2d) !important;
369
369
  --dp-border-color-hover: #aaaeb7;
370
370
  --dp-disabled-color: #737373;
371
- --dp-disabled-color-text: var(--x-datepicker-dark-disabled, #d0d0d0);
371
+ --dp-disabled-color-text: var(--x-datepicker-dark-disabled, #d0d0d0) !important;
372
372
  --dp-scroll-bar-background: #212121;
373
- --dp-scroll-bar-color: var(--x-datepicker-dark-range, #484848);
373
+ --dp-scroll-bar-color: var(--x-datepicker-dark-range, #484848) !important;
374
374
  --dp-success-color: #00701a;
375
375
  --dp-success-color-disabled: #428f59;
376
- --dp-icon-color: var(--x-datepicker-dark-icon, #959595);
376
+ --dp-icon-color: var(--x-datepicker-dark-icon, #959595) !important;
377
377
  --dp-danger-color: #e53935;
378
378
  --dp-marker-color: #e53935;
379
379
  --dp-tooltip-color: #3e3e3e;
380
380
  --dp-highlight-color: rgb(0 92 178 / 20%);
381
- --dp-range-between-dates-background-color: var(--x-datepicker-dark-range, #484848);
382
- --dp-range-between-dates-text-color: var(--x-datepicker-dark-text, #fff);
383
- --dp-range-between-border-color: var(--x-datepicker-dark-text, #fff);
381
+ --dp-range-between-dates-background-color: var(--x-datepicker-dark-range, #484848) !important;
382
+ --dp-range-between-dates-text-color: var(--x-datepicker-dark-text, #fff) !important;
383
+ --dp-range-between-border-color: var(--x-datepicker-dark-text, #fff) !important;
384
384
  }
385
385
 
386
386
  .dp__theme_light {
387
- --dp-background-color: var(--x-datepicker-bg, #fff);
388
- --dp-text-color: var(--x-datepicker-text, #212121);
389
- --dp-hover-color: var(--x-datepicker-range, #f3f3f3);
387
+ --dp-background-color: var(--x-datepicker-bg, #fff) !important;
388
+ --dp-text-color: var(--x-datepicker-text, #212121) !important;
389
+ --dp-hover-color: var(--x-datepicker-range, #f3f3f3) !important;
390
390
  --dp-hover-text-color: #212121;
391
- --dp-hover-icon-color: var(--x-datepicker-icon, #959595);
392
- --dp-primary-color: var(--x-datepicker-primary, #1976d2);
391
+ --dp-hover-icon-color: var(--x-datepicker-icon, #959595) !important;
392
+ --dp-primary-color: var(--x-datepicker-primary, #1976d2) !important;
393
393
  --dp-primary-disabled-color: #6bacea;
394
394
  --dp-primary-text-color: #f8f5f5;
395
- --dp-secondary-color: var(--x-datepicker-disabled, #c0c4cc);
396
- --dp-border-color: var(--x-datepicker-border, #ddd);
397
- --dp-menu-border-color: var(--x-datepicker-border, #ddd);
395
+ --dp-secondary-color: var(--x-datepicker-disabled, #c0c4cc) !important;
396
+ --dp-border-color: var(--x-datepicker-border, #ddd) !important;
397
+ --dp-menu-border-color: var(--x-datepicker-border, #ddd) !important;
398
398
  --dp-border-color-hover: #aaaeb7;
399
399
  --dp-disabled-color: #f6f6f6;
400
- --dp-scroll-bar-background: var(--x-datepicker-range, #f3f3f3);
401
- --dp-scroll-bar-color: var(--x-datepicker-icon, #959595);
400
+ --dp-scroll-bar-background: var(--x-datepicker-range, #f3f3f3) !important;
401
+ --dp-scroll-bar-color: var(--x-datepicker-icon, #959595) !important;
402
402
  --dp-success-color: #76d275;
403
403
  --dp-success-color-disabled: #a3d9b1;
404
- --dp-icon-color: var(--x-datepicker-icon, #959595);
404
+ --dp-icon-color: var(--x-datepicker-icon, #959595) !important;
405
405
  --dp-danger-color: #ff6f60;
406
406
  --dp-marker-color: #ff6f60;
407
407
  --dp-tooltip-color: #fafafa;
408
- --dp-disabled-color-text: var(--x-datepicker-disabled, #8e8e8e);
408
+ --dp-disabled-color-text: var(--x-datepicker-disabled, #8e8e8e) !important;
409
409
  --dp-highlight-color: rgb(25 118 210 / 10%);
410
- --dp-range-between-dates-background-color: var(--x-datepicker-range, #f3f3f3);
411
- --dp-range-between-dates-text-color: var(--x-datepicker-text, #212121);
412
- --dp-range-between-border-color: var(--x-datepicker-range, #f3f3f3);
410
+ --dp-range-between-dates-background-color: var(--x-datepicker-range, #f3f3f3) !important;
411
+ --dp-range-between-dates-text-color: var(--x-datepicker-text, #212121) !important;
412
+ --dp-range-between-border-color: var(--x-datepicker-range, #f3f3f3) !important;
413
413
  }
414
414
  </style>
package/src/components/datepicker/theme/Datepicker.base.theme.ts CHANGED
@@ -10,8 +10,7 @@ const theme: DatepickerTheme = {
10
10
  const secondary = colors.getPalette('secondary')
11
11
  const vars: Array<Record<string, string> | string> = [`
12
12
  /*General*/
13
- --dp-font-family: Inter, -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif;
14
- "Helvetica Neue", sans-serif;
13
+ --dp-font-family: var(--font-family-sans);
15
14
  --dp-border-radius: 8px; /*Configurable border-radius*/
16
15
  --dp-cell-border-radius: 8px; /*Specific border radius for the calendar cell*/
17
16
  --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/
package/src/components/slider/Slider.vue CHANGED
@@ -97,7 +97,7 @@ defineExpose({ focus, blur, reset, validate, setError })
97
97
  :id="id"
98
98
  ref="elRef"
99
99
  type="range"
100
- :class="[classes.input, 'absolute w-full z-10 appearance-none bg-transparent focus:outline-none focus-visible:outline-none']"
100
+ :class="[classes.input, 'absolute z-10 appearance-none bg-transparent focus:outline-none focus-visible:outline-none']"
101
101
  :disabled="disabled"
102
102
  :name="name"
103
103
  :max="max"
package/src/components/slider/theme/Slider.base.theme.ts CHANGED
@@ -9,7 +9,7 @@ const theme: SliderTheme = {
9
9
 
10
10
  return classes
11
11
  },
12
- input: 'w-[calc(100%+0.5rem)] -ml-1 disabled:cursor-not-allowed',
12
+ input: 'w-[calc(100%+0.65rem)] -ml-1 disabled:cursor-not-allowed',
13
13
  track: 'h-1.5 bg-secondary-200 dark:bg-secondary-700 rounded-md overflow-hidden',
14
14
  progress: 'h-full bg-[color:var(--x-slider-bg)]',
15
15
  },
package/src/version.ts CHANGED
@@ -1 +1 @@
1
- export default '1.6.0'
1
+ export default '1.6.1'