New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@fluentui/react-divider

Package Overview
Dependencies
Maintainers
12
Versions
959
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fluentui/react-divider - npm Package Compare versions

Comparing version 9.0.0-alpha.18 to 9.0.0-alpha.19

43

CHANGELOG.json

@@ -5,3 +5,44 @@ {

{
"date": "Tue, 27 Apr 2021 07:30:58 GMT",
"date": "Fri, 30 Apr 2021 07:35:40 GMT",
"tag": "@fluentui/react-divider_v9.0.0-alpha.19",
"version": "9.0.0-alpha.19",
"comments": {
"prerelease": [
{
"comment": "Upgrade to ts 4.0",
"author": "joschect@microsoft.com",
"commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
"package": "@fluentui/react-divider"
},
{
"comment": "update snapshots",
"author": "olfedias@microsoft.com",
"commit": "2a95add2ed379f3e061339d86ae03199ef0d5080",
"package": "@fluentui/react-divider"
}
],
"patch": [
{
"comment": "Bump @fluentui/eslint-plugin to v1.2.0",
"author": "joschect@microsoft.com",
"commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
"package": "@fluentui/react-divider"
},
{
"comment": "Bump @fluentui/react-conformance to v0.3.0",
"author": "joschect@microsoft.com",
"commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
"package": "@fluentui/react-divider"
},
{
"comment": "Bump @fluentui/scripts to v1.0.0",
"author": "joschect@microsoft.com",
"commit": "2b62c457bb860f6675fae4acae86ee6c0b06c279",
"package": "@fluentui/react-divider"
}
]
}
},
{
"date": "Tue, 27 Apr 2021 07:34:03 GMT",
"tag": "@fluentui/react-divider_v9.0.0-alpha.18",

@@ -8,0 +49,0 @@ "version": "9.0.0-alpha.18",

# Change Log - @fluentui/react-divider
This log was last generated on Tue, 27 Apr 2021 07:30:58 GMT and should not be manually modified.
This log was last generated on Fri, 30 Apr 2021 07:35:40 GMT and should not be manually modified.
<!-- Start content -->
## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.19)
Fri, 30 Apr 2021 07:35:40 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-alpha.18..@fluentui/react-divider_v9.0.0-alpha.19)
### Patches
- Bump @fluentui/eslint-plugin to v1.2.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by joschect@microsoft.com)
- Bump @fluentui/react-conformance to v0.3.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by joschect@microsoft.com)
- Bump @fluentui/scripts to v1.0.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by joschect@microsoft.com)
### Changes
- Upgrade to ts 4.0 ([PR #17932](https://github.com/microsoft/fluentui/pull/17932) by joschect@microsoft.com)
- update snapshots ([PR #17924](https://github.com/microsoft/fluentui/pull/17924) by olfedias@microsoft.com)
## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.18)
Tue, 27 Apr 2021 07:30:58 GMT
Tue, 27 Apr 2021 07:34:03 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-alpha.17..@fluentui/react-divider_v9.0.0-alpha.18)

@@ -11,0 +27,0 @@

12

dist/react-divider.d.ts
import { ComponentProps } from '@fluentui/react-utilities';
import * as React from 'react';
import * as React_2 from 'react';
import { ShorthandProps } from '@fluentui/react-utilities';

@@ -9,3 +9,3 @@

*/
export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
export declare const Divider: React_2.ForwardRefExoticComponent<DividerProps & React_2.RefAttributes<HTMLElement>>;

@@ -15,3 +15,3 @@ /**

*/
export declare interface DividerProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
export declare interface DividerProps extends ComponentProps, React_2.HTMLAttributes<HTMLElement> {
/**

@@ -44,3 +44,3 @@ * Determines the alignment of the content within the divider.

*/
wrapper?: ShorthandProps<React.HTMLAttributes<HTMLDivElement>>;
wrapper?: ShorthandProps<React_2.HTMLAttributes<HTMLDivElement>>;
}

@@ -60,3 +60,3 @@

*/
ref: React.RefObject<HTMLElement>;
ref: React_2.RefObject<HTMLElement>;
/**

@@ -79,3 +79,3 @@ * The Id created to expose accessability for readers

*/
export declare const useDivider: (props: DividerProps, ref: React.Ref<HTMLElement>, defaultProps?: DividerProps | undefined) => DividerState;
export declare const useDivider: (props: DividerProps, ref: React_2.Ref<HTMLElement>, defaultProps?: DividerProps | undefined) => DividerState;

@@ -82,0 +82,0 @@ /** Applies style classnames to slots */

@@ -8,10 +8,10 @@ ## API Report File for "@fluentui/react-divider"

import { ComponentProps } from '@fluentui/react-utilities';
import * as React from 'react';
import * as React_2 from 'react';
import { ShorthandProps } from '@fluentui/react-utilities';
// @public
export const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
export const Divider: React_2.ForwardRefExoticComponent<DividerProps & React_2.RefAttributes<HTMLElement>>;
// @public (undocumented)
export interface DividerProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
export interface DividerProps extends ComponentProps, React_2.HTMLAttributes<HTMLElement> {
alignContent?: 'start' | 'end' | 'center';

@@ -22,3 +22,3 @@ appearance?: 'default' | 'subtle' | 'brand' | 'strong';

vertical?: boolean;
wrapper?: ShorthandProps<React.HTMLAttributes<HTMLDivElement>>;
wrapper?: ShorthandProps<React_2.HTMLAttributes<HTMLDivElement>>;
}

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

labelledById?: string;
ref: React.RefObject<HTMLElement>;
ref: React_2.RefObject<HTMLElement>;
}

@@ -40,3 +40,3 @@

// @public
export const useDivider: (props: DividerProps, ref: React.Ref<HTMLElement>, defaultProps?: DividerProps | undefined) => DividerState;
export const useDivider: (props: DividerProps, ref: React_2.Ref<HTMLElement>, defaultProps?: DividerProps | undefined) => DividerState;

@@ -43,0 +43,0 @@ // @public

define(["require", "exports", "@fluentui/react-conformance"], function (require, exports, react_conformance_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.isConformant = void 0;
function isConformant(testInfo) {

@@ -5,0 +6,0 @@ var defaultOptions = {

define(["require", "exports", "react", "./renderDivider", "./useDivider", "./useDividerStyles"], function (require, exports, React, renderDivider_1, useDivider_1, useDividerStyles_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Divider = void 0;
/**

@@ -5,0 +6,0 @@ * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.

@@ -1,5 +0,6 @@

define(["require", "exports", "tslib", "./Divider", "./renderDivider", "./useDivider", "./useDividerStyles"], function (require, exports, tslib_1, Divider_1, renderDivider_1, useDivider_1, useDividerStyles_1) {
define(["require", "exports", "tslib", "./Divider", "./Divider.types", "./renderDivider", "./useDivider", "./useDividerStyles"], function (require, exports, tslib_1, Divider_1, Divider_types_1, renderDivider_1, useDivider_1, useDividerStyles_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
tslib_1.__exportStar(Divider_1, exports);
tslib_1.__exportStar(Divider_types_1, exports);
tslib_1.__exportStar(renderDivider_1, exports);

@@ -6,0 +7,0 @@ tslib_1.__exportStar(useDivider_1, exports);

define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useDivider"], function (require, exports, tslib_1, React, react_utilities_1, useDivider_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderDivider = void 0;
/**
* Function that renders the final JSX of the component
*/
exports.renderDivider = function (state) {
var renderDivider = function (state) {
var _a = react_utilities_1.getSlots(state, useDivider_1.dividerShorthandProps), slots = _a.slots, slotProps = _a.slotProps;

@@ -12,3 +13,4 @@ var children = state.children;

};
exports.renderDivider = renderDivider;
});
//# sourceMappingURL=renderDivider.js.map
define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDivider = exports.dividerShorthandProps = void 0;
/**

@@ -15,3 +16,3 @@ * Consts listing which props are shorthand props.

*/
exports.useDivider = function (props, ref, defaultProps) {
var useDivider = function (props, ref, defaultProps) {
var dividerId = react_utilities_1.useId('divider-');

@@ -26,3 +27,4 @@ var state = mergeProps({

};
exports.useDivider = useDivider;
});
//# sourceMappingURL=useDivider.js.map
define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDividerStyles = void 0;
var useStylesOverride = react_make_styles_1.makeStyles({

@@ -204,3 +205,3 @@ root: function (tokens) { return ({

/** Applies style classnames to slots */
exports.useDividerStyles = function (s) {
var useDividerStyles = function (s) {
var styles = useStylesOverride();

@@ -210,3 +211,4 @@ s.className = react_make_styles_1.mergeClasses(styles.root, !s.children && styles.childless, s.appearance === 'subtle' && styles.subtle, s.appearance === 'brand' && styles.brand, s.appearance === 'strong' && styles.strong, s.vertical ? styles.vertical : styles.horizontal, s.vertical && s.children !== undefined && styles.verticalWithChildren, s.alignContent === 'start' && styles.start, s.alignContent === 'end' && styles.end, (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && s.vertical && styles.center, (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && !s.vertical && styles.center, (s.alignContent === 'center' || !s.alignContent) && s.children === undefined && styles.centerWithoutContent, s.alignContent === 'start' && (s.vertical ? styles.verticalStart : styles.horizontalStart), s.alignContent === 'end' && (s.vertical ? styles.verticalEnd : styles.horizontalEnd), (s.alignContent === 'center' || !s.alignContent) && (s.vertical ? styles.verticalCenter : styles.horizontalCenter), s.important && styles.important, s.color && (s.vertical ? styles.verticalColored : styles.horizontalColored), s.children === undefined && s.vertical && styles.verticalChildless, s.inset && (s.vertical ? styles.verticalInset : styles.inset), s.className);

};
exports.useDividerStyles = useDividerStyles;
});
//# sourceMappingURL=useDividerStyles.js.map
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.isConformant = void 0;
var react_conformance_1 = require("@fluentui/react-conformance");

@@ -4,0 +5,0 @@ function isConformant(testInfo) {

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Divider = void 0;
var React = require("react");

@@ -4,0 +5,0 @@ var renderDivider_1 = require("./renderDivider");

@@ -5,2 +5,3 @@ "use strict";

tslib_1.__exportStar(require("./Divider"), exports);
tslib_1.__exportStar(require("./Divider.types"), exports);
tslib_1.__exportStar(require("./renderDivider"), exports);

@@ -7,0 +8,0 @@ tslib_1.__exportStar(require("./useDivider"), exports);

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderDivider = void 0;
var tslib_1 = require("tslib");

@@ -10,3 +11,3 @@ var React = require("react");

*/
exports.renderDivider = function (state) {
var renderDivider = function (state) {
var _a = react_utilities_1.getSlots(state, useDivider_1.dividerShorthandProps), slots = _a.slots, slotProps = _a.slotProps;

@@ -16,2 +17,3 @@ var children = state.children;

};
exports.renderDivider = renderDivider;
//# sourceMappingURL=renderDivider.js.map
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDivider = exports.dividerShorthandProps = void 0;
var React = require("react");

@@ -16,3 +17,3 @@ var react_utilities_1 = require("@fluentui/react-utilities");

*/
exports.useDivider = function (props, ref, defaultProps) {
var useDivider = function (props, ref, defaultProps) {
var dividerId = react_utilities_1.useId('divider-');

@@ -27,2 +28,3 @@ var state = mergeProps({

};
exports.useDivider = useDivider;
//# sourceMappingURL=useDivider.js.map
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useDividerStyles = void 0;
var react_make_styles_1 = require("@fluentui/react-make-styles");

@@ -204,3 +205,3 @@ var useStylesOverride = react_make_styles_1.makeStyles({

/** Applies style classnames to slots */
exports.useDividerStyles = function (s) {
var useDividerStyles = function (s) {
var styles = useStylesOverride();

@@ -210,2 +211,3 @@ s.className = react_make_styles_1.mergeClasses(styles.root, !s.children && styles.childless, s.appearance === 'subtle' && styles.subtle, s.appearance === 'brand' && styles.brand, s.appearance === 'strong' && styles.strong, s.vertical ? styles.vertical : styles.horizontal, s.vertical && s.children !== undefined && styles.verticalWithChildren, s.alignContent === 'start' && styles.start, s.alignContent === 'end' && styles.end, (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && s.vertical && styles.center, (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && !s.vertical && styles.center, (s.alignContent === 'center' || !s.alignContent) && s.children === undefined && styles.centerWithoutContent, s.alignContent === 'start' && (s.vertical ? styles.verticalStart : styles.horizontalStart), s.alignContent === 'end' && (s.vertical ? styles.verticalEnd : styles.horizontalEnd), (s.alignContent === 'center' || !s.alignContent) && (s.vertical ? styles.verticalCenter : styles.horizontalCenter), s.important && styles.important, s.color && (s.vertical ? styles.verticalColored : styles.horizontalColored), s.children === undefined && s.vertical && styles.verticalChildless, s.inset && (s.vertical ? styles.verticalInset : styles.inset), s.className);

};
exports.useDividerStyles = useDividerStyles;
//# sourceMappingURL=useDividerStyles.js.map

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

export {};
//# sourceMappingURL=Divider.types.js.map
export * from './Divider';
export * from './Divider.types';
export * from './renderDivider';

@@ -3,0 +4,0 @@ export * from './useDivider';

@@ -8,5 +8,5 @@ // This file is read by tools that parse documentation comments conforming to the TSDoc standard.

"packageName": "@microsoft/api-extractor",
"packageVersion": "7.7.1"
"packageVersion": "7.13.0"
}
]
}
{
"name": "@fluentui/react-divider",
"version": "9.0.0-alpha.18",
"version": "9.0.0-alpha.19",
"description": "Fluent UI component to visually separate content.",

@@ -26,5 +26,5 @@ "main": "lib-commonjs/index.js",

"devDependencies": {
"@fluentui/eslint-plugin": "^1.1.1",
"@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.5",
"@fluentui/react-conformance": "^0.2.6",
"@fluentui/eslint-plugin": "^1.2.0",
"@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.6",
"@fluentui/react-conformance": "^0.3.0",
"@fluentui/scripts": "^1.0.0",

@@ -43,5 +43,5 @@ "@types/enzyme": "3.10.3",

"dependencies": {
"@fluentui/react-make-styles": "^9.0.0-alpha.28",
"@fluentui/react-utilities": "^9.0.0-alpha.19",
"tslib": "^1.10.0"
"@fluentui/react-make-styles": "^9.0.0-alpha.29",
"@fluentui/react-utilities": "^9.0.0-alpha.20",
"tslib": "^2.1.0"
},

@@ -48,0 +48,0 @@ "peerDependencies": {

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

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