@kuma-ui/system - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/generator.js

@@ -46,3 +46,20 @@ "use strict";
   ],
-  typography: ["lineHeight", "letterSpacing"],
+  typography: [
+    "hyphenateCharacter",
+    "hyphenateLimitChars",
+    "hyphens",
+    "hangingPunctuation",
+    "lineHeight",
+    "lineBreak",
+    "letterSpacing",
+    "orphans",
+    "quotes",
+    "rubyPosition",
+    "unicodeBidi",
+    "widows",
+    "whiteSpace",
+    "wordBreak",
+    "wordSpacing",
+    "writingMode"
+  ],
   fontKeys: [
@@ -321,4 +338,18 @@ "font",
 var typographyMappings = {
+  hyphenateCharacter: "hyphenate-character",
+  hyphenateLimitChars: "hyphenate-limit-chars",
+  hyphens: "hyphens",
+  hangingPunctuation: "hanging-punctuation",
   lineHeight: "line-height",
-  letterSpacing: "letter-spacing"
+  lineBreak: "line-break",
+  orphans: "orphans",
+  quotes: "quotes",
+  rubyPosition: "ruby-position",
+  unicodeBidi: "unicode-bidi",
+  widows: "widows",
+  whiteSpace: "white-space",
+  letterSpacing: "letter-spacing",
+  wordBreak: "word-break",
+  wordSpacing: "word-spacing",
+  writingMode: "writing-mode"
 };
@@ -333,4 +364,4 @@ var typography = (props) => {
       const converter = [
-        typographyMappings.lineHeight,
-        typographyMappings.letterSpacing
+        typographyMappings.letterSpacing,
+        typographyMappings.wordSpacing
       ].includes(property) ? toCssUnit : void 0;
@@ -337,0 +368,0 @@ const responsiveStyles = applyResponsiveStyles(

dist/index.js

@@ -108,4 +108,18 @@ "use strict";
 var typographyMappings = {
+  hyphenateCharacter: "hyphenate-character",
+  hyphenateLimitChars: "hyphenate-limit-chars",
+  hyphens: "hyphens",
+  hangingPunctuation: "hanging-punctuation",
   lineHeight: "line-height",
-  letterSpacing: "letter-spacing"
+  lineBreak: "line-break",
+  orphans: "orphans",
+  quotes: "quotes",
+  rubyPosition: "ruby-position",
+  unicodeBidi: "unicode-bidi",
+  widows: "widows",
+  whiteSpace: "white-space",
+  letterSpacing: "letter-spacing",
+  wordBreak: "word-break",
+  wordSpacing: "word-spacing",
+  writingMode: "writing-mode"
 };
@@ -120,4 +134,4 @@ var typography = (props) => {
       const converter = [
-        typographyMappings.lineHeight,
-        typographyMappings.letterSpacing
+        typographyMappings.letterSpacing,
+        typographyMappings.wordSpacing
       ].includes(property) ? toCssUnit : void 0;
@@ -772,3 +786,20 @@ const responsiveStyles = applyResponsiveStyles(
   ],
-  typography: ["lineHeight", "letterSpacing"],
+  typography: [
+    "hyphenateCharacter",
+    "hyphenateLimitChars",
+    "hyphens",
+    "hangingPunctuation",
+    "lineHeight",
+    "lineBreak",
+    "letterSpacing",
+    "orphans",
+    "quotes",
+    "rubyPosition",
+    "unicodeBidi",
+    "widows",
+    "whiteSpace",
+    "wordBreak",
+    "wordSpacing",
+    "writingMode"
+  ],
   fontKeys: [
@@ -775,0 +806,0 @@ "font",

dist/keys.d.ts

 declare const styleKeys: {
     space: readonly ["m", "mt", "mb", "ml", "mr", "mx", "my", "p", "pt", "pb", "pl", "pr", "px", "py"];
-    typography: readonly ["lineHeight", "letterSpacing"];
+    typography: readonly ["hyphenateCharacter", "hyphenateLimitChars", "hyphens", "hangingPunctuation", "lineHeight", "lineBreak", "letterSpacing", "orphans", "quotes", "rubyPosition", "unicodeBidi", "widows", "whiteSpace", "wordBreak", "wordSpacing", "writingMode"];
     fontKeys: readonly ["font", "fontFamily", "fontFeatureSettings", "fontKerning", "fontLanguageOverride", "fontOpticalSizing", "fontPalette", "fontSize", "fontSizeAdjust", "fontStretch", "fontStyle", "fontSynthesis", "fontVariant", "fontVariantAlternates", "fontVariantCaps", "fontVariantEastAsian", "fontVariantEmoji", "fontVariantLigatures", "fontVariantNumeric", "fontVariantPosition", "fontVariationSettings", "fontWeight"];
@@ -5,0 +5,0 @@ textKeys: readonly ["textAlign", "textAlignLast", "textCombineUpright", "textDecoration", "textDecorationColor", "textDecorationLine", "textDecorationSkipInk", "textDecorationStyle", "textDecorationThickness", "textEmphasis", "textEmphasisColor", "textEmphasisPosition", "textEmphasisStyle", "textIndent", "textJustify", "textOrientation", "textOverflow", "textRendering", "textShadow", "textTransform", "textUnderlineOffset", "textUnderlinePosition"];

dist/keys.js

@@ -44,3 +44,20 @@ "use strict";
   ],
-  typography: ["lineHeight", "letterSpacing"],
+  typography: [
+    "hyphenateCharacter",
+    "hyphenateLimitChars",
+    "hyphens",
+    "hangingPunctuation",
+    "lineHeight",
+    "lineBreak",
+    "letterSpacing",
+    "orphans",
+    "quotes",
+    "rubyPosition",
+    "unicodeBidi",
+    "widows",
+    "whiteSpace",
+    "wordBreak",
+    "wordSpacing",
+    "writingMode"
+  ],
   fontKeys: [
@@ -47,0 +64,0 @@ "font",

dist/pseudo.d.ts

@@ -26,4 +26,4 @@ import { StyledProps } from './compose.js';
 declare const normalizePseudo: (props: string) => string;
-declare const isPseudoProps: (props: unknown) => props is "_left" | "_right" | "_marker" | "_grammar-error" | "_spelling-error" | "_default" | "_paused" | "_first" | "_read-only" | "_read-write" | "_after" | "_active" | "_disabled" | "_enabled" | "_cue" | "_cue-region" | "_part" | "_slotted" | "_view-transition-group" | "_view-transition-image-pair" | "_view-transition-new" | "_view-transition-old" | "_dir" | "_has" | "_host" | "_host-context" | "_is" | "_lang" | "_matches()" | "_not" | "_nth-child" | "_nth-last-child" | "_nth-last-of-type" | "_nth-of-type" | "_where" | "_backdrop" | "_before" | "_first-letter" | "_first-line" | "_placeholder" | "_selection" | "_target-text" | "_view-transition" | "_any-link" | "_blank" | "_checked" | "_current" | "_defined" | "_empty" | "_first-child" | "_first-of-type" | "_focus" | "_focus-visible" | "_focus-within" | "_fullscreen" | "_future" | "_hover" | "_in-range" | "_indeterminate" | "_invalid" | "_last-child" | "_last-of-type" | "_link" | "_local-link" | "_nth-col" | "_nth-last-col" | "_only-child" | "_only-of-type" | "_optional" | "_out-of-range" | "_past" | "_picture-in-picture" | "_placeholder-shown" | "_playing" | "_required" | "_root" | "_scope" | "_target" | "_target-within" | "_user-invalid" | "_user-valid" | "_valid" | "_visited";
+declare const isPseudoProps: (props: unknown) => props is "_left" | "_right" | "_marker" | "_paused" | "_default" | "_first" | "_grammar-error" | "_spelling-error" | "_read-only" | "_read-write" | "_after" | "_active" | "_disabled" | "_enabled" | "_cue" | "_cue-region" | "_part" | "_slotted" | "_view-transition-group" | "_view-transition-image-pair" | "_view-transition-new" | "_view-transition-old" | "_dir" | "_has" | "_host" | "_host-context" | "_is" | "_lang" | "_matches()" | "_not" | "_nth-child" | "_nth-last-child" | "_nth-last-of-type" | "_nth-of-type" | "_where" | "_backdrop" | "_before" | "_first-letter" | "_first-line" | "_placeholder" | "_selection" | "_target-text" | "_view-transition" | "_any-link" | "_blank" | "_checked" | "_current" | "_defined" | "_empty" | "_first-child" | "_first-of-type" | "_focus" | "_focus-visible" | "_focus-within" | "_fullscreen" | "_future" | "_hover" | "_in-range" | "_indeterminate" | "_invalid" | "_last-child" | "_last-of-type" | "_link" | "_local-link" | "_nth-col" | "_nth-last-col" | "_only-child" | "_only-of-type" | "_optional" | "_out-of-range" | "_past" | "_picture-in-picture" | "_placeholder-shown" | "_playing" | "_required" | "_root" | "_scope" | "_target" | "_target-within" | "_user-invalid" | "_user-valid" | "_valid" | "_visited";
 
 export { PseudoProps, isPseudoProps, normalizePseudo };

dist/typography.d.ts

@@ -5,5 +5,5 @@ import { CSSProperties, ResponsiveStyle } from './types.js';
 
-type TypographyProps = Partial<CSSProperties<"lineHeight", true> & CSSProperties<"letterSpacing", true>>;
+type TypographyProps = Partial<CSSProperties<"hyphenateCharacter" | "hyphens"> & CSSProperties<"hyphenateLimitChars", true> & CSSProperties<"hangingPunctuation"> & CSSProperties<"lineHeight", true> & CSSProperties<"lineBreak"> & CSSProperties<"orphans", true> & CSSProperties<"quotes"> & CSSProperties<"rubyPosition"> & CSSProperties<"unicodeBidi"> & CSSProperties<"widows", true> & CSSProperties<"whiteSpace"> & CSSProperties<"wordSpacing" | "letterSpacing", true> & CSSProperties<"wordBreak" | "writingMode">>;
 declare const typography: (props: TypographyProps) => ResponsiveStyle;
 
 export { TypographyProps, typography };

dist/typography.js

@@ -54,4 +54,18 @@ "use strict";
 var typographyMappings = {
+  hyphenateCharacter: "hyphenate-character",
+  hyphenateLimitChars: "hyphenate-limit-chars",
+  hyphens: "hyphens",
+  hangingPunctuation: "hanging-punctuation",
   lineHeight: "line-height",
-  letterSpacing: "letter-spacing"
+  lineBreak: "line-break",
+  orphans: "orphans",
+  quotes: "quotes",
+  rubyPosition: "ruby-position",
+  unicodeBidi: "unicode-bidi",
+  widows: "widows",
+  whiteSpace: "white-space",
+  letterSpacing: "letter-spacing",
+  wordBreak: "word-break",
+  wordSpacing: "word-spacing",
+  writingMode: "writing-mode"
 };
@@ -66,4 +80,4 @@ var typography = (props) => {
       const converter = [
-        typographyMappings.lineHeight,
-        typographyMappings.letterSpacing
+        typographyMappings.letterSpacing,
+        typographyMappings.wordSpacing
       ].includes(property) ? toCssUnit : void 0;
@@ -70,0 +84,0 @@ const responsiveStyles = applyResponsiveStyles(

package.json

 {
   "name": "@kuma-ui/system",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.",
@@ -21,2 +21,9 @@ "repository": {
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    }
+  },
   "files": [
@@ -27,3 +34,3 @@ "dist"
     "csstype": "^3.1.2",
-    "@kuma-ui/sheet": "1.0.0"
+    "@kuma-ui/sheet": "1.0.1"
   },
@@ -30,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

176756

increased by2.08%

Lines of code

5847

increased by2.18%

Dependency changes

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

• - Removed@kuma-ui/sheet@1.0.0(transitive)

• Updated@kuma-ui/sheet@1.0.1