@fluentui-react-native/separator 0.14.19 → 0.14.21

package/CHANGELOG.json

@@ -2,7 +2,43 @@
   "name": "@fluentui-react-native/separator",
   "entries": [
     {
-      "date": "Tue, 07 Mar 2023 20:51:41 GMT",
+      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "tag": "@fluentui-react-native/separator_v0.14.21",
+      "version": "0.14.21",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/separator",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.7",
+            "commit": "601309349ca2bc18780a3fb71c59337f7c26f9bf"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 14 Mar 2023 20:50:45 GMT",
+      "tag": "@fluentui-react-native/separator_v0.14.20",
+      "version": "0.14.20",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/separator",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.6",
+            "commit": "b2d39b11dbaa12600bd96a9d54e0ebd013d9597f"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/separator",
+            "comment": "Bump @fluentui-react-native/theme-tokens to v0.24.5",
+            "commit": "b2d39b11dbaa12600bd96a9d54e0ebd013d9597f"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 07 Mar 2023 20:54:15 GMT",
       "tag": "@fluentui-react-native/separator_v0.14.19",
       "version": "0.14.19",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui-react-native/separator
 
-This log was last generated on Tue, 07 Mar 2023 20:51:41 GMT and should not be manually modified.
+This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.14.21
+
+Sat, 18 Mar 2023 17:18:20 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/framework to v0.9.7
+
+## 0.14.20
+
+Tue, 14 Mar 2023 20:50:45 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/framework to v0.9.6
+- Bump @fluentui-react-native/theme-tokens to v0.24.5
+
 ## 0.14.19
 
-Tue, 07 Mar 2023 20:51:41 GMT
+Tue, 07 Mar 2023 20:54:15 GMT
 
 ### Patches
 

package/package.json

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

package/lib/Separator.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,42 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/lib/Separator.types.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

package/lib/__tests__/Separator.test.js

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"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

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

package/lib/index.js.map

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