@teamturing/token-studio 1.14.0 → 1.16.0

package/dist/index.js

@@ -195,12 +195,453 @@ var index = /*#__PURE__*/Object.freeze({
   yellow: yellow
 });
 
+const textColor$2 = {
+  'text/primary': palette.orange500,
+  'text/accent/blue': palette.blue400,
+  'text/accent/green': palette.lime400,
+  'text/accent/yellow': palette.yellow400,
+  'text/accent/red': palette.red400,
+  'text/weak': palette.gray600,
+  'text/neutral/subtlest': palette.gray500,
+  'text/neutral/subtler': palette.gray400,
+  'text/neutral/subtle': palette.gray200,
+  'text/neutral': palette.gray50,
+  'text/inverse': palette.white,
+  'text/inverse/subtle': palette.gray700,
+  'text/inverse/subtler': palette.gray600,
+  'text/disabled': palette.gray500,
+  'text/success': palette.lime400,
+  'text/warning': palette.yellow400,
+  'text/danger': palette.red400,
+  'text/selected': palette.gray50
+};
+const bgColor$2 = {
+  'bg/secondary': palette.orange900,
+  'bg/secondary/hovered': palette.orange700,
+  'bg/secondary/pressed': palette.orange700,
+  'bg/primary': palette.orange400,
+  'bg/primary/hovered': palette.orange200,
+  'bg/primary/pressed': palette.orange200,
+  'bg/primary/disabled': palette.orange800,
+  'bg/neutral/subtlest': palette.transparent,
+  'bg/neutral/subtlest/hovered': palette.gray900,
+  'bg/neutral/subtlest/pressed': palette.gray900,
+  'bg/neutral/subtler': palette.transparent,
+  'bg/neutral/subtler/hovered': palette.gray800,
+  'bg/neutral/subtler/pressed': palette.gray800,
+  'bg/neutral/subtle': palette.gray900,
+  'bg/neutral/subtle/hovered': palette.gray700,
+  'bg/neutral/subtle/pressed': palette.gray700,
+  'bg/neutral': palette.gray800,
+  'bg/neutral/hovered': palette.gray600,
+  'bg/neutral/pressed': palette.gray600,
+  'bg/neutral/bold': palette.gray200,
+  'bg/neutral/bold/hovered': palette.gray50,
+  'bg/neutral/bold/pressed': palette.gray50,
+  'bg/neutral/bolder': palette.gray50,
+  'bg/neutral/bolder/hovered': palette.white,
+  'bg/neutral/bolder/pressed': palette.white,
+  'bg/disabled': palette.gray800,
+  'bg/disabled/subtlest': palette.transparent,
+  'bg/input': palette.darkGray,
+  'bg/accent/blue/subtlest': palette.blue900,
+  'bg/accent/green/subtlest': palette.lime900,
+  'bg/accent/yellow/subtlest': palette.yellow900,
+  'bg/accent/red/subtlest': palette.red900,
+  'bg/accent/red/subtle': palette.red500,
+  'bg/accent/red': palette.red400,
+  'bg/accent/gray/subtlest': palette.gray700,
+  'bg/selected/primary': palette.orange400,
+  'bg/selected': palette.gray50,
+  'bg/selected/subtle': palette.gray800,
+  'bg/inverse': palette.white,
+  'bg/inverse/subtlest': palette.white10A,
+  'bg/success': palette.lime900,
+  'bg/success/bold': palette.lime400,
+  'bg/warning': palette.yellow900,
+  'bg/warning/bold': palette.yellow400,
+  'bg/danger': palette.red900,
+  'bg/danger/bold': palette.red500,
+  'bg/danger/bold/hovered': palette.red300,
+  'bg/danger/bold/pressed': palette.red300
+};
+const borderColor$2 = {
+  'border/neutral/subtle': palette.gray900,
+  'border/neutral': palette.gray800,
+  'border/neutral/bolder': palette.gray700,
+  'border/input': palette.gray800,
+  'border/inverse': palette.white10A,
+  'border/selected': palette.gray50,
+  'border/disabled': palette.gray900,
+  'border/primary': palette.orange400,
+  'border/hovered': palette.blue600,
+  'border/focused': palette.blue400,
+  'border/danger': palette.red400,
+  'border/success': palette.lime400,
+  'border/accent/blue': palette.blue400
+};
+const iconColor$2 = {
+  'icon/neutral': palette.gray600,
+  'icon/neutral/bold': palette.gray500,
+  'icon/neutral/bolder': palette.gray200,
+  'icon/accent/gray': palette.gray50,
+  'icon/accent/blue/subtle': palette.blue700,
+  'icon/accent/blue': palette.blue400,
+  'icon/accent/blue/bold': palette.blue200,
+  'icon/accent/green': palette.lime400,
+  'icon/accent/yellow': palette.yellow400,
+  'icon/accent/red': palette.red400,
+  'icon/inverse': palette.gray900,
+  'icon/disabled': palette.gray600,
+  'icon/disabled/subtler': palette.gray700,
+  'icon/selected/primary': palette.orange400,
+  'icon/selected': palette.gray50,
+  'icon/primary/subtle': palette.orange600,
+  'icon/primary': palette.orange400,
+  'icon/primary/bold': palette.orange200,
+  'icon/success': palette.lime400,
+  'icon/warning': palette.yellow400,
+  'icon/danger': palette.red400
+};
+const linkColor$2 = {
+  'link': palette.blue400,
+  'link/hovered': palette.blue200,
+  'link/pressed': palette.blue200,
+  'link/neutral': palette.gray400,
+  'link/neutral/hovered': palette.gray200,
+  'link/neutral/pressed': palette.gray200,
+  'link/neutral/bold': palette.gray200,
+  'link/neutral/bold/hovered': palette.gray50,
+  'link/neutral/bold/pressed': palette.gray50,
+  'link/disabled': palette.gray500
+};
+const dimColor$2 = {
+  dim: palette.black60A
+};
+const scaleColor$2 = {
+  'scale/violet/0': palette.violet900,
+  'scale/violet/1': palette.violet800,
+  'scale/violet/2': palette.violet700,
+  'scale/violet/3': palette.violet600,
+  'scale/violet/4': palette.violet500,
+  'scale/violet/5': palette.violet400,
+  'scale/violet/6': palette.violet300,
+  'scale/violet/7': palette.violet200,
+  'scale/violet/8': palette.violet100,
+  'scale/violet/9': palette.violet50,
+  'scale/gray/0': palette.gray900,
+  'scale/gray/1': palette.gray800,
+  'scale/gray/2': palette.gray700,
+  'scale/gray/3': palette.gray600,
+  'scale/gray/4': palette.gray500,
+  'scale/gray/5': palette.gray400,
+  'scale/gray/6': palette.gray300,
+  'scale/gray/7': palette.gray200,
+  'scale/gray/8': palette.gray100,
+  'scale/gray/9': palette.gray50,
+  'scale/blue/0': palette.blue900,
+  'scale/blue/1': palette.blue800,
+  'scale/blue/2': palette.blue700,
+  'scale/blue/3': palette.blue600,
+  'scale/blue/4': palette.blue500,
+  'scale/blue/5': palette.blue400,
+  'scale/blue/6': palette.blue300,
+  'scale/blue/7': palette.blue200,
+  'scale/blue/8': palette.blue100,
+  'scale/blue/9': palette.blue50,
+  'scale/green/0': palette.green900,
+  'scale/green/1': palette.green800,
+  'scale/green/2': palette.green700,
+  'scale/green/3': palette.green600,
+  'scale/green/4': palette.green500,
+  'scale/green/5': palette.green400,
+  'scale/green/6': palette.green300,
+  'scale/green/7': palette.green200,
+  'scale/green/8': palette.green100,
+  'scale/green/9': palette.green50,
+  'scale/pink/0': palette.fuchsiaPink900,
+  'scale/pink/1': palette.fuchsiaPink800,
+  'scale/pink/2': palette.fuchsiaPink700,
+  'scale/pink/3': palette.fuchsiaPink600,
+  'scale/pink/4': palette.fuchsiaPink500,
+  'scale/pink/5': palette.fuchsiaPink400,
+  'scale/pink/6': palette.fuchsiaPink300,
+  'scale/pink/7': palette.fuchsiaPink200,
+  'scale/pink/8': palette.fuchsiaPink100,
+  'scale/pink/9': palette.fuchsiaPink50,
+  'scale/skyblue/0': palette.skyBlue900,
+  'scale/skyblue/1': palette.skyBlue800,
+  'scale/skyblue/2': palette.skyBlue700,
+  'scale/skyblue/3': palette.skyBlue600,
+  'scale/skyblue/4': palette.skyBlue500,
+  'scale/skyblue/5': palette.skyBlue400,
+  'scale/skyblue/6': palette.skyBlue300,
+  'scale/skyblue/7': palette.skyBlue200,
+  'scale/skyblue/8': palette.skyBlue100,
+  'scale/skyblue/9': palette.skyBlue50,
+  'scale/red/0': palette.indianRed900,
+  'scale/red/1': palette.indianRed800,
+  'scale/red/2': palette.indianRed700,
+  'scale/red/3': palette.indianRed600,
+  'scale/red/4': palette.indianRed500,
+  'scale/red/5': palette.indianRed400,
+  'scale/red/6': palette.indianRed300,
+  'scale/red/7': palette.indianRed200,
+  'scale/red/8': palette.indianRed100,
+  'scale/red/9': palette.indianRed50,
+  'scale/yellow/0': palette.mustardYellow900,
+  'scale/yellow/1': palette.mustardYellow800,
+  'scale/yellow/2': palette.mustardYellow700,
+  'scale/yellow/3': palette.mustardYellow600,
+  'scale/yellow/4': palette.mustardYellow500,
+  'scale/yellow/5': palette.mustardYellow400,
+  'scale/yellow/6': palette.mustardYellow300,
+  'scale/yellow/7': palette.mustardYellow200,
+  '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,
+  ...borderColor$2,
+  ...iconColor$2,
+  ...linkColor$2,
+  ...dimColor$2,
+  ...scaleColor$2,
+  ...surfaceColor$2
+};
+
+const textColor$1 = {
+  'text/primary': palette.orange500,
+  'text/accent/blue': palette.blue500,
+  'text/accent/green': palette.lime500,
+  'text/accent/yellow': palette.yellow500,
+  'text/accent/red': palette.red500,
+  'text/weak': palette.gray300,
+  'text/neutral/subtlest': palette.gray400,
+  'text/neutral/subtler': palette.gray500,
+  'text/neutral/subtle': palette.gray700,
+  'text/neutral': palette.gray900,
+  'text/inverse': palette.white,
+  'text/inverse/subtle': palette.gray200,
+  'text/inverse/subtler': palette.gray300,
+  'text/disabled': palette.gray400,
+  'text/success': palette.lime500,
+  'text/warning': palette.yellow500,
+  'text/danger': palette.red500,
+  'text/selected': palette.gray900
+};
+const bgColor$1 = {
+  'bg/secondary': palette.orange50,
+  'bg/secondary/hovered': palette.orange200,
+  'bg/secondary/pressed': palette.orange200,
+  'bg/primary': palette.orange500,
+  'bg/primary/hovered': palette.orange700,
+  'bg/primary/pressed': palette.orange700,
+  'bg/primary/disabled': palette.orange100,
+  '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,
+  'bg/neutral/subtle': palette.gray50,
+  'bg/neutral/subtle/hovered': palette.gray200,
+  'bg/neutral/subtle/pressed': palette.gray200,
+  'bg/neutral': palette.gray100,
+  'bg/neutral/hovered': palette.gray300,
+  'bg/neutral/pressed': palette.gray300,
+  'bg/neutral/bold': palette.gray700,
+  'bg/neutral/bold/hovered': palette.gray900,
+  'bg/neutral/bold/pressed': palette.gray900,
+  'bg/neutral/bolder': palette.gray900,
+  'bg/neutral/bolder/hovered': palette.black,
+  'bg/neutral/bolder/pressed': palette.black,
+  'bg/disabled': palette.gray100,
+  'bg/disabled/subtlest': palette.transparent,
+  'bg/input': palette.white,
+  'bg/accent/blue/subtlest': palette.blue50,
+  'bg/accent/green/subtlest': palette.lime50,
+  'bg/accent/yellow/subtlest': palette.yellow50,
+  'bg/accent/red/subtlest': palette.red50,
+  'bg/accent/red/subtle': palette.red400,
+  'bg/accent/red': palette.red500,
+  'bg/accent/gray/subtlest': palette.gray200,
+  'bg/selected/primary': palette.orange500,
+  'bg/selected': palette.gray900,
+  'bg/selected/subtle': palette.gray100,
+  'bg/inverse': palette.black,
+  'bg/inverse/subtlest': palette.white10A,
+  'bg/success': palette.lime50,
+  'bg/success/bold': palette.lime500,
+  'bg/warning': palette.yellow50,
+  'bg/warning/bold': palette.yellow500,
+  'bg/danger': palette.red50,
+  'bg/danger/bold': palette.red400,
+  'bg/danger/bold/hovered': palette.red600,
+  'bg/danger/bold/pressed': palette.red600
+};
+const borderColor$1 = {
+  'border/neutral/subtle': palette.gray100,
+  'border/neutral': palette.gray200,
+  'border/neutral/bolder': palette.gray300,
+  'border/input': palette.gray200,
+  'border/inverse': palette.white10A,
+  'border/selected': palette.gray900,
+  'border/disabled': palette.gray100,
+  'border/primary': palette.orange500,
+  'border/hovered': palette.blue300,
+  'border/focused': palette.blue500,
+  'border/danger': palette.red500,
+  'border/success': palette.lime500,
+  'border/accent/blue': palette.blue500
+};
+const iconColor$1 = {
+  'icon/neutral': palette.gray300,
+  'icon/neutral/bold': palette.gray400,
+  'icon/neutral/bolder': palette.gray700,
+  'icon/accent/gray': palette.gray900,
+  'icon/accent/blue/subtle': palette.blue200,
+  'icon/accent/blue': palette.blue500,
+  'icon/accent/blue/bold': palette.blue700,
+  'icon/accent/green': palette.lime500,
+  'icon/accent/yellow': palette.yellow500,
+  'icon/accent/red': palette.red500,
+  'icon/inverse': palette.white,
+  'icon/disabled': palette.gray300,
+  'icon/disabled/subtler': palette.gray200,
+  'icon/selected/primary': palette.orange500,
+  'icon/selected': palette.gray900,
+  'icon/primary/subtle': palette.orange300,
+  'icon/primary': palette.orange500,
+  'icon/primary/bold': palette.orange700,
+  'icon/success': palette.lime500,
+  'icon/warning': palette.yellow500,
+  'icon/danger': palette.red500
+};
+const linkColor$1 = {
+  'link': palette.blue500,
+  'link/hovered': palette.blue700,
+  'link/pressed': palette.blue700,
+  'link/neutral': palette.gray500,
+  'link/neutral/hovered': palette.gray700,
+  'link/neutral/pressed': palette.gray700,
+  'link/neutral/bold': palette.gray700,
+  'link/neutral/bold/hovered': palette.gray900,
+  'link/neutral/bold/pressed': palette.gray900,
+  'link/disabled': palette.gray400
+};
+const dimColor$1 = {
+  dim: palette.black60A
+};
+const scaleColor$1 = {
+  'scale/violet/0': palette.violet50,
+  'scale/violet/1': palette.violet100,
+  'scale/violet/2': palette.violet200,
+  'scale/violet/3': palette.violet300,
+  'scale/violet/4': palette.violet400,
+  'scale/violet/5': palette.violet500,
+  'scale/violet/6': palette.violet600,
+  'scale/violet/7': palette.violet700,
+  'scale/violet/8': palette.violet800,
+  'scale/violet/9': palette.violet900,
+  'scale/gray/0': palette.gray50,
+  'scale/gray/1': palette.gray100,
+  'scale/gray/2': palette.gray200,
+  'scale/gray/3': palette.gray300,
+  'scale/gray/4': palette.gray400,
+  'scale/gray/5': palette.gray500,
+  'scale/gray/6': palette.gray600,
+  'scale/gray/7': palette.gray700,
+  'scale/gray/8': palette.gray800,
+  'scale/gray/9': palette.gray900,
+  'scale/blue/0': palette.blue50,
+  'scale/blue/1': palette.blue100,
+  'scale/blue/2': palette.blue200,
+  'scale/blue/3': palette.blue300,
+  'scale/blue/4': palette.blue400,
+  'scale/blue/5': palette.blue500,
+  'scale/blue/6': palette.blue600,
+  'scale/blue/7': palette.blue700,
+  'scale/blue/8': palette.blue800,
+  'scale/blue/9': palette.blue900,
+  'scale/green/0': palette.green50,
+  'scale/green/1': palette.green100,
+  'scale/green/2': palette.green200,
+  'scale/green/3': palette.green300,
+  'scale/green/4': palette.green400,
+  'scale/green/5': palette.green500,
+  'scale/green/6': palette.green600,
+  'scale/green/7': palette.green700,
+  'scale/green/8': palette.green800,
+  'scale/green/9': palette.green900,
+  'scale/pink/0': palette.fuchsiaPink50,
+  'scale/pink/1': palette.fuchsiaPink100,
+  'scale/pink/2': palette.fuchsiaPink200,
+  'scale/pink/3': palette.fuchsiaPink300,
+  'scale/pink/4': palette.fuchsiaPink400,
+  'scale/pink/5': palette.fuchsiaPink500,
+  'scale/pink/6': palette.fuchsiaPink600,
+  'scale/pink/7': palette.fuchsiaPink700,
+  'scale/pink/8': palette.fuchsiaPink800,
+  'scale/pink/9': palette.fuchsiaPink900,
+  'scale/skyblue/0': palette.skyBlue50,
+  'scale/skyblue/1': palette.skyBlue100,
+  'scale/skyblue/2': palette.skyBlue200,
+  'scale/skyblue/3': palette.skyBlue300,
+  'scale/skyblue/4': palette.skyBlue400,
+  'scale/skyblue/5': palette.skyBlue500,
+  'scale/skyblue/6': palette.skyBlue600,
+  'scale/skyblue/7': palette.skyBlue700,
+  'scale/skyblue/8': palette.skyBlue800,
+  'scale/skyblue/9': palette.skyBlue900,
+  'scale/red/0': palette.indianRed50,
+  'scale/red/1': palette.indianRed100,
+  'scale/red/2': palette.indianRed200,
+  'scale/red/3': palette.indianRed300,
+  'scale/red/4': palette.indianRed400,
+  'scale/red/5': palette.indianRed500,
+  'scale/red/6': palette.indianRed600,
+  'scale/red/7': palette.indianRed700,
+  'scale/red/8': palette.indianRed800,
+  'scale/red/9': palette.indianRed900,
+  'scale/yellow/0': palette.mustardYellow50,
+  'scale/yellow/1': palette.mustardYellow100,
+  'scale/yellow/2': palette.mustardYellow200,
+  'scale/yellow/3': palette.mustardYellow300,
+  'scale/yellow/4': palette.mustardYellow400,
+  'scale/yellow/5': palette.mustardYellow500,
+  'scale/yellow/6': palette.mustardYellow600,
+  'scale/yellow/7': palette.mustardYellow700,
+  '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,
+  ...borderColor$1,
+  ...iconColor$1,
+  ...linkColor$1,
+  ...dimColor$1,
+  ...scaleColor$1,
+  ...surfaceColor$1
+};
+
 const textColor = {
   'text/primary': palette.violet500,
   'text/accent/blue': palette.blue500,
   'text/accent/green': palette.green500,
   'text/accent/yellow': palette.yellow500,
   'text/accent/red': palette.red500,
+  'text/weak': palette.gray300,
   'text/neutral/subtlest': palette.gray400,
   'text/neutral/subtler': palette.gray500,
   'text/neutral/subtle': palette.gray700,
@@ -212,8 +653,7 @@ const textColor = {
   'text/success': palette.green500,
   'text/warning': palette.yellow500,
   'text/danger': palette.red500,
-  'text/selected': palette.gray900,
-  'text/weak': palette.gray300
+  'text/selected': palette.gray900
 };
 const bgColor = {
   'bg/secondary': palette.violet50,
@@ -285,7 +725,6 @@ const iconColor = {
   'icon/neutral/bold': palette.gray400,
   'icon/neutral/bolder': palette.gray700,
   'icon/accent/gray': palette.gray900,
-  'icon/accent/black': palette.black,
   'icon/accent/blue/subtle': palette.blue200,
   'icon/accent/blue': palette.blue500,
   'icon/accent/blue/bold': palette.blue700,
@@ -314,7 +753,7 @@ const linkColor = {
   'link/neutral/bold': palette.gray700,
   'link/neutral/bold/hovered': palette.gray900,
   'link/neutral/bold/pressed': palette.gray900,
-  'link/disabled': palette.gray700
+  'link/disabled': palette.gray400
 };
 const dimColor = {
   dim: palette.black60A
@@ -401,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,
@@ -408,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 = {
@@ -814,14 +1250,14 @@ exports.color = color;
 exports.elevation = elevation;
 exports.fontSizes = fontSizes;
 exports.fontWeights = fontWeights;
+exports.gpaiDarkColor = gpaiDarkColor;
+exports.gpaiLightColor = gpaiLightColor;
 exports.gradient = gradient;
 exports.lineHeights = lineHeights;
 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;