brandsync-tokens 1.0.21 → 1.0.22

package/dist/json/semantics.json

@@ -73,7 +73,12 @@
       "neutral - default": "#5d6472",
       "neutral - hover": "#363c47",
       "neutral - focused": "#363c47",
-      "neutral - pressed": "#21262e"
+      "neutral - pressed": "#21262e",
+      "info": "#005592",
+      "neutral-default": "#5d6472",
+      "neutral-hover": "#363c47",
+      "neutral-focused": "#363c47",
+      "neutral-pressed": "#21262e"
     },
     "surface": {
       "base": "#ffffff",
@@ -99,7 +104,8 @@
       "warning": "#ffefdb",
       "error": "#fcecea",
       "overlay": "#6d75854d",
-      "overlay level 2": "#6d7585bf"
+      "overlay level 2": "#6d7585bf",
+      "overlay-level-2": "#6d7585bf"
     },
     "icons": {
       "static-white": "#ffffff",
@@ -159,63 +165,80 @@
   },
   "Label": "Label",
   "border width": {
-    "0": 0,
-    "thin": 1,
-    "medium": 2,
-    "thick": 4
+    "0": "0px",
+    "thin": "1px",
+    "medium": "2px",
+    "thick": "4px"
   },
   "border radius": {
-    "0": 0,
-    "50": 4,
-    "75": 6,
-    "100": 8,
-    "150": 12,
-    "200": 16,
-    "300": 24,
-    "full": 120
+    "0": "0px",
+    "50": "4px",
+    "75": "6px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "300": "24px",
+    "full": "120px"
   },
   "spacing": {
-    "0": 0,
-    "25": 2,
-    "50": 4,
-    "75": 6,
-    "100": 8,
-    "150": 12,
-    "200": 16,
-    "250": 20,
-    "300": 24,
-    "350": 28,
-    "400": 32,
-    "500": 40,
-    "550": 44,
-    "600": 48,
-    "700": 56,
-    "800": 64,
-    "1000": 80,
-    "1200": 96,
-    "1500": 120,
-    "-600": -48,
-    "-500": -40,
-    "-350": -28,
-    "-200": -16,
-    "-150": -12,
-    "-100": -8
+    "0": "0px",
+    "25": "2px",
+    "50": "4px",
+    "75": "6px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "350": "28px",
+    "400": "32px",
+    "500": "40px",
+    "550": "44px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "1000": "80px",
+    "1200": "96px",
+    "1500": "120px",
+    "-600": "-48px",
+    "-500": "-40px",
+    "-350": "-28px",
+    "-200": "-16px",
+    "-150": "-12px",
+    "-100": "-8px"
   },
   "sizing": {
-    "75": 6,
-    "100": 8,
-    "200": 16,
-    "250": 20,
-    "300": 24,
-    "400": 32,
-    "500": 40,
-    "600": 48,
-    "700": 56,
-    "800": 64,
-    "1000": 80,
-    "1200": 96,
-    "1600": 128,
-    "3200": 256,
-    "6400": 512
+    "75": "6px",
+    "100": "8px",
+    "200": "16px",
+    "250": "20px",
+    "300": "24px",
+    "400": "32px",
+    "500": "40px",
+    "600": "48px",
+    "700": "56px",
+    "800": "64px",
+    "1000": "80px",
+    "1200": "96px",
+    "1600": "128px",
+    "3200": "256px",
+    "6400": "512px"
+  },
+  "label": "Label",
+  "border-width": {
+    "0": "0px",
+    "thin": "1px",
+    "medium": "2px",
+    "thick": "4px"
+  },
+  "border-radius": {
+    "0": "0px",
+    "50": "4px",
+    "75": "6px",
+    "100": "8px",
+    "150": "12px",
+    "200": "16px",
+    "300": "24px",
+    "full": "120px"
   }
 }

package/dist/json/themebuilder.json

@@ -44,6 +44,171 @@
       "950": "#02201A"
     }
   },
+  "purple": {
+    "shades": {
+      "50": "#F3EFFB",
+      "100": "#E5DFFD",
+      "200": "#C8C0FF",
+      "300": "#A49AFF",
+      "400": "#8676FE",
+      "500": "#715AFC",
+      "600": "#5E47E6",
+      "700": "#4B35C9",
+      "800": "#3720A1",
+      "900": "#220F73",
+      "950": "#201463"
+    }
+  },
+  "cobalt": {
+    "shades": {
+      "50": "#F1EFFA",
+      "100": "#E0E0FD",
+      "200": "#BCC2FF",
+      "300": "#939EFF",
+      "400": "#6D7CFF",
+      "500": "#4F63FF",
+      "600": "#3B4EE9",
+      "700": "#303ECD",
+      "800": "#1928A5",
+      "900": "#091675",
+      "950": "#050D5D"
+    }
+  },
+  "blue": {
+    "shades": {
+      "50": "#EEF0FA",
+      "100": "#D8E3FC",
+      "200": "#AEC7F8",
+      "300": "#7AA6F2",
+      "400": "#3E88EF",
+      "500": "#0073E1",
+      "600": "#0062C1",
+      "700": "#0051A2",
+      "800": "#003A78",
+      "900": "#002550",
+      "950": "#001B3E"
+    }
+  },
+  "green": {
+    "shades": {
+      "50": "#ECF2EA",
+      "100": "#D0E9D2",
+      "200": "#9FD3A9",
+      "300": "#78B385",
+      "400": "#469961",
+      "500": "#23834A",
+      "600": "#2A7043",
+      "700": "#295C3A",
+      "800": "#21422A",
+      "900": "#112B19",
+      "950": "#0B2011"
+    }
+  },
+  "lime": {
+    "shades": {
+      "50": "#F0F2E7",
+      "100": "#D7E8C6",
+      "200": "#ADD18F",
+      "300": "#81B45C",
+      "400": "#64963F",
+      "500": "#478019",
+      "600": "#406F1D",
+      "700": "#385B1E",
+      "800": "#2A4218",
+      "900": "#182A0C",
+      "950": "#121F09"
+    }
+  },
+  "yellow": {
+    "shades": {
+      "50": "#FAF1DB",
+      "100": "#F9E28A",
+      "200": "#E3C437",
+      "300": "#C0A300",
+      "400": "#A18800",
+      "500": "#887200",
+      "600": "#746202",
+      "700": "#615102",
+      "800": "#463A01",
+      "900": "#2E2500",
+      "950": "#221B00"
+    }
+  },
+  "amber": {
+    "shades": {
+      "50": "#FCEEE0",
+      "100": "#F8DFBF",
+      "200": "#F1BE71",
+      "300": "#D19C46",
+      "400": "#B47F1E",
+      "500": "#996805",
+      "600": "#875B04",
+      "700": "#6F4B02",
+      "800": "#513601",
+      "900": "#352201",
+      "950": "#291900"
+    }
+  },
+  "orange": {
+    "shades": {
+      "50": "#FAEEE9",
+      "100": "#F9DDD0",
+      "200": "#F7B997",
+      "300": "#F08C50",
+      "400": "#D26D2B",
+      "500": "#BA5400",
+      "600": "#A24907",
+      "700": "#873D07",
+      "800": "#642C04",
+      "900": "#411B02",
+      "950": "#301302"
+    }
+  },
+  "magenta": {
+    "shades": {
+      "50": "#FBEEEF",
+      "100": "#FFD7E0",
+      "200": "#FFB1C7",
+      "300": "#FF7AA7",
+      "400": "#EA4F8B",
+      "500": "#D12E75",
+      "600": "#B62965",
+      "700": "#9A1F53",
+      "800": "#71163C",
+      "900": "#4A0D27",
+      "950": "#38091C"
+    }
+  },
+  "maroon": {
+    "shades": {
+      "50": "#F9EEF3",
+      "100": "#F6DBEF",
+      "200": "#EAB6E3",
+      "300": "#D88CD1",
+      "400": "#C465C0",
+      "500": "#B14BB0",
+      "600": "#983F98",
+      "700": "#7F347E",
+      "800": "#5E245D",
+      "900": "#3E163D",
+      "950": "#2C122B"
+    }
+  },
+  "violet": {
+    "shades": {
+      "50": "#F9EEFE",
+      "100": "#EEDCFD",
+      "200": "#D8B8FD",
+      "300": "#BE92F4",
+      "400": "#A372DD",
+      "500": "#8F5ACE",
+      "600": "#7750A8",
+      "700": "#64428D",
+      "800": "#492E6A",
+      "900": "#311B4B",
+      "950": "#241338"
+    }
+  },
   "neutral": {
     "shades": {
       "25": "#F9FAFB",

package/dist/swift/BrandsyncTheme.swift

@@ -517,3 +517,21 @@ extension BrandsyncTheme {
         public let sizing6400 = BrandsyncToken.Semantics.sizing6400
     }
 }
+
+// MARK: - Border
+extension BrandsyncTheme {
+    public struct Border {
+        public let borderRadius0 = BrandsyncToken.Semantics.borderRadius0
+        public let borderRadius50 = BrandsyncToken.Semantics.borderRadius50
+        public let borderRadius75 = BrandsyncToken.Semantics.borderRadius75
+        public let borderRadius100 = BrandsyncToken.Semantics.borderRadius100
+        public let borderRadius150 = BrandsyncToken.Semantics.borderRadius150
+        public let borderRadius200 = BrandsyncToken.Semantics.borderRadius200
+        public let borderRadius300 = BrandsyncToken.Semantics.borderRadius300
+        public let borderRadiusFull = BrandsyncToken.Semantics.borderRadiusFull
+        public let borderWidth0 = BrandsyncToken.Semantics.borderWidth0
+        public let borderWidthThin = BrandsyncToken.Semantics.borderWidthThin
+        public let borderWidthMedium = BrandsyncToken.Semantics.borderWidthMedium
+        public let borderWidthThick = BrandsyncToken.Semantics.borderWidthThick
+    }
+}