@citygross/components_v2 0.0.31 → 0.0.32
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.
|
@@ -2,6 +2,6 @@ import './../../cssUtils/border.css.ts.vanilla.css';
|
|
|
2
2
|
import './Skeleton.css.ts.vanilla.css';
|
|
3
3
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
4
4
|
|
|
5
|
-
var skeleton = createRuntimeFn({ defaultClassName: "Skeleton__i80r921e Skeleton_skeletonBase__i80r921d", variantClassNames: { borderRadius: { none: "border_borderRadius_none__c3f0gf1b", extraSmall: "border_borderRadius_extraSmall__c3f0gf1c", small: "border_borderRadius_small__c3f0gf1d", "default": "border_borderRadius_default__c3f0gf1e", big: "border_borderRadius_big__c3f0gf1f", bigger: "border_borderRadius_bigger__c3f0gf1g", large: "border_borderRadius_large__c3f0gf1h", round: "border_borderRadius_round__c3f0gf1i" }, width: { "8": "Skeleton_8__i80r921", "16": "Skeleton_16__i80r922", "24": "Skeleton_24__i80r923", "32": "Skeleton_32__i80r924", "40": "Skeleton_40__i80r925", "48": "Skeleton_48__i80r926", "56": "Skeleton_56__i80r927", "64": "Skeleton_64__i80r928", "72": "Skeleton_72__i80r929", "80": "Skeleton_80__i80r92a", "88": "Skeleton_88__i80r92b", "96": "Skeleton_96__i80r92c", "104": "Skeleton_104__i80r92d", "112": "Skeleton_112__i80r92e", "120": "Skeleton_120__i80r92f", "128": "Skeleton_128__i80r92g", "136": "Skeleton_136__i80r92h", "144": "Skeleton_144__i80r92i", "152": "Skeleton_152__i80r92j", "160": "Skeleton_160__i80r92k", "168": "Skeleton_168__i80r92l", "176": "Skeleton_176__i80r92m", "184": "Skeleton_184__i80r92n", "192": "Skeleton_192__i80r92o" }, height: { "8": "Skeleton_8__i80r92p", "16": "Skeleton_16__i80r92q", "24": "Skeleton_24__i80r92r", "32": "Skeleton_32__i80r92s", "40": "Skeleton_40__i80r92t", "48": "Skeleton_48__i80r92u", "56": "Skeleton_56__i80r92v", "64": "Skeleton_64__i80r92w", "72": "Skeleton_72__i80r92x", "80": "Skeleton_80__i80r92y", "88": "Skeleton_88__i80r92z", "96": "Skeleton_96__i80r9210", "104": "Skeleton_104__i80r9211", "112": "Skeleton_112__i80r9212", "120": "Skeleton_120__i80r9213", "128": "Skeleton_128__i80r9214", "136": "Skeleton_136__i80r9215", "144": "Skeleton_144__i80r9216", "152": "Skeleton_152__i80r9217", "160": "Skeleton_160__i80r9218", "168": "Skeleton_168__i80r9219", "176": "Skeleton_176__i80r921a", "184": "Skeleton_184__i80r921b", "192": "Skeleton_192__i80r921c" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5
|
+
var skeleton = createRuntimeFn({ defaultClassName: "Skeleton__i80r921e Skeleton_skeletonBase__i80r921d", variantClassNames: { borderRadius: { none: "border_borderRadius_none__c3f0gf1b", extraSmall: "border_borderRadius_extraSmall__c3f0gf1c", small: "border_borderRadius_small__c3f0gf1d", "default": "border_borderRadius_default__c3f0gf1e", big: "border_borderRadius_big__c3f0gf1f", bigger: "border_borderRadius_bigger__c3f0gf1g", large: "border_borderRadius_large__c3f0gf1h", round: "border_borderRadius_round__c3f0gf1i" }, width: { "8": "Skeleton_8__i80r921", "16": "Skeleton_16__i80r922", "24": "Skeleton_24__i80r923", "32": "Skeleton_32__i80r924", "40": "Skeleton_40__i80r925", "48": "Skeleton_48__i80r926", "56": "Skeleton_56__i80r927", "64": "Skeleton_64__i80r928", "72": "Skeleton_72__i80r929", "80": "Skeleton_80__i80r92a", "88": "Skeleton_88__i80r92b", "96": "Skeleton_96__i80r92c", "104": "Skeleton_104__i80r92d", "112": "Skeleton_112__i80r92e", "120": "Skeleton_120__i80r92f", "128": "Skeleton_128__i80r92g", "136": "Skeleton_136__i80r92h", "144": "Skeleton_144__i80r92i", "152": "Skeleton_152__i80r92j", "160": "Skeleton_160__i80r92k", "168": "Skeleton_168__i80r92l", "176": "Skeleton_176__i80r92m", "184": "Skeleton_184__i80r92n", "192": "Skeleton_192__i80r92o" }, height: { "8": "Skeleton_8__i80r92p", "16": "Skeleton_16__i80r92q", "24": "Skeleton_24__i80r92r", "32": "Skeleton_32__i80r92s", "40": "Skeleton_40__i80r92t", "48": "Skeleton_48__i80r92u", "56": "Skeleton_56__i80r92v", "64": "Skeleton_64__i80r92w", "72": "Skeleton_72__i80r92x", "80": "Skeleton_80__i80r92y", "88": "Skeleton_88__i80r92z", "96": "Skeleton_96__i80r9210", "104": "Skeleton_104__i80r9211", "112": "Skeleton_112__i80r9212", "120": "Skeleton_120__i80r9213", "128": "Skeleton_128__i80r9214", "136": "Skeleton_136__i80r9215", "144": "Skeleton_144__i80r9216", "152": "Skeleton_152__i80r9217", "160": "Skeleton_160__i80r9218", "168": "Skeleton_168__i80r9219", "176": "Skeleton_176__i80r921a", "184": "Skeleton_184__i80r921b", "192": "Skeleton_192__i80r921c" }, fullHeight: { true: "Skeleton_skeleton_fullHeight_true__i80r922z" }, fullWidth: { true: "Skeleton_skeleton_fullWidth_true__i80r9230" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6
6
|
|
|
7
7
|
export { skeleton };
|
|
@@ -5,18 +5,22 @@ const Skeleton = ({
|
|
|
5
5
|
width,
|
|
6
6
|
height,
|
|
7
7
|
borderRadius,
|
|
8
|
+
fullWidth,
|
|
9
|
+
fullHeight,
|
|
8
10
|
className
|
|
9
11
|
}) => {
|
|
10
|
-
return /* @__PURE__ */ React.createElement(
|
|
12
|
+
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
|
|
11
13
|
"span",
|
|
12
14
|
{
|
|
13
15
|
className: `${skeleton({
|
|
14
16
|
width,
|
|
15
17
|
height,
|
|
16
|
-
borderRadius
|
|
18
|
+
borderRadius,
|
|
19
|
+
fullWidth,
|
|
20
|
+
fullHeight
|
|
17
21
|
})} ${className}`
|
|
18
22
|
}
|
|
19
|
-
);
|
|
23
|
+
));
|
|
20
24
|
};
|
|
21
25
|
|
|
22
26
|
export { Skeleton };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components_v2",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.32",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"react-slick": "^0.30.1",
|
|
80
80
|
"slick-carousel": "^1.8.1"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "70f464cdbc406f65f2ef12f6a2b2f5f73e783dfa"
|
|
83
83
|
}
|