feat: added utility theme to Alert, Button, Card, Toast sandboxes (#265)

gravity-ui · Aug 24, 2024 · eac6385 · eac6385
1 parent 67987b3
commit eac6385
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/src/content/components/uikit/Alert/index.ts b/src/content/components/uikit/Alert/index.ts
@@ -18,7 +18,14 @@ export const alertConfig = {
         props: {
             theme: {
                 type: 'select',
-                values: mappingOptions(['normal', 'info', 'success', 'warning', 'danger']),
+                values: mappingOptions([
+                    'normal',
+                    'info',
+                    'success',
+                    'warning',
+                    'danger',
+                    'utility',
+                ]),
                 defaultValue: 'normal',
             },
             view: {

diff --git a/src/content/components/uikit/Button/index.ts b/src/content/components/uikit/Button/index.ts
@@ -28,12 +28,14 @@ export const buttonConfig = {
                     'outlined-success',
                     'outlined-warning',
                     'outlined-danger',
+                    'outlined-utility',
                     'flat',
                     'flat-action',
                     'flat-info',
                     'flat-success',
                     'flat-warning',
                     'flat-danger',
+                    'flat-utility',
                     'flat-secondary',
                     'normal-contrast',
                     'outlined-contrast',

diff --git a/src/content/components/uikit/Card/index.ts b/src/content/components/uikit/Card/index.ts
@@ -17,7 +17,14 @@ export const cardConfig = {
         props: {
             theme: {
                 type: 'select',
-                values: mappingOptions(['normal', 'info', 'success', 'warning', 'danger']),
+                values: mappingOptions([
+                    'normal',
+                    'info',
+                    'success',
+                    'warning',
+                    'danger',
+                    'utility',
+                ]),
                 defaultValue: 'normal',
             },
             type: {

diff --git a/src/content/components/uikit/Toaster/index.ts b/src/content/components/uikit/Toaster/index.ts
@@ -31,7 +31,7 @@ const sandboxProps: Partial<ToasterSandboxProps> = {
     },
     theme: {
         type: 'select',
-        values: [undefined, 'info', 'success', 'warning', 'danger'].map((value) => ({
+        values: [undefined, 'info', 'success', 'warning', 'danger', 'utility'].map((value) => ({
             value: value === undefined ? 'undefined' : value,
             content: value === undefined ? 'none' : value,
         })),