@delightui/components 0.1.146 → 0.1.147

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.
@@ -2012,10 +2012,10 @@ ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical
2012
2012
  --input-border-bottom-left-radius: var(--date-input-border-bottom-left-radius);
2013
2013
  --input-background-color: var(--date-input-background-color);
2014
2014
  --input-color: var(--date-input-color);
2015
- --input-padding-top: calc(var(--date-input-padding-top) - var(--date-input-border-top-width));
2016
- --input-padding-bottom: calc(var(--date-input-padding-bottom) - var(--date-input-border-bottom-width));
2017
- --input-padding-left: calc(var(--date-input-padding-left) - var(--date-input-border-left-width));
2018
- --input-padding-right: calc(var(--date-input-padding-right) - var(--date-input-border-right-width));
2015
+ --input-padding-top: var(--date-input-padding-top);
2016
+ --input-padding-bottom: var(--date-input-padding-bottom);
2017
+ --input-padding-left: var(--date-input-padding-left);
2018
+ --input-padding-right: var(--date-input-padding-right);
2019
2019
  --input-font-family: var(--date-input-font-family);
2020
2020
  --input-font-weight: var(--date-input-font-weight);
2021
2021
  --input-font-size: var(--date-input-font-size);
@@ -2974,13 +2974,8 @@ span.flatpickr-weekday {
2974
2974
  -moz-column-gap: var(--date-picker-months-trigger-column-gap);
2975
2975
  column-gap: var(--date-picker-months-trigger-column-gap);
2976
2976
  row-gap: var(--date-picker-months-trigger-row-gap);
2977
- padding-top: var(--date-picker-months-trigger-padding-top);
2978
- padding-bottom: var(--date-picker-months-trigger-padding-bottom);
2979
- padding-left: var(--date-picker-months-trigger-padding-left);
2980
- padding-right: var(--date-picker-months-trigger-padding-right);
2981
2977
  }
2982
2978
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month {
2983
- color: var(--date-picker-cur-month-color);
2984
2979
  display: contents;
2985
2980
  font-family: var(--date-picker-months-trigger-font-family);
2986
2981
  font-size: var(--date-picker-months-trigger-font-size);
@@ -3001,6 +2996,10 @@ span.flatpickr-weekday {
3001
2996
  font-weight: var(--date-picker-months-trigger-font-weight);
3002
2997
  line-height: var(--date-picker-months-trigger-line-height);
3003
2998
  color: var(--date-picker-months-trigger-color);
2999
+ padding-top: var(--date-picker-months-trigger-padding-top);
3000
+ padding-bottom: var(--date-picker-months-trigger-padding-bottom);
3001
+ padding-left: var(--date-picker-months-trigger-padding-left);
3002
+ padding-right: var(--date-picker-months-trigger-padding-right);
3004
3003
  }
3005
3004
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
3006
3005
  display: none;
@@ -3018,8 +3017,10 @@ span.flatpickr-weekday {
3018
3017
  }
3019
3018
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year {
3020
3019
  border-radius: var(--corner-radius-extra-small);
3021
- padding-left: var(--spacing-space-5);
3022
- padding-right: var(--spacing-space-5);
3020
+ padding-left: var(--date-picker-months-trigger-padding-left);
3021
+ padding-right: var(--date-picker-months-trigger-padding-right);
3022
+ padding-top: var(--date-picker-months-trigger-padding-top);
3023
+ padding-bottom: var(--date-picker-months-trigger-padding-bottom);
3023
3024
  }
3024
3025
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:hover {
3025
3026
  cursor: pointer;
@@ -3027,7 +3028,12 @@ span.flatpickr-weekday {
3027
3028
  }
3028
3029
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:focus, .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:active {
3029
3030
  cursor: text;
3030
- outline: 1px solid var(--border-border-grey-4);
3031
+ outline: 1px solid white;
3032
+ outline: 1px solid var(--border-border-4, white);
3033
+ padding-left: calc(var(--date-picker-months-trigger-padding-left) - 1px);
3034
+ padding-right: calc(var(--date-picker-months-trigger-padding-right) - 1px);
3035
+ padding-top: calc(var(--date-picker-months-trigger-padding-top) - 1px);
3036
+ padding-bottom: calc(var(--date-picker-months-trigger-padding-bottom) - 1px);
3031
3037
  background-color: var(--surface-background-3);
3032
3038
  color: var(--text-primary);
3033
3039
  }