@teamturing/react-kit 2.29.0 → 2.29.1

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 +8 -3
  3. package/dist/theme/index.d.ts +4 -0
  4. package/esm/packages/token-studio/esm/foundation/gradient/direction/index.js +2 -1
  5. package/esm/packages/token-studio/esm/token/color/index.js +2 -1
  6. package/esm/packages/token-studio/esm/token/gradient/index.js +4 -1
  7. package/package.json +3 -3
package/dist/core/GradientText/index.d.ts CHANGED
@@ -270,7 +270,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
270
270
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
271
271
  } & {
272
272
  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;
273
- } & 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/subtle" | "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"> & {
273
+ } & 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/subtle" | "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" | "text/weak">, "ref"> & {
274
274
  ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
275
275
  }, Props>>;
276
276
  export default GradientText;
package/dist/index.js CHANGED
@@ -38522,7 +38522,8 @@ const textColor = {
38522
38522
  'text/success': palette.green500,
38523
38523
  'text/warning': palette.yellow500,
38524
38524
  'text/danger': palette.red500,
38525
- 'text/selected': palette.gray900
38525
+ 'text/selected': palette.gray900,
38526
+ 'text/weak': palette.gray300
38526
38527
  };
38527
38528
  const bgColor = {
38528
38529
  'bg/secondary': palette.violet50,
@@ -38740,7 +38741,8 @@ const direction = {
38740
38741
  directionToRight: 'to right',
38741
38742
  directionToLeft: 'to left',
38742
38743
  directionToRightBottom: 'to right bottom',
38743
- directionToTop: 'to top'
38744
+ directionToTop: 'to top',
38745
+ directionToBottom: 'to bottom'
38744
38746
  };
38745
38747
 
38746
38748
  const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
@@ -38758,12 +38760,15 @@ const overlayGradient = {
38758
38760
  'overlay/subtlest/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
38759
38761
  'overlay/subtlest/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
38760
38762
  'overlay/subtlest/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
38763
+ 'overlay/subtlest/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
38761
38764
  'overlay/floating/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
38762
38765
  'overlay/floating/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
38763
38766
  'overlay/floating/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
38767
+ 'overlay/floating/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
38764
38768
  'overlay/bold/toright': generateGradientTokenValue('directionToRight', 'colorStopListBlack'),
38765
38769
  'overlay/bold/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListBlack'),
38766
- 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack')
38770
+ 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack'),
38771
+ 'overlay/bold/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListBlack')
38767
38772
  };
38768
38773
  const gradient = {
38769
38774
  ...textGradient,
package/dist/theme/index.d.ts CHANGED
@@ -275,17 +275,21 @@ declare const theme: {
275
275
  'text/warning': "#FFC107";
276
276
  'text/danger': "#F22735";
277
277
  'text/selected': "#33373B";
278
+ 'text/weak': "#D1D5DB";
278
279
  };
279
280
  gradients: {
280
281
  readonly 'overlay/subtlest/toright': string;
281
282
  readonly 'overlay/subtlest/toleft': string;
282
283
  readonly 'overlay/subtlest/totop': string;
284
+ readonly 'overlay/subtlest/tobottom': string;
283
285
  readonly 'overlay/floating/toright': string;
284
286
  readonly 'overlay/floating/toleft': string;
285
287
  readonly 'overlay/floating/totop': string;
288
+ readonly 'overlay/floating/tobottom': string;
286
289
  readonly 'overlay/bold/toright': string;
287
290
  readonly 'overlay/bold/toleft': string;
288
291
  readonly 'overlay/bold/totop': string;
292
+ readonly 'overlay/bold/tobottom': string;
289
293
  readonly 'border/accent/violet': string;
290
294
  readonly 'bg/accent/violet': string;
291
295
  readonly 'bg/accent/neutral': string;
package/esm/packages/token-studio/esm/foundation/gradient/direction/index.js CHANGED
@@ -2,7 +2,8 @@ const direction = {
2
2
  directionToRight: 'to right',
3
3
  directionToLeft: 'to left',
4
4
  directionToRightBottom: 'to right bottom',
5
- directionToTop: 'to top'
5
+ directionToTop: 'to top',
6
+ directionToBottom: 'to bottom'
6
7
  };
7
8
 
8
9
  export { direction as default };
package/esm/packages/token-studio/esm/token/color/index.js CHANGED
@@ -17,7 +17,8 @@ const textColor = {
17
17
  'text/success': palette.green500,
18
18
  'text/warning': palette.yellow500,
19
19
  'text/danger': palette.red500,
20
- 'text/selected': palette.gray900
20
+ 'text/selected': palette.gray900,
21
+ 'text/weak': palette.gray300
21
22
  };
22
23
  const bgColor = {
23
24
  'bg/secondary': palette.violet50,
package/esm/packages/token-studio/esm/token/gradient/index.js CHANGED
@@ -16,12 +16,15 @@ const overlayGradient = {
16
16
  'overlay/subtlest/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
17
17
  'overlay/subtlest/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
18
18
  'overlay/subtlest/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
19
+ 'overlay/subtlest/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
19
20
  'overlay/floating/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
20
21
  'overlay/floating/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
21
22
  'overlay/floating/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
23
+ 'overlay/floating/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
22
24
  'overlay/bold/toright': generateGradientTokenValue('directionToRight', 'colorStopListBlack'),
23
25
  'overlay/bold/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListBlack'),
24
- 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack')
26
+ 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack'),
27
+ 'overlay/bold/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListBlack')
25
28
  };
26
29
  const gradient = {
27
30
  ...textGradient,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.29.0",
3
+ "version": "2.29.1",
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",
@@ -56,7 +56,7 @@
56
56
  "@floating-ui/react-dom": "^2.0.2",
57
57
  "@primer/behaviors": "^1.3.6",
58
58
  "@teamturing/icons": "^1.41.0",
59
- "@teamturing/token-studio": "^1.6.0",
59
+ "@teamturing/token-studio": "^1.7.0",
60
60
  "@teamturing/utils": "^1.3.0",
61
61
  "framer-motion": "^10.16.4",
62
62
  "lodash.debounce": "^4.0.8",
@@ -66,5 +66,5 @@
66
66
  "react-textarea-autosize": "^8.5.3",
67
67
  "styled-system": "^5.1.5"
68
68
  },
69
- "gitHead": "b7418ad2dcfc8309263758233b2711bac6812586"
69
+ "gitHead": "22854552108cb3fe3d9d2ab9e829301fe85e6df9"
70
70
  }