@momentum-design/components 0.132.6 → 0.132.8
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.
- package/dist/browser/index.js +18 -4
- package/dist/browser/index.js.map +2 -2
- package/dist/components/combobox/combobox.component.d.ts +1 -0
- package/dist/components/combobox/combobox.component.js +1 -0
- package/dist/components/combobox/combobox.styles.js +4 -0
- package/dist/components/datepicker/datepicker.component.d.ts +1 -0
- package/dist/components/datepicker/datepicker.component.js +1 -0
- package/dist/components/datepicker/datepicker.styles.js +2 -1
- package/dist/components/formfieldwrapper/formfieldwrapper.styles.js +6 -0
- package/dist/components/input/input.component.d.ts +1 -0
- package/dist/components/input/input.component.js +1 -0
- package/dist/components/input/input.styles.js +2 -1
- package/dist/components/select/select.component.d.ts +1 -0
- package/dist/components/select/select.component.js +1 -0
- package/dist/components/select/select.styles.js +2 -1
- package/dist/components/timepicker/timepicker.component.d.ts +1 -0
- package/dist/components/timepicker/timepicker.component.js +1 -0
- package/dist/components/timepicker/timepicker.styles.js +2 -1
- package/dist/custom-elements.json +49 -5
- package/dist/react/combobox/index.d.ts +1 -0
- package/dist/react/combobox/index.js +1 -0
- package/dist/react/datepicker/index.d.ts +1 -0
- package/dist/react/datepicker/index.js +1 -0
- package/dist/react/input/index.d.ts +1 -0
- package/dist/react/input/index.js +1 -0
- package/dist/react/select/index.d.ts +1 -0
- package/dist/react/select/index.js +1 -0
- package/dist/react/timepicker/index.d.ts +1 -0
- package/dist/react/timepicker/index.js +1 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -2798,6 +2798,12 @@
|
|
|
2798
2798
|
width: 100%;
|
|
2799
2799
|
}
|
|
2800
2800
|
|
|
2801
|
+
:host::part(helper-icon) {
|
|
2802
|
+
align-self: flex-start;
|
|
2803
|
+
flex-shrink: 0;
|
|
2804
|
+
height: var(--mdc-help-text-line-height);
|
|
2805
|
+
}
|
|
2806
|
+
|
|
2801
2807
|
:host::part(label) {
|
|
2802
2808
|
font-size: var(--mdc-label-font-size);
|
|
2803
2809
|
font-weight: var(--mdc-label-font-weight);
|
|
@@ -3409,6 +3415,7 @@
|
|
|
3409
3415
|
--mdc-datepicker-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
3410
3416
|
--mdc-datepicker-text-color: var(--mds-color-theme-text-primary-normal);
|
|
3411
3417
|
--mdc-datepicker-border-color: var(--mds-color-theme-outline-input-normal);
|
|
3418
|
+
--mdc-datepicker-height: 2rem;
|
|
3412
3419
|
--mdc-datepicker-width: fit-content;
|
|
3413
3420
|
|
|
3414
3421
|
display: flex;
|
|
@@ -3432,7 +3439,7 @@
|
|
|
3432
3439
|
}
|
|
3433
3440
|
|
|
3434
3441
|
:host::part(container) {
|
|
3435
|
-
height:
|
|
3442
|
+
height: var(--mdc-datepicker-height);
|
|
3436
3443
|
width: 100%;
|
|
3437
3444
|
position: relative;
|
|
3438
3445
|
display: flex;
|
|
@@ -3948,6 +3955,7 @@
|
|
|
3948
3955
|
--mdc-input-support-text-color: var(--mds-color-theme-text-secondary-normal);
|
|
3949
3956
|
--mdc-input-selection-text-color: var(--mds-color-theme-inverted-text-primary-normal);
|
|
3950
3957
|
--mdc-input-selection-background-color: var(--mds-color-theme-background-accent-active);
|
|
3958
|
+
--mdc-input-height: 2rem;
|
|
3951
3959
|
}
|
|
3952
3960
|
:host,
|
|
3953
3961
|
:host::part(input-container),
|
|
@@ -3991,7 +3999,7 @@
|
|
|
3991
3999
|
}
|
|
3992
4000
|
|
|
3993
4001
|
:host::part(input-container) {
|
|
3994
|
-
height:
|
|
4002
|
+
height: var(--mdc-input-height);
|
|
3995
4003
|
border-radius: 0.5rem;
|
|
3996
4004
|
border: 0.0625rem solid var(--mdc-input-border-color);
|
|
3997
4005
|
display: flex;
|
|
@@ -5794,6 +5802,7 @@
|
|
|
5794
5802
|
--mdc-select-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
5795
5803
|
--mdc-select-text-color: var(--mds-color-theme-text-secondary-normal);
|
|
5796
5804
|
--mdc-select-border-color: var(--mds-color-theme-outline-input-normal);
|
|
5805
|
+
--mdc-select-height: 2rem;
|
|
5797
5806
|
--mdc-select-width: 100%;
|
|
5798
5807
|
--mdc-select-listbox-width: var(--mdc-select-width);
|
|
5799
5808
|
--mdc-select-listbox-height: auto;
|
|
@@ -5817,7 +5826,7 @@
|
|
|
5817
5826
|
z-index: -1;
|
|
5818
5827
|
}
|
|
5819
5828
|
:host::part(container) {
|
|
5820
|
-
height:
|
|
5829
|
+
height: var(--mdc-select-height);
|
|
5821
5830
|
width: 100%;
|
|
5822
5831
|
position: relative;
|
|
5823
5832
|
display: flex;
|
|
@@ -6769,6 +6778,7 @@
|
|
|
6769
6778
|
--mdc-timepicker-background-color: var(--mds-color-theme-background-primary-ghost);
|
|
6770
6779
|
--mdc-timepicker-text-color: var(--mds-color-theme-text-primary-normal);
|
|
6771
6780
|
--mdc-timepicker-border-color: var(--mds-color-theme-outline-input-normal);
|
|
6781
|
+
--mdc-timepicker-height: 2rem;
|
|
6772
6782
|
--mdc-timepicker-width: fit-content;
|
|
6773
6783
|
--mdc-timepicker-listbox-width: 100%;
|
|
6774
6784
|
--mdc-timepicker-listbox-height: 15rem;
|
|
@@ -6794,7 +6804,7 @@
|
|
|
6794
6804
|
}
|
|
6795
6805
|
|
|
6796
6806
|
:host::part(container) {
|
|
6797
|
-
height:
|
|
6807
|
+
height: var(--mdc-timepicker-height);
|
|
6798
6808
|
width: 100%;
|
|
6799
6809
|
position: relative;
|
|
6800
6810
|
display: flex;
|
|
@@ -7412,6 +7422,7 @@
|
|
|
7412
7422
|
:host {
|
|
7413
7423
|
--mdc-combobox-border-color: var(--mds-color-theme-outline-input-normal);
|
|
7414
7424
|
--mdc-combobox-icon-color: var(--mds-color-theme-text-primary-normal);
|
|
7425
|
+
--mdc-combobox-height: 2rem;
|
|
7415
7426
|
--mdc-combobox-width: 100%;
|
|
7416
7427
|
--mdc-combobox-listbox-width: var(--mdc-combobox-width);
|
|
7417
7428
|
--mdc-combobox-listbox-height: auto;
|
|
@@ -7433,6 +7444,7 @@
|
|
|
7433
7444
|
border-radius: 0 0.5rem 0.5rem 0;
|
|
7434
7445
|
border-left: 1px solid var(--mdc-combobox-border-color);
|
|
7435
7446
|
position: absolute;
|
|
7447
|
+
height: var(--mdc-combobox-height);
|
|
7436
7448
|
padding: 0.5rem;
|
|
7437
7449
|
right: 0;
|
|
7438
7450
|
}
|
|
@@ -7441,6 +7453,7 @@
|
|
|
7441
7453
|
border-radius: 0.5rem 0 0 0.5rem;
|
|
7442
7454
|
border-right: 1px solid var(--mdc-combobox-border-color);
|
|
7443
7455
|
position: absolute;
|
|
7456
|
+
height: var(--mdc-combobox-height);
|
|
7444
7457
|
padding: 0.5rem;
|
|
7445
7458
|
left: 0;
|
|
7446
7459
|
}
|
|
@@ -7474,6 +7487,7 @@
|
|
|
7474
7487
|
}
|
|
7475
7488
|
mdc-input {
|
|
7476
7489
|
--mdc-input-border-color: var(--mdc-combobox-border-color);
|
|
7490
|
+
--mdc-input-height: var(--mdc-combobox-height);
|
|
7477
7491
|
}
|
|
7478
7492
|
:host([disabled]) input,
|
|
7479
7493
|
:host([disabled]) mdc-input {
|