@ni/nimble-components 1.0.0-beta.103 → 1.0.0-beta.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/esm/drawer/styles.js +5 -4
  2. package/dist/esm/drawer/styles.js.map +1 -1
  3. package/dist/esm/icons/all-icons.d.ts +2 -0
  4. package/dist/esm/icons/all-icons.js +2 -0
  5. package/dist/esm/icons/all-icons.js.map +1 -1
  6. package/dist/esm/icons/fail.d.ts +7 -0
  7. package/dist/esm/icons/fail.js +12 -0
  8. package/dist/esm/icons/fail.js.map +1 -0
  9. package/dist/esm/icons/succeeded.d.ts +7 -0
  10. package/dist/esm/icons/succeeded.js +12 -0
  11. package/dist/esm/icons/succeeded.js.map +1 -0
  12. package/package.json +16 -12
package/dist/esm/drawer/styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { display } from '@microsoft/fast-foundation';
3
- import { applicationBackgroundColor, borderWidth, contentFontColor, contentFontSize, drawerHeaderFontFamily, drawerHeaderFontSize, fontFamily, popupBorderColor, popupBoxShadowColor } from '../theme-provider/design-tokens';
3
+ import { applicationBackgroundColor, borderWidth, contentFontColor, contentFontSize, drawerHeaderFontFamily, drawerHeaderFontSize, drawerWidth, fontFamily, popupBorderColor, popupBoxShadowColor } from '../theme-provider/design-tokens';
4
4
  export const styles = css `
5
5
  ${display('block')}
6
6
 
@@ -45,6 +45,7 @@ export const styles = css `
45
45
  display: flex;
46
46
  }
47
47
 
48
+ ${ /* Note: overlay is only present in the DOM when modal=true */''}
48
49
  .overlay {
49
50
  position: fixed;
50
51
  inset: 0px;
@@ -56,15 +57,14 @@ export const styles = css `
56
57
  position: relative;
57
58
  top: 0px;
58
59
  bottom: 0px;
59
- width: fit-content;
60
- height: 100%;
61
60
  display: grid;
62
61
  grid-template-rows: max-content auto max-content;
63
62
  flex-direction: column;
64
63
  box-sizing: border-box;
65
64
  border-radius: 0px;
66
65
  border-width: 0px;
67
- width: var(--drawer-width);
66
+ width: ${drawerWidth};
67
+ height: 100%;
68
68
  background-color: ${applicationBackgroundColor};
69
69
  }
70
70
 
@@ -109,6 +109,7 @@ export const styles = css `
109
109
  padding: var(--standard-padding);
110
110
  display: flex;
111
111
  justify-content: flex-end;
112
+ grid-row: 3;
112
113
  border-top: ${borderWidth} solid ${popupBorderColor};
113
114
  }
