@teamturing/react-kit 2.19.19 → 2.19.20

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.
Files changed (6) hide show
  1. package/dist/core/GradientText/index.d.ts +1 -1
  2. package/dist/index.js +114 -2
  3. package/dist/theme/index.d.ts +60 -0
  4. package/esm/packages/token-studio/esm/foundation/palette/index.js +54 -2
  5. package/esm/packages/token-studio/esm/token/color/index.js +61 -1
  6. package/package.json +3 -3
package/dist/core/GradientText/index.d.ts CHANGED
@@ -273,7 +273,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
273
273
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
274
274
  } & {
275
275
  typography?: import("styled-system").ResponsiveValue<"m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
276
- } & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected">, "ref"> & {
276
+ } & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected">, "ref"> & {
277
277
  ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
278
278
  }, Props>>;
279
279
  export default GradientText;
package/dist/index.js CHANGED
@@ -4921,6 +4921,54 @@ const shade = {
4921
4921
  black: '#000000',
4922
4922
  black60A: '#00000099'
4923
4923
  };
4924
+ const fuchsiaPink = {
4925
+ fuchsiaPink50: '#FCF2FD',
4926
+ fuchsiaPink100: '#F5D6F8',
4927
+ fuchsiaPink200: '#F0C2F4',
4928
+ fuchsiaPink300: '#E9A7EF',
4929
+ fuchsiaPink400: '#E595EC',
4930
+ fuchsiaPink500: '#DE7BE7',
4931
+ fuchsiaPink600: '#CA70D2',
4932
+ fuchsiaPink700: '#9E57A4',
4933
+ fuchsiaPink800: '#7A447F',
4934
+ fuchsiaPink900: '#5D3461'
4935
+ };
4936
+ const skyBlue = {
4937
+ skyBlue50: '#EFF9FD',
4938
+ skyBlue100: '#CFEDF8',
4939
+ skyBlue200: '#B7E4F5',
4940
+ skyBlue300: '#96D8F1',
4941
+ skyBlue400: '#82D1EE',
4942
+ skyBlue500: '#63C5EA',
4943
+ skyBlue600: '#5AB3D5',
4944
+ skyBlue700: '#468CA6',
4945
+ skyBlue800: '#366C81',
4946
+ skyBlue900: '#2A5362'
4947
+ };
4948
+ const indianRed = {
4949
+ indianRed50: '#632A2A',
4950
+ indianRed100: '#823838',
4951
+ indianRed200: '#A84848',
4952
+ indianRed300: '#D75C5C',
4953
+ indianRed400: '#EC6565',
4954
+ indianRed500: '#F08484',
4955
+ indianRed600: '#F29898',
4956
+ indianRed700: '#F6B8B8',
4957
+ indianRed800: '#F9CFCF',
4958
+ indianRed900: '#FDF0F0'
4959
+ };
4960
+ const mustardYellow = {
4961
+ mustardYellow50: '#675025',
4962
+ mustardYellow100: '#876931',
4963
+ mustardYellow200: '#AE883F',
4964
+ mustardYellow300: '#DFAE51',
4965
+ mustardYellow400: '#F5BF59',
4966
+ mustardYellow500: '#F7CC7A',
4967
+ mustardYellow600: '#F8D490',
4968
+ mustardYellow700: '#FAE2B3',
4969
+ mustardYellow800: '#FCEBCC',
4970
+ mustardYellow900: '#FEF9EE'
4971
+ };
4924
4972
  const palette = {
4925
4973
  ...gray,
4926
4974
  ...violet,
@@ -4928,7 +4976,11 @@ const palette = {
4928
4976
  ...yellow,
4929
4977
  ...red,
4930
4978
  ...blue,
4931
- ...shade
4979
+ ...shade,
4980
+ ...fuchsiaPink,
4981
+ ...skyBlue,
4982
+ ...indianRed,
4983
+ ...mustardYellow
4932
4984
  };
4933
4985
 
4934
4986
  const textColor = {
@@ -5067,7 +5119,67 @@ const scaleColor = {
5067
5119
  'scale/gray/6': palette.gray600,
5068
5120
  'scale/gray/7': palette.gray700,
5069
5121
  'scale/gray/8': palette.gray800,
5070
- 'scale/gray/9': palette.gray900
5122
+ 'scale/gray/9': palette.gray900,
5123
+ 'scale/blue/0': palette.blue50,
5124
+ 'scale/blue/1': palette.blue100,
5125
+ 'scale/blue/2': palette.blue200,
5126
+ 'scale/blue/3': palette.blue300,
5127
+ 'scale/blue/4': palette.blue400,
5128
+ 'scale/blue/5': palette.blue500,
5129
+ 'scale/blue/6': palette.blue600,
5130
+ 'scale/blue/7': palette.blue700,
5131
+ 'scale/blue/8': palette.blue800,
5132
+ 'scale/blue/9': palette.blue900,
5133
+ 'scale/green/0': palette.green50,
5134
+ 'scale/green/1': palette.green100,
5135
+ 'scale/green/2': palette.green200,
5136
+ 'scale/green/3': palette.green300,
5137
+ 'scale/green/4': palette.green400,
5138
+ 'scale/green/5': palette.green500,
5139
+ 'scale/green/6': palette.green600,
5140
+ 'scale/green/7': palette.green700,
5141
+ 'scale/green/8': palette.green800,
5142
+ 'scale/green/9': palette.green900,
5143
+ 'scale/pink/0': palette.fuchsiaPink50,
5144
+ 'scale/pink/1': palette.fuchsiaPink100,
5145
+ 'scale/pink/2': palette.fuchsiaPink200,
5146
+ 'scale/pink/3': palette.fuchsiaPink300,
5147
+ 'scale/pink/4': palette.fuchsiaPink400,
5148
+ 'scale/pink/5': palette.fuchsiaPink500,
5149
+ 'scale/pink/6': palette.fuchsiaPink600,
5150
+ 'scale/pink/7': palette.fuchsiaPink700,
5151
+ 'scale/pink/8': palette.fuchsiaPink800,
5152
+ 'scale/pink/9': palette.fuchsiaPink900,
5153
+ 'scale/skyblue/0': palette.skyBlue50,
5154
+ 'scale/skyblue/1': palette.skyBlue100,
5155
+ 'scale/skyblue/2': palette.skyBlue200,
5156
+ 'scale/skyblue/3': palette.skyBlue300,
5157
+ 'scale/skyblue/4': palette.skyBlue400,
5158
+ 'scale/skyblue/5': palette.skyBlue500,
5159
+ 'scale/skyblue/6': palette.skyBlue600,
5160
+ 'scale/skyblue/7': palette.skyBlue700,
5161
+ 'scale/skyblue/8': palette.skyBlue800,
5162
+ 'scale/skyblue/9': palette.skyBlue900,
5163
+ 'scale/red/0': palette.indianRed50,
5164
+ 'scale/red/1': palette.indianRed100,
5165
+ 'scale/red/2': palette.indianRed200,
5166
+ 'scale/red/3': palette.indianRed300,
5167
+ 'scale/red/4': palette.indianRed400,
5168
+ 'scale/red/5': palette.indianRed500,
5169
+ 'scale/red/6': palette.indianRed600,
5170
+ 'scale/red/7': palette.indianRed700,
5171
+ 'scale/red/8': palette.indianRed800,
5172
+ 'scale/red/9': palette.indianRed900,
5173
+ 'scale/yellow/0': palette.mustardYellow50,
5174
+ 'scale/yellow/1': palette.mustardYellow100,
5175
+ 'scale/yellow/2': palette.mustardYellow200,
5176
+ 'scale/yellow/3': palette.mustardYellow300,
5177
+ 'scale/yellow/4': palette.mustardYellow400,
5178
+ 'scale/yellow/5': palette.mustardYellow500,
5179
+ 'scale/yellow/6': palette.mustardYellow600,
5180
+ 'scale/yellow/7': palette.mustardYellow700,
5181
+ 'scale/yellow/8': palette.mustardYellow800,
5182
+ 'scale/yellow/9': palette.mustardYellow900
5071
5183
  };
5072
5184
  const color$1 = {
5073
5185
  ...textColor,
package/dist/theme/index.d.ts CHANGED
@@ -107,6 +107,66 @@ declare const theme: {
107
107
  'scale/gray/7': "#575C64";
108
108
  'scale/gray/8': "#43484E";
109
109
  'scale/gray/9': "#33373B";
110
+ 'scale/blue/0': "#edf2fd";
111
+ 'scale/blue/1': "#c6d8fa";
112
+ 'scale/blue/2': "#abc5f7";
113
+ 'scale/blue/3': "#84aaf4";
114
+ 'scale/blue/4': "#6d99f1";
115
+ 'scale/blue/5': "#4880ee";
116
+ 'scale/blue/6': "#4274d9";
117
+ 'scale/blue/7': "#335ba9";
118
+ 'scale/blue/8': "#284683";
119
+ 'scale/blue/9': "#1e3664";
120
+ 'scale/green/0': "#E9FAF6";
121
+ 'scale/green/1': "#BAEFE2";
122
+ 'scale/green/2': "#98E8D4";
123
+ 'scale/green/3': "#69DDC0";
124
+ 'scale/green/4': "#4CD6B4";
125
+ 'scale/green/5': "#1FCCA1";
126
+ 'scale/green/6': "#1CBA93";
127
+ 'scale/green/7': "#169172";
128
+ 'scale/green/8': "#117059";
129
+ 'scale/green/9': "#0D5644";
130
+ 'scale/pink/0': string;
131
+ 'scale/pink/1': string;
132
+ 'scale/pink/2': string;
133
+ 'scale/pink/3': string;
134
+ 'scale/pink/4': string;
135
+ 'scale/pink/5': string;
136
+ 'scale/pink/6': string;
137
+ 'scale/pink/7': string;
138
+ 'scale/pink/8': string;
139
+ 'scale/pink/9': string;
140
+ 'scale/skyblue/0': string;
141
+ 'scale/skyblue/1': string;
142
+ 'scale/skyblue/2': string;
143
+ 'scale/skyblue/3': string;
144
+ 'scale/skyblue/4': string;
145
+ 'scale/skyblue/5': string;
146
+ 'scale/skyblue/6': string;
147
+ 'scale/skyblue/7': string;
148
+ 'scale/skyblue/8': string;
149
+ 'scale/skyblue/9': string;
150
+ 'scale/red/0': string;
151
+ 'scale/red/1': string;
152
+ 'scale/red/2': string;
153
+ 'scale/red/3': string;
154
+ 'scale/red/4': string;
155
+ 'scale/red/5': string;
156
+ 'scale/red/6': string;
157
+ 'scale/red/7': string;
158
+ 'scale/red/8': string;
159
+ 'scale/red/9': string;
160
+ 'scale/yellow/0': string;
161
+ 'scale/yellow/1': string;
162
+ 'scale/yellow/2': string;
163
+ 'scale/yellow/3': string;
164
+ 'scale/yellow/4': string;
165
+ 'scale/yellow/5': string;
166
+ 'scale/yellow/6': string;
167
+ 'scale/yellow/7': string;
168
+ 'scale/yellow/8': string;
169
+ 'scale/yellow/9': string;
110
170
  dim: "#00000099";
111
171
  link: "#4880ee";
112
172
  'link/hovered': "#335ba9";
package/esm/packages/token-studio/esm/foundation/palette/index.js CHANGED
@@ -77,6 +77,54 @@ const shade = {
77
77
  black: '#000000',
78
78
  black60A: '#00000099'
79
79
  };
80
+ const fuchsiaPink = {
81
+ fuchsiaPink50: '#FCF2FD',
82
+ fuchsiaPink100: '#F5D6F8',
83
+ fuchsiaPink200: '#F0C2F4',
84
+ fuchsiaPink300: '#E9A7EF',
85
+ fuchsiaPink400: '#E595EC',
86
+ fuchsiaPink500: '#DE7BE7',
87
+ fuchsiaPink600: '#CA70D2',
88
+ fuchsiaPink700: '#9E57A4',
89
+ fuchsiaPink800: '#7A447F',
90
+ fuchsiaPink900: '#5D3461'
91
+ };
92
+ const skyBlue = {
93
+ skyBlue50: '#EFF9FD',
94
+ skyBlue100: '#CFEDF8',
95
+ skyBlue200: '#B7E4F5',
96
+ skyBlue300: '#96D8F1',
97
+ skyBlue400: '#82D1EE',
98
+ skyBlue500: '#63C5EA',
99
+ skyBlue600: '#5AB3D5',
100
+ skyBlue700: '#468CA6',
101
+ skyBlue800: '#366C81',
102
+ skyBlue900: '#2A5362'
103
+ };
104
+ const indianRed = {
105
+ indianRed50: '#632A2A',
106
+ indianRed100: '#823838',
107
+ indianRed200: '#A84848',
108
+ indianRed300: '#D75C5C',
109
+ indianRed400: '#EC6565',
110
+ indianRed500: '#F08484',
111
+ indianRed600: '#F29898',
112
+ indianRed700: '#F6B8B8',
113
+ indianRed800: '#F9CFCF',
114
+ indianRed900: '#FDF0F0'
115
+ };
116
+ const mustardYellow = {
117
+ mustardYellow50: '#675025',
118
+ mustardYellow100: '#876931',
119
+ mustardYellow200: '#AE883F',
120
+ mustardYellow300: '#DFAE51',
121
+ mustardYellow400: '#F5BF59',
122
+ mustardYellow500: '#F7CC7A',
123
+ mustardYellow600: '#F8D490',
124
+ mustardYellow700: '#FAE2B3',
125
+ mustardYellow800: '#FCEBCC',
126
+ mustardYellow900: '#FEF9EE'
127
+ };
80
128
  const palette = {
81
129
  ...gray,
82
130
  ...violet,
@@ -84,7 +132,11 @@ const palette = {
84
132
  ...yellow,
85
133
  ...red,
86
134
  ...blue,
87
- ...shade
135
+ ...shade,
136
+ ...fuchsiaPink,
137
+ ...skyBlue,
138
+ ...indianRed,
139
+ ...mustardYellow
88
140
  };
89
141
 
90
- export { blue, palette as default, gray, green, red, shade, violet, yellow };
142
+ export { blue, palette as default, fuchsiaPink, gray, green, indianRed, mustardYellow, red, shade, skyBlue, violet, yellow };
package/esm/packages/token-studio/esm/token/color/index.js CHANGED
@@ -136,7 +136,67 @@ const scaleColor = {
136
136
  'scale/gray/6': palette.gray600,
137
137
  'scale/gray/7': palette.gray700,
138
138
  'scale/gray/8': palette.gray800,
139
- 'scale/gray/9': palette.gray900
139
+ 'scale/gray/9': palette.gray900,
140
+ 'scale/blue/0': palette.blue50,
141
+ 'scale/blue/1': palette.blue100,
142
+ 'scale/blue/2': palette.blue200,
143
+ 'scale/blue/3': palette.blue300,
144
+ 'scale/blue/4': palette.blue400,
145
+ 'scale/blue/5': palette.blue500,
146
+ 'scale/blue/6': palette.blue600,
147
+ 'scale/blue/7': palette.blue700,
148
+ 'scale/blue/8': palette.blue800,
149
+ 'scale/blue/9': palette.blue900,
150
+ 'scale/green/0': palette.green50,
151
+ 'scale/green/1': palette.green100,
152
+ 'scale/green/2': palette.green200,
153
+ 'scale/green/3': palette.green300,
154
+ 'scale/green/4': palette.green400,
155
+ 'scale/green/5': palette.green500,
156
+ 'scale/green/6': palette.green600,
157
+ 'scale/green/7': palette.green700,
158
+ 'scale/green/8': palette.green800,
159
+ 'scale/green/9': palette.green900,
160
+ 'scale/pink/0': palette.fuchsiaPink50,
161
+ 'scale/pink/1': palette.fuchsiaPink100,
162
+ 'scale/pink/2': palette.fuchsiaPink200,
163
+ 'scale/pink/3': palette.fuchsiaPink300,
164
+ 'scale/pink/4': palette.fuchsiaPink400,
165
+ 'scale/pink/5': palette.fuchsiaPink500,
166
+ 'scale/pink/6': palette.fuchsiaPink600,
167
+ 'scale/pink/7': palette.fuchsiaPink700,
168
+ 'scale/pink/8': palette.fuchsiaPink800,
169
+ 'scale/pink/9': palette.fuchsiaPink900,
170
+ 'scale/skyblue/0': palette.skyBlue50,
171
+ 'scale/skyblue/1': palette.skyBlue100,
172
+ 'scale/skyblue/2': palette.skyBlue200,
173
+ 'scale/skyblue/3': palette.skyBlue300,
174
+ 'scale/skyblue/4': palette.skyBlue400,
175
+ 'scale/skyblue/5': palette.skyBlue500,
176
+ 'scale/skyblue/6': palette.skyBlue600,
177
+ 'scale/skyblue/7': palette.skyBlue700,
178
+ 'scale/skyblue/8': palette.skyBlue800,
179
+ 'scale/skyblue/9': palette.skyBlue900,
180
+ 'scale/red/0': palette.indianRed50,
181
+ 'scale/red/1': palette.indianRed100,
182
+ 'scale/red/2': palette.indianRed200,
183
+ 'scale/red/3': palette.indianRed300,
184
+ 'scale/red/4': palette.indianRed400,
185
+ 'scale/red/5': palette.indianRed500,
186
+ 'scale/red/6': palette.indianRed600,
187
+ 'scale/red/7': palette.indianRed700,
188
+ 'scale/red/8': palette.indianRed800,
189
+ 'scale/red/9': palette.indianRed900,
190
+ 'scale/yellow/0': palette.mustardYellow50,
191
+ 'scale/yellow/1': palette.mustardYellow100,
192
+ 'scale/yellow/2': palette.mustardYellow200,
193
+ 'scale/yellow/3': palette.mustardYellow300,
194
+ 'scale/yellow/4': palette.mustardYellow400,
195
+ 'scale/yellow/5': palette.mustardYellow500,
196
+ 'scale/yellow/6': palette.mustardYellow600,
197
+ 'scale/yellow/7': palette.mustardYellow700,
198
+ 'scale/yellow/8': palette.mustardYellow800,
199
+ 'scale/yellow/9': palette.mustardYellow900
140
200
  };
141
201
  const color = {
142
202
  ...textColor,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.19.19",
3
+ "version": "2.19.20",
4
4
  "description": "React components, hooks for create teamturing web application",
5
5
  "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
6
6
  "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -55,12 +55,12 @@
55
55
  "@floating-ui/react-dom": "^2.0.2",
56
56
  "@primer/behaviors": "^1.3.6",
57
57
  "@teamturing/icons": "^1.21.0",
58
- "@teamturing/token-studio": "^1.1.8",
58
+ "@teamturing/token-studio": "^1.2.0",
59
59
  "framer-motion": "^10.16.4",
60
60
  "lodash.debounce": "^4.0.8",
61
61
  "lodash.throttle": "^4.1.1",
62
62
  "react-is": "^18.2.0",
63
63
  "styled-system": "^5.1.5"
64
64
  },
65
- "gitHead": "ab8134b8d14d37453ce727641f88e93821e2a41f"
65
+ "gitHead": "9f4613197191aaf0b7525e4835d7aaea05ce90d7"
66
66
  }