diff --git a/package.json b/package.json index 656c0b66..25788a12 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@user-interviews/ui-design-system", - "version": "2.2.3", + "version": "2.3.0", "dependencies": { "@tiptap/core": "^2.0.3", "@tiptap/extension-bold": "^2.0.3", diff --git a/src/Alert/Alert.scss b/src/Alert/Alert.scss index f7265d4d..5c1a021c 100644 --- a/src/Alert/Alert.scss +++ b/src/Alert/Alert.scss @@ -322,6 +322,20 @@ } } +.Alert-feature { + background-color: $ux-teal-100; + color: $ux-teal-800; + border: 2px solid $ux-teal-600; + + .close { + @include close-action($ux-teal-600, $ux-teal-800) + } + + .primary-action { + @include primary-action($ux-teal-600, $ux-teal-700, $ux-white) + } +} + .Alert-warning { background-color: $ux-yellow-100; color: $ux-yellow-900; diff --git a/src/Dropdown/DropdownToggle.scss b/src/Dropdown/DropdownToggle.scss index 9acca050..764bb947 100644 --- a/src/Dropdown/DropdownToggle.scss +++ b/src/Dropdown/DropdownToggle.scss @@ -23,6 +23,10 @@ $warning: $ux-yellow-400; all: unset; } + &--unstyled { + all: unset; + } + i, svg { &.icon-left { margin-right: $ux-spacing-20; diff --git a/src/FormGroup/FormGroup.jsx b/src/FormGroup/FormGroup.jsx index 107dde7f..1519b170 100644 --- a/src/FormGroup/FormGroup.jsx +++ b/src/FormGroup/FormGroup.jsx @@ -91,7 +91,6 @@ export default function FormGroup(props) { {renderErrors(errorMessage)} )} - );