@ni/nimble-components 1.0.0-beta.124 → 1.0.0-beta.128

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 (82) hide show
  1. package/README.md +38 -16
  2. package/dist/esm/button/styles.js +10 -9
  3. package/dist/esm/button/styles.js.map +1 -1
  4. package/dist/esm/checkbox/styles.js +4 -4
  5. package/dist/esm/checkbox/styles.js.map +1 -1
  6. package/dist/esm/drawer/styles.js +4 -4
  7. package/dist/esm/drawer/styles.js.map +1 -1
  8. package/dist/esm/icon-base/styles.js +6 -6
  9. package/dist/esm/icon-base/styles.js.map +1 -1
  10. package/dist/esm/icon-base/template.js +1 -1
  11. package/dist/esm/icons/all-icons.d.ts +9 -0
  12. package/dist/esm/icons/all-icons.js +9 -0
  13. package/dist/esm/icons/all-icons.js.map +1 -1
  14. package/dist/esm/icons/custom-status.d.ts +12 -0
  15. package/dist/esm/icons/custom-status.js +12 -0
  16. package/dist/esm/icons/custom-status.js.map +1 -0
  17. package/dist/esm/icons/done.d.ts +12 -0
  18. package/dist/esm/icons/done.js +12 -0
  19. package/dist/esm/icons/done.js.map +1 -0
  20. package/dist/esm/icons/looping.d.ts +12 -0
  21. package/dist/esm/icons/looping.js +12 -0
  22. package/dist/esm/icons/looping.js.map +1 -0
  23. package/dist/esm/icons/running.d.ts +12 -0
  24. package/dist/esm/icons/running.js +12 -0
  25. package/dist/esm/icons/running.js.map +1 -0
  26. package/dist/esm/icons/skipped.d.ts +12 -0
  27. package/dist/esm/icons/skipped.js +12 -0
  28. package/dist/esm/icons/skipped.js.map +1 -0
  29. package/dist/esm/icons/status.d.ts +12 -0
  30. package/dist/esm/icons/status.js +12 -0
  31. package/dist/esm/icons/status.js.map +1 -0
  32. package/dist/esm/icons/terminated.d.ts +12 -0
  33. package/dist/esm/icons/terminated.js +12 -0
  34. package/dist/esm/icons/terminated.js.map +1 -0
  35. package/dist/esm/icons/timed-out.d.ts +12 -0
  36. package/dist/esm/icons/timed-out.js +12 -0
  37. package/dist/esm/icons/timed-out.js.map +1 -0
  38. package/dist/esm/icons/waiting.d.ts +12 -0
  39. package/dist/esm/icons/waiting.js +12 -0
  40. package/dist/esm/icons/waiting.js.map +1 -0
  41. package/dist/esm/nimble-components/src/icons/all-icons.d.ts +9 -0
  42. package/dist/esm/nimble-components/src/icons/custom-status.d.ts +12 -0
  43. package/dist/esm/nimble-components/src/icons/done.d.ts +12 -0
  44. package/dist/esm/nimble-components/src/icons/looping.d.ts +12 -0
  45. package/dist/esm/nimble-components/src/icons/running.d.ts +12 -0
  46. package/dist/esm/nimble-components/src/icons/skipped.d.ts +12 -0
  47. package/dist/esm/nimble-components/src/icons/status.d.ts +12 -0
  48. package/dist/esm/nimble-components/src/icons/terminated.d.ts +12 -0
  49. package/dist/esm/nimble-components/src/icons/timed-out.d.ts +12 -0
  50. package/dist/esm/nimble-components/src/icons/waiting.d.ts +12 -0
  51. package/dist/esm/nimble-components/src/theme-provider/design-token-comments.d.ts +6 -0
  52. package/dist/esm/nimble-components/src/theme-provider/design-token-names.d.ts +11 -0
  53. package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts +4 -9
  54. package/dist/esm/nimble-components/src/theme-provider/index.d.ts +8 -2
  55. package/dist/esm/nimble-components/src/utilities/style/direction.d.ts +34 -0
  56. package/dist/esm/number-field/styles.js +3 -3
  57. package/dist/esm/number-field/styles.js.map +1 -1
  58. package/dist/esm/tabs-toolbar/styles.js +3 -2
  59. package/dist/esm/tabs-toolbar/styles.js.map +1 -1
  60. package/dist/esm/text-field/styles.js +3 -3
  61. package/dist/esm/text-field/styles.js.map +1 -1
  62. package/dist/esm/theme-provider/design-token-comments.d.ts +6 -0
  63. package/dist/esm/theme-provider/design-token-comments.js +46 -0
  64. package/dist/esm/theme-provider/design-token-comments.js.map +1 -0
  65. package/dist/esm/theme-provider/design-token-names.d.ts +11 -0
  66. package/dist/esm/theme-provider/design-token-names.js +52 -0
  67. package/dist/esm/theme-provider/design-token-names.js.map +1 -0
  68. package/dist/esm/theme-provider/design-tokens.d.ts +4 -9
  69. package/dist/esm/theme-provider/design-tokens.js +78 -90
  70. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  71. package/dist/esm/theme-provider/index.d.ts +8 -2
  72. package/dist/esm/theme-provider/index.js +35 -2
  73. package/dist/esm/theme-provider/index.js.map +1 -1
  74. package/dist/esm/tree-item/styles.js +9 -7
  75. package/dist/esm/tree-item/styles.js.map +1 -1
  76. package/dist/esm/utilities/style/direction.d.ts +34 -0
  77. package/dist/esm/utilities/style/direction.js +78 -0
  78. package/dist/esm/utilities/style/direction.js.map +1 -0
  79. package/dist/fonts.scss +3 -0
  80. package/dist/tokens-internal.scss +261 -0
  81. package/dist/tokens.scss +135 -0
  82. package/package.json +10 -6
