@uifabric/styling - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

CHANGELOG.json

@@ -5,2 +5,33 @@ {
     {
+      "version": "0.6.0",
+      "tag": "@uifabric/styling_v0.6.0",
+      "date": "Tue, 06 Jun 2017 06:06:46 GMT",
+      "comments": {
+        "minor": [
+          {
+            "author": "David Zearing <[e-mail]>",
+            "commit": "1a785e3c7ab9adc1578ce528dffabcd186d3ccfc",
+            "comment": "createTheme: adding to exports"
+          },
+          {
+            "author": "Philip Kuo <[e-mail]>",
+            "commit": "652aaea46284e84a403060c3936af239e92c9af0",
+            "comment": "add more semantic color slots"
+          }
+        ],
+        "patch": [
+          {
+            "author": "David Zearing <[e-mail]>",
+            "commit": "1820479f14ee2ddd8b6c926f7420aac1415feaa2",
+            "comment": "Adding tslib dependency to reduce re"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@uifabric/utilities\" from `>=4.1.0 <5.0.0` to `>=4.1.1 <5.0.0`"
+          }
+        ]
+      }
+    },
+    {
       "version": "0.5.0",
@@ -7,0 +38,0 @@ "tag": "@uifabric/styling_v0.5.0",

CHANGELOG.md

 # Change Log - @uifabric/styling
 
-This log was last generated on Tue, 06 Jun 2017 00:50:06 GMT and should not be manually modified.
+This log was last generated on Tue, 06 Jun 2017 06:06:46 GMT and should not be manually modified.
 
+## 0.6.0
+Tue, 06 Jun 2017 06:06:46 GMT
+
+### Minor changes
+
+- createTheme: adding to exports
+- add more semantic color slots
+
+### Patches
+
+- Adding tslib dependency to reduce re
+
 ## 0.5.0
@@ -6,0 +18,0 @@ Tue, 06 Jun 2017 00:50:06 GMT

dist/999a39fc-2e41-878c-eeb6-f8d33c5e46cf.manifest.json

@@ -5,3 +5,3 @@ {
   "componentType": "Library",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "manifestVersion": 2,
@@ -8,0 +8,0 @@ "loaderConfig": {

lib/interfaces/ISemanticColors.d.ts

 /**
  * The collection of semantic slots for colors used in themes.
- * See documentation [todo]
+ *
+ * ## Naming Convention
+ *
+ * The name of a semantic slot can quickly tell you how it’s meant to be used. It generally follows this format:
+ *
+ * [category name][element name][checked state][hovered/pressed/disabled state]
+ * [category name] – The “family” that this slot belongs to.
+ * [element name] – The name of the thing being targeted, such as the background or border.
+ * [checked state] – Whether the thing is checked. We assume things are unchecked by default, so no need to specify the unchecked state.
+ * (We used “checked” to refer to anything that is on, selected, toggled, highlighted, emphasized, etc.)
+ * [hovered/pressed/disabled state] – One of these states, if applicable. Each of these states are mutually exclusive.
+ * Pressed styles overwrite hovered styles, and disabled elements cannot be hovered or pressed.
+ *
+ * ## Base/Body
+ *
+ * A basic set of slots that provide many default body styles, such as text, subtext, disabled colors, error text, and so on.
+ * If a category doesn't provide the slot you're looking for, use one from this category.
+ * For example, the placeholder text on a text input field has no corresponding slot in its category,
+ * so you'd use the bodySubtextColor from this category.
+ *
+ * ## Input Controls
+ *
+ * This category contains input components commonly used to denote state, including radio buttons,
+ * check boxes, toggle switches, sliders, progress bars, and more.
+ *
+ * ## Menus
+ *
+ * Any kind of popup menus uses this category.
+ *
+ * ## Lists
+ *
+ * Lists differ from menus in that they are designed to show infinite amounts of items, often scroll,
+ * and have a large and complex interaction surface.
+ * This category covers all kinds of lists, whether they're typical one-item-per-row lists (like DetailsList) or ones with a tiled layout.
  */
 export interface ISemanticColors {
     /**
-     * ANY ADDITIONS/REMOVALS HERE MUST ALSO BE MADE TO \packages\styling\src\utilities\theme.ts:_makeSemanticColorsFromPalette()
+     * The default color for backgrounds.
      */
     bodyBackground?: string;
+    /**
+     * The default color for text.
+     */
     bodyText?: string;
+    /**
+     * De-emphasized text; e.g. metadata, captions, placeholder text.
+     */
     bodySubtext?: string;
+    /**
+     * Divider lines; e.g. lines that separate sections in a menu, an <HR> element.
+     */
+    bodyDivider?: string;
+    /**
+     * The default color for backgrounds of disabled controls; e.g. disabled text field.
+     */
     disabledBackground?: string;
+    /**
+     * The default color for disabled text; e.g. user input inside a disabled text field.
+     */
     disabledText?: string;
+    /**
+     * Disabled de-emphasized text; e.g. placeholder text inside disabled input field.
+     */
     disabledSubtext?: string;
+    /**
+     * The color of the outline around focused controls that don't already have a border; e.g. menu items
+     */
     focusBorder?: string;
+    /**
+     * The background for errors, if necessary, or highlighting the section of the page where the error is present.
+     */
     errorBackground?: string;
+    /**
+     * The default color of error text.
+     */
     errorText?: string;
+    /**
+     * The border of an input control in its resting, unchecked state; e.g. the box of an unchecked checkbox.
+     */
     inputBorder?: string;
+    /**
+     * The border color of a hovered input control.
+     */
     inputBorderHovered?: string;
-    inputBackgroundSelected?: string;
-    inputBackgroundSelectedHovered?: string;
-    inputForegroundSelected?: string;
+    /**
+     * The background of a checked control; e.g. checked radio button's dot, checked toggle's background.
+     */
+    inputBackgroundChecked?: string;
+    /**
+     * The background of a checked and hovered control; e.g. checked checkbox's background color on hover.
+     */
+    inputBackgroundCheckedHovered?: string;
+    /**
+     * The foreground of a checked control; e.g. checked checkbox's checkmark color, checked toggle's thumb color,
+     * radio button's background color around the dot.
+     */
+    inputForegroundChecked?: string;
+    /**
+     * The alternate focus border color for elements that already have a border; e.g. text field borders on focus.
+     */
+    inputFocusBorderAlt?: string;
+    /**
+     * The background of a hovered menu item.
+     */
+    menuItemBackgroundHovered?: string;
+    /**
+     * The background of checked menu item; e.g. a menu item whose submenu is open, a selected dropdown item.
+     */
+    menuItemBackgroundChecked?: string;
+    /**
+     * The default colors of icons in menus.
+     */
+    menuIcon?: string;
+    /**
+     * The headers in menus that denote title of a section.
+     */
+    menuHeader?: string;
+    /**
+     * The background color for the entire list.
+     */
+    listBackground?: string;
+    /**
+     * The default text color for list item titles and text in column fields.
+     */
+    listTextColor?: string;
+    /**
+     * The background color of a hovered list item.
+     */
+    listItemBackgroundHovered?: string;
+    /**
+     * The background color of a checked list item.
+     */
+    listItemBackgroundChecked?: string;
+    /**
+     * The background color of a checked and hovered list item.
+     */
+    listItemBackgroundCheckedHovered?: string;
 }

lib/utilities/index.d.ts

@@ -1,4 +0,4 @@
-export { ITheme, getTheme, loadTheme } from './theme';
+export { ITheme, getTheme, loadTheme, createTheme } from './theme';
 export { mergeStyles } from './mergeStyles';
 export { mergeStyleSets } from './mergeStyleSets';
 export { buildClassMap } from './buildClassMap';

lib/utilities/index.js

@@ -6,2 +6,3 @@ "use strict";
 exports.loadTheme = theme_1.loadTheme;
+exports.createTheme = theme_1.createTheme;
 var mergeStyles_1 = require("./mergeStyles");
@@ -8,0 +9,0 @@ exports.mergeStyles = mergeStyles_1.mergeStyles;

lib/utilities/theme.js

@@ -49,2 +49,3 @@ "use strict";
         bodySubtext: p.neutralSecondary,
+        bodyDivider: p.neutralLight,
         disabledBackground: p.neutralLighter,
@@ -58,5 +59,15 @@ disabledText: p.neutralTertiaryAlt,
         inputBorderHovered: p.neutralPrimary,
-        inputBackgroundSelected: p.themePrimary,
-        inputBackgroundSelectedHovered: p.themeDarkAlt,
-        inputForegroundSelected: p.white
+        inputBackgroundChecked: p.themePrimary,
+        inputBackgroundCheckedHovered: p.themeDarkAlt,
+        inputForegroundChecked: p.white,
+        inputFocusBorderAlt: p.themePrimary,
+        menuItemBackgroundHovered: p.neutralLighter,
+        menuItemBackgroundChecked: p.neutralQuaternaryAlt,
+        menuIcon: p.themePrimary,
+        menuHeader: p.themePrimary,
+        listBackground: p.white,
+        listTextColor: p.neutralPrimary,
+        listItemBackgroundHovered: p.neutralLighter,
+        listItemBackgroundChecked: p.neutralQuaternary,
+        listItemBackgroundCheckedHovered: p.neutralQuaternaryAlt
     };
@@ -63,0 +74,0 @@ }

package-deps.json

@@ -5,4 +5,4 @@ {
     "packages/styling/.npmrc": "825c83e09df4dad076d980d1236c532d689edf75",
-    "packages/styling/CHANGELOG.json": "f03c7bfcc23e3a782f573ff20ce766dc770312ba",
-    "packages/styling/CHANGELOG.md": "0e586585c4e7938de69de477acce00799a0ab5b1",
+    "packages/styling/CHANGELOG.json": "79fc1474261e82f44e4aa267824a7e03fbaad1a2",
+    "packages/styling/CHANGELOG.md": "a884d6117cd4cd3a0b5a71b1a8b2912e756dc78d",
     "packages/styling/README.md": "793b76a8d1e8ba29a382526c492972beea3dc535",
@@ -12,5 +12,5 @@ "packages/styling/config/api-extractor.json": "9c294e8c13388f8d28d5aa10408fc68cf74723be",
     "packages/styling/config/write-manifests.json": "fbc0f10a4498cc7e62fff9403752968c7ff67229",
-    "packages/styling/gulpfile.js": "aa84b07cb5d216669d4aa7c4571cadc047a74356",
+    "packages/styling/gulpfile.js": "c4d5fefcb394305f1ab5e2bb9bfe35270aa05413",
     "packages/styling/index.html": "df2218fe1ab9aa3e7b2208487831f853308c9623",
-    "packages/styling/package.json": "924a5d6051d2777bb8e403e678d644c864b0bd2d",
+    "packages/styling/package.json": "ca5e198e5fc2affe2f811e8d63449afb743aa627",
     "packages/styling/src/classNames/AnimationClassNames.ts": "1b073c8ebeedeb817255ba6249fb1ad0cec5e37f",
@@ -47,3 +47,3 @@ "packages/styling/src/classNames/ColorClassNames.ts": "64c3d578a59208d7baf844663b61737fab24599f",
     "packages/styling/src/interfaces/IRawStyle.ts": "c9deea151cdf71a965df292994b12ddd7c8ebef8",
-    "packages/styling/src/interfaces/ISemanticColors.ts": "8695b135e71daf959279e26cb21eae106753b364",
+    "packages/styling/src/interfaces/ISemanticColors.ts": "2a58cf069e4ffabe5586efa11bd1237812528f2e",
     "packages/styling/src/interfaces/IStyle.ts": "86f57812b8c693b6fa13d3290d9c8607dbd5369e",
@@ -61,7 +61,7 @@ "packages/styling/src/interfaces/ISwatch.ts": "6d212a81025c20e9b407e73706c4163fac8c334d",
     "packages/styling/src/utilities/buildClassMap.ts": "d2533b04d00fb42696a03f72ea52760b04e852dd",
-    "packages/styling/src/utilities/index.ts": "21ae1b21fae7d499df07db307bd5619b97612796",
+    "packages/styling/src/utilities/index.ts": "8264f9df8a775f170f62dfcd15d77ba2373daa1f",
     "packages/styling/src/utilities/mergeStyleSets.ts": "402fd710d034481fc6e75d65fe523384d0614cf5",
     "packages/styling/src/utilities/mergeStyles.ts": "869648ac51e6ca2ae2f7c23e34c606c430d625c6",
-    "packages/styling/src/utilities/theme.ts": "8ad3fe9976a7076fc8e40fa84261589c4f2ea723",
-    "packages/styling/tsconfig.json": "712011363426ab3130f53eaf1eaba353eb0e0525",
+    "packages/styling/src/utilities/theme.ts": "680ec7dff0b5734aa13f0636cad08c6304bd4abb",
+    "packages/styling/tsconfig.json": "b7402a941d26ba50f59b9f0dca1a23a930c5947b",
     "packages/styling/tslint.json": "621ee6ba046052113aa7042fb5bb5323594253ff",
@@ -82,17 +82,14 @@ "packages/styling/webpack.config.js": "d48d7a99462ef96182f79e02c4d5389a69391b89",
     "apps/component-demo/index.html": "65d95ddc6ccb1d87c77045a1b5f629b19d1af9e4",
-    "apps/component-demo/package.json": "1d42092baad551adcbf114f2a29969d982ab0809",
+    "apps/component-demo/package.json": "54662af0612b2958f64e1abcb107ed16510afe17",
     "apps/component-demo/src/index.tsx": "c09ed6f9d014f3a307daf5377efe4ebda89c9437",
-    "apps/component-demo/tsconfig.json": "f287ad2753ab5b2521c3a82c39bfbbbdb56f6b2b",
+    "apps/component-demo/tsconfig.json": "1e3d6bfc4b7c16c084655277febfb65a24fac5cc",
     "apps/component-demo/tsd.json": "a912a39c8c9c912991a0739dc884881cfe292209",
     "apps/component-demo/webpack.config.js": "3fb1f0a32ca1a71376b0261bd16dd3cc7b298c52",
-    "common/changes/@uifabric/example-app-base/create-app-params_2017-06-05-23-32.json": "2c1754839c580c1cd126410165c24f53612458ca",
-    "common/changes/@uifabric/styling/master_2017-06-06-00-33.json": "22332d2ab18fe2f90ab80961c75b91fbde1968a9",
-    "common/changes/@uifabric/utilities/create-app-params_2017-06-05-23-32.json": "36952670e611f1f8c7167e7eeeef2be3ea583839",
-    "common/changes/@uifabric/utilities/master_2017-06-06-00-33.json": "ce3e454aeba35e3c16d8d4ac210fef4c08ff9e57",
-    "common/changes/@uifabric/utilities/memoize-fix_2017-06-05-22-33.json": "6e4721194d450569be5486c76d7739449f39887b",
-    "common/changes/office-ui-fabric-react/dragDropFirefoxGhost_2017-05-31-22-07.json": "2e72f46b46d2d03c5ddb0e11876721b4a1ed28ae",
-    "common/changes/office-ui-fabric-react/master_2017-06-06-00-33.json": "0029daf263f6175cd87626aba843f10d34793719",
-    "common/changes/office-ui-fabric-react/miwhea-dragdrophelper-tslint_2017-06-02-20-06.json": "c3bb729f4ed2370c74f2f79bad21d24392a904d6",
-    "common/changes/office-ui-fabric-react/textfieldErrorBorderFixes_2017-05-31-21-42.json": "6981934d3d660783a0ea8cf7eb6d15d45bdc4972",
-    "common/config/rush/npm-shrinkwrap.json": "a0aa076b511fdcbc054795c65c6b1cda6fb819d7",
+    "common/changes/@uifabric/example-app-base/tslib-fix_2017-06-06-05-19.json": "30c3545f9a6225b86872d285ca86292b73414c51",
+    "common/changes/@uifabric/styling/createtheme_2017-06-06-01-00.json": "27dfff055d7502a47a8b816cd764603aa95d9e4a",
+    "common/changes/@uifabric/styling/phkuo-glamor_2017-05-31-22-58.json": "25d0775f40bbcaa1985bdf472bd0a2c40e1c9cce",
+    "common/changes/@uifabric/styling/tslib-fix_2017-06-06-05-19.json": "987d63589537f3f39899f3820c2d967e72773316",
+    "common/changes/@uifabric/utilities/tslib-fix_2017-06-06-05-19.json": "7ee3d9912188f5c0977db95c360c671043409747",
+    "common/changes/office-ui-fabric-react/tslib-fix_2017-06-06-05-19.json": "1cb29ae36babb826917514f95cef88c973a3a765",
+    "common/config/rush/npm-shrinkwrap.json": "4e55969f1cd720f488b70e7eca1887a18a7806c6",
     "common/config/rush/pinned-versions.json": "25d1374df7f188789dc94653ea3ba88be3dc8b90",
@@ -118,3 +115,3 @@ "ghdocs/ADVANCED.md": "f0558f5f4dac03666dcd181cadc97a821c368afe",
   },
-  "arguments": "D:\\agent\\2\\_work\\16\\s\\common\\temp\\node_modules\\.bin\\gulp --color --production"
+  "arguments": "D:\\agent\\1\\_work\\159\\s\\common\\temp\\node_modules\\.bin\\gulp --color --production"
 }

package.json

 {
   "name": "@uifabric/styling",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Defines the core Office UI Fabric styles through a JavaScript interface.",
@@ -38,3 +38,2 @@ "main": "lib/index.js",
     "ts-loader": "^2.1.0",
-    "tslib": "^1.6.0",
     "typescript": "2.2.2",
@@ -50,6 +49,7 @@ "uglifyjs-webpack-plugin": "^0.4.3",
     "@microsoft/load-themed-styles": "^1.2.2",
-    "@uifabric/utilities": ">=4.1.0 <5.0.0",
-    "glamor": "^2.20.24",
-    "rtl-css-js": "^1.1.0"
+    "@uifabric/utilities": ">=4.1.1 <5.0.0",
+    "tslib": "^1.6.0",
+    "rtl-css-js": "^1.1.0",
+    "glamor": "^2.20.24"
   }
 }

temp/manifests.js

@@ -1534,3 +1534,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	    "componentType": "Library",
-	    "version": "0.4.3",
+	    "version": "0.5.0",
 	    "manifestVersion": 2,
@@ -1537,0 +1537,0 @@ "loaderConfig": {

temp/manifests.json

@@ -6,3 +6,3 @@ [
     "componentType": "Library",
-    "version": "0.4.3",
+    "version": "0.5.0",
     "manifestVersion": 2,
@@ -9,0 +9,0 @@ "loaderConfig": {

No alert changes

Improved metrics

Total package byte prevSize

2652554

increased by18.72%

Dev dependency count

32

decreased by-3.03%

Number of package files

295

increased by90.32%

Lines of code

18274

increased by52%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Addedtslib@^1.6.0

• Updated@uifabric/utilities@>=4.1.1 <5.0.0