Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@fluentui/react-make-styles

Package Overview
Dependencies
Maintainers
13
Versions
160
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.0.0-nightlyf3ce1fbe1d20211110.1 to 0.0.0-nightlyf6116328d620220124.1

44

CHANGELOG.md
# Change Log - @fluentui/react-make-styles
This log was last generated on Wed, 10 Nov 2021 04:16:48 GMT and should not be manually modified.
This log was last generated on Mon, 24 Jan 2022 04:14:08 GMT and should not be manually modified.
<!-- Start content -->
## [0.0.0-nightlyf3ce1fbe1d20211110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v0.0.0-nightlyf3ce1fbe1d20211110.1)
## [0.0.0-nightlyf6116328d620220124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v0.0.0-nightlyf6116328d620220124.1)
Wed, 10 Nov 2021 04:16:48 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-make-styles_v9.0.0-beta.2..@fluentui/react-make-styles_v0.0.0-nightlyf3ce1fbe1d20211110.1)
Mon, 24 Jan 2022 04:14:08 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-nightlyf6116328d620220124.1)
### Changes
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by email not defined)
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by email not defined)
- Re-export shorthand functions for styles ([PR #20628](https://github.com/microsoft/fluentui/pull/20628) by olfedias@microsoft.com)
- re-export base makeStyles types ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by olfedias@microsoft.com)
- migrate to use @griffel/core ([PR #21320](https://github.com/microsoft/fluentui/pull/21320) by olfedias@microsoft.com)
- BREAKING: remove functions support from makeStyles() ([PR #21239](https://github.com/microsoft/fluentui/pull/21239) by Humberto.Morimoto@microsoft.com)
- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
- Bump @fluentui/react-theme to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
- Bump @fluentui/react-utilities to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v9.0.0-beta.4)
Thu, 25 Nov 2021 08:34:14 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-make-styles_v9.0.0-beta.3..@fluentui/react-make-styles_v9.0.0-beta.4)
### Changes
- Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
- Bump @fluentui/make-styles to v9.0.0-beta.3 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
- Bump @fluentui/react-theme to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v9.0.0-beta.3)
Fri, 12 Nov 2021 13:25:27 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-make-styles_v9.0.0-beta.2..@fluentui/react-make-styles_v9.0.0-beta.3)
### Changes
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
- Bump @fluentui/make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
- Bump @fluentui/react-theme to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
- Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
- Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
- Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)

@@ -21,0 +47,0 @@ ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-make-styles_v9.0.0-beta.2)

@@ -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 type { MakeStylesStyleRule } 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 type { Theme } from '@fluentui/react-theme';
import { shorthands } from '@griffel/core';

@@ -20,6 +20,8 @@ /**

export declare function makeStaticStyles<Selectors>(styles: MakeStaticStyles | MakeStaticStyles[]): () => void;
export declare function makeStaticStyles<Selectors>(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;
export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, MakeStylesStyleRule<Theme>>): () => Record<Slots, string>;
export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, MakeStylesStyle>): () => Record<Slots, string>;
export { MakeStylesStyle }
export { mergeClasses }

@@ -30,3 +32,3 @@

*/
export declare const RendererContext: React_2.Context<MakeStylesRenderer>;
export declare const RendererContext: React_2.Context<GriffelRenderer>;

@@ -40,3 +42,3 @@ /**

/** An instance of makeStyles() renderer. */
renderer: MakeStylesRenderer;
renderer: GriffelRenderer;
/**

@@ -53,4 +55,6 @@ * 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[];
export { shorthands }
/**

@@ -61,4 +65,4 @@ * Returns an instance of current makeStyles() renderer.

*/
export declare function useRenderer(): MakeStylesRenderer;
export declare function useRenderer(): GriffelRenderer;
export { }

@@ -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.

@@ -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() {

@@ -1,2 +0,3 @@

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

@@ -3,0 +4,0 @@ export { makeStaticStyles } from './makeStaticStyles';

@@ -6,12 +6,18 @@ "use strict";

});
exports.__styles = exports.renderToStyleElements = exports.makeStaticStyles = exports.makeStyles = exports.createDOMRenderer = exports.mergeClasses = void 0;
exports.__styles = exports.renderToStyleElements = exports.makeStaticStyles = exports.makeStyles = exports.createDOMRenderer = exports.mergeClasses = exports.shorthands = void 0;
const tslib_1 = /*#__PURE__*/require("tslib");
var make_styles_1 = /*#__PURE__*/require("@fluentui/make-styles");
var core_1 = /*#__PURE__*/require("@griffel/core");
Object.defineProperty(exports, "shorthands", {
enumerable: true,
get: function () {
return core_1.shorthands;
}
});
Object.defineProperty(exports, "mergeClasses", {
enumerable: true,
get: function () {
return make_styles_1.mergeClasses;
return core_1.mergeClasses;
}

@@ -22,3 +28,3 @@ });

get: function () {
return make_styles_1.createDOMRenderer;
return core_1.createDOMRenderer;
}

@@ -63,3 +69,3 @@ });

}
}); // TODO: we should re-export some of types from "@fluentui/make-styles" once we will get update to TS4
});
//# sourceMappingURL=index.js.map

@@ -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;

@@ -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') {

@@ -1,3 +0,2 @@

import type { MakeStylesStyleRule } from '@fluentui/make-styles';
import type { Theme } from '@fluentui/react-theme';
export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, MakeStylesStyleRule<Theme>>): () => Record<Slots, string>;
import type { GriffelStyle } from '@griffel/core';
export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>): () => Record<Slots, string>;

@@ -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') {

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;

@@ -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 @@ }

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[];

@@ -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]: []

@@ -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.

@@ -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';

@@ -1,2 +0,3 @@

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

@@ -3,0 +4,0 @@ export { makeStaticStyles } from './makeStaticStyles';

@@ -1,2 +0,2 @@

export { mergeClasses, createDOMRenderer } from '@fluentui/make-styles';
export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
export { makeStyles } from './makeStyles';

@@ -7,3 +7,3 @@ export { makeStaticStyles } from './makeStaticStyles';

export { __styles } from './__styles'; // TODO: we should re-export some of types from "@fluentui/make-styles" once we will get update to TS4
export { __styles } from './__styles';
//# sourceMappingURL=index.js.map

@@ -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;

@@ -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) {

@@ -1,3 +0,2 @@

import type { MakeStylesStyleRule } from '@fluentui/make-styles';
import type { Theme } from '@fluentui/react-theme';
export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, MakeStylesStyleRule<Theme>>): () => Record<Slots, string>;
import type { GriffelStyle } from '@griffel/core';
export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>): () => Record<Slots, string>;

@@ -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';

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;

@@ -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';

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[];

@@ -1,2 +0,2 @@

import { styleBucketOrdering } from '@fluentui/make-styles';
import { styleBucketOrdering } from '@griffel/core';
import * as React from 'react';

@@ -3,0 +3,0 @@ /**

{
"name": "@fluentui/react-make-styles",
"version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
"version": "0.0.0-nightlyf6116328d620220124.1",
"description": "React bindings for @fluentui/make-styles",

@@ -21,7 +21,8 @@ "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 . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-make-styles/src && yarn docs",
"storybook": "start-storybook"
"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": "node ../../scripts/storybook/runner",
"type-check": "tsc -b tsconfig.json"
},

@@ -37,6 +38,6 @@ "devDependencies": {

"dependencies": {
"@fluentui/react-shared-contexts": "0.0.0-nightlyf3ce1fbe1d20211110.1",
"@fluentui/make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
"@fluentui/react-theme": "0.0.0-nightlyf3ce1fbe1d20211110.1",
"@fluentui/react-utilities": "0.0.0-nightlyf3ce1fbe1d20211110.1",
"@fluentui/react-shared-contexts": "0.0.0-nightlyf6116328d620220124.1",
"@griffel/core": "1.0.7",
"@fluentui/react-theme": "0.0.0-nightlyf6116328d620220124.1",
"@fluentui/react-utilities": "0.0.0-nightlyf6116328d620220124.1",
"tslib": "^2.1.0"

@@ -49,3 +50,2 @@ },

"beachball": {
"tag": "beta",
"disallowedChangeTypes": [

@@ -52,0 +52,0 @@ "major",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc