@teamturing/react-kit 2.19.1 → 2.19.2

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 (7) hide show
  1. package/dist/core/GradientText/index.d.ts +1 -1
  2. package/dist/index.js +13 -2
  3. package/dist/theme/index.d.ts +10 -0
  4. package/esm/core/OverlaySelectInput/index.js +1 -0
  5. package/esm/core/Select/index.js +1 -1
  6. package/esm/packages/token-studio/esm/token/color/index.js +11 -1
  7. 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" | "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" | "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
@@ -4976,7 +4976,17 @@ const scaleColor = {
4976
4976
  'scale/violet/6': palette.violet600,
4977
4977
  'scale/violet/7': palette.violet700,
4978
4978
  'scale/violet/8': palette.violet800,
4979
- 'scale/violet/9': palette.violet900
4979
+ 'scale/violet/9': palette.violet900,
4980
+ 'scale/gray/0': palette.gray50,
4981
+ 'scale/gray/1': palette.gray100,
4982
+ 'scale/gray/2': palette.gray200,
4983
+ 'scale/gray/3': palette.gray300,
4984
+ 'scale/gray/4': palette.gray400,
4985
+ 'scale/gray/5': palette.gray500,
4986
+ 'scale/gray/6': palette.gray600,
4987
+ 'scale/gray/7': palette.gray700,
4988
+ 'scale/gray/8': palette.gray800,
4989
+ 'scale/gray/9': palette.gray900
4980
4990
  };
4981
4991
  const color$1 = {
4982
4992
  ...textColor,
@@ -20715,6 +20725,7 @@ const OverlaySelectInput = ({
20715
20725
  value: '',
20716
20726
  onChange: noop$2,
20717
20727
  ...props,
20728
+ autoComplete: 'off',
20718
20729
  tabIndex: -1,
20719
20730
  onClick: e => {
20720
20731
  popperProps.onClick?.(e);
@@ -20985,7 +20996,7 @@ const SelectWrapper = styled__default.default.div`
20985
20996
  }) => theme.lineHeights[2]};
20986
20997
  color: ${({
20987
20998
  theme
20988
- }) => theme.colors['text/neutral/subtle']};
20999
+ }) => theme.colors['text/neutral']};
20989
21000
 
20990
21001
  /**
20991
21002
  * placeholder style
package/dist/theme/index.d.ts CHANGED
@@ -97,6 +97,16 @@ declare const theme: {
97
97
  'scale/violet/7': "#5D43A7";
98
98
  'scale/violet/8': "#483481";
99
99
  'scale/violet/9': "#372763";
100
+ 'scale/gray/0': "#F9FAFB";
101
+ 'scale/gray/1': "#F3F4F6";
102
+ 'scale/gray/2': "#E5E7EB";
103
+ 'scale/gray/3': "#D1D5DB";
104
+ 'scale/gray/4': "#8D94A0";
105
+ 'scale/gray/5': "#7A828D";
106
+ 'scale/gray/6': "#6F7680";
107
+ 'scale/gray/7': "#575C64";
108
+ 'scale/gray/8': "#43484E";
109
+ 'scale/gray/9': "#33373B";
100
110
  dim: "#00000099";
101
111
  link: "#4880ee";
102
112
  'link/hovered': "#335ba9";
package/esm/core/OverlaySelectInput/index.js CHANGED
@@ -74,6 +74,7 @@ const OverlaySelectInput = ({
74
74
  value: '',
75
75
  onChange: noop,
76
76
  ...props,
77
+ autoComplete: 'off',
77
78
  tabIndex: -1,
78
79
  onClick: e => {
79
80
  popperProps.onClick?.(e);
package/esm/core/Select/index.js CHANGED
@@ -109,7 +109,7 @@ const SelectWrapper = styled.div`
109
109
  }) => theme.lineHeights[2]};
110
110
  color: ${({
111
111
  theme
112
- }) => theme.colors['text/neutral/subtle']};
112
+ }) => theme.colors['text/neutral']};
113
113
 
114
114
  /**
115
115
  * placeholder style
package/esm/packages/token-studio/esm/token/color/index.js CHANGED
@@ -126,7 +126,17 @@ const scaleColor = {
126
126
  'scale/violet/6': palette.violet600,
127
127
  'scale/violet/7': palette.violet700,
128
128
  'scale/violet/8': palette.violet800,
129
- 'scale/violet/9': palette.violet900
129
+ 'scale/violet/9': palette.violet900,
130
+ 'scale/gray/0': palette.gray50,
131
+ 'scale/gray/1': palette.gray100,
132
+ 'scale/gray/2': palette.gray200,
133
+ 'scale/gray/3': palette.gray300,
134
+ 'scale/gray/4': palette.gray400,
135
+ 'scale/gray/5': palette.gray500,
136
+ 'scale/gray/6': palette.gray600,
137
+ 'scale/gray/7': palette.gray700,
138
+ 'scale/gray/8': palette.gray800,
139
+ 'scale/gray/9': palette.gray900
130
140
  };
131
141
  const color = {
132
142
  ...textColor,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.19.1",
3
+ "version": "2.19.2",
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.20.0",
58
- "@teamturing/token-studio": "^1.1.7",
58
+ "@teamturing/token-studio": "^1.1.8",
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": "71cf5d8aaaeb02aa59d3500041a9e1d55c6a4b1a"
65
+ "gitHead": "ca3fa5007b20b0b828c49f8ba09c58007b805442"
66
66
  }