@kaze-style/core - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0-0

dist/__globalStyle.js

@@ -1,1 +0,1 @@
-const e=()=>{};export{e as __globalStyle};
+var e=()=>{};export{e as __globalStyle};

dist/__preGlobalStyle.js

@@ -1,1 +0,1 @@
-import{createGlobalStyle as r}from"./createGlobalStyle";const y=(l,e,t,o)=>{const{cssRuleObjects:s}=r(l);e.fileName===t&&e.globalStyles.push({cssRuleObjects:s,index:o})};export{y as __preGlobalStyle};
+import{createGlobalStyle as r}from"./createGlobalStyle.js";var y=(l,e,t,o)=>{let{cssRuleObjects:s}=r(l);e.fileName===t&&e.globalStyles.push({cssRuleObjects:s,index:o})};export{y as __preGlobalStyle};

dist/__preStyle.js

@@ -1,1 +0,1 @@
-import{createStyle as a}from"./createStyle";const n=(s,e,t,l)=>{const{classes:r,classesObject:c,cssRuleObjects:y}=a(s);return e.fileName===t&&e.styles.push({classesObject:c,cssRuleObjects:y,index:l}),r};export{n as __preStyle};
+import{createStyle as a}from"./createStyle.js";var n=(s,e,t,l)=>{let{classes:r,classesObject:c,cssRuleObjects:y}=a(s);return e.fileName===t&&e.styles.push({classesObject:c,cssRuleObjects:y,index:l}),r};export{n as __preStyle};

dist/__style.js

@@ -1,1 +0,1 @@
-const e=s=>s;export{e as __style};
+var e=s=>s;export{e as __style};

dist/ClassName.js

@@ -1,1 +0,1 @@
-class r extends String{object;others;constructor(s,t=[]){super([...Object.values(s),...t].join(" ")),this.others=t,this.object=s}}export{r as ClassName};
+var e=class extends String{object;others;constructor(s,t=[]){super([...Object.values(s),...t].join(" ")),this.others=t,this.object=s}};export{e as ClassName};

dist/createGlobalStyle.js

@@ -1,1 +0,1 @@
-import{compileObjectCss as r}from"./utils/compileObjectCss";const y=e=>{const t=[];for(const l in e){const o=e[l],s=r(o||{});s!==""&&t.push({rule:`${l} {${s}}`,order:"global"})}return{cssRuleObjects:Array.from(new Set(t))}};export{y as createGlobalStyle};
+import{compileObjectCss as o}from"./utils/compileObjectCss.js";var y=e=>{let s=[];for(let t in e){let l=e[t];o({style:l||{},selector:t}).forEach(r=>{s.push({rule:r,order:"global"})})}return{cssRuleObjects:Array.from(new Set(s))}};export{y as createGlobalStyle};

dist/createStyle.js

@@ -1,1 +0,1 @@
-import{ClassName as o}from"./ClassName";import{resolveStyle as n}from"./resolveStyle";const b=e=>{const t={},l={},c=[];for(const s in e){const{classNameObject:a,cssRuleObjects:r}=n({style:e[s]});c.push(...r),t[s]=new o(a),l[s]=a}return{classes:t,classesObject:l,cssRuleObjects:Array.from(new Map(c.map(s=>[s.rule,s])).values())}};export{b as createStyle};
+import{ClassName as o}from"./ClassName.js";import{resolveStyle as n}from"./resolveStyle.js";var b=e=>{let t={},l={},c=[];for(let s in e){let{classNameObject:a,cssRuleObjects:r}=n({style:e[s]});c.push(...r),t[s]=new o(a),l[s]=a}return{classes:t,classesObject:l,cssRuleObjects:Array.from(new Map(c.map(s=>[s.rule,s])).values())}};export{b as createStyle};

dist/hash.js

