@ni/nimble-components 11.15.0 → 12.0.0

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 (84) hide show
  1. package/dist/all-components-bundle.js +656 -619
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +1073 -1056
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/breadcrumb/index.d.ts +2 -0
  6. package/dist/esm/breadcrumb/index.js +5 -0
  7. package/dist/esm/breadcrumb/index.js.map +1 -1
  8. package/dist/esm/breadcrumb/styles.js +4 -4
  9. package/dist/esm/breadcrumb/styles.js.map +1 -1
  10. package/dist/esm/breadcrumb/types.d.ts +9 -0
  11. package/dist/esm/breadcrumb/types.js +9 -0
  12. package/dist/esm/breadcrumb/types.js.map +1 -0
  13. package/dist/esm/button/index.d.ts +9 -3
  14. package/dist/esm/button/index.js +3 -0
  15. package/dist/esm/button/index.js.map +1 -1
  16. package/dist/esm/button/styles.js +65 -63
  17. package/dist/esm/button/styles.js.map +1 -1
  18. package/dist/esm/button/types.d.ts +9 -0
  19. package/dist/esm/button/types.js +8 -0
  20. package/dist/esm/button/types.js.map +1 -1
  21. package/dist/esm/card-button/styles.js +21 -22
  22. package/dist/esm/card-button/styles.js.map +1 -1
  23. package/dist/esm/combobox/index.d.ts +6 -6
  24. package/dist/esm/combobox/index.js +15 -9
  25. package/dist/esm/combobox/index.js.map +1 -1
  26. package/dist/esm/combobox/styles.js +5 -5
  27. package/dist/esm/combobox/styles.js.map +1 -1
  28. package/dist/esm/dialog/styles.js.map +1 -1
  29. package/dist/esm/drawer/styles.js +0 -4
  30. package/dist/esm/drawer/styles.js.map +1 -1
  31. package/dist/esm/icon-base/index.d.ts +9 -2
  32. package/dist/esm/icon-base/index.js +6 -1
  33. package/dist/esm/icon-base/index.js.map +1 -1
  34. package/dist/esm/icon-base/styles.js +4 -4
  35. package/dist/esm/icon-base/types.d.ts +6 -6
  36. package/dist/esm/icon-base/types.js +5 -5
  37. package/dist/esm/icon-base/types.js.map +1 -1
  38. package/dist/esm/list-option/styles.js +2 -2
  39. package/dist/esm/menu-button/index.d.ts +5 -5
  40. package/dist/esm/menu-button/index.js.map +1 -1
  41. package/dist/esm/menu-button/template.d.ts +1 -3
  42. package/dist/esm/menu-button/template.js +6 -5
  43. package/dist/esm/menu-button/template.js.map +1 -1
  44. package/dist/esm/number-field/index.d.ts +4 -5
  45. package/dist/esm/number-field/index.js +23 -12
  46. package/dist/esm/number-field/index.js.map +1 -1
  47. package/dist/esm/number-field/styles.js +5 -4
  48. package/dist/esm/number-field/styles.js.map +1 -1
  49. package/dist/esm/patterns/button/styles.js +80 -82
  50. package/dist/esm/patterns/button/styles.js.map +1 -1
  51. package/dist/esm/patterns/button/types.d.ts +1 -1
  52. package/dist/esm/patterns/dropdown/styles.js +1 -1
  53. package/dist/esm/patterns/dropdown/styles.js.map +1 -1
  54. package/dist/esm/patterns/dropdown/types.d.ts +8 -0
  55. package/dist/esm/patterns/dropdown/types.js +2 -3
  56. package/dist/esm/patterns/dropdown/types.js.map +1 -1
  57. package/dist/esm/patterns/error/styles.js +4 -4
  58. package/dist/esm/patterns/error/template.d.ts +2 -2
  59. package/dist/esm/patterns/error/template.js.map +1 -1
  60. package/dist/esm/patterns/error/types.d.ts +5 -4
  61. package/dist/esm/switch/styles.js.map +1 -1
  62. package/dist/esm/text-area/styles.js +19 -21
  63. package/dist/esm/text-area/styles.js.map +1 -1
  64. package/dist/esm/text-field/index.d.ts +5 -5
  65. package/dist/esm/text-field/index.js +13 -8
  66. package/dist/esm/text-field/index.js.map +1 -1
  67. package/dist/esm/text-field/styles.js +6 -7
  68. package/dist/esm/text-field/styles.js.map +1 -1
  69. package/dist/esm/toggle-button/index.d.ts +2 -2
  70. package/dist/esm/tooltip/index.d.ts +8 -0
  71. package/dist/esm/tooltip/index.js +12 -0
  72. package/dist/esm/tooltip/index.js.map +1 -1
  73. package/dist/esm/tooltip/styles.js +8 -8
  74. package/dist/esm/tooltip/styles.js.map +1 -1
  75. package/dist/esm/tooltip/template.d.ts +1 -3
  76. package/dist/esm/tooltip/template.js +13 -8
  77. package/dist/esm/tooltip/template.js.map +1 -1
  78. package/dist/esm/tooltip/types.d.ts +4 -4
  79. package/dist/esm/tooltip/types.js +3 -3
  80. package/dist/esm/tooltip/types.js.map +1 -1
  81. package/dist/esm/tree-item/styles.d.ts +1 -3
  82. package/dist/esm/tree-item/styles.js +182 -177
  83. package/dist/esm/tree-item/styles.js.map +1 -1
  84. package/package.json +1 -1
@@ -1,3 +1,5 @@
1
+ import { __decorate } from "tslib";
2
+ import { attr } from '@microsoft/fast-element';
1
3
  import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
2
4
  import { template } from './template';
3
5
  import { styles } from './styles';
@@ -5,11 +7,14 @@ import { styles } from './styles';
5
7
  * The base class for icon components
6
8
  */
7
9
  export class Icon extends FoundationElement {
8
- constructor(icon) {
10
+ constructor(/** @internal */ icon) {
9
11
  super();
10
12
  this.icon = icon;
11
13
  }
12
14
  }
15
+ __decorate([
16
+ attr
17
+ ], Icon.prototype, "severity", void 0);
13
18
  export const registerIcon = (baseName, iconClass) => {
14
19
  const composedIcon = iconClass.compose({
15
20
  baseName,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,iBAAiB;IACvC,YAA0B,IAAgB;QACtC,KAAK,EAAE,CAAC;QADc,SAAI,GAAJ,IAAI,CAAY;IAE1C,CAAC;CACJ;AAID,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,SAAoB,EAAQ,EAAE;IACzE,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;QACnC,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,SAAS,EAAE,SAAS;KACvB,CAAC,CAAC;IAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AAC7E,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-base/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,iBAAiB;IASvC,YAAmB,gBAAgB,CAAiB,IAAgB;QAChE,KAAK,EAAE,CAAC;QADwC,SAAI,GAAJ,IAAI,CAAY;IAEpE,CAAC;CACJ;AALG;IADC,IAAI;sCACyB;AASlC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,SAAoB,EAAQ,EAAE;IACzE,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;QACnC,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,SAAS,EAAE,SAAS;KACvB,CAAC,CAAC;IAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AAC7E,CAAC,CAAC"}
@@ -16,19 +16,19 @@ export const styles = css `
16
16
  height: 100%;
17
17
  }
18
18
 
19
- :host(.fail) {
19
+ :host([severity='error']) {
20
20
  ${iconColor.cssCustomProperty}: ${failColor};
21
21
  }
22
22
 
23
- :host(.warning) {
23
+ :host([severity='warning']) {
24
24
  ${iconColor.cssCustomProperty}: ${warningColor};
25
25
  }
26
26
 
27
- :host(.pass) {
27
+ :host([severity='success']) {
28
28
  ${iconColor.cssCustomProperty}: ${passColor};
29
29
  }
30
30
 
31
- :host(.information) {
31
+ :host([severity='information']) {
32
32
  ${iconColor.cssCustomProperty}: ${informationColor};
33
33
  }
34
34
 
@@ -1,12 +1,12 @@
1
1
  /**
2
- * Predefined icon status states
2
+ * Predefined icon appearance states
3
3
  * @public
4
4
  */
5
- export declare const IconStatus: {
6
- readonly fail: "fail";
5
+ export declare const IconSeverity: {
6
+ readonly default: undefined;
7
+ readonly error: "error";
7
8
  readonly warning: "warning";
8
- readonly pass: "pass";
9
- readonly regular: "regular";
9
+ readonly success: "success";
10
10
  readonly information: "information";
11
11
  };
12
- export declare type IconStatus = typeof IconStatus[keyof typeof IconStatus];
12
+ export declare type IconSeverity = typeof IconSeverity[keyof typeof IconSeverity];
@@ -1,12 +1,12 @@
1
1
  /**
2
- * Predefined icon status states
2
+ * Predefined icon appearance states
3
3
  * @public
4
4
  */
5
- export const IconStatus = {
6
- fail: 'fail',
5
+ export const IconSeverity = {
6
+ default: undefined,
7
+ error: 'error',
7
8
  warning: 'warning',
8
- pass: 'pass',
9
- regular: 'regular',
9
+ success: 'success',
10
10
  information: 'information'
11
11
  };
12
12
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/icon-base/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;CACpB,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/icon-base/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;CACpB,CAAC"}
@@ -16,13 +16,13 @@ export const styles = css `
16
16
  padding: 8px 4px;
17
17
  }
18
18
 
19
- :host(.selected) {
19
+ :host([aria-selected='true']) {
20
20
  box-shadow: none;
21
21
  outline: none;
22
22
  background-color: ${fillSelectedColor};
23
23
  }
24
24
 
25
- :host(:hover.selected) {
25
+ :host([aria-selected='true']:hover) {
26
26
  background-color: ${fillHoverSelectedColor};
27
27
  }
28
28
 
@@ -2,7 +2,7 @@ import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import { ButtonAppearance } from '../button/types';
3
3
  import type { ToggleButton } from '../toggle-button';
4
4
  import { MenuButtonPosition } from './types';
5
- import type { IButton } from '../patterns/button/types';
5
+ import type { ButtonPattern } from '../patterns/button/types';
6
6
  import type { AnchoredRegion } from '../anchored-region';
7
7
  declare global {
8
8
  interface HTMLElementTagNameMap {
@@ -12,7 +12,7 @@ declare global {
12
12
  /**
13
13
  * A nimble-styled menu button control.
14
14
  */
15
- export declare class MenuButton extends FoundationElement implements IButton {
15
+ export declare class MenuButton extends FoundationElement implements ButtonPattern {
16
16
  appearance: ButtonAppearance;
17
17
  disabled: boolean;
18
18
  contentHidden: boolean;
@@ -25,11 +25,11 @@ export declare class MenuButton extends FoundationElement implements IButton {
25
25
  */
26
26
  position: MenuButtonPosition;
27
27
  /** @internal */
28
- readonly toggleButton: ToggleButton | undefined;
28
+ readonly toggleButton?: ToggleButton;
29
29
  /** @internal */
30
- readonly region: AnchoredRegion | undefined;
30
+ readonly region?: AnchoredRegion;
31
31
  /** @internal */
32
- readonly slottedMenus: HTMLElement[] | undefined;
32
+ readonly slottedMenus?: HTMLElement[];
33
33
  /**
34
34
  * Used to maintain the internal state of whether the last menu item should be focused instead
35
35
  * of the first menu item the next time the menu is opened.
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,2 @@
1
- import { ViewTemplate } from '@microsoft/fast-element';
2
- import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
3
1
  import type { MenuButton } from '.';
4
- export declare const template: FoundationElementTemplate<ViewTemplate<MenuButton>>;
2
+ export declare const template: import("@microsoft/fast-element").ViewTemplate<MenuButton, any>;
@@ -1,13 +1,14 @@
1
1
  import { elements, html, ref, slotted, when } from '@microsoft/fast-element';
2
+ import { DesignSystem } from '@microsoft/fast-foundation';
2
3
  import { ToggleButton } from '../toggle-button';
3
4
  import { AnchoredRegion } from '../anchored-region';
4
5
  // prettier-ignore
5
- export const template = context => html `
6
+ export const template = html `
6
7
  <template
7
8
  ?open="${x => x.open}"
8
9
  @focusout="${(x, c) => x.focusoutHandler(c.event)}"
9
10
  >
10
- <${context.tagFor(ToggleButton)}
11
+ <${DesignSystem.tagFor(ToggleButton)}
11
12
  part="button"
12
13
  appearance="${x => x.appearance}"
13
14
  ?content-hidden="${x => x.contentHidden}"
@@ -24,9 +25,9 @@ export const template = context => html `
24
25
  <slot slot="start" name="start"></slot>
25
26
  <slot></slot>
26
27
  <slot slot="end" name="end"></slot>
27
- </${context.tagFor(ToggleButton)}>
28
+ </${DesignSystem.tagFor(ToggleButton)}>
28
29
  ${when(x => x.open, html `
29
- <${context.tagFor(AnchoredRegion)}
30
+ <${DesignSystem.tagFor(AnchoredRegion)}
30
31
  fixed-placement="true"
31
32
  auto-update-mode="auto"
32
33
  horizontal-inset="true"
@@ -40,7 +41,7 @@ export const template = context => html `
40
41
  <span part="menu">
41
42
  <slot name="menu" ${slotted({ property: 'slottedMenus', filter: elements('[role=menu]') })}></slot>
42
43
  </span>
43
- </${context.tagFor(AnchoredRegion)}>
44
+ </${DesignSystem.tagFor(AnchoredRegion)}>
44
45
  `)}
45
46
  </template>
46
47
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/menu-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,OAAO,EAEP,IAAI,EACP,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAwD,OAAO,CAAC,EAAE,CAAC,IAAI,CAAY;;iBAEvF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;qBACP,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;;WAE5D,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;;0BAEb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;+BACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;wBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;yBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;6BAEX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,KAAK,CAAC;wBACpD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,KAAsB,CAAC;cAC1E,GAAG,CAAC,cAAc,CAAC;;;cAGnB,EAAE,CAAC,wFAAwF;;;;YAI7F,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;UAC9B,IAAI,CACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EACX,IAAI,CAAY;eACT,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC;;;;;6CAKA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;6CAC1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;2BAClE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;4BAC3B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAsB,CAAC;kBAClE,GAAG,CAAC,QAAQ,CAAC;;;wCAGS,OAAO,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;;gBAE9F,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC;SACrC,CACJ;;CAEJ,CAAC"}
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/menu-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAY;;iBAEvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;qBACP,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;;WAE5D,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC;;0BAElB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;+BACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;wBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;yBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;6BAEX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,KAAK,CAAC;wBACpD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,KAAsB,CAAC;cAC1E,GAAG,CAAC,cAAc,CAAC;;;cAGnB,EAAE,CAAC,wFAAwF;;;;YAI7F,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC;UACnC,IAAI,CACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EACX,IAAI,CAAY;eACT,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC;;;;;6CAKL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;6CAC1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;2BAClE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;4BAC3B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAsB,CAAC;kBAClE,GAAG,CAAC,QAAQ,CAAC;;;wCAGS,OAAO,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;;gBAE9F,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC;SAC1C,CACJ;;CAEJ,CAAC"}
@@ -1,8 +1,6 @@
1
1
  import { NumberField as FoundationNumberField } from '@microsoft/fast-foundation';
2
2
  import { NumberFieldAppearance } from './types';
3
- import '../icons/add';
4
- import '../icons/exclamation-mark';
5
- import '../icons/minus-wide';
3
+ import type { ErrorPattern } from '../patterns/error/types';
6
4
  declare global {
7
5
  interface HTMLElementTagNameMap {
8
6
  'nimble-number-field': NumberField;
@@ -11,7 +9,7 @@ declare global {
11
9
  /**
12
10
  * A nimble-styled HTML number input
13
11
  */
14
- export declare class NumberField extends FoundationNumberField {
12
+ export declare class NumberField extends FoundationNumberField implements ErrorPattern {
15
13
  appearance: NumberFieldAppearance;
16
14
  /**
17
15
  * A message explaining why the value is invalid.
@@ -20,6 +18,7 @@ export declare class NumberField extends FoundationNumberField {
20
18
  * @remarks
21
19
  * HTML Attribute: error-text
22
20
  */
23
- errorText: string | undefined;
21
+ errorText?: string;
22
+ errorVisible: boolean;
24
23
  connectedCallback(): void;
25
24
  }
@@ -4,9 +4,10 @@ import { DesignSystem, NumberField as FoundationNumberField, numberFieldTemplate
4
4
  import { styles } from './styles';
5
5
  import { NumberFieldAppearance } from './types';
6
6
  import { errorTextTemplate } from '../patterns/error/template';
7
- import '../icons/add';
8
- import '../icons/exclamation-mark';
9
- import '../icons/minus-wide';
7
+ import { Button } from '../button';
8
+ import { IconMinusWide } from '../icons/minus-wide';
9
+ import { IconAdd } from '../icons/add';
10
+ import { IconExclamationMark } from '../icons/exclamation-mark';
10
11
  /**
11
12
  * A nimble-styled HTML number input
12
13
  */
@@ -14,6 +15,7 @@ export class NumberField extends FoundationNumberField {
14
15
  constructor() {
15
16
  super(...arguments);
16
17
  this.appearance = NumberFieldAppearance.underline;
18
+ this.errorVisible = false;
17
19
  }
18
20
  connectedCallback() {
19
21
  super.connectedCallback();
@@ -27,6 +29,9 @@ __decorate([
27
29
  __decorate([
28
30
  attr({ attribute: 'error-text' })
29
31
  ], NumberField.prototype, "errorText", void 0);
32
+ __decorate([
33
+ attr({ attribute: 'error-visible', mode: 'boolean' })
34
+ ], NumberField.prototype, "errorVisible", void 0);
30
35
  /**
31
36
  * A function that returns a number-field registration for configuring the component with a DesignSystem.
32
37
  *
@@ -44,31 +49,37 @@ const nimbleNumberField = NumberField.compose({
44
49
  delegatesFocus: true
45
50
  },
46
51
  stepDownGlyph: html `
47
- <nimble-button
52
+ <${DesignSystem.tagFor(Button)}
48
53
  class="step-up-down-button"
49
54
  appearance="ghost"
50
55
  content-hidden
51
56
  tabindex="-1"
52
57
  >
53
58
  "Decrement"
54
- <nimble-icon-minus-wide slot="start"></nimble-icon-minus-wide>
55
- </nimble-button>
59
+ <${DesignSystem.tagFor(IconMinusWide)}
60
+ slot="start"
61
+ >
62
+ </${DesignSystem.tagFor(IconMinusWide)}>
63
+ </${DesignSystem.tagFor(Button)}>
56
64
  `,
57
65
  stepUpGlyph: html `
58
- <nimble-button
66
+ <${DesignSystem.tagFor(Button)}
59
67
  class="step-up-down-button"
60
68
  appearance="ghost"
61
69
  content-hidden
62
70
  tabindex="-1"
63
71
  >
64
72
  "Increment"
65
- <nimble-icon-add slot="start"></nimble-icon-add>
66
- </nimble-button>
73
+ <${DesignSystem.tagFor(IconAdd)}
74
+ slot="start">
75
+ </${DesignSystem.tagFor(IconAdd)}>
76
+ </${DesignSystem.tagFor(Button)}>
67
77
  `,
68
78
  end: html `
69
- <nimble-icon-exclamation-mark
70
- class="error-icon fail"
71
- ></nimble-icon-exclamation-mark>
79
+ <${DesignSystem.tagFor(IconExclamationMark)}
80
+ severity="error"
81
+ class="error-icon"
82
+ ></${DesignSystem.tagFor(IconExclamationMark)}>
72
83
  ${errorTextTemplate}
73
84
  `
74
85
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/number-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACH,YAAY,EACZ,WAAW,IAAI,qBAAqB,EAEpC,mBAAmB,IAAI,QAAQ,EAClC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,cAAc,CAAC;AACtB,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAQ7B;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,qBAAqB;IAAtD;;QAEW,eAAU,GAA0B,qBAAqB,CAAC,SAAS,CAAC;IAkB/E,CAAC;IANmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,qFAAqF;QACrF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC;CACJ;AAlBG;IADC,IAAI;+CACsE;AAU3E;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;8CACG;AAUzC;;;;;;;GAOG;AACH,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAqB;IAC9D,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,qBAAqB;IAChC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,aAAa,EAAE,IAAI,CAAA;;;;;;;;;;KAUlB;IACD,WAAW,EAAE,IAAI,CAAA;;;;;;;;;;KAUhB;IACD,GAAG,EAAE,IAAI,CAAa;;;;UAIhB,iBAAiB;KACtB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/number-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACH,YAAY,EACZ,WAAW,IAAI,qBAAqB,EAEpC,mBAAmB,IAAI,QAAQ,EAClC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAQhE;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,qBAAqB;IAAtD;;QAEW,eAAU,GAA0B,qBAAqB,CAAC,SAAS,CAAC;QAapE,iBAAY,GAAG,KAAK,CAAC;IAQhC,CAAC;IANmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,qFAAqF;QACrF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC;CACJ;AArBG;IADC,IAAI;+CACsE;AAU3E;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;8CACR;AAG1B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;iDAC1B;AAUhC;;;;;;;GAOG;AACH,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAqB;IAC9D,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,qBAAqB;IAChC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,aAAa,EAAE,IAAI,CAAA;WACZ,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC;;;;;;;eAOvB,YAAY,CAAC,MAAM,CAAC,aAAa,CAAC;;;gBAGjC,YAAY,CAAC,MAAM,CAAC,aAAa,CAAC;YACtC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC;KAClC;IACD,WAAW,EAAE,IAAI,CAAA;WACV,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC;;;;;;;eAOvB,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;;gBAE3B,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;YAChC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC;KAClC;IACD,GAAG,EAAE,IAAI,CAAa;WACf,YAAY,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;aAGtC,YAAY,CAAC,MAAM,CAAC,mBAAmB,CAAC;UAC3C,iBAAiB;KACtB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC"}
@@ -55,7 +55,7 @@ export const styles = css `
55
55
  border-color: rgba(${borderRgbPartialColor}, 0.1);
56
56
  }
57
57
 
58
- :host(.invalid) .root {
58
+ :host([error-visible]) .root {
59
59
  border-bottom-color: ${failColor};
60
60
  }
61
61
 
@@ -84,7 +84,7 @@ export const styles = css `
84
84
  }
85
85
  }
86
86
 
87
- :host(.invalid) .root::after {
87
+ :host([error-visible]) .root::after {
88
88
  border-bottom-color: ${failColor};
89
89
  }
90
90
 
@@ -132,7 +132,8 @@ export const styles = css `
132
132
  }
133
133
 
134
134
  ${
135
- /* We are using flex `order` to define the visual ordering of the inc/dec buttons and the invalid icon because they are not "interactive" i.e. part of the tab order */ ''}
135
+ /* We are using flex `order` to define the visual ordering of the inc/dec buttons
136
+ and the invalid icon because they are not "interactive" i.e. part of the tab order */ ''}
136
137
  .step-up {
137
138
  order: 3;
138
139
  padding-right: calc(${standardPadding} / 4);
@@ -165,7 +166,7 @@ export const styles = css `
165
166
  }
166
167
 
167
168
  .root:focus-within,
168
- :host(.invalid) .root {
169
+ :host([error-visible]) .root {
169
170
  border-bottom-width: ${borderWidth};
170
171
  padding-bottom: 0;
171
172
  }
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/number-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAS,EACT,eAAe,EACf,6BAA6B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;MACvB,WAAW;;;gBAGD,QAAQ;;;iBAGP,aAAa;uBACP,WAAW,MAAM,aAAa;mDACF,WAAW;;cAEhD,aAAa,UAAU,WAAW;;;;;iBAK/B,qBAAqB;;;;;;iBAMrB,qBAAqB;gBACtB,gBAAgB;;;;iBAIf,6BAA6B;;;;;;;;;;;iCAWb,qBAAqB;mBACnC,WAAW;;;;+BAIC,gBAAgB;;;;6BAIlB,qBAAqB;;;;+BAInB,SAAS;;;;UAI9B,CAAA,yCAA0C,EAAE;;;;;;;;;;4BAU1B,WAAW;;;yBAGd,gBAAgB;;4BAEb,UAAU;;;;;;;;;;+BAUP,SAAS;;;;;;;;;;;;;;;;;;;;;;;;6BAwBX,eAAe;;;;;;;;;;;iBAW3B,qBAAqB;;;;iBAIrB,qBAAqB;;;;;;;MAOhC;AACE,uKAAuK,CAAC,EAC5K;;;8BAG0B,eAAe;;;;;;;;UAQnC,aAAa,CAAC,iBAAiB;;;;;;;;;8BASX,eAAe;;CAE5C,CAAC,aAAa,CACH,kBAAkB,CACd,qBAAqB,CAAC,SAAS,EAC/B,GAAG,CAAA;;uCAEoB,WAAW;;;SAGzC,CACI,EACD,kBAAkB,CACd,qBAAqB,CAAC,KAAK,EAC3B,GAAG,CAAA;;yCAEsB,qBAAqB;;;;;uCAKvB,WAAW;;;;;;;;;yCAST,qBAAqB;;SAErD,CACI,EACD,kBAAkB,CACd,qBAAqB,CAAC,OAAO,EAC7B,GAAG,CAAA;;gCAEa,WAAW;;;SAGlC,CACI,CACJ,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/number-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAS,EACT,eAAe,EACf,6BAA6B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;MACvB,WAAW;;;gBAGD,QAAQ;;;iBAGP,aAAa;uBACP,WAAW,MAAM,aAAa;mDACF,WAAW;;cAEhD,aAAa,UAAU,WAAW;;;;;iBAK/B,qBAAqB;;;;;;iBAMrB,qBAAqB;gBACtB,gBAAgB;;;;iBAIf,6BAA6B;;;;;;;;;;;iCAWb,qBAAqB;mBACnC,WAAW;;;;+BAIC,gBAAgB;;;;6BAIlB,qBAAqB;;;;+BAInB,SAAS;;;;UAI9B,CAAA,yCAA0C,EAAE;;;;;;;;;;4BAU1B,WAAW;;;yBAGd,gBAAgB;;4BAEb,UAAU;;;;;;;;;;+BAUP,SAAS;;;;;;;;;;;;;;;;;;;;;;;;6BAwBX,eAAe;;;;;;;;;;;iBAW3B,qBAAqB;;;;iBAIrB,qBAAqB;;;;;;;MAOhC;AACE;sFACsF,CAAC,EAC3F;;;8BAG0B,eAAe;;;;;;;;UAQnC,aAAa,CAAC,iBAAiB;;;;;;;;;8BASX,eAAe;;CAE5C,CAAC,aAAa,CACX,kBAAkB,CACd,qBAAqB,CAAC,SAAS,EAC/B,GAAG,CAAA;;uCAE4B,WAAW;;;SAGzC,CACJ,EACD,kBAAkB,CACd,qBAAqB,CAAC,KAAK,EAC3B,GAAG,CAAA;;yCAE8B,qBAAqB;;;;;uCAKvB,WAAW;;;;;;;;;yCAST,qBAAqB;;SAErD,CACJ,EACD,kBAAkB,CACd,qBAAqB,CAAC,OAAO,EAC7B,GAAG,CAAA;;gCAEqB,WAAW;;;SAGlC,CACJ,CACJ,CAAC"}
@@ -127,86 +127,84 @@ export const styles = css `
127
127
  :host([content-hidden]) [part='end'] {
128
128
  display: none;
129
129
  }
130
- `
131
- // prettier-ignore
132
- .withBehaviors(appearanceBehavior(ButtonAppearance.outline, css `
133
- .control {
134
- background-color: transparent;
135
- border-color: rgba(${actionRgbPartialColor}, 0.3);
136
- }
137
-
138
- .control:hover {
139
- background-color: transparent;
140
- border-color: ${borderHoverColor};
141
- }
142
-
143
- .control${focusVisible} {
144
- background-color: transparent;
145
- border-color: ${borderHoverColor};
146
- }
147
-
148
- .control:active {
149
- background-color: ${fillSelectedColor};
150
- border-color: ${fillSelectedColor};
151
- }
152
-
153
- .control[disabled] {
154
- background-color: transparent;
155
- border-color: rgba(${borderRgbPartialColor}, 0.2);
156
- }
157
- `), appearanceBehavior(ButtonAppearance.ghost, css `
158
- .control {
159
- background-color: transparent;
160
- border-color: transparent;
161
- }
162
-
163
- .control:hover {
164
- background-color: transparent;
165
- border-color: ${borderHoverColor};
166
- }
167
-
168
- .control${focusVisible} {
169
- background-color: transparent;
170
- border-color: ${borderHoverColor};
171
- }
172
-
173
- .control:active {
174
- background-color: ${fillSelectedColor};
175
- border-color: ${fillSelectedColor};
176
- }
177
-
178
- .control[disabled] {
179
- background-color: transparent;
180
- border-color: transparent;
181
- }
182
- `), appearanceBehavior(ButtonAppearance.block, css `
183
- .control {
184
- background-color: rgba(${borderRgbPartialColor}, 0.1);
185
- border-color: transparent;
186
- }
187
-
188
- .control:hover {
189
- background-color: transparent;
190
- border-color: ${borderHoverColor};
191
- }
192
-
193
- .control${focusVisible} {
194
- background-color: rgba(${borderRgbPartialColor}, 0.1);
195
- border-color: ${borderHoverColor};
196
- }
197
-
198
- .control${focusVisible}:hover {
199
- background-color: transparent;
200
- }
201
-
202
- .control:active {
203
- background-color: ${fillSelectedColor};
204
- border-color: ${fillSelectedColor};
205
- }
206
-
207
- .control[disabled] {
208
- background-color: rgba(${borderRgbPartialColor}, 0.1);
209
- border-color: transparent;
210
- }
211
- `));
130
+ `.withBehaviors(appearanceBehavior(ButtonAppearance.outline, css `
131
+ .control {
132
+ background-color: transparent;
133
+ border-color: rgba(${actionRgbPartialColor}, 0.3);
134
+ }
135
+
136
+ .control:hover {
137
+ background-color: transparent;
138
+ border-color: ${borderHoverColor};
139
+ }
140
+
141
+ .control${focusVisible} {
142
+ background-color: transparent;
143
+ border-color: ${borderHoverColor};
144
+ }
145
+
146
+ .control:active {
147
+ background-color: ${fillSelectedColor};
148
+ border-color: ${fillSelectedColor};
149
+ }
150
+
151
+ .control[disabled] {
152
+ background-color: transparent;
153
+ border-color: rgba(${borderRgbPartialColor}, 0.2);
154
+ }
155
+ `), appearanceBehavior(ButtonAppearance.ghost, css `
156
+ .control {
157
+ background-color: transparent;
158
+ border-color: transparent;
159
+ }
160
+
161
+ .control:hover {
162
+ background-color: transparent;
163
+ border-color: ${borderHoverColor};
164
+ }
165
+
166
+ .control${focusVisible} {
167
+ background-color: transparent;
168
+ border-color: ${borderHoverColor};
169
+ }
170
+
171
+ .control:active {
172
+ background-color: ${fillSelectedColor};
173
+ border-color: ${fillSelectedColor};
174
+ }
175
+
176
+ .control[disabled] {
177
+ background-color: transparent;
178
+ border-color: transparent;
179
+ }
180
+ `), appearanceBehavior(ButtonAppearance.block, css `
181
+ .control {
182
+ background-color: rgba(${borderRgbPartialColor}, 0.1);
183
+ border-color: transparent;
184
+ }
185
+
186
+ .control:hover {
187
+ background-color: transparent;
188
+ border-color: ${borderHoverColor};
189
+ }
190
+
191
+ .control${focusVisible} {
192
+ background-color: rgba(${borderRgbPartialColor}, 0.1);
193
+ border-color: ${borderHoverColor};
194
+ }
195
+
196
+ .control${focusVisible}:hover {
197
+ background-color: transparent;
198
+ }
199
+
200
+ .control:active {
201
+ background-color: ${fillSelectedColor};
202
+ border-color: ${fillSelectedColor};
203
+ }
204
+
205
+ .control[disabled] {
206
+ background-color: rgba(${borderRgbPartialColor}, 0.1);
207
+ border-color: transparent;
208
+ }
209
+ `));
212
210
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/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,6BAA6B,CAAC;AAC3D,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,eAAe,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;kBAIV,aAAa;iBACd,oBAAoB;gBACrB,eAAe;;;;;UAKrB;AACE;;;;EAIE,CAAC,EACP;;;;;iBAKS,4BAA4B;;;;;;;;kBAQ3B,WAAW;;;;;;;;;;;;;qBAaR,eAAe;iCACH,UAAU;;;;iBAI1B,aAAa;;;;;;;;;;;kCAWI,WAAW,IAAI,gBAAgB;;;;cAInD,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;;;;UAmB9C;AACE;;;;GAIG;AACH,EACJ;;;;;;;;;;;;;;UAcE,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;UASpD,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;;CAU7D;IACG,kBAAkB;KACjB,aAAa,CACV,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;yCAG0B,qBAAqB;;;;;oCAK1B,gBAAgB;;;0BAG1B,YAAY;;oCAEF,gBAAgB;;;;wCAIZ,iBAAiB;oCACrB,iBAAiB;;;;;yCAKZ,qBAAqB;;aAEjD,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;;;;;;oCAQqB,gBAAgB;;;0BAG1B,YAAY;;oCAEF,gBAAgB;;;;wCAIZ,iBAAiB;oCACrB,iBAAiB;;;;;;;aAOxC,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;6CAE8B,qBAAqB;;;;;;oCAM9B,gBAAgB;;;0BAG1B,YAAY;6CACO,qBAAqB;oCAC9B,gBAAgB;;;0BAG1B,YAAY;;;;;wCAKE,iBAAiB;oCACrB,iBAAiB;;;;6CAIR,qBAAqB;;;aAGrD,CACJ,CACJ,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/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,6BAA6B,CAAC;AAC3D,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,eAAe,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;kBAIV,aAAa;iBACd,oBAAoB;gBACrB,eAAe;;;;;UAKrB;AACE;;;;EAIE,CAAC,EACP;;;;;iBAKS,4BAA4B;;;;;;;;kBAQ3B,WAAW;;;;;;;;;;;;;qBAaR,eAAe;iCACH,UAAU;;;;iBAI1B,aAAa;;;;;;;;;;;kCAWI,WAAW,IAAI,gBAAgB;;;;cAInD,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;;;;UAmB9C;AACE;;;;GAIG;AACH,EACJ;;;;;;;;;;;;;;UAcE,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;UASpD,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;;;;CAU7D,CAAC,aAAa,CACX,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;qCAG0B,qBAAqB;;;;;gCAK1B,gBAAgB;;;sBAG1B,YAAY;;gCAEF,gBAAgB;;;;oCAIZ,iBAAiB;gCACrB,iBAAiB;;;;;qCAKZ,qBAAqB;;SAEjD,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;;;;;;;gCAQqB,gBAAgB;;;sBAG1B,YAAY;;gCAEF,gBAAgB;;;;oCAIZ,iBAAiB;gCACrB,iBAAiB;;;;;;;SAOxC,CACJ,EACD,kBAAkB,CACd,gBAAgB,CAAC,KAAK,EACtB,GAAG,CAAA;;yCAE8B,qBAAqB;;;;;;gCAM9B,gBAAgB;;;sBAG1B,YAAY;yCACO,qBAAqB;gCAC9B,gBAAgB;;;sBAG1B,YAAY;;;;;oCAKE,iBAAiB;gCACrB,iBAAiB;;;;yCAIR,qBAAqB;;;SAGrD,CACJ,CACJ,CAAC"}
@@ -2,7 +2,7 @@
2
2
  * The interface that buttons of various types implement. The properties in this interface
3
3
  * are leveraged by the shared button pattern css.
4
4
  */
5
- export interface IButton {
5
+ export interface ButtonPattern {
6
6
  /**
7
7
  * The appearance the button should have.
8
8
  */
@@ -84,7 +84,7 @@ export const styles = css `
84
84
  padding: ${borderWidth};
85
85
  }
86
86
 
87
- :host(.open:not(:hover)) .control {
87
+ :host([open]:not(:hover)) .control {
88
88
  border-bottom-color: ${borderHoverColor};
89
89
  }
90
90
 
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/dropdown/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,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,eAAe,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,aAAa;gBACd,QAAQ;kBACN,aAAa;;;;;;;mDAOoB,WAAW;;;;;;;;uBAQvC,WAAW;;;;yBAIT,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;4BAOI,WAAW;;;;yBAId,gBAAgB;;4BAEb,UAAU;;;;;;;;;;YAU1B,YAAY;;;;;;;;;;;;;;;iCAeS,qBAAqB;;mBAEnC,WAAW;;;;+BAIC,gBAAgB;;;;;iBAK9B,qBAAqB;6BACT,qBAAqB;;;;;;;;;;;wCAWV,YAAY;;;;;;;kCAOlB,mBAAmB;4BACzB,gBAAgB;4BAChB,0BAA0B;;;;;;;;;;;;;;;;;;;kBAmBpC,aAAa;;;;oBAIX,aAAa,MAAM,YAAY;;;;;;;;;;;6BAWtB,eAAe;;;;iBAI3B,qBAAqB;;;;;;;;;;;;;iBAarB,QAAQ;kBACP,QAAQ;gBACV,aAAa;;;;gBAIb,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAqBpC,CAAC,aAAa,CACP,kBAAkB,CACd,kBAAkB,CAAC,SAAS,EAC5B,GAAG,CAAA;;uCAEwB,WAAW;;;;;qCAKb,qBAAqB;;SAEjD,CACA,EACD,kBAAkB,CACd,kBAAkB,CAAC,OAAO,EAC1B,GAAG,CAAA;;gCAEiB,WAAW;;;SAGlC,CACA,EACD,kBAAkB,CACd,kBAAkB,CAAC,KAAK,EACxB,GAAG,CAAA;;yCAE0B,qBAAqB;;;;uCAIvB,WAAW;;;;;yCAKT,qBAAqB;;SAErD,CACA,CACJ,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/dropdown/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,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,eAAe,EAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,aAAa;gBACd,QAAQ;kBACN,aAAa;;;;;;;mDAOoB,WAAW;;;;;;;;uBAQvC,WAAW;;;;yBAIT,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;4BAOI,WAAW;;;;yBAId,gBAAgB;;4BAEb,UAAU;;;;;;;;;;YAU1B,YAAY;;;;;;;;;;;;;;;iCAeS,qBAAqB;;mBAEnC,WAAW;;;;+BAIC,gBAAgB;;;;;iBAK9B,qBAAqB;6BACT,qBAAqB;;;;;;;;;;;wCAWV,YAAY;;;;;;;kCAOlB,mBAAmB;4BACzB,gBAAgB;4BAChB,0BAA0B;;;;;;;;;;;;;;;;;;;kBAmBpC,aAAa;;;;oBAIX,aAAa,MAAM,YAAY;;;;;;;;;;;6BAWtB,eAAe;;;;iBAI3B,qBAAqB;;;;;;;;;;;;;iBAarB,QAAQ;kBACP,QAAQ;gBACV,aAAa;;;;gBAIb,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAqBpC,CAAC,aAAa,CACX,kBAAkB,CACd,kBAAkB,CAAC,SAAS,EAC5B,GAAG,CAAA;;uCAE4B,WAAW;;;;;qCAKb,qBAAqB;;SAEjD,CACJ,EACD,kBAAkB,CACd,kBAAkB,CAAC,OAAO,EAC1B,GAAG,CAAA;;gCAEqB,WAAW;;;SAGlC,CACJ,EACD,kBAAkB,CACd,kBAAkB,CAAC,KAAK,EACxB,GAAG,CAAA;;yCAE8B,qBAAqB;;;;uCAIvB,WAAW;;;;;yCAKT,qBAAqB;;SAErD,CACJ,CACJ,CAAC"}
@@ -1,3 +1,11 @@
1
+ import type { ErrorPattern } from '../error/types';
2
+ /**
3
+ * The interface that dropdowns of various types implement. The properties in this interface
4
+ * are leveraged by the shared dropdown pattern css.
5
+ */
6
+ export interface DropdownPattern extends ErrorPattern {
7
+ position?: DropdownPosition;
8
+ }
1
9
  export declare const DropdownPosition: {
2
10
  readonly above: "above";
3
11
  readonly below: "below";
@@ -1,7 +1,6 @@
1
- import { SelectPosition } from '@microsoft/fast-foundation';
2
1
  export const DropdownPosition = {
3
- above: SelectPosition.above,
4
- below: SelectPosition.below
2
+ above: 'above',
3
+ below: 'below'
5
4
  };
6
5
  export const DropdownAppearance = {
7
6
  underline: 'underline',
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/patterns/dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,KAAK,EAAE,cAAc,CAAC,KAAK;IAC3B,KAAK,EAAE,cAAc,CAAC,KAAK;CACrB,CAAC;AAIX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACR,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/patterns/dropdown/types.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACR,CAAC;AAIX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACR,CAAC"}