@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.
|
@@ -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";
|
|
@@ -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 };
|
|
@@ -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.
|
|
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
|
|
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": "
|
|
65
|
+
"gitHead": "6404b5d83461fa7855d12802cb4d1fe1f0649e31"
|
|
66
66
|
}
|