@@ -1,1 +0,1 @@
-const t=(x,h=0)=>{let a=x.length,f=h^a,d=0,e;for(;a>=4;)e=x.charCodeAt(d)&255|(x.charCodeAt(++d)&255)<<8|(x.charCodeAt(++d)&255)<<16|(x.charCodeAt(++d)&255)<<24,e=(e&65535)*1540483477+(((e>>>16)*1540483477&65535)<<16),e^=e>>>24,e=(e&65535)*1540483477+(((e>>>16)*1540483477&65535)<<16),f=(f&65535)*1540483477+(((f>>>16)*1540483477&65535)<<16)^e,a-=4,++d;switch(a){case 3:f^=(x.charCodeAt(d+2)&255)<<16;break;case 2:f^=(x.charCodeAt(d+1)&255)<<8;break;case 1:f^=x.charCodeAt(d)&255,f=(f&65535)*1540483477+(((f>>>16)*1540483477&65535)<<16)}return f^=f>>>13,f=(f&65535)*1540483477+(((f>>>16)*1540483477&65535)<<16),f^=f>>>15,(f>>>0).toString(36)};export{t as hash};
+var t=(x,h=0)=>{let a=x.length,f=h^a,d=0,e;for(;a>=4;)e=x.charCodeAt(d)&255|(x.charCodeAt(++d)&255)<<8|(x.charCodeAt(++d)&255)<<16|(x.charCodeAt(++d)&255)<<24,e=(e&65535)*1540483477+(((e>>>16)*1540483477&65535)<<16),e^=e>>>24,e=(e&65535)*1540483477+(((e>>>16)*1540483477&65535)<<16),f=(f&65535)*1540483477+(((f>>>16)*1540483477&65535)<<16)^e,a-=4,++d;switch(a){case 3:f^=(x.charCodeAt(d+2)&255)<<16;break;case 2:f^=(x.charCodeAt(d+1)&255)<<8;break;case 1:f^=x.charCodeAt(d)&255,f=(f&65535)*1540483477+(((f>>>16)*1540483477&65535)<<16)}return f^=f>>>13,f=(f&65535)*1540483477+(((f>>>16)*1540483477&65535)<<16),f^=f>>>15,(f>>>0).toString(36)};export{t as hash};

dist/index.js

@@ -1,1 +0,1 @@
-export*from"./mergeStyle";export*from"./createStyle";export*from"./createGlobalStyle";export*from"./__style";export*from"./__globalStyle";export*from"./__preStyle";export*from"./__preGlobalStyle";export*from"./ClassName";export*from"./styleOrder";
+export*from"./mergeStyle.js";export*from"./createStyle.js";export*from"./createGlobalStyle.js";export*from"./__style.js";export*from"./__globalStyle.js";export*from"./__preStyle.js";export*from"./__preGlobalStyle.js";export*from"./ClassName.js";export*from"./styleOrder.js";

dist/mergeStyle.js

@@ -1,1 +0,1 @@
-import{ClassName as n}from"./ClassName";const i=(...r)=>{const e=[],t={};return r.forEach(s=>{typeof s=="string"?e.push(s):s instanceof n&&(e.push(...s.others),Object.assign(t,s.object))}),new n(t,e)};export{i as mergeStyle};
+import{ClassName as n}from"./ClassName.js";var i=(...r)=>{let e=[],t={};return r.forEach(s=>{typeof s=="string"?e.push(s):s instanceof n&&(e.push(...s.others),Object.assign(t,s.object))}),new n(t,e)};export{i as mergeStyle};

dist/resolveStyle.d.ts

@@ -9,6 +9,4 @@ import type { ClassName } from './ClassName';
 export declare type Selectors = {
-    media: string;
-    layer: string;
-    support: string;
-    pseudo: string;
+    nested: string;
+    atRules: string[];
 };
