@teamturing/token-studio 1.13.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -126,7 +126,51 @@ declare const mustardYellow: {
126
126
  readonly mustardYellow800: "#876931";
127
127
  readonly mustardYellow900: "#675025";
128
128
  };
129
+ declare const orange: {
130
+ readonly orange50: "#FFF1E7";
131
+ readonly orange100: "#FFD2B5";
132
+ readonly orange200: "#FFBD91";
133
+ readonly orange300: "#FF9F5E";
134
+ readonly orange400: "#FF8C3F";
135
+ readonly orange500: "#FF6F0F";
136
+ readonly orange600: "#E8650E";
137
+ readonly orange700: "#B54F0B";
138
+ readonly orange800: "#8C3D08";
139
+ readonly orange900: "#6B2F06";
140
+ };
141
+ declare const lime: {
142
+ readonly lime50: "#EEFAE6";
143
+ readonly lime100: "#CBEFB1";
144
+ readonly lime200: "#B2E88B";
145
+ readonly lime300: "#8FDD55";
146
+ readonly lime400: "#79D635";
147
+ readonly lime500: "#58CC02";
148
+ readonly lime600: "#50BA02";
149
+ readonly lime700: "#3E9101";
150
+ readonly lime800: "#307001";
151
+ readonly lime900: "#255601";
152
+ };
129
153
  declare const palette: {
154
+ lime50: "#EEFAE6";
155
+ lime100: "#CBEFB1";
156
+ lime200: "#B2E88B";
157
+ lime300: "#8FDD55";
158
+ lime400: "#79D635";
159
+ lime500: "#58CC02";
160
+ lime600: "#50BA02";
161
+ lime700: "#3E9101";
162
+ lime800: "#307001";
163
+ lime900: "#255601";
164
+ orange50: "#FFF1E7";
165
+ orange100: "#FFD2B5";
166
+ orange200: "#FFBD91";
167
+ orange300: "#FF9F5E";
168
+ orange400: "#FF8C3F";
169
+ orange500: "#FF6F0F";
170
+ orange600: "#E8650E";
171
+ orange700: "#B54F0B";
172
+ orange800: "#8C3D08";
173
+ orange900: "#6B2F06";
130
174
  mustardYellow50: "#FEF9EE";
131
175
  mustardYellow100: "#FCEBCC";
132
176
  mustardYellow200: "#FAE2B3";
@@ -235,4 +279,4 @@ declare const palette: {
235
279
  gray900: "#33373B";
236
280
  };
237
281
  export default palette;
238
- export { gray, violet, green, yellow, red, blue, shade, fuchsiaPink, skyBlue, indianRed, mustardYellow };
282
+ export { gray, violet, green, yellow, red, blue, shade, fuchsiaPink, skyBlue, indianRed, mustardYellow, orange, lime };
package/dist/index.js CHANGED
@@ -137,6 +137,30 @@ const mustardYellow = {
137
137
  mustardYellow800: '#876931',
138
138
  mustardYellow900: '#675025'
139
139
  };
140
+ const orange = {
141
+ orange50: '#FFF1E7',
142
+ orange100: '#FFD2B5',
143
+ orange200: '#FFBD91',
144
+ orange300: '#FF9F5E',
145
+ orange400: '#FF8C3F',
146
+ orange500: '#FF6F0F',
147
+ orange600: '#E8650E',
148
+ orange700: '#B54F0B',
149
+ orange800: '#8C3D08',
150
+ orange900: '#6B2F06'
151
+ };
152
+ const lime = {
153
+ lime50: '#EEFAE6',
154
+ lime100: '#CBEFB1',
155
+ lime200: '#B2E88B',
156
+ lime300: '#8FDD55',
157
+ lime400: '#79D635',
158
+ lime500: '#58CC02',
159
+ lime600: '#50BA02',
160
+ lime700: '#3E9101',
161
+ lime800: '#307001',
162
+ lime900: '#255601'
163
+ };
140
164
  const palette = {
141
165
  ...gray,
142
166
  ...violet,
@@ -148,7 +172,9 @@ const palette = {
148
172
  ...fuchsiaPink,
149
173
  ...skyBlue,
150
174
  ...indianRed,
151
- ...mustardYellow
175
+ ...mustardYellow,
176
+ ...orange,
177
+ ...lime
152
178
  };
153
179
 
154
180
  var index = /*#__PURE__*/Object.freeze({
@@ -159,7 +185,9 @@ var index = /*#__PURE__*/Object.freeze({
159
185
  gray: gray,
160
186
  green: green,
161
187
  indianRed: indianRed,
188
+ lime: lime,
162
189
  mustardYellow: mustardYellow,
190
+ orange: orange,
163
191
  red: red,
164
192
  shade: shade,
165
193
  skyBlue: skyBlue,
@@ -223,7 +251,7 @@ const bgColor = {
223
251
  'bg/accent/red/subtle': palette.red400,
224
252
  'bg/accent/red': palette.red500,
225
253
  'bg/accent/gray/subtlest': palette.gray200,
226
- 'bg/selected/violet': palette.violet500,
254
+ 'bg/selected/primary': palette.violet500,
227
255
  'bg/selected': palette.gray900,
228
256
  'bg/selected/subtle': palette.gray100,
229
257
  'bg/inverse': palette.black,
@@ -267,7 +295,7 @@ const iconColor = {
267
295
  'icon/inverse': palette.white,
268
296
  'icon/disabled': palette.gray300,
269
297
  'icon/disabled/subtler': palette.gray200,
270
- 'icon/selected/violet': palette.violet500,
298
+ 'icon/selected/primary': palette.violet500,
271
299
  'icon/selected': palette.gray900,
272
300
  'icon/primary/subtle': palette.violet300,
273
301
  'icon/primary': palette.violet500,
@@ -779,28 +807,21 @@ const typography = {
779
807
  };
780
808
 
781
809
  exports.baseBreakpoints = baseBreakpoints;
782
- exports.bgColor = bgColor;
783
810
  exports.bgGradient = bgGradient;
784
- exports.borderColor = borderColor;
785
811
  exports.borderGradient = borderGradient;
786
812
  exports.breakpoints = breakpoints;
787
813
  exports.color = color;
788
- exports.dimColor = dimColor;
789
814
  exports.elevation = elevation;
790
815
  exports.fontSizes = fontSizes;
791
816
  exports.fontWeights = fontWeights;
792
817
  exports.gradient = gradient;
793
- exports.iconColor = iconColor;
794
818
  exports.lineHeights = lineHeights;
795
- exports.linkColor = linkColor;
796
819
  exports.opacity = opacity;
797
820
  exports.overlayGradient = overlayGradient;
798
821
  exports.palette = index;
799
822
  exports.radii = radii;
800
- exports.scaleColor = scaleColor;
801
823
  exports.shadowElevation = shadowElevation;
802
824
  exports.space = space;
803
825
  exports.surfaceElevation = surfaceElevation;
804
- exports.textColor = textColor;
805
826
  exports.textGradient = textGradient;
806
827
  exports.typography = typography;
@@ -54,7 +54,7 @@ declare const bgColor: {
54
54
  readonly 'bg/accent/red/subtle': "#F5525D";
55
55
  readonly 'bg/accent/red': "#F22735";
56
56
  readonly 'bg/accent/gray/subtlest': "#E5E7EB";
57
- readonly 'bg/selected/violet': "#835EEB";
57
+ readonly 'bg/selected/primary': "#835EEB";
58
58
  readonly 'bg/selected': "#33373B";
59
59
  readonly 'bg/selected/subtle': "#F3F4F6";
60
60
  readonly 'bg/inverse': "#000000";
@@ -98,7 +98,7 @@ declare const iconColor: {
98
98
  readonly 'icon/inverse': "#FFFFFF";
99
99
  readonly 'icon/disabled': "#D1D5DB";
100
100
  readonly 'icon/disabled/subtler': "#E5E7EB";
101
- readonly 'icon/selected/violet': "#835EEB";
101
+ readonly 'icon/selected/primary': "#835EEB";
102
102
  readonly 'icon/selected': "#33373B";
103
103
  readonly 'icon/primary/subtle': "#C6B5F6";
104
104
  readonly 'icon/primary': "#835EEB";
@@ -310,7 +310,7 @@ declare const color: {
310
310
  readonly 'icon/inverse': "#FFFFFF";
311
311
  readonly 'icon/disabled': "#D1D5DB";
312
312
  readonly 'icon/disabled/subtler': "#E5E7EB";
313
- readonly 'icon/selected/violet': "#835EEB";
313
+ readonly 'icon/selected/primary': "#835EEB";
314
314
  readonly 'icon/selected': "#33373B";
315
315
  readonly 'icon/primary/subtle': "#C6B5F6";
316
316
  readonly 'icon/primary': "#835EEB";
@@ -366,7 +366,7 @@ declare const color: {
366
366
  readonly 'bg/accent/red/subtle': "#F5525D";
367
367
  readonly 'bg/accent/red': "#F22735";
368
368
  readonly 'bg/accent/gray/subtlest': "#E5E7EB";
369
- readonly 'bg/selected/violet': "#835EEB";
369
+ readonly 'bg/selected/primary': "#835EEB";
370
370
  readonly 'bg/selected': "#33373B";
371
371
  readonly 'bg/selected/subtle': "#F3F4F6";
372
372
  readonly 'bg/inverse': "#000000";
@@ -407,5 +407,4 @@ type DimColorKey = keyof typeof dimColor;
407
407
  type ScaleColorKey = keyof typeof scaleColor;
408
408
  type ColorKey = keyof typeof color;
409
409
  export default color;
410
- export { textColor, bgColor, borderColor, iconColor, linkColor, dimColor, scaleColor };
411
410
  export type { ColorKey, TextColorKey, BgColorKey, BorderColorKey, IconColorKey, LinkColorKey, DimColorKey, ScaleColorKey, };
@@ -1,5 +1,5 @@
1
1
  export { default as breakpoints, baseBreakpoints } from './breakpoints';
2
- export { default as color, bgColor, borderColor, dimColor, iconColor, linkColor, scaleColor, textColor } from './color';
2
+ export { default as color } from './color';
3
3
  export type { ColorKey, BgColorKey, BorderColorKey, DimColorKey, IconColorKey, LinkColorKey, ScaleColorKey, TextColorKey, } from './color';
4
4
  export { default as elevation, shadowElevation, surfaceElevation } from './elevation';
5
5
  export type { ElevationKey, ShadowElevationKey, SurfaceElevationKey } from './elevation';
@@ -126,6 +126,30 @@ const mustardYellow = {
126
126
  mustardYellow800: '#876931',
127
127
  mustardYellow900: '#675025'
128
128
  };
129
+ const orange = {
130
+ orange50: '#FFF1E7',
131
+ orange100: '#FFD2B5',
132
+ orange200: '#FFBD91',
133
+ orange300: '#FF9F5E',
134
+ orange400: '#FF8C3F',
135
+ orange500: '#FF6F0F',
136
+ orange600: '#E8650E',
137
+ orange700: '#B54F0B',
138
+ orange800: '#8C3D08',
139
+ orange900: '#6B2F06'
140
+ };
141
+ const lime = {
142
+ lime50: '#EEFAE6',
143
+ lime100: '#CBEFB1',
144
+ lime200: '#B2E88B',
145
+ lime300: '#8FDD55',
146
+ lime400: '#79D635',
147
+ lime500: '#58CC02',
148
+ lime600: '#50BA02',
149
+ lime700: '#3E9101',
150
+ lime800: '#307001',
151
+ lime900: '#255601'
152
+ };
129
153
  const palette = {
130
154
  ...gray,
131
155
  ...violet,
@@ -137,7 +161,9 @@ const palette = {
137
161
  ...fuchsiaPink,
138
162
  ...skyBlue,
139
163
  ...indianRed,
140
- ...mustardYellow
164
+ ...mustardYellow,
165
+ ...orange,
166
+ ...lime
141
167
  };
142
168
 
143
- export { blue, palette as default, fuchsiaPink, gray, green, indianRed, mustardYellow, red, shade, skyBlue, violet, yellow };
169
+ export { blue, palette as default, fuchsiaPink, gray, green, indianRed, lime, mustardYellow, orange, red, shade, skyBlue, violet, yellow };
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { baseBreakpoints, default as breakpoints } from './token/breakpoints/index.js';
2
- export { bgColor, borderColor, default as color, dimColor, iconColor, linkColor, scaleColor, textColor } from './token/color/index.js';
2
+ export { default as color } from './token/color/index.js';
3
3
  export { default as elevation, shadowElevation, surfaceElevation } from './token/elevation/index.js';
4
4
  export { bgGradient, borderGradient, default as gradient, overlayGradient, textGradient } from './token/gradient/index.js';
5
5
  export { default as opacity } from './token/opacity/index.js';
@@ -56,7 +56,7 @@ const bgColor = {
56
56
  'bg/accent/red/subtle': palette.red400,
57
57
  'bg/accent/red': palette.red500,
58
58
  'bg/accent/gray/subtlest': palette.gray200,
59
- 'bg/selected/violet': palette.violet500,
59
+ 'bg/selected/primary': palette.violet500,
60
60
  'bg/selected': palette.gray900,
61
61
  'bg/selected/subtle': palette.gray100,
62
62
  'bg/inverse': palette.black,
@@ -100,7 +100,7 @@ const iconColor = {
100
100
  'icon/inverse': palette.white,
101
101
  'icon/disabled': palette.gray300,
102
102
  'icon/disabled/subtler': palette.gray200,
103
- 'icon/selected/violet': palette.violet500,
103
+ 'icon/selected/primary': palette.violet500,
104
104
  'icon/selected': palette.gray900,
105
105
  'icon/primary/subtle': palette.violet300,
106
106
  'icon/primary': palette.violet500,
@@ -216,4 +216,4 @@ const color = {
216
216
  ...scaleColor
217
217
  };
218
218
 
219
- export { bgColor, borderColor, color as default, dimColor, iconColor, linkColor, scaleColor, textColor };
219
+ export { color as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/token-studio",
3
- "version": "1.13.0",
3
+ "version": "1.14.0",
4
4
  "description": "Foundations, tokens for Mathking design system",
5
5
  "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
6
6
  "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -27,5 +27,5 @@
27
27
  "bugs": {
28
28
  "url": "https://github.com/weareteamturing/bombe/issues"
29
29
  },
30
- "gitHead": "6f94c73423d43719257c24a87d7a1a9ec2caf826"
30
+ "gitHead": "0f7f327feb42aafaa9138da7185402e7094e6bf8"
31
31
  }