@teamturing/token-studio 1.15.0 → 1.16.1

package/dist/index.js

@@ -206,7 +206,7 @@ const textColor$2 = {
   'text/neutral/subtler': palette.gray400,
   'text/neutral/subtle': palette.gray200,
   'text/neutral': palette.gray50,
-  'text/inverse': palette.white,
+  'text/inverse': palette.gray900,
   'text/inverse/subtle': palette.gray700,
   'text/inverse/subtler': palette.gray600,
   'text/disabled': palette.gray500,
@@ -400,6 +400,10 @@ const scaleColor$2 = {
   'scale/yellow/8': palette.mustardYellow100,
   'scale/yellow/9': palette.mustardYellow50
 };
+const surfaceColor$2 = {
+  'surface': palette.darkGray,
+  'surface/overlay': palette.darkGray
+};
 const gpaiDarkColor = {
   ...textColor$2,
   ...bgColor$2,
@@ -407,7 +411,8 @@ const gpaiDarkColor = {
   ...iconColor$2,
   ...linkColor$2,
   ...dimColor$2,
-  ...scaleColor$2
+  ...scaleColor$2,
+  ...surfaceColor$2
 };
 
 const textColor$1 = {
@@ -615,6 +620,10 @@ const scaleColor$1 = {
   'scale/yellow/8': palette.mustardYellow800,
   'scale/yellow/9': palette.mustardYellow900
 };
+const surfaceColor$1 = {
+  'surface': palette.white,
+  'surface/overlay': palette.white
+};
 const gpaiLightColor = {
   ...textColor$1,
   ...bgColor$1,
@@ -622,7 +631,8 @@ const gpaiLightColor = {
   ...iconColor$1,
   ...linkColor$1,
   ...dimColor$1,
-  ...scaleColor$1
+  ...scaleColor$1,
+  ...surfaceColor$1
 };
 
 const textColor = {
@@ -830,6 +840,10 @@ const scaleColor = {
   'scale/yellow/8': palette.mustardYellow800,
   'scale/yellow/9': palette.mustardYellow900
 };
+const surfaceColor = {
+  'surface': palette.white,
+  'surface/overlay': palette.white
+};
 const color = {
   ...textColor,
   ...bgColor,
@@ -837,23 +851,16 @@ const color = {
   ...iconColor,
   ...linkColor,
   ...dimColor,
-  ...scaleColor
+  ...scaleColor,
+  ...surfaceColor
 };
 
 const shadow = {
   shadowMedium: '0px 0px 1px 0px rgba(0, 0, 0, 0.06), 0px 8px 24px 0px rgba(0, 0, 0, 0.12)'
 };
 
-const surfaceElevation = {
-  'surface': palette.white,
-  'surface/overlay': palette.white
-};
-const shadowElevation = {
-  'shadow/overlay': shadow.shadowMedium
-};
 const elevation = {
-  ...surfaceElevation,
-  ...shadowElevation
+  'shadow/overlay': shadow.shadowMedium
 };
 
 const colorStopList = {
@@ -1251,8 +1258,6 @@ exports.opacity = opacity;
 exports.overlayGradient = overlayGradient;
 exports.palette = index;
 exports.radii = radii;
-exports.shadowElevation = shadowElevation;
 exports.space = space;
-exports.surfaceElevation = surfaceElevation;
 exports.textGradient = textGradient;
 exports.typography = typography;

package/dist/token/color/gpai/dark.d.ts

@@ -1,4 +1,6 @@
 declare const gpaiDarkColor: {
+    readonly surface: "#202124";
+    readonly 'surface/overlay': "#202124";
     readonly 'scale/violet/0': "#372763";
     readonly 'scale/violet/1': "#483481";
     readonly 'scale/violet/2': "#5D43A7";
@@ -182,7 +184,7 @@ declare const gpaiDarkColor: {
     readonly 'text/neutral/subtler': "#8D94A0";
     readonly 'text/neutral/subtle': "#E5E7EB";
     readonly 'text/neutral': "#F9FAFB";
-    readonly 'text/inverse': "#FFFFFF";
+    readonly 'text/inverse': "#33373B";
     readonly 'text/inverse/subtle': "#575C64";
     readonly 'text/inverse/subtler': "#6F7680";
     readonly 'text/disabled': "#7A828D";

package/dist/token/color/gpai/light.d.ts

@@ -1,4 +1,6 @@
 declare const gpaiLightColor: {
+    readonly surface: "#FFFFFF";
+    readonly 'surface/overlay': "#FFFFFF";
     readonly 'scale/violet/0': "#F3EFFD";
     readonly 'scale/violet/1': "#E8E1FB";
     readonly 'scale/violet/2': "#D9CDF9";

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

@@ -124,88 +124,94 @@ declare const dimColor: {
     readonly dim: "#00000099";
 };
 declare const scaleColor: {
-    'scale/violet/0': "#F3EFFD";
-    'scale/violet/1': "#E8E1FB";
-    'scale/violet/2': "#D9CDF9";
-    'scale/violet/3': "#C6B5F6";
-    'scale/violet/4': "#9C7EEF";
-    'scale/violet/5': "#835EEB";
-    'scale/violet/6': "#7756D6";
-    'scale/violet/7': "#5D43A7";
-    'scale/violet/8': "#483481";
-    'scale/violet/9': "#372763";
-    'scale/gray/0': "#F9FAFB";
-    'scale/gray/1': "#F3F4F6";
-    'scale/gray/2': "#E5E7EB";
-    'scale/gray/3': "#D1D5DB";
-    'scale/gray/4': "#8D94A0";
-    'scale/gray/5': "#7A828D";
-    'scale/gray/6': "#6F7680";
-    'scale/gray/7': "#575C64";
-    'scale/gray/8': "#43484E";
-    'scale/gray/9': "#33373B";
-    'scale/blue/0': "#edf2fd";
-    'scale/blue/1': "#c6d8fa";
-    'scale/blue/2': "#abc5f7";
-    'scale/blue/3': "#84aaf4";
-    'scale/blue/4': "#6d99f1";
-    'scale/blue/5': "#4880ee";
-    'scale/blue/6': "#4274d9";
-    'scale/blue/7': "#335ba9";
-    'scale/blue/8': "#284683";
-    'scale/blue/9': "#1e3664";
-    'scale/green/0': "#E9FAF6";
-    'scale/green/1': "#BAEFE2";
-    'scale/green/2': "#98E8D4";
-    'scale/green/3': "#69DDC0";
-    'scale/green/4': "#4CD6B4";
-    'scale/green/5': "#1FCCA1";
-    'scale/green/6': "#1CBA93";
-    'scale/green/7': "#169172";
-    'scale/green/8': "#117059";
-    'scale/green/9': "#0D5644";
-    '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': "#FDF0F0";
-    'scale/red/1': "#F9CFCF";
-    'scale/red/2': "#F6B8B8";
-    'scale/red/3': "#F29898";
-    'scale/red/4': "#F08484";
-    'scale/red/5': "#EC6565";
-    'scale/red/6': "#D75C5C";
-    'scale/red/7': "#A84848";
-    'scale/red/8': "#823838";
-    'scale/red/9': "#632A2A";
-    'scale/yellow/0': "#FEF9EE";
-    'scale/yellow/1': "#FCEBCC";
-    'scale/yellow/2': "#FAE2B3";
-    'scale/yellow/3': "#F8D490";
-    'scale/yellow/4': "#F7CC7A";
-    'scale/yellow/5': "#F5BF59";
-    'scale/yellow/6': "#DFAE51";
-    'scale/yellow/7': "#AE883F";
-    'scale/yellow/8': "#876931";
-    'scale/yellow/9': "#675025";
+    readonly 'scale/violet/0': "#F3EFFD";
+    readonly 'scale/violet/1': "#E8E1FB";
+    readonly 'scale/violet/2': "#D9CDF9";
+    readonly 'scale/violet/3': "#C6B5F6";
+    readonly 'scale/violet/4': "#9C7EEF";
+    readonly 'scale/violet/5': "#835EEB";
+    readonly 'scale/violet/6': "#7756D6";
+    readonly 'scale/violet/7': "#5D43A7";
+    readonly 'scale/violet/8': "#483481";
+    readonly 'scale/violet/9': "#372763";
+    readonly 'scale/gray/0': "#F9FAFB";
+    readonly 'scale/gray/1': "#F3F4F6";
+    readonly 'scale/gray/2': "#E5E7EB";
+    readonly 'scale/gray/3': "#D1D5DB";
+    readonly 'scale/gray/4': "#8D94A0";
+    readonly 'scale/gray/5': "#7A828D";
+    readonly 'scale/gray/6': "#6F7680";
+    readonly 'scale/gray/7': "#575C64";
+    readonly 'scale/gray/8': "#43484E";
+    readonly 'scale/gray/9': "#33373B";
+    readonly 'scale/blue/0': "#edf2fd";
+    readonly 'scale/blue/1': "#c6d8fa";
+    readonly 'scale/blue/2': "#abc5f7";
+    readonly 'scale/blue/3': "#84aaf4";
+    readonly 'scale/blue/4': "#6d99f1";
+    readonly 'scale/blue/5': "#4880ee";
+    readonly 'scale/blue/6': "#4274d9";
+    readonly 'scale/blue/7': "#335ba9";
+    readonly 'scale/blue/8': "#284683";
+    readonly 'scale/blue/9': "#1e3664";
+    readonly 'scale/green/0': "#E9FAF6";
+    readonly 'scale/green/1': "#BAEFE2";
+    readonly 'scale/green/2': "#98E8D4";
+    readonly 'scale/green/3': "#69DDC0";
+    readonly 'scale/green/4': "#4CD6B4";
+    readonly 'scale/green/5': "#1FCCA1";
+    readonly 'scale/green/6': "#1CBA93";
+    readonly 'scale/green/7': "#169172";
+    readonly 'scale/green/8': "#117059";
+    readonly 'scale/green/9': "#0D5644";
+    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': "#FDF0F0";
+    readonly 'scale/red/1': "#F9CFCF";
+    readonly 'scale/red/2': "#F6B8B8";
+    readonly 'scale/red/3': "#F29898";
+    readonly 'scale/red/4': "#F08484";
+    readonly 'scale/red/5': "#EC6565";
+    readonly 'scale/red/6': "#D75C5C";
+    readonly 'scale/red/7': "#A84848";
+    readonly 'scale/red/8': "#823838";
+    readonly 'scale/red/9': "#632A2A";
+    readonly 'scale/yellow/0': "#FEF9EE";
+    readonly 'scale/yellow/1': "#FCEBCC";
+    readonly 'scale/yellow/2': "#FAE2B3";
+    readonly 'scale/yellow/3': "#F8D490";
+    readonly 'scale/yellow/4': "#F7CC7A";
+    readonly 'scale/yellow/5': "#F5BF59";
+    readonly 'scale/yellow/6': "#DFAE51";
+    readonly 'scale/yellow/7': "#AE883F";
+    readonly 'scale/yellow/8': "#876931";
+    readonly 'scale/yellow/9': "#675025";
+};
+declare const surfaceColor: {
+    readonly surface: "#FFFFFF";
+    readonly 'surface/overlay': "#FFFFFF";
 };
 declare const color: {
+    readonly surface: "#FFFFFF";
+    readonly 'surface/overlay': "#FFFFFF";
     readonly 'scale/violet/0': "#F3EFFD";
     readonly 'scale/violet/1': "#E8E1FB";
     readonly 'scale/violet/2': "#D9CDF9";
@@ -405,7 +411,8 @@ type IconColorKey = keyof typeof iconColor;
 type LinkColorKey = keyof typeof linkColor;
 type DimColorKey = keyof typeof dimColor;
 type ScaleColorKey = keyof typeof scaleColor;
+type SurfaceColorKey = keyof typeof surfaceColor;
 type ColorKey = keyof typeof color;
 export default color;
 export { gpaiLightColor, gpaiDarkColor };
-export type { ColorKey, TextColorKey, BgColorKey, BorderColorKey, IconColorKey, LinkColorKey, DimColorKey, ScaleColorKey, };
+export type { ColorKey, TextColorKey, BgColorKey, BorderColorKey, IconColorKey, LinkColorKey, DimColorKey, ScaleColorKey, SurfaceColorKey, };

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

@@ -1,18 +1,6 @@
-declare const surfaceElevation: {
-    readonly surface: "#FFFFFF";
-    readonly 'surface/overlay': "#FFFFFF";
-};
-declare const shadowElevation: {
-    readonly 'shadow/overlay': string;
-};
 declare const elevation: {
-    readonly 'shadow/overlay': string;
-    readonly surface: "#FFFFFF";
-    readonly 'surface/overlay': "#FFFFFF";
+    'shadow/overlay': string;
 };
-type SurfaceElevationKey = keyof typeof surfaceElevation;
-type ShadowElevationKey = keyof typeof shadowElevation;
 type ElevationKey = keyof typeof elevation;
 export default elevation;
-export { surfaceElevation, shadowElevation };
-export type { SurfaceElevationKey, ShadowElevationKey, ElevationKey };
+export type { ElevationKey };

package/dist/token/index.d.ts

@@ -1,8 +1,8 @@
 export { default as breakpoints, baseBreakpoints } from './breakpoints';
 export { default as color, gpaiLightColor, gpaiDarkColor } from './color';
 export type { ColorKey, BgColorKey, BorderColorKey, DimColorKey, IconColorKey, LinkColorKey, ScaleColorKey, TextColorKey, } from './color';
-export { default as elevation, shadowElevation, surfaceElevation } from './elevation';
-export type { ElevationKey, ShadowElevationKey, SurfaceElevationKey } from './elevation';
+export { default as elevation } from './elevation';
+export type { ElevationKey } from './elevation';
 export { default as gradient, bgGradient, borderGradient, overlayGradient, textGradient } from './gradient';
 export type { GradientKey, BgGradientKey, BorderGradientKey, OverlayGradientKey, TextGradientKey } from './gradient';
 export { default as opacity } from './opacity';

package/esm/index.js

@@ -1,6 +1,6 @@
 export { baseBreakpoints, default as breakpoints } from './token/breakpoints/index.js';
 export { default as color } from './token/color/index.js';
-export { default as elevation, shadowElevation, surfaceElevation } from './token/elevation/index.js';
+export { default as elevation } from './token/elevation/index.js';
 export { bgGradient, borderGradient, default as gradient, overlayGradient, textGradient } from './token/gradient/index.js';
 export { default as opacity } from './token/opacity/index.js';
 export { default as radii } from './token/radii/index.js';

package/esm/token/color/gpai/dark.js

@@ -11,7 +11,7 @@ const textColor = {
   'text/neutral/subtler': palette.gray400,
   'text/neutral/subtle': palette.gray200,
   'text/neutral': palette.gray50,
-  'text/inverse': palette.white,
+  'text/inverse': palette.gray900,
   'text/inverse/subtle': palette.gray700,
   'text/inverse/subtler': palette.gray600,
   'text/disabled': palette.gray500,
@@ -205,6 +205,10 @@ const scaleColor = {
   'scale/yellow/8': palette.mustardYellow100,
   'scale/yellow/9': palette.mustardYellow50
 };
+const surfaceColor = {
+  'surface': palette.darkGray,
+  'surface/overlay': palette.darkGray
+};
 const gpaiDarkColor = {
   ...textColor,
   ...bgColor,
@@ -212,7 +216,8 @@ const gpaiDarkColor = {
   ...iconColor,
   ...linkColor,
   ...dimColor,
-  ...scaleColor
+  ...scaleColor,
+  ...surfaceColor
 };
 
 export { gpaiDarkColor as default };

package/esm/token/color/gpai/light.js

@@ -205,6 +205,10 @@ const scaleColor = {
   'scale/yellow/8': palette.mustardYellow800,
   'scale/yellow/9': palette.mustardYellow900
 };
+const surfaceColor = {
+  'surface': palette.white,
+  'surface/overlay': palette.white
+};
 const gpaiLightColor = {
   ...textColor,
   ...bgColor,
@@ -212,7 +216,8 @@ const gpaiLightColor = {
   ...iconColor,
   ...linkColor,
   ...dimColor,
-  ...scaleColor
+  ...scaleColor,
+  ...surfaceColor
 };
 
 export { gpaiLightColor as default };

package/esm/token/color/index.js

@@ -207,6 +207,10 @@ const scaleColor = {
   'scale/yellow/8': palette.mustardYellow800,
   'scale/yellow/9': palette.mustardYellow900
 };
+const surfaceColor = {
+  'surface': palette.white,
+  'surface/overlay': palette.white
+};
 const color = {
   ...textColor,
   ...bgColor,
@@ -214,7 +218,8 @@ const color = {
   ...iconColor,
   ...linkColor,
   ...dimColor,
-  ...scaleColor
+  ...scaleColor,
+  ...surfaceColor
 };
 
 export { color as default };

package/esm/token/elevation/index.js

@@ -1,16 +1,7 @@
-import palette from '../../foundation/palette/index.js';
 import shadow from '../../foundation/shadow/index.js';
 
-const surfaceElevation = {
-  'surface': palette.white,
-  'surface/overlay': palette.white
-};
-const shadowElevation = {
-  'shadow/overlay': shadow.shadowMedium
-};
 const elevation = {
-  ...surfaceElevation,
-  ...shadowElevation
+  'shadow/overlay': shadow.shadowMedium
 };
 
-export { elevation as default, shadowElevation, surfaceElevation };
+export { elevation as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/token-studio",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "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": "086b9fd22ad9f0554c69512d18d2a90ca02231ee"
+  "gitHead": "b7970e07fdf3e86c55e61a4f758eda8cf5046487"
 }