UNPKG

@ultraviolet/plus

Version:

Ultraviolet Plus

github.com/scaleway/ultraviolet

scaleway/ultraviolet

36 lines (35 loc) • 4.92 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
"use client"; "use strict"; Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); const jsxRuntime = require("@emotion/react/jsx-runtime"); const _styled = require("@emotion/styled/base"); const ui = require("@ultraviolet/ui"); const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e }; const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled); const StyledWrapper = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? { target: "e1xovou51" } : { target: "e1xovou51", label: "StyledWrapper" })("padding:", ({ theme }) => theme.space["3"], ";&:not(:first-child){border-top:1px solid ", ({ theme }) => theme.colors.neutral.border, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0NvbnRlbnRDYXJkR3JvdXAvU2tlbGV0b25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uLCBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRTcXVhcmVTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIGhlaWdodDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNhcmQgPSAoKSA9PiAoXG4gIDxTdHlsZWRXcmFwcGVyPlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfT5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8U3R5bGVkU3F1YXJlU2tlbGV0b24gdmFyaWFudD1cInNxdWFyZVwiIC8+XG4gICAgPC9TdGFjaz5cbiAgPC9TdHlsZWRXcmFwcGVyPlxuKVxuIl19 */")); const StyledSquareSkeleton = /* @__PURE__ */ _styled__default.default(ui.Skeleton, process.env.NODE_ENV === "production" ? { target: "e1xovou50" } : { target: "e1xovou50", label: "StyledSquareSkeleton" })("height:32px;width:32px;border-radius:", ({ theme }) => theme.radii.default, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWE2QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0NvbnRlbnRDYXJkR3JvdXAvU2tlbGV0b25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uLCBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRTcXVhcmVTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIGhlaWdodDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNhcmQgPSAoKSA9PiAoXG4gIDxTdHlsZWRXcmFwcGVyPlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfT5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8U3R5bGVkU3F1YXJlU2tlbGV0b24gdmFyaWFudD1cInNxdWFyZVwiIC8+XG4gICAgPC9TdGFjaz5cbiAgPC9TdHlsZWRXcmFwcGVyPlxuKVxuIl19 */")); const SkeletonCard = () => /* @__PURE__ */ jsxRuntime.jsx(StyledWrapper, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [ /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 2, children: [ /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { variant: "line" }), /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { variant: "line" }), /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { variant: "line" }) ] }), /* @__PURE__ */ jsxRuntime.jsx(StyledSquareSkeleton, { variant: "square" }) ] }) }); exports.SkeletonCard = SkeletonCard;