@citygross/components_v2 0.0.31 → 0.0.33

package/dist/components/Skeleton/Skeleton.css.ts.vanilla.css

@@ -161,4 +161,10 @@
   #E8E8E8 100%
 );
   background-size: 200% 100%;
+}
+.Skeleton_skeleton_fullHeight_true__i80r922z {
+  height: 100%;
+}
+.Skeleton_skeleton_fullWidth_true__i80r9230 {
+  width: 100%;
 }

package/dist/components/Skeleton/Skeleton.css.vanilla.js

@@ -2,6 +2,6 @@ import './../../cssUtils/border.css.ts.vanilla.css';
 import './Skeleton.css.ts.vanilla.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-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: [] });
+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: [] });
 
 export { skeleton };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -5,6 +5,8 @@ declare type TSkeleton = {
     width?: THardSpacingKeys;
     height?: THardSpacingKeys;
     borderRadius?: TBorderRadiusKeys;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
     className?: string;
 };
 declare const Skeleton: React.FC<TSkeleton>;

package/dist/components/Skeleton/Skeleton.js

@@ -5,18 +5,22 @@ const Skeleton = ({
   width,
   height,
   borderRadius,
+  fullWidth,
+  fullHeight,
   className
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
     "span",
     {
       className: `${skeleton({
         width,
         height,
-        borderRadius
+        borderRadius,
+        fullWidth,
+        fullHeight
       })} ${className}`
     }
-  );
+  ));
 };
 
 export { Skeleton };

package/dist/cssUtils/typography.css.d.ts

@@ -1,5 +1,12 @@
 declare type TTextDecoration = 'underline' | 'lineThrough';
 declare type TTextAlign = 'center' | 'left' | 'right';
 declare type TBodyTextSizeKeys = 'tiny' | 'extraSmall' | 'small' | 'default';
+declare const fontFamily: Record<"display" | "code" | "primary", string>;
+declare const fontSize: Record<"xs" | "code" | "s1" | "s2" | "s3" | "s4" | "m1" | "m2" | "l1", string>;
+declare const fontWeight: Record<"bold" | "medium" | "regular" | "semiBold", string>;
+declare const lineHeight: Record<"xs" | "s1" | "s2" | "m1" | "m2" | "l1" | "m3", string>;
+declare const textAlign: Record<"left" | "right" | "center", string>;
+declare const textDecoration: Record<"underline" | "lineThrough", string>;
+declare const bodyTextSize: Record<"small" | "default" | "tiny" | "extraSmall", string>;
 
-export { TBodyTextSizeKeys, TTextAlign, TTextDecoration };
+export { TBodyTextSizeKeys, TTextAlign, TTextDecoration, bodyTextSize, fontFamily, fontSize, fontWeight, lineHeight, textAlign, textDecoration };

package/dist/cssUtils/typography.css.vanilla.js

@@ -0,0 +1,11 @@
+import './typography.css.ts.vanilla.css';
+
+var bodyTextSize = { tiny: "typography_bodyTextSize_tiny__xithyts", extraSmall: "typography_bodyTextSize_extraSmall__xithytt", small: "typography_bodyTextSize_small__xithytu", "default": "typography_bodyTextSize_default__xithytv" };
+var fontFamily = { primary: "typography_fontFamily_primary__xithyt0", display: "typography_fontFamily_display__xithyt1", code: "typography_fontFamily_code__xithyt2" };
+var fontSize = { xs: "typography_fontSize_xs__xithyt3", s1: "typography_fontSize_s1__xithyt4", s2: "typography_fontSize_s2__xithyt5", s3: "typography_fontSize_s3__xithyt6", s4: "typography_fontSize_s4__xithyt7", m1: "typography_fontSize_m1__xithyt8", m2: "typography_fontSize_m2__xithyt9", l1: "typography_fontSize_l1__xithyta", code: "typography_fontSize_code__xithytb" };
+var fontWeight = { regular: "typography_fontWeight_regular__xithytc", medium: "typography_fontWeight_medium__xithytd", semiBold: "typography_fontWeight_semiBold__xithyte", bold: "typography_fontWeight_bold__xithytf" };
+var lineHeight = { xs: "typography_lineHeight_xs__xithytg", s1: "typography_lineHeight_s1__xithyth", s2: "typography_lineHeight_s2__xithyti", m1: "typography_lineHeight_m1__xithytj", m2: "typography_lineHeight_m2__xithytk", m3: "typography_lineHeight_m3__xithytl", l1: "typography_lineHeight_l1__xithytm" };
+var textAlign = { left: "typography_textAlign_left__xithytn", right: "typography_textAlign_right__xithyto", center: "typography_textAlign_center__xithytp" };
+var textDecoration = { lineThrough: "typography_textDecoration_lineThrough__xithytq", underline: "typography_textDecoration_underline__xithytr" };
+
+export { bodyTextSize, fontFamily, fontSize, fontWeight, lineHeight, textAlign, textDecoration };

package/dist/index.d.ts

@@ -30,3 +30,4 @@ export { H3, TH3 } from './typography/H3/H3.js';
 export { borderColor, borderRadius } from './cssUtils/border.css.js';
 export { backgroundColor, color, hoverBackgroundColor, hoverColor } from './cssUtils/color.css.js';
 export { margin, marginBottomDynamic, marginHorizontal, marginVertical, padding, paddingHorizontal, paddingVertical } from './cssUtils/spacings.css.js';
+export { TBodyTextSizeKeys, TTextAlign, TTextDecoration, bodyTextSize, fontFamily, fontSize, fontWeight, lineHeight, textAlign, textDecoration } from './cssUtils/typography.css.js';

package/dist/index.js

@@ -30,3 +30,4 @@ export { H3 } from './typography/H3/H3.js';
 export { borderColor, borderRadius } from './cssUtils/border.css.vanilla.js';
 export { backgroundColor, color, hoverBackgroundColor, hoverColor } from './cssUtils/color.css.vanilla.js';
 export { margin, marginBottomDynamic, marginHorizontal, marginVertical, padding, paddingHorizontal, paddingVertical } from './cssUtils/spacings.css.vanilla.js';
+export { bodyTextSize, fontFamily, fontSize, fontWeight, lineHeight, textAlign, textDecoration } from './cssUtils/typography.css.vanilla.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -79,5 +79,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "9972a2fb3858e0ad9f15089f19defae938c1cab7"
+  "gitHead": "71a4a8799b405355c2a68870097aa5c44a85f5ae"
 }