@@ -15,0 +13,0 @@ declare type Args = {

dist/resolveStyle.js

@@ -1,1 +0,1 @@
-import{checkStyleOrder as u}from"./utils/checkStyleOrder";import{combinedQuery as c}from"./utils/combinedQuery";import{compileCss as f}from"./utils/compileCss";import{compileKeyFrameCss as b}from"./utils/compileKeyFrameCss";import{hashClassName as O}from"./utils/hashClassName";import{hashSelector as j}from"./utils/hashSelector";import{hyphenateProperty as d}from"./utils/hyphenateProperty";import{isCssValue as N}from"./utils/isCssValue";import{isLayerSelector as g}from"./utils/isLayerSelector";import{isMediaQuerySelector as R}from"./utils/isMediaQuerySelector";import{isNestedSelector as S}from"./utils/isNestedSelector";import{isObject as h}from"./utils/isObject";import{isSupportQuerySelector as C}from"./utils/isSupportQuerySelector";import{normalizeNestedProperty as Q}from"./utils/normalizeNestedProperty";const p=({style:a,selectors:e={media:"",layer:"",support:"",pseudo:""},resolvedStyle:r={classNameObject:{},cssRuleObjects:[]}})=>{for(const y in a){const s=y,o=a[s];if(N(o)){const t=d(s),i=O({selectors:e,property:t,styleValue:o}),m=j({selectors:e,property:t}),l=f({className:i,selectors:e,property:t,styleValue:o}),n=u({selectors:e});r.cssRuleObjects.push({rule:l,order:n}),Object.assign(r.classNameObject,{[m]:i})}else if(h(o))if(s==="animationName"){const t=o,{keyframesRule:i,keyframeName:m}=b(t);r.cssRuleObjects.push({rule:i,order:"keyframes"}),Object.assign(r.classNameObject,{[m]:m}),p({style:{animationName:m},selectors:e,resolvedStyle:r})}else if(R(s)){const t=c(e.media,s.slice(6).trim());p({style:o,selectors:Object.assign({},e,{media:t}),resolvedStyle:r})}else if(g(s)){const t=(e.layer?`${e.layer}.`:"")+s.slice(6).trim();p({style:o,selectors:Object.assign({},e,{layer:t}),resolvedStyle:r})}else if(C(s)){const t=c(e.support,s.slice(9).trim());p({style:o,selectors:Object.assign({},e,{support:t}),resolvedStyle:r})}else S(s)&&p({style:o,selectors:Object.assign({},e,{pseudo:Q(s,e.pseudo)}),resolvedStyle:r})}return r};export{p as resolveStyle};
+import{checkStyleOrder as n}from"./utils/checkStyleOrder.js";import{compileCss as y}from"./utils/compileCss.js";import{compileKeyFrameCss as f}from"./utils/compileKeyFrameCss.js";import{hashClassName as u}from"./utils/hashClassName.js";import{hashSelector as O}from"./utils/hashSelector.js";import{isCssValue as b}from"./utils/isCssValue.js";import{isObject as j}from"./utils/isObject.js";import{resolveSelectors as R}from"./utils/resolveSelectors.js";import{styleDeclarationStringify as N}from"./utils/styleDeclarationStringify.js";var c=({style:l,selectors:s={nested:"",atRules:[]},resolvedStyle:e={classNameObject:{},cssRuleObjects:[]}})=>{for(let p in l){let t=p,r=l[t];if(b(r)){let a=u({selectors:s,property:t,styleValue:r}),m=O({selectors:s,property:t}),o=y({selector:`.${a}`,selectors:s,declaration:N({property:t,styleValue:r})}),i=n({selectors:s});e.cssRuleObjects.push({rule:o,order:i}),Object.assign(e.classNameObject,{[m]:a})}else if(j(r))if(t==="animationName"){let a=r,{keyframesRule:m,keyframeName:o}=f(a);e.cssRuleObjects.push({rule:m,order:"keyframes"}),Object.assign(e.classNameObject,{[o]:o}),c({style:{animationName:o},selectors:s,resolvedStyle:e})}else c({style:r,selectors:R({property:t,selectors:s}),resolvedStyle:e})}return e};export{c as resolveStyle};

dist/runtime.js

@@ -1,1 +0,1 @@
-export*from"./runtime/setCssRuleObjects";
+export*from"./runtime/setCssRuleObjects.js";

dist/runtime/getStyleElements.js

@@ -1,1 +0,1 @@
-import{styleOrder as r}from"../styleOrder";const t={},s=()=>(t[r[0]]===void 0&&r.forEach(l=>{const e=document.createElement("style");e.rules=[],e.id=`kaze-${l}`,document.head.appendChild(e),Object.assign(t,{[l]:e})}),t);export{s as getStyleElements};
+import{styleOrder as r}from"../styleOrder.js";var t={},s=()=>(t[r[0]]===void 0&&r.forEach(l=>{let e=document.createElement("style");e.rules=[],e.id=`kaze-${l}`,document.head.appendChild(e),Object.assign(t,{[l]:e})}),t);export{s as getStyleElements};

dist/runtime/setCssRuleObjects.js

@@ -1,1 +0,1 @@
-import{getStyleElements as l}from"./getStyleElements";const n=r=>{const s=l();r.forEach(t=>{const e=s[t.order];e.rules=Array.from(new Set([...e.rules,t.rule])),e.innerText=e.rules.join("")})};export{n as setCssRuleObjects};
+import{getStyleElements as l}from"./getStyleElements.js";var n=r=>{let s=l();r.forEach(t=>{let e=s[t.order];e.rules=Array.from(new Set([...e.rules,t.rule])),e.innerText=e.rules.join("")})};export{n as setCssRuleObjects};

dist/styleOrder.js

@@ -1,1 +0,1 @@
-const e=["global","normal","link","visited","focusWithin","focus","focusVisible","hover","active","keyframes","atRules","media"];export{e as styleOrder};
+var e=["global","normal","link","visited","focusWithin","focus","focusVisible","hover","active","keyframes","atRules","media"];export{e as styleOrder};

dist/types/style.d.ts

 import type { Pseudos, PropertiesFallback, AtRule } from 'csstype';
 import type { ClassName } from '../ClassName';
 import type { AndArray, IncludeChar } from './utils';
-export declare type CssValue = string | number;
+export declare type CssValue = string | number | undefined;
+declare type NestedChar = ':' | '&' | ' ' | '@' | ',' | '>' | '~' | '+' | '[' | '.' | '#';
 declare type PredictType = '@media (max-width: 0)' | '@media (min-width: 0)' | '@media (prefers-color-scheme: dark)' | '@media (prefers-color-scheme: light)' | '@layer utilities' | '@layer base' | '@supports ()' | '@supports not ()';
@@ -9,9 +10,9 @@ declare type PredictTypeRules = {
 };
-declare type CssPseudosRules = {
+declare type PseudosCssRules = {
     [_ in Pseudos]?: SupportStyle;
 };
-declare type CssStringRules = {
-    [_ in IncludeChar<':' | '&' | ' ' | '@' | ',' | '>' | '~' | '+' | '[' | '.' | '#'>]?: SupportStyle;
+declare type StringCssRules = {
+    [_ in IncludeChar<NestedChar>]?: SupportStyle;
 };
-export declare type CssKeyframesRules = {
+export declare type KeyframesCssRules = {
     [_ in 'from' | 'to']?: SupportProperties;
@@ -22,8 +23,15 @@ } & {
 declare type CssAnimationNameProperty = {
-    animationName?: CssKeyframesRules | string;
+    animationName?: KeyframesCssRules | string;
 };
 export declare type SupportProperties = Omit<PropertiesFallback<CssValue>, 'animationName'>;
-export declare type SupportStyle = SupportProperties & CssPseudosRules & PredictTypeRules & CssStringRules & CssAnimationNameProperty;
+export declare type SupportStyle = SupportProperties & PseudosCssRules & PredictTypeRules & StringCssRules & CssAnimationNameProperty;
 export declare type KazeStyle<T extends string> = Record<T, SupportStyle>;
-export declare type SupportGlobalStyle = PropertiesFallback<CssValue>;
+declare type SupportGlobalProperties = PropertiesFallback<AndArray<CssValue>>;
+declare type GlobalPseudosCssRules = {
+    [_ in Pseudos]?: SupportGlobalStyle;
+};
+declare type GlobalStringCssRules = {
+    [P in IncludeChar<NestedChar>]?: P extends '@font-face' ? FontFaceStyle : SupportGlobalStyle;
+};
+export declare type SupportGlobalStyle = SupportGlobalProperties & GlobalPseudosCssRules & GlobalStringCssRules;
 declare type FontFaceStyle = AtRule.FontFaceFallback<CssValue> & AtRule.FontFaceHyphenFallback<CssValue>;
@@ -36,5 +44,5 @@ declare type GlobalSelector = keyof HTMLElementTagNameMap | '*';
     [_ in PredictGlobalSelector]?: SupportGlobalStyle;
-} & Record<string, SupportGlobalStyle> & Record<string, Record<string, AndArray<CssValue>>>;
+} & Record<string, Record<string, AndArray<CssValue>> | SupportGlobalStyle>;
 export declare type Classes<K extends string> = Record<K, string>;
 export declare type ClassesObject<K extends string> = Record<K, ClassName['object']>;
 export {};

dist/types/utils.d.ts

 export declare type ValueOf<T> = T[keyof T];
 export declare type AndArray<T> = T | T[];
 export declare type IncludeChar<T extends string> = `${string}${T}${string}`;
+export declare type NestedObj<T> = Obj<T>;
+declare type Obj<T = string> = {
+    [_ in string]?: NestedObj<T> | T;
+};
+export {};

dist/utils/checkStyleOrder.d.ts

@@ -5,3 +5,3 @@ import type { Selectors } from '../resolveStyle';
 };
-export declare const checkStyleOrder: ({ selectors: { pseudo, media, layer, support }, }: Args) => "link" | "normal" | "visited" | "focusWithin" | "focus" | "focusVisible" | "hover" | "active" | "atRules" | "media";
+export declare const checkStyleOrder: ({ selectors: { nested, atRules } }: Args) => "link" | "normal" | "visited" | "focusWithin" | "focus" | "focusVisible" | "hover" | "active" | "atRules" | "media";
 export {};

dist/utils/checkStyleOrder.js

@@ -1,1 +0,1 @@
-const t=({selectors:{pseudo:i,media:l,layer:s,support:r}})=>{let e="normal";return l?e="media":r||s?e="atRules":i.includes(":active")?e="active":i.includes(":hover")?e="hover":i.includes(":focus-visible")?e="focusVisible":i.includes(":focus")?e="focus":i.includes(":focus-within")?e="focusWithin":i.includes(":visited")?e="visited":i.includes(":link")&&(e="link"),e};export{t as checkStyleOrder};
+var r=({selectors:{nested:i,atRules:l}})=>{let e="normal";return l.length!==0?l.some(s=>s.includes("media"))?e="media":e="atRules":i.includes(":active")?e="active":i.includes(":hover")?e="hover":i.includes(":focus-visible")?e="focusVisible":i.includes(":focus")?e="focus":i.includes(":focus-within")?e="focusWithin":i.includes(":visited")?e="visited":i.includes(":link")&&(e="link"),e};export{r as checkStyleOrder};

dist/utils/compileCss.d.ts

 import type { Selectors } from '../resolveStyle';
-import type { CssValue } from '../types/style';
-import type { AndArray } from '../types/utils';
 declare type CompileCss = {
-    className: string;
+    selector: string;
     selectors: Selectors;
-    property: string;
-    styleValue: AndArray<CssValue>;
+    declaration: string;
 };
-export declare const compileCss: ({ className, selectors: { pseudo, media, layer, support }, property, styleValue, }: CompileCss) => string;
+export declare const compileCss: ({ selector, selectors: { nested, atRules }, declaration, }: CompileCss) => string;
 export {};

dist/utils/compileCss.js

@@ -1,1 +0,1 @@
-import{styleValueStringify as $}from"./styleValueStringify";const f=({className:r,selectors:{pseudo:s,media:l,layer:o,support:i},property:p,styleValue:y})=>{let t="",e="";return s?t=`${s.replace(/&/g,`.${r}`)}`:t=`.${r}`,e=`${t}{${p}:${$(y)};}`,l&&(e=`@media ${l} {${e}}`),o&&(e=`@layer ${o} {${e}}`),i&&(e=`@supports ${i} {${e}}`),e};export{f as compileCss};
+var i=({selector:l,selectors:{nested:s,atRules:t},declaration:o})=>{let r="",e="";return s?r=`${s.replace(/&/g,`${l}`)}`:r=`${l}`,e=`${r}{${o}}`,t.length!==0&&t.forEach(c=>e=`${c}{${e}}`),e};export{i as compileCss};

dist/utils/compileKeyFrameCss.d.ts

@@ -1,5 +0,5 @@
-import type { CssKeyframesRules } from '../types/style';
-export declare const compileKeyFrameCss: (keyframeObject: CssKeyframesRules) => {
+import type { KeyframesCssRules } from '../types/style';
+export declare const compileKeyFrameCss: (keyframeObject: KeyframesCssRules) => {
     keyframesRule: string;
     keyframeName: string;
 };

dist/utils/compileKeyFrameCss.js

@@ -1,1 +0,1 @@
-import{hash as a}from"../hash";import{compileObjectCss as n}from"./compileObjectCss";const y=e=>{const s=[];for(const t in e){const m=e[t];s.push(`${t}{${n(m||{})}}`)}const r=s.join(""),o=`_${a(r)}`;return{keyframesRule:`@keyframes ${o} {${r}}`,keyframeName:o}};export{y as compileKeyFrameCss};
+import{hash as a}from"../hash.js";import{compileObjectCss as c}from"./compileObjectCss.js";var f=e=>{let s=[];for(let t in e){let m=e[t];s.push(`${c({selector:t,style:m||{}})}`)}let r=s.join(""),o=`_${a(r)}`;return{keyframesRule:`@keyframes ${o} {${r}}`,keyframeName:o}};export{f as compileKeyFrameCss};

dist/utils/compileObjectCss.d.ts

@@ -1,2 +0,15 @@
-import type { SupportProperties } from '../types/style';
-export declare const compileObjectCss: (style: SupportProperties) => string;
+import type { CssValue } from '../types/style';
+import type { AndArray, NestedObj } from '../types/utils';
+declare type Args = {
+    style: NestedObj<AndArray<CssValue>>;
+    selector: string;
+    selectors?: {
+        nested: string;
+        atRules: string[];
+    };
+    resolvedStyle?: {
+        cssRules: string[];
+    };
+};
+export declare const compileObjectCss: ({ style, selector, selectors, resolvedStyle, }: Args) => string[];
+export {};

dist/utils/compileObjectCss.js

@@ -1,1 +0,1 @@
-import{hyphenateProperty as p}from"./hyphenateProperty";import{styleValueStringify as s}from"./styleValueStringify";const y=t=>{const o=[];for(const e in t){const r=t[e];(typeof r=="string"||typeof r=="number")&&o.push(p(e)+":"+s(r)+";")}return o.join("")};export{y as compileObjectCss};
+import{compileCss as n}from"./compileCss.js";import{isCssValue as c}from"./isCssValue.js";import{isObject as p}from"./isObject.js";import{resolveSelectors as m}from"./resolveSelectors.js";import{styleDeclarationStringify as u}from"./styleDeclarationStringify.js";var a=({style:o,selector:i,selectors:l={atRules:[],nested:""},resolvedStyle:t={cssRules:[]}})=>{let r=[];for(let s in o){let e=o[s];c(e)?r.push(u({property:s,styleValue:e})):p(e)&&a({style:e,selector:i,selectors:m({property:s,selectors:l}),resolvedStyle:t})}if(r.length!==0){let s=n({selector:i,declaration:r.join(""),selectors:l});t.cssRules.push(s)}return t.cssRules};export{a as compileObjectCss};

dist/utils/hashClassName.d.ts

@@ -9,3 +9,3 @@ import type { Selectors } from '../resolveStyle';
 };
-export declare const hashClassName: ({ selectors: { pseudo, media, layer, support }, property, styleValue, }: Args) => string;
+export declare const hashClassName: ({ selectors: { nested, atRules }, property, styleValue, }: Args) => string;
 export {};

dist/utils/hashClassName.js

@@ -1,1 +0,1 @@
-import{hash as p}from"../hash";import{styleValueStringify as y}from"./styleValueStringify";const i=({selectors:{pseudo:r,media:e,layer:t,support:s},property:o,styleValue:l})=>`_${p(`${o}${r}${e}${t}${s}${y(l)}`)}`;export{i as hashClassName};
+import{hash as o}from"../hash.js";import{styleValueStringify as l}from"./styleValueStringify.js";var i=({selectors:{nested:r,atRules:e},property:t,styleValue:s})=>`_${o(`${t}${r}${e.join("")}${l(s)}`)}`;export{i as hashClassName};

dist/utils/hashSelector.d.ts

@@ -6,3 +6,3 @@ import type { Selectors } from '../resolveStyle';
 };
-export declare const hashSelector: ({ selectors: { pseudo, media, layer, support }, property, }: Args) => string;
+export declare const hashSelector: ({ selectors: { nested, atRules }, property, }: Args) => string;
 export {};

dist/utils/hashSelector.js

@@ -1,1 +0,1 @@
-import{hash as l}from"../hash";const c=({selectors:{pseudo:r,media:e,layer:t,support:s},property:o})=>`_${l(`${o}${r}${e}${t}${s}`)}`;export{c as hashSelector};
+import{hash as o}from"../hash.js";var l=({selectors:{nested:r,atRules:e},property:t})=>`_${o(`${t}${r}${e.join("")}`)}`;export{l as hashSelector};

dist/utils/hyphenateProperty.js

@@ -1,1 +0,1 @@
-const n=e=>e.includes("-")?e:e.replace(/[A-Z]/g,r=>"-"+r.toLowerCase());export{n as hyphenateProperty};
+var n=e=>e.includes("-")?e:e.replace(/[A-Z]/g,r=>"-"+r.toLowerCase());export{n as hyphenateProperty};

dist/utils/isCssValue.d.ts

@@ -1,3 +0,3 @@
-import type { CssValue, SupportStyle } from '../types/style';
-import type { AndArray, ValueOf } from '../types/utils';
-export declare const isCssValue: (styleValue: ValueOf<SupportStyle>) => styleValue is AndArray<CssValue>;
+import type { CssValue } from '../types/style';
+import type { AndArray, NestedObj } from '../types/utils';
+export declare const isCssValue: (styleValue: NestedObj<AndArray<CssValue>> | AndArray<CssValue>) => styleValue is AndArray<CssValue>;

dist/utils/isCssValue.js

@@ -1,1 +0,1 @@
-const t=r=>typeof r=="string"||typeof r=="number"||Array.isArray(r);export{t as isCssValue};
+var s=r=>typeof r=="string"||typeof r=="number"||Array.isArray(r);export{s as isCssValue};

dist/utils/isNestedSelector.js

@@ -1,1 +0,1 @@
-const t=e=>/(:|\[|>|&)/.test(e);export{t as isNestedSelector};
+var t=e=>/(:|&| |,|>|~|\+|\[|\.|#|)/.test(e);export{t as isNestedSelector};

dist/utils/normalizeNestedProperty.js

@@ -1,1 +0,1 @@
-const s=(i,c)=>{let l=c;return c?l+=i.charAt(0)==="&"?i.slice(1):i:l=i.includes("&")?i:"&"+i,l};export{s as normalizeNestedProperty};
+var s=(i,c)=>{let l=c;return c?l+=i.charAt(0)==="&"?i.slice(1):i:l=i.includes("&")?i:"&"+i,l};export{s as normalizeNestedProperty};

dist/utils/styleValueStringify.js

@@ -1,1 +0,1 @@
-const s=r=>Array.isArray(r)?r.join(" "):r;export{s as styleValueStringify};
+var s=r=>Array.isArray(r)?r.join(" "):r;export{s as styleValueStringify};

package.json

 {
   "name": "@kaze-style/core",
-  "version": "0.8.0",
+  "version": "0.9.0-0",
   "license": "MIT",
   "author": "Taishi Naritomi",
   "description": "Kaze [風] zero-runtime CSS in JS",
+  "type": "module",
   "repository": {
@@ -13,3 +14,3 @@ "type": "git",
   "sideEffects": false,
-  "main": "dist/index.cjs",
+  "main": "dist/cjs/index.js",
   "module": "dist/index.js",
@@ -20,11 +21,16 @@ "typings": "dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/cjs/index.js"
     },
     "./runtime": {
       "import": "./dist/runtime.js",
-      "require": "./dist/runtime.cjs",
-      "types": "./dist/runtime.d.ts"
+      "require": "./dist/cjs/runtime.js"
     }
   },
+  "typesVersions": {
+    "*": {
+      "runtime": [
+        "./dist/runtime"
+      ]
+    }
+  },
   "files": [
@@ -36,4 +42,4 @@ "dist",
   "scripts": {
-    "dev": "tsx ./../../scripts/build.ts --watch  --entry ./src/runtime.ts",
-    "build": "tsx ./../../scripts/build.ts  --entry ./src/runtime.ts"
+    "dev": "tsx ./../../scripts/build.ts --watch",
+    "build": "tsx ./../../scripts/build.ts"
   },
@@ -40,0 +46,0 @@ "dependencies": {

README.md

 <div>
   <br>
   <div align="center">
-    <img src='https://raw.githubusercontent.com/taishinaritomi/kaze-style/dev/assets/logo.svg' width="250" height="auto" alt="Kaze">
+    <img src='https://raw.githubusercontent.com/taishinaritomi/kaze-style/main/assets/logo.svg' width="250" height="auto" alt="Kaze">
   </div>
@@ -16,3 +16,6 @@ <hr />
     </a>
-    <a href='https://www.npmjs.com/package/@kaze-style/react'>
+    <a href='https://bundlephobia.com/package/@kaze-style/react'>
+      <img src='https://img.shields.io/bundlephobia/minzip/@kaze-style/react?style=for-the-badge'>
+    </a>
+    <a href='https://github.com/microsoft/typescript'>
       <img src='https://img.shields.io/npm/types/@kaze-style/react?style=for-the-badge'>
@@ -19,0 +22,0 @@ </a>

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 3 instances 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

Number of package files

97

increased by31.08%

Lines of code

370

increased by39.1%

Number of lines in readme file

98

increased by3.16%

Is type module

Yes

Worsened metrics

Total package byte prevSize

44668

decreased by-23.11%

Number of low quality alerts

18

increased by800%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes