@momentum-design/components 0.132.6 → 0.132.7

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 (29) hide show
  1. package/dist/browser/index.js +12 -4
  2. package/dist/browser/index.js.map +2 -2
  3. package/dist/components/combobox/combobox.component.d.ts +1 -0
  4. package/dist/components/combobox/combobox.component.js +1 -0
  5. package/dist/components/combobox/combobox.styles.js +4 -0
  6. package/dist/components/datepicker/datepicker.component.d.ts +1 -0
  7. package/dist/components/datepicker/datepicker.component.js +1 -0
  8. package/dist/components/datepicker/datepicker.styles.js +2 -1
  9. package/dist/components/input/input.component.d.ts +1 -0
  10. package/dist/components/input/input.component.js +1 -0
  11. package/dist/components/input/input.styles.js +2 -1
  12. package/dist/components/select/select.component.d.ts +1 -0
  13. package/dist/components/select/select.component.js +1 -0
  14. package/dist/components/select/select.styles.js +2 -1
  15. package/dist/components/timepicker/timepicker.component.d.ts +1 -0
  16. package/dist/components/timepicker/timepicker.component.js +1 -0
  17. package/dist/components/timepicker/timepicker.styles.js +2 -1
  18. package/dist/custom-elements.json +49 -5
  19. package/dist/react/combobox/index.d.ts +1 -0
  20. package/dist/react/combobox/index.js +1 -0
  21. package/dist/react/datepicker/index.d.ts +1 -0
  22. package/dist/react/datepicker/index.js +1 -0
  23. package/dist/react/input/index.d.ts +1 -0
  24. package/dist/react/input/index.js +1 -0
  25. package/dist/react/select/index.d.ts +1 -0
  26. package/dist/react/select/index.js +1 -0
  27. package/dist/react/timepicker/index.d.ts +1 -0
  28. package/dist/react/timepicker/index.js +1 -0
  29. package/package.json +1 -1
package/dist/browser/index.js CHANGED
@@ -3409,6 +3409,7 @@
3409
3409
  --mdc-datepicker-background-color: var(--mds-color-theme-background-primary-ghost);
3410
3410
  --mdc-datepicker-text-color: var(--mds-color-theme-text-primary-normal);
3411
3411
  --mdc-datepicker-border-color: var(--mds-color-theme-outline-input-normal);
3412
+ --mdc-datepicker-height: 2rem;
3412
3413
  --mdc-datepicker-width: fit-content;
3413
3414
 
3414
3415
  display: flex;
@@ -3432,7 +3433,7 @@
3432
3433
  }
3433
3434
 
3434
3435
  :host::part(container) {
3435
- height: 2rem;
3436
+ height: var(--mdc-datepicker-height);
3436
3437
  width: 100%;
3437
3438
  position: relative;
3438
3439
  display: flex;
@@ -3948,6 +3949,7 @@
3948
3949
  --mdc-input-support-text-color: var(--mds-color-theme-text-secondary-normal);
3949
3950
  --mdc-input-selection-text-color: var(--mds-color-theme-inverted-text-primary-normal);
3950
3951
  --mdc-input-selection-background-color: var(--mds-color-theme-background-accent-active);
3952
+ --mdc-input-height: 2rem;
3951
3953
  }
3952
3954
  :host,
3953
3955
  :host::part(input-container),
@@ -3991,7 +3993,7 @@
3991
3993
  }
3992
3994
 
3993
3995
  :host::part(input-container) {
3994
- height: 2rem;
3996
+ height: var(--mdc-input-height);
3995
3997
  border-radius: 0.5rem;
3996
3998
  border: 0.0625rem solid var(--mdc-input-border-color);
3997
3999
  display: flex;
@@ -5794,6 +5796,7 @@
5794
5796
  --mdc-select-background-color: var(--mds-color-theme-background-primary-ghost);
5795
5797
  --mdc-select-text-color: var(--mds-color-theme-text-secondary-normal);
5796
5798
  --mdc-select-border-color: var(--mds-color-theme-outline-input-normal);
5799
+ --mdc-select-height: 2rem;
5797
5800
  --mdc-select-width: 100%;
5798
5801
  --mdc-select-listbox-width: var(--mdc-select-width);
5799
5802
  --mdc-select-listbox-height: auto;
@@ -5817,7 +5820,7 @@
5817
5820
  z-index: -1;
5818
5821
  }
5819
5822
  :host::part(container) {
5820
- height: 2rem;
5823
+ height: var(--mdc-select-height);
5821
5824
  width: 100%;
5822
5825
  position: relative;
5823
5826
  display: flex;
@@ -6769,6 +6772,7 @@
6769
6772
  --mdc-timepicker-background-color: var(--mds-color-theme-background-primary-ghost);
6770
6773
  --mdc-timepicker-text-color: var(--mds-color-theme-text-primary-normal);
6771
6774
  --mdc-timepicker-border-color: var(--mds-color-theme-outline-input-normal);
6775
+ --mdc-timepicker-height: 2rem;
6772
6776
  --mdc-timepicker-width: fit-content;
6773
6777
  --mdc-timepicker-listbox-width: 100%;
6774
6778
  --mdc-timepicker-listbox-height: 15rem;
@@ -6794,7 +6798,7 @@
6794
6798
  }
6795
6799
 
6796
6800
  :host::part(container) {
6797
- height: 2rem;
6801
+ height: var(--mdc-timepicker-height);
6798
6802
  width: 100%;
6799
6803
  position: relative;
6800
6804
  display: flex;
@@ -7412,6 +7416,7 @@
7412
7416
  :host {
7413
7417
  --mdc-combobox-border-color: var(--mds-color-theme-outline-input-normal);
7414
7418
  --mdc-combobox-icon-color: var(--mds-color-theme-text-primary-normal);
7419
+ --mdc-combobox-height: 2rem;
7415
7420
  --mdc-combobox-width: 100%;
7416
7421
  --mdc-combobox-listbox-width: var(--mdc-combobox-width);
7417
7422
  --mdc-combobox-listbox-height: auto;
@@ -7433,6 +7438,7 @@
7433
7438
  border-radius: 0 0.5rem 0.5rem 0;
7434
7439
  border-left: 1px solid var(--mdc-combobox-border-color);
7435
7440
  position: absolute;
7441
+ height: var(--mdc-combobox-height);
7436
7442
  padding: 0.5rem;
7437
7443
  right: 0;
7438
7444
  }
@@ -7441,6 +7447,7 @@
7441
7447
  border-radius: 0.5rem 0 0 0.5rem;
7442
7448
  border-right: 1px solid var(--mdc-combobox-border-color);
7443
7449
  position: absolute;
7450
+ height: var(--mdc-combobox-height);
7444
7451
  padding: 0.5rem;
7445
7452
  left: 0;
7446
7453
  }
@@ -7474,6 +7481,7 @@
7474
7481
  }
7475
7482
  mdc-input {
7476
7483
  --mdc-input-border-color: var(--mdc-combobox-border-color);
7484
+ --mdc-input-height: var(--mdc-combobox-height);
7477
7485
  }
7478
7486
  :host([disabled]) input,
7479
7487
  :host([disabled]) mdc-input {