@teamturing/token-studio 1.12.0 → 1.14.0

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

@@ -75,6 +75,7 @@ declare const shade: {
     readonly white: "#FFFFFF";
     readonly white10A: "#FFFFFF1A";
     readonly black: "#000000";
+    readonly darkGray: "#202124";
     readonly black60A: "#00000099";
 };
 declare const fuchsiaPink: {
@@ -125,7 +126,51 @@ declare const mustardYellow: {
     readonly mustardYellow800: "#876931";
     readonly mustardYellow900: "#675025";
 };
+declare const orange: {
+    readonly orange50: "#FFF1E7";
+    readonly orange100: "#FFD2B5";
+    readonly orange200: "#FFBD91";
+    readonly orange300: "#FF9F5E";
+    readonly orange400: "#FF8C3F";
+    readonly orange500: "#FF6F0F";
+    readonly orange600: "#E8650E";
+    readonly orange700: "#B54F0B";
+    readonly orange800: "#8C3D08";
+    readonly orange900: "#6B2F06";
+};
+declare const lime: {
+    readonly lime50: "#EEFAE6";
+    readonly lime100: "#CBEFB1";
+    readonly lime200: "#B2E88B";
+    readonly lime300: "#8FDD55";
+    readonly lime400: "#79D635";
+    readonly lime500: "#58CC02";
+    readonly lime600: "#50BA02";
+    readonly lime700: "#3E9101";
+    readonly lime800: "#307001";
+    readonly lime900: "#255601";
+};
 declare const palette: {
+    lime50: "#EEFAE6";
+    lime100: "#CBEFB1";
+    lime200: "#B2E88B";
+    lime300: "#8FDD55";
+    lime400: "#79D635";
+    lime500: "#58CC02";
+    lime600: "#50BA02";
+    lime700: "#3E9101";
+    lime800: "#307001";
+    lime900: "#255601";
+    orange50: "#FFF1E7";
+    orange100: "#FFD2B5";
+    orange200: "#FFBD91";
+    orange300: "#FF9F5E";
+    orange400: "#FF8C3F";
+    orange500: "#FF6F0F";
+    orange600: "#E8650E";
+    orange700: "#B54F0B";
+    orange800: "#8C3D08";
+    orange900: "#6B2F06";
     mustardYellow50: "#FEF9EE";
     mustardYellow100: "#FCEBCC";
     mustardYellow200: "#FAE2B3";
@@ -170,6 +215,7 @@ declare const palette: {
     white: "#FFFFFF";
     white10A: "#FFFFFF1A";
     black: "#000000";
+    darkGray: "#202124";
     black60A: "#00000099";
     blue50: "#edf2fd";
     blue100: "#c6d8fa";
@@ -233,4 +279,4 @@ declare const palette: {
     gray900: "#33373B";
 };
 export default palette;
-export { gray, violet, green, yellow, red, blue, shade, fuchsiaPink, skyBlue, indianRed, mustardYellow };
+export { gray, violet, green, yellow, red, blue, shade, fuchsiaPink, skyBlue, indianRed, mustardYellow, orange, lime };

package/dist/index.js

@@ -86,6 +86,7 @@ const shade = {
   white: '#FFFFFF',
   white10A: '#FFFFFF1A',
   black: '#000000',
+  darkGray: '#202124',
   black60A: '#00000099'
 };
 const fuchsiaPink = {
@@ -136,6 +137,30 @@ const mustardYellow = {
   mustardYellow800: '#876931',
   mustardYellow900: '#675025'
 };
+const orange = {
+  orange50: '#FFF1E7',
+  orange100: '#FFD2B5',
+  orange200: '#FFBD91',
+  orange300: '#FF9F5E',
+  orange400: '#FF8C3F',
+  orange500: '#FF6F0F',
+  orange600: '#E8650E',
+  orange700: '#B54F0B',
+  orange800: '#8C3D08',
+  orange900: '#6B2F06'
+};
+const lime = {
+  lime50: '#EEFAE6',
+  lime100: '#CBEFB1',
+  lime200: '#B2E88B',
+  lime300: '#8FDD55',
+  lime400: '#79D635',
+  lime500: '#58CC02',
+  lime600: '#50BA02',
+  lime700: '#3E9101',
+  lime800: '#307001',
+  lime900: '#255601'
+};
 const palette = {
   ...gray,
   ...violet,
@@ -147,7 +172,9 @@ const palette = {
   ...fuchsiaPink,
   ...skyBlue,
   ...indianRed,
-  ...mustardYellow
+  ...mustardYellow,
+  ...orange,
+  ...lime
 };
 
 var index = /*#__PURE__*/Object.freeze({
@@ -158,7 +185,9 @@ var index = /*#__PURE__*/Object.freeze({
   gray: gray,
   green: green,
   indianRed: indianRed,
+  lime: lime,
   mustardYellow: mustardYellow,
+  orange: orange,
   red: red,
   shade: shade,
   skyBlue: skyBlue,
@@ -222,7 +251,7 @@ const bgColor = {
   'bg/accent/red/subtle': palette.red400,
   'bg/accent/red': palette.red500,
   'bg/accent/gray/subtlest': palette.gray200,
-  'bg/selected/violet': palette.violet500,
+  'bg/selected/primary': palette.violet500,
   'bg/selected': palette.gray900,
   'bg/selected/subtle': palette.gray100,
   'bg/inverse': palette.black,
@@ -266,7 +295,7 @@ const iconColor = {
   'icon/inverse': palette.white,
   'icon/disabled': palette.gray300,
   'icon/disabled/subtler': palette.gray200,
-  'icon/selected/violet': palette.violet500,
+  'icon/selected/primary': palette.violet500,
   'icon/selected': palette.gray900,
   'icon/primary/subtle': palette.violet300,
   'icon/primary': palette.violet500,
@@ -778,28 +807,21 @@ const typography = {
 };
 
 exports.baseBreakpoints = baseBreakpoints;
-exports.bgColor = bgColor;
 exports.bgGradient = bgGradient;
-exports.borderColor = borderColor;
 exports.borderGradient = borderGradient;
 exports.breakpoints = breakpoints;
 exports.color = color;
-exports.dimColor = dimColor;
 exports.elevation = elevation;
 exports.fontSizes = fontSizes;
 exports.fontWeights = fontWeights;
 exports.gradient = gradient;
-exports.iconColor = iconColor;
 exports.lineHeights = lineHeights;
-exports.linkColor = linkColor;
 exports.opacity = opacity;
 exports.overlayGradient = overlayGradient;
 exports.palette = index;
 exports.radii = radii;
-exports.scaleColor = scaleColor;
 exports.shadowElevation = shadowElevation;
 exports.space = space;
 exports.surfaceElevation = surfaceElevation;
-exports.textColor = textColor;
 exports.textGradient = textGradient;
 exports.typography = typography;

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

@@ -54,7 +54,7 @@ declare const bgColor: {
     readonly 'bg/accent/red/subtle': "#F5525D";
     readonly 'bg/accent/red': "#F22735";
     readonly 'bg/accent/gray/subtlest': "#E5E7EB";
-    readonly 'bg/selected/violet': "#835EEB";
+    readonly 'bg/selected/primary': "#835EEB";
     readonly 'bg/selected': "#33373B";
     readonly 'bg/selected/subtle': "#F3F4F6";
     readonly 'bg/inverse': "#000000";
@@ -98,7 +98,7 @@ declare const iconColor: {
     readonly 'icon/inverse': "#FFFFFF";
     readonly 'icon/disabled': "#D1D5DB";
     readonly 'icon/disabled/subtler': "#E5E7EB";
-    readonly 'icon/selected/violet': "#835EEB";
+    readonly 'icon/selected/primary': "#835EEB";
     readonly 'icon/selected': "#33373B";
     readonly 'icon/primary/subtle': "#C6B5F6";
     readonly 'icon/primary': "#835EEB";
@@ -310,7 +310,7 @@ declare const color: {
     readonly 'icon/inverse': "#FFFFFF";
     readonly 'icon/disabled': "#D1D5DB";
     readonly 'icon/disabled/subtler': "#E5E7EB";
-    readonly 'icon/selected/violet': "#835EEB";
+    readonly 'icon/selected/primary': "#835EEB";
     readonly 'icon/selected': "#33373B";
     readonly 'icon/primary/subtle': "#C6B5F6";
     readonly 'icon/primary': "#835EEB";
@@ -366,7 +366,7 @@ declare const color: {
     readonly 'bg/accent/red/subtle': "#F5525D";
     readonly 'bg/accent/red': "#F22735";
     readonly 'bg/accent/gray/subtlest': "#E5E7EB";
-    readonly 'bg/selected/violet': "#835EEB";
+    readonly 'bg/selected/primary': "#835EEB";
     readonly 'bg/selected': "#33373B";
     readonly 'bg/selected/subtle': "#F3F4F6";
     readonly 'bg/inverse': "#000000";
@@ -407,5 +407,4 @@ type DimColorKey = keyof typeof dimColor;
 type ScaleColorKey = keyof typeof scaleColor;
 type ColorKey = keyof typeof color;
 export default color;
-export { textColor, bgColor, borderColor, iconColor, linkColor, dimColor, scaleColor };
 export type { ColorKey, TextColorKey, BgColorKey, BorderColorKey, IconColorKey, LinkColorKey, DimColorKey, ScaleColorKey, };

package/dist/token/index.d.ts

@@ -1,5 +1,5 @@
 export { default as breakpoints, baseBreakpoints } from './breakpoints';
-export { default as color, bgColor, borderColor, dimColor, iconColor, linkColor, scaleColor, textColor } from './color';
+export { default as color } 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';

package/esm/foundation/palette/index.js

@@ -75,6 +75,7 @@ const shade = {
   white: '#FFFFFF',
   white10A: '#FFFFFF1A',
   black: '#000000',
+  darkGray: '#202124',
   black60A: '#00000099'
 };
 const fuchsiaPink = {
@@ -125,6 +126,30 @@ const mustardYellow = {
   mustardYellow800: '#876931',
   mustardYellow900: '#675025'
 };
+const orange = {
+  orange50: '#FFF1E7',
+  orange100: '#FFD2B5',
+  orange200: '#FFBD91',
+  orange300: '#FF9F5E',
+  orange400: '#FF8C3F',
+  orange500: '#FF6F0F',
+  orange600: '#E8650E',
+  orange700: '#B54F0B',
+  orange800: '#8C3D08',
+  orange900: '#6B2F06'
+};
+const lime = {
+  lime50: '#EEFAE6',
+  lime100: '#CBEFB1',
+  lime200: '#B2E88B',
+  lime300: '#8FDD55',
+  lime400: '#79D635',
+  lime500: '#58CC02',
+  lime600: '#50BA02',
+  lime700: '#3E9101',
+  lime800: '#307001',
+  lime900: '#255601'
+};
 const palette = {
   ...gray,
   ...violet,
@@ -136,7 +161,9 @@ const palette = {
   ...fuchsiaPink,
   ...skyBlue,
   ...indianRed,
-  ...mustardYellow
+  ...mustardYellow,
+  ...orange,
+  ...lime
 };
 
-export { blue, palette as default, fuchsiaPink, gray, green, indianRed, mustardYellow, red, shade, skyBlue, violet, yellow };
+export { blue, palette as default, fuchsiaPink, gray, green, indianRed, lime, mustardYellow, orange, red, shade, skyBlue, violet, yellow };

package/esm/index.js

@@ -1,5 +1,5 @@
 export { baseBreakpoints, default as breakpoints } from './token/breakpoints/index.js';
-export { bgColor, borderColor, default as color, dimColor, iconColor, linkColor, scaleColor, textColor } from './token/color/index.js';
+export { default as color } from './token/color/index.js';
 export { default as elevation, shadowElevation, surfaceElevation } 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';

package/esm/token/color/index.js

@@ -56,7 +56,7 @@ const bgColor = {
   'bg/accent/red/subtle': palette.red400,
   'bg/accent/red': palette.red500,
   'bg/accent/gray/subtlest': palette.gray200,
-  'bg/selected/violet': palette.violet500,
+  'bg/selected/primary': palette.violet500,
   'bg/selected': palette.gray900,
   'bg/selected/subtle': palette.gray100,
   'bg/inverse': palette.black,
@@ -100,7 +100,7 @@ const iconColor = {
   'icon/inverse': palette.white,
   'icon/disabled': palette.gray300,
   'icon/disabled/subtler': palette.gray200,
-  'icon/selected/violet': palette.violet500,
+  'icon/selected/primary': palette.violet500,
   'icon/selected': palette.gray900,
   'icon/primary/subtle': palette.violet300,
   'icon/primary': palette.violet500,
@@ -216,4 +216,4 @@ const color = {
   ...scaleColor
 };
 
-export { bgColor, borderColor, color as default, dimColor, iconColor, linkColor, scaleColor, textColor };
+export { color as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/token-studio",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "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": "ec62b25e68c33c6a7c4a7997baf50c14068df412"
+  "gitHead": "0f7f327feb42aafaa9138da7185402e7094e6bf8"
 }