@teamturing/react-kit 2.19.4 → 2.19.6

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 (10) hide show
  1. package/dist/index.js +30 -26
  2. package/esm/core/FormControl/FormControlCaption.js +1 -1
  3. package/esm/core/FormControl/FormControlErrorMessage.js +1 -1
  4. package/esm/core/FormControl/FormControlSuccessMessage.js +1 -1
  5. package/esm/core/FormControl/index.js +1 -1
  6. package/esm/core/OverlaySelectInput/index.js +10 -6
  7. package/esm/core/Select/index.js +6 -6
  8. package/esm/core/TextInput/index.js +7 -7
  9. package/esm/core/Textarea/index.js +3 -3
  10. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -20917,7 +20917,7 @@ const OverlaySelectInput = ({
20917
20917
  position: 'absolute',
20918
20918
  top: '50%',
20919
20919
  transform: 'translateY(-50%)',
20920
- right: 5,
20920
+ right: 4,
20921
20921
  pointerEvents: 'none'
20922
20922
  },
20923
20923
  icon: SvgChevronDown,
@@ -21024,7 +21024,7 @@ const TextInputWrapper$1 = styled__default.default.div`
21024
21024
  `};
21025
21025
 
21026
21026
  ${props => props.hasLeadingVisual && styled.css`
21027
- padding-left: ${forcePixelValue(props.theme.space[5])};
21027
+ padding-left: ${forcePixelValue(props.theme.space[4])};
21028
21028
  input {
21029
21029
  padding-left: ${forcePixelValue(props.theme.space[2])};
21030
21030
  }
@@ -21054,16 +21054,20 @@ const UnstyledInput$1 = styled__default.default.input`
21054
21054
  const BaseInput$1 = styled__default.default(UnstyledInput$1)`
21055
21055
  padding-top: ${({
21056
21056
  theme
21057
- }) => forcePixelValue(theme.space['4'])};
21057
+ }) => forcePixelValue(theme.space[3])};
21058
21058
  padding-right: ${({
21059
21059
  theme
21060
- }) => forcePixelValue(theme.space['5'])};
21060
+ }) => forcePixelValue(theme.space[10])};
21061
21061
  padding-bottom: ${({
21062
21062
  theme
21063
- }) => forcePixelValue(theme.space['4'])};
21063
+ }) => forcePixelValue(theme.space[3])};
21064
21064
  padding-left: ${({
21065
21065
  theme
21066
- }) => forcePixelValue(theme.space['5'])};
21066
+ }) => forcePixelValue(theme.space[4])};
21067
+
21068
+ white-space: pre;
21069
+ text-overflow: ellipsis;
21070
+ pointer-events: none;
21067
21071
  `;
21068
21072
  var OverlaySelectInput$1 = /*#__PURE__*/React.forwardRef(OverlaySelectInput);
21069
21073
 
@@ -21140,7 +21144,7 @@ const Select = ({
21140
21144
  position: 'absolute',
21141
21145
  top: '50%',
21142
21146
  transform: 'translateY(-50%)',
21143
- right: 5,
21147
+ right: 4,
21144
21148
  pointerEvents: 'none'
21145
21149
  },
21146
21150
  icon: SvgChevronDown,
@@ -21247,7 +21251,7 @@ const SelectWrapper = styled__default.default.div`
21247
21251
  `};
21248
21252
 
21249
21253
  ${props => props.hasLeadingVisual && styled.css`
21250
- padding-left: ${forcePixelValue(props.theme.space[5])};
21254
+ padding-left: ${forcePixelValue(props.theme.space[4])};
21251
21255
  select {
21252
21256
  padding-left: ${forcePixelValue(props.theme.space[2])};
21253
21257
  }
@@ -21281,16 +21285,16 @@ const UnstyledSelect = styled__default.default.select`
21281
21285
  const BaseSelect = styled__default.default(UnstyledSelect)`
21282
21286
  padding-top: ${({
21283
21287
  theme
21284
- }) => forcePixelValue(theme.space['4'])};
21288
+ }) => forcePixelValue(theme.space[3])};
21285
21289
  padding-right: ${({
21286
21290
  theme
21287
- }) => forcePixelValue(theme.space['12'])};
21291
+ }) => forcePixelValue(theme.space[10])};
21288
21292
  padding-bottom: ${({
21289
21293
  theme
21290
- }) => forcePixelValue(theme.space['4'])};
21294
+ }) => forcePixelValue(theme.space[3])};
21291
21295
  padding-left: ${({
21292
21296
  theme
21293
- }) => forcePixelValue(theme.space['5'])};
21297
+ }) => forcePixelValue(theme.space[4])};
21294
21298
 
21295
21299
  white-space: pre;
21296
21300
  text-overflow: ellipsis;
@@ -21507,18 +21511,18 @@ const TextInputWrapper = styled__default.default.div`
21507
21511
  `};
21508
21512
 
21509
21513
  ${props => props.hasLeadingVisual && styled.css`
21510
- padding-left: ${forcePixelValue(props.theme.space[5])};
21514
+ padding-left: ${forcePixelValue(props.theme.space[4])};
21511
21515
  input {
21512
21516
  padding-left: ${forcePixelValue(props.theme.space[2])};
21513
21517
  }
21514
21518
  `}
21515
21519
 
21516
21520
  ${props => props.hasTrailingVisual && styled.css`
21517
- padding-right: ${forcePixelValue(props.theme.space[5])};
21521
+ padding-right: ${forcePixelValue(props.theme.space[4])};
21518
21522
  `}
21519
21523
 
21520
21524
  ${props => props.hasTrailingAction && styled.css`
21521
- padding-right: ${forcePixelValue(props.theme.space[3])};
21525
+ padding-right: ${forcePixelValue(props.theme.space[2])};
21522
21526
  `}
21523
21527
 
21524
21528
  ${props => (props.hasTrailingVisual || props.hasTrailingAction) && styled.css`
@@ -21552,16 +21556,16 @@ const UnstyledInput = styled__default.default.input`
21552
21556
  const BaseInput = styled__default.default(UnstyledInput)`
21553
21557
  padding-top: ${({
21554
21558
  theme
21555
- }) => forcePixelValue(theme.space['4'])};
21559
+ }) => forcePixelValue(theme.space[3])};
21556
21560
  padding-right: ${({
21557
21561
  theme
21558
- }) => forcePixelValue(theme.space['5'])};
21562
+ }) => forcePixelValue(theme.space[4])};
21559
21563
  padding-bottom: ${({
21560
21564
  theme
21561
- }) => forcePixelValue(theme.space['4'])};
21565
+ }) => forcePixelValue(theme.space[3])};
21562
21566
  padding-left: ${({
21563
21567
  theme
21564
- }) => forcePixelValue(theme.space['5'])};
21568
+ }) => forcePixelValue(theme.space[4])};
21565
21569
  `;
21566
21570
  var TextInput$1 = Object.assign( /*#__PURE__*/React.forwardRef(TextInput), {
21567
21571
  TrailingAction: TextInputTrailingAction$1
@@ -21576,7 +21580,7 @@ const FormControlCaption = ({
21576
21580
  return /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
21577
21581
  as: 'span',
21578
21582
  id: id,
21579
- typography: 'xs',
21583
+ typography: 'xxs',
21580
21584
  color: 'text/neutral/subtlest',
21581
21585
  children: children
21582
21586
  });
@@ -21590,7 +21594,7 @@ const FormControlErrorMessage = ({
21590
21594
  } = React.useContext(FormControlContext);
21591
21595
  return /*#__PURE__*/jsxRuntimeExports.jsx(StyledText$1, {
21592
21596
  id: id,
21593
- typography: 'xs',
21597
+ typography: 'xxs',
21594
21598
  color: 'text/danger',
21595
21599
  children: children
21596
21600
  });
@@ -21687,7 +21691,7 @@ const FormControlSuccessMessage = ({
21687
21691
  } = React.useContext(FormControlContext);
21688
21692
  return /*#__PURE__*/jsxRuntimeExports.jsx(StyledText, {
21689
21693
  id: id,
21690
- typography: 'xs',
21694
+ typography: 'xxs',
21691
21695
  color: 'text/success',
21692
21696
  children: children
21693
21697
  });
@@ -21747,7 +21751,7 @@ const FormControl = ({
21747
21751
  }), /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
21748
21752
  sx: {
21749
21753
  '& > span': {
21750
- mt: 0
21754
+ mt: 0.5
21751
21755
  }
21752
21756
  },
21753
21757
  children: [relocatableComponentsObject.label, relocatableComponentsObject.caption, relocatableComponentsObject.errorMessage, relocatableComponentsObject.successMessage]
@@ -23579,16 +23583,16 @@ const TextareaWrapper = styled__default.default.div`
23579
23583
 
