@x-plat/design-system 0.6.0 → 0.6.1
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/dist/components/Calendar/index.cjs +1 -1
- package/dist/components/Calendar/index.js +1 -1
- package/dist/components/Skeleton/index.cjs +6 -6
- package/dist/components/Skeleton/index.js +6 -6
- package/dist/components/Video/index.css +1 -1
- package/dist/components/index.cjs +247 -247
- package/dist/components/index.css +48 -48
- package/dist/components/index.d.cts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +221 -221
- package/dist/index.cjs +247 -247
- package/dist/index.css +51 -51
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +221 -221
- package/dist/layout/Header/index.css +2 -2
- package/dist/layout/Layout/index.css +1 -1
- package/dist/layout/index.css +3 -3
- package/package.json +1 -1
|
@@ -1114,7 +1114,7 @@ var DayCell = import_react2.default.memo(
|
|
|
1114
1114
|
"span",
|
|
1115
1115
|
{
|
|
1116
1116
|
className: "calendar-event-dot",
|
|
1117
|
-
style: { backgroundColor: event.color ?? "var(--
|
|
1117
|
+
style: { backgroundColor: event.color ?? "var(--semantic-surface-brand-default)" },
|
|
1118
1118
|
title: event.label,
|
|
1119
1119
|
onClick: (e) => {
|
|
1120
1120
|
e.stopPropagation();
|
|
@@ -1075,7 +1075,7 @@ var DayCell = React2.memo(
|
|
|
1075
1075
|
"span",
|
|
1076
1076
|
{
|
|
1077
1077
|
className: "calendar-event-dot",
|
|
1078
|
-
style: { backgroundColor: event.color ?? "var(--
|
|
1078
|
+
style: { backgroundColor: event.color ?? "var(--semantic-surface-brand-default)" },
|
|
1079
1079
|
title: event.label,
|
|
1080
1080
|
onClick: (e) => {
|
|
1081
1081
|
e.stopPropagation();
|
|
@@ -43,12 +43,12 @@ var clsx_default = clsx;
|
|
|
43
43
|
// src/components/Skeleton/Skeleton.tsx
|
|
44
44
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
45
|
var SIZE_MAP = {
|
|
46
|
-
xs: "var(--spacing-
|
|
47
|
-
sm: "var(--spacing-
|
|
48
|
-
md: "var(--spacing-
|
|
49
|
-
lg: "var(--spacing-
|
|
50
|
-
xl: "var(--spacing-
|
|
51
|
-
"2xl": "var(--spacing-
|
|
46
|
+
xs: "var(--spacing-space-1)",
|
|
47
|
+
sm: "var(--spacing-space-2)",
|
|
48
|
+
md: "var(--spacing-space-4)",
|
|
49
|
+
lg: "var(--spacing-space-8)",
|
|
50
|
+
xl: "var(--spacing-space-12)",
|
|
51
|
+
"2xl": "var(--spacing-space-16)",
|
|
52
52
|
full: "100%"
|
|
53
53
|
};
|
|
54
54
|
var Skeleton = (props) => {
|
|
@@ -17,12 +17,12 @@ var clsx_default = clsx;
|
|
|
17
17
|
// src/components/Skeleton/Skeleton.tsx
|
|
18
18
|
import { jsx } from "react/jsx-runtime";
|
|
19
19
|
var SIZE_MAP = {
|
|
20
|
-
xs: "var(--spacing-
|
|
21
|
-
sm: "var(--spacing-
|
|
22
|
-
md: "var(--spacing-
|
|
23
|
-
lg: "var(--spacing-
|
|
24
|
-
xl: "var(--spacing-
|
|
25
|
-
"2xl": "var(--spacing-
|
|
20
|
+
xs: "var(--spacing-space-1)",
|
|
21
|
+
sm: "var(--spacing-space-2)",
|
|
22
|
+
md: "var(--spacing-space-4)",
|
|
23
|
+
lg: "var(--spacing-space-8)",
|
|
24
|
+
xl: "var(--spacing-space-12)",
|
|
25
|
+
"2xl": "var(--spacing-space-16)",
|
|
26
26
|
full: "100%"
|
|
27
27
|
};
|
|
28
28
|
var Skeleton = (props) => {
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
color: inherit;
|
|
143
143
|
text-align: left;
|
|
144
144
|
cursor: pointer;
|
|
145
|
-
border-radius: var(--spacing-radius-
|
|
145
|
+
border-radius: var(--spacing-radius-sm);
|
|
146
146
|
font-size: var(--semantic-typo-caption-2-r-size);
|
|
147
147
|
font-variant-numeric: tabular-nums;
|
|
148
148
|
}
|