@griffel/core - npm Package Compare versions

Comparing version 1.11.0 to 1.12.0

package.json

 {
   "name": "@griffel/core",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "DOM implementation of Atomic CSS-in-JS",
@@ -15,3 +15,3 @@ "license": "MIT",
     "rtl-css-js": "^1.16.1",
-    "stylis": "^4.0.13",
+    "stylis": "^4.2.0",
     "tslib": "^2.1.0"
@@ -18,0 +18,0 @@ },

runtime/compileStaticCSS.cjs.js

@@ -5,8 +5,8 @@ 'use strict';
 
-var compileCSS = require('./compileCSS.cjs.js');
 var cssifyObject = require('./utils/cssifyObject.cjs.js');
+var compileCSSRules = require('./compileCSSRules.cjs.js');
 
 function compileStaticCSS(property, value) {
   const cssRule = `${property} {${cssifyObject.cssifyObject(value)}}`;
-  return compileCSS.compileCSSRules(cssRule)[0];
+  return compileCSSRules.compileCSSRules(cssRule, false)[0];
 }
@@ -13,0 +13,0 @@

runtime/compileStaticCSS.esm.js

@@ -1,7 +0,7 @@
-import { compileCSSRules } from './compileCSS.esm.js';
 import { cssifyObject } from './utils/cssifyObject.esm.js';
+import { compileCSSRules } from './compileCSSRules.esm.js';
 
 function compileStaticCSS(property, value) {
   const cssRule = `${property} {${cssifyObject(value)}}`;
-  return compileCSSRules(cssRule)[0];
+  return compileCSSRules(cssRule, false)[0];
 }
@@ -8,0 +8,0 @@

runtime/resolveResetStyleRules.cjs.js

@@ -14,3 +14,4 @@ 'use strict';
 var hyphenateProperty = require('./utils/hyphenateProperty.cjs.js');
-var compileCSS = require('./compileCSS.cjs.js');
+var compileAtomicCSSRule = require('./compileAtomicCSSRule.cjs.js');
+var compileCSSRules = require('./compileCSSRules.cjs.js');
 var compileKeyframeCSS = require('./compileKeyframeCSS.cjs.js');