114
115
  `;
package/dist/esm/drawer/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACtB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;uBASC,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAmCX,gBAAgB;;;;;;;;;;;;;;;;;4BAiBV,0BAA0B;;;;;;;;;;;;;;wBAc9B,WAAW,UAAU,mBAAmB;;;;;uBAKzC,WAAW,UAAU,mBAAmB;;;MAGzD;AACE;;;EAGE,CAAC,EACP;;;;uBAImB,sBAAsB;qBACxB,oBAAoB;;;;;;;;;;;;;sBAanB,WAAW,UAAU,gBAAgB;;CAE1D,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACtB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;uBASC,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgC3B,CAAA,8DAA+D,EAAE;;;;sBAIjD,gBAAgB;;;;;;;;;;;;;;iBAcrB,WAAW;;4BAEA,0BAA0B;;;;;;;;;;;;;;wBAc9B,WAAW,UAAU,mBAAmB;;;;;uBAKzC,WAAW,UAAU,mBAAmB;;;MAGzD;AACE;;;EAGE,CAAC,EACP;;;;uBAImB,sBAAsB;qBACxB,oBAAoB;;;;;;;;;;;;;;sBAcnB,WAAW,UAAU,gBAAgB;;CAE1D,CAAC"}
package/dist/esm/icons/all-icons.d.ts CHANGED
@@ -4,10 +4,12 @@ export { AdministrationIcon } from './administration';
4
4
  export { CheckIcon } from './check';
5
5
  export { CustomApplicationsIcon } from './custom-applications';
6
6
  export { DeleteIcon } from './delete';
7
+ export { FailIcon } from './fail';
7
8
  export { LoginIcon } from './login';
8
9
  export { LogoutIcon } from './logout';
9
10
  export { ManagedSystemsIcon } from './managed-systems';
10
11
  export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
11
12
  export { SettingsIcon } from './settings';
13
+ export { SucceededIcon } from './succeeded';
12
14
  export { TestInsightsIcon } from './test-insights';
13
15
  export { UtilitiesIcon } from './utilities';
package/dist/esm/icons/all-icons.js CHANGED
@@ -4,11 +4,13 @@ export { AdministrationIcon } from './administration';
4
4
  export { CheckIcon } from './check';
5
5
  export { CustomApplicationsIcon } from './custom-applications';
6
6
  export { DeleteIcon } from './delete';
7
+ export { FailIcon } from './fail';
7
8
  export { LoginIcon } from './login';
8
9
  export { LogoutIcon } from './logout';
9
10
  export { ManagedSystemsIcon } from './managed-systems';
10
11
  export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
11
12
  export { SettingsIcon } from './settings';
13
+ export { SucceededIcon } from './succeeded';
12
14
  export { TestInsightsIcon } from './test-insights';
13
15
  export { UtilitiesIcon } from './utilities';
14
16
  //# sourceMappingURL=all-icons.js.map
package/dist/esm/icons/all-icons.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}
package/dist/esm/icons/fail.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { Icon } from '../icon-base';
2
+ /**
3
+ * The icon component for the 'fail' icon
4
+ */
5
+ export declare class FailIcon extends Icon {
6
+ constructor();
7
+ }
package/dist/esm/icons/fail.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusFail16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'fail' icon
5
+ */
6
+ export class FailIcon extends Icon {
7
+ constructor() {
8
+ super(statusFail16X16);
9
+ }
10
+ }
11
+ registerIcon('fail-icon', FailIcon);
12
+ //# sourceMappingURL=fail.js.map
package/dist/esm/icons/fail.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fail.js","sourceRoot":"","sources":["../../../src/icons/fail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sDAAsD,CAAC;AACvF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,IAAI;IAC9B;QACI,KAAK,CAAC,eAAe,CAAC,CAAC;IAC3B,CAAC;CACJ;AAED,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC"}
package/dist/esm/icons/succeeded.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { Icon } from '../icon-base';
2
+ /**
3
+ * The icon component for the 'succeeded' icon
4
+ */
5
+ export declare class SucceededIcon extends Icon {
6
+ constructor();
7
+ }
package/dist/esm/icons/succeeded.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusSucceeded16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'succeeded' icon
5
+ */
6
+ export class SucceededIcon extends Icon {
7
+ constructor() {
8
+ super(statusSucceeded16X16);
9
+ }
10
+ }
11
+ registerIcon('succeeded-icon', SucceededIcon);
12
+ //# sourceMappingURL=succeeded.js.map
package/dist/esm/icons/succeeded.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"succeeded.js","sourceRoot":"","sources":["../../../src/icons/succeeded.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AAC5F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAI;IACnC;QACI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAChC,CAAC;CACJ;AAED,YAAY,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "1.0.0-beta.103",
3
+ "version": "1.0.0-beta.107",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run build-components && npm run build-storybook",
@@ -43,7 +43,7 @@
43
43
  "@microsoft/fast-components": "^2.0.0",
44
44
  "@microsoft/fast-element": "^1.6.1",
45
45
  "@microsoft/fast-foundation": "^2.22.0",
46
- "@ni/nimble-tokens": "^1.0.0-beta.33",
46
+ "@ni/nimble-tokens": "^1.0.0-beta.34",
47
47
  "hex-rgb": "^5.0.0",
48
48
  "lodash-es": "^4.17.21"
49
49
  },
@@ -52,16 +52,19 @@
52
52
  "@babel/core": "^7.14.6",
53
53
  "@babel/preset-env": "^7.13.15",
54
54
  "@ni/eslint-config-typescript": "^3.0.0",
55
- "@storybook/addon-a11y": "^6.4.0-alpha.28",
56
- "@storybook/addon-actions": "^6.4.0-alpha.28",
57
- "@storybook/addon-docs": "^6.4.0-alpha.28",
58
- "@storybook/addon-essentials": "^6.4.0-alpha.28",
59
- "@storybook/addon-links": "^6.4.0-alpha.28",
60
- "@storybook/addons": "^6.4.0-alpha.28",
61
- "@storybook/builder-webpack5": "^6.4.0-alpha.28",
62
- "@storybook/html": "^6.4.0-alpha.28",
63
- "@storybook/manager-webpack5": "^6.4.0-alpha.28",
64
- "@storybook/theming": "^6.4.0-alpha.28",
55
+ "@storybook/addon-a11y": "^6.4.0",
56
+ "@storybook/addon-actions": "^6.4.0",
57
+ "@storybook/addon-docs": "^6.4.0",
58
+ "@storybook/addon-essentials": "^6.4.0",
59
+ "@storybook/addon-interactions": "^6.4.0",
60
+ "@storybook/addon-links": "^6.4.0",
61
+ "@storybook/addons": "^6.4.0",
62
+ "@storybook/builder-webpack5": "^6.4.0",
63
+ "@storybook/html": "^6.4.0",
64
+ "@storybook/jest": "^0.0.5",
65
+ "@storybook/manager-webpack5": "^6.4.0",
66
+ "@storybook/testing-library": "^0.0.7",
67
+ "@storybook/theming": "^6.4.0",
65
68
  "@types/jasmine": "^3.6.0",
66
69
  "@types/webpack-env": "^1.15.2",
67
70
  "babel-loader": "^8.2.2",
@@ -70,6 +73,7 @@
70
73
  "css-loader": "^6.2.0",
71
74
  "dotenv-webpack": "^7.0.2",
72
75
  "eslint-plugin-jsdoc": "^36.1.0",
76
+ "eslint-plugin-storybook": "^0.5.1",
73
77
  "html-webpack-plugin": "^5.3.1",
74
78
  "jasmine-core": "^3.7.0",
75
79
  "karma": "^6.3.0",