@odx/ui 2.12.0 → 2.12.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 ## 2.9.9
 
+## 2.12.1
+
+### Patch Changes
+
+- 9b0e638: Warning and Confirmation Variants to chip
+
 ## 2.12.0
 
 ### Minor Changes

package/core-theme.css

@@ -2568,6 +2568,22 @@ html body .odx-fs-italic {
   background-color: var(--odx-c-confirmation-disabled);
   color: var(--odx-c-confirmation-text-disabled);
 }
+.odx-button--warning {
+  background-color: var(--odx-c-warning);
+  color: var(--odx-c-warning-text);
+}
+@media (hover: hover){
+.odx-button--warning:hover {
+  background-color: var(--odx-c-warning-hover);
+}
+}
+.odx-button--warning.odx-dropdown-host[aria-expanded=true], .odx-button--warning.is-active, .odx-button--warning:active {
+  background-color: var(--odx-c-warning-active);
+}
+.odx-button--warning:disabled, .odx-button--warning.is-disabled {
+  background-color: var(--odx-c-warning-disabled);
+  color: var(--odx-c-warning-text-disabled);
+}
 .odx-button--ghost, .odx-main-menu__close, .odx-main-menu-button, .odx-action-group > .odx-button:not(.odx-button--primary, .odx-button--success, .odx-button--danger, .odx-button--confirmation, .odx-auth-sign-in) {
   outline: var(--odx-v-outline-width) solid transparent;
   outline-offset: calc(-1 * var(--odx-v-outline-width));
@@ -3544,6 +3560,14 @@ body {
   background-color: var(--odx-c-danger);
   color: var(--odx-c-danger-text);
 }
+.odx-chip--warning {
+  background-color: var(--odx-c-warning);
+  color: var(--odx-c-warning-text);
+}
+.odx-chip--confirmation {
+  background-color: var(--odx-c-confirmation);
+  color: var(--odx-c-confirmation-text);
+}
 
 .odx-chip-list {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/ui",
-  "version": "2.12.0",
+  "version": "2.12.1",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {

package/scss/components/button.component.scss

@@ -10,7 +10,7 @@
 @use 'icon.component';
 
 .odx-button {
-  $variants: secondary, primary, highlight, success, danger, confirmation;
+  $variants: secondary, primary, highlight, success, danger, confirmation, warning;
   $icon-margin: 0.25;
 
   @extend .odx-button--secondary;

package/scss/components/chip.component.scss

@@ -4,8 +4,8 @@
 @use '../abstract/motion';
 @use '../abstract/typography';
 
-$sizes: 'small' 1 -1, 'medium' 1.5 0;
-$variants: 'secondary', 'highlight', 'success', 'danger';
+$sizes: small 1 -1, medium 1.5 0;
+$variants: secondary, highlight, success, danger, warning, confirmation;
 
 .odx-chip {
   $root: &;