@fluentui-react-native/theme-types 0.14.1 → 0.15.0

package/CHANGELOG.json

@@ -2,7 +2,52 @@
   "name": "@fluentui-react-native/theme-types",
   "entries": [
     {
-      "date": "Thu, 31 Mar 2022 07:25:44 GMT",
+      "date": "Sat, 21 May 2022 01:46:24 GMT",
+      "tag": "@fluentui-react-native/theme-types_v0.15.0",
+      "version": "0.15.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "ruaraki@microsoft.com",
+            "package": "@fluentui-react-native/theme-types",
+            "commit": "3fdd5fccdcd5e76c90bac7ad2fa436917b1c84e0",
+            "comment": "Add shadows to the theme"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 28 Apr 2022 19:09:51 GMT",
+      "tag": "@fluentui-react-native/theme-types_v0.14.3",
+      "version": "0.14.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "sanajmi@microsoft.com",
+            "package": "@fluentui-react-native/theme-types",
+            "commit": "8cff404ca31eaa61017551a1d73fd3fdae7da132",
+            "comment": "Revert \"Add Text props and test new Variant types (#1615)\""
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 27 Apr 2022 19:30:38 GMT",
+      "tag": "@fluentui-react-native/theme-types_v0.14.2",
+      "version": "0.14.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "email not defined",
+            "package": "@fluentui-react-native/theme-types",
+            "commit": "f3481f50e20c6ab33f7f3ffca63e9f1e424fe2c1",
+            "comment": "initial Text implementation"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 31 Mar 2022 07:27:48 GMT",
       "tag": "@fluentui-react-native/theme-types_v0.14.1",
       "version": "0.14.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,36 @@
 # Change Log - @fluentui-react-native/theme-types
 
-This log was last generated on Thu, 31 Mar 2022 07:25:44 GMT and should not be manually modified.
+This log was last generated on Sat, 21 May 2022 01:46:24 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.15.0
+
+Sat, 21 May 2022 01:46:24 GMT
+
+### Minor changes
+
+- Add shadows to the theme (ruaraki@microsoft.com)
+
+## 0.14.3
+
+Thu, 28 Apr 2022 19:09:51 GMT
+
+### Patches
+
+- Revert "Add Text props and test new Variant types (#1615)" (sanajmi@microsoft.com)
+
+## 0.14.2
+
+Wed, 27 Apr 2022 19:30:38 GMT
+
+### Patches
+
+- initial Text implementation (email not defined)
+
 ## 0.14.1
 
-Thu, 31 Mar 2022 07:25:44 GMT
+Thu, 31 Mar 2022 07:27:48 GMT
 
 ### Patches
 

package/lib/Shadow.types.d.ts

@@ -0,0 +1,49 @@
+import { ColorValue } from 'react-native';
+/**
+ * Base structure of a shadow style, which has x and y offset, blur amount, and color specified
+ */
+export interface ShadowValue {
+    x: number;
+    y: number;
+    blur: number;
+    color: ColorValue;
+}
+/**
+ * In FluentUI a shadow is specified as having two parts - an ambient shadow and a key shadow.
+ * The ambient shadow is shading around the entire control
+ * The key shadow is the offset shadow which gives the control a sense of elevation or distance from the page
+ */
+export interface ShadowToken {
+    ambient: ShadowValue;
+    key: ShadowValue;
+}
+/**
+ * Shadows alias tokens as defined by FluentUI v2 design system
+ */
+export interface BaseShadowAliasTokens {
+    shadow2: ShadowToken;
+    shadow4: ShadowToken;
+    shadow8: ShadowToken;
+    shadow16: ShadowToken;
+    shadow28: ShadowToken;
+    shadow64: ShadowToken;
+    shadow2brand: ShadowToken;
+    shadow4brand: ShadowToken;
+    shadow8brand: ShadowToken;
+    shadow16brand: ShadowToken;
+    shadow28brand: ShadowToken;
+    shadow64brand: ShadowToken;
+}
+/**
+ * Shadows on the theme object. This allows for flexibility on entries but retains base alias tokens
+ */
+export declare type ThemeShadowDefinition = BaseShadowAliasTokens & {
+    [key: string]: ShadowToken;
+};
+/**
+ * A partially specified shadow definition.
+ */
+export declare type PartialShadowDefinition = {
+    [P in keyof ThemeShadowDefinition]?: Partial<ThemeShadowDefinition[P]>;
+};
+//# sourceMappingURL=Shadow.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,WAAW,CAAC;IACrB,GAAG,EAAE,WAAW,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,WAAW,CAAC;IAC3B,aAAa,EAAE,WAAW,CAAC;IAC3B,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED;;GAEG;AACH,oBAAY,qBAAqB,GAAG,qBAAqB,GAAG;IAC1D,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,oBAAY,uBAAuB,GAAG;KAAG,CAAC,IAAI,MAAM,qBAAqB,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC"}

package/lib/Shadow.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Shadow.types.js.map

package/lib/Shadow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":""}

package/lib/Theme.types.d.ts

@@ -2,6 +2,7 @@ import { ThemeColorDefinition } from './Color.types';
 import { OfficePalette } from './palette.types';
 import { Typography, PartialTypography } from './Typography.types';
 import { ColorValue } from 'react-native';
+import { PartialShadowDefinition, ThemeShadowDefinition } from './Shadow.types';
 declare type TwoLevelPartial<T> = {
     [K in keyof T]?: Partial<T[K]>;
 };
@@ -22,6 +23,7 @@ export interface Theme {
     components: {
         [key: string]: object;
     };
+    shadows: ThemeShadowDefinition;
     spacing: Spacing;
     host: {
         appearance: AppearanceOptions | 'dynamic';
@@ -32,10 +34,11 @@ export interface Theme {
     };
 }
 /**
- * Generally a partial theme is comprised of partial versions of the objects within the theme, with the exception of typography
+ * Generally a partial theme is comprised of partial versions of the objects within the theme, with the exception of shadow and typography
  * which has additional levels of hierarchy
  */
-export declare type PartialTheme = Omit<TwoLevelPartial<Theme>, 'typography' | 'host'> & {
+export declare type PartialTheme = Omit<TwoLevelPartial<Theme>, 'shadows' | 'typography' | 'host'> & {
+    shadows?: PartialShadowDefinition;
     typography?: PartialTypography;
     host?: TwoLevelPartial<Theme['host']>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Theme.types.d.ts","sourceRoot":"","sources":["../src/Theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,aAAK,eAAe,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE7D,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE;QAGJ,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAAC;QAG1C,OAAO,CAAC,EAAE,aAAa,CAAC;QACxB,MAAM,CAAC,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;SAAE,CAAC;KACxC,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,GAAG;IAC/E,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,IAAI,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"Theme.types.d.ts","sourceRoot":"","sources":["../src/Theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEhF,aAAK,eAAe,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE7D,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE;QAGJ,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAAC;QAG1C,OAAO,CAAC,EAAE,aAAa,CAAC;QACxB,MAAM,CAAC,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;SAAE,CAAC;KACxC,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC,GAAG;IAC3F,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,IAAI,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 export type { AliasColorTokens, Color, ControlColorTokens, FabricWebPalette, Palette, PaletteBackgroundColors, PaletteTextColors, PartialPalette, ThemeColorDefinition, } from './Color.types';
+export type { ShadowValue, ShadowToken, BaseShadowAliasTokens, ThemeShadowDefinition, PartialShadowDefinition } from './Shadow.types';
 export type { AppearanceOptions, PartialTheme, Spacing, Theme, ThemeOptions } from './Theme.types';
 export type { FontFamilies, FontFamily, FontFamilyValue, FontSize, FontSizeValuePoints, FontSizes, FontWeight, FontWeightValue, FontWeights, PartialTypography, TextStyling, Typography, Variant, VariantValue, Variants, } from './Typography.types';
 export { ThemeContext, useTheme } from './context';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,KAAK,EACL,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnG,YAAY,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,KAAK,EACL,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACtI,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnG,YAAY,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA6BA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA8BA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}

package/lib-commonjs/Shadow.types.d.ts

@@ -0,0 +1,49 @@
+import { ColorValue } from 'react-native';
+/**
+ * Base structure of a shadow style, which has x and y offset, blur amount, and color specified
+ */
+export interface ShadowValue {
+    x: number;
+    y: number;
+    blur: number;
+    color: ColorValue;
+}
+/**
+ * In FluentUI a shadow is specified as having two parts - an ambient shadow and a key shadow.
+ * The ambient shadow is shading around the entire control
+ * The key shadow is the offset shadow which gives the control a sense of elevation or distance from the page
+ */
+export interface ShadowToken {
+    ambient: ShadowValue;
+    key: ShadowValue;
+}
+/**
+ * Shadows alias tokens as defined by FluentUI v2 design system
+ */
+export interface BaseShadowAliasTokens {
+    shadow2: ShadowToken;
+    shadow4: ShadowToken;
+    shadow8: ShadowToken;
+    shadow16: ShadowToken;
+    shadow28: ShadowToken;
+    shadow64: ShadowToken;
+    shadow2brand: ShadowToken;
+    shadow4brand: ShadowToken;
+    shadow8brand: ShadowToken;
+    shadow16brand: ShadowToken;
+    shadow28brand: ShadowToken;
+    shadow64brand: ShadowToken;
+}
+/**
+ * Shadows on the theme object. This allows for flexibility on entries but retains base alias tokens
+ */
+export declare type ThemeShadowDefinition = BaseShadowAliasTokens & {
+    [key: string]: ShadowToken;
+};
+/**
+ * A partially specified shadow definition.
+ */
+export declare type PartialShadowDefinition = {
+    [P in keyof ThemeShadowDefinition]?: Partial<ThemeShadowDefinition[P]>;
+};
+//# sourceMappingURL=Shadow.types.d.ts.map

package/lib-commonjs/Shadow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,WAAW,CAAC;IACrB,GAAG,EAAE,WAAW,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,WAAW,CAAC;IAC1B,YAAY,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,WAAW,CAAC;IAC3B,aAAa,EAAE,WAAW,CAAC;IAC3B,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED;;GAEG;AACH,oBAAY,qBAAqB,GAAG,qBAAqB,GAAG;IAC1D,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,oBAAY,uBAAuB,GAAG;KAAG,CAAC,IAAI,MAAM,qBAAqB,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC"}

package/lib-commonjs/Shadow.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Shadow.types.js.map

package/lib-commonjs/Shadow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":""}

package/lib-commonjs/Theme.types.d.ts

@@ -2,6 +2,7 @@ import { ThemeColorDefinition } from './Color.types';
 import { OfficePalette } from './palette.types';
 import { Typography, PartialTypography } from './Typography.types';
 import { ColorValue } from 'react-native';
+import { PartialShadowDefinition, ThemeShadowDefinition } from './Shadow.types';
 declare type TwoLevelPartial<T> = {
     [K in keyof T]?: Partial<T[K]>;
 };
@@ -22,6 +23,7 @@ export interface Theme {
     components: {
         [key: string]: object;
     };
+    shadows: ThemeShadowDefinition;
     spacing: Spacing;
     host: {
         appearance: AppearanceOptions | 'dynamic';
@@ -32,10 +34,11 @@ export interface Theme {
     };
 }
 /**
- * Generally a partial theme is comprised of partial versions of the objects within the theme, with the exception of typography
+ * Generally a partial theme is comprised of partial versions of the objects within the theme, with the exception of shadow and typography
  * which has additional levels of hierarchy
  */
-export declare type PartialTheme = Omit<TwoLevelPartial<Theme>, 'typography' | 'host'> & {
+export declare type PartialTheme = Omit<TwoLevelPartial<Theme>, 'shadows' | 'typography' | 'host'> & {
+    shadows?: PartialShadowDefinition;
     typography?: PartialTypography;
     host?: TwoLevelPartial<Theme['host']>;
 };

package/lib-commonjs/Theme.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.types.d.ts","sourceRoot":"","sources":["../src/Theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,aAAK,eAAe,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE7D,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE;QAGJ,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAAC;QAG1C,OAAO,CAAC,EAAE,aAAa,CAAC;QACxB,MAAM,CAAC,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;SAAE,CAAC;KACxC,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,GAAG;IAC/E,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,IAAI,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"Theme.types.d.ts","sourceRoot":"","sources":["../src/Theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEhF,aAAK,eAAe,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE7D,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,oBAAoB,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE;QAGJ,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAAC;QAG1C,OAAO,CAAC,EAAE,aAAa,CAAC;QACxB,MAAM,CAAC,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;SAAE,CAAC;KACxC,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,MAAM,CAAC,GAAG;IAC3F,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,IAAI,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/lib-commonjs/index.d.ts

@@ -1,4 +1,5 @@
 export type { AliasColorTokens, Color, ControlColorTokens, FabricWebPalette, Palette, PaletteBackgroundColors, PaletteTextColors, PartialPalette, ThemeColorDefinition, } from './Color.types';
+export type { ShadowValue, ShadowToken, BaseShadowAliasTokens, ThemeShadowDefinition, PartialShadowDefinition } from './Shadow.types';
 export type { AppearanceOptions, PartialTheme, Spacing, Theme, ThemeOptions } from './Theme.types';
 export type { FontFamilies, FontFamily, FontFamilyValue, FontSize, FontSizeValuePoints, FontSizes, FontWeight, FontWeightValue, FontWeights, PartialTypography, TextStyling, Typography, Variant, VariantValue, Variants, } from './Typography.types';
 export { ThemeContext, useTheme } from './context';

package/lib-commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,KAAK,EACL,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnG,YAAY,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,KAAK,EACL,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACtI,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnG,YAAY,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AA6BA,qCAAmD;AAA1C,uGAAA,YAAY,OAAA;AAAE,mGAAA,QAAQ,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AA8BA,qCAAmD;AAA1C,uGAAA,YAAY,OAAA;AAAE,mGAAA,QAAQ,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/theme-types",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "description": "Typing only package for fluentui-react-native theme types",
   "repository": {
     "type": "git",

package/src/Shadow.types.ts

@@ -0,0 +1,51 @@
+import { ColorValue } from 'react-native';
+
+/**
+ * Base structure of a shadow style, which has x and y offset, blur amount, and color specified
+ */
+export interface ShadowValue {
+  x: number;
+  y: number;
+  blur: number;
+  color: ColorValue;
+}
+
+/**
+ * In FluentUI a shadow is specified as having two parts - an ambient shadow and a key shadow.
+ * The ambient shadow is shading around the entire control
+ * The key shadow is the offset shadow which gives the control a sense of elevation or distance from the page
+ */
+export interface ShadowToken {
+  ambient: ShadowValue;
+  key: ShadowValue;
+}
+
+/**
+ * Shadows alias tokens as defined by FluentUI v2 design system
+ */
+export interface BaseShadowAliasTokens {
+  shadow2: ShadowToken;
+  shadow4: ShadowToken;
+  shadow8: ShadowToken;
+  shadow16: ShadowToken;
+  shadow28: ShadowToken;
+  shadow64: ShadowToken;
+  shadow2brand: ShadowToken;
+  shadow4brand: ShadowToken;
+  shadow8brand: ShadowToken;
+  shadow16brand: ShadowToken;
+  shadow28brand: ShadowToken;
+  shadow64brand: ShadowToken;
+}
+
+/**
+ * Shadows on the theme object. This allows for flexibility on entries but retains base alias tokens
+ */
+export type ThemeShadowDefinition = BaseShadowAliasTokens & {
+  [key: string]: ShadowToken;
+};
+
+/**
+ * A partially specified shadow definition.
+ */
+export type PartialShadowDefinition = { [P in keyof ThemeShadowDefinition]?: Partial<ThemeShadowDefinition[P]> };

package/src/Theme.types.ts

@@ -2,6 +2,7 @@ import { ThemeColorDefinition } from './Color.types';
 import { OfficePalette } from './palette.types';
 import { Typography, PartialTypography } from './Typography.types';
 import { ColorValue } from 'react-native';
+import { PartialShadowDefinition, ThemeShadowDefinition } from './Shadow.types';
 
 type TwoLevelPartial<T> = { [K in keyof T]?: Partial<T[K]> };
 
@@ -23,6 +24,7 @@ export interface Theme {
   components: {
     [key: string]: object; // eslint-disable-line @typescript-eslint/ban-types
   };
+  shadows: ThemeShadowDefinition;
   spacing: Spacing;
   host: {
     // appearance of the theme, this corresponds to the react-native Appearance library values, though can be overwritten
@@ -36,10 +38,11 @@ export interface Theme {
 }
 
 /**
- * Generally a partial theme is comprised of partial versions of the objects within the theme, with the exception of typography
+ * Generally a partial theme is comprised of partial versions of the objects within the theme, with the exception of shadow and typography
  * which has additional levels of hierarchy
  */
-export type PartialTheme = Omit<TwoLevelPartial<Theme>, 'typography' | 'host'> & {
+export type PartialTheme = Omit<TwoLevelPartial<Theme>, 'shadows' | 'typography' | 'host'> & {
+  shadows?: PartialShadowDefinition;
   typography?: PartialTypography;
   host?: TwoLevelPartial<Theme['host']>;
 };

package/src/index.ts

@@ -9,6 +9,7 @@ export type {
   PartialPalette,
   ThemeColorDefinition,
 } from './Color.types';
+export type { ShadowValue, ShadowToken, BaseShadowAliasTokens, ThemeShadowDefinition, PartialShadowDefinition } from './Shadow.types';
 export type { AppearanceOptions, PartialTheme, Spacing, Theme, ThemeOptions } from './Theme.types';
 export type {
   FontFamilies,