@lobehub/ui 1.144.1 → 1.144.3
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/es/Collapse/style.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
3
3
|
import { createStyles } from 'antd-style';
|
|
4
4
|
export var useStyles = createStyles(function (_ref, _ref2) {
|
|
5
5
|
var css = _ref.css,
|
|
@@ -11,16 +11,16 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
11
11
|
bodyPadding = _ref2.bodyPadding,
|
|
12
12
|
headerPadding = _ref2.headerPadding;
|
|
13
13
|
var pureStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: transparent;\n border-radius: 0;\n\n .", "-collapse-header {\n padding-inline: 0 !important;\n background: transparent !important;\n }\n\n .", "-collapse-content {\n background: transparent;\n border-color: ", ";\n }\n\n .", "-collapse-content-box {\n padding-inline: 2px !important;\n background: transparent;\n border-radius: 0;\n }\n "])), prefixCls, prefixCls, token.colorFillSecondary, prefixCls);
|
|
14
|
-
var blockStyle = cx(
|
|
15
|
-
var ghostStyle = cx(css(
|
|
16
|
-
var defaultStyle = cx(isSplit ? css(
|
|
14
|
+
var blockStyle = cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background: transparent !important;\n .", "-collapse-item {\n background: ", " !important;\n }\n\n .", "-collapse-header {\n background: ", " !important;\n }\n "])), prefixCls, token.colorFillQuaternary, prefixCls, token.colorFillTertiary), isSplit ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .", "-collapse-item {\n overflow: hidden;\n border-radius: ", "px !important;\n }\n "])), prefixCls, token.borderRadiusLG) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), token.borderRadiusLG));
|
|
15
|
+
var ghostStyle = cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background: transparent;\n\n .", "-collapse-header {\n background: transparent !important;\n }\n\n .", "-collapse-content-box {\n background: transparent;\n }\n "])), prefixCls, prefixCls), isSplit ? css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n .", "-collapse-item {\n overflow: hidden;\n border: 1px solid ", " !important;\n border-radius: ", "px !important;\n &.", "-collapse-item-active {\n .", "-collapse-content-box {\n border-block-start: 1px solid ", " !important;\n }\n }\n }\n "])), prefixCls, token.colorBorderSecondary, token.borderRadiusLG, prefixCls, prefixCls, token.colorBorderSecondary) : css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n .", "-collapse-item:not(:first-child) {\n .", "-collapse-header {\n border-block-start: 1px solid ", ";\n }\n }\n "])), prefixCls, prefixCls, token.colorBorderSecondary));
|
|
16
|
+
var defaultStyle = cx(css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background: transparent !important;\n .", "-collapse-item {\n background: transparent !important;\n }\n\n .", "-collapse-header {\n background: ", " !important;\n }\n "])), prefixCls, prefixCls, token.colorFillTertiary), isSplit ? css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n background: transparent;\n .", "-collapse-item {\n overflow: hidden;\n border: 1px solid ", " !important;\n border-radius: ", "px !important;\n }\n "])), prefixCls, token.colorBorderSecondary, token.borderRadiusLG) : css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n border-radius: ", "px;\n .", "-collapse-item:not(:first-child) {\n .", "-collapse-header {\n border-block-start: 1px solid ", ";\n }\n }\n "])), token.borderRadiusLG, prefixCls, prefixCls, token.colorBorderSecondary));
|
|
17
17
|
return {
|
|
18
18
|
blockStyle: blockStyle,
|
|
19
19
|
defaultStyle: defaultStyle,
|
|
20
|
-
flatGroup: css(
|
|
20
|
+
flatGroup: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n overflow: hidden;\n padding-inline: 16px;\n "]))),
|
|
21
21
|
ghostStyle: ghostStyle,
|
|
22
|
-
group: cx(isDarkMode && css(
|
|
23
|
-
icon: css(
|
|
22
|
+
group: cx(isDarkMode && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n .", "-collapse-content {\n background: transparent;\n border-color: ", ";\n }\n\n .", "-collapse-header {\n background: ", ";\n }\n "])), prefixCls, token.colorBorderSecondary, prefixCls, token.colorFillTertiary), css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n overflow: hidden;\n display: flex;\n flex: none;\n flex-direction: column;\n\n .", "-collapse-item {\n border: none;\n }\n\n .", "-collapse-extra {\n margin-inline-start: 16px;\n }\n\n .", "-collapse-header {\n align-items: center !important;\n padding: ", " !important;\n border-radius: 0 !important;\n }\n\n .", "-collapse-content-box {\n padding: ", " !important;\n }\n\n .", "-form-item-label {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n "])), prefixCls, prefixCls, prefixCls, typeof headerPadding === 'string' ? headerPadding : "".concat(headerPadding, "px"), prefixCls, typeof bodyPadding === 'string' ? bodyPadding : "".concat(bodyPadding, "px"), prefixCls)),
|
|
23
|
+
icon: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n transition: all 100ms ", ";\n "])), token.motionEaseOut),
|
|
24
24
|
pureStyle: pureStyle
|
|
25
25
|
};
|
|
26
26
|
});
|
|
@@ -28,7 +28,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
|
|
|
28
28
|
p: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n p {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n line-height: var(--lobe-markdown-line-height);\n letter-spacing: 0.02em;\n }\n "]))),
|
|
29
29
|
pre: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n pre,\n [data-code-type='highlighter'] {\n white-space: break-spaces;\n border: none;\n\n > code {\n padding: 0 !important;\n\n font-family: ", ";\n font-size: 0.875em;\n line-height: 1.6;\n\n border: none !important;\n }\n }\n "])), token.fontFamilyCode),
|
|
30
30
|
strong: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n strong {\n font-weight: 600;\n }\n "]))),
|
|
31
|
-
table: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n table {\n unicode-bidi: isolate;\n overflow: auto hidden;\n display: block;\n border-spacing: 0;\n border-collapse: collapse;\n\n box-sizing: border-box;\n width: max-content;\n max-width: 100%;\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n text-align: start;\n text-indent: initial;\n text-wrap: balance;\n word-break: auto-phrase;\n overflow-wrap: break-word;\n\n background: ", ";\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n code {\n word-break: break-word;\n }\n\n thead {\n background: ", ";\n }\n\n tr {\n box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n }\n\n th,\n td {\n padding-block: 0.75em;\n padding-inline: 1em;\n text-align: start;\n }\n }\n "])), token.colorFillQuaternary, token.colorFillQuaternary),
|
|
31
|
+
table: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n table {\n unicode-bidi: isolate;\n overflow: auto hidden;\n display: block;\n border-spacing: 0;\n border-collapse: collapse;\n\n box-sizing: border-box;\n width: max-content;\n max-width: 100%;\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n text-align: start;\n text-indent: initial;\n text-wrap: balance;\n word-break: auto-phrase;\n overflow-wrap: break-word;\n\n background: ", ";\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n code {\n word-break: break-word;\n }\n\n thead {\n background: ", ";\n }\n\n tr {\n box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n }\n\n th,\n td {\n min-width: 100px;\n padding-block: 0.75em;\n padding-inline: 1em;\n text-align: start;\n }\n }\n "])), token.colorFillQuaternary, token.colorFillQuaternary),
|
|
32
32
|
video: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n > video,\n > p > video {\n margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n }\n\n video {\n max-width: 100%;\n }\n "])))
|
|
33
33
|
};
|
|
34
34
|
});
|