@microsoft/adaptive-ui - npm Package Compare versions

Comparing version 1.0.0-alpha.4 to 1.0.0-alpha.5

CHANGELOG.json

@@ -5,2 +5,23 @@ {
     {
+      "date": "Mon, 18 Jul 2022 21:10:01 GMT",
+      "tag": "@microsoft/adaptive-ui_v1.0.0-alpha.5",
+      "version": "1.0.0-alpha.5",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "[e-mail]",
+            "package": "@microsoft/adaptive-ui",
+            "commit": "b7caa90b2d77f5e5d56ef5303ff7647a12e17802",
+            "comment": "Added elevation design tokens"
+          },
+          {
+            "author": "beachball",
+            "package": "@microsoft/adaptive-ui",
+            "comment": "Bump @microsoft/fast-foundation to v3.0.0-alpha.5",
+            "commit": "2ff46a32cdd9af12b236d0e2f3436a4de782e8ee"
+          }
+        ]
+      }
+    },
+    {
       "date": "Wed, 22 Jun 2022 20:17:50 GMT",
@@ -7,0 +28,0 @@ "tag": "@microsoft/adaptive-ui_v1.0.0-alpha.4",

CHANGELOG.md

 # Change Log - @microsoft/adaptive-ui
 
-This log was last generated on Wed, 22 Jun 2022 20:17:50 GMT and should not be manually modified.
+This log was last generated on Mon, 18 Jul 2022 21:10:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.0.0-alpha.5
+
+Mon, 18 Jul 2022 21:10:01 GMT
+
+### Changes
+
+- Added elevation design tokens ([e-mail])
+- Bump @microsoft/fast-foundation to v3.0.0-alpha.5
+
 ## 1.0.0-alpha.4
@@ -8,0 +17,0 @@

dist/adaptive-ui.d.ts

@@ -257,2 +257,64 @@ import { CSSDesignToken } from '@microsoft/fast-foundation';
 /** @public */
+export declare const elevationCardActive: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardActiveSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationCardFocus: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardFocusSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationCardHover: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardHoverSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationCardRest: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardRestSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationDialog: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationDialogSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationFlyout: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationFlyoutSize: DesignToken<number>;
+
+/**
+ * A recipe that evaluates to an elevation treatment, commonly, but not limited to, a box .
+ *
+ * @public
+ */
+export declare interface ElevationRecipe {
+    /**
+     * Evaluate an elevation treatment.
+     *
+     * @param element - The element for which to evaluate the recipe
+     * @param size - The size of the elevation
+     */
+    evaluate(element: HTMLElement, size: number): string;
+}
+
+/**
+ * @public
+ */
+export declare const elevationRecipe: DesignToken<ElevationRecipe>;
+
+/** @public */
+export declare const elevationTooltip: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationTooltipSize: DesignToken<number>;
+
+/** @public */
 export declare const fillColor: CSSDesignToken<Swatch>;
@@ -259,0 +321,0 @@

dist/adaptive-ui.untrimmed.d.ts

@@ -262,2 +262,64 @@ import { CSSDesignToken } from '@microsoft/fast-foundation';
 /** @public */
+export declare const elevationCardActive: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardActiveSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationCardFocus: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardFocusSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationCardHover: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardHoverSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationCardRest: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationCardRestSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationDialog: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationDialogSize: DesignToken<number>;
+
+/** @public */
+export declare const elevationFlyout: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationFlyoutSize: DesignToken<number>;
+
+/**
+ * A recipe that evaluates to an elevation treatment, commonly, but not limited to, a box .
+ *
+ * @public
+ */
+export declare interface ElevationRecipe {
+    /**
+     * Evaluate an elevation treatment.
+     *
+     * @param element - The element for which to evaluate the recipe
+     * @param size - The size of the elevation
+     */
+    evaluate(element: HTMLElement, size: number): string;
+}
+
+/**
+ * @public
+ */
+export declare const elevationRecipe: DesignToken<ElevationRecipe>;
+
+/** @public */
+export declare const elevationTooltip: CSSDesignToken<string>;
+
+/** @public */
+export declare const elevationTooltipSize: DesignToken<number>;
+
+/** @public */
 export declare const fillColor: CSSDesignToken<Swatch>;
@@ -264,0 +326,0 @@

dist/dts/design-tokens/index.d.ts

 export * from "./appearance.js";
 export * from "./color.js";
+export * from "./elevation.js";
 export * from "./general.js";
 export * from "./palette.js";
 export * from "./type.js";

dist/dts/index.d.ts

 export * from "./color/index.js";
 export * from "./design-tokens/index.js";
+export * from "./elevation/index.js";
 export * from "./type/index.js";

dist/esm/design-tokens/index.js

 export * from "./appearance.js";
 export * from "./color.js";
+export * from "./elevation.js";
 export * from "./general.js";
 export * from "./palette.js";
 export * from "./type.js";

dist/esm/index.js

 export * from "./color/index.js";
 export * from "./design-tokens/index.js";
+export * from "./elevation/index.js";
 export * from "./type/index.js";

docs/api-report.md

@@ -137,2 +137,52 @@ ## API Report File for "@microsoft/adaptive-ui"
 // @public (undocumented)
+export const elevationCardActive: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardActiveSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationCardFocus: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardFocusSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationCardHover: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardHoverSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationCardRest: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardRestSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationDialog: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationDialogSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationFlyout: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationFlyoutSize: DesignToken<number>;
+
+// @public
+export interface ElevationRecipe {
+    evaluate(element: HTMLElement, size: number): string;
+}
+
+// @public (undocumented)
+export const elevationRecipe: DesignToken<ElevationRecipe>;
+
+// @public (undocumented)
+export const elevationTooltip: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationTooltipSize: DesignToken<number>;
+
+// @public (undocumented)
 export const fillColor: CSSDesignToken<Swatch>;
@@ -139,0 +189,0 @@

package.json

 {
   "name": "@microsoft/adaptive-ui",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.5",
   "description": "A collection of design utilities supporting basic styling and Adaptive UI",
@@ -47,3 +47,3 @@ "type": "module",
     "@microsoft/fast-colors": "^5.3.1",
-    "@microsoft/fast-foundation": "3.0.0-alpha.4"
+    "@microsoft/fast-foundation": "3.0.0-alpha.5"
   },
@@ -50,0 +50,0 @@ "devDependencies": {

temp/api-report.md

@@ -137,2 +137,52 @@ ## API Report File for "@microsoft/adaptive-ui"
 // @public (undocumented)
+export const elevationCardActive: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardActiveSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationCardFocus: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardFocusSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationCardHover: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardHoverSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationCardRest: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationCardRestSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationDialog: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationDialogSize: DesignToken<number>;
+
+// @public (undocumented)
+export const elevationFlyout: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationFlyoutSize: DesignToken<number>;
+
+// @public
+export interface ElevationRecipe {
+    evaluate(element: HTMLElement, size: number): string;
+}
+
+// @public (undocumented)
+export const elevationRecipe: DesignToken<ElevationRecipe>;
+
+// @public (undocumented)
+export const elevationTooltip: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const elevationTooltipSize: DesignToken<number>;
+
+// @public (undocumented)
 export const fillColor: CSSDesignToken<Swatch>;
@@ -139,0 +189,0 @@

No alert changes

Improved metrics

Total package byte prevSize

551831

increased by5.67%

Number of package files

82

increased by7.89%

Lines of code

13704

increased by5.9%

Dependency changes

• + Added@microsoft/fast-foundation@3.0.0-alpha.5(transitive)

• - Removed@microsoft/fast-foundation@3.0.0-alpha.4(transitive)

• Updated@microsoft/fast-foundation@3.0.0-alpha.5