@fluentui/react-make-styles - npm Package Compare versions

Comparing version 0.0.0-nightly940a86cbd620220117.1 to 0.0.0-nightly940de09b9520220131.1

CHANGELOG.md

 # Change Log - @fluentui/react-make-styles
 
-This log was last generated on Mon, 17 Jan 2022 04:14:06 GMT and should not be manually modified.
+This log was last generated on Mon, 31 Jan 2022 04:16:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly940a86cbd620220117.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v0.0.0-nightly940a86cbd620220117.1)
+## [0.0.0-nightly940de09b9520220131.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v0.0.0-nightly940de09b9520220131.1)
 
-Mon, 17 Jan 2022 04:14:06 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-make-styles_v9.0.0-beta.4..@fluentui/react-make-styles_v0.0.0-nightly940a86cbd620220117.1)
+Mon, 31 Jan 2022 04:16:00 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-make-styles_v9.0.0-beta.4..@fluentui/react-make-styles_v0.0.0-nightly940de09b9520220131.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/07adbf7fccd0e09945e35e8c537e3595d8170375) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/7343cc2ca2eaca5e933abf6a8b8b57f910107cc4) by email not defined)
 - Re-export shorthand functions for styles ([PR #20628](https://github.com/microsoft/fluentui/pull/20628) by [e-mail])
 - re-export base makeStyles types ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by [e-mail])
+- migrate to use @griffel/core ([PR #21320](https://github.com/microsoft/fluentui/pull/21320) by [e-mail])
 - BREAKING: remove functions support from makeStyles() ([PR #21239](https://github.com/microsoft/fluentui/pull/21239) by [e-mail])
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly940a86cbd620220117.1 ([commit](https://github.com/microsoft/fluentui/commit/07adbf7fccd0e09945e35e8c537e3595d8170375) by beachball)
-- Bump @fluentui/make-styles to v0.0.0-nightly940a86cbd620220117.1 ([commit](https://github.com/microsoft/fluentui/commit/07adbf7fccd0e09945e35e8c537e3595d8170375) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly940a86cbd620220117.1 ([commit](https://github.com/microsoft/fluentui/commit/07adbf7fccd0e09945e35e8c537e3595d8170375) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly940a86cbd620220117.1 ([commit](https://github.com/microsoft/fluentui/commit/07adbf7fccd0e09945e35e8c537e3595d8170375) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly940de09b9520220131.1 ([commit](https://github.com/microsoft/fluentui/commit/7343cc2ca2eaca5e933abf6a8b8b57f910107cc4) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly940de09b9520220131.1 ([commit](https://github.com/microsoft/fluentui/commit/7343cc2ca2eaca5e933abf6a8b8b57f910107cc4) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly940de09b9520220131.1 ([commit](https://github.com/microsoft/fluentui/commit/7343cc2ca2eaca5e933abf6a8b8b57f910107cc4) by beachball)
 
@@ -23,0 +23,0 @@ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v9.0.0-beta.4)

dist/react-make-styles.d.ts

@@ -1,10 +0,10 @@
-import { createDOMRenderer } from '@fluentui/make-styles';
-import type { CSSClassesMapBySlot } from '@fluentui/make-styles';
-import type { CSSRulesByBucket } from '@fluentui/make-styles';
-import type { MakeStaticStyles } from '@fluentui/make-styles';
-import type { MakeStylesRenderer } from '@fluentui/make-styles';
-import { MakeStylesStyle } from '@fluentui/make-styles';
-import { mergeClasses } from '@fluentui/make-styles';
+import { createDOMRenderer } from '@griffel/core';
+import type { CSSClassesMapBySlot } from '@griffel/core';
+import type { CSSRulesByBucket } from '@griffel/core';
+import type { GriffelRenderer } from '@griffel/core';
+import type { GriffelStaticStyles } from '@griffel/core';
+import { GriffelStyle as MakeStylesStyle } from '@griffel/core';
+import { mergeClasses } from '@griffel/core';
 import * as React_2 from 'react';
-import { shorthands } from '@fluentui/make-styles';
+import { shorthands } from '@griffel/core';
 
@@ -20,3 +20,3 @@ /**
 
-export declare function makeStaticStyles<Selectors>(styles: MakeStaticStyles | MakeStaticStyles[]): () => void;
+export declare function makeStaticStyles<Selectors>(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;
 
@@ -32,3 +32,3 @@ export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, MakeStylesStyle>): () => Record<Slots, string>;
  */
-export declare const RendererContext: React_2.Context<MakeStylesRenderer>;
+export declare const RendererContext: React_2.Context<GriffelRenderer>;
 
@@ -42,3 +42,3 @@ /**
     /** An instance of makeStyles() renderer. */
-    renderer: MakeStylesRenderer;
+    renderer: GriffelRenderer;
     /**
@@ -55,3 +55,3 @@ * Document used to insert CSS variables to head
  */
-export declare function renderToStyleElements(renderer: MakeStylesRenderer): React_2.ReactElement[];
+export declare function renderToStyleElements(renderer: GriffelRenderer): React_2.ReactElement[];
 
@@ -65,4 +65,4 @@ export { shorthands }
  */
-export declare function useRenderer(): MakeStylesRenderer;
+export declare function useRenderer(): GriffelRenderer;
 
 export { }

lib-commonjs/__styles.d.ts

@@ -1,2 +0,2 @@
-import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@fluentui/make-styles';
+import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';
 /**
@@ -3,0 +3,0 @@ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.

lib-commonjs/__styles.js

@@ -8,3 +8,3 @@ "use strict";
 
-const make_styles_1 = /*#__PURE__*/require("@fluentui/make-styles");
+const core_1 = /*#__PURE__*/require("@griffel/core");
 
@@ -23,3 +23,3 @@ const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 function __styles(classesMapBySlot, cssRules) {
-  const getStyles = make_styles_1.__styles(classesMapBySlot, cssRules);
+  const getStyles = core_1.__styles(classesMapBySlot, cssRules);
 
@@ -26,0 +26,0 @@ return function useClasses() {

lib-commonjs/index.d.ts

@@ -1,3 +0,3 @@
-export { shorthands, mergeClasses, createDOMRenderer } from '@fluentui/make-styles';
-export type { MakeStylesStyle } from '@fluentui/make-styles';
+export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
+export type { GriffelStyle as MakeStylesStyle } from '@griffel/core';
 export { makeStyles } from './makeStyles';
@@ -4,0 +4,0 @@ export { makeStaticStyles } from './makeStaticStyles';

lib-commonjs/index.js

@@ -10,3 +10,3 @@ "use strict";
 
-var make_styles_1 = /*#__PURE__*/require("@fluentui/make-styles");
+var core_1 = /*#__PURE__*/require("@griffel/core");
 
@@ -16,3 +16,3 @@ Object.defineProperty(exports, "shorthands", {
   get: function () {
-    return make_styles_1.shorthands;
+    return core_1.shorthands;
   }
@@ -23,3 +23,3 @@ });
   get: function () {
-    return make_styles_1.mergeClasses;
+    return core_1.mergeClasses;
   }
@@ -30,3 +30,3 @@ });
   get: function () {
-    return make_styles_1.createDOMRenderer;
+    return core_1.createDOMRenderer;
   }
@@ -33,0 +33,0 @@ });

lib-commonjs/makeStaticStyles.d.ts

@@ -1,2 +0,2 @@
-import type { MakeStaticStyles } from '@fluentui/make-styles';
-export declare function makeStaticStyles<Selectors>(styles: MakeStaticStyles | MakeStaticStyles[]): () => void;
+import type { GriffelStaticStyles } from '@griffel/core';
+export declare function makeStaticStyles<Selectors>(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;

lib-commonjs/makeStaticStyles.js

@@ -8,3 +8,3 @@ "use strict";
 
-const make_styles_1 = /*#__PURE__*/require("@fluentui/make-styles");
+const core_1 = /*#__PURE__*/require("@griffel/core");
 
@@ -14,3 +14,3 @@ const RendererContext_1 = /*#__PURE__*/require("./RendererContext");
 function makeStaticStyles(styles) {
-  const getStyles = make_styles_1.makeStaticStyles(styles);
+  const getStyles = core_1.makeStaticStyles(styles);
 
@@ -17,0 +17,0 @@ if (process.env.NODE_ENV === 'test') {

lib-commonjs/makeStyles.d.ts

@@ -1,2 +0,2 @@
-import type { MakeStylesStyle } from '@fluentui/make-styles';
-export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, MakeStylesStyle>): () => Record<Slots, string>;
+import type { GriffelStyle } from '@griffel/core';
+export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>): () => Record<Slots, string>;

lib-commonjs/makeStyles.js

@@ -8,3 +8,3 @@ "use strict";
 
-const make_styles_1 = /*#__PURE__*/require("@fluentui/make-styles");
+const core_1 = /*#__PURE__*/require("@griffel/core");
 
@@ -28,3 +28,3 @@ const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 function makeStyles(stylesBySlots) {
-  const getStyles = make_styles_1.makeStyles(stylesBySlots);
+  const getStyles = core_1.makeStyles(stylesBySlots);
 
@@ -31,0 +31,0 @@ if (process.env.NODE_ENV !== 'production') {

lib-commonjs/RendererContext.d.ts

 import * as React from 'react';
-import type { MakeStylesRenderer } from '@fluentui/make-styles';
+import type { GriffelRenderer } from '@griffel/core';
 export interface RendererProviderProps {
     /** An instance of makeStyles() renderer. */
-    renderer: MakeStylesRenderer;
+    renderer: GriffelRenderer;
     /**
@@ -14,3 +14,3 @@ * Document used to insert CSS variables to head
  */
-export declare const RendererContext: React.Context<MakeStylesRenderer>;
+export declare const RendererContext: React.Context<GriffelRenderer>;
 /**
@@ -25,2 +25,2 @@ * @public
  */
-export declare function useRenderer(): MakeStylesRenderer;
+export declare function useRenderer(): GriffelRenderer;

lib-commonjs/RendererContext.js

@@ -8,3 +8,3 @@ "use strict";
 
-const make_styles_1 = /*#__PURE__*/require("@fluentui/make-styles");
+const core_1 = /*#__PURE__*/require("@griffel/core");
 
@@ -19,3 +19,3 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-exports.RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/make_styles_1.createDOMRenderer());
+exports.RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/core_1.createDOMRenderer());
 /**
@@ -37,3 +37,3 @@ * @public
       // avoid double insertion of classes
-      make_styles_1.rehydrateRendererCache(renderer, targetDocument);
+      core_1.rehydrateRendererCache(renderer, targetDocument);
     }, [renderer, targetDocument]);
@@ -40,0 +40,0 @@ }

lib-commonjs/renderToStyleElements.d.ts

 import * as React from 'react';
-import type { MakeStylesRenderer } from '@fluentui/make-styles';
+import type { GriffelRenderer } from '@griffel/core';
 /**
@@ -8,2 +8,2 @@ * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
  */
-export declare function renderToStyleElements(renderer: MakeStylesRenderer): React.ReactElement[];
+export declare function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[];

lib-commonjs/renderToStyleElements.js

@@ -8,3 +8,3 @@ "use strict";
 
-const make_styles_1 = /*#__PURE__*/require("@fluentui/make-styles");
+const core_1 = /*#__PURE__*/require("@griffel/core");
 
@@ -20,3 +20,3 @@ const React = /*#__PURE__*/require("react");
 function renderToStyleElements(renderer) {
-  const styles = make_styles_1.styleBucketOrdering.reduce((acc, bucketName) => {
+  const styles = core_1.styleBucketOrdering.reduce((acc, bucketName) => {
     return { ...acc,
@@ -23,0 +23,0 @@ [bucketName]: []

lib/__styles.d.ts

@@ -1,2 +0,2 @@
-import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@fluentui/make-styles';
+import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';
 /**
@@ -3,0 +3,0 @@ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.

lib/__styles.js

@@ -1,2 +0,2 @@
-import { __styles as vanillaStyles } from '@fluentui/make-styles';
+import { __styles as vanillaStyles } from '@griffel/core';
 import { useFluent } from '@fluentui/react-shared-contexts';
@@ -3,0 +3,0 @@ import { useRenderer } from './RendererContext';

lib/index.d.ts

@@ -1,3 +0,3 @@
-export { shorthands, mergeClasses, createDOMRenderer } from '@fluentui/make-styles';
-export type { MakeStylesStyle } from '@fluentui/make-styles';
+export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
+export type { GriffelStyle as MakeStylesStyle } from '@griffel/core';
 export { makeStyles } from './makeStyles';
@@ -4,0 +4,0 @@ export { makeStaticStyles } from './makeStaticStyles';

lib/index.js

@@ -1,2 +0,2 @@
-export { shorthands, mergeClasses, createDOMRenderer } from '@fluentui/make-styles';
+export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
 export { makeStyles } from './makeStyles';
@@ -3,0 +3,0 @@ export { makeStaticStyles } from './makeStaticStyles';

lib/makeStaticStyles.d.ts

@@ -1,2 +0,2 @@
-import type { MakeStaticStyles } from '@fluentui/make-styles';
-export declare function makeStaticStyles<Selectors>(styles: MakeStaticStyles | MakeStaticStyles[]): () => void;
+import type { GriffelStaticStyles } from '@griffel/core';
+export declare function makeStaticStyles<Selectors>(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;

lib/makeStaticStyles.js

@@ -1,2 +0,2 @@
-import { makeStaticStyles as vanillaMakeStaticStyles } from '@fluentui/make-styles';
+import { makeStaticStyles as vanillaMakeStaticStyles } from '@griffel/core';
 import { useRenderer } from './RendererContext';
@@ -3,0 +3,0 @@ export function makeStaticStyles(styles) {

lib/makeStyles.d.ts

@@ -1,2 +0,2 @@
-import type { MakeStylesStyle } from '@fluentui/make-styles';
-export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, MakeStylesStyle>): () => Record<Slots, string>;
+import type { GriffelStyle } from '@griffel/core';
+export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>): () => Record<Slots, string>;

lib/makeStyles.js

@@ -1,2 +0,2 @@
-import { makeStyles as vanillaMakeStyles } from '@fluentui/make-styles';
+import { makeStyles as vanillaMakeStyles } from '@griffel/core';
 import { useFluent } from '@fluentui/react-shared-contexts';
@@ -3,0 +3,0 @@ import * as React from 'react';

lib/RendererContext.d.ts

 import * as React from 'react';
-import type { MakeStylesRenderer } from '@fluentui/make-styles';
+import type { GriffelRenderer } from '@griffel/core';
 export interface RendererProviderProps {
     /** An instance of makeStyles() renderer. */
-    renderer: MakeStylesRenderer;
+    renderer: GriffelRenderer;
     /**
@@ -14,3 +14,3 @@ * Document used to insert CSS variables to head
  */
-export declare const RendererContext: React.Context<MakeStylesRenderer>;
+export declare const RendererContext: React.Context<GriffelRenderer>;
 /**
@@ -25,2 +25,2 @@ * @public
  */
-export declare function useRenderer(): MakeStylesRenderer;
+export declare function useRenderer(): GriffelRenderer;

lib/RendererContext.js

@@ -1,2 +0,2 @@
-import { createDOMRenderer, rehydrateRendererCache } from '@fluentui/make-styles';
+import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';
 import { canUseDOM } from '@fluentui/react-utilities';
@@ -3,0 +3,0 @@ import * as React from 'react';

lib/renderToStyleElements.d.ts

 import * as React from 'react';
-import type { MakeStylesRenderer } from '@fluentui/make-styles';
+import type { GriffelRenderer } from '@griffel/core';
 /**
@@ -8,2 +8,2 @@ * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
  */
-export declare function renderToStyleElements(renderer: MakeStylesRenderer): React.ReactElement[];
+export declare function renderToStyleElements(renderer: GriffelRenderer): React.ReactElement[];

lib/renderToStyleElements.js

@@ -1,2 +0,2 @@
-import { styleBucketOrdering } from '@fluentui/make-styles';
+import { styleBucketOrdering } from '@griffel/core';
 import * as React from 'react';
@@ -3,0 +3,0 @@ /**

package.json

 {
   "name": "@fluentui/react-make-styles",
-  "version": "0.0.0-nightly940a86cbd620220117.1",
+  "version": "0.0.0-nightly940de09b9520220131.1",
   "description": "React bindings for @fluentui/make-styles",
@@ -21,7 +21,7 @@ "main": "lib-commonjs/index.js",
     "lint": "just-scripts lint",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "start": "yarn storybook",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
     "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-make-styles/src && yarn docs",
-    "storybook": "start-storybook",
+    "storybook": "node ../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
@@ -38,6 +38,6 @@ },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "0.0.0-nightly940a86cbd620220117.1",
-    "@fluentui/make-styles": "0.0.0-nightly940a86cbd620220117.1",
-    "@fluentui/react-theme": "0.0.0-nightly940a86cbd620220117.1",
-    "@fluentui/react-utilities": "0.0.0-nightly940a86cbd620220117.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly940de09b9520220131.1",
+    "@griffel/core": "1.0.7",
+    "@fluentui/react-theme": "0.0.0-nightly940de09b9520220131.1",
+    "@fluentui/react-utilities": "0.0.0-nightly940de09b9520220131.1",
     "tslib": "^2.1.0"
@@ -44,0 +44,0 @@ },

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

163496

increased by0.05%

Lines of code

2813

increased by0.43%

Dependency changes

• + Added@griffel/core@1.0.7

• + Added@fluentui/keyboard-keys@0.0.0-nightly940de09b9520220131.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly940de09b9520220131.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly940de09b9520220131.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly940de09b9520220131.1(transitive)

• + Added@griffel/core@1.0.7(transitive)

• - Removed@fluentui/make-styles@0.0.0-nightly940a86cbd620220117.1

• - Removed@fluentui/keyboard-keys@0.0.0-nightly940a86cbd620220117.1(transitive)

• - Removed@fluentui/make-styles@0.0.0-nightly940a86cbd620220117.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly940a86cbd620220117.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly940a86cbd620220117.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly940a86cbd620220117.1(transitive)

• Updated@fluentui/react-shared-contexts@0.0.0-nightly940de09b9520220131.1

• Updated@fluentui/react-theme@0.0.0-nightly940de09b9520220131.1

• Updated@fluentui/react-utilities@0.0.0-nightly940de09b9520220131.1