@teamturing/react-kit 2.19.19 → 2.19.21

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 +117 -2
  3. package/dist/theme/index.d.ts +63 -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 +64 -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/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/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 = {
@@ -4957,6 +5009,9 @@ const bgColor = {
4957
5009
  'bg/primary': palette.violet500,
4958
5010
  'bg/primary/hovered': palette.violet700,
4959
5011
  'bg/primary/pressed': palette.violet700,
5012
+ 'bg/neutral/subtlest': palette.transparent,
5013
+ 'bg/neutral/subtlest/hovered': palette.gray50,
5014
+ 'bg/neutral/subtlest/pressed': palette.gray50,
4960
5015
  'bg/neutral/subtler': palette.transparent,
4961
5016
  'bg/neutral/subtler/hovered': palette.gray100,
4962
5017
  'bg/neutral/subtler/pressed': palette.gray100,
@@ -5067,7 +5122,67 @@ const scaleColor = {
5067
5122
  'scale/gray/6': palette.gray600,
5068
5123
  'scale/gray/7': palette.gray700,
5069
5124
  'scale/gray/8': palette.gray800,
5070
- 'scale/gray/9': palette.gray900
5125
+ 'scale/gray/9': palette.gray900,
5126
+ 'scale/blue/0': palette.blue50,
5127
+ 'scale/blue/1': palette.blue100,
5128
+ 'scale/blue/2': palette.blue200,
5129
+ 'scale/blue/3': palette.blue300,
5130
+ 'scale/blue/4': palette.blue400,
5131
+ 'scale/blue/5': palette.blue500,
5132
+ 'scale/blue/6': palette.blue600,
5133
+ 'scale/blue/7': palette.blue700,
5134
+ 'scale/blue/8': palette.blue800,
5135
+ 'scale/blue/9': palette.blue900,
5136
+ 'scale/green/0': palette.green50,
5137
+ 'scale/green/1': palette.green100,
5138
+ 'scale/green/2': palette.green200,
5139
+ 'scale/green/3': palette.green300,
5140
+ 'scale/green/4': palette.green400,
5141
+ 'scale/green/5': palette.green500,
5142
+ 'scale/green/6': palette.green600,
5143
+ 'scale/green/7': palette.green700,
5144
+ 'scale/green/8': palette.green800,
5145
+ 'scale/green/9': palette.green900,
5146
+ 'scale/pink/0': palette.fuchsiaPink50,
5147
+ 'scale/pink/1': palette.fuchsiaPink100,
5148
+ 'scale/pink/2': palette.fuchsiaPink200,
5149
+ 'scale/pink/3': palette.fuchsiaPink300,
5150
+ 'scale/pink/4': palette.fuchsiaPink400,
5151
+ 'scale/pink/5': palette.fuchsiaPink500,
5152
+ 'scale/pink/6': palette.fuchsiaPink600,
5153
+ 'scale/pink/7': palette.fuchsiaPink700,
5154
+ 'scale/pink/8': palette.fuchsiaPink800,
5155
+ 'scale/pink/9': palette.fuchsiaPink900,
5156
+ 'scale/skyblue/0': palette.skyBlue50,
5157
+ 'scale/skyblue/1': palette.skyBlue100,
5158
+ 'scale/skyblue/2': palette.skyBlue200,
5159
+ 'scale/skyblue/3': palette.skyBlue300,
5160
+ 'scale/skyblue/4': palette.skyBlue400,
5161
+ 'scale/skyblue/5': palette.skyBlue500,
5162
+ 'scale/skyblue/6': palette.skyBlue600,
5163
+ 'scale/skyblue/7': palette.skyBlue700,
5164
+ 'scale/skyblue/8': palette.skyBlue800,
5165
+ 'scale/skyblue/9': palette.skyBlue900,
5166
+ 'scale/red/0': palette.indianRed50,
5167
+ 'scale/red/1': palette.indianRed100,
5168
+ 'scale/red/2': palette.indianRed200,
5169
+ 'scale/red/3': palette.indianRed300,
5170
+ 'scale/red/4': palette.indianRed400,
5171
+ 'scale/red/5': palette.indianRed500,
5172
+ 'scale/red/6': palette.indianRed600,
5173
+ 'scale/red/7': palette.indianRed700,
5174
+ 'scale/red/8': palette.indianRed800,
5175
+ 'scale/red/9': palette.indianRed900,
5176
+ 'scale/yellow/0': palette.mustardYellow50,
5177
+ 'scale/yellow/1': palette.mustardYellow100,
5178
+ 'scale/yellow/2': palette.mustardYellow200,
5179
+ 'scale/yellow/3': palette.mustardYellow300,
5180
+ 'scale/yellow/4': palette.mustardYellow400,
5181
+ 'scale/yellow/5': palette.mustardYellow500,
5182
+ 'scale/yellow/6': palette.mustardYellow600,
5183
+ 'scale/yellow/7': palette.mustardYellow700,
5184
+ 'scale/yellow/8': palette.mustardYellow800,
5185
+ 'scale/yellow/9': palette.mustardYellow900
5071
5186
  };
5072
5187
  const color$1 = {
5073
5188
  ...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";
@@ -156,6 +216,9 @@ declare const theme: {
156
216
  'bg/primary': "#835EEB";
157
217
  'bg/primary/hovered': "#5D43A7";
158
218
  'bg/primary/pressed': "#5D43A7";
219
+ 'bg/neutral/subtlest': "#FFFFFF00";
220
+ 'bg/neutral/subtlest/hovered': "#F9FAFB";
221
+ 'bg/neutral/subtlest/pressed': "#F9FAFB";
159
222
  'bg/neutral/subtler': "#FFFFFF00";
160
223
  'bg/neutral/subtler/hovered': "#F3F4F6";
161
224
  'bg/neutral/subtler/pressed': "#F3F4F6";
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
@@ -26,6 +26,9 @@ const bgColor = {
26
26
  'bg/primary': palette.violet500,
27
27
  'bg/primary/hovered': palette.violet700,
28
28
  'bg/primary/pressed': palette.violet700,
29
+ 'bg/neutral/subtlest': palette.transparent,
30
+ 'bg/neutral/subtlest/hovered': palette.gray50,
31
+ 'bg/neutral/subtlest/pressed': palette.gray50,
29
32
  'bg/neutral/subtler': palette.transparent,
30
33
  'bg/neutral/subtler/hovered': palette.gray100,
31
34
  'bg/neutral/subtler/pressed': palette.gray100,
@@ -136,7 +139,67 @@ const scaleColor = {
136
139
  'scale/gray/6': palette.gray600,
137
140
  'scale/gray/7': palette.gray700,
138
141
  'scale/gray/8': palette.gray800,
139
- 'scale/gray/9': palette.gray900
142
+ 'scale/gray/9': palette.gray900,
143
+ 'scale/blue/0': palette.blue50,
144
+ 'scale/blue/1': palette.blue100,
145
+ 'scale/blue/2': palette.blue200,
146
+ 'scale/blue/3': palette.blue300,
147
+ 'scale/blue/4': palette.blue400,
148
+ 'scale/blue/5': palette.blue500,
149
+ 'scale/blue/6': palette.blue600,
150
+ 'scale/blue/7': palette.blue700,
151
+ 'scale/blue/8': palette.blue800,
152
+ 'scale/blue/9': palette.blue900,
153
+ 'scale/green/0': palette.green50,
154
+ 'scale/green/1': palette.green100,
155
+ 'scale/green/2': palette.green200,
156
+ 'scale/green/3': palette.green300,
157
+ 'scale/green/4': palette.green400,
158
+ 'scale/green/5': palette.green500,
159
+ 'scale/green/6': palette.green600,
160
+ 'scale/green/7': palette.green700,
161
+ 'scale/green/8': palette.green800,
162
+ 'scale/green/9': palette.green900,
163
+ 'scale/pink/0': palette.fuchsiaPink50,
164
+ 'scale/pink/1': palette.fuchsiaPink100,
165
+ 'scale/pink/2': palette.fuchsiaPink200,
166
+ 'scale/pink/3': palette.fuchsiaPink300,
167
+ 'scale/pink/4': palette.fuchsiaPink400,
168
+ 'scale/pink/5': palette.fuchsiaPink500,
169
+ 'scale/pink/6': palette.fuchsiaPink600,
170
+ 'scale/pink/7': palette.fuchsiaPink700,
171
+ 'scale/pink/8': palette.fuchsiaPink800,
172
+ 'scale/pink/9': palette.fuchsiaPink900,
173
+ 'scale/skyblue/0': palette.skyBlue50,
174
+ 'scale/skyblue/1': palette.skyBlue100,
175
+ 'scale/skyblue/2': palette.skyBlue200,
176
+ 'scale/skyblue/3': palette.skyBlue300,
177
+ 'scale/skyblue/4': palette.skyBlue400,
178
+ 'scale/skyblue/5': palette.skyBlue500,
179
+ 'scale/skyblue/6': palette.skyBlue600,
180
+ 'scale/skyblue/7': palette.skyBlue700,
181
+ 'scale/skyblue/8': palette.skyBlue800,
182
+ 'scale/skyblue/9': palette.skyBlue900,
183
+ 'scale/red/0': palette.indianRed50,
184
+ 'scale/red/1': palette.indianRed100,
185
+ 'scale/red/2': palette.indianRed200,
186
+ 'scale/red/3': palette.indianRed300,
187
+ 'scale/red/4': palette.indianRed400,
188
+ 'scale/red/5': palette.indianRed500,
189
+ 'scale/red/6': palette.indianRed600,
190
+ 'scale/red/7': palette.indianRed700,
191
+ 'scale/red/8': palette.indianRed800,
192
+ 'scale/red/9': palette.indianRed900,
193
+ 'scale/yellow/0': palette.mustardYellow50,
194
+ 'scale/yellow/1': palette.mustardYellow100,
195
+ 'scale/yellow/2': palette.mustardYellow200,
196
+ 'scale/yellow/3': palette.mustardYellow300,
197
+ 'scale/yellow/4': palette.mustardYellow400,
198
+ 'scale/yellow/5': palette.mustardYellow500,
199
+ 'scale/yellow/6': palette.mustardYellow600,
200
+ 'scale/yellow/7': palette.mustardYellow700,
201
+ 'scale/yellow/8': palette.mustardYellow800,
202
+ 'scale/yellow/9': palette.mustardYellow900
140
203
  };
141
204
  const color = {
142
205
  ...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.21",
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.1",
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": "6404b5d83461fa7855d12802cb4d1fe1f0649e31"
66
66
  }