@momentum-design/components 0.137.1 → 0.137.2
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 +16 -2
- package/dist/browser/index.js.map +2 -2
- package/dist/components/staticchip/staticchip.component.d.ts +6 -4
- package/dist/components/staticchip/staticchip.component.js +13 -7
- package/dist/components/staticchip/staticchip.styles.js +10 -0
- package/dist/custom-elements.json +9 -8
- package/dist/react/staticchip/index.d.ts +3 -1
- package/dist/react/staticchip/index.js +2 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -3077,6 +3077,16 @@
|
|
|
3077
3077
|
flex-shrink: 0;
|
|
3078
3078
|
}
|
|
3079
3079
|
|
|
3080
|
+
::slotted([slot='prefix']) {
|
|
3081
|
+
flex-shrink: 0;
|
|
3082
|
+
}
|
|
3083
|
+
|
|
3084
|
+
::slotted(mdc-avatar[slot='prefix']) {
|
|
3085
|
+
width: 1.25rem;
|
|
3086
|
+
height: 1.25rem;
|
|
3087
|
+
overflow: hidden;
|
|
3088
|
+
}
|
|
3089
|
+
|
|
3080
3090
|
:host::part(label) {
|
|
3081
3091
|
text-overflow: ellipsis;
|
|
3082
3092
|
white-space: nowrap;
|
|
@@ -3127,8 +3137,12 @@
|
|
|
3127
3137
|
--mdc-chip-border-color: var(--mds-color-theme-outline-label-violet);
|
|
3128
3138
|
--mdc-chip-background-color: var(--mds-color-theme-background-label-violet-normal);
|
|
3129
3139
|
}
|
|
3130
|
-
`,eb=[Tt,w0];var na=class extends he(Z){constructor(){super(...arguments);this.color=zd.COLOR}
|
|
3131
|
-
|
|
3140
|
+
`,eb=[Tt,w0];var na=class extends he(Z){constructor(){super(...arguments);this.color=zd.COLOR}renderPrefix(){return S`
|
|
3141
|
+
<slot name="prefix">
|
|
3142
|
+
${this.iconName?S`<mdc-icon part="icon" name="${this.iconName}" length-unit="rem" size="1"></mdc-icon>`:K}
|
|
3143
|
+
</slot>
|
|
3144
|
+
`}render(){return S`
|
|
3145
|
+
${this.renderPrefix()}
|
|
3132
3146
|
${this.label?S`<mdc-text part="label" type="${zd.TEXT_TYPE}" tagname="${zd.TAG_NAME}"
|
|
3133
3147
|
>${this.label}</mdc-text
|
|
3134
3148
|
>`:K}
|