GDB-12766: Added swagger component

package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphwise-styleguide",
-  "version": "0.0.1-init11",
+  "version": "0.0.1-init12",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {

src/config.properties

@@ -1,6 +1,6 @@
 # NPM package name and version to compare against
 npmPackage=graphwise-styleguide
-npmVersion=0.0.1-init10
+npmVersion=0.0.1-init11
 
 # Folder containing the newly built CSS files
 localDistDir=dist

tokens/tokens.json

@@ -1361,7 +1361,7 @@
           "$type": "borderWidth"
         },
         "color": {
-          "$value": "{primary.base}",
+          "$value": "{secondary.light}",
           "$type": "color"
         },
         "offset": {
@@ -2065,7 +2065,8 @@
             "fontFamily": "{font-family.body}",
             "fontWeight": "{font-weight.400}",
             "lineHeight": "{1rem.line.height}",
-            "fontSize": "{sm.font.size}"
+            "fontSize": "{sm.font.size}",
+            "letterSpacing": "2%"
           },
           "$type": "typography"
         },
@@ -2074,7 +2075,8 @@
             "fontFamily": "{font-family.body}",
             "fontWeight": "{font-weight.500}",
             "lineHeight": "{1rem.line.height}",
-            "fontSize": "{sm.font.size}"
+            "fontSize": "{sm.font.size}",
+            "letterSpacing": "2%"
           },
           "$type": "typography"
         },
@@ -2083,7 +2085,8 @@
             "fontFamily": "{font-family.body}",
             "fontWeight": "{font-weight.700}",
             "lineHeight": "{1rem.line.height}",
-            "fontSize": "{sm.font.size}"
+            "fontSize": "{sm.font.size}",
+            "letterSpacing": "2%"
           },
           "$type": "typography"
         }
@@ -9033,7 +9036,7 @@
           }
         },
         "padding": {
-          "$value": "1.125rem",
+          "$value": "{space.0,875}",
           "$type": "spacing"
         },
         "font": {
@@ -9167,7 +9170,7 @@
           "$type": "color"
         },
         "padding": {
-          "$value": "0 1.125rem 1.125rem 1.125rem",
+          "$value": "0 {space.0,875} {space.0,875} {space.0,875}",
           "$type": "spacing"
         }
       },
@@ -15148,6 +15151,44 @@
           }
         }
       }
+    },
+    "swagger": {
+      "close": {
+        "button": {
+          "width": {
+            "$value": "1.75rem",
+            "$type": "sizing"
+          }
+        },
+        "icon": {
+          "size": {
+            "$value": "1rem",
+            "$type": "sizing"
+          },
+          "sm": {
+            "size": {
+              "$value": "0.875rem",
+              "$type": "sizing"
+            }
+          },
+          "lg": {
+            "size": {
+              "$value": "1.125rem",
+              "$type": "sizing"
+            }
+          }
+        }
+      },
+      "button": {
+        "width": {
+          "$value": "5rem",
+          "$type": "sizing"
+        },
+        "height": {
+          "$value": "{size.1,5}",
+          "$type": "sizing"
+        }
+      }
     }
   },
   "component/light": {
@@ -19075,6 +19116,66 @@
         "$value": "{default.background}",
         "$type": "color"
       }
+    },
+    "swagger": {
+      "get": {
+        "background": {
+          "$value": "{info.200}",
+          "$type": "color"
+        }
+      },
+      "color": {
+        "$value": "{body.color}",
+        "$type": "color"
+      },
+      "help": {
+        "color": {
+          "$value": "{default.muted.color}",
+          "$type": "color"
+        }
+      },
+      "heading": {
+        "color": {
+          "$value": "{default.muted.color}",
+          "$type": "color"
+        }
+      },
+      "border": {
+        "color": {
+          "$value": "{default.border.color}",
+          "$type": "color"
+        }
+      },
+      "put": {
+        "background": {
+          "$value": "{warning.300}",
+          "$type": "color"
+        }
+      },
+      "post": {
+        "background": {
+          "$value": "{success.200}",
+          "$type": "color"
+        }
+      },
+      "delete": {
+        "background": {
+          "$value": "{danger.200}",
+          "$type": "color"
+        }
+      },
+      "resp": {
+        "background": {
+          "$value": "{neutral.200}",
+          "$type": "color"
+        },
+        "code": {
+          "background": {
+            "$value": "{warning.200}",
+            "$type": "color"
+          }
+        }
+      }
     }
   },
   "$themes": [
@@ -23143,4 +23244,4 @@
       "component/light"
     ]
   }
-}
+}