@kuma-ui/system - npm Package Compare versions

Comparing version 0.0.0-dev-20240508134912 to 0.0.0-dev-20240831060849

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

@@ -460,2 +460,12 @@ "use strict";
 
+// 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
@@ -470,2 +480,3 @@ var styleMappings = Object.assign(
   flexMappings,
+  containMappings,
   borderMappings,
@@ -472,0 +483,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: [
@@ -792,2 +800,12 @@ "transition",
 
+// 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
@@ -802,2 +820,3 @@ var styleMappings = Object.assign(
   flexMappings,
+  containMappings,
   borderMappings,
@@ -804,0 +823,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

@@ -465,2 +465,12 @@ "use strict";
 
+// 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
@@ -475,2 +485,3 @@ var styleMappings = Object.assign(
   flexMappings,
+  containMappings,
   borderMappings,
@@ -784,2 +795,10 @@ outlineMappings,
   ],
+  contain: [
+    "contain",
+    "containIntrinsicBlockSize",
+    "containIntrinsicHeight",
+    "containIntrinsicInlineSize",
+    "containIntrinsicSize",
+    "containIntrinsicWidth"
+  ],
   effect: [
@@ -786,0 +805,0 @@ "transition",

dist/keys.d.ts

@@ -17,2 +17,3 @@ declare const styleKeys: {
     column: readonly ["columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns"];
+    contain: readonly ["contain", "containIntrinsicBlockSize", "containIntrinsicHeight", "containIntrinsicInlineSize", "containIntrinsicSize", "containIntrinsicWidth"];
     effect: readonly ["transition", "transitionDuration", "transitionProperty", "transitionTimingFunction", "transitionDelay", "transform", "transformBox", "transformOrigin", "transformStyle", "clipPath"];
@@ -42,5 +43,6 @@ mask: readonly ["mask", "maskBorder", "maskBorderMode", "maskBorderOutset", "maskBorderRepeat", "maskBorderSlice", "maskBorderSource", "maskBorderWidth", "maskClip", "maskComposite", "maskImage", "maskMode", "maskOrigin", "maskPosition", "maskRepeat", "maskSize", "maskType"];
 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: [
@@ -280,0 +288,0 @@ "transition",

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": "0.0.0-dev-20240508134912",
+  "version": "0.0.0-dev-20240831060849",
   "description": "🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.",
@@ -34,3 +34,3 @@ "repository": {
     "csstype": "^3.1.2",
-    "@kuma-ui/sheet": "0.0.0-dev-20240508134912"
+    "@kuma-ui/sheet": "1.3.1"
   },
@@ -37,0 +37,0 @@ "devDependencies": {

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

177703

increased by2.77%

Number of package files

114

increased by3.64%

Lines of code

5774

increased by2.47%

Dependency changes

• + Added@kuma-ui/sheet@1.3.1(transitive)

• - Removed@kuma-ui/sheet@0.0.0-dev-20240508134912(transitive)

• Updated@kuma-ui/sheet@1.3.1