smarthr-ui 41.2.0 → 41.3.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.
- package/esm/components/AppNavi/AppNaviAnchor.js +8 -2
- package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/esm/components/Balloon/Balloon.js +1 -2
- package/esm/components/Balloon/Balloon.js.map +1 -1
- package/esm/components/Button/Button.js +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/ButtonWrapper.js +1 -2
- package/esm/components/Button/ButtonWrapper.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +1 -1
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/Calendar/CalendarTable.js +1 -1
- package/esm/components/Calendar/CalendarTable.js.map +1 -1
- package/esm/components/Calendar/YearPicker.js +1 -1
- package/esm/components/Calendar/YearPicker.js.map +1 -1
- package/esm/components/CheckBox/CheckBox.js +1 -1
- package/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/esm/components/Chip/Chip.js +1 -6
- package/esm/components/Chip/Chip.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.js +1 -1
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/Dialog/DialogContentInner.js +1 -1
- package/esm/components/Dialog/DialogContentInner.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.d.ts +2 -2
- package/esm/components/Dialog/MessageDialog/MessageDialog.js +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.d.ts +2 -2
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.js +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +28 -40
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +2 -2
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +2 -2
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +33 -43
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/FormGroup/FormGroup.js +7 -1
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/Header/HeaderDropdownMenuButton.d.ts +2 -0
- package/esm/components/Input/Input.js +1 -1
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/InputFile/InputFile.js +1 -1
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.d.ts +237 -9
- package/esm/components/NotificationBar/NotificationBar.js +133 -134
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/RadioButton/RadioButton.js +1 -1
- package/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/esm/components/RadioButtonPanel/RadioButtonPanel.js +1 -1
- package/esm/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.d.ts +4 -0
- package/esm/components/RightFixedNote/RightFixedNote.js +13 -9
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNoteItem.d.ts +2 -0
- package/esm/components/RightFixedNote/RightFixedNoteItem.js +2 -2
- package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/esm/components/Select/Select.js +1 -1
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/StatusLabel/StatusLabel.js +1 -2
- package/esm/components/StatusLabel/StatusLabel.js.map +1 -1
- package/esm/components/TabBar/TabBar.js +1 -6
- package/esm/components/TabBar/TabBar.js.map +1 -1
- package/esm/components/Table/Table.js +3 -3
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Td.js +1 -6
- package/esm/components/Table/Td.js.map +1 -1
- package/esm/components/Table/TdCheckbox.js +18 -22
- package/esm/components/Table/TdCheckbox.js.map +1 -1
- package/esm/components/Table/ThCheckbox.js +18 -22
- package/esm/components/Table/ThCheckbox.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +1 -1
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/hooks/useTailwindTheme.d.ts +12 -0
- package/esm/smarthr-ui-preset.d.ts +13 -1
- package/esm/smarthr-ui-preset.js +41 -17
- package/esm/smarthr-ui-preset.js.map +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.js +31 -2
- package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/lib/components/Balloon/Balloon.js +1 -2
- package/lib/components/Balloon/Balloon.js.map +1 -1
- package/lib/components/Button/Button.js +1 -1
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/ButtonWrapper.js +1 -2
- package/lib/components/Button/ButtonWrapper.js.map +1 -1
- package/lib/components/Calendar/Calendar.js +1 -1
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/CalendarTable.js +1 -1
- package/lib/components/Calendar/CalendarTable.js.map +1 -1
- package/lib/components/Calendar/YearPicker.js +1 -1
- package/lib/components/Calendar/YearPicker.js.map +1 -1
- package/lib/components/CheckBox/CheckBox.js +1 -1
- package/lib/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/components/Chip/Chip.js +1 -6
- package/lib/components/Chip/Chip.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +1 -1
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/Dialog/DialogContentInner.js +1 -1
- package/lib/components/Dialog/DialogContentInner.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.d.ts +2 -2
- package/lib/components/Dialog/MessageDialog/MessageDialog.js +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.d.ts +2 -2
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.js +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +28 -43
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +2 -2
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +2 -2
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +33 -43
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/FormGroup/FormGroup.js +7 -1
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/Header/HeaderDropdownMenuButton.d.ts +2 -0
- package/lib/components/Input/Input.js +1 -1
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/InputFile/InputFile.js +1 -1
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.d.ts +237 -9
- package/lib/components/NotificationBar/NotificationBar.js +134 -135
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/RadioButton/RadioButton.js +1 -1
- package/lib/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/RadioButtonPanel/RadioButtonPanel.js +1 -1
- package/lib/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.d.ts +4 -0
- package/lib/components/RightFixedNote/RightFixedNote.js +13 -9
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.d.ts +2 -0
- package/lib/components/RightFixedNote/RightFixedNoteItem.js +2 -2
- package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/lib/components/Select/Select.js +1 -1
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/StatusLabel/StatusLabel.js +1 -2
- package/lib/components/StatusLabel/StatusLabel.js.map +1 -1
- package/lib/components/TabBar/TabBar.js +1 -6
- package/lib/components/TabBar/TabBar.js.map +1 -1
- package/lib/components/Table/Table.js +3 -3
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Td.js +1 -6
- package/lib/components/Table/Td.js.map +1 -1
- package/lib/components/Table/TdCheckbox.js +16 -20
- package/lib/components/Table/TdCheckbox.js.map +1 -1
- package/lib/components/Table/ThCheckbox.js +16 -20
- package/lib/components/Table/ThCheckbox.js.map +1 -1
- package/lib/components/Textarea/Textarea.js +1 -1
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/hooks/useTailwindTheme.d.ts +12 -0
- package/lib/smarthr-ui-preset.d.ts +13 -1
- package/lib/smarthr-ui-preset.js +41 -17
- package/lib/smarthr-ui-preset.js.map +1 -1
- package/package.json +19 -19
- package/smarthr-ui.css +243 -89
- package/esm/components/Dropdown/DropdownMenuButton/useClassNames.d.ts +0 -5
- package/esm/components/Dropdown/DropdownMenuButton/useClassNames.js +0 -12
- package/esm/components/Dropdown/DropdownMenuButton/useClassNames.js.map +0 -1
- package/esm/components/NotificationBar/useClassNames.d.ts +0 -7
- package/esm/components/NotificationBar/useClassNames.js +0 -14
- package/esm/components/NotificationBar/useClassNames.js.map +0 -1
- package/lib/components/Dropdown/DropdownMenuButton/useClassNames.d.ts +0 -5
- package/lib/components/Dropdown/DropdownMenuButton/useClassNames.js +0 -16
- package/lib/components/Dropdown/DropdownMenuButton/useClassNames.js.map +0 -1
- package/lib/components/NotificationBar/useClassNames.d.ts +0 -7
- package/lib/components/NotificationBar/useClassNames.js +0 -18
- package/lib/components/NotificationBar/useClassNames.js.map +0 -1
|
@@ -1,157 +1,156 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { Base as shrBase } from '../Base';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
3
|
+
import { Base } from '../Base';
|
|
5
4
|
import { Button } from '../Button';
|
|
6
5
|
import { FaCheckCircleIcon, FaExclamationCircleIcon, FaExclamationTriangleIcon, FaInfoCircleIcon, FaTimesIcon, WarningIcon, } from '../Icon';
|
|
7
6
|
import { Cluster } from '../Layout';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
export const notificationBar = tv({
|
|
8
|
+
slots: {
|
|
9
|
+
wrapper: 'smarthr-ui-NotificationBar shr-flex shr-items-baseline shr-justify-between shr-gap-0.5 shr-p-0.75',
|
|
10
|
+
inner: 'shr-flex-grow',
|
|
11
|
+
messageArea: [
|
|
12
|
+
'smarthr-ui-NotificationBar-messageArea',
|
|
13
|
+
'shr-flex shr-grow',
|
|
14
|
+
'[&_.smarthr-ui-Icon-withText]:shr-leading-tight',
|
|
15
|
+
],
|
|
16
|
+
icon: '',
|
|
17
|
+
actionArea: 'smarthr-ui-NotificationBar-actionArea shr-shrink-0',
|
|
18
|
+
actionWrapper: 'smarthr-ui-NotificationBar-actions -shr-my-0.5',
|
|
19
|
+
closeButton: 'smarthr-ui-NotificationBar-closeButton -shr-mb-0.5 -shr-mr-0.5 -shr-mt-0.5 shr-flex-shrink-0 shr-text-black',
|
|
20
|
+
},
|
|
21
|
+
variants: {
|
|
22
|
+
/** 下地 */
|
|
23
|
+
base: {
|
|
24
|
+
none: {},
|
|
25
|
+
base: {
|
|
26
|
+
wrapper: 'shr-py-1 shr-pe-1 shr-ps-1.5',
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
/** メッセージの種類 */
|
|
30
|
+
type: {
|
|
31
|
+
info: {
|
|
32
|
+
icon: 'shr-text-grey',
|
|
33
|
+
},
|
|
34
|
+
success: {},
|
|
35
|
+
warning: {
|
|
36
|
+
icon: 'shr-text-black',
|
|
37
|
+
},
|
|
38
|
+
error: {},
|
|
39
|
+
},
|
|
40
|
+
/** 強調するかどうか */
|
|
41
|
+
bold: {
|
|
42
|
+
true: '',
|
|
43
|
+
false: '',
|
|
44
|
+
},
|
|
45
|
+
/** スライドインするかどうか */
|
|
46
|
+
animate: {
|
|
47
|
+
true: {
|
|
48
|
+
wrapper: 'shr-animate-[notifiction-bar-slide-in_0.2s_ease-out]',
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
compoundVariants: [
|
|
53
|
+
{
|
|
54
|
+
type: ['info', 'success', 'warning', 'error'],
|
|
55
|
+
bold: false,
|
|
56
|
+
className: {
|
|
57
|
+
wrapper: 'shr-bg-white shr-text-black',
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
type: 'success',
|
|
62
|
+
bold: false,
|
|
63
|
+
className: {
|
|
64
|
+
icon: 'shr-text-main',
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
type: 'error',
|
|
69
|
+
bold: false,
|
|
70
|
+
className: {
|
|
71
|
+
icon: 'shr-text-danger',
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
type: 'info',
|
|
76
|
+
bold: true,
|
|
77
|
+
className: {
|
|
78
|
+
wrapper: 'shr-bg-white',
|
|
79
|
+
},
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
type: 'success',
|
|
83
|
+
bold: true,
|
|
84
|
+
className: {
|
|
85
|
+
wrapper: 'shr-bg-main shr-text-white',
|
|
86
|
+
icon: 'shr-text-white',
|
|
87
|
+
closeButton: 'shr-text-white [&]:hover:shr-bg-main-darken [&]:focus-visible:shr-bg-main-darken',
|
|
88
|
+
},
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
type: 'warning',
|
|
92
|
+
bold: true,
|
|
93
|
+
className: {
|
|
94
|
+
wrapper: 'shr-bg-warning-yellow shr-text-black',
|
|
95
|
+
closeButton: 'shr-text-black [&]:hover:shr-bg-warning-yellow-darken [&]:focus-visible:shr-bg-warning-yellow-darken',
|
|
96
|
+
},
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
type: 'error',
|
|
100
|
+
bold: true,
|
|
101
|
+
className: {
|
|
102
|
+
wrapper: 'shr-bg-danger shr-text-white',
|
|
103
|
+
icon: 'shr-text-white',
|
|
104
|
+
closeButton: 'shr-text-white [&]:hover:shr-bg-danger-darken [&]:focus-visible:shr-bg-danger-darken',
|
|
105
|
+
},
|
|
106
|
+
},
|
|
107
|
+
],
|
|
108
|
+
});
|
|
109
|
+
export const NotificationBar = ({ type, bold = false, animate, message, onClose, children, role = type === 'info' ? 'status' : 'alert', base = 'none', layer, className, ...props }) => {
|
|
110
|
+
const Icon = useMemo(() => {
|
|
15
111
|
switch (type) {
|
|
16
112
|
case 'info':
|
|
17
|
-
return
|
|
18
|
-
Icon: FaInfoCircleIcon,
|
|
19
|
-
iconColor: color.TEXT_GREY,
|
|
20
|
-
};
|
|
113
|
+
return FaInfoCircleIcon;
|
|
21
114
|
case 'success': {
|
|
22
|
-
|
|
23
|
-
? {
|
|
24
|
-
iconColor: color.TEXT_WHITE,
|
|
25
|
-
fgColor: color.TEXT_WHITE,
|
|
26
|
-
bgColor: color.MAIN,
|
|
27
|
-
}
|
|
28
|
-
: {};
|
|
29
|
-
return {
|
|
30
|
-
Icon: FaCheckCircleIcon,
|
|
31
|
-
iconColor: color.MAIN,
|
|
32
|
-
...colors,
|
|
33
|
-
};
|
|
115
|
+
return FaCheckCircleIcon;
|
|
34
116
|
}
|
|
35
117
|
case 'warning': {
|
|
36
|
-
|
|
37
|
-
? {
|
|
38
|
-
Icon: FaExclamationTriangleIcon,
|
|
39
|
-
fgColor: color.TEXT_BLACK,
|
|
40
|
-
bgColor: color.WARNING_YELLOW,
|
|
41
|
-
}
|
|
42
|
-
: {};
|
|
43
|
-
return {
|
|
44
|
-
Icon: WarningIcon,
|
|
45
|
-
iconColor: color.TEXT_BLACK,
|
|
46
|
-
...colors,
|
|
47
|
-
};
|
|
118
|
+
return bold ? FaExclamationTriangleIcon : WarningIcon;
|
|
48
119
|
}
|
|
49
120
|
case 'error': {
|
|
50
|
-
|
|
51
|
-
? {
|
|
52
|
-
iconColor: color.TEXT_WHITE,
|
|
53
|
-
fgColor: color.TEXT_WHITE,
|
|
54
|
-
bgColor: color.DANGER,
|
|
55
|
-
}
|
|
56
|
-
: {};
|
|
57
|
-
return {
|
|
58
|
-
Icon: FaExclamationCircleIcon,
|
|
59
|
-
iconColor: color.DANGER,
|
|
60
|
-
...colors,
|
|
61
|
-
};
|
|
121
|
+
return FaExclamationCircleIcon;
|
|
62
122
|
}
|
|
63
123
|
}
|
|
64
|
-
}, [
|
|
65
|
-
const { baseComponent: WrapBase, baseProps } = useMemo(() => base === 'base'
|
|
124
|
+
}, [type, bold]);
|
|
125
|
+
const { baseComponent: WrapBase = React.Fragment, baseProps = {} } = useMemo(() => base === 'base'
|
|
66
126
|
? {
|
|
67
127
|
baseComponent: Base,
|
|
68
128
|
baseProps: {
|
|
69
129
|
layer,
|
|
130
|
+
overflow: 'hidden',
|
|
70
131
|
},
|
|
71
132
|
}
|
|
72
|
-
: {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
133
|
+
: {}, [base, layer]);
|
|
134
|
+
const { wrapperStyle, innerStyle, messageAreaStyle, iconStyle, actionAreaStyle, actionWrapperStyle, closeButtonStyle, } = useMemo(() => {
|
|
135
|
+
const { wrapper, inner, messageArea, icon, actionArea, actionWrapper, closeButton } = notificationBar({ type, bold, base });
|
|
136
|
+
return {
|
|
137
|
+
wrapperStyle: wrapper({ animate, className }),
|
|
138
|
+
innerStyle: inner(),
|
|
139
|
+
messageAreaStyle: messageArea(),
|
|
140
|
+
iconStyle: icon(),
|
|
141
|
+
actionAreaStyle: actionArea(),
|
|
142
|
+
actionWrapperStyle: actionWrapper(),
|
|
143
|
+
closeButtonStyle: closeButton(),
|
|
144
|
+
};
|
|
145
|
+
}, [animate, base, bold, className, type]);
|
|
76
146
|
return (React.createElement(WrapBase, { ...baseProps },
|
|
77
|
-
React.createElement(
|
|
78
|
-
React.createElement(
|
|
79
|
-
React.createElement(
|
|
80
|
-
React.createElement(Icon, { text: message,
|
|
81
|
-
children && (React.createElement(
|
|
82
|
-
React.createElement(
|
|
83
|
-
onClose && (React.createElement(
|
|
147
|
+
React.createElement("div", { ...props, className: wrapperStyle, role: role },
|
|
148
|
+
React.createElement(Cluster, { gap: 1, align: "center", justify: "flex-end", className: innerStyle },
|
|
149
|
+
React.createElement("div", { className: messageAreaStyle },
|
|
150
|
+
React.createElement(Icon, { text: message, iconGap: 0.5, className: iconStyle })),
|
|
151
|
+
children && (React.createElement(Cluster, { gap: 0.5, align: "center", className: actionAreaStyle },
|
|
152
|
+
React.createElement(Cluster, { align: "center", justify: "flex-end", className: actionWrapperStyle }, children)))),
|
|
153
|
+
onClose && (React.createElement(Button, { variant: "text", size: "s", onClick: onClose, className: closeButtonStyle },
|
|
84
154
|
React.createElement(FaTimesIcon, { alt: "\u9589\u3058\u308B" }))))));
|
|
85
155
|
};
|
|
86
|
-
const Base = styled(shrBase).attrs({ overflow: 'hidden' }) ``;
|
|
87
|
-
const Wrapper = styled.div(({ themes: { color, fontSize, leading, space }, $colorSet: { fgColor = color.TEXT_BLACK, bgColor = color.WHITE }, onBase, animate, }) => css `
|
|
88
|
-
display: flex;
|
|
89
|
-
gap: ${space(0.5)};
|
|
90
|
-
align-items: baseline;
|
|
91
|
-
justify-content: space-between;
|
|
92
|
-
background-color: ${bgColor};
|
|
93
|
-
padding: ${space(0.75)};
|
|
94
|
-
${onBase &&
|
|
95
|
-
css `
|
|
96
|
-
padding-block: ${space(1)};
|
|
97
|
-
padding-inline: ${space(1.5)} ${space(1)};
|
|
98
|
-
`}
|
|
99
|
-
color: ${fgColor};
|
|
100
|
-
${animate &&
|
|
101
|
-
css `
|
|
102
|
-
/* 1行の場合の高さ分だけスライドさせる */
|
|
103
|
-
/* stylelint-disable-next-line */
|
|
104
|
-
animation: ${slideIn(`calc(${fontSize.M} * ${leading.TIGHT} + ${space(1.5)})`)} 0.2s ease-out;
|
|
105
|
-
`}
|
|
106
|
-
`);
|
|
107
|
-
const Inner = styled(Cluster).attrs({
|
|
108
|
-
gap: 1,
|
|
109
|
-
align: 'center',
|
|
110
|
-
justify: 'flex-end',
|
|
111
|
-
}) `
|
|
112
|
-
flex-grow: 1;
|
|
113
|
-
`;
|
|
114
|
-
const slideIn = (translateLength) => keyframes `
|
|
115
|
-
from {
|
|
116
|
-
opacity: 0;
|
|
117
|
-
transform: translateY(calc(-1 * ${translateLength}));
|
|
118
|
-
}
|
|
119
|
-
to {
|
|
120
|
-
opacity: 1;
|
|
121
|
-
transform: translateY(0);
|
|
122
|
-
}
|
|
123
|
-
`;
|
|
124
|
-
const MessageArea = styled.div(({ themes: { leading, spacingByChar } }) => css `
|
|
125
|
-
display: flex;
|
|
126
|
-
gap: ${spacingByChar(0.5)};
|
|
127
|
-
align-items: center;
|
|
128
|
-
flex-grow: 1;
|
|
129
|
-
|
|
130
|
-
.smarthr-ui-Icon-withText {
|
|
131
|
-
line-height: ${leading.TIGHT};
|
|
132
|
-
}
|
|
133
|
-
`);
|
|
134
|
-
const ActionArea = styled.div(({ themes: { spacingByChar } }) => css `
|
|
135
|
-
display: flex;
|
|
136
|
-
gap: ${spacingByChar(0.5)};
|
|
137
|
-
align-items: center;
|
|
138
|
-
flex-shrink: 0;
|
|
139
|
-
`);
|
|
140
|
-
const ActionWrapper = styled(Cluster)(({ themes: { spacingByChar } }) => css `
|
|
141
|
-
margin-block: ${spacingByChar(-0.5)};
|
|
142
|
-
`);
|
|
143
|
-
const CloseButton = styled(Button)(({ themes: { color, spacingByChar }, $colorSet: { fgColor = color.TEXT_BLACK, bgColor = color.WHITE }, }) => css `
|
|
144
|
-
flex-shrink: 0;
|
|
145
|
-
|
|
146
|
-
margin-top: ${spacingByChar(-0.5)};
|
|
147
|
-
margin-right: ${spacingByChar(-0.5)};
|
|
148
|
-
margin-bottom: ${spacingByChar(-0.5)};
|
|
149
|
-
color: ${fgColor};
|
|
150
|
-
|
|
151
|
-
&:hover,
|
|
152
|
-
&:focus-visible {
|
|
153
|
-
background-color: ${color.hoverColor(bgColor)};
|
|
154
|
-
color: ${fgColor};
|
|
155
|
-
}
|
|
156
|
-
`);
|
|
157
156
|
//# sourceMappingURL=NotificationBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+D,OAAO,EAAE,MAAM,OAAO,CAAA;AACnG,OAAO,
|
|
1
|
+
{"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ const radioButton = tv({
|
|
|
8
8
|
innerWrapper: 'shr-relative shr-inline-block shr-h-em shr-w-em shr-shrink-0 shr-translate-y-[0.125em] shr-leading-none',
|
|
9
9
|
box: [
|
|
10
10
|
'shr-pointer-events-none',
|
|
11
|
-
'shr-box-border shr-block shr-h-full shr-w-full shr-rounded-full shr-
|
|
11
|
+
'shr-border-shorthand shr-box-border shr-block shr-h-full shr-w-full shr-rounded-full shr-bg-white',
|
|
12
12
|
/* 強制カラーモードのときは、ブラウザ標準のUIを表示する */
|
|
13
13
|
'forced-colors:shr-hidden',
|
|
14
14
|
'contrast-more:shr-border-high-contrast',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIzC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,EAAE,yEAAyE;QAChF,YAAY,EACV,yGAAyG;QAC3G,GAAG,EAAE;YACH,yBAAyB;YACzB,
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIzC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,2DAA2D;QACpE,KAAK,EAAE,yEAAyE;QAChF,YAAY,EACV,yGAAyG;QAC3G,GAAG,EAAE;YACH,yBAAyB;YACzB,mGAAmG;YACnG,iCAAiC;YACjC,0BAA0B;YAC1B,wCAAwC;YACxC,2GAA2G;YAC3G,oZAAoZ;YACpZ,uEAAuE;YACvE,8IAA8I;YAC9I,wCAAwC;SACzC;QACD,KAAK,EAAE;YACL,6CAA6C;YAC7C,kGAAkG;YAClG,kCAAkC;YAClC,iCAAiC;YACjC,wDAAwD;SACzD;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,uCAAuC;aAC/C;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,mCAAmC;gBAC1C,GAAG,EAAE,mCAAmC;aACzC;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACzF,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAA;QAClE,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,iBAAiB,EAAE,YAAY,EAAE;YACjC,QAAQ,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,UAAU,EAAE,KAAK,EAAE;YACnB,UAAU,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SAClD,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE/B,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,8BAAM,SAAS,EAAE,YAAY;QAC3B,8BAAM,SAAS,EAAE,iBAAiB;YAEhC,kCACM,KAAK,EACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,aAAa,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,GAAG,GACR;YACF,8BAAM,SAAS,EAAE,QAAQ,GAAI,CACxB;QAEN,QAAQ,IAAI,CACX,+BAAO,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IACjD,QAAQ,CACH,CACT,CACI,CACR,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -6,7 +6,7 @@ const MEANLESS_TAG_NAMES = ['div', 'span'];
|
|
|
6
6
|
const radioButtonPanel = tv({
|
|
7
7
|
base: [
|
|
8
8
|
'smarthr-ui-RadioButtonPanel',
|
|
9
|
-
'shr-border
|
|
9
|
+
'shr-border-shorthand shr-shadow-none',
|
|
10
10
|
// なぜか :has が動作しないので重ねて書いている
|
|
11
11
|
'has-[:focus-visible]:shr-focus-indicator [&:has(:focus-visible)]:shr-focus-indicator',
|
|
12
12
|
'[&_.smarthr-ui-RadioButton-radioButton:focus-visible_+_span]:shr-shadow-none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAM5C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAE1C,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE;QACJ,6BAA6B;QAC7B,
|
|
1
|
+
{"version":3,"file":"RadioButtonPanel.js","sourceRoot":"","sources":["../../../src/components/RadioButtonPanel/RadioButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAM5C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAE1C,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE;QACJ,6BAA6B;QAC7B,sCAAsC;QACtC,4BAA4B;QAC5B,sFAAsF;QACtF,8EAA8E;QAC9E,+CAA+C;QAC/C,yGAAyG;KAC1G;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE,yEAAyE;SACjF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,EACjE,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC5B,CAAA;IAED,+BAA+B;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,OAAO;IACL,+EAA+E;IAC/E,oBAAC,IAAI,IACH,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC7E,OAAO,EAAE,gBAAgB,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,MAAM;QAGjB,oBAAC,WAAW,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,GAAI,CACpC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -18,6 +18,10 @@ type Props = {
|
|
|
18
18
|
className?: string;
|
|
19
19
|
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
20
20
|
decorators?: DecoratorsType<'submitLabel'>;
|
|
21
|
+
/** 読み込み中かどうか */
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
/** 送信中かどうか */
|
|
24
|
+
submitting?: boolean;
|
|
21
25
|
};
|
|
22
26
|
type ElementProps = Omit<FormHTMLAttributes<HTMLFormElement>, keyof Props>;
|
|
23
27
|
export declare const RightFixedNote: VFC<Props & ElementProps>;
|
|
@@ -5,6 +5,8 @@ import { useId } from '../../hooks/useId';
|
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import { Button } from '../Button';
|
|
7
7
|
import { Heading } from '../Heading';
|
|
8
|
+
import { Center } from '../Layout';
|
|
9
|
+
import { Loader } from '../Loader';
|
|
8
10
|
import { Section } from '../SectioningContent';
|
|
9
11
|
import { Text } from '../Text';
|
|
10
12
|
import { Textarea } from '../Textarea';
|
|
@@ -12,7 +14,7 @@ import { RightFixedNoteItem } from './RightFixedNoteItem';
|
|
|
12
14
|
import { useClassNames } from './useClassNames';
|
|
13
15
|
const TEXT_AREA_NAME = 'admin_memo_new_text';
|
|
14
16
|
const SUBMIT_LABEL = '送信';
|
|
15
|
-
export const RightFixedNote = ({ title, items, width = 270, textareaLabel, onClickEdit, onSubmit, className = '', decorators, ...props }) => {
|
|
17
|
+
export const RightFixedNote = ({ title, items, width = 270, textareaLabel, onClickEdit, onSubmit, className = '', decorators, loading = false, submitting = false, ...props }) => {
|
|
16
18
|
const theme = useTheme();
|
|
17
19
|
const submitLabel = useMemo(() => decorators?.submitLabel?.(SUBMIT_LABEL) || SUBMIT_LABEL, [decorators]);
|
|
18
20
|
const handleSubmit = useCallback((e) => {
|
|
@@ -26,12 +28,15 @@ export const RightFixedNote = ({ title, items, width = 270, textareaLabel, onCli
|
|
|
26
28
|
return (React.createElement(WrapperForm, { ...props, themes: theme, "$width": width, onSubmit: handleSubmit, className: `${className} ${classNames.wrapper}` },
|
|
27
29
|
React.createElement(Section, null,
|
|
28
30
|
React.createElement(SectionHeading, { themes: theme, className: classNames.title }, title),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
loading ? (React.createElement(Center, { padding: 8 },
|
|
32
|
+
React.createElement(Loader, null))) : (React.createElement(React.Fragment, null,
|
|
33
|
+
items &&
|
|
34
|
+
items.map((item) => (React.createElement(RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit, submitting: submitting }))),
|
|
35
|
+
textareaLabel && (React.createElement("label", { htmlFor: textareaId },
|
|
36
|
+
React.createElement(TextareaLabelText, { themes: theme }, textareaLabel))),
|
|
37
|
+
React.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": innerText(textareaLabel || title), className: classNames.textarea, disabled: submitting }),
|
|
38
|
+
React.createElement(SubmitButtonWrapper, null,
|
|
39
|
+
React.createElement(Button, { type: "submit", className: classNames.submitButton, loading: submitting }, submitLabel)))))));
|
|
35
40
|
};
|
|
36
41
|
const WrapperForm = styled.form `
|
|
37
42
|
${({ themes, $width }) => {
|
|
@@ -74,8 +79,7 @@ const StyledTextarea = styled(Textarea) `
|
|
|
74
79
|
margin-bottom: ${spacingByChar(1)};
|
|
75
80
|
`}
|
|
76
81
|
`;
|
|
77
|
-
const
|
|
78
|
-
display: block;
|
|
82
|
+
const SubmitButtonWrapper = styled.div `
|
|
79
83
|
float: right;
|
|
80
84
|
`;
|
|
81
85
|
//# sourceMappingURL=RightFixedNote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsC,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,EAA0B,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,8 @@ export type ItemProps = {
|
|
|
14
14
|
editLabel?: string;
|
|
15
15
|
/** このコンポーネントに適用するクラス名 */
|
|
16
16
|
className?: string;
|
|
17
|
+
/** 送信中かどうか */
|
|
18
|
+
submitting?: boolean;
|
|
17
19
|
};
|
|
18
20
|
export type OnClickEdit = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, id: string) => void;
|
|
19
21
|
type Props = ItemProps & {
|
|
@@ -5,12 +5,12 @@ import { Base } from '../Base';
|
|
|
5
5
|
import { Button } from '../Button';
|
|
6
6
|
import { FaPenIcon } from '../Icon';
|
|
7
7
|
import { useClassNames } from './useClassNames';
|
|
8
|
-
export const RightFixedNoteItem = ({ id, text, date, author, onClickEdit, editable = true, editLabel = '編集', className = '', }) => {
|
|
8
|
+
export const RightFixedNoteItem = ({ id, text, date, author, onClickEdit, editable = true, editLabel = '編集', className = '', submitting = false, }) => {
|
|
9
9
|
const theme = useTheme();
|
|
10
10
|
const classNames = useClassNames();
|
|
11
11
|
return (React.createElement(Wrapper, { themes: theme, className: `${className} ${classNames.item}` },
|
|
12
12
|
React.createElement(TextBase, { themes: theme },
|
|
13
|
-
editable && (React.createElement(EditButton, { size: "s", onClick: (e) => onClickEdit(e, id), square: true, "aria-label": editLabel, className: classNames.itemEditButton },
|
|
13
|
+
editable && (React.createElement(EditButton, { size: "s", onClick: (e) => onClickEdit(e, id), square: true, "aria-label": editLabel, className: classNames.itemEditButton, disabled: submitting },
|
|
14
14
|
React.createElement(FaPenIcon, null))),
|
|
15
15
|
React.createElement(Text, { themes: theme, className: classNames.itemText }, text)),
|
|
16
16
|
date && (React.createElement(Info, { themes: theme, className: classNames.itemDate }, date)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightFixedNoteItem.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNoteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"RightFixedNoteItem.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNoteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,kBAAkB,GAAe,CAAC,EAC7C,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,GACnB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE;QAClE,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK;YACpB,QAAQ,IAAI,CACX,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC,EAClC,MAAM,sBACM,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,QAAQ,EAAE,UAAU;gBAEpB,oBAAC,SAAS,OAAG,CACF,CACd;YACD,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IAChD,IAAI,CACA,CACE;QACV,IAAI,IAAI,CACP,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IAChD,IAAI,CACA,CACR;QACA,MAAM,IAAI,CACT,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU,IAClD,MAAM,CACF,CACR,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;qBACrB,aAAa,CAAC,GAAG,CAAC;GACpC;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;eAC3B,aAAa,CAAC,GAAG,CAAC;qBACZ,aAAa,CAAC,GAAG,CAAC;;GAEpC;CACF,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAmB;IACpC,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;iBAIpB,QAAQ,CAAC,CAAC;;GAExB;CACF,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAEhC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;aAC/B,KAAK,CAAC,SAAS;iBACX,QAAQ,CAAC,CAAC;;GAExB;CACF,CAAA"}
|
|
@@ -7,7 +7,7 @@ const select = tv({
|
|
|
7
7
|
slots: {
|
|
8
8
|
wrapper: 'smarthr-ui-Select shr-relative shr-inline-block',
|
|
9
9
|
selectEl: [
|
|
10
|
-
'shr-peer shr-w-full shr-cursor-pointer shr-appearance-none shr-rounded-m shr-
|
|
10
|
+
'shr-peer shr-border-shorthand shr-w-full shr-cursor-pointer shr-appearance-none shr-rounded-m shr-bg-white shr-text-base shr-leading-tight shr-text-black shr-outline-none',
|
|
11
11
|
'hover:shr-bg-white-darken',
|
|
12
12
|
'focus-visible:shr-focus-indicator',
|
|
13
13
|
'disabled:shr-pointer-events-none disabled:shr-bg-white-darken disabled:shr-text-disabled disabled:shr-opacity-100',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+BpC,MAAM,WAAW,GAAG,UAAU,CAAA;AAE9B,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,iDAAiD;QAC1D,QAAQ,EAAE;YACR,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+BpC,MAAM,WAAW,GAAG,UAAU,CAAA;AAE9B,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,iDAAiD;QAC1D,QAAQ,EAAE;YACR,4KAA4K;YAC5K,2BAA2B;YAC3B,mCAAmC;YACnC,mHAAmH;YACnH,yCAAyC;YACzC,mCAAmC;YACnC,2FAA2F;SAC5F;QACD,QAAQ,EAAE;YACR,mGAAmG;YACnG,mEAAmE;SACpE;QACD,aAAa,EAAE,YAAY;KAC5B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,QAAQ,EAAE,gCAAgC;gBAC1C,QAAQ,EAAE,cAAc;aACzB;YACD,CAAC,EAAE;gBACD,QAAQ,EAAE;oBACR,oCAAoC;oBACpC,mCAAmC;oBACnC,wFAAwF;iBACzF;gBACD,QAAQ,EAAE,yBAAyB;aACpC;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,QAAQ,EAAE,mBAAmB;aAC9B;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,iDAAiD;aAC5D;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CACnB,EACE,OAAO,EACP,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgB,EAC1B,GAAoC,EACpC,EAAE;IACF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAiC,EAAE,EAAE;QACpC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QACzB,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAC5D,EAAsB,CACvB,CAAA;YACD,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACvF,IAAI,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;YACrC,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,CACnC,CAAA;IAED,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACzF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,MAAM,EAAE,CAAA;QAC/D,OAAO;YACL,iBAAiB,EAAE;gBACjB,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;gBACjC,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;iBACxD;aACF;YACD,WAAW,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YACtC,aAAa,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;YACjC,kBAAkB,EAAE,aAAa,EAAE;SACpC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,iCAAU,iBAAiB;QAEzB,mCACM,KAAK,EACT,QAAQ,EAAE,YAAY,kBACR,KAAK,IAAI,SAAS,EAChC,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW;YAErB,QAAQ,IAAI,CACX,gCAAQ,KAAK,EAAC,EAAE,IAAE,UAAU,EAAE,UAAU,EAAE,CAAC,WAAW,CAAC,IAAI,WAAW,CAAU,CACjF;YACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;oBACtB,OAAO,CACL,mCAAY,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,IAClC,MAAM,CAAC,KAAK,CACN,CACV,CAAA;gBACH,CAAC;gBAED,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,GAAG,MAAM,CAAA;gBAEvD,OAAO,CACL,qCAAc,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,KAAK,IACxC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CACrC,mCAAY,aAAa,EAAE,GAAG,EAAE,aAAa,CAAC,KAAK,IAChD,aAAa,CAAC,KAAK,CACb,CACV,CAAC,CACO,CACZ,CAAA;YACH,CAAC,CAAC;YAEA,mDAAmD;YACnD,cAAc,IAAI,kCAAU,SAAS,EAAE,kBAAkB,GAAI,CAExD;QACT,8BAAM,SAAS,EAAE,aAAa;YAC5B,oBAAC,UAAU,OAAG,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,4CAA4C;AAC5C,oHAAoH;AACpH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,CAIsB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusLabel.js","sourceRoot":"","sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAqB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE5E,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE;QACJ,wBAAwB;QACxB,iBAAiB;QACjB,eAAe;QACf,iBAAiB;QACjB,kBAAkB;QAClB,oBAAoB;QACpB,cAAc;QACd,YAAY;QACZ,aAAa;QACb,uBAAuB;QACvB,aAAa;QACb,sBAAsB;QACtB,iBAAiB;QACjB,mBAAmB;QACnB,cAAc;QACd,
|
|
1
|
+
{"version":3,"file":"StatusLabel.js","sourceRoot":"","sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAqB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE5E,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE;QACJ,wBAAwB;QACxB,iBAAiB;QACjB,eAAe;QACf,iBAAiB;QACjB,kBAAkB;QAClB,oBAAoB;QACpB,cAAc;QACd,YAAY;QACZ,aAAa;QACb,uBAAuB;QACvB,aAAa;QACb,sBAAsB;QACtB,iBAAiB;QACjB,mBAAmB;QACnB,cAAc;QACd,sBAAsB;KACvB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC;YACpD,KAAK,EAAE,CAAC,eAAe,EAAE,mBAAmB,EAAE,gBAAgB,CAAC;SAChE;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;SACT;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;YACzC,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,CAAC,oBAAoB,CAAC;SAClC;QACD;YACE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;YACtC,IAAI,EAAE,KAAK;YACX,SAAS,EAAE,CAAC,cAAc,CAAC;SAC5B;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,CAAC,oBAAoB,EAAE,eAAe,EAAE,wCAAwC,CAAC;SACzF;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,CAAC,eAAe,CAAC;SACzB;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,KAAK;YACX;4DACgD;YAChD,KAAK,EAAE,CAAC,oBAAoB,CAAC;SAC9B;QACD;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,CAAC,iBAAiB,CAAC;SAC3B;QACD;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,CAAC,2BAA2B,CAAC;SACrC;QACD;YACE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC;YAC/C,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC,gBAAgB,CAAC;SAC1B;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC,gCAAgC,EAAE,oBAAoB,CAAC;SAChE;QAED;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC;SAC1C;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,IAAI;YACV;4DACgD;YAChD,KAAK,EAAE,CAAC,sBAAsB,EAAE,kBAAkB,CAAC;SACpD;QACD;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC;SAC9C;QACD;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC;SAChD;KACF;CACF,CAAC,CAAA;AAKF,MAAM,CAAC,MAAM,WAAW,GAAgD,CAAC,EACvE,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC;gBAChC,OAAO,yBAAyB,CAAA;YAClC,CAAC;YACD,KAAK,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC;gBAC9B,OAAO,uBAAuB,CAAA;YAChC,CAAC;YACD,OAAO,CAAC,CAAC,CAAC;gBACR,OAAO,KAAK,CAAC,QAAQ,CAAA;YACvB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAEhB,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,WAAW,CAAC;QACV,SAAS;QACT,IAAI;QACJ,IAAI;KACL,CAAC,EACJ,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CACxB,CAAA;IAED,OAAO,CACL,iCAAU,KAAK,EAAE,SAAS,EAAE,YAAY;QACtC,oBAAC,IAAI,OAAG;QACP,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -14,12 +14,7 @@ const tabBar = tv({
|
|
|
14
14
|
'before:shr-absolute',
|
|
15
15
|
'before:shr-inset-x-0',
|
|
16
16
|
'before:shr-bottom-0',
|
|
17
|
-
'before:shr-border-b',
|
|
18
|
-
'before:shr-border-t-0',
|
|
19
|
-
'before:shr-border-l-0',
|
|
20
|
-
'before:shr-border-r-0',
|
|
21
|
-
'before:shr-border-solid',
|
|
22
|
-
'before:shr-border-default',
|
|
17
|
+
'before:shr-border-b-shorthand',
|
|
23
18
|
'before:shr-content-[""]',
|
|
24
19
|
],
|
|
25
20
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,mBAAmB,CAAC;QAC9B,KAAK,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;KAClC;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE;oBACL,cAAc;oBACd,qBAAqB;oBACrB,sBAAsB;oBACtB,qBAAqB;oBACrB
|
|
1
|
+
{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,mBAAmB,CAAC;QAC9B,KAAK,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;KAClC;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE;oBACL,cAAc;oBACd,qBAAqB;oBACrB,sBAAsB;oBACtB,qBAAqB;oBACrB,+BAA+B;oBAC/B,yBAAyB;iBAC1B;aACF;SACF;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,MAAM,GAA6B,CAAC,EAC/C,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,CAAA;QACnC,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,UAAU,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;SAChC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL,oBAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,YAAY;QACrD,6BAAK,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAO,CACvC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -12,9 +12,9 @@ const table = tv({
|
|
|
12
12
|
'shr-border-spacing-0',
|
|
13
13
|
'shr-bg-column',
|
|
14
14
|
'[&_tbody]:shr-bg-white',
|
|
15
|
-
'[&_th]:
|
|
16
|
-
'[&_td]:contrast-more:shr-border
|
|
17
|
-
'contrast-more:shr-border
|
|
15
|
+
'[&_th]:contrast-more:shr-border-shorthand [&_th]:shr-bg-head [&_th]:contrast-more:shr-border-high-contrast',
|
|
16
|
+
'[&_td]:contrast-more:shr-border-shorthand [&_td]:contrast-more:shr-border-high-contrast',
|
|
17
|
+
'contrast-more:shr-border-shorthand contrast-more:shr-border-high-contrast',
|
|
18
18
|
],
|
|
19
19
|
variants: {
|
|
20
20
|
fixedHead: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAE3C;IACD,KAAK,EAAE,MAAM;CACd,CAAC,CAAA;AAQF,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE;QACJ,kBAAkB;QAClB,YAAY;QACZ,sEAAsE;QACtE,qBAAqB;QACrB,sBAAsB;QACtB,eAAe;QACf,wBAAwB;QACxB,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAE3C;IACD,KAAK,EAAE,MAAM;CACd,CAAC,CAAA;AAQF,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE;QACJ,kBAAkB;QAClB,YAAY;QACZ,sEAAsE;QACtE,qBAAqB;QACrB,sBAAsB;QACtB,eAAe;QACf,wBAAwB;QACxB,4GAA4G;QAC5G,yFAAyF;QACzF,2EAA2E;KAC5E;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,sBAAsB;gBACtB,uBAAuB;gBACvB,qBAAqB;gBACrB,mEAAmE;gBACnE,4BAA4B;aAC7B;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,KAAK,GAA6B,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IACrF,OAAO,kCAAW,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA"}
|
|
@@ -16,12 +16,7 @@ const td = tv({
|
|
|
16
16
|
'shr-h-[calc(1em_*_theme(lineHeight.normal))]',
|
|
17
17
|
'shr-px-1',
|
|
18
18
|
'shr-py-0.5',
|
|
19
|
-
'shr-border-t',
|
|
20
|
-
'shr-border-l-0',
|
|
21
|
-
'shr-border-r-0',
|
|
22
|
-
'shr-border-b-0',
|
|
23
|
-
'shr-border-solid',
|
|
24
|
-
'shr-border-default',
|
|
19
|
+
'shr-border-t-shorthand',
|
|
25
20
|
'shr-text-base',
|
|
26
21
|
'shr-leading-normal',
|
|
27
22
|
'shr-align-middle',
|