@fluentui-react-native/separator 0.14.21 → 0.14.22

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-react-native/separator",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Tue, 21 Mar 2023 21:51:15 GMT",
+      "tag": "@fluentui-react-native/separator_v0.14.22",
+      "version": "0.14.22",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@fluentui-react-native/separator",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/separator",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.8",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@fluentui-react-native/separator_v0.14.21",
       "version": "0.14.21",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-react-native/separator
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:51:15 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.14.22
+
+Tue, 21 Mar 2023 21:51:15 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/framework to v0.9.8
+
 ## 0.14.21
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/Separator.d.ts

@@ -0,0 +1,4 @@
+import type { SeparatorProps } from './Separator.types';
+export declare const Separator: import("@fluentui-react-native/framework").ComposableComponent<SeparatorProps, import("./Separator.types").SeperatorSlotProps, import("./Separator.types").SeparatorTokens, object>;
+export default Separator;
+//# sourceMappingURL=Separator.d.ts.map

package/lib/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAKvE,eAAO,MAAM,SAAS,qLAQpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/Separator.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+/** @jsx withSlots */
+import { View } from 'react-native';
+import { compose, withSlots, mergeProps } from '@fluentui-react-native/framework';
+import { stylingSettings } from './Separator.styling';
+import { separatorName } from './Separator.types';
+var propMask = { vertical: undefined };
+export var Separator = compose(__assign(__assign({ displayName: separatorName }, stylingSettings), { slots: { root: View }, useRender: function (props, useSlots) {
+        var Root = useSlots(props).root;
+        return function (rest, children) { return withSlots(Root, __assign({}, mergeProps(props, rest, propMask)), children); };
+    } }));
+export default Separator;
+//# sourceMappingURL=Separator.js.map

package/lib/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,IAAM,QAAQ,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAEzC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,qBAC9B,WAAW,EAAE,aAAa,IACvB,eAAe,KAClB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACrB,SAAS,EAAE,UAAC,KAAqB,EAAE,QAAiC;QAClE,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAClC,OAAO,UAAC,IAAoB,EAAE,QAAyB,IAAK,OAAA,UAAC,IAAI,eAAK,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,EAA9D,CAA8D,CAAC;IAC7H,CAAC,IACD,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/Separator.styling.d.ts

@@ -0,0 +1,4 @@
+import type { UseStylingOptions } from '@fluentui-react-native/framework';
+import type { SeparatorProps, SeparatorTokens, SeperatorSlotProps } from './Separator.types';
+export declare const stylingSettings: UseStylingOptions<SeparatorProps, SeperatorSlotProps, SeparatorTokens>;
+//# sourceMappingURL=Separator.styling.d.ts.map

package/lib/Separator.styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.styling.d.ts","sourceRoot":"","sources":["../src/Separator.styling.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,cAAc,EAAuB,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAMlH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,cAAc,EAAE,kBAAkB,EAAE,eAAe,CAiBlG,CAAC"}

package/lib/Separator.styling.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { Platform } from 'react-native';
+import { buildProps } from '@fluentui-react-native/framework';
+import { separatorName } from './Separator.types';
+import { defaultSeparatorTokens } from './SeparatorTokens';
+var isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
+var tokensThatAreAlsoProps = ['vertical', 'insetSpacing'];
+export var stylingSettings = {
+    tokens: [defaultSeparatorTokens, separatorName],
+    tokensThatAreAlsoProps: tokensThatAreAlsoProps,
+    slotProps: {
+        root: buildProps(function (tokens) {
+            return {
+                style: __assign(__assign(__assign({}, (tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth })), (tokens.color && { borderColor: tokens.color })), (isMobile && { marginStart: tokens.insetSpacing })),
+            };
+        }, ['color', 'vertical', 'separatorWidth', 'insetSpacing']),
+    },
+};
+//# sourceMappingURL=Separator.styling.js.map

package/lib/Separator.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.styling.js","sourceRoot":"","sources":["../src/Separator.styling.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,IAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AACpE,IAAM,sBAAsB,GAAkC,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AAC3F,MAAM,CAAC,IAAM,eAAe,GAA2E;IACrG,MAAM,EAAE,CAAC,sBAAsB,EAAE,aAAa,CAAC;IAC/C,sBAAsB,wBAAA;IACtB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAuB;YACtB,OAAO;gBACL,KAAK,iCACA,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,GAC1G,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,GAC/C,CAAC,QAAQ,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CACtD;aACF,CAAC;QACJ,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,CAAC,CACxD;KACF;CACF,CAAC"}

package/lib/Separator.types.d.ts