package/README.md CHANGED
@@ -28,30 +28,52 @@ If you have an existing application that incorporates a module bundler like [Web
28
28
 
29
29
  ## Theming
30
30
 
31
- This package contains a theming system which enables changing the appearance of controls based on user preferences or application designs. All built in components are styled in several themes. An application can also read the tokens underlying the themes to style other parts of the application or modify the tokens underlying the themes to customize the appearance beyond what Nimble offers.
31
+ This package contains a theming system which enables changing the appearance of controls based on user preferences or application designs.
32
+
33
+ The theming system is built on a set of design tokens that define different properties such as fonts, colors, etc. The Nimble components are configured to use these theme-aware design tokens. An application should use the same theme-aware design tokens for parts outside of the components.
32
34
 
33
35
  The theming system is composed of:
34
36
 
35
- 1. theme-aware [design tokens](/packages/nimble-components/src/theme-provider/design-tokens.ts) which map base tokens from `nimble-tokens` to CSS variables and TypeScript constants that style parts of controls.
36
- 2. a [theme provider component](/packages/nimble-components/src/theme-provider/index.ts) which organizes the higher level tokens into themes.
37
+ 1. Theme-aware design tokens that are used in your stylesheets.
38
+ 2. A `<nimble-theme-provider>` component that is added around your page contents and is configured for a theme.
37
39
 
38
40
  ### Using the Theming System
39
41
 
40
42
  1. Include the `<nimble-theme-provider>` element on your page and set its `theme` attribute. The theme provider has no appearance of its own but defines tokens that are used by descendant components. It will typically be at the root of the application:
41
43
 
42
- ```html
43
- <body>
44
- <nimble-theme-provider theme="light">
45
- <!-- everything else -->
46
- </nimble-theme-provider>
47
- </body>
48
- ```
49
-
50
- 2. _Optional_ Add other Nimble components as descendants of the theme provider and they will inherit the theme.
51
- 3. _Optional_ Style non-Nimble components using the values which the theme provider defines for tokens.
52
- - Tokens are exposed as CSS custom properties and as TypeScript constants using the [FAST Design Token](https://www.fast.design/docs/design-systems/design-tokens) implementation.
53
- - These tokens are not yet documented but you can see their names in [`design-tokens.ts`](/packages/nimble-components/src/theme-provider/design-tokens.ts).
54
- 4. _Optional_ Customize the theme for all or part of your application. Approaches for doing this are an area of active research; please reach out to the Nimble team to discuss your use case.
44
+ ```html
45
+ <body>
46
+ <nimble-theme-provider theme="light">
47
+ <!-- everything else -->
48
+ </nimble-theme-provider>
49
+ </body>
50
+ ```
51
+
52
+ 2. Include one import in your styles for the Nimble fonts. Nimble recommends using SCSS for capabilities such as build time property checking.
53
+
54
+ ```scss
55
+ @import '~@ni/nimble-components/dist/fonts';
56
+ ```
57
+
58
+ 3. As needed, add Nimble components as descendants of the theme provider and they will inherit the theme.
59
+
60
+ 4. As needed, import the theme-aware design tokens in each SCSS file that will leverage the tokens for other parts of your application (for colors, fonts, etc).
61
+
62
+ ```scss
63
+ @import '~@ni/nimble-components/dist/tokens';
64
+
65
+ .my-element {
66
+ font-family: $ni-nimble-font-family;
67
+ }
68
+ ```
69
+
70
+ ## Customizing
71
+
72
+ The goal of the Nimble design system is to provide a consistent style for applications. If you find that Nimble does not expose colors, fonts, sizes, etc. that you need in an application get in touch with the Nimble squad.
73
+
74
+ ## Accessibility
75
+
76
+ For accessibility information related to nimble components, see [ACCESSIBILITY.md](docs/ACCESSIBILITY.md).
55
77
 
56
78
  ## Contributing
57
79
 
package/dist/esm/button/styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { display } from '@microsoft/fast-foundation';
3
3
  import { focusVisible } from '../utilities/style/focus';
4
- import { actionColorRgb, borderColorHover, borderColorRgb, borderWidth, buttonContentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, fillColorSelected, fontFamily, smallDelay, standardPadding } from '../theme-provider/design-tokens';
4
+ import { actionColorRgbPartial, borderColorHover, borderColorRgbPartial, borderWidth, buttonContentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, fillColorSelected, fontFamily, iconColor, smallDelay, standardPadding } from '../theme-provider/design-tokens';
5
5
  import { appearanceBehavior } from './behaviors';
6
6
  import { ButtonAppearance } from './types';
7
7
  export const styles = css `
@@ -21,6 +21,7 @@ export const styles = css `
21
21
  /*
22
22
  Not sure why but this is needed to get buttons with icons and buttons
23
23
  without icons to align on the same line when the button is inline-flex
24
+ See: https://github.com/microsoft/fast/issues/5414
24
25
  */ ''}
25
26
  vertical-align: middle;
26
27
  }
