@momentum-design/components 0.120.20 → 0.120.21
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 +157 -238
- package/dist/browser/index.js.map +3 -3
- package/dist/components/checkbox/checkbox.component.d.ts +8 -0
- package/dist/components/checkbox/checkbox.component.js +8 -0
- package/dist/components/checkbox/checkbox.styles.js +3 -3
- package/dist/components/combobox/combobox.component.d.ts +8 -6
- package/dist/components/combobox/combobox.component.js +8 -6
- package/dist/components/combobox/combobox.styles.js +5 -25
- package/dist/components/formfieldgroup/formfieldgroup.component.d.ts +9 -0
- package/dist/components/formfieldgroup/formfieldgroup.component.js +9 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.component.d.ts +9 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.component.js +9 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.styles.d.ts +2 -2
- package/dist/components/formfieldwrapper/formfieldwrapper.styles.js +68 -66
- package/dist/components/input/input.component.d.ts +11 -13
- package/dist/components/input/input.component.js +11 -13
- package/dist/components/input/input.styles.js +33 -50
- package/dist/components/password/password.component.d.ts +31 -27
- package/dist/components/password/password.component.js +31 -27
- package/dist/components/progressbar/progressbar.component.d.ts +15 -20
- package/dist/components/progressbar/progressbar.component.js +16 -21
- package/dist/components/progressbar/progressbar.styles.js +7 -19
- package/dist/components/searchfield/searchfield.component.d.ts +30 -0
- package/dist/components/searchfield/searchfield.component.js +30 -0
- package/dist/components/select/select.component.d.ts +19 -21
- package/dist/components/select/select.component.js +19 -21
- package/dist/components/select/select.styles.js +14 -29
- package/dist/components/textarea/textarea.component.d.ts +20 -18
- package/dist/components/textarea/textarea.component.js +20 -18
- package/dist/components/textarea/textarea.styles.js +27 -49
- package/dist/custom-elements.json +1779 -1395
- package/dist/react/checkbox/index.d.ts +8 -0
- package/dist/react/checkbox/index.js +8 -0
- package/dist/react/combobox/index.d.ts +8 -6
- package/dist/react/combobox/index.js +8 -6
- package/dist/react/formfieldgroup/index.d.ts +9 -0
- package/dist/react/formfieldgroup/index.js +9 -0
- package/dist/react/formfieldwrapper/index.d.ts +9 -0
- package/dist/react/formfieldwrapper/index.js +9 -0
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/dist/react/input/index.d.ts +11 -13
- package/dist/react/input/index.js +11 -13
- package/dist/react/password/index.d.ts +31 -27
- package/dist/react/password/index.js +31 -27
- package/dist/react/progressbar/index.d.ts +15 -20
- package/dist/react/progressbar/index.js +15 -20
- package/dist/react/searchfield/index.d.ts +30 -0
- package/dist/react/searchfield/index.js +30 -0
- package/dist/react/select/index.d.ts +19 -21
- package/dist/react/select/index.js +19 -21
- package/dist/react/textarea/index.d.ts +20 -18
- package/dist/react/textarea/index.js +20 -18
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
@@ -2719,76 +2719,81 @@
|
|
2719
2719
|
white-space: nowrap;
|
2720
2720
|
width: 1px;
|
2721
2721
|
}
|
2722
|
-
`,t.appendChild(i),t.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=Es.IDENTITY),this.createAnnouncementAriaLiveRegion()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeOutsAndAnnouncements()}updated(t){t.has("identity")&&this.identity.length===0&&(this.identity=Es.IDENTITY,this.createAnnouncementAriaLiveRegion()),t.has("announcement")&&this.announcement.length>0&&(this.announce(this.announcement,this.delay,this.timeout,this.dataAriaLive),this.announcement="")}};hi.styles=[...q.styles,...Pf],p([u({type:String,reflect:!0})],hi.prototype,"announcement",2),p([u({type:String,reflect:!0})],hi.prototype,"identity",2),p([u({type:String,reflect:!0,attribute:"data-aria-live"})],hi.prototype,"dataAriaLive",2),p([u({type:Number,reflect:!0})],hi.prototype,"delay",2),p([u({type:Number,reflect:!0})],hi.prototype,"timeout",2);var Vc=hi;Vc.register(Of);var bT=Vc;Fc.register(Mf);var yT=Fc;var Te=n=>{class o extends n{constructor(){super(...arguments);this.name="";this.value="";this.internals=this.attachInternals()}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}setValidity(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}checkValidity(){return this.setValidity(),this.internals.checkValidity()}reportValidity(){return this.setValidity(),this.internals.reportValidity()}}return o.formAssociated=!0,p([u({reflect:!0,type:String})],o.prototype,"name",2),p([u({reflect:!0,type:String})],o.prototype,"value",2),p([u({reflect:!0,type:String,attribute:"validation-message"})],o.prototype,"validationMessage",2),p([ir("input")],o.prototype,"inputElement",2),o};var Df=z.constructTagName("formfieldwrapper"),zt={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},Mt={VALIDATION:zt.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id",ICON_SIZE:20,INFO_ICON:"info-badge-filled",TOGGLETIP_PLACEMENT:"top",TOGGLETIP_STRATEGY:"absolute"},Oa={TAGNAME:mt.SPAN,TYPE:st.BODY_MIDSIZE_REGULAR,HEADER_TYPE:st.BODY_MIDSIZE_BOLD};var ET=
|
2723
|
-
|
2724
|
-
|
2725
|
-
|
2726
|
-
|
2727
|
-
|
2728
|
-
:
|
2729
|
-
:
|
2730
|
-
|
2731
|
-
:
|
2732
|
-
:host([disabled][help-text-type='error'])::part(help-text-container),
|
2733
|
-
:host([disabled][help-text-type='success'])::part(help-text-container),
|
2734
|
-
:host([disabled][help-text-type='warning'])::part(help-text-container),
|
2735
|
-
:host([disabled][help-text-type='priority'])::part(help-text-container) {
|
2736
|
-
color: var(--mds-color-theme-text-primary-disabled);
|
2737
|
-
}
|
2722
|
+
`,t.appendChild(i),t.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=Es.IDENTITY),this.createAnnouncementAriaLiveRegion()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeOutsAndAnnouncements()}updated(t){t.has("identity")&&this.identity.length===0&&(this.identity=Es.IDENTITY,this.createAnnouncementAriaLiveRegion()),t.has("announcement")&&this.announcement.length>0&&(this.announce(this.announcement,this.delay,this.timeout,this.dataAriaLive),this.announcement="")}};hi.styles=[...q.styles,...Pf],p([u({type:String,reflect:!0})],hi.prototype,"announcement",2),p([u({type:String,reflect:!0})],hi.prototype,"identity",2),p([u({type:String,reflect:!0,attribute:"data-aria-live"})],hi.prototype,"dataAriaLive",2),p([u({type:Number,reflect:!0})],hi.prototype,"delay",2),p([u({type:Number,reflect:!0})],hi.prototype,"timeout",2);var Vc=hi;Vc.register(Of);var bT=Vc;Fc.register(Mf);var yT=Fc;var Te=n=>{class o extends n{constructor(){super(...arguments);this.name="";this.value="";this.internals=this.attachInternals()}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}setValidity(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}checkValidity(){return this.setValidity(),this.internals.checkValidity()}reportValidity(){return this.setValidity(),this.internals.reportValidity()}}return o.formAssociated=!0,p([u({reflect:!0,type:String})],o.prototype,"name",2),p([u({reflect:!0,type:String})],o.prototype,"value",2),p([u({reflect:!0,type:String,attribute:"validation-message"})],o.prototype,"validationMessage",2),p([ir("input")],o.prototype,"inputElement",2),o};var Df=z.constructTagName("formfieldwrapper"),zt={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},Mt={VALIDATION:zt.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id",ICON_SIZE:20,INFO_ICON:"info-badge-filled",TOGGLETIP_PLACEMENT:"top",TOGGLETIP_STRATEGY:"absolute"},Oa={TAGNAME:mt.SPAN,TYPE:st.BODY_MIDSIZE_REGULAR,HEADER_TYPE:st.BODY_MIDSIZE_BOLD};var ET=B`
|
2723
|
+
:host {
|
2724
|
+
--mdc-label-font-size: var(--mds-font-apps-body-midsize-medium-font-size);
|
2725
|
+
--mdc-label-font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);
|
2726
|
+
--mdc-label-line-height: var(--mds-font-apps-body-midsize-medium-line-height);
|
2727
|
+
--mdc-label-color: var(--mds-color-theme-text-primary-normal);
|
2728
|
+
--mdc-help-text-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
2729
|
+
--mdc-help-text-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
2730
|
+
--mdc-help-text-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
2731
|
+
--mdc-help-text-color: var(--mds-color-theme-text-secondary-normal);
|
2738
2732
|
|
2739
|
-
:
|
2740
|
-
|
2741
|
-
|
2733
|
+
flex-direction: column;
|
2734
|
+
align-items: flex-start;
|
2735
|
+
gap: 0.5rem;
|
2736
|
+
}
|
2742
2737
|
|
2743
|
-
|
2744
|
-
:
|
2745
|
-
|
2746
|
-
align-items: center;
|
2747
|
-
gap: 0.5rem;
|
2748
|
-
width: 100%;
|
2749
|
-
}
|
2738
|
+
:host::part(required-indicator) {
|
2739
|
+
color: var(--mds-color-theme-text-error-normal);
|
2740
|
+
}
|
2750
2741
|
|
2751
|
-
|
2752
|
-
|
2753
|
-
|
2754
|
-
|
2755
|
-
|
2742
|
+
:host::part(label-text),
|
2743
|
+
:host::part(help-text-container) {
|
2744
|
+
display: flex;
|
2745
|
+
align-items: center;
|
2746
|
+
gap: 0.5rem;
|
2747
|
+
width: 100%;
|
2748
|
+
}
|
2756
2749
|
|
2757
|
-
|
2758
|
-
:
|
2759
|
-
|
2760
|
-
|
2761
|
-
|
2762
|
-
}
|
2750
|
+
:host::part(label) {
|
2751
|
+
font-size: var(--mdc-label-font-size);
|
2752
|
+
font-weight: var(--mdc-label-font-weight);
|
2753
|
+
line-height: var(--mdc-label-line-height);
|
2754
|
+
}
|
2763
2755
|
|
2764
|
-
|
2765
|
-
|
2766
|
-
|
2767
|
-
|
2768
|
-
|
2769
|
-
|
2756
|
+
:host::part(help-text),
|
2757
|
+
:host::part(help-text-container) {
|
2758
|
+
font-size: var(--mdc-help-text-font-size);
|
2759
|
+
font-weight: var(--mdc-help-text-font-weight);
|
2760
|
+
line-height: var(--mdc-help-text-line-height);
|
2761
|
+
}
|
2770
2762
|
|
2771
|
-
|
2772
|
-
|
2773
|
-
|
2763
|
+
:host::part(label) {
|
2764
|
+
color: var(--mdc-label-color);
|
2765
|
+
overflow: hidden;
|
2766
|
+
text-overflow: ellipsis;
|
2767
|
+
white-space: nowrap;
|
2768
|
+
}
|
2774
2769
|
|
2775
|
-
|
2776
|
-
|
2777
|
-
|
2770
|
+
:host::part(help-text-container) {
|
2771
|
+
color: var(--mdc-help-text-color);
|
2772
|
+
}
|
2778
2773
|
|
2779
|
-
|
2780
|
-
|
2781
|
-
|
2782
|
-
|
2783
|
-
|
2784
|
-
|
2785
|
-
|
2786
|
-
|
2787
|
-
|
2788
|
-
|
2789
|
-
|
2790
|
-
|
2791
|
-
|
2774
|
+
:host::part(info-icon-btn) {
|
2775
|
+
align-self: flex-start;
|
2776
|
+
}
|
2777
|
+
:host([help-text-type='error']) {
|
2778
|
+
--mdc-help-text-color: var(--mds-color-theme-text-error-normal);
|
2779
|
+
}
|
2780
|
+
:host([help-text-type='warning']) {
|
2781
|
+
--mdc-help-text-color: var(--mds-color-theme-text-warning-normal);
|
2782
|
+
}
|
2783
|
+
:host([help-text-type='success']) {
|
2784
|
+
--mdc-help-text-color: var(--mds-color-theme-text-success-normal);
|
2785
|
+
}
|
2786
|
+
:host([help-text-type='priority']) {
|
2787
|
+
--mdc-help-text-color: var(--mds-color-theme-text-accent-normal);
|
2788
|
+
}
|
2789
|
+
|
2790
|
+
:host([disabled]),
|
2791
|
+
:host([disabled])::part(label),
|
2792
|
+
:host([disabled])::part(help-text-container),
|
2793
|
+
:host([disabled])::part(required-indicator) {
|
2794
|
+
color: var(--mds-color-theme-text-primary-disabled);
|
2795
|
+
}
|
2796
|
+
`,$f=[bt,ET];var Ff=n=>({[zt.ERROR]:"error-legacy-badge-filled",[zt.WARNING]:"warning-badge-filled",[zt.SUCCESS]:"check-circle-badge-filled",[zt.PRIORITY]:"priority-badge-filled",[zt.DEFAULT]:""})[n]||"";var ze=class extends Vt(q){constructor(){super(...arguments);this.inputId=`mdc-el-${ye()}`;this.required=!1;this.helpTextType=Mt.VALIDATION;this.toggletipPlacement=Mt.TOGGLETIP_PLACEMENT;this.toggletipStrategy=Mt.TOGGLETIP_STRATEGY;this.readonly=!1;this.softDisabled=!1;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?_`<label for="${this.inputId}" id="${Mt.HEADING_ID}" part="label">${this.label}</label>`:_` <mdc-text
|
2792
2797
|
id="${Mt.HEADING_ID}"
|
2793
2798
|
tagname="${Oa.TAGNAME}"
|
2794
2799
|
type="${Oa.HEADER_TYPE}"
|
@@ -2870,9 +2875,9 @@
|
|
2870
2875
|
}
|
2871
2876
|
|
2872
2877
|
:host::part(label) {
|
2873
|
-
font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
2874
|
-
font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
2875
|
-
line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
2878
|
+
--mdc-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
2879
|
+
--mdc-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
2880
|
+
--mdc-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
2876
2881
|
word-break: break-word;
|
2877
2882
|
white-space: normal;
|
2878
2883
|
}
|
@@ -3381,22 +3386,12 @@
|
|
3381
3386
|
</div>
|
3382
3387
|
`}};Gl.styles=[...se.styles,...qf];var Kc=Gl;var Kf=z.constructTagName("formfieldgroup");Kc.register(Kf);var Yl=Kc;va.register(jn);var OT=va;Sa.register(ul);var PT=Sa;var za=ii(class extends Pr{constructor(n){if(super(n),n.type!==Ye.PROPERTY&&n.type!==Ye.ATTRIBUTE&&n.type!==Ye.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Jn(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[o]){if(o===ve||o===j)return o;let t=n.element,i=n.name;if(n.type===Ye.PROPERTY){if(o===t[i])return ve}else if(n.type===Ye.BOOLEAN_ATTRIBUTE){if(!!o===t.hasAttribute(i))return ve}else if(n.type===Ye.ATTRIBUTE&&t.getAttribute(i)===o+"")return ve;return tl(n),o}});se.register(Df);var cr=se;var Xf=z.constructTagName("input"),Wl={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},_s={OFF:"off",ON:"on"},Is={PASSWORD:"password",TEXT:"text",SEARCH:"search"},Zf={MAX_LENGTH:10,VALIDATION:zt.ERROR},pi={VALIDATION:zt.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:Dt.TERTIARY,CLEAR_BUTTON_SIZE:or[20],PREFIX_TEXT_TYPE:st.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:mt.SPAN,AUTO_COMPLETE:_s.OFF,INPUT_TYPE:Is.TEXT};var DT=[B`
|
3383
3388
|
:host {
|
3384
|
-
--mdc-input-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
3385
|
-
--mdc-input-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
3386
|
-
--mdc-input-disabled-background-color: var(--mds-color-theme-background-input-disabled);
|
3387
|
-
--mdc-input-border-color: var(--mds-color-theme-outline-input-normal);
|
3388
3389
|
--mdc-input-text-color: var(--mds-color-theme-text-primary-normal);
|
3390
|
+
--mdc-input-border-color: var(--mds-color-theme-outline-input-normal);
|
3389
3391
|
--mdc-input-background-color: var(--mds-color-theme-background-primary-ghost);
|
3390
|
-
--mdc-input-selection-background-color: var(--mds-color-theme-background-accent-active);
|
3391
|
-
--mdc-input-selection-text-color: var(--mds-color-theme-inverted-text-primary-normal);
|
3392
3392
|
--mdc-input-support-text-color: var(--mds-color-theme-text-secondary-normal);
|
3393
|
-
--mdc-input-
|
3394
|
-
--mdc-input-
|
3395
|
-
--mdc-input-focused-border-color: var(--mds-color-theme-outline-input-active);
|
3396
|
-
--mdc-input-error-border-color: var(--mds-color-theme-text-error-normal);
|
3397
|
-
--mdc-input-warning-border-color: var(--mds-color-theme-text-warning-normal);
|
3398
|
-
--mdc-input-success-border-color: var(--mds-color-theme-text-success-normal);
|
3399
|
-
--mdc-input-primary-border-color: var(--mds-color-theme-text-accent-normal);
|
3393
|
+
--mdc-input-selection-text-color: var(--mds-color-theme-inverted-text-primary-normal);
|
3394
|
+
--mdc-input-selection-background-color: var(--mds-color-theme-background-accent-active);
|
3400
3395
|
}
|
3401
3396
|
:host,
|
3402
3397
|
:host::part(input-container),
|
@@ -3405,39 +3400,22 @@
|
|
3405
3400
|
width: 100%;
|
3406
3401
|
}
|
3407
3402
|
|
3408
|
-
input {
|
3403
|
+
:host::part(input-text) {
|
3409
3404
|
font-family: inherit;
|
3410
3405
|
}
|
3411
3406
|
|
3407
|
+
:host::part(input-container) {
|
3408
|
+
background-color: var(--mdc-input-background-color);
|
3409
|
+
border-color: var(--mdc-input-border-color);
|
3410
|
+
}
|
3411
|
+
|
3412
3412
|
:host::part(input-container):hover {
|
3413
|
-
background-color: var(--
|
3413
|
+
--mdc-input-background-color: var(--mds-color-theme-background-primary-hover);
|
3414
3414
|
}
|
3415
3415
|
|
3416
3416
|
:host::part(input-container):active,
|
3417
3417
|
:host::part(input-container):focus-within {
|
3418
|
-
|
3419
|
-
border-color: var(--mdc-input-focused-border-color);
|
3420
|
-
}
|
3421
|
-
|
3422
|
-
:host([readonly])::part(leading-icon) {
|
3423
|
-
color: var(--mdc-input-support-text-color);
|
3424
|
-
}
|
3425
|
-
|
3426
|
-
:host([disabled])::part(input-text),
|
3427
|
-
:host([disabled]) input::placeholder,
|
3428
|
-
:host([disabled])::part(prefix-text) {
|
3429
|
-
color: var(--mdc-input-disabled-text-color);
|
3430
|
-
}
|
3431
|
-
|
3432
|
-
:host([disabled])::part(input-container),
|
3433
|
-
:host([readonly])::part(input-container),
|
3434
|
-
:host([disabled][help-text-type='default'])::part(input-container),
|
3435
|
-
:host([disabled][help-text-type='success'])::part(input-container),
|
3436
|
-
:host([disabled][help-text-type='warning'])::part(input-container),
|
3437
|
-
:host([disabled][help-text-type='error'])::part(input-container),
|
3438
|
-
:host([disabled][help-text-type='priority'])::part(input-container) {
|
3439
|
-
border-color: var(--mdc-input-disabled-border-color);
|
3440
|
-
background: var(--mdc-input-disabled-background-color);
|
3418
|
+
--mdc-input-border-color: var(--mds-color-theme-outline-input-active);
|
3441
3419
|
}
|
3442
3420
|
|
3443
3421
|
:host::part(leading-icon) {
|
@@ -3463,11 +3441,11 @@
|
|
3463
3441
|
:host::part(input-text) {
|
3464
3442
|
border: none;
|
3465
3443
|
color: var(--mdc-input-text-color);
|
3466
|
-
background-color:
|
3444
|
+
background-color: inherit;
|
3467
3445
|
outline: none;
|
3468
3446
|
}
|
3469
3447
|
|
3470
|
-
input::selection {
|
3448
|
+
:host::part(input-text)::selection {
|
3471
3449
|
background-color: var(--mdc-input-selection-background-color);
|
3472
3450
|
color: var(--mdc-input-selection-text-color);
|
3473
3451
|
}
|
@@ -3481,21 +3459,31 @@
|
|
3481
3459
|
color: var(--mdc-input-support-text-color);
|
3482
3460
|
}
|
3483
3461
|
|
3484
|
-
:host([
|
3485
|
-
|
3486
|
-
|
3462
|
+
:host([disabled]) {
|
3463
|
+
--mdc-input-text-color: var(--mds-color-theme-text-primary-disabled);
|
3464
|
+
--mdc-input-support-text-color: var(--mds-color-theme-text-primary-disabled);
|
3465
|
+
--mdc-input-border-color: var(--mds-color-theme-outline-primary-disabled);
|
3466
|
+
--mdc-input-background-color: var(--mds-color-theme-background-input-disabled);
|
3487
3467
|
}
|
3488
|
-
|
3489
|
-
:host([
|
3490
|
-
|
3468
|
+
|
3469
|
+
:host([readonly])::part(leading-icon) {
|
3470
|
+
color: var(--mdc-input-support-text-color);
|
3491
3471
|
}
|
3492
|
-
|
3493
|
-
:host([
|
3494
|
-
border-color: var(--
|
3472
|
+
|
3473
|
+
:host([readonly])::part(input-container) {
|
3474
|
+
--mdc-input-border-color: var(--mds-color-theme-outline-primary-disabled);
|
3475
|
+
--mdc-input-background-color: var(--mds-color-theme-background-input-disabled);
|
3495
3476
|
}
|
3477
|
+
|
3478
|
+
:host([help-text-type='error'])::part(input-container),
|
3479
|
+
:host([help-text-type='error'])::part(input-container):focus-within,
|
3480
|
+
:host([help-text-type='warning'])::part(input-container),
|
3481
|
+
:host([help-text-type='warning'])::part(input-container):focus-within,
|
3482
|
+
:host([help-text-type='success'])::part(input-container),
|
3483
|
+
:host([help-text-type='success'])::part(input-container):focus-within,
|
3496
3484
|
:host([help-text-type='priority'])::part(input-container),
|
3497
3485
|
:host([help-text-type='priority'])::part(input-container):focus-within {
|
3498
|
-
border-color: var(--mdc-
|
3486
|
+
border-color: var(--mdc-help-text-color);
|
3499
3487
|
}
|
3500
3488
|
|
3501
3489
|
.hidden {
|
@@ -4677,19 +4665,11 @@
|
|
4677
4665
|
`:j}renderInputElement(t,i){let a=this.showPassword?Is.TEXT:Is.PASSWORD;return super.renderInputElement(a,i)}};Oo.styles=[...Sr.styles],p([u({type:String,attribute:"show-hide-button-aria-label"})],Oo.prototype,"showHideButtonAriaLabel",2),p([u({type:String,attribute:"help-text-type"})],Oo.prototype,"helpTextType",2),p([gt()],Oo.prototype,"showPassword",2);var xh=Oo;xh.register(zv);var Ax=xh;Ve.register(Nf);Dl.register($l);var Sx=Ve;var rd=z.constructTagName("progressbar"),id={DEFAULT:"default",INLINE:"inline"},Bv={VARIANT:id.DEFAULT,VALIDATION:zt.DEFAULT};var _x=[bt,B`
|
4678
4666
|
:host {
|
4679
4667
|
--mdc-progressbar-background-color: var(--mds-color-theme-control-indicator-inactive-normal);
|
4680
|
-
--mdc-progressbar-
|
4681
|
-
--mdc-progressbar-success-color: var(--mds-color-theme-indicator-stable);
|
4682
|
-
--mdc-progressbar-error-color: var(--mds-color-theme-indicator-attention);
|
4668
|
+
--mdc-progressbar-progress-background-color: var(--mds-color-theme-control-active-normal);
|
4683
4669
|
--mdc-progressbar-height: 0.25rem;
|
4684
4670
|
--mdc-progressbar-border: 0.5px solid transparent;
|
4685
4671
|
--mdc-progressbar-border-radius: var(--mdc-progressbar-height);
|
4686
4672
|
|
4687
|
-
--mdc-progressbar-label-color: var(--mds-color-theme-text-primary-normal);
|
4688
|
-
--mdc-progressbar-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
4689
|
-
--mdc-progressbar-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
4690
|
-
--mdc-progressbar-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
4691
|
-
--mdc-progressbar-help-text-color: var(--mds-color-theme-text-secondary-normal);
|
4692
|
-
|
4693
4673
|
width: 100%;
|
4694
4674
|
}
|
4695
4675
|
|
@@ -4723,17 +4703,17 @@
|
|
4723
4703
|
|
4724
4704
|
:host::part(progress-bar) {
|
4725
4705
|
height: 100%;
|
4726
|
-
background-color: var(--mdc-progressbar-
|
4706
|
+
background-color: var(--mdc-progressbar-progress-background-color);
|
4727
4707
|
border-radius: var(--mdc-progressbar-border-radius);
|
4728
4708
|
transition: width 0.3s ease-in-out;
|
4729
4709
|
}
|
4730
4710
|
|
4731
4711
|
:host::part(success) {
|
4732
|
-
background-color: var(--
|
4712
|
+
--mdc-progressbar-progress-background-color: var(--mds-color-theme-indicator-stable);
|
4733
4713
|
}
|
4734
4714
|
|
4735
4715
|
:host::part(error) {
|
4736
|
-
background-color: var(--
|
4716
|
+
--mdc-progressbar-progress-background-color: var(--mds-color-theme-indicator-attention);
|
4737
4717
|
}
|
4738
4718
|
|
4739
4719
|
:host::part(remaining) {
|
@@ -4744,13 +4724,9 @@
|
|
4744
4724
|
}
|
4745
4725
|
|
4746
4726
|
:host::part(percentage) {
|
4747
|
-
font-size: var(--
|
4748
|
-
font-weight: var(--
|
4749
|
-
line-height: var(--
|
4750
|
-
}
|
4751
|
-
|
4752
|
-
:host([help-text-type='default'])::part(help-text) {
|
4753
|
-
color: var(--mdc-progressbar-help-text-color);
|
4727
|
+
font-size: var(--mds-font-apps-body-midsize-regular-font-size);
|
4728
|
+
font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
|
4729
|
+
line-height: var(--mds-font-apps-body-midsize-regular-line-height);
|
4754
4730
|
}
|
4755
4731
|
|
4756
4732
|
@media (forced-colors: active) {
|
@@ -4779,7 +4755,7 @@
|
|
4779
4755
|
</div>
|
4780
4756
|
${this.renderProgressbar()} ${this.renderHelperText()}
|
4781
4757
|
`}
|
4782
|
-
`}};Po.styles=[...cr.styles,...Uv],p([u({type:String,reflect:!0})],Po.prototype,"variant",2),p([u({type:String,reflect:!0})],Po.prototype,"value",2),p([u({type:Boolean})],Po.prototype,"error",2);var en=Po;en.register(rd);var Ix=en;var Hv=z.constructTagName("progressspinner"),ee={RADIUS:20,CIRCUMFERENCE:2*Math.PI*20,STROKE_WIDTH:4,GAP_SIZE:7.5,ERROR_ICON_SIZE:2,SUCCESS_ICON_SIZE:3,ICON_LENGTH_UNIT:"em"},Ah={CHECK_CIRCLE_BOLD:"check-circle-bold",ERROR_LEGACY_FILLED:"error-legacy-filled"};var Sh=n=>{if(n===0)return 0;let o=n/100*ee.CIRCUMFERENCE-ee.GAP_SIZE;return Math.max(o,.1*n)},Gv=n=>{let o=ee.CIRCUMFERENCE-Sh(n)-2*ee.GAP_SIZE;return n===0?ee.CIRCUMFERENCE:o<0?0:o},Yv=n=>n===0?0:ee.GAP_SIZE*.5,Wv=(n,o)=>{let t=o+ee.GAP_SIZE*1.5;return n===0?0:t};var Cx=B`
|
4758
|
+
`}};Po.styles=[...cr.styles,...Uv],p([u({type:String,reflect:!0})],Po.prototype,"variant",2),p([u({type:String,reflect:!0})],Po.prototype,"value",2),p([u({type:Boolean,attribute:"error"})],Po.prototype,"error",2);var en=Po;en.register(rd);var Ix=en;var Hv=z.constructTagName("progressspinner"),ee={RADIUS:20,CIRCUMFERENCE:2*Math.PI*20,STROKE_WIDTH:4,GAP_SIZE:7.5,ERROR_ICON_SIZE:2,SUCCESS_ICON_SIZE:3,ICON_LENGTH_UNIT:"em"},Ah={CHECK_CIRCLE_BOLD:"check-circle-bold",ERROR_LEGACY_FILLED:"error-legacy-filled"};var Sh=n=>{if(n===0)return 0;let o=n/100*ee.CIRCUMFERENCE-ee.GAP_SIZE;return Math.max(o,.1*n)},Gv=n=>{let o=ee.CIRCUMFERENCE-Sh(n)-2*ee.GAP_SIZE;return n===0?ee.CIRCUMFERENCE:o<0?0:o},Yv=n=>n===0?0:ee.GAP_SIZE*.5,Wv=(n,o)=>{let t=o+ee.GAP_SIZE*1.5;return n===0?0:t};var Cx=B`
|
4783
4759
|
:host {
|
4784
4760
|
--mdc-spinner-size: 3rem;
|
4785
4761
|
--mdc-track-color: var(--mds-color-theme-control-indicator-inactive-normal);
|
@@ -5073,17 +5049,8 @@
|
|
5073
5049
|
`}};Do.styles=[...Sr.styles,...Xv],p([Ot({slot:"filters"})],Do.prototype,"inputChips",2),p([gt()],Do.prototype,"isInputFocused",2),p([gt()],Do.prototype,"hasInputChips",2);var kh=Do;kh.register(Zv);var Rx=kh;var Qv=z.constructTagName("select"),wh={ARROW_UP:"arrow-up-bold",ARROW_DOWN:"arrow-down-bold"},ad="select-base-triggerid",Jv="select-listbox";var Ox=B`
|
5074
5050
|
:host {
|
5075
5051
|
--mdc-select-background-color: var(--mds-color-theme-background-primary-ghost);
|
5076
|
-
--mdc-select-background-color-hover: var(--mds-color-theme-background-primary-hover);
|
5077
|
-
--mdc-select-background-color-active: var(--mds-color-theme-background-primary-active);
|
5078
|
-
--mdc-select-background-color-disabled: var(--mds-color-theme-background-input-disabled);
|
5079
5052
|
--mdc-select-text-color: var(--mds-color-theme-text-secondary-normal);
|
5080
|
-
--mdc-select-text-color-selected: var(--mds-color-theme-text-primary-normal);
|
5081
|
-
--mdc-select-text-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
5082
5053
|
--mdc-select-border-color: var(--mds-color-theme-outline-input-normal);
|
5083
|
-
--mdc-select-border-color-disabled: var(--mds-color-theme-outline-primary-disabled);
|
5084
|
-
--mdc-select-border-color-success: var(--mds-color-theme-text-success-normal);
|
5085
|
-
--mdc-select-border-color-warning: var(--mds-color-theme-text-warning-normal);
|
5086
|
-
--mdc-select-border-color-error: var(--mds-color-theme-text-error-normal);
|
5087
5054
|
--mdc-select-width: 100%;
|
5088
5055
|
--mdc-select-listbox-width: var(--mdc-select-width);
|
5089
5056
|
--mdc-select-listbox-height: auto;
|
@@ -5127,10 +5094,10 @@
|
|
5127
5094
|
user-select: none;
|
5128
5095
|
}
|
5129
5096
|
:host::part(base-container):hover {
|
5130
|
-
background-color: var(--
|
5097
|
+
--mdc-select-background-color: var(--mds-color-theme-background-primary-hover);
|
5131
5098
|
}
|
5132
5099
|
:host::part(base-container):active {
|
5133
|
-
background-color: var(--
|
5100
|
+
--mdc-select-background-color: var(--mds-color-theme-background-primary-active);
|
5134
5101
|
}
|
5135
5102
|
:host::part(base-text) {
|
5136
5103
|
height: 1.3125rem;
|
@@ -5141,7 +5108,7 @@
|
|
5141
5108
|
white-space: nowrap;
|
5142
5109
|
}
|
5143
5110
|
:host::part(selected) {
|
5144
|
-
color: var(--
|
5111
|
+
--mdc-select-text-color: var(--mds-color-theme-text-primary-normal);
|
5145
5112
|
}
|
5146
5113
|
:host::part(selected-icon) {
|
5147
5114
|
flex-shrink: 0;
|
@@ -5164,32 +5131,26 @@
|
|
5164
5131
|
}
|
5165
5132
|
|
5166
5133
|
/* Help text border colors */
|
5167
|
-
:host([help-text-type='success'])::part(base-container)
|
5168
|
-
|
5169
|
-
}
|
5170
|
-
:host([help-text-type='warning'])::part(base-container) {
|
5171
|
-
border-color: var(--mdc-select-border-color-warning);
|
5172
|
-
}
|
5134
|
+
:host([help-text-type='success'])::part(base-container),
|
5135
|
+
:host([help-text-type='warning'])::part(base-container),
|
5173
5136
|
:host([help-text-type='error'])::part(base-container) {
|
5174
|
-
border-color: var(--mdc-
|
5137
|
+
--mdc-select-border-color: var(--mdc-help-text-color);
|
5138
|
+
}
|
5139
|
+
|
5140
|
+
:host([readonly])::part(help-text-container) {
|
5141
|
+
--mdc-help-text-color: var(--mds-color-theme-text-secondary-normal);
|
5175
5142
|
}
|
5176
5143
|
|
5177
5144
|
/* Disabled, soft-disabled */
|
5178
5145
|
:host([disabled])::part(base-container),
|
5179
5146
|
:host([soft-disabled])::part(base-container),
|
5180
|
-
:host([readonly])::part(base-container)
|
5181
|
-
|
5182
|
-
|
5183
|
-
:host([help-text-type='warning'][disabled])::part(base-container),
|
5184
|
-
:host([help-text-type='success'][readonly])::part(base-container),
|
5185
|
-
:host([help-text-type='error'][readonly])::part(base-container),
|
5186
|
-
:host([help-text-type='warning'][readonly])::part(base-container) {
|
5187
|
-
border-color: var(--mdc-select-border-color-disabled);
|
5188
|
-
background: var(--mdc-select-background-color-disabled);
|
5147
|
+
:host([readonly])::part(base-container) {
|
5148
|
+
--mdc-select-border-color: var(--mds-color-theme-outline-primary-disabled);
|
5149
|
+
--mdc-select-background-color: var(--mds-color-theme-background-input-disabled);
|
5189
5150
|
}
|
5190
5151
|
:host([disabled])::part(base-text),
|
5191
5152
|
:host([soft-disabled])::part(base-text) {
|
5192
|
-
color: var(--
|
5153
|
+
--mdc-select-text-color: var(--mds-color-theme-text-primary-disabled);
|
5193
5154
|
}
|
5194
5155
|
`,tg=[Ox,...St(!0)];var Ke=class extends ws(Bi(ge(Te(Ht(se))))){constructor(){super();this.placement=Wt.BOTTOM_START;this.boundary=_t.BOUNDARY;this.strategy=_t.STRATEGY;this.popoverZIndex=_t.Z_INDEX;this.displayPopover=!1;this.initialSelectedOption=null;this.itemsStore=new zr(this,{isValidItem:this.isValidItem,onStoreUpdate:this.onStoreUpdate});this.addEventListener(Gt.MODIFIED,this.handleModifiedEvent)}connectedCallback(){super.connectedCallback(),this.loop="false",this.initialFocus=0}get navItems(){return this.itemsStore.items}attributeChangedCallback(t,i,a){var d;if(super.attributeChangedCallback(t,i,a),t==="value"&&a!==""&&a!==i&&a!==((d=this.selectedOption)==null?void 0:d.value)&&this.navItems.length){let m=this.getFirstSelectedOption(),b=this.getFirstOption(),C=this.navItems.find(W=>W.value===a),L=null;if(C)L=C;else if(this.placeholder)L=null;else if(b)L=b;else if(m)L=m;else return;this.updateComplete.then(()=>{this.setSelectedOption(L)}).catch(W=>{this.onerror&&this.onerror(W)})}}onStoreUpdate(t,i,a){switch(i){case"added":t.setAttribute("tabindex","-1");break;case"removed":{if(a===-1||t.tabIndex!==0)return;let d=a+1;if(d>=this.navItems.length&&(d=a-1),d===-1){this.displayPopover=!1,this.handleNativeInputFocus();return}this.resetTabIndexes(d);break}default:break}}isValidItem(t){return t.matches(`${pr}:not([disabled])`)}getFirstSelectedOption(){return this.navItems.find(t=>t.hasAttribute("selected"))}getFirstOption(){return this.navItems[0]}handleModifiedEvent(t){let i=t.target,a=this.getFirstSelectedOption();switch(t.detail.change){case"selected":{a?this.setSelectedOption(a):this.setSelectedOption(i);break}case"unselected":{a?this.setSelectedOption(a):this.setSelectedOption(this.placeholder?null:this.getFirstOption());break}case"enabled":{this.itemsStore.add(i);break}case"disabled":{this.itemsStore.delete(i);break}default:break}}async firstUpdated(t){await this.updateComplete;let i=this.getFirstSelectedOption();if(i)this.initialSelectedOption=i,this.setSelectedOption(i);else if(this.placeholder)this.placeholder&&this.setInputValidity();else{let a=this.getFirstOption();this.setSelectedOption(a),this.fireEvents()}this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}updated(t){super.updated(t),(t.has("disabled")||t.has("softDisabled")||t.has("readonly"))&&(this.disabled||this.softDisabled||this.readonly)&&(this.displayPopover=!1)}handleOptionsClick(t){let i=t.target;i&&i.tagName===pr.toUpperCase()&&!i.hasAttribute("disabled")&&!i.hasAttribute("soft-disabled")&&(this.setSelectedOption(i),this.displayPopover=!1,this.fireEvents())}setSelectedOption(t){var i,a,d;t!==this.selectedOption&&(this.updateSelectedInChildOptions(t),this.resetTabIndexes(this.navItems.indexOf(t)),this.selectedOption=t,this.value=(a=(i=this.selectedOption)==null?void 0:i.value)!=null?a:"",this.internals.setFormValue(this.value),(d=this.inputElement)==null||d.setAttribute("value",this.value),this.setInputValidity())}updateSelectedInChildOptions(t){t==null||t.setAttribute("selected","true"),this.navItems.forEach(i=>{i!==t&&i.removeAttribute("selected")})}fireEvents(){this.dispatchInput(this.selectedOption),this.dispatchChange(this.selectedOption)}setInputValidity(){var t,i;!this.selectedOption&&this.required&&this.validationMessage?(t=this.inputElement)==null||t.setCustomValidity(this.validationMessage):(i=this.inputElement)==null||i.setCustomValidity(""),this.setValidity()}formResetCallback(){var i;let t=this.initialSelectedOption||null;((i=this.selectedOption)==null?void 0:i.value)!==(t==null?void 0:t.value)&&(this.setSelectedOption(t),this.fireEvents())}formStateRestoreCallback(t){var a;let i=this.navItems.find(d=>d.value===t||d.label===t);((a=this.selectedOption)==null?void 0:a.value)!==(i==null?void 0:i.value)&&(this.setSelectedOption(i||null),this.fireEvents())}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}dispatchInput(t){this.dispatchEvent(new CustomEvent("input",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}handleClickCombobox(t){this.disabled||this.softDisabled||this.readonly||(this.displayPopover=!this.displayPopover,t.stopPropagation())}handleKeydownCombobox(t){if(!(this.disabled||this.softDisabled||this.readonly))switch(t.key){case Z.ARROW_DOWN:case Z.ARROW_UP:this.displayPopover=!0,t.preventDefault(),t.stopPropagation();break;case Z.ENTER:case Z.SPACE:this.displayPopover=!0,t.preventDefault(),t.stopPropagation();break;case Z.HOME:{this.displayPopover=!0,this.resetTabIndexAndSetFocus(0),t.preventDefault();break}case Z.END:{this.displayPopover=!0,this.resetTabIndexAndSetFocus(this.navItems.length-1),t.preventDefault();break}default:break}}handleNativeInputFocus(){this.visualCombobox.focus()}render(){var t,i,a,d,m,b;return _`
|
5195
5156
|
${this.renderLabel()}
|
@@ -5927,43 +5888,15 @@
|
|
5927
5888
|
</div>
|
5928
5889
|
${a(Fs.FORWARD)}`}};_r.styles=[...q.styles,...ug],p([u({type:String,attribute:"active-tab-id",reflect:!0})],_r.prototype,"activeTabId",2),p([u({type:String,attribute:"data-aria-label"})],_r.prototype,"dataAriaLabel",2),p([ir('[part="container"]')],_r.prototype,"tabsContainer",2),p([ir("mdc-button:not(:focus-visible)")],_r.prototype,"notFocusedArrowButton",2),p([Ot({selector:"mdc-tab"})],_r.prototype,"tabs",2),p([gt()],_r.prototype,"showForwardArrowButton",2),p([gt()],_r.prototype,"showBackwardArrowButton",2);var Gh=_r;Gh.register(fg);var eA=Gh;var yg=z.constructTagName("textarea"),Yh={HARD:"hard",SOFT:"soft"},Eg={OFF:"off",ON:"on"},fd={CHARACTER_COUNTER_TYPE:st.BODY_MIDSIZE_REGULAR,ROWS:5,COLS:40,WRAP:Yh.SOFT};var rA=[B`
|
5929
5890
|
:host {
|
5930
|
-
--mdc-textarea-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
5931
|
-
--mdc-textarea-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
5932
|
-
--mdc-textarea-disabled-background-color: var(--mds-color-theme-background-input-disabled);
|
5933
5891
|
--mdc-textarea-text-color: var(--mds-color-theme-text-primary-normal);
|
5934
|
-
--mdc-textarea-background-color: var(--mds-color-theme-background-primary-ghost);
|
5935
5892
|
--mdc-textarea-border-color: var(--mds-color-theme-outline-input-normal);
|
5893
|
+
--mdc-textarea-background-color: var(--mds-color-theme-background-primary-ghost);
|
5894
|
+
--mdc-textarea-container-background-color: var(--mds-color-theme-background-primary-ghost);
|
5936
5895
|
--mdc-textarea-text-secondary-normal: var(--mds-color-theme-text-secondary-normal);
|
5937
|
-
--mdc-textarea-error-border-color: var(--mds-color-theme-text-error-normal);
|
5938
|
-
--mdc-textarea-warning-border-color: var(--mds-color-theme-text-warning-normal);
|
5939
|
-
--mdc-textarea-success-border-color: var(--mds-color-theme-text-success-normal);
|
5940
|
-
--mdc-textarea-primary-border-color: var(--mds-color-theme-text-accent-normal);
|
5941
|
-
--mdc-textarea-hover-background-color: var(--mds-color-theme-background-primary-hover);
|
5942
|
-
--mdc-textarea-focused-background-color: var(--mds-color-theme-background-primary-ghost);
|
5943
|
-
--mdc-textarea-focused-border-color: var(--mds-color-theme-outline-input-active);
|
5944
5896
|
--mdc-textarea-text-font-size: var(--mds-font-size-body-midsize);
|
5945
5897
|
--mdc-textarea-text-line-height: var(--mds-font-lineheight-body-midsize);
|
5946
5898
|
}
|
5947
5899
|
|
5948
|
-
:host([disabled])::part(textarea),
|
5949
|
-
:host([disabled])::part(textarea)::placeholder {
|
5950
|
-
color: var(--mdc-input-disabled-text-color);
|
5951
|
-
}
|
5952
|
-
|
5953
|
-
:host([disabled])::part(textarea-container),
|
5954
|
-
:host([readonly])::part(textarea-container) {
|
5955
|
-
border-color: var(--mdc-textarea-disabled-border-color);
|
5956
|
-
background: var(--mdc-textarea-disabled-background-color);
|
5957
|
-
}
|
5958
|
-
|
5959
|
-
:host([disabled][help-text-type='default'])::part(textarea-container),
|
5960
|
-
:host([disabled][help-text-type='success'])::part(textarea-container),
|
5961
|
-
:host([disabled][help-text-type='warning'])::part(textarea-container),
|
5962
|
-
:host([disabled][help-text-type='error'])::part(textarea-container),
|
5963
|
-
:host([disabled][help-text-type='priority'])::part(textarea-container) {
|
5964
|
-
border-color: var(--mdc-textarea-disabled-border-color);
|
5965
|
-
}
|
5966
|
-
|
5967
5900
|
:host::part(textarea) {
|
5968
5901
|
min-height: 6.25rem;
|
5969
5902
|
color: var(--mdc-textarea-text-color);
|
@@ -5984,6 +5917,7 @@
|
|
5984
5917
|
border: 0.0625rem solid var(--mdc-textarea-border-color);
|
5985
5918
|
overflow: hidden;
|
5986
5919
|
padding: 0.375rem 0.25rem 0.25rem 0.75rem;
|
5920
|
+
background-color: var(--mdc-textarea-container-background-color);
|
5987
5921
|
}
|
5988
5922
|
|
5989
5923
|
:host(:dir(rtl))::part(textarea-container) {
|
@@ -5991,13 +5925,13 @@
|
|
5991
5925
|
}
|
5992
5926
|
|
5993
5927
|
:host(:not([disabled]))::part(textarea-container):hover {
|
5994
|
-
background-color: var(--
|
5928
|
+
--mdc-textarea-container-background-color: var(--mds-color-theme-background-primary-hover);
|
5995
5929
|
}
|
5996
5930
|
|
5997
5931
|
:host(:not([disabled]))::part(textarea-container):active,
|
5998
5932
|
:host(:not([disabled]))::part(textarea-container):focus-within {
|
5999
|
-
background-color: var(--
|
6000
|
-
border-color: var(--
|
5933
|
+
--mdc-textarea-container-background-color: var(--mds-color-theme-background-primary-ghost);
|
5934
|
+
--mdc-textarea-border-color: var(--mds-color-theme-outline-input-active);
|
6001
5935
|
}
|
6002
5936
|
|
6003
5937
|
:host::part(textarea-footer) {
|
@@ -6007,7 +5941,7 @@
|
|
6007
5941
|
width: 100%;
|
6008
5942
|
}
|
6009
5943
|
|
6010
|
-
|
5944
|
+
textarea::placeholder {
|
6011
5945
|
color: var(--mdc-textarea-text-secondary-normal);
|
6012
5946
|
}
|
6013
5947
|
|
@@ -6017,28 +5951,33 @@
|
|
6017
5951
|
}
|
6018
5952
|
|
6019
5953
|
:host([help-text-type='error'])::part(character-counter) {
|
6020
|
-
color: var(--mdc-
|
6021
|
-
}
|
6022
|
-
|
6023
|
-
:host([disabled])::part(character-counter) {
|
6024
|
-
color: var(--mds-color-theme-text-primary-disabled);
|
5954
|
+
color: var(--mdc-help-text-color);
|
6025
5955
|
}
|
6026
5956
|
|
6027
5957
|
:host([help-text-type='error'])::part(textarea-container),
|
6028
|
-
:host([help-text-type='error'])::part(textarea-container):focus-within
|
6029
|
-
border-color: var(--mdc-textarea-error-border-color);
|
6030
|
-
}
|
5958
|
+
:host([help-text-type='error'])::part(textarea-container):focus-within,
|
6031
5959
|
:host([help-text-type='warning'])::part(textarea-container),
|
6032
|
-
:host([help-text-type='warning'])::part(textarea-container):focus-within
|
6033
|
-
border-color: var(--mdc-textarea-warning-border-color);
|
6034
|
-
}
|
5960
|
+
:host([help-text-type='warning'])::part(textarea-container):focus-within,
|
6035
5961
|
:host([help-text-type='success'])::part(textarea-container),
|
6036
|
-
:host([help-text-type='success'])::part(textarea-container):focus-within
|
6037
|
-
border-color: var(--mdc-textarea-success-border-color);
|
6038
|
-
}
|
5962
|
+
:host([help-text-type='success'])::part(textarea-container):focus-within,
|
6039
5963
|
:host([help-text-type='priority'])::part(textarea-container),
|
6040
5964
|
:host([help-text-type='priority'])::part(textarea-container):focus-within {
|
6041
|
-
border-color: var(--mdc-
|
5965
|
+
--mdc-textarea-border-color: var(--mdc-help-text-color);
|
5966
|
+
}
|
5967
|
+
|
5968
|
+
:host([disabled])::part(character-counter) {
|
5969
|
+
color: var(--mds-color-theme-text-primary-disabled);
|
5970
|
+
}
|
5971
|
+
|
5972
|
+
:host([disabled])::part(textarea),
|
5973
|
+
:host([disabled]) textarea::placeholder {
|
5974
|
+
color: var(--mdc-input-disabled-text-color);
|
5975
|
+
}
|
5976
|
+
|
5977
|
+
:host([disabled])::part(textarea-container),
|
5978
|
+
:host([readonly])::part(textarea-container) {
|
5979
|
+
--mdc-textarea-border-color: var(--mds-color-theme-outline-primary-disabled);
|
5980
|
+
--mdc-textarea-container-background-color: var(--mds-color-theme-background-input-disabled);
|
6042
5981
|
}
|
6043
5982
|
|
6044
5983
|
.hidden {
|
@@ -6432,12 +6371,6 @@
|
|
6432
6371
|
--mdc-combobox-listbox-height: auto;
|
6433
6372
|
--mdc-combobox-text-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
6434
6373
|
--mdc-combobox-hover-background-color: var(--mds-color-theme-background-primary-hover);
|
6435
|
-
--mdc-combobox-error-border-color: var(--mds-color-theme-text-error-normal);
|
6436
|
-
--mdc-combobox-warning-border-color: var(--mds-color-theme-text-warning-normal);
|
6437
|
-
--mdc-combobox-success-border-color: var(--mds-color-theme-text-success-normal);
|
6438
|
-
--mdc-combobox-primary-border-color: var(--mds-color-theme-text-accent-normal);
|
6439
|
-
--mdc-combobox-focused-background-color: var(--mds-color-theme-background-primary-ghost);
|
6440
|
-
--mdc-combobox-focused-border-color: var(--mds-color-theme-outline-input-active);
|
6441
6374
|
|
6442
6375
|
display: flex;
|
6443
6376
|
flex-direction: column;
|
@@ -6469,36 +6402,22 @@
|
|
6469
6402
|
:host([disabled])::part(combobox__button) {
|
6470
6403
|
cursor: unset;
|
6471
6404
|
}
|
6472
|
-
:host mdc-input {
|
6473
|
-
--mdc-input-error-border-color: var(--mdc-combobox-error-border-color);
|
6474
|
-
--mdc-input-warning-border-color: var(--mdc-combobox-warning-border-color);
|
6475
|
-
--mdc-input-success-border-color: var(--mdc-combobox-success-border-color);
|
6476
|
-
--mdc-input-primary-border-color: var(--mdc-combobox-primary-border-color);
|
6477
|
-
--mdc-input-focused-border-color: var(--mdc-combobox-focused-border-color);
|
6478
|
-
--mdc-input-focused-background-color: var(--mdc-combobox-focused-background-color);
|
6479
|
-
}
|
6480
6405
|
:host(:focus-within)::part(combobox__button) {
|
6481
6406
|
border-left: 1px solid var(--mdc-combobox-focused-border-color);
|
6482
6407
|
}
|
6483
6408
|
:host(:not([disabled]))::part(combobox__base):hover {
|
6484
6409
|
background-color: var(--mdc-combobox-hover-background-color);
|
6485
6410
|
}
|
6486
|
-
:host([help-text-type='error'])::part(combobox__button)
|
6487
|
-
|
6488
|
-
|
6489
|
-
:host([help-text-type='warning'])::part(combobox__button) {
|
6490
|
-
border-color: var(--mdc-combobox-warning-border-color);
|
6491
|
-
}
|
6492
|
-
:host([help-text-type='success'])::part(combobox__button) {
|
6493
|
-
border-color: var(--mdc-combobox-success-border-color);
|
6494
|
-
}
|
6411
|
+
:host([help-text-type='error'])::part(combobox__button),
|
6412
|
+
:host([help-text-type='warning'])::part(combobox__button),
|
6413
|
+
:host([help-text-type='success'])::part(combobox__button),
|
6495
6414
|
:host([help-text-type='priority'])::part(combobox__button) {
|
6496
|
-
border-color: var(--mdc-
|
6415
|
+
border-color: var(--mdc-help-text-color);
|
6497
6416
|
}
|
6498
6417
|
:host([disabled])::part(combobox__button) {
|
6499
6418
|
border-left: 1px solid var(--mdc-combobox-text-color-disabled);
|
6500
6419
|
}
|
6501
|
-
:host::part(input
|
6420
|
+
:host::part(mdc-input) {
|
6502
6421
|
width: calc(100% - 1.5rem);
|
6503
6422
|
}
|
6504
6423
|
:host::part(combobox__button-icon) {
|