23580
23584
  padding-top: ${({
23581
23585
  theme
23582
- }) => forcePixelValue(theme.space['4'])};
23586
+ }) => forcePixelValue(theme.space['3'])};
23583
23587
  padding-right: ${({
23584
23588
  theme
23585
23589
  }) => forcePixelValue(theme.space['4'])};
23586
23590
  padding-bottom: ${({
23587
23591
  theme
23588
- }) => forcePixelValue(theme.space['4'])};
23592
+ }) => forcePixelValue(theme.space['3'])};
23589
23593
  padding-left: ${({
23590
23594
  theme
23591
- }) => forcePixelValue(theme.space['5'])};
23595
+ }) => forcePixelValue(theme.space['4'])};
23592
23596
 
23593
23597
  font-size: ${({
23594
23598
  theme
package/esm/core/FormControl/FormControlCaption.js CHANGED
@@ -12,7 +12,7 @@ const FormControlCaption = ({
12
12
  return /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
13
13
  as: 'span',
14
14
  id: id,
15
- typography: 'xs',
15
+ typography: 'xxs',
16
16
  color: 'text/neutral/subtlest',
17
17
  children: children
18
18
  });
package/esm/core/FormControl/FormControlErrorMessage.js CHANGED
@@ -12,7 +12,7 @@ const FormControlErrorMessage = ({
12
12
  } = useContext(FormControlContext);
13
13
  return /*#__PURE__*/jsxRuntimeExports.jsx(StyledText, {
14
14
  id: id,
15
- typography: 'xs',
15
+ typography: 'xxs',
16
16
  color: 'text/danger',
17
17
  children: children
18
18
  });
package/esm/core/FormControl/FormControlSuccessMessage.js CHANGED
@@ -12,7 +12,7 @@ const FormControlSuccessMessage = ({
12
12
  } = useContext(FormControlContext);
13
13
  return /*#__PURE__*/jsxRuntimeExports.jsx(StyledText, {
14
14
  id: id,
15
- typography: 'xs',
15
+ typography: 'xxs',
16
16
  color: 'text/success',
17
17
  children: children
18
18
  });
package/esm/core/FormControl/index.js CHANGED
@@ -52,7 +52,7 @@ const FormControl = ({
52
52
  }), /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
53
53
  sx: {
54
54
  '& > span': {
55
- mt: 0
55
+ mt: 0.5
56
56
  }
57
57
  },
58
58
  children: [relocatableComponentsObject.label, relocatableComponentsObject.caption, relocatableComponentsObject.errorMessage, relocatableComponentsObject.successMessage]
package/esm/core/OverlaySelectInput/index.js CHANGED
@@ -85,7 +85,7 @@ const OverlaySelectInput = ({
85
85
  position: 'absolute',
86
86
  top: '50%',
87
87
  transform: 'translateY(-50%)',
88
- right: 5,
88
+ right: 4,
89
89
  pointerEvents: 'none'
90
90
  },
91
91
  icon: SvgChevronDown,
@@ -192,7 +192,7 @@ const TextInputWrapper = styled.div`
192
192
  `};
193
193
 
194
194
  ${props => props.hasLeadingVisual && css`
195
- padding-left: ${forcePixelValue(props.theme.space[5])};
195
+ padding-left: ${forcePixelValue(props.theme.space[4])};
196
196
  input {
197
197
  padding-left: ${forcePixelValue(props.theme.space[2])};
198
198
  }
@@ -222,16 +222,20 @@ const UnstyledInput = styled.input`
222
222
  const BaseInput = styled(UnstyledInput)`
223
223
  padding-top: ${({
224
224
  theme
225
- }) => forcePixelValue(theme.space['4'])};
225
+ }) => forcePixelValue(theme.space[3])};
226
226
  padding-right: ${({
227
227
  theme
228
- }) => forcePixelValue(theme.space['5'])};
228
+ }) => forcePixelValue(theme.space[10])};
229
229
  padding-bottom: ${({
230
230
  theme
231
- }) => forcePixelValue(theme.space['4'])};
231
+ }) => forcePixelValue(theme.space[3])};
232
232
  padding-left: ${({
233
233
  theme
234
- }) => forcePixelValue(theme.space['5'])};
234
+ }) => forcePixelValue(theme.space[4])};
235
+
236
+ white-space: pre;
237
+ text-overflow: ellipsis;
238
+ pointer-events: none;
235
239
  `;
236
240
  var OverlaySelectInput$1 = /*#__PURE__*/forwardRef(OverlaySelectInput);
237
241
 
package/esm/core/Select/index.js CHANGED
@@ -72,7 +72,7 @@ const Select = ({
72
72
  position: 'absolute',
73
73
  top: '50%',
74
74
  transform: 'translateY(-50%)',
75
- right: 5,
75
+ right: 4,
76
76
  pointerEvents: 'none'
77
77
  },
78
78
  icon: SvgChevronDown,
@@ -179,7 +179,7 @@ const SelectWrapper = styled.div`
179
179
  `};
180
180
 
181
181
  ${props => props.hasLeadingVisual && css`
182
- padding-left: ${forcePixelValue(props.theme.space[5])};
182
+ padding-left: ${forcePixelValue(props.theme.space[4])};
183
183
  select {
184
184
  padding-left: ${forcePixelValue(props.theme.space[2])};
185
185
  }
@@ -213,16 +213,16 @@ const UnstyledSelect = styled.select`
213
213
  const BaseSelect = styled(UnstyledSelect)`
214
214
  padding-top: ${({
215
215
  theme
216
- }) => forcePixelValue(theme.space['4'])};
216
+ }) => forcePixelValue(theme.space[3])};
217
217
  padding-right: ${({
218
218
  theme
219
- }) => forcePixelValue(theme.space['12'])};
219
+ }) => forcePixelValue(theme.space[10])};
220
220
  padding-bottom: ${({
221
221
  theme
222
- }) => forcePixelValue(theme.space['4'])};
222
+ }) => forcePixelValue(theme.space[3])};
223
223
  padding-left: ${({
224
224
  theme
225
- }) => forcePixelValue(theme.space['5'])};
225
+ }) => forcePixelValue(theme.space[4])};
226
226
 
227
227
  white-space: pre;
228
228
  text-overflow: ellipsis;
package/esm/core/TextInput/index.js CHANGED
@@ -169,18 +169,18 @@ const TextInputWrapper = styled.div`
169
169
  `};
170
170
 
171
171
  ${props => props.hasLeadingVisual && css`
172
- padding-left: ${forcePixelValue(props.theme.space[5])};
172
+ padding-left: ${forcePixelValue(props.theme.space[4])};
173
173
  input {
174
174
  padding-left: ${forcePixelValue(props.theme.space[2])};
175
175
  }
176
176
  `}
177
177
 
178
178
  ${props => props.hasTrailingVisual && css`
179
- padding-right: ${forcePixelValue(props.theme.space[5])};
179
+ padding-right: ${forcePixelValue(props.theme.space[4])};
180
180
  `}
181
181
 
182
182
  ${props => props.hasTrailingAction && css`
183
- padding-right: ${forcePixelValue(props.theme.space[3])};
183
+ padding-right: ${forcePixelValue(props.theme.space[2])};
184
184
  `}
185
185
 
186
186
  ${props => (props.hasTrailingVisual || props.hasTrailingAction) && css`
@@ -214,16 +214,16 @@ const UnstyledInput = styled.input`
214
214
  const BaseInput = styled(UnstyledInput)`
215
215
  padding-top: ${({
216
216
  theme
217
- }) => forcePixelValue(theme.space['4'])};
217
+ }) => forcePixelValue(theme.space[3])};
218
218
  padding-right: ${({
219
219
  theme
220
- }) => forcePixelValue(theme.space['5'])};
220
+ }) => forcePixelValue(theme.space[4])};
221
221
  padding-bottom: ${({
222
222
  theme
223
- }) => forcePixelValue(theme.space['4'])};
223
+ }) => forcePixelValue(theme.space[3])};
224
224
  padding-left: ${({
225
225
  theme
226
- }) => forcePixelValue(theme.space['5'])};
226
+ }) => forcePixelValue(theme.space[4])};
227
227
  `;
228
228
  var TextInput$1 = Object.assign( /*#__PURE__*/forwardRef(TextInput), {
229
229
  TrailingAction: TextInputTrailingAction
package/esm/core/Textarea/index.js CHANGED
@@ -46,16 +46,16 @@ const TextareaWrapper = styled.div`
46
46
 
47
47
  padding-top: ${({
48
48
  theme
49
- }) => forcePixelValue(theme.space['4'])};
49
+ }) => forcePixelValue(theme.space['3'])};
50
50
  padding-right: ${({
51
51
  theme
52
52
  }) => forcePixelValue(theme.space['4'])};
53
53
  padding-bottom: ${({
54
54
  theme
55
- }) => forcePixelValue(theme.space['4'])};
55
+ }) => forcePixelValue(theme.space['3'])};
56
56
  padding-left: ${({
57
57
  theme
58
- }) => forcePixelValue(theme.space['5'])};
58
+ }) => forcePixelValue(theme.space['4'])};
59
59
 
60
60
  font-size: ${({
61
61
  theme
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.19.4",
3
+ "version": "2.19.6",
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",
@@ -62,5 +62,5 @@
62
62
  "react-is": "^18.2.0",
63
63
  "styled-system": "^5.1.5"
64
64
  },
65
- "gitHead": "a759ea92d1b8bfb8e7583150be5658763f3b2d9e"
65
+ "gitHead": "20dd5eb44b2910ffd5509d5a93c293bb0a3a4c7f"
66
66
  }