@@ -97,7 +98,7 @@ export const styles = css `
97
98
  }
98
99
 
99
100
  slot[name='start']::slotted(*) {
100
- --icon-color: ${buttonContentFontColor};
101
+ ${iconColor.cssCustomProperty}: ${buttonContentFontColor};
101
102
  }
102
103
 
103
104
  :host([disabled]) slot[name='start']::slotted(*) {
@@ -112,7 +113,7 @@ export const styles = css `
112
113
  .withBehaviors(appearanceBehavior(ButtonAppearance.Outline, css `
113
114
  .control {
114
115
  background-color: transparent;
115
- border-color: rgba(${actionColorRgb}, 0.5);
116
+ border-color: rgba(${actionColorRgbPartial}, 0.5);
116
117
  }
117
118
 
118
119
  .control:hover {
@@ -132,7 +133,7 @@ export const styles = css `
132
133
 
133
134
  .control[disabled] {
134
135
  background-color: transparent;
135
- border-color: rgba(${borderColorRgb}, 0.2);
136
+ border-color: rgba(${borderColorRgbPartial}, 0.2);
136
137
  }
137
138
  `), appearanceBehavior(ButtonAppearance.Ghost, css `
138
139
  .control {
@@ -161,17 +162,17 @@ export const styles = css `
161
162
  }
162
163
  `), appearanceBehavior(ButtonAppearance.Block, css `
163
164
  .control {
164
- background-color: rgba(${borderColorRgb}, 0.1);
165
+ background-color: rgba(${borderColorRgbPartial}, 0.1);
165
166
  border-color: transparent;
166
167
  }
167
168
 
168
169
  .control:hover {
169
- background-color: rgba(${borderColorRgb}, 0.1);
170
+ background-color: rgba(${borderColorRgbPartial}, 0.1);
170
171
  border-color: ${borderColorHover};
171
172
  }
172
173
 
173
174
  .control${focusVisible} {
174
- background-color: rgba(${borderColorRgb}, 0.1);
175
+ background-color: rgba(${borderColorRgbPartial}, 0.1);
175
176
  border-color: ${borderColorHover};
176
177
  }
177
178
 
@@ -181,8 +182,8 @@ export const styles = css `
181
182
  }
182
183
 
183
184
  .control[disabled] {
184
- background-color: rgba(${borderColorRgb}, 0.1);
185
- border-color: rgba(${borderColorRgb}, 0.1);
185
+ background-color: rgba(${borderColorRgbPartial}, 0.1);
186
+ border-color: rgba(${borderColorRgbPartial}, 0.1);
186
187
  }
187
188
  `));
188
189
  //# sourceMappingURL=styles.js.map
package/dist/esm/button/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;kBAIV,aAAa;iBACd,sBAAsB;uBAChB,UAAU;qBACZ,eAAe;;;;;UAK1B;AACE;;;EAGE,CAAC,EACP;;;;;iBAKS,wBAAwB;;;;;;;;kBAQvB,WAAW;;;;;;;;;;;;;;qBAcR,eAAe;iCACH,UAAU;;;;iBAI1B,aAAa;;;;;;;;;;;kCAWI,WAAW,IAAI,gBAAgB;;;;cAInD,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2BhC,sBAAsB;;;;;;;;;;CAU7C;IACG,kBAAkB;KACjB,aAAa,CACV,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;yCAG0B,cAAc;;;;;oCAKnB,gBAAgB;;;0BAG1B,YAAY;;oCAEF,gBAAgB;;;;wCAIZ,iBAAiB;;;;;;yCAMhB,cAAc;;aAE1C,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;;;;;;oCAQqB,gBAAgB;;;0BAG1B,YAAY;;oCAEF,gBAAgB;;;;wCAIZ,iBAAiB;;;;;;;;aAQ5C,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;6CAE8B,cAAc;;;;;6CAKd,cAAc;oCACvB,gBAAgB;;;0BAG1B,YAAY;6CACO,cAAc;oCACvB,gBAAgB;;;;wCAIZ,iBAAiB;;;;;6CAKZ,cAAc;yCAClB,cAAc;;aAE1C,CACJ,CACJ,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;kBAIV,aAAa;iBACd,sBAAsB;uBAChB,UAAU;qBACZ,eAAe;;;;;UAK1B;AACE;;;;EAIE,CAAC,EACP;;;;;iBAKS,wBAAwB;;;;;;;;kBAQvB,WAAW;;;;;;;;;;;;;;qBAcR,eAAe;iCACH,UAAU;;;;iBAI1B,aAAa;;;;;;;;;;;kCAWI,WAAW,IAAI,gBAAgB;;;;cAInD,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;UA2B9C,SAAS,CAAC,iBAAiB,KAAK,sBAAsB;;;;;;;;;;CAU/D;IACG,kBAAkB;KACjB,aAAa,CACV,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;yCAG0B,qBAAqB;;;;;oCAK1B,gBAAgB;;;0BAG1B,YAAY;;oCAEF,gBAAgB;;;;wCAIZ,iBAAiB;;;;;;yCAMhB,qBAAqB;;aAEjD,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;;;;;;oCAQqB,gBAAgB;;;0BAG1B,YAAY;;oCAEF,gBAAgB;;;;wCAIZ,iBAAiB;;;;;;;;aAQ5C,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;6CAE8B,qBAAqB;;;;;6CAKrB,qBAAqB;oCAC9B,gBAAgB;;;0BAG1B,YAAY;6CACO,qBAAqB;oCAC9B,gBAAgB;;;;wCAIZ,iBAAiB;;;;;6CAKZ,qBAAqB;yCACzB,qBAAqB;;aAEjD,CACJ,CACJ,CAAC"}
package/dist/esm/checkbox/styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { display } from '@microsoft/fast-foundation';
3
3
  import { focusVisible } from '../utilities/style/focus';
4
- import { borderColor, borderColorHover, borderColorRgb, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, labelHeight, iconSize, fontFamily, borderWidth, smallDelay } from '../theme-provider/design-tokens';
4
+ import { borderColor, borderColorHover, borderColorRgbPartial, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, labelHeight, iconSize, fontFamily, borderWidth, smallDelay } from '../theme-provider/design-tokens';
5
5
  export const styles = css `
6
6
  ${display('inline-flex')}
7
7
 
@@ -42,8 +42,8 @@ export const styles = css `
42
42
  }
43
43
 
44
44
  :host([disabled]) .control {
45
- background-color: rgba(${borderColorRgb}, 0.1);
46
- border-color: rgba(${borderColorRgb}, 0.2);
45
+ background-color: rgba(${borderColorRgbPartial}, 0.1);
46
+ border-color: rgba(${borderColorRgbPartial}, 0.2);
47
47
  }
48
48
 
49
49
  :host(:not([disabled]):not(:active):hover) .control {
@@ -86,7 +86,7 @@ export const styles = css `
86
86
  }
87
87
 
88
88
  :host([disabled]) slot[name='checked-indicator'] path {
89
- fill: rgba(${borderColorRgb}, 0.3);
89
+ fill: rgba(${borderColorRgbPartial}, 0.3);
90
90
  }
91
91
  `;
92
92
  //# sourceMappingURL=styles.js.map
package/dist/esm/checkbox/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;;sBAcN,aAAa;uBACZ,aAAa;;;kBAGlB,WAAW,UAAU,WAAW;;;;;iCAKjB,UAAU;UACjC;AACE;;;GAGG,CAAC,EACR;;;;;;;;;;;iCAWyB,cAAc;6BAClB,cAAc;;;;wBAInB,gBAAgB;kCACN,WAAW,IAAI,gBAAgB;;;YAGrD,YAAY;wBACA,gBAAgB;6BACX,gBAAgB;;;;;uBAKtB,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;uBACV,WAAW;;;;;;iBAMjB,wBAAwB;;;;kBAIvB,QAAQ;iBACT,QAAQ;;;;;gBAKT,WAAW;;;;;;;;;qBASN,cAAc;;CAElC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;;sBAcN,aAAa;uBACZ,aAAa;;;kBAGlB,WAAW,UAAU,WAAW;;;;;iCAKjB,UAAU;UACjC;AACE;;;GAGG,CAAC,EACR;;;;;;;;;;;iCAWyB,qBAAqB;6BACzB,qBAAqB;;;;wBAI1B,gBAAgB;kCACN,WAAW,IAAI,gBAAgB;;;YAGrD,YAAY;wBACA,gBAAgB;6BACX,gBAAgB;;;;;uBAKtB,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;uBACV,WAAW;;;;;;iBAMjB,wBAAwB;;;;kBAIvB,QAAQ;iBACT,QAAQ;;;;;gBAKT,WAAW;;;;;;;;;qBASN,qBAAqB;;CAEzC,CAAC"}
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, drawerWidth, fontFamily, popupBorderColor, popupBoxShadowColor } from '../theme-provider/design-tokens';
3
+ import { applicationBackgroundColor, borderWidth, contentFontColor, contentFontSize, drawerHeaderFontFamily, drawerHeaderFontSize, drawerWidth, fontFamily, popupBorderColor, popupBoxShadowColor, standardPadding } from '../theme-provider/design-tokens';
4
4
  export const styles = css `
5
5
  ${display('block')}
6
6
 
@@ -94,19 +94,19 @@ export const styles = css `
94
94
  */ ''}
95
95
 
96
96
  ::slotted(header) {
97
- padding: var(--standard-padding);
97
+ padding: ${standardPadding};
98
98
  font-family: ${drawerHeaderFontFamily};
99
99
  font-size: ${drawerHeaderFontSize};
100
100
  }
101
101
 
102
102
  ::slotted(section) {
103
- padding: var(--standard-padding);
103
+ padding: ${standardPadding};
104
104
  grid-row: 2;
105
105
  overflow-y: auto;
106
106
  }
107
107
 
108
108
  ::slotted(footer) {
109
- padding: var(--standard-padding);
109
+ padding: ${standardPadding};
110
110
  display: flex;
111
111
  justify-content: flex-end;
112
112
  grid-row: 3;
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,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"}
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,EACnB,eAAe,EAClB,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;;;mBAGe,eAAe;uBACX,sBAAsB;qBACxB,oBAAoB;;;;mBAItB,eAAe;;;;;;mBAMf,eAAe;;;;sBAIZ,WAAW,UAAU,gBAAgB;;CAE1D,CAAC"}
package/dist/esm/icon-base/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 { contentFontColor, iconSize, warningColor, failColor, passColor } from '../theme-provider/design-tokens';
3
+ import { contentFontColor, iconSize, warningColor, failColor, passColor, iconColor } from '../theme-provider/design-tokens';
4
4
  export const styles = css `
5
5
  ${display('inline-flex')}
6
6
 
@@ -9,7 +9,7 @@ export const styles = css `
9
9
  user-select: none;
10
10
  width: ${iconSize};
11
11
  height: ${iconSize};
12
- --icon-color: ${contentFontColor};
12
+ ${iconColor.cssCustomProperty}: ${contentFontColor};
13
13
  }
14
14
 
15
15
  .icon {
@@ -18,19 +18,19 @@ export const styles = css `
18
18
  }