@@ -89,3 +90,3 @@ var isContainerQuerySelector = require('./utils/isContainerQuerySelector.cjs.js');
       if (isNestedSelector.isNestedSelector(property)) {
-        const nestedSelector = compileCSS.normalizePseudoSelector(property);
+        const nestedSelector = compileAtomicCSSRule.normalizePseudoSelector(property);
         const [ltrNested, rtlNested] = createStringFromStyles(value);
@@ -113,3 +114,3 @@ ltrCSS += `${nestedSelector}{${ltrNested}}`;
   const ltrClassName = constants.RESET_HASH_PREFIX + hashString__default["default"](ltrRule);
-  const ltrCSS = compileCSS.compileCSSRules(`.${ltrClassName}{${ltrRule}}`);
+  const ltrCSS = compileCSSRules.compileCSSRules(`.${ltrClassName}{${ltrRule}}`, false);
   if (ltrRule === rtlRule) {
@@ -119,3 +120,3 @@ return [ltrClassName, null, ltrCSS];
   const rtlClassName = constants.RESET_HASH_PREFIX + hashString__default["default"](rtlRule);
-  const rtlCSS = compileCSS.compileCSSRules(`.${rtlClassName}{${rtlRule}}`);
+  const rtlCSS = compileCSSRules.compileCSSRules(`.${rtlClassName}{${rtlRule}}`, false);
   return [ltrClassName, rtlClassName, ltrCSS.concat(rtlCSS)];
@@ -122,0 +123,0 @@ }

runtime/resolveResetStyleRules.esm.js

@@ -10,3 +10,4 @@ import hashString from '@emotion/hash';
 import { hyphenateProperty } from './utils/hyphenateProperty.esm.js';
-import { compileCSSRules, normalizePseudoSelector } from './compileCSS.esm.js';
+import { normalizePseudoSelector } from './compileAtomicCSSRule.esm.js';
+import { compileCSSRules } from './compileCSSRules.esm.js';
 import { compileKeyframeRule, compileKeyframesCSS } from './compileKeyframeCSS.esm.js';
@@ -104,3 +105,3 @@ import { isContainerQuerySelector } from './utils/isContainerQuerySelector.esm.js';
   const ltrClassName = RESET_HASH_PREFIX + hashString(ltrRule);
-  const ltrCSS = compileCSSRules(`.${ltrClassName}{${ltrRule}}`);
+  const ltrCSS = compileCSSRules(`.${ltrClassName}{${ltrRule}}`, false);
   if (ltrRule === rtlRule) {
@@ -110,3 +111,3 @@ return [ltrClassName, null, ltrCSS];
   const rtlClassName = RESET_HASH_PREFIX + hashString(rtlRule);
-  const rtlCSS = compileCSSRules(`.${rtlClassName}{${rtlRule}}`);
+  const rtlCSS = compileCSSRules(`.${rtlClassName}{${rtlRule}}`, false);
   return [ltrClassName, rtlClassName, ltrCSS.concat(rtlCSS)];
@@ -113,0 +114,0 @@ }

runtime/resolveStaticStyleRules.cjs.js

@@ -5,8 +5,8 @@ 'use strict';
 
+var compileCSSRules = require('./compileCSSRules.cjs.js');
 var compileStaticCSS = require('./compileStaticCSS.cjs.js');
-var compileCSS = require('./compileCSS.cjs.js');
 
 function resolveStaticStyleRules(styles, result = {}) {
   if (typeof styles === 'string') {
-    const cssRules = compileCSS.compileCSSRules(styles);
+    const cssRules = compileCSSRules.compileCSSRules(styles, false);
     for (const rule of cssRules) {
@@ -13,0 +13,0 @@ addResolvedStyles(rule, result);

runtime/resolveStaticStyleRules.esm.js

@@ -0,7 +1,7 @@
+import { compileCSSRules } from './compileCSSRules.esm.js';
 import { compileStaticCSS } from './compileStaticCSS.esm.js';
-import { compileCSSRules } from './compileCSS.esm.js';
 
 function resolveStaticStyleRules(styles, result = {}) {
   if (typeof styles === 'string') {
-    const cssRules = compileCSSRules(styles);
+    const cssRules = compileCSSRules(styles, false);
     for (const rule of cssRules) {
@@ -8,0 +8,0 @@ addResolvedStyles(rule, result);

runtime/resolveStyleRules.cjs.js

@@ -8,3 +8,3 @@ 'use strict';
 var constants = require('../constants.cjs.js');
-var compileCSS = require('./compileCSS.cjs.js');
+var compileAtomicCSSRule = require('./compileAtomicCSSRule.cjs.js');
 var compileKeyframeCSS = require('./compileKeyframeCSS.cjs.js');
@@ -102,3 +102,3 @@ var generateCombinedMediaQuery = require('./utils/generateCombinedMediaQuery.cjs.js');
       const styleBucketName = getStyleBucketName.getStyleBucketName(selectors, layer, media, support, container);
-      const [ltrCSS, rtlCSS] = compileCSS.compileCSS({
+      const [ltrCSS, rtlCSS] = compileAtomicCSSRule.compileAtomicCSSRule({
         className,
@@ -188,3 +188,3 @@ media,
       const styleBucketName = getStyleBucketName.getStyleBucketName(selectors, layer, media, support, container);
-      const [ltrCSS, rtlCSS] = compileCSS.compileCSS({
+      const [ltrCSS, rtlCSS] = compileAtomicCSSRule.compileAtomicCSSRule({
         className,
@@ -191,0 +191,0 @@ media,

runtime/resolveStyleRules.esm.js

 import hashString from '@emotion/hash';
 import { convertProperty, convert } from 'rtl-css-js/core';
 import { UNSUPPORTED_CSS_PROPERTIES, HASH_PREFIX } from '../constants.esm.js';
-import { compileCSS } from './compileCSS.esm.js';
+import { compileAtomicCSSRule } from './compileAtomicCSSRule.esm.js';
 import { compileKeyframeRule, compileKeyframesCSS } from './compileKeyframeCSS.esm.js';
@@ -93,3 +93,3 @@ import { generateCombinedQuery } from './utils/generateCombinedMediaQuery.esm.js';
       const styleBucketName = getStyleBucketName(selectors, layer, media, support, container);
-      const [ltrCSS, rtlCSS] = compileCSS({
+      const [ltrCSS, rtlCSS] = compileAtomicCSSRule({
         className,
@@ -179,3 +179,3 @@ media,
       const styleBucketName = getStyleBucketName(selectors, layer, media, support, container);
-      const [ltrCSS, rtlCSS] = compileCSS({
+      const [ltrCSS, rtlCSS] = compileAtomicCSSRule({
         className,
@@ -182,0 +182,0 @@ media,

src/runtime/compileStaticCSS.d.ts

@@ -1,2 +0,2 @@
-import { GriffelStaticStyle } from '../types';
+import type { GriffelStaticStyle } from '../types';
 export declare function compileStaticCSS(property: string, value: GriffelStaticStyle): string;

src/runtime/resolveStaticStyleRules.d.ts

@@ -1,2 +0,2 @@
-import { GriffelStaticStyles, CSSRulesByBucket } from '../types';
+import type { GriffelStaticStyles, CSSRulesByBucket } from '../types';
 export declare function resolveStaticStyleRules(styles: GriffelStaticStyles, result?: CSSRulesByBucket): CSSRulesByBucket;

src/shorthands/types.d.ts

@@ -26,1 +26,5 @@ import * as CSS from 'csstype';
 export declare type TransitionGlobalInput = CSS.Globals;
+export declare type TextDecorationStyleInput = CSS.Property.TextDecorationStyle;
+export declare type TextDecorationLineInput = ValueOrArray<CSS.Property.TextDecorationLine>;
+export declare type TextDecorationColorInput = ValueOrArray<CSS.Property.TextDecorationColor>;
+export declare type TextDecorationThicknessInput = ValueOrArray<CSS.Property.TextDecorationThickness>;

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

640163

increased by1.26%

Number of package files

375

increased by3.02%

Lines of code

6065

increased by0.97%

Dependency changes

• Updatedstylis@^4.2.0