@teamturing/token-studio 1.2.0 → 1.2.2

package/dist/foundation/palette/index.d.ts

@@ -78,94 +78,94 @@ declare const shade: {
     readonly black60A: "#00000099";
 };
 declare const fuchsiaPink: {
-    fuchsiaPink50: string;
-    fuchsiaPink100: string;
-    fuchsiaPink200: string;
-    fuchsiaPink300: string;
-    fuchsiaPink400: string;
-    fuchsiaPink500: string;
-    fuchsiaPink600: string;
-    fuchsiaPink700: string;
-    fuchsiaPink800: string;
-    fuchsiaPink900: string;
+    readonly fuchsiaPink50: "#FCF2FD";
+    readonly fuchsiaPink100: "#F5D6F8";
+    readonly fuchsiaPink200: "#F0C2F4";
+    readonly fuchsiaPink300: "#E9A7EF";
+    readonly fuchsiaPink400: "#E595EC";
+    readonly fuchsiaPink500: "#DE7BE7";
+    readonly fuchsiaPink600: "#CA70D2";
+    readonly fuchsiaPink700: "#9E57A4";
+    readonly fuchsiaPink800: "#7A447F";
+    readonly fuchsiaPink900: "#5D3461";
 };
 declare const skyBlue: {
-    skyBlue50: string;
-    skyBlue100: string;
-    skyBlue200: string;
-    skyBlue300: string;
-    skyBlue400: string;
-    skyBlue500: string;
-    skyBlue600: string;
-    skyBlue700: string;
-    skyBlue800: string;
-    skyBlue900: string;
+    readonly skyBlue50: "#EFF9FD";
+    readonly skyBlue100: "#CFEDF8";
+    readonly skyBlue200: "#B7E4F5";
+    readonly skyBlue300: "#96D8F1";
+    readonly skyBlue400: "#82D1EE";
+    readonly skyBlue500: "#63C5EA";
+    readonly skyBlue600: "#5AB3D5";
+    readonly skyBlue700: "#468CA6";
+    readonly skyBlue800: "#366C81";
+    readonly skyBlue900: "#2A5362";
 };
 declare const indianRed: {
-    indianRed50: string;
-    indianRed100: string;
-    indianRed200: string;
-    indianRed300: string;
-    indianRed400: string;
-    indianRed500: string;
-    indianRed600: string;
-    indianRed700: string;
-    indianRed800: string;
-    indianRed900: string;
+    readonly indianRed50: "#632A2A";
+    readonly indianRed100: "#823838";
+    readonly indianRed200: "#A84848";
+    readonly indianRed300: "#D75C5C";
+    readonly indianRed400: "#EC6565";
+    readonly indianRed500: "#F08484";
+    readonly indianRed600: "#F29898";
+    readonly indianRed700: "#F6B8B8";
+    readonly indianRed800: "#F9CFCF";
+    readonly indianRed900: "#FDF0F0";
 };
 declare const mustardYellow: {
-    mustardYellow50: string;
-    mustardYellow100: string;
-    mustardYellow200: string;
-    mustardYellow300: string;
-    mustardYellow400: string;
-    mustardYellow500: string;
-    mustardYellow600: string;
-    mustardYellow700: string;
-    mustardYellow800: string;
-    mustardYellow900: string;
+    readonly mustardYellow50: "#675025";
+    readonly mustardYellow100: "#876931";
+    readonly mustardYellow200: "#AE883F";
+    readonly mustardYellow300: "#DFAE51";
+    readonly mustardYellow400: "#F5BF59";
+    readonly mustardYellow500: "#F7CC7A";
+    readonly mustardYellow600: "#F8D490";
+    readonly mustardYellow700: "#FAE2B3";
+    readonly mustardYellow800: "#FCEBCC";
+    readonly mustardYellow900: "#FEF9EE";
 };
 declare const palette: {
-    mustardYellow50: string;
-    mustardYellow100: string;
-    mustardYellow200: string;
-    mustardYellow300: string;
-    mustardYellow400: string;
-    mustardYellow500: string;
-    mustardYellow600: string;
-    mustardYellow700: string;
-    mustardYellow800: string;
-    mustardYellow900: string;
-    indianRed50: string;
-    indianRed100: string;
-    indianRed200: string;
-    indianRed300: string;
-    indianRed400: string;
-    indianRed500: string;
-    indianRed600: string;
-    indianRed700: string;
-    indianRed800: string;
-    indianRed900: string;
-    skyBlue50: string;
-    skyBlue100: string;
-    skyBlue200: string;
-    skyBlue300: string;
-    skyBlue400: string;
-    skyBlue500: string;
-    skyBlue600: string;
-    skyBlue700: string;
-    skyBlue800: string;
-    skyBlue900: string;
-    fuchsiaPink50: string;
-    fuchsiaPink100: string;
-    fuchsiaPink200: string;
-    fuchsiaPink300: string;
-    fuchsiaPink400: string;
-    fuchsiaPink500: string;
-    fuchsiaPink600: string;
-    fuchsiaPink700: string;
-    fuchsiaPink800: string;
-    fuchsiaPink900: string;
+    mustardYellow50: "#675025";
+    mustardYellow100: "#876931";
+    mustardYellow200: "#AE883F";
+    mustardYellow300: "#DFAE51";
+    mustardYellow400: "#F5BF59";
+    mustardYellow500: "#F7CC7A";
+    mustardYellow600: "#F8D490";
+    mustardYellow700: "#FAE2B3";
+    mustardYellow800: "#FCEBCC";
+    mustardYellow900: "#FEF9EE";
+    indianRed50: "#632A2A";
+    indianRed100: "#823838";
+    indianRed200: "#A84848";
+    indianRed300: "#D75C5C";
+    indianRed400: "#EC6565";
+    indianRed500: "#F08484";
+    indianRed600: "#F29898";
+    indianRed700: "#F6B8B8";
+    indianRed800: "#F9CFCF";
+    indianRed900: "#FDF0F0";
+    skyBlue50: "#EFF9FD";
+    skyBlue100: "#CFEDF8";
+    skyBlue200: "#B7E4F5";
+    skyBlue300: "#96D8F1";
+    skyBlue400: "#82D1EE";
+    skyBlue500: "#63C5EA";
+    skyBlue600: "#5AB3D5";
+    skyBlue700: "#468CA6";
+    skyBlue800: "#366C81";
+    skyBlue900: "#2A5362";
+    fuchsiaPink50: "#FCF2FD";
+    fuchsiaPink100: "#F5D6F8";
+    fuchsiaPink200: "#F0C2F4";
+    fuchsiaPink300: "#E9A7EF";
+    fuchsiaPink400: "#E595EC";
+    fuchsiaPink500: "#DE7BE7";
+    fuchsiaPink600: "#CA70D2";
+    fuchsiaPink700: "#9E57A4";
+    fuchsiaPink800: "#7A447F";
+    fuchsiaPink900: "#5D3461";
     transparent: "#FFFFFF00";
     white: "#FFFFFF";
     white10A: "#FFFFFF1A";

package/dist/index.js

@@ -176,6 +176,9 @@ const bgColor = {
   'bg/primary': palette.violet500,
   'bg/primary/hovered': palette.violet700,
   'bg/primary/pressed': palette.violet700,
+  'bg/neutral/subtlest': palette.transparent,
+  'bg/neutral/subtlest/hovered': palette.gray50,
+  'bg/neutral/subtlest/pressed': palette.gray50,
   'bg/neutral/subtler': palette.transparent,
   'bg/neutral/subtler/hovered': palette.gray100,
   'bg/neutral/subtler/pressed': palette.gray100,

package/dist/token/color/index.d.ts

@@ -24,6 +24,9 @@ declare const bgColor: {
     readonly 'bg/primary': "#835EEB";
     readonly 'bg/primary/hovered': "#5D43A7";
     readonly 'bg/primary/pressed': "#5D43A7";
+    readonly 'bg/neutral/subtlest': "#FFFFFF00";
+    readonly 'bg/neutral/subtlest/hovered': "#F9FAFB";
+    readonly 'bg/neutral/subtlest/pressed': "#F9FAFB";
     readonly 'bg/neutral/subtler': "#FFFFFF00";
     readonly 'bg/neutral/subtler/hovered': "#F3F4F6";
     readonly 'bg/neutral/subtler/pressed': "#F3F4F6";
@@ -155,46 +158,46 @@ declare const scaleColor: {
     'scale/green/7': "#169172";
     'scale/green/8': "#117059";
     'scale/green/9': "#0D5644";
-    'scale/pink/0': string;
-    'scale/pink/1': string;
-    'scale/pink/2': string;
-    'scale/pink/3': string;
-    'scale/pink/4': string;
-    'scale/pink/5': string;
-    'scale/pink/6': string;
-    'scale/pink/7': string;
-    'scale/pink/8': string;
-    'scale/pink/9': string;
-    'scale/skyblue/0': string;
-    'scale/skyblue/1': string;
-    'scale/skyblue/2': string;
-    'scale/skyblue/3': string;
-    'scale/skyblue/4': string;
-    'scale/skyblue/5': string;
-    'scale/skyblue/6': string;
-    'scale/skyblue/7': string;
-    'scale/skyblue/8': string;
-    'scale/skyblue/9': string;
-    'scale/red/0': string;
-    'scale/red/1': string;
-    'scale/red/2': string;
-    'scale/red/3': string;
-    'scale/red/4': string;
-    'scale/red/5': string;
-    'scale/red/6': string;
-    'scale/red/7': string;
-    'scale/red/8': string;
-    'scale/red/9': string;
-    'scale/yellow/0': string;
-    'scale/yellow/1': string;
-    'scale/yellow/2': string;
-    'scale/yellow/3': string;
-    'scale/yellow/4': string;
-    'scale/yellow/5': string;
-    'scale/yellow/6': string;
-    'scale/yellow/7': string;
-    'scale/yellow/8': string;
-    'scale/yellow/9': string;
+    'scale/pink/0': "#FCF2FD";
+    'scale/pink/1': "#F5D6F8";
+    'scale/pink/2': "#F0C2F4";
+    'scale/pink/3': "#E9A7EF";
+    'scale/pink/4': "#E595EC";
+    'scale/pink/5': "#DE7BE7";
+    'scale/pink/6': "#CA70D2";
+    'scale/pink/7': "#9E57A4";
+    'scale/pink/8': "#7A447F";
+    'scale/pink/9': "#5D3461";
+    'scale/skyblue/0': "#EFF9FD";
+    'scale/skyblue/1': "#CFEDF8";
+    'scale/skyblue/2': "#B7E4F5";
+    'scale/skyblue/3': "#96D8F1";
+    'scale/skyblue/4': "#82D1EE";
+    'scale/skyblue/5': "#63C5EA";
+    'scale/skyblue/6': "#5AB3D5";
+    'scale/skyblue/7': "#468CA6";
+    'scale/skyblue/8': "#366C81";
+    'scale/skyblue/9': "#2A5362";
+    'scale/red/0': "#632A2A";
+    'scale/red/1': "#823838";
+    'scale/red/2': "#A84848";
+    'scale/red/3': "#D75C5C";
+    'scale/red/4': "#EC6565";
+    'scale/red/5': "#F08484";
+    'scale/red/6': "#F29898";
+    'scale/red/7': "#F6B8B8";
+    'scale/red/8': "#F9CFCF";
+    'scale/red/9': "#FDF0F0";
+    'scale/yellow/0': "#675025";
+    'scale/yellow/1': "#876931";
+    'scale/yellow/2': "#AE883F";
+    'scale/yellow/3': "#DFAE51";
+    'scale/yellow/4': "#F5BF59";
+    'scale/yellow/5': "#F7CC7A";
+    'scale/yellow/6': "#F8D490";
+    'scale/yellow/7': "#FAE2B3";
+    'scale/yellow/8': "#FCEBCC";
+    'scale/yellow/9': "#FEF9EE";
 };
 declare const color: {
     readonly 'scale/violet/0': "#F3EFFD";
@@ -237,46 +240,46 @@ declare const color: {
     readonly 'scale/green/7': "#169172";
     readonly 'scale/green/8': "#117059";
     readonly 'scale/green/9': "#0D5644";
-    readonly 'scale/pink/0': string;
-    readonly 'scale/pink/1': string;
-    readonly 'scale/pink/2': string;
-    readonly 'scale/pink/3': string;
-    readonly 'scale/pink/4': string;
-    readonly 'scale/pink/5': string;
-    readonly 'scale/pink/6': string;
-    readonly 'scale/pink/7': string;
-    readonly 'scale/pink/8': string;
-    readonly 'scale/pink/9': string;
-    readonly 'scale/skyblue/0': string;
-    readonly 'scale/skyblue/1': string;
-    readonly 'scale/skyblue/2': string;
-    readonly 'scale/skyblue/3': string;
-    readonly 'scale/skyblue/4': string;
-    readonly 'scale/skyblue/5': string;
-    readonly 'scale/skyblue/6': string;
-    readonly 'scale/skyblue/7': string;
-    readonly 'scale/skyblue/8': string;
-    readonly 'scale/skyblue/9': string;
-    readonly 'scale/red/0': string;
-    readonly 'scale/red/1': string;
-    readonly 'scale/red/2': string;
-    readonly 'scale/red/3': string;
-    readonly 'scale/red/4': string;
-    readonly 'scale/red/5': string;
-    readonly 'scale/red/6': string;
-    readonly 'scale/red/7': string;
-    readonly 'scale/red/8': string;
-    readonly 'scale/red/9': string;
-    readonly 'scale/yellow/0': string;
-    readonly 'scale/yellow/1': string;
-    readonly 'scale/yellow/2': string;
-    readonly 'scale/yellow/3': string;
-    readonly 'scale/yellow/4': string;
-    readonly 'scale/yellow/5': string;
-    readonly 'scale/yellow/6': string;
-    readonly 'scale/yellow/7': string;
-    readonly 'scale/yellow/8': string;
-    readonly 'scale/yellow/9': string;
+    readonly 'scale/pink/0': "#FCF2FD";
+    readonly 'scale/pink/1': "#F5D6F8";
+    readonly 'scale/pink/2': "#F0C2F4";
+    readonly 'scale/pink/3': "#E9A7EF";
+    readonly 'scale/pink/4': "#E595EC";
+    readonly 'scale/pink/5': "#DE7BE7";
+    readonly 'scale/pink/6': "#CA70D2";
+    readonly 'scale/pink/7': "#9E57A4";
+    readonly 'scale/pink/8': "#7A447F";
+    readonly 'scale/pink/9': "#5D3461";
+    readonly 'scale/skyblue/0': "#EFF9FD";
+    readonly 'scale/skyblue/1': "#CFEDF8";
+    readonly 'scale/skyblue/2': "#B7E4F5";
+    readonly 'scale/skyblue/3': "#96D8F1";
+    readonly 'scale/skyblue/4': "#82D1EE";
+    readonly 'scale/skyblue/5': "#63C5EA";
+    readonly 'scale/skyblue/6': "#5AB3D5";
+    readonly 'scale/skyblue/7': "#468CA6";
+    readonly 'scale/skyblue/8': "#366C81";
+    readonly 'scale/skyblue/9': "#2A5362";
+    readonly 'scale/red/0': "#632A2A";
+    readonly 'scale/red/1': "#823838";
+    readonly 'scale/red/2': "#A84848";
+    readonly 'scale/red/3': "#D75C5C";
+    readonly 'scale/red/4': "#EC6565";
+    readonly 'scale/red/5': "#F08484";
+    readonly 'scale/red/6': "#F29898";
+    readonly 'scale/red/7': "#F6B8B8";
+    readonly 'scale/red/8': "#F9CFCF";
+    readonly 'scale/red/9': "#FDF0F0";
+    readonly 'scale/yellow/0': "#675025";
+    readonly 'scale/yellow/1': "#876931";
+    readonly 'scale/yellow/2': "#AE883F";
+    readonly 'scale/yellow/3': "#DFAE51";
+    readonly 'scale/yellow/4': "#F5BF59";
+    readonly 'scale/yellow/5': "#F7CC7A";
+    readonly 'scale/yellow/6': "#F8D490";
+    readonly 'scale/yellow/7': "#FAE2B3";
+    readonly 'scale/yellow/8': "#FCEBCC";
+    readonly 'scale/yellow/9': "#FEF9EE";
     readonly dim: "#00000099";
     readonly link: "#4880ee";
     readonly 'link/hovered': "#335ba9";
@@ -326,6 +329,9 @@ declare const color: {
     readonly 'bg/primary': "#835EEB";
     readonly 'bg/primary/hovered': "#5D43A7";
     readonly 'bg/primary/pressed': "#5D43A7";
+    readonly 'bg/neutral/subtlest': "#FFFFFF00";
+    readonly 'bg/neutral/subtlest/hovered': "#F9FAFB";
+    readonly 'bg/neutral/subtlest/pressed': "#F9FAFB";
     readonly 'bg/neutral/subtler': "#FFFFFF00";
     readonly 'bg/neutral/subtler/hovered': "#F3F4F6";
     readonly 'bg/neutral/subtler/pressed': "#F3F4F6";

package/esm/token/color/index.js

@@ -26,6 +26,9 @@ const bgColor = {
   'bg/primary': palette.violet500,
   'bg/primary/hovered': palette.violet700,
   'bg/primary/pressed': palette.violet700,
+  'bg/neutral/subtlest': palette.transparent,
+  'bg/neutral/subtlest/hovered': palette.gray50,
+  'bg/neutral/subtlest/pressed': palette.gray50,
   'bg/neutral/subtler': palette.transparent,
   'bg/neutral/subtler/hovered': palette.gray100,
   'bg/neutral/subtler/pressed': palette.gray100,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/token-studio",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Foundations, tokens for Mathking design system",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -27,5 +27,5 @@
   "bugs": {
     "url": "https://github.com/weareteamturing/bombe/issues"
   },
-  "gitHead": "9f4613197191aaf0b7525e4835d7aaea05ce90d7"
+  "gitHead": "85b8dc92348ee4732cd4671e9683826c57ccbb90"
 }