@@ -0,0 +1,42 @@
+import type { ViewProps, ColorValue } from 'react-native';
+export declare const separatorName = "Separator";
+export declare const SeparatorInsetSpacings: readonly [0, 16, 56, 68, 72, 108];
+export type SeparatorInsetSpacing = (typeof SeparatorInsetSpacings)[number];
+export interface SeparatorPropTokens {
+    /**
+     * Specifies whether the separator is vertical or horizontal. If true, then it's vertical.
+     * @defaultValue 'false'
+     */
+    vertical?: boolean;
+    /**
+     * Inset Spacing in 'dp' (density-independent pixels) on Android and 'points' on iOS.
+     *
+     * Inset Spacing is restricted to a limited set of supported values recommended for most uses (see `SeparatorInsetSpacing`) and
+     * based on design guidelines for the Separator control.
+     * @platform Android iOS
+     * @defaultvalue 0
+     */
+    insetSpacing?: SeparatorInsetSpacing;
+}
+export interface SeparatorTokens extends SeparatorPropTokens {
+    /**
+     * Specifies the width of the separator. This will be interpreted as DIPs on Windows and Android, but as points on Mac and iOS.
+     * @defaultValue 1
+     */
+    separatorWidth?: number;
+    /**
+     * Specifies the color of the separator
+     */
+    color?: ColorValue;
+}
+export interface SeparatorProps extends ViewProps, SeparatorPropTokens {
+}
+export interface SeperatorSlotProps {
+    root: ViewProps;
+}
+export interface SeparatorType {
+    props: SeparatorProps;
+    slotProps: SeperatorSlotProps;
+    tokens: SeparatorTokens;
+}
+//# sourceMappingURL=Separator.types.d.ts.map

package/lib/Separator.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.types.d.ts","sourceRoot":"","sources":["../src/Separator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1D,eAAO,MAAM,aAAa,cAAc,CAAC;AAEzC,eAAO,MAAM,sBAAsB,mCAAoC,CAAC;AAExE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,mBAAmB;CAOrE;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE,eAAe,CAAC;CACzB"}

package/lib/Separator.types.js

@@ -0,0 +1,3 @@
+export var separatorName = 'Separator';
+export var SeparatorInsetSpacings = [0, 16, 56, 68, 72, 108];
+//# sourceMappingURL=Separator.types.js.map

package/lib/Separator.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.types.js","sourceRoot":"","sources":["../src/Separator.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,aAAa,GAAG,WAAW,CAAC;AAEzC,MAAM,CAAC,IAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU,CAAC"}

package/lib/SeparatorTokens.android.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { SeparatorTokens } from './Separator.types';
+export declare const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme>;
+//# sourceMappingURL=SeparatorTokens.android.d.ts.map

package/lib/SeparatorTokens.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTokens.android.d.ts","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,sBAAsB,EAAE,aAAa,CAAC,eAAe,EAAE,KAAK,CAKlD,CAAC"}

package/lib/SeparatorTokens.android.js

@@ -0,0 +1,9 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultSeparatorTokens = function (t) {
+    return ({
+        color: t.colors.neutralStroke2,
+        separatorWidth: globalTokens.stroke.width10,
+        insetSpacing: 0,
+    });
+};
+//# sourceMappingURL=SeparatorTokens.android.js.map

package/lib/SeparatorTokens.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,sBAAsB,GAA0C,UAAC,CAAQ;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QAC9B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;QAC3C,YAAY,EAAE,CAAC;KACI,CAAA;AAJrB,CAIqB,CAAC"}

package/lib/SeparatorTokens.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { SeparatorTokens } from './Separator.types';
+export declare const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme>;
+//# sourceMappingURL=SeparatorTokens.d.ts.map

package/lib/SeparatorTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTokens.d.ts","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,sBAAsB,EAAE,aAAa,CAAC,eAAe,EAAE,KAAK,CAGlD,CAAC"}

package/lib/SeparatorTokens.js

@@ -0,0 +1,7 @@
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+export var defaultSeparatorTokens = function () {
+    return ({
+        separatorWidth: globalTokens.stroke.width10,
+    });
+};
+//# sourceMappingURL=SeparatorTokens.js.map

package/lib/SeparatorTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,sBAAsB,GAA0C;IAC3E,OAAA,CAAC;QACC,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;KACxB,CAAA;AAFrB,CAEqB,CAAC"}

package/lib/__tests__/Separator.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Separator.test.d.ts.map

package/lib/__tests__/Separator.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/Separator.test.tsx"],"names":[],"mappings":""}

package/lib/__tests__/Separator.test.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as renderer from 'react-test-renderer';
+import { Separator } from '..';
+it('Separator default', function () {
+    var tree = renderer.create(React.createElement(Separator, null)).toJSON();
+    expect(tree).toMatchSnapshot();
+});
+it('Separator all props & tokens', function () {
+    var CustomSeparator = Separator.customize({ separatorWidth: 15, color: 'red' });
+    var tree = renderer.create(React.createElement(CustomSeparator, { vertical: true })).toJSON();
+    expect(tree).toMatchSnapshot();
+});
+//# sourceMappingURL=Separator.test.js.map

package/lib/__tests__/Separator.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.test.js","sourceRoot":"","sources":["../../src/__tests__/Separator.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAE/B,EAAE,CAAC,mBAAmB,EAAE;IACtB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,SAAS,OAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACrD,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,8BAA8B,EAAE;IACjC,IAAM,eAAe,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAClF,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,eAAe,IAAC,QAAQ,SAAG,CAAC,CAAC,MAAM,EAAE,CAAC;IACpE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export type { SeparatorProps, SeparatorTokens, SeparatorType, separatorName } from './Separator.types';
+export { Separator } from './Separator';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { Separator } from './Separator';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/separator",
-  "version": "0.14.21",
+  "version": "0.14.22",
   "description": "A cross-platform Separator component using the Fluent Design System",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,7 +22,7 @@
     "directory": "packages/components/Separator"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": ">=0.9.7 <1.0.0",
+    "@fluentui-react-native/framework": ">=0.9.8 <1.0.0",
     "@fluentui-react-native/theme-tokens": "^0.24.5",
     "@fluentui-react-native/use-styling": "^0.9.4"
   },