@melodicdev/components 1.5.2 → 1.5.3

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 (10) hide show
  1. package/assets/melodic-components.js +13 -13
  2. package/assets/melodic-components.js.map +1 -1
  3. package/assets/melodic-components.min.js +13 -13
  4. package/lib/components/forms/autocomplete/autocomplete.styles.js +1 -1
  5. package/lib/components/forms/date-picker/date-picker.styles.js +8 -8
  6. package/lib/components/forms/input/input.styles.js +2 -2
  7. package/lib/components/forms/select/select.styles.js +1 -1
  8. package/lib/components/forms/textarea/textarea.styles.js +2 -2
  9. package/lib/components/forms/time-picker/time-picker.styles.js +8 -8
  10. package/package.json +1 -1
package/assets/melodic-components.js CHANGED
@@ -5788,9 +5788,9 @@ const inputStyles = () => css`
5788
5788
  /* --- Wrapper --- */
5789
5789
  --ml-input-bg: var(--ml-color-input-bg);
5790
5790
  --ml-input-border-width: var(--ml-border);
5791
- --ml-input-border-color: var(--ml-color-border-strong);
5791
+ --ml-input-border-color: var(--ml-color-border);
5792
5792
  --ml-input-border-radius: var(--ml-radius);
5793
- --ml-input-shadow: var(--ml-shadow-xs);
5793
+ --ml-input-shadow: none;
5794
5794
  --ml-input-hover-border-color: var(--ml-color-border);
5795
5795
  --ml-input-padding: var(--ml-space-2-5) var(--ml-space-3-5);
5796
5796
  --ml-input-gap: var(--ml-space-2);
@@ -6085,9 +6085,9 @@ const textareaStyles = () => css`
6085
6085
  /* --- Field --- */
6086
6086
  --ml-textarea-bg: var(--ml-color-input-bg);
6087
6087
  --ml-textarea-border-width: var(--ml-border);
6088
- --ml-textarea-border-color: var(--ml-color-border-strong);
6088
+ --ml-textarea-border-color: var(--ml-color-border);
6089
6089
  --ml-textarea-border-radius: var(--ml-radius);
6090
- --ml-textarea-shadow: var(--ml-shadow-xs);
6090
+ --ml-textarea-shadow: none;
6091
6091
  --ml-textarea-color: var(--ml-color-text);
6092
6092
  --ml-textarea-font-family: var(--ml-font-sans);
6093
6093
  --ml-textarea-font-size: var(--ml-text-sm);
@@ -7672,7 +7672,7 @@ const selectStyles = () => css`
7672
7672
  --ml-select-required-color: var(--ml-color-danger);
7673
7673
 
7674
7674
  /* --- Trigger --- */
7675
- --ml-select-bg: var(--ml-color-surface);
7675
+ --ml-select-bg: var(--ml-color-input-bg);
7676
7676
  --ml-select-border-width: var(--ml-border);
7677
7677
  --ml-select-border-color: var(--ml-color-border);
7678
7678
  --ml-select-border-radius: var(--ml-radius);
@@ -9575,11 +9575,11 @@ const datePickerStyles = () => css`
9575
9575
  --ml-date-picker-bg: var(--ml-color-input-bg);
9576
9576
  --ml-date-picker-border-width: var(--ml-border);
9577
9577
  --ml-date-picker-border-color: var(--ml-color-border);
9578
- --ml-date-picker-border-radius: var(--ml-radius-md);
9578
+ --ml-date-picker-border-radius: var(--ml-radius);
9579
9579
  --ml-date-picker-color: var(--ml-color-text);
9580
9580
  --ml-date-picker-font-family: var(--ml-font-sans);
9581
9581
  --ml-date-picker-font-size: var(--ml-text-sm);
9582
- --ml-date-picker-padding: var(--ml-space-2) var(--ml-space-3);
9582
+ --ml-date-picker-padding: var(--ml-space-2-5) var(--ml-space-3-5);
9583
9583
  --ml-date-picker-gap: var(--ml-space-2);
9584
9584
  --ml-date-picker-hover-border-color: var(--ml-color-border-strong);
9585
9585
 
@@ -9589,12 +9589,12 @@ const datePickerStyles = () => css`
9589
9589
 
9590
9590
  /* --- Error --- */
9591
9591
  --ml-date-picker-error-border-color: var(--ml-color-danger);
9592
- --ml-date-picker-error-focus-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
9592
+ --ml-date-picker-error-focus-shadow: var(--ml-shadow-ring-error);
9593
9593
  --ml-date-picker-error-color: var(--ml-color-danger);
9594
9594
 
9595
9595
  /* --- Disabled --- */
9596
9596
  --ml-date-picker-disabled-opacity: 0.5;
9597
- --ml-date-picker-disabled-bg: var(--ml-color-surface-sunken);
9597
+ --ml-date-picker-disabled-bg: var(--ml-color-input-disabled-bg);
9598
9598
 
9599
9599
  /* --- Icon --- */
9600
9600
  --ml-date-picker-icon-color: var(--ml-color-text-muted);
@@ -9685,17 +9685,17 @@ const datePickerStyles = () => css`
9685
9685
 
9686
9686
  /* Sizes */
9687
9687
  .ml-date-picker--sm .ml-date-picker__trigger {
9688
- padding: var(--ml-space-1-5) var(--ml-space-2-5);
9689
- font-size: var(--ml-text-xs);
9688
+ padding: var(--ml-space-2) var(--ml-space-3);
9689
+ font-size: var(--ml-text-sm);
9690
9690
  }
9691
9691
 
9692
9692
  .ml-date-picker--md .ml-date-picker__trigger {
9693
- padding: var(--ml-space-2) var(--ml-space-3);
9693
+ padding: var(--ml-space-2-5) var(--ml-space-3-5);
9694
9694
  font-size: var(--ml-text-sm);
9695
9695
  }
9696
9696
 
9697
9697
  .ml-date-picker--lg .ml-date-picker__trigger {
9698
- padding: var(--ml-space-2-5) var(--ml-space-3-5);
9698
+ padding: var(--ml-space-3) var(--ml-space-3-5);
9699
9699
  font-size: var(--ml-text-base);
9700
9700
  }
9701
9701