@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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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, };
|
package/dist/token/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as breakpoints, baseBreakpoints } from './breakpoints';
|
|
2
|
-
export { default as 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 {
|
|
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';
|
package/esm/token/color/index.js
CHANGED
|
@@ -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/
|
|
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/
|
|
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 {
|
|
219
|
+
export { color as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/token-studio",
|
|
3
|
-
"version": "1.
|
|
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": "
|
|
30
|
+
"gitHead": "0f7f327feb42aafaa9138da7185402e7094e6bf8"
|
|
31
31
|
}
|