feat: added error icon, success icon and minus sign icon (#1794)

* chore: added error icon, success icon and minus sign icon

* feat: add minus,error,success icon tokens
- add error, error-background tokens

---------

Co-authored-by: Akaki Mikaia <akakimikaia@gmail.com>

apps/dictionary/tokens/icons/icons.json

@@ -93,6 +93,18 @@
         "speech-left": {
           "value": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.324 18C9.46 18 11.5 16.2617 11.5 13.9727C11.5 10.9995 8.857 9.48929 6.304 9.94533C6.304 7.97608 8.068 6.37403 11.314 5.87062L11.176 5C6.025 5.3672 2.5 8.84374 2.5 12.9185C2.5 16.3979 4.774 18 7.324 18ZM17.324 18C19.46 18 21.5 16.2617 21.5 13.9727C21.5 10.9995 18.857 9.48929 16.304 9.94533C16.304 7.97608 18.068 6.37403 21.314 5.87062L21.176 5C16.025 5.3672 12.5 8.84374 12.5 12.9185C12.5 16.3979 14.774 18 17.324 18Z\" fill=\"black\"/>\n</svg>",
           "type": "asset"
+        },
+        "error": {
+          "value": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n  <path d=\"M15.4528 11.25V8.75H4.54718V11.25H15.4528Z\" fill=\"black\"/>\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10Z\" fill=\"black\"/>\n</svg>",
+          "type": "asset"
+        },
+        "success": {
+          "value": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 5H6C5.44772 5 5 5.44772 5 6V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V6C19 5.44772 18.5523 5 18 5ZM6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6Z\" fill=\"black\"/>\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.2584 9.4923L10.1217 16.629L6.74162 13.2489L8.15584 11.8347L10.1217 13.8006L15.8442 8.07809L17.2584 9.4923Z\" fill=\"black\"/>\n</svg>",
+          "type": "asset"
+        },
+        "minus": {
+          "value": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n  <rect x=\"5\" y=\"10.25\" width=\"14\" height=\"3.5\" fill=\"black\"/>\n</svg>",
+          "type": "asset"
         }
       },
       "ft-social": {

apps/dictionary/tokens/whitelabel/use-case/color.json

@@ -103,10 +103,6 @@
             "value": "{o3.color.palette.white}",
             "type": "color"
           }
-        },
-        "error": {
-          "value": "{o3.color.palette.crimson}",
-          "type": "color"
         }
       }
     }

components/o3-foundation/src/css/tokens/whitelabel/_variables.css

@@ -29,12 +29,13 @@
   --o3-color-use-case-page-background: var(--o3-color-palette-white);
   --o3-color-use-case-page-inverse-background: var(--o3-color-palette-black-80);
   --o3-color-use-case-body-text: var(--o3-color-palette-black-80);
+  --o3-color-use-case-error: var(--o3-color-palette-crimson);
+  --o3-color-use-case-error-background: rgba(204,0,0,0.06);
   --o3-color-use-case-body-inverse-text: var(--o3-color-palette-white);
   --o3-color-use-case-muted-text: var(--o3-color-palette-black-50); /* "Muted" text is less prominent, for example credits and captions. */
   --o3-color-use-case-muted-inverse-text: var(--o3-color-palette-black-20);
   --o3-color-use-case-heading-text: var(--o3-color-palette-black-90);
   --o3-color-use-case-heading-inverse-text: var(--o3-color-palette-white);
-  --o3-color-use-case-error: var(--o3-color-palette-crimson);
   --o3-spacing-5xs: 0.25rem;
   --o3-spacing-4xs: 0.5rem;
   --o3-spacing-3xs: 0.75rem;