@lobehub/ui 5.32.3 → 5.32.4
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.
|
@@ -23,8 +23,8 @@ declare const styles: {
|
|
|
23
23
|
};
|
|
24
24
|
declare const rootVariants: (props?: ({
|
|
25
25
|
shadow?: boolean | null | undefined;
|
|
26
|
-
size?: "
|
|
27
|
-
variant?: "filled" | "
|
|
26
|
+
size?: "small" | "middle" | "large" | null | undefined;
|
|
27
|
+
variant?: "filled" | "outlined" | "borderless" | null | undefined;
|
|
28
28
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
29
29
|
//#endregion
|
|
30
30
|
export { rootVariants, styles };
|
|
@@ -25,23 +25,31 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
|
|
|
25
25
|
}
|
|
26
26
|
`,
|
|
27
27
|
thumb: css`
|
|
28
|
-
|
|
29
|
-
height: 14px;
|
|
30
|
-
border-radius: 50%;
|
|
28
|
+
flex-shrink: 0;
|
|
31
29
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
30
|
+
width: 8px;
|
|
31
|
+
height: 16px;
|
|
32
|
+
border-radius: 100px;
|
|
33
|
+
|
|
34
|
+
background: ${cssVar.colorPrimary};
|
|
35
|
+
box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};
|
|
37
36
|
|
|
38
37
|
transition: box-shadow 150ms ${cssVar.motionEaseOut};
|
|
39
38
|
|
|
39
|
+
&::before {
|
|
40
|
+
content: '';
|
|
41
|
+
|
|
42
|
+
position: absolute;
|
|
43
|
+
inset-block-start: 50%;
|
|
44
|
+
inset-inline-start: 50%;
|
|
45
|
+
translate: -50% -50%;
|
|
46
|
+
|
|
47
|
+
width: 24px;
|
|
48
|
+
height: 40px;
|
|
49
|
+
}
|
|
50
|
+
|
|
40
51
|
&:hover:not([data-disabled] *) {
|
|
41
|
-
box-shadow:
|
|
42
|
-
0 0 0 1px ${cssVar.colorPrimary},
|
|
43
|
-
0 1px 2px rgb(0 0 0 / 12%),
|
|
44
|
-
0 3px 8px rgb(0 30 80 / 18%);
|
|
52
|
+
box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};
|
|
45
53
|
}
|
|
46
54
|
|
|
47
55
|
&:focus-visible {
|
|
@@ -50,10 +58,16 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
|
|
|
50
58
|
}
|
|
51
59
|
|
|
52
60
|
[data-dragging] & {
|
|
53
|
-
box-shadow:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
61
|
+
box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
[data-disabled] & {
|
|
65
|
+
background: ${cssVar.colorTextQuaternary};
|
|
66
|
+
box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@media (prefers-reduced-motion: reduce) {
|
|
70
|
+
transition-duration: 0s;
|
|
57
71
|
}
|
|
58
72
|
`,
|
|
59
73
|
track: css`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Slider/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n control: css`\n display: flex;\n align-items: center;\n width: 100%;\n height: 20px;\n `,\n indicator: css`\n border-radius: inherit;\n background: ${cssVar.colorPrimary};\n\n [data-disabled] & {\n background: ${cssVar.colorTextQuaternary};\n }\n `,\n root: css`\n display: flex;\n align-items: center;\n width: 100%;\n\n &[data-disabled] {\n cursor: not-allowed;\n }\n `,\n thumb: css`\n width:
|
|
1
|
+
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Slider/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n control: css`\n display: flex;\n align-items: center;\n width: 100%;\n height: 20px;\n `,\n indicator: css`\n border-radius: inherit;\n background: ${cssVar.colorPrimary};\n\n [data-disabled] & {\n background: ${cssVar.colorTextQuaternary};\n }\n `,\n root: css`\n display: flex;\n align-items: center;\n width: 100%;\n\n &[data-disabled] {\n cursor: not-allowed;\n }\n `,\n thumb: css`\n flex-shrink: 0;\n\n width: 8px;\n height: 16px;\n border-radius: 100px;\n\n background: ${cssVar.colorPrimary};\n box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\n\n transition: box-shadow 150ms ${cssVar.motionEaseOut};\n\n &::before {\n content: '';\n\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n translate: -50% -50%;\n\n width: 24px;\n height: 40px;\n }\n\n &:hover:not([data-disabled] *) {\n box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimaryBorder};\n outline-offset: 1px;\n }\n\n [data-dragging] & {\n box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\n }\n\n [data-disabled] & {\n background: ${cssVar.colorTextQuaternary};\n box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n `,\n track: css`\n width: 100%;\n height: 4px;\n border-radius: 100px;\n background: ${cssVar.colorFillSecondary};\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;CAMZ,WAAW,GAAG;;kBAEE,OAAO,aAAa;;;oBAGlB,OAAO,oBAAoB;;;CAG7C,MAAM,GAAG;;;;;;;;;CAST,OAAO,GAAG;;;;;;;kBAOM,OAAO,aAAa;4BACV,OAAO,iBAAiB;;mCAEjB,OAAO,cAAc;;;;;;;;;;;;;;;8BAe1B,OAAO,mBAAmB;;;;2BAI7B,OAAO,mBAAmB;;;;;8BAKvB,OAAO,mBAAmB;;;;oBAIpC,OAAO,oBAAoB;8BACjB,OAAO,iBAAiB;;;;;;;CAOpD,OAAO,GAAG;;;;kBAIM,OAAO,mBAAmB;;AAE5C,EAAE"}
|