@momentum-design/components 0.76.8 → 0.77.0
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 +14 -1
- package/dist/browser/index.js.map +2 -2
- package/dist/components/chip/chip.component.d.ts +1 -0
- package/dist/components/chip/chip.component.js +1 -0
- package/dist/components/chip/chip.constants.d.ts +1 -0
- package/dist/components/chip/chip.constants.js +1 -0
- package/dist/components/chip/chip.styles.js +13 -0
- package/dist/custom-elements.json +136 -136
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -2089,6 +2089,19 @@
|
|
|
2089
2089
|
--mdc-chip-background-color: var(--mds-color-theme-background-label-purple-active);
|
|
2090
2090
|
}
|
|
2091
2091
|
|
|
2092
|
+
:host([color='orange']) {
|
|
2093
|
+
--mdc-chip-border-color: var(--mds-color-theme-outline-label-orange);
|
|
2094
|
+
--mdc-chip-background-color: var(--mds-color-theme-background-label-orange-normal);
|
|
2095
|
+
}
|
|
2096
|
+
|
|
2097
|
+
:host([color='orange']:hover) {
|
|
2098
|
+
--mdc-chip-background-color: var(--mds-color-theme-background-label-orange-hover);
|
|
2099
|
+
}
|
|
2100
|
+
|
|
2101
|
+
:host([color='orange']:active) {
|
|
2102
|
+
--mdc-chip-background-color: var(--mds-color-theme-background-label-orange-active);
|
|
2103
|
+
}
|
|
2104
|
+
|
|
2092
2105
|
:host([color='slate']) {
|
|
2093
2106
|
--mdc-chip-border-color: var(--mds-color-theme-outline-label-slate);
|
|
2094
2107
|
--mdc-chip-background-color: var(--mds-color-theme-background-label-slate-normal);
|
|
@@ -2121,7 +2134,7 @@
|
|
|
2121
2134
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
2122
2135
|
cursor: auto;
|
|
2123
2136
|
}
|
|
2124
|
-
`,Mm=[Et,ig,..._t()];var Nm=j.constructTagName("chip"),og={DEFAULT:"default",COBALT:"cobalt",GOLD:"gold",LIME:"lime",MINT:"mint",PINK:"pink",PURPLE:"purple",SLATE:"slate",VIOLET:"violet"},xo={COLOR:og.DEFAULT,TEXT_TYPE:lt.BODY_MIDSIZE_REGULAR,TAG_NAME:Tt.SPAN,SIZE:ms[24],ROLE:"button"};var Ao=class extends Ae(xe){constructor(){super(...arguments);this.color=xo.COLOR;this.label=""}connectedCallback(){super.connectedCallback(),this.role=xo.ROLE,this.size=xo.SIZE,this.active=void 0,this.softDisabled=void 0}renderIcon(){return this.iconName?D`
|
|
2137
|
+
`,Mm=[Et,ig,..._t()];var Nm=j.constructTagName("chip"),og={DEFAULT:"default",COBALT:"cobalt",GOLD:"gold",LIME:"lime",MINT:"mint",ORANGE:"orange",PINK:"pink",PURPLE:"purple",SLATE:"slate",VIOLET:"violet"},xo={COLOR:og.DEFAULT,TEXT_TYPE:lt.BODY_MIDSIZE_REGULAR,TAG_NAME:Tt.SPAN,SIZE:ms[24],ROLE:"button"};var Ao=class extends Ae(xe){constructor(){super(...arguments);this.color=xo.COLOR;this.label=""}connectedCallback(){super.connectedCallback(),this.role=xo.ROLE,this.size=xo.SIZE,this.active=void 0,this.softDisabled=void 0}renderIcon(){return this.iconName?D`
|
|
2125
2138
|
<mdc-icon
|
|
2126
2139
|
name="${this.iconName}"
|
|
2127
2140
|
length-unit="rem"
|