@teamturing/react-kit 2.66.0 → 2.67.0

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/index.js +8 -6
  2. package/esm/core/Dialog/index.js +4 -2
  3. package/esm/core/Drawer/index.js +4 -2
  4. package/esm/core/IconButton/index.js +2 -2
  5. package/esm/core/IconToggleButton/index.js +2 -2
  6. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -5249,8 +5249,8 @@ const BaseIconButton = /*#__PURE__*/styled__default.default(UnstyledButton).with
5249
5249
  m: {
5250
5250
  'p': 2,
5251
5251
  '& svg': {
5252
- width: 24,
5253
- height: 24
5252
+ width: 20,
5253
+ height: 20
5254
5254
  }
5255
5255
  },
5256
5256
  s: {
@@ -5521,6 +5521,7 @@ const Dialog = ({
5521
5521
  initialFocusRef,
5522
5522
  sx
5523
5523
  }, ref) => {
5524
+ const theme = styled.useTheme();
5524
5525
  const handleDismiss = React.useCallback(() => onDismiss?.(), [onDismiss]);
5525
5526
  const blanketRef = React.useRef(null);
5526
5527
  const dialogRef = React.useRef(null);
@@ -5630,7 +5631,7 @@ const Dialog = ({
5630
5631
  children: [/*#__PURE__*/jsxRuntime.jsx(View, {
5631
5632
  sx: {
5632
5633
  position: 'absolute',
5633
- top: 3,
5634
+ top: utils.forcePixelValue(theme.space[3] + theme.space['0.5']),
5634
5635
  right: 3
5635
5636
  },
5636
5637
  children: /*#__PURE__*/jsxRuntime.jsx(IconButton, {
@@ -5780,6 +5781,7 @@ const Drawer = ({
5780
5781
  initialFocusRef,
5781
5782
  sx
5782
5783
  }, ref) => {
5784
+ const theme = styled.useTheme();
5783
5785
  const handleDismiss = React.useCallback(() => onDismiss?.(), [onDismiss]);
5784
5786
  const blanketRef = React.useRef(null);
5785
5787
  const drawerRef = React.useRef(null);
@@ -5893,7 +5895,7 @@ const Drawer = ({
5893
5895
  children: [/*#__PURE__*/jsxRuntime.jsx(View, {
5894
5896
  sx: {
5895
5897
  position: 'absolute',
5896
- top: 2,
5898
+ top: utils.forcePixelValue(theme.space[2] + theme.space['0.5']),
5897
5899
  right: 5
5898
5900
  },
5899
5901
  children: /*#__PURE__*/jsxRuntime.jsx(IconButton, {
@@ -6481,8 +6483,8 @@ const BaseIconToggleButton = /*#__PURE__*/styled__default.default(UnstyledButton
6481
6483
  m: {
6482
6484
  'p': 2,
6483
6485
  '& svg': {
6484
- width: 24,
6485
- height: 24
6486
+ width: 20,
6487
+ height: 20
6486
6488
  }
6487
6489
  },
6488
6490
  s: {
package/esm/core/Dialog/index.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { CloseIcon } from '@teamturing/icons';
2
+ import { forcePixelValue } from '@teamturing/utils';
2
3
  import { AnimatePresence, cubicBezier } from 'framer-motion';
3
4
  import { forwardRef, useCallback, useRef, useImperativeHandle, useEffect } from 'react';
4
- import styled from 'styled-components';
5
+ import styled, { useTheme } from 'styled-components';
5
6
  import IconButton from '../IconButton/index.js';
6
7
  import View from '../View/index.js';
7
8
  import useFocusTrap from '../../hook/useFocusTrap.js';
@@ -26,6 +27,7 @@ const Dialog = ({
26
27
  initialFocusRef,
27
28
  sx
28
29
  }, ref) => {
30
+ const theme = useTheme();
29
31
  const handleDismiss = useCallback(() => onDismiss?.(), [onDismiss]);
30
32
  const blanketRef = useRef(null);
31
33
  const dialogRef = useRef(null);
@@ -135,7 +137,7 @@ const Dialog = ({
135
137
  children: [/*#__PURE__*/jsx(View, {
136
138
  sx: {
137
139
  position: 'absolute',
138
- top: 3,
140
+ top: forcePixelValue(theme.space[3] + theme.space['0.5']),
139
141
  right: 3
140
142
  },
141
143
  children: /*#__PURE__*/jsx(IconButton, {
package/esm/core/Drawer/index.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { CloseIcon } from '@teamturing/icons';
2
+ import { forcePixelValue } from '@teamturing/utils';
2
3
  import { AnimatePresence, easeInOut } from 'framer-motion';
3
4
  import { forwardRef, useCallback, useRef, useImperativeHandle, useEffect } from 'react';
4
- import styled from 'styled-components';
5
+ import styled, { useTheme } from 'styled-components';
5
6
  import '../../node_modules/styled-system/dist/index.esm.js';
6
7
  import useFocusTrap from '../../hook/useFocusTrap.js';
7
8
  import { sx } from '../../utils/styled-system/index.js';
@@ -28,6 +29,7 @@ const Drawer = ({
28
29
  initialFocusRef,
29
30
  sx
30
31
  }, ref) => {
32
+ const theme = useTheme();
31
33
  const handleDismiss = useCallback(() => onDismiss?.(), [onDismiss]);
32
34
  const blanketRef = useRef(null);
33
35
  const drawerRef = useRef(null);
@@ -141,7 +143,7 @@ const Drawer = ({
141
143
  children: [/*#__PURE__*/jsx(View, {
142
144
  sx: {
143
145
  position: 'absolute',
144
- top: 2,
146
+ top: forcePixelValue(theme.space[2] + theme.space['0.5']),
145
147
  right: 5
146
148
  },
147
149
  children: /*#__PURE__*/jsx(IconButton, {
package/esm/core/IconButton/index.js CHANGED
@@ -64,8 +64,8 @@ const BaseIconButton = /*#__PURE__*/styled(UnstyledButton).withConfig({
64
64
  m: {
65
65
  'p': 2,
66
66
  '& svg': {
67
- width: 24,
68
- height: 24
67
+ width: 20,
68
+ height: 20
69
69
  }
70
70
  },
71
71
  s: {
package/esm/core/IconToggleButton/index.js CHANGED
@@ -61,8 +61,8 @@ const BaseIconToggleButton = /*#__PURE__*/styled(UnstyledButton).withConfig({
61
61
  m: {
62
62
  'p': 2,
63
63
  '& svg': {
64
- width: 24,
65
- height: 24
64
+ width: 20,
65
+ height: 20
66
66
  }
67
67
  },
68
68
  s: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.66.0",
3
+ "version": "2.67.0",
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",
@@ -65,5 +65,5 @@
65
65
  "react-textarea-autosize": "^8.5.3",
66
66
  "styled-system": "^5.1.5"
67
67
  },
68
- "gitHead": "41e122dba2061e6ccd79e36a744a3092fa80f1c5"
68
+ "gitHead": "4cbea2311c3a6e06924ab571b29c4d35de67f507"
69
69
  }