@mochi-css/vanilla 3.0.0 → 3.0.1

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 (7) hide show
  1. package/dist/index.d.mts +13 -10
  2. package/dist/index.d.ts +13 -10
  3. package/dist/index.js +16 -19
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +16 -19
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,4 +1,4 @@
1
- import { ObsoleteProperties, Properties } from "csstype";
1
+ import { ObsoleteProperties, Properties, PropertiesHyphen } from "csstype";
2
2
 
3
3
  //#region src/values/index.d.ts
4
4
  type CssVar = `--${string}`;
@@ -274,7 +274,6 @@ declare const propertyUnits: {
274
274
  readonly interestDelay: "ms";
275
275
  readonly interestDelayEnd: "ms";
276
276
  readonly interestDelayStart: "ms";
277
- readonly itemFlow: "px";
278
277
  readonly left: "px";
279
278
  readonly letterSpacing: "px";
280
279
  readonly lineHeight: "px";
@@ -414,12 +413,12 @@ declare const propertyUnits: {
414
413
  readonly textSizeAdjust: "%";
415
414
  readonly textUnderlineOffset: "px";
416
415
  readonly timelineTrigger: "px";
417
- readonly timelineTriggerExitRange: "px";
418
- readonly timelineTriggerExitRangeEnd: "px";
419
- readonly timelineTriggerExitRangeStart: "px";
420
- readonly timelineTriggerRange: "px";
421
- readonly timelineTriggerRangeEnd: "px";
422
- readonly timelineTriggerRangeStart: "px";
416
+ readonly timelineTriggerActivationRange: "px";
417
+ readonly timelineTriggerActivationRangeEnd: "px";
418
+ readonly timelineTriggerActivationRangeStart: "px";
419
+ readonly timelineTriggerActiveRange: "px";
420
+ readonly timelineTriggerActiveRangeEnd: "px";
421
+ readonly timelineTriggerActiveRangeStart: "px";
423
422
  readonly top: "px";
424
423
  readonly transformOrigin: "px";
425
424
  readonly transition: "ms";
@@ -737,7 +736,11 @@ declare class MochiKeyframes {
737
736
  declare function keyframes(stops: KeyframeStops): MochiKeyframes;
738
737
  //#endregion
739
738
  //#region src/globalCssObject.d.ts
740
- type GlobalCssStyles = Record<string, StyleProps>;
739
+ /** CSS properties accepting both camelCase and kebab-case names with permissive string values */
740
+ type GlobalCssProperties = { [K in keyof (Properties & PropertiesHyphen)]?: string | number } & Record<string, unknown>;
741
+ type GlobalCssStyles = {
742
+ [selector: string]: GlobalCssProperties | GlobalCssStyles;
743
+ };
741
744
  /**
742
745
  * CSS object model for global (non-scoped) styles.
743
746
  * Accepts a map of CSS selectors to style objects and serializes them
@@ -835,4 +838,4 @@ declare function numberToBase62(num: number, maxLength?: number): string;
835
838
  */
836
839
  declare function shortHash(input: string, length?: number): string;
837
840
  //#endregion
838
- export { AllVariants, type AtRuleKey, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, GlobalCssObject, type GlobalCssStyles, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariants, type StyleProps, Token, VariantProps, camelToKebab, container, createToken, css, cssFromProps, globalCss, isAtRuleKey, isMochiCSS, kebabToCamel, keyframes, media, mergeMochiCss, numberToBase62, shortHash, supports };
841
+ export { AllVariants, type AtRuleKey, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, GlobalCssObject, GlobalCssProperties, type GlobalCssStyles, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariantType, RefineVariants, type StyleProps, Token, VariantProps, camelToKebab, container, createToken, css, cssFromProps, globalCss, isAtRuleKey, isMochiCSS, kebabToCamel, keyframes, media, mergeMochiCss, numberToBase62, shortHash, supports };
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ObsoleteProperties, Properties } from "csstype";
1
+ import { ObsoleteProperties, Properties, PropertiesHyphen } from "csstype";
2
2
 
3
3
  //#region src/values/index.d.ts
4
4
  type CssVar = `--${string}`;
@@ -274,7 +274,6 @@ declare const propertyUnits: {
274
274
  readonly interestDelay: "ms";
275
275
  readonly interestDelayEnd: "ms";
276
276
  readonly interestDelayStart: "ms";
277
- readonly itemFlow: "px";
278
277
  readonly left: "px";
279
278
  readonly letterSpacing: "px";
280
279
  readonly lineHeight: "px";
@@ -414,12 +413,12 @@ declare const propertyUnits: {
414
413
  readonly textSizeAdjust: "%";
415
414
  readonly textUnderlineOffset: "px";
416
415
  readonly timelineTrigger: "px";
417
- readonly timelineTriggerExitRange: "px";
418
- readonly timelineTriggerExitRangeEnd: "px";
419
- readonly timelineTriggerExitRangeStart: "px";
420
- readonly timelineTriggerRange: "px";
421
- readonly timelineTriggerRangeEnd: "px";
422
- readonly timelineTriggerRangeStart: "px";
416
+ readonly timelineTriggerActivationRange: "px";
417
+ readonly timelineTriggerActivationRangeEnd: "px";
418
+ readonly timelineTriggerActivationRangeStart: "px";
419
+ readonly timelineTriggerActiveRange: "px";
420
+ readonly timelineTriggerActiveRangeEnd: "px";
421
+ readonly timelineTriggerActiveRangeStart: "px";
423
422
  readonly top: "px";
424
423
  readonly transformOrigin: "px";
425
424
  readonly transition: "ms";
@@ -737,7 +736,11 @@ declare class MochiKeyframes {
737
736
  declare function keyframes(stops: KeyframeStops): MochiKeyframes;
738
737
  //#endregion
739
738
  //#region src/globalCssObject.d.ts
740
- type GlobalCssStyles = Record<string, StyleProps>;
739
+ /** CSS properties accepting both camelCase and kebab-case names with permissive string values */
740
+ type GlobalCssProperties = { [K in keyof (Properties & PropertiesHyphen)]?: string | number } & Record<string, unknown>;
741
+ type GlobalCssStyles = {
742
+ [selector: string]: GlobalCssProperties | GlobalCssStyles;
743
+ };
741
744
  /**
742
745
  * CSS object model for global (non-scoped) styles.
743
746
  * Accepts a map of CSS selectors to style objects and serializes them
@@ -835,5 +838,5 @@ declare function numberToBase62(num: number, maxLength?: number): string;
835
838
  */
836
839
  declare function shortHash(input: string, length?: number): string;
837
840
  //#endregion
838
- export { AllVariants, type AtRuleKey, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, GlobalCssObject, type GlobalCssStyles, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariants, type StyleProps, Token, VariantProps, camelToKebab, container, createToken, css, cssFromProps, globalCss, isAtRuleKey, isMochiCSS, kebabToCamel, keyframes, media, mergeMochiCss, numberToBase62, shortHash, supports };
841
+ export { AllVariants, type AtRuleKey, CSSObject, CompoundVariant, CssLike, CssLikeObject, CssObjectBlock, CssObjectSubBlock, CssVar, CssVarVal, DefaultVariants, GlobalCssObject, GlobalCssProperties, type GlobalCssStyles, type KeyframeStops, KeyframesObject, MergeCSSVariants, MochiCSS, MochiCSSProps, MochiKeyframes, MochiSelector, RefineVariantType, RefineVariants, type StyleProps, Token, VariantProps, camelToKebab, container, createToken, css, cssFromProps, globalCss, isAtRuleKey, isMochiCSS, kebabToCamel, keyframes, media, mergeMochiCss, numberToBase62, shortHash, supports };
839
842
  //# sourceMappingURL=index.d.ts.map
package/dist/index.js CHANGED
@@ -237,7 +237,6 @@ const propertyUnits = {
237
237
  interestDelay: "ms",
238
238
  interestDelayEnd: "ms",
239
239
  interestDelayStart: "ms",
240
- itemFlow: "px",
241
240
  left: "px",
242
241
  letterSpacing: "px",
243
242
  lineHeight: "px",
@@ -377,12 +376,12 @@ const propertyUnits = {
377
376
  textSizeAdjust: "%",
378
377
  textUnderlineOffset: "px",
379
378
  timelineTrigger: "px",
380
- timelineTriggerExitRange: "px",
381
- timelineTriggerExitRangeEnd: "px",
382
- timelineTriggerExitRangeStart: "px",
383
- timelineTriggerRange: "px",
384
- timelineTriggerRangeEnd: "px",
385
- timelineTriggerRangeStart: "px",
379
+ timelineTriggerActivationRange: "px",
380
+ timelineTriggerActivationRangeEnd: "px",
381
+ timelineTriggerActivationRangeStart: "px",
382
+ timelineTriggerActiveRange: "px",
383
+ timelineTriggerActiveRangeEnd: "px",
384
+ timelineTriggerActiveRangeStart: "px",
386
385
  top: "px",
387
386
  transformOrigin: "px",
388
387
  transition: "ms",
@@ -592,6 +591,7 @@ const knownPropertyNames = new Set([
592
591
  "columnRuleInteriorInsetEnd",
593
592
  "columnRuleInteriorInsetStart",
594
593
  "columnRuleStyle",
594
+ "columnRuleVisibilityItems",
595
595
  "columnRuleWidth",
596
596
  "columnSpan",
597
597
  "columnWidth",
@@ -748,6 +748,7 @@ const knownPropertyNames = new Set([
748
748
  "hyphenateLimitLines",
749
749
  "hyphenateLimitZone",
750
750
  "hyphens",
751
+ "imageAnimation",
751
752
  "imageOrientation",
752
753
  "imageRendering",
753
754
  "imageResolution",
@@ -770,12 +771,6 @@ const knownPropertyNames = new Set([
770
771
  "interestDelayStart",
771
772
  "interpolateSize",
772
773
  "isolation",
773
- "itemCross",
774
- "itemDirection",
775
- "itemFlow",
776
- "itemPack",
777
- "itemTrack",
778
- "itemWrap",
779
774
  "justifyContent",
780
775
  "justifyItems",
781
776
  "justifySelf",
@@ -950,6 +945,7 @@ const knownPropertyNames = new Set([
950
945
  "rowRuleInteriorInsetEnd",
951
946
  "rowRuleInteriorInsetStart",
952
947
  "rowRuleStyle",
948
+ "rowRuleVisibilityItems",
953
949
  "rowRuleWidth",
954
950
  "rubyAlign",
955
951
  "rubyMerge",
@@ -965,6 +961,7 @@ const knownPropertyNames = new Set([
965
961
  "ruleInteriorInset",
966
962
  "ruleOverlap",
967
963
  "ruleStyle",
964
+ "ruleVisibilityItems",
968
965
  "ruleWidth",
969
966
  "rx",
970
967
  "ry",
@@ -1086,13 +1083,13 @@ const knownPropertyNames = new Set([
1086
1083
  "textWrapStyle",
1087
1084
  "timelineScope",
1088
1085
  "timelineTrigger",
1089
- "timelineTriggerExitRange",
1090
- "timelineTriggerExitRangeEnd",
1091
- "timelineTriggerExitRangeStart",
1086
+ "timelineTriggerActivationRange",
1087
+ "timelineTriggerActivationRangeEnd",
1088
+ "timelineTriggerActivationRangeStart",
1089
+ "timelineTriggerActiveRange",
1090
+ "timelineTriggerActiveRangeEnd",
1091
+ "timelineTriggerActiveRangeStart",
1092
1092
  "timelineTriggerName",
1093
- "timelineTriggerRange",
1094
- "timelineTriggerRangeEnd",
1095
- "timelineTriggerRangeStart",
1096
1093
  "timelineTriggerSource",
1097
1094
  "top",
1098
1095
  "touchAction",