@momentum-design/components 0.76.7 → 0.76.9

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 (11) hide show
  1. package/dist/browser/index.js +14 -1
  2. package/dist/browser/index.js.map +2 -2
  3. package/dist/components/chip/chip.component.d.ts +1 -0
  4. package/dist/components/chip/chip.component.js +1 -0
  5. package/dist/components/chip/chip.constants.d.ts +1 -0
  6. package/dist/components/chip/chip.constants.js +1 -0
  7. package/dist/components/chip/chip.styles.js +13 -0
  8. package/dist/custom-elements.json +1170 -1170
  9. package/dist/react/index.d.ts +1 -1
  10. package/dist/react/index.js +1 -1
  11. package/package.json +1 -1
package/dist/components/chip/chip.component.d.ts CHANGED
@@ -30,6 +30,7 @@ declare class Chip extends Chip_base {
30
30
  * - gold
31
31
  * - lime
32
32
  * - mint
33
+ * - orange
33
34
  * - pink
34
35
  * - purple
35
36
  * - slate
package/dist/components/chip/chip.component.js CHANGED
@@ -44,6 +44,7 @@ class Chip extends IconNameMixin(Buttonsimple) {
44
44
  * - gold
45
45
  * - lime
46
46
  * - mint
47
+ * - orange
47
48
  * - pink
48
49
  * - purple
49
50
  * - slate
package/dist/components/chip/chip.constants.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const COLOR: {
5
5
  readonly GOLD: "gold";
6
6
  readonly LIME: "lime";
7
7
  readonly MINT: "mint";
8
+ readonly ORANGE: "orange";
8
9
  readonly PINK: "pink";
9
10
  readonly PURPLE: "purple";
10
11
  readonly SLATE: "slate";
package/dist/components/chip/chip.constants.js CHANGED
@@ -8,6 +8,7 @@ const COLOR = {
8
8
  GOLD: 'gold',
9
9
  LIME: 'lime',
10
10
  MINT: 'mint',
11
+ ORANGE: 'orange',
11
12
  PINK: 'pink',
12
13
  PURPLE: 'purple',
13
14
  SLATE: 'slate',
package/dist/components/chip/chip.styles.js CHANGED
@@ -105,6 +105,19 @@ const styles = css `
105
105
  --mdc-chip-background-color: var(--mds-color-theme-background-label-purple-active);
106
106
  }
107
107
 
108
+ :host([color='orange']) {
109
+ --mdc-chip-border-color: var(--mds-color-theme-outline-label-orange);
110
+ --mdc-chip-background-color: var(--mds-color-theme-background-label-orange-normal);
111
+ }
112
+
113
+ :host([color='orange']:hover) {
114
+ --mdc-chip-background-color: var(--mds-color-theme-background-label-orange-hover);
115
+ }
116
+
117
+ :host([color='orange']:active) {
118
+ --mdc-chip-background-color: var(--mds-color-theme-background-label-orange-active);
119
+ }
120
+
108
121
  :host([color='slate']) {
109
122
  --mdc-chip-border-color: var(--mds-color-theme-outline-label-slate);
110
123
  --mdc-chip-background-color: var(--mds-color-theme-background-label-slate-normal);