19
19
 
20
20
  :host(.fail) {
21
- --icon-color: ${failColor};
21
+ ${iconColor.cssCustomProperty}: ${failColor};
22
22
  }
23
23
 
24
24
  :host(.warning) {
25
- --icon-color: ${warningColor};
25
+ ${iconColor.cssCustomProperty}: ${warningColor};
26
26
  }
27
27
 
28
28
  :host(.pass) {
29
- --icon-color: ${passColor};
29
+ ${iconColor.cssCustomProperty}: ${passColor};
30
30
  }
31
31
 
32
32
  .icon svg {
33
- fill: var(--icon-color);
33
+ fill: ${iconColor};
34
34
  width: 100%;
35
35
  height: 100%;
36
36
  }
package/dist/esm/icon-base/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/icon-base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACZ,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;iBAKX,QAAQ;kBACP,QAAQ;wBACF,gBAAgB;;;;;;;;;wBAShB,SAAS;;;;wBAIT,YAAY;;;;wBAIZ,SAAS;;;;;;;;CAQhC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/icon-base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACZ,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;iBAKX,QAAQ;kBACP,QAAQ;UAChB,SAAS,CAAC,iBAAiB,KAAK,gBAAgB;;;;;;;;;UAShD,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;UAIzC,SAAS,CAAC,iBAAiB,KAAK,YAAY;;;;UAI5C,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;gBAInC,SAAS;;;;CAIxB,CAAC"}
package/dist/esm/icon-base/template.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html } from '@microsoft/fast-element';
2
2
  export const template = html `
3
- <template slot="start">
3
+ <template>
4
4
  <div class="icon" :innerHTML=${x => x.icon.data}></div>
5
5
  </template
6
6
  `;
package/dist/esm/icons/all-icons.d.ts CHANGED
@@ -3,13 +3,22 @@ export { AdminIcon } from './admin';
3
3
  export { AdministrationIcon } from './administration';
4
4
  export { CheckIcon } from './check';
5
5
  export { CustomApplicationsIcon } from './custom-applications';
6
+ export { CustomStatusIcon } from './custom-status';
6
7
  export { DeleteIcon } from './delete';
8
+ export { DoneIcon } from './done';
7
9
  export { FailIcon } from './fail';
8
10
  export { LoginIcon } from './login';
9
11
  export { LogoutIcon } from './logout';
12
+ export { LoopingIcon } from './looping';
10
13
  export { ManagedSystemsIcon } from './managed-systems';
11
14
  export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
15
+ export { RunningIcon } from './running';
12
16
  export { SettingsIcon } from './settings';
17
+ export { SkippedIcon } from './skipped';
18
+ export { StatusIcon } from './status';
13
19
  export { SucceededIcon } from './succeeded';
20
+ export { TerminatedIcon } from './terminated';
14
21
  export { TestInsightsIcon } from './test-insights';
22
+ export { TimedOutIcon } from './timed-out';
15
23
  export { UtilitiesIcon } from './utilities';
24
+ export { WaitingIcon } from './waiting';
package/dist/esm/icons/all-icons.js CHANGED
@@ -3,14 +3,23 @@ export { AdminIcon } from './admin';
3
3
  export { AdministrationIcon } from './administration';
4
4
  export { CheckIcon } from './check';
5
5
  export { CustomApplicationsIcon } from './custom-applications';
6
+ export { CustomStatusIcon } from './custom-status';
6
7
  export { DeleteIcon } from './delete';
8
+ export { DoneIcon } from './done';
7
9
  export { FailIcon } from './fail';
8
10
  export { LoginIcon } from './login';
9
11
  export { LogoutIcon } from './logout';
12
+ export { LoopingIcon } from './looping';
10
13
  export { ManagedSystemsIcon } from './managed-systems';
11
14
  export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
15
+ export { RunningIcon } from './running';
12
16
  export { SettingsIcon } from './settings';
17
+ export { SkippedIcon } from './skipped';
18
+ export { StatusIcon } from './status';
13
19
  export { SucceededIcon } from './succeeded';
20
+ export { TerminatedIcon } from './terminated';
14
21
  export { TestInsightsIcon } from './test-insights';
22
+ export { TimedOutIcon } from './timed-out';
15
23
  export { UtilitiesIcon } from './utilities';
24
+ export { WaitingIcon } from './waiting';
16
25
  //# 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,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"}
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,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,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,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}
package/dist/esm/icons/custom-status.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-custom-status-icon': CustomStatusIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'custom-status' icon
9
+ */
10
+ export declare class CustomStatusIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/custom-status.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusCustom16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'custom-status' icon
5
+ */
6
+ export class CustomStatusIcon extends Icon {
7
+ constructor() {
8
+ super(statusCustom16X16);
9
+ }
10
+ }
11
+ registerIcon('custom-status-icon', CustomStatusIcon);
12
+ //# sourceMappingURL=custom-status.js.map
package/dist/esm/icons/custom-status.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"custom-status.js","sourceRoot":"","sources":["../../../src/icons/custom-status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,IAAI;IACtC;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED,YAAY,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC"}
package/dist/esm/icons/done.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-done-icon': DoneIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'done' icon
9
+ */
10
+ export declare class DoneIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/done.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusDone16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'done' icon
5
+ */
6
+ export class DoneIcon extends Icon {
7
+ constructor() {
8
+ super(statusDone16X16);
9
+ }
10
+ }
11
+ registerIcon('done-icon', DoneIcon);
12
+ //# sourceMappingURL=done.js.map
package/dist/esm/icons/done.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"done.js","sourceRoot":"","sources":["../../../src/icons/done.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sDAAsD,CAAC;AACvF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;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/looping.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-looping-icon': LoopingIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'looping' icon
9
+ */
10
+ export declare class LoopingIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/looping.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusLooping16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'looping' icon
5
+ */
6
+ export class LoopingIcon extends Icon {
7
+ constructor() {
8
+ super(statusLooping16X16);
9
+ }
10
+ }
11
+ registerIcon('looping-icon', LoopingIcon);
12
+ //# sourceMappingURL=looping.js.map
package/dist/esm/icons/looping.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"looping.js","sourceRoot":"","sources":["../../../src/icons/looping.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAI;IACjC;QACI,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC9B,CAAC;CACJ;AAED,YAAY,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC"}
package/dist/esm/icons/running.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-running-icon': RunningIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'running' icon
9
+ */
10
+ export declare class RunningIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/running.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusRunning16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'running' icon
5
+ */
6
+ export class RunningIcon extends Icon {
7
+ constructor() {
8
+ super(statusRunning16X16);
9
+ }
10
+ }
11
+ registerIcon('running-icon', RunningIcon);
12
+ //# sourceMappingURL=running.js.map
package/dist/esm/icons/running.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"running.js","sourceRoot":"","sources":["../../../src/icons/running.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAI;IACjC;QACI,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC9B,CAAC;CACJ;AAED,YAAY,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC"}
package/dist/esm/icons/skipped.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-skipped-icon': SkippedIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'skipped' icon
9
+ */
10
+ export declare class SkippedIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/skipped.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusSkipped16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'skipped' icon
5
+ */
6
+ export class SkippedIcon extends Icon {
7
+ constructor() {
8
+ super(statusSkipped16X16);
9
+ }
10
+ }
11
+ registerIcon('skipped-icon', SkippedIcon);
12
+ //# sourceMappingURL=skipped.js.map
package/dist/esm/icons/skipped.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skipped.js","sourceRoot":"","sources":["../../../src/icons/skipped.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAI;IACjC;QACI,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC9B,CAAC;CACJ;AAED,YAAY,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC"}
package/dist/esm/icons/status.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-status-icon': StatusIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'status' icon
9
+ */
10
+ export declare class StatusIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/status.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusHeader16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'status' icon
5
+ */
6
+ export class StatusIcon extends Icon {
7
+ constructor() {
8
+ super(statusHeader16X16);
9
+ }
10
+ }
11
+ registerIcon('status-icon', StatusIcon);
12
+ //# sourceMappingURL=status.js.map
package/dist/esm/icons/status.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status.js","sourceRoot":"","sources":["../../../src/icons/status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAI;IAChC;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}
package/dist/esm/icons/terminated.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-terminated-icon': TerminatedIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'terminated' icon
9
+ */
10
+ export declare class TerminatedIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/terminated.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusTerminated16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'terminated' icon
5
+ */
6
+ export class TerminatedIcon extends Icon {
7
+ constructor() {
8
+ super(statusTerminated16X16);
9
+ }
10
+ }
11
+ registerIcon('terminated-icon', TerminatedIcon);
12
+ //# sourceMappingURL=terminated.js.map
package/dist/esm/icons/terminated.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"terminated.js","sourceRoot":"","sources":["../../../src/icons/terminated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAI;IACpC;QACI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACjC,CAAC;CACJ;AAED,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
package/dist/esm/icons/timed-out.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-timed-out-icon': TimedOutIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'timed-out' icon
9
+ */
10
+ export declare class TimedOutIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/timed-out.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusTimedOut16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'timed-out' icon
5
+ */
6
+ export class TimedOutIcon extends Icon {
7
+ constructor() {
8
+ super(statusTimedOut16X16);
9
+ }
10
+ }
11
+ registerIcon('timed-out-icon', TimedOutIcon);
12
+ //# sourceMappingURL=timed-out.js.map
package/dist/esm/icons/timed-out.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"timed-out.js","sourceRoot":"","sources":["../../../src/icons/timed-out.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAI;IAClC;QACI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC/B,CAAC;CACJ;AAED,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC"}
package/dist/esm/icons/waiting.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Icon } from '../icon-base';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'nimble-waiting-icon': WaitingIcon;
5
+ }
6
+ }
7
+ /**
8
+ * The icon component for the 'waiting' icon
9
+ */
10
+ export declare class WaitingIcon extends Icon {
11
+ constructor();
12
+ }
package/dist/esm/icons/waiting.js ADDED
@@ -0,0 +1,12 @@
1
+ import { statusWaiting16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
2
+ import { Icon, registerIcon } from '../icon-base';
3
+ /**
4
+ * The icon component for the 'waiting' icon
5
+ */
6
+ export class WaitingIcon extends Icon {
7
+ constructor() {
8
+ super(statusWaiting16X16);
9
+ }
10
+ }
11
+ registerIcon('waiting-icon', WaitingIcon);
12
+ //# sourceMappingURL=waiting.js.map
package/dist/esm/icons/waiting.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"waiting.js","sourceRoot":"","sources":["../../../src/icons/waiting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAI;IACjC;QACI,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC9B,CAAC;CACJ;AAED,YAAY,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC"}