@kuma-ui/system - npm Package Compare versions

Comparing version 1.7.4 to 1.7.5

dist/consumeStyleProps.d.ts

@@ -21,2 +21,3 @@ import { AnimationProps } from './props/animation.js';
 import { FilterProps } from './props/filter.js';
+import { ContainProps } from './props/contain.js';
 import './keys.js';
@@ -26,3 +27,3 @@ import 'csstype';
 
-type StyledProps<T extends ThemeSystemType = ThemeSystemType> = TypographyProps<T> & FontProps<T> & ColorProps<T> & SpaceProps<T> & AnimationProps & TextProps & LayoutProps<T> & FlexProps<T> & BorderProps<T> & OutlineProps & PositionProps & ShadowProps & GridProps<T> & ListProps & EffectProps & MaskProps & ColumnProps<T> & BackgroundProps & FilterProps;
+type StyledProps<T extends ThemeSystemType = ThemeSystemType> = TypographyProps<T> & FontProps<T> & ColorProps<T> & SpaceProps<T> & AnimationProps & TextProps & LayoutProps<T> & FlexProps<T> & BorderProps<T> & OutlineProps & PositionProps & ShadowProps & GridProps<T> & ListProps & EffectProps & MaskProps & ColumnProps<T> & ContainProps & BackgroundProps & FilterProps;
 type StyleFunction = (props: StyledProps) => ResponsiveStyle;
@@ -29,0 +30,0 @@ declare const consumeStyleProps: (props: StyledProps) => ResponsiveStyle;

dist/consumeStyleProps.js

@@ -264,3 +264,5 @@ "use strict";
   transformStyle: "transform-style",
-  clipPath: "clip-path"
+  clipPath: "clip-path",
+  content: "content",
+  contentVisibility: "content-visibility"
 };
@@ -461,2 +463,12 @@
 
+// src/props/contain.ts
+var containMappings = {
+  contain: "contain",
+  containIntrinsicBlockSize: "contain-intrinsic-block-size",
+  containIntrinsicHeight: "contain-intrinsic-height",
+  containIntrinsicInlineSize: "contain-intrinsic-inline-size",
+  containIntrinsicSize: "contain-intrinsic-size",
+  containIntrinsicWidth: "contain-intrinsic-width"
+};
+
 // src/consumeStyleProps.ts
@@ -471,2 +483,3 @@ var styleMappings = Object.assign(
   flexMappings,
+  containMappings,
   borderMappings,
@@ -473,0 +486,0 @@ outlineMappings,

dist/generator.d.ts

@@ -26,2 +26,3 @@ import { StyledProps } from './consumeStyleProps.js';
 import './props/filter.js';
+import './props/contain.js';
 
@@ -28,0 +29,0 @@ declare class StyleGenerator {

dist/generator.js

@@ -280,2 +280,10 @@ "use strict";
   ],
+  contain: [
+    "contain",
+    "containIntrinsicBlockSize",
+    "containIntrinsicHeight",
+    "containIntrinsicInlineSize",
+    "containIntrinsicSize",
+    "containIntrinsicWidth"
+  ],
   effect: [
@@ -291,3 +299,5 @@ "transition",
     "transformStyle",
-    "clipPath"
+    "clipPath",
+    "content",
+    "contentVisibility"
   ],
@@ -597,3 +607,5 @@ mask: [
   transformStyle: "transform-style",
-  clipPath: "clip-path"
+  clipPath: "clip-path",
+  content: "content",
+  contentVisibility: "content-visibility"
 };
@@ -794,2 +806,12 @@
 
+// src/props/contain.ts
+var containMappings = {
+  contain: "contain",
+  containIntrinsicBlockSize: "contain-intrinsic-block-size",
+  containIntrinsicHeight: "contain-intrinsic-height",
+  containIntrinsicInlineSize: "contain-intrinsic-inline-size",
+  containIntrinsicSize: "contain-intrinsic-size",
+  containIntrinsicWidth: "contain-intrinsic-width"
+};
+
 // src/consumeStyleProps.ts
@@ -804,2 +826,3 @@ var styleMappings = Object.assign(
   flexMappings,
+  containMappings,
   borderMappings,
@@ -806,0 +829,0 @@ outlineMappings,

dist/index.d.ts

@@ -29,2 +29,3 @@ import { ThemeSystemType, ResponsiveStyle } from './types.js';
 import '@kuma-ui/sheet';
+import './props/contain.js';
 
@@ -31,0 +32,0 @@ declare const all: (props: StyledProps<ThemeSystemType>) => ResponsiveStyle;

dist/index.js

@@ -269,3 +269,5 @@ "use strict";
   transformStyle: "transform-style",
-  clipPath: "clip-path"
+  clipPath: "clip-path",
+  content: "content",
+  contentVisibility: "content-visibility"
 };
@@ -466,2 +468,12 @@
 
+// src/props/contain.ts
+var containMappings = {
+  contain: "contain",
+  containIntrinsicBlockSize: "contain-intrinsic-block-size",
+  containIntrinsicHeight: "contain-intrinsic-height",
+  containIntrinsicInlineSize: "contain-intrinsic-inline-size",
+  containIntrinsicSize: "contain-intrinsic-size",
+  containIntrinsicWidth: "contain-intrinsic-width"
+};
+
 // src/consumeStyleProps.ts
@@ -476,2 +488,3 @@ var styleMappings = Object.assign(
   flexMappings,
+  containMappings,
   borderMappings,
@@ -785,2 +798,10 @@ outlineMappings,
   ],
+  contain: [
+    "contain",
+    "containIntrinsicBlockSize",
+    "containIntrinsicHeight",
+    "containIntrinsicInlineSize",
+    "containIntrinsicSize",
+    "containIntrinsicWidth"
+  ],
   effect: [
@@ -796,3 +817,5 @@ "transition",
     "transformStyle",
-    "clipPath"
+    "clipPath",
+    "content",
+    "contentVisibility"
   ],
@@ -799,0 +822,0 @@ mask: [

dist/keys.d.ts

@@ -17,3 +17,4 @@ declare const styleKeys: {
     column: readonly ["columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns"];
-    effect: readonly ["transition", "transitionDuration", "transitionProperty", "transitionTimingFunction", "transitionDelay", "transform", "transformBox", "transformOrigin", "transformStyle", "clipPath"];
+    contain: readonly ["contain", "containIntrinsicBlockSize", "containIntrinsicHeight", "containIntrinsicInlineSize", "containIntrinsicSize", "containIntrinsicWidth"];
+    effect: readonly ["transition", "transitionDuration", "transitionProperty", "transitionTimingFunction", "transitionDelay", "transform", "transformBox", "transformOrigin", "transformStyle", "clipPath", "content", "contentVisibility"];
     mask: readonly ["mask", "maskBorder", "maskBorderMode", "maskBorderOutset", "maskBorderRepeat", "maskBorderSlice", "maskBorderSource", "maskBorderWidth", "maskClip", "maskComposite", "maskImage", "maskMode", "maskOrigin", "maskPosition", "maskRepeat", "maskSize", "maskType"];
@@ -42,5 +43,6 @@ background: readonly ["backgroundImage", "bgImage", "backgroundPosition", "bgPosition", "backgroundPositionX", "bgPositionX", "backgroundPositionY", "bgPositionY", "backgroundSize", "bgSize", "backgroundRepeat", "bgRepeat", "backgroundAttachment", "bgAttachment", "backgroundClip", "bgClip", "backgroundOrigin", "bgOrigin", "backgroundBlendMode", "bgBlendMode"];
 type FilterKeys = (typeof styleKeys.filter)[number];
-type StyledKeyType = AnimationKeys | SpaceKeys | TypographyKeys | FontKeys | TextKeys | LayoutKeys | ColorKeys | FlexKeys | BorderKeys | OutlineKeys | PositionKeys | ShadowKeys | ListKeys | GridKeys | BackgroundKeys | MaskKeys | ColumnKeys | EffectKeys | FilterKeys;
+type ContainKeys = (typeof styleKeys.contain)[number];
+type StyledKeyType = AnimationKeys | SpaceKeys | TypographyKeys | FontKeys | TextKeys | LayoutKeys | ColorKeys | FlexKeys | BorderKeys | OutlineKeys | PositionKeys | ShadowKeys | ListKeys | GridKeys | BackgroundKeys | MaskKeys | ColumnKeys | EffectKeys | FilterKeys | ContainKeys;
 declare const isStyledProp: (value: string) => boolean;
 
-export { AnimationKeys, BackgroundKeys, BorderKeys, ColorKeys, ColumnKeys, EffectKeys, FilterKeys, FlexKeys, FontKeys, GridKeys, LayoutKeys, ListKeys, MaskKeys, OutlineKeys, PositionKeys, ShadowKeys, SpaceKeys, StyledKeyType, TextKeys, TypographyKeys, isStyledProp, styleKeys };
+export { AnimationKeys, BackgroundKeys, BorderKeys, ColorKeys, ColumnKeys, ContainKeys, EffectKeys, FilterKeys, FlexKeys, FontKeys, GridKeys, LayoutKeys, ListKeys, MaskKeys, OutlineKeys, PositionKeys, ShadowKeys, SpaceKeys, StyledKeyType, TextKeys, TypographyKeys, isStyledProp, styleKeys };

dist/keys.js

@@ -278,2 +278,10 @@ "use strict";
   ],
+  contain: [
+    "contain",
+    "containIntrinsicBlockSize",
+    "containIntrinsicHeight",
+    "containIntrinsicInlineSize",
+    "containIntrinsicSize",
+    "containIntrinsicWidth"
+  ],
   effect: [
@@ -289,3 +297,5 @@ "transition",
     "transformStyle",
-    "clipPath"
+    "clipPath",
+    "content",
+    "contentVisibility"
   ],
@@ -292,0 +302,0 @@ mask: [

dist/props/effect.d.ts

@@ -6,5 +6,5 @@ import { EffectKeys } from '../keys.js';
 
-type EffectProps = Partial<CSSProperties<"transition" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "transitionDelay" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "clipPath">>;
+type EffectProps = Partial<CSSProperties<"transition" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "transitionDelay" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "clipPath" | "content" | "contentVisibility">>;
 declare const effectMappings: Record<EffectKeys, string>;
 
 export { EffectProps, effectMappings };

dist/props/effect.js

@@ -36,3 +36,5 @@ "use strict";
   transformStyle: "transform-style",
-  clipPath: "clip-path"
+  clipPath: "clip-path",
+  content: "content",
+  contentVisibility: "content-visibility"
 };
@@ -39,0 +41,0 @@ // Annotate the CommonJS export names for ESM import in node:

dist/pseudo.d.ts

@@ -24,2 +24,3 @@ import { StyledProps } from './consumeStyleProps.js';
 import './props/filter.js';
+import './props/contain.js';
 import '@kuma-ui/sheet';
@@ -26,0 +27,0 @@

dist/types.d.ts

@@ -11,3 +11,5 @@ import * as CSS from 'csstype';
 type CSSValue<P extends keyof CSS.Properties, Q extends boolean = false> = CSSProperties<P, Q>[P];
-type CSSProperties<P extends keyof CSS.Properties, Q extends boolean = false> = If<Q, Pick<CSS.PropertiesFallback<number>, P>, Pick<CSS.PropertiesFallback, P>>;
+type CSSProperties<P extends keyof CSS.Properties, 
+/** If true, the CSS property value can be a number */
+Q extends boolean = false> = If<Q, Pick<CSS.PropertiesFallback<number>, P>, Pick<CSS.PropertiesFallback, P>>;
 type UtilityCSSMapping<K extends StyledKeyType> = {
@@ -14,0 +16,0 @@ [key in K]: keyof CSS.Properties;

package.json

 {
   "name": "@kuma-ui/system",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "description": "🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.",
@@ -5,0 +5,0 @@ "repository": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

178235

increased by3.1%

Number of package files

114

increased by3.64%

Lines of code

5792

increased by2.79%

No dependency changes