@citygross/components_v2 0.0.30 → 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.
Files changed (6) hide show
  1. package/dist/components/EmptyBox/EmptyBox.css.ts.vanilla.css +0 -1
  2. package/dist/components/Skeleton/Skeleton.css.ts.vanilla.css +6 -0
  3. package/dist/components/Skeleton/Skeleton.css.vanilla.js +1 -1
  4. package/dist/components/Skeleton/Skeleton.d.ts +2 -0
  5. package/dist/components/Skeleton/Skeleton.js +7 -3
  6. package/package.json +2 -2
package/dist/components/EmptyBox/EmptyBox.css.ts.vanilla.css CHANGED
@@ -7,7 +7,6 @@
7
7
  height: 96px;
8
8
  width: 96px;
9
9
  place-content: center;
10
- padding-top: 24px;
11
10
  margin-bottom: 8px;
12
11
  }
13
12
  .EmptyBox_emptyBoxContainer__h1vfj11 {
package/dist/components/Skeleton/Skeleton.css.ts.vanilla.css CHANGED
@@ -161,4 +161,10 @@
161
161
  #E8E8E8 100%
162
162
  );
163
163
  background-size: 200% 100%;
164
+ }
165
+ .Skeleton_skeleton_fullHeight_true__i80r922z {
166
+ height: 100%;
167
+ }
168
+ .Skeleton_skeleton_fullWidth_true__i80r9230 {
169
+ width: 100%;
164
170
  }
package/dist/components/Skeleton/Skeleton.css.vanilla.js CHANGED
@@ -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 };
package/dist/components/Skeleton/Skeleton.d.ts CHANGED
@@ -5,6 +5,8 @@ declare type TSkeleton = {
5
5
  width?: THardSpacingKeys;
6
6
  height?: THardSpacingKeys;
7
7
  borderRadius?: TBorderRadiusKeys;
8
+ fullWidth?: boolean;
9
+ fullHeight?: boolean;
8
10
  className?: string;
9
11
  };
10
12
  declare const Skeleton: React.FC<TSkeleton>;
package/dist/components/Skeleton/Skeleton.js CHANGED
@@ -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.30",
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": "ef57ee6a10f2ec1d34f9f7c324766804d619e733"
82
+ "gitHead": "70f464cdbc406f65f2ef12f6a2b2f5f73e783dfa"
83
83
  }