@ni/nimble-components 10.0.1 → 10.0.2

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 (224) hide show
  1. package/package.json +2 -2
  2. package/dist/esm/nimble-components/src/all-components.d.ts +0 -29
  3. package/dist/esm/nimble-components/src/anchored-region/index.d.ts +0 -11
  4. package/dist/esm/nimble-components/src/anchored-region/styles.d.ts +0 -1
  5. package/dist/esm/nimble-components/src/breadcrumb/index.d.ts +0 -11
  6. package/dist/esm/nimble-components/src/breadcrumb/styles.d.ts +0 -1
  7. package/dist/esm/nimble-components/src/breadcrumb-item/index.d.ts +0 -11
  8. package/dist/esm/nimble-components/src/breadcrumb-item/styles.d.ts +0 -1
  9. package/dist/esm/nimble-components/src/button/index.d.ts +0 -25
  10. package/dist/esm/nimble-components/src/button/styles.d.ts +0 -1
  11. package/dist/esm/nimble-components/src/button/types.d.ts +0 -7
  12. package/dist/esm/nimble-components/src/checkbox/index.d.ts +0 -11
  13. package/dist/esm/nimble-components/src/checkbox/styles.d.ts +0 -1
  14. package/dist/esm/nimble-components/src/drawer/animations.d.ts +0 -14
  15. package/dist/esm/nimble-components/src/drawer/index.d.ts +0 -48
  16. package/dist/esm/nimble-components/src/drawer/styles.d.ts +0 -1
  17. package/dist/esm/nimble-components/src/drawer/types.d.ts +0 -12
  18. package/dist/esm/nimble-components/src/icon-base/icon-metadata.d.ts +0 -9
  19. package/dist/esm/nimble-components/src/icon-base/index.d.ts +0 -12
  20. package/dist/esm/nimble-components/src/icon-base/styles.d.ts +0 -1
  21. package/dist/esm/nimble-components/src/icon-base/template.d.ts +0 -2
  22. package/dist/esm/nimble-components/src/icon-base/types.d.ts +0 -11
  23. package/dist/esm/nimble-components/src/icons/add.d.ts +0 -12
  24. package/dist/esm/nimble-components/src/icons/all-icons.d.ts +0 -142
  25. package/dist/esm/nimble-components/src/icons/arrow-down-right-and-arrow-up-left.d.ts +0 -12
  26. package/dist/esm/nimble-components/src/icons/arrow-expander-down.d.ts +0 -12
  27. package/dist/esm/nimble-components/src/icons/arrow-expander-left.d.ts +0 -12
  28. package/dist/esm/nimble-components/src/icons/arrow-expander-right.d.ts +0 -12
  29. package/dist/esm/nimble-components/src/icons/arrow-expander-up.d.ts +0 -12
  30. package/dist/esm/nimble-components/src/icons/arrow-left-from-line.d.ts +0 -12
  31. package/dist/esm/nimble-components/src/icons/arrow-partial-rotate-left.d.ts +0 -12
  32. package/dist/esm/nimble-components/src/icons/arrow-right-to-line.d.ts +0 -12
  33. package/dist/esm/nimble-components/src/icons/arrow-rotate-right.d.ts +0 -12
  34. package/dist/esm/nimble-components/src/icons/arrow-u-rotate-left.d.ts +0 -12
  35. package/dist/esm/nimble-components/src/icons/arrow-up-left-and-arrow-down-right.d.ts +0 -12
  36. package/dist/esm/nimble-components/src/icons/arrows-maximize.d.ts +0 -12
  37. package/dist/esm/nimble-components/src/icons/arrows-repeat.d.ts +0 -12
  38. package/dist/esm/nimble-components/src/icons/bars.d.ts +0 -12
  39. package/dist/esm/nimble-components/src/icons/bell-and-comment.d.ts +0 -12
  40. package/dist/esm/nimble-components/src/icons/bell-circle.d.ts +0 -12
  41. package/dist/esm/nimble-components/src/icons/bell-solid-circle.d.ts +0 -12
  42. package/dist/esm/nimble-components/src/icons/bell.d.ts +0 -12
  43. package/dist/esm/nimble-components/src/icons/block-with-ribbon.d.ts +0 -12
  44. package/dist/esm/nimble-components/src/icons/calendar.d.ts +0 -12
  45. package/dist/esm/nimble-components/src/icons/chart-diagram-child-focus.d.ts +0 -12
  46. package/dist/esm/nimble-components/src/icons/chart-diagram-parent-focus-two-child.d.ts +0 -12
  47. package/dist/esm/nimble-components/src/icons/chart-diagram-parent-focus.d.ts +0 -12
  48. package/dist/esm/nimble-components/src/icons/chart-diagram.d.ts +0 -12
  49. package/dist/esm/nimble-components/src/icons/check-dot.d.ts +0 -12
  50. package/dist/esm/nimble-components/src/icons/check.d.ts +0 -12
  51. package/dist/esm/nimble-components/src/icons/circle-broken.d.ts +0 -12
  52. package/dist/esm/nimble-components/src/icons/circle-check.d.ts +0 -12
  53. package/dist/esm/nimble-components/src/icons/circle-partial-broken.d.ts +0 -12
  54. package/dist/esm/nimble-components/src/icons/circle-slash.d.ts +0 -12
  55. package/dist/esm/nimble-components/src/icons/circle-x.d.ts +0 -12
  56. package/dist/esm/nimble-components/src/icons/circle.d.ts +0 -12
  57. package/dist/esm/nimble-components/src/icons/clipboard.d.ts +0 -12
  58. package/dist/esm/nimble-components/src/icons/clock-cog.d.ts +0 -12
  59. package/dist/esm/nimble-components/src/icons/clock-triangle.d.ts +0 -12
  60. package/dist/esm/nimble-components/src/icons/clock.d.ts +0 -12
  61. package/dist/esm/nimble-components/src/icons/clone.d.ts +0 -12
  62. package/dist/esm/nimble-components/src/icons/cloud-upload.d.ts +0 -12
  63. package/dist/esm/nimble-components/src/icons/cloud-with-arrow.d.ts +0 -12
  64. package/dist/esm/nimble-components/src/icons/cog-database-inset.d.ts +0 -12
  65. package/dist/esm/nimble-components/src/icons/cog-database.d.ts +0 -12
  66. package/dist/esm/nimble-components/src/icons/cog-small-cog.d.ts +0 -12
  67. package/dist/esm/nimble-components/src/icons/cog-zoomed.d.ts +0 -12
  68. package/dist/esm/nimble-components/src/icons/cog.d.ts +0 -12
  69. package/dist/esm/nimble-components/src/icons/comment.d.ts +0 -12
  70. package/dist/esm/nimble-components/src/icons/computer-and-monitor.d.ts +0 -12
  71. package/dist/esm/nimble-components/src/icons/copy-text.d.ts +0 -12
  72. package/dist/esm/nimble-components/src/icons/copy.d.ts +0 -12
  73. package/dist/esm/nimble-components/src/icons/dashboard-builder-legend.d.ts +0 -12
  74. package/dist/esm/nimble-components/src/icons/dashboard-builder-templates.d.ts +0 -12
  75. package/dist/esm/nimble-components/src/icons/dashboard-builder-tile.d.ts +0 -12
  76. package/dist/esm/nimble-components/src/icons/dashboard-builder.d.ts +0 -12
  77. package/dist/esm/nimble-components/src/icons/database-check.d.ts +0 -12
  78. package/dist/esm/nimble-components/src/icons/database.d.ts +0 -12
  79. package/dist/esm/nimble-components/src/icons/desktop.d.ts +0 -12
  80. package/dist/esm/nimble-components/src/icons/donut-chart.d.ts +0 -12
  81. package/dist/esm/nimble-components/src/icons/dot-solid-dot-stroke.d.ts +0 -12
  82. package/dist/esm/nimble-components/src/icons/download.d.ts +0 -12
  83. package/dist/esm/nimble-components/src/icons/electronic-chip-zoomed.d.ts +0 -12
  84. package/dist/esm/nimble-components/src/icons/exclamation-mark.d.ts +0 -12
  85. package/dist/esm/nimble-components/src/icons/eye.d.ts +0 -12
  86. package/dist/esm/nimble-components/src/icons/fancy-a.d.ts +0 -12
  87. package/dist/esm/nimble-components/src/icons/file-drawer.d.ts +0 -12
  88. package/dist/esm/nimble-components/src/icons/file-search.d.ts +0 -12
  89. package/dist/esm/nimble-components/src/icons/file.d.ts +0 -12
  90. package/dist/esm/nimble-components/src/icons/filter.d.ts +0 -12
  91. package/dist/esm/nimble-components/src/icons/floppy-disk-checkmark.d.ts +0 -12
  92. package/dist/esm/nimble-components/src/icons/floppy-disk-star-arrow-right.d.ts +0 -12
  93. package/dist/esm/nimble-components/src/icons/floppy-disk-three-dots.d.ts +0 -12
  94. package/dist/esm/nimble-components/src/icons/folder-open.d.ts +0 -12
  95. package/dist/esm/nimble-components/src/icons/folder.d.ts +0 -12
  96. package/dist/esm/nimble-components/src/icons/forward-slash.d.ts +0 -12
  97. package/dist/esm/nimble-components/src/icons/four-dots-square.d.ts +0 -12
  98. package/dist/esm/nimble-components/src/icons/function.d.ts +0 -12
  99. package/dist/esm/nimble-components/src/icons/gauge-simple.d.ts +0 -12
  100. package/dist/esm/nimble-components/src/icons/grid-three-by-three.d.ts +0 -12
  101. package/dist/esm/nimble-components/src/icons/grid-two-by-two.d.ts +0 -12
  102. package/dist/esm/nimble-components/src/icons/hammer.d.ts +0 -12
  103. package/dist/esm/nimble-components/src/icons/hashtag.d.ts +0 -12
  104. package/dist/esm/nimble-components/src/icons/home.d.ts +0 -12
  105. package/dist/esm/nimble-components/src/icons/hourglass.d.ts +0 -12
  106. package/dist/esm/nimble-components/src/icons/indeterminant-checkbox.d.ts +0 -12
  107. package/dist/esm/nimble-components/src/icons/info-circle.d.ts +0 -12
  108. package/dist/esm/nimble-components/src/icons/info.d.ts +0 -12
  109. package/dist/esm/nimble-components/src/icons/key.d.ts +0 -12
  110. package/dist/esm/nimble-components/src/icons/laptop.d.ts +0 -12
  111. package/dist/esm/nimble-components/src/icons/layer-group.d.ts +0 -12
  112. package/dist/esm/nimble-components/src/icons/lightning-bolt.d.ts +0 -12
  113. package/dist/esm/nimble-components/src/icons/link-cancel.d.ts +0 -12
  114. package/dist/esm/nimble-components/src/icons/link.d.ts +0 -12
  115. package/dist/esm/nimble-components/src/icons/list-tree-database.d.ts +0 -12
  116. package/dist/esm/nimble-components/src/icons/list-tree.d.ts +0 -12
  117. package/dist/esm/nimble-components/src/icons/list.d.ts +0 -12
  118. package/dist/esm/nimble-components/src/icons/lock.d.ts +0 -12
  119. package/dist/esm/nimble-components/src/icons/magnifying-glass.d.ts +0 -12
  120. package/dist/esm/nimble-components/src/icons/markdown.d.ts +0 -12
  121. package/dist/esm/nimble-components/src/icons/minus-wide.d.ts +0 -12
  122. package/dist/esm/nimble-components/src/icons/minus.d.ts +0 -12
  123. package/dist/esm/nimble-components/src/icons/mobile.d.ts +0 -12
  124. package/dist/esm/nimble-components/src/icons/notebook.d.ts +0 -12
  125. package/dist/esm/nimble-components/src/icons/paste.d.ts +0 -12
  126. package/dist/esm/nimble-components/src/icons/pencil.d.ts +0 -12
  127. package/dist/esm/nimble-components/src/icons/pot-with-lid.d.ts +0 -12
  128. package/dist/esm/nimble-components/src/icons/question.d.ts +0 -12
  129. package/dist/esm/nimble-components/src/icons/running-arrow.d.ts +0 -12
  130. package/dist/esm/nimble-components/src/icons/server.d.ts +0 -12
  131. package/dist/esm/nimble-components/src/icons/share-square.d.ts +0 -12
  132. package/dist/esm/nimble-components/src/icons/shield-check.d.ts +0 -12
  133. package/dist/esm/nimble-components/src/icons/shield-xmark.d.ts +0 -12
  134. package/dist/esm/nimble-components/src/icons/signal-bars.d.ts +0 -12
  135. package/dist/esm/nimble-components/src/icons/sine-graph.d.ts +0 -12
  136. package/dist/esm/nimble-components/src/icons/skip-arrow.d.ts +0 -12
  137. package/dist/esm/nimble-components/src/icons/spinner.d.ts +0 -12
  138. package/dist/esm/nimble-components/src/icons/square-check.d.ts +0 -12
  139. package/dist/esm/nimble-components/src/icons/square-t.d.ts +0 -12
  140. package/dist/esm/nimble-components/src/icons/t.d.ts +0 -12
  141. package/dist/esm/nimble-components/src/icons/tablet.d.ts +0 -12
  142. package/dist/esm/nimble-components/src/icons/tag.d.ts +0 -12
  143. package/dist/esm/nimble-components/src/icons/tags.d.ts +0 -12
  144. package/dist/esm/nimble-components/src/icons/target-crosshairs-progress.d.ts +0 -12
  145. package/dist/esm/nimble-components/src/icons/target-crosshairs.d.ts +0 -12
  146. package/dist/esm/nimble-components/src/icons/three-dots-line.d.ts +0 -12
  147. package/dist/esm/nimble-components/src/icons/thumbtack.d.ts +0 -12
  148. package/dist/esm/nimble-components/src/icons/tile-size.d.ts +0 -12
  149. package/dist/esm/nimble-components/src/icons/times.d.ts +0 -12
  150. package/dist/esm/nimble-components/src/icons/trash.d.ts +0 -12
  151. package/dist/esm/nimble-components/src/icons/triangle.d.ts +0 -12
  152. package/dist/esm/nimble-components/src/icons/true-false-rectangle.d.ts +0 -12
  153. package/dist/esm/nimble-components/src/icons/unlink.d.ts +0 -12
  154. package/dist/esm/nimble-components/src/icons/unlock.d.ts +0 -12
  155. package/dist/esm/nimble-components/src/icons/upload.d.ts +0 -12
  156. package/dist/esm/nimble-components/src/icons/user.d.ts +0 -12
  157. package/dist/esm/nimble-components/src/icons/watch.d.ts +0 -12
  158. package/dist/esm/nimble-components/src/icons/waveform.d.ts +0 -12
  159. package/dist/esm/nimble-components/src/icons/webvi-custom.d.ts +0 -12
  160. package/dist/esm/nimble-components/src/icons/webvi-host.d.ts +0 -12
  161. package/dist/esm/nimble-components/src/icons/window-code.d.ts +0 -12
  162. package/dist/esm/nimble-components/src/icons/window-text.d.ts +0 -12
  163. package/dist/esm/nimble-components/src/icons/wrench-hammer.d.ts +0 -12
  164. package/dist/esm/nimble-components/src/icons/xmark-check.d.ts +0 -12
  165. package/dist/esm/nimble-components/src/icons/xmark.d.ts +0 -12
  166. package/dist/esm/nimble-components/src/list-option/index.d.ts +0 -14
  167. package/dist/esm/nimble-components/src/list-option/styles.d.ts +0 -1
  168. package/dist/esm/nimble-components/src/menu/index.d.ts +0 -11
  169. package/dist/esm/nimble-components/src/menu/styles.d.ts +0 -1
  170. package/dist/esm/nimble-components/src/menu-button/index.d.ts +0 -50
  171. package/dist/esm/nimble-components/src/menu-button/styles.d.ts +0 -1
  172. package/dist/esm/nimble-components/src/menu-button/template.d.ts +0 -4
  173. package/dist/esm/nimble-components/src/menu-button/types.d.ts +0 -14
  174. package/dist/esm/nimble-components/src/menu-item/index.d.ts +0 -11
  175. package/dist/esm/nimble-components/src/menu-item/styles.d.ts +0 -1
  176. package/dist/esm/nimble-components/src/number-field/index.d.ts +0 -11
  177. package/dist/esm/nimble-components/src/number-field/styles.d.ts +0 -1
  178. package/dist/esm/nimble-components/src/patterns/button/styles.d.ts +0 -1
  179. package/dist/esm/nimble-components/src/patterns/button/types.d.ts +0 -30
  180. package/dist/esm/nimble-components/src/select/index.d.ts +0 -13
  181. package/dist/esm/nimble-components/src/select/styles.d.ts +0 -1
  182. package/dist/esm/nimble-components/src/switch/index.d.ts +0 -11
  183. package/dist/esm/nimble-components/src/switch/styles.d.ts +0 -1
  184. package/dist/esm/nimble-components/src/switch/template.d.ts +0 -2
  185. package/dist/esm/nimble-components/src/tab/index.d.ts +0 -11
  186. package/dist/esm/nimble-components/src/tab/styles.d.ts +0 -1
  187. package/dist/esm/nimble-components/src/tab-panel/index.d.ts +0 -11
  188. package/dist/esm/nimble-components/src/tab-panel/styles.d.ts +0 -1
  189. package/dist/esm/nimble-components/src/tabs/index.d.ts +0 -12
  190. package/dist/esm/nimble-components/src/tabs/styles.d.ts +0 -1
  191. package/dist/esm/nimble-components/src/tabs-toolbar/index.d.ts +0 -11
  192. package/dist/esm/nimble-components/src/tabs-toolbar/styles.d.ts +0 -1
  193. package/dist/esm/nimble-components/src/tabs-toolbar/template.d.ts +0 -2
  194. package/dist/esm/nimble-components/src/testing/async-helpers.d.ts +0 -10
  195. package/dist/esm/nimble-components/src/text-area/index.d.ts +0 -20
  196. package/dist/esm/nimble-components/src/text-area/styles.d.ts +0 -1
  197. package/dist/esm/nimble-components/src/text-area/types.d.ts +0 -7
  198. package/dist/esm/nimble-components/src/text-field/index.d.ts +0 -29
  199. package/dist/esm/nimble-components/src/text-field/styles.d.ts +0 -1
  200. package/dist/esm/nimble-components/src/text-field/types.d.ts +0 -15
  201. package/dist/esm/nimble-components/src/theme-provider/design-token-comments.d.ts +0 -6
  202. package/dist/esm/nimble-components/src/theme-provider/design-token-names.d.ts +0 -15
  203. package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts +0 -46
  204. package/dist/esm/nimble-components/src/theme-provider/index.d.ts +0 -21
  205. package/dist/esm/nimble-components/src/theme-provider/styles.d.ts +0 -1
  206. package/dist/esm/nimble-components/src/theme-provider/template.d.ts +0 -2
  207. package/dist/esm/nimble-components/src/theme-provider/types.d.ts +0 -6
  208. package/dist/esm/nimble-components/src/toggle-button/index.d.ts +0 -29
  209. package/dist/esm/nimble-components/src/toggle-button/styles.d.ts +0 -1
  210. package/dist/esm/nimble-components/src/toggle-button/template.d.ts +0 -4
  211. package/dist/esm/nimble-components/src/toggle-button/types.d.ts +0 -5
  212. package/dist/esm/nimble-components/src/toolbar/index.d.ts +0 -11
  213. package/dist/esm/nimble-components/src/toolbar/styles.d.ts +0 -1
  214. package/dist/esm/nimble-components/src/tree-item/index.d.ts +0 -29
  215. package/dist/esm/nimble-components/src/tree-item/styles.d.ts +0 -3
  216. package/dist/esm/nimble-components/src/tree-view/index.d.ts +0 -23
  217. package/dist/esm/nimble-components/src/tree-view/styles.d.ts +0 -1
  218. package/dist/esm/nimble-components/src/tree-view/types.d.ts +0 -8
  219. package/dist/esm/nimble-components/src/utilities/style/appearance.d.ts +0 -11
  220. package/dist/esm/nimble-components/src/utilities/style/colors.d.ts +0 -8
  221. package/dist/esm/nimble-components/src/utilities/style/direction.d.ts +0 -34
  222. package/dist/esm/nimble-components/src/utilities/style/focus.d.ts +0 -11
  223. package/dist/esm/nimble-components/src/utilities/style/prefers-reduced-motion.d.ts +0 -4
  224. package/dist/esm/nimble-components/src/utilities/style/theme.d.ts +0 -42
@@ -1,12 +0,0 @@
1
- import { Tabs as FoundationTabs } from '@microsoft/fast-foundation';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'nimble-tabs': Tabs;
5
- }
6
- }
7
- /**
8
- * A nimble-styled tabs control
9
- */
10
- export declare class Tabs extends FoundationTabs {
11
- constructor();
12
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,11 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'nimble-tabs-toolbar': TabsToolbar;
5
- }
6
- }
7
- /**
8
- * A nimble-styled container for toolbar content next to tabs.
9
- */
10
- export declare class TabsToolbar extends FoundationElement {
11
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,2 +0,0 @@
1
- import type { TabsToolbar } from '.';
2
- export declare const template: import("@microsoft/fast-element").ViewTemplate<TabsToolbar, any>;
@@ -1,10 +0,0 @@
1
- /**
2
- * Allows test code to wait for components to complete pending asynchronous updates that resulted
3
- * from DOM interactions like property or attribute changes.
4
- */
5
- export declare const waitForUpdatesAsync: () => Promise<void>;
6
- /**
7
- * Allows test code to force components to synchronously complete normally asynchronous pending
8
- * updates that resulted from DOM interactions like property or attribute changes.
9
- */
10
- export declare const processUpdates: () => void;
@@ -1,20 +0,0 @@
1
- import { TextArea as FoundationTextArea } from '@microsoft/fast-foundation';
2
- import { TextAreaAppearance } from './types';
3
- declare global {
4
- interface HTMLElementTagNameMap {
5
- 'nimble-text-area': TextArea;
6
- }
7
- }
8
- /**
9
- * A nimble-styed HTML text area
10
- */
11
- export declare class TextArea extends FoundationTextArea {
12
- /**
13
- * The appearance the text area should have.
14
- *
15
- * @public
16
- * @remarks
17
- * HTML Attribute: appearance
18
- */
19
- appearance: TextAreaAppearance;
20
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,7 +0,0 @@
1
- import { TextAreaResize } from '@microsoft/fast-foundation';
2
- export { TextAreaResize };
3
- export declare const TextAreaAppearance: {
4
- readonly outline: "outline";
5
- readonly block: "block";
6
- };
7
- export declare type TextAreaAppearance = typeof TextAreaAppearance[keyof typeof TextAreaAppearance];
@@ -1,29 +0,0 @@
1
- import { TextField as FoundationTextField } from '@microsoft/fast-foundation';
2
- import { TextFieldAppearance } from './types';
3
- declare global {
4
- interface HTMLElementTagNameMap {
5
- 'nimble-text-field': TextField;
6
- }
7
- }
8
- /**
9
- * A nimble-styed HTML text input
10
- */
11
- export declare class TextField extends FoundationTextField {
12
- /**
13
- * The appearance the text field should have.
14
- *
15
- * @public
16
- * @remarks
17
- * HTML Attribute: appearance
18
- */
19
- appearance: TextFieldAppearance;
20
- /**
21
- * A message explaining why the value is invalid.
22
- *
23
- * @public
24
- * @remarks
25
- * HTML Attribute: error-text
26
- */
27
- errorText: string;
28
- connectedCallback(): void;
29
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,15 +0,0 @@
1
- import { TextFieldType } from '@microsoft/fast-foundation';
2
- /**
3
- * Values for the 'type' property of the text field.
4
- */
5
- export { TextFieldType };
6
- /**
7
- * Values for the 'appearance' property of the text field
8
- */
9
- export declare const TextFieldAppearance: {
10
- readonly underline: "underline";
11
- readonly outline: "outline";
12
- readonly block: "block";
13
- readonly frameless: "frameless";
14
- };
15
- export declare type TextFieldAppearance = typeof TextFieldAppearance[keyof typeof TextFieldAppearance];
@@ -1,6 +0,0 @@
1
- import type * as TokensNamespace from './design-tokens';
2
- declare type TokenName = keyof typeof TokensNamespace;
3
- export declare const comments: {
4
- readonly [key in TokenName]: string | null;
5
- };
6
- export {};
@@ -1,15 +0,0 @@
1
- /**
2
- * Design token names should follow the token naming convention:
3
- * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming
4
- */
5
- import type * as TokensNamespace from './design-tokens';
6
- declare type TokenName = keyof typeof TokensNamespace;
7
- export declare const tokenNames: {
8
- readonly [key in TokenName]: string;
9
- };
10
- export declare const styleNameFromTokenName: (tokenName: string) => string;
11
- export declare const cssPropertyFromTokenName: (tokenName: string) => string;
12
- export declare const scssPropertyFromTokenName: (tokenName: string) => string;
13
- export declare const scssInternalPropertyFromTokenName: (tokenName: string) => string;
14
- export declare const scssInternalPropertySetterMarkdown: (tokenName: string, property: string) => string;
15
- export {};
@@ -1,46 +0,0 @@
1
- import { CSSDesignToken } from '@microsoft/fast-foundation';
2
- export declare const actionRgbPartialColor: CSSDesignToken<string>;
3
- export declare const applicationBackgroundColor: CSSDesignToken<string>;
4
- export declare const headerBackgroundColor: CSSDesignToken<string>;
5
- export declare const sectionBackgroundColor: CSSDesignToken<string>;
6
- export declare const fillSelectedColor: CSSDesignToken<string>;
7
- export declare const fillSelectedRgbPartialColor: CSSDesignToken<string>;
8
- export declare const fillHoverSelectedColor: CSSDesignToken<string>;
9
- export declare const fillHoverColor: CSSDesignToken<string>;
10
- export declare const fillDownColor: CSSDesignToken<string>;
11
- export declare const borderColor: CSSDesignToken<string>;
12
- export declare const borderRgbPartialColor: CSSDesignToken<string>;
13
- export declare const failColor: CSSDesignToken<string>;
14
- export declare const warningColor: CSSDesignToken<string>;
15
- export declare const passColor: CSSDesignToken<string>;
16
- export declare const borderHoverColor: CSSDesignToken<string>;
17
- export declare const iconColor: CSSDesignToken<string>;
18
- export declare const popupBoxShadowColor: CSSDesignToken<string>;
19
- export declare const popupBorderColor: CSSDesignToken<string>;
20
- export declare const controlHeight: CSSDesignToken<string>;
21
- export declare const smallPadding: CSSDesignToken<string>;
22
- export declare const standardPadding: CSSDesignToken<string>;
23
- export declare const labelHeight: CSSDesignToken<string>;
24
- export declare const borderWidth: CSSDesignToken<string>;
25
- export declare const iconSize: CSSDesignToken<string>;
26
- export declare const drawerWidth: CSSDesignToken<string>;
27
- export declare const headlineFont: CSSDesignToken<string>, headlineFontColor: CSSDesignToken<string>, headlineDisabledFontColor: CSSDesignToken<string>, headlineFontFamily: CSSDesignToken<string>, headlineFontWeight: CSSDesignToken<string>, headlineFontSize: CSSDesignToken<string>, headlineFontLineHeight: CSSDesignToken<string>, headlineFallbackFontFamily: CSSDesignToken<string>;
28
- export declare const headlinePlus1Font: CSSDesignToken<string>, headlinePlus1FontColor: CSSDesignToken<string>, headlinePlus1DisabledFontColor: CSSDesignToken<string>, headlinePlus1FontFamily: CSSDesignToken<string>, headlinePlus1FontWeight: CSSDesignToken<string>, headlinePlus1FontSize: CSSDesignToken<string>, headlinePlus1FontLineHeight: CSSDesignToken<string>, headlinePlus1FallbackFontFamily: CSSDesignToken<string>;
29
- export declare const titlePlus2Font: CSSDesignToken<string>, titlePlus2FontColor: CSSDesignToken<string>, titlePlus2DisabledFontColor: CSSDesignToken<string>, titlePlus2FontFamily: CSSDesignToken<string>, titlePlus2FontWeight: CSSDesignToken<string>, titlePlus2FontSize: CSSDesignToken<string>, titlePlus2FontLineHeight: CSSDesignToken<string>, titlePlus2FallbackFontFamily: CSSDesignToken<string>;
30
- export declare const titlePlus1Font: CSSDesignToken<string>, titlePlus1FontColor: CSSDesignToken<string>, titlePlus1DisabledFontColor: CSSDesignToken<string>, titlePlus1FontFamily: CSSDesignToken<string>, titlePlus1FontWeight: CSSDesignToken<string>, titlePlus1FontSize: CSSDesignToken<string>, titlePlus1FontLineHeight: CSSDesignToken<string>, titlePlus1FallbackFontFamily: CSSDesignToken<string>;
31
- export declare const titleFont: CSSDesignToken<string>, titleFontColor: CSSDesignToken<string>, titleDisabledFontColor: CSSDesignToken<string>, titleFontFamily: CSSDesignToken<string>, titleFontWeight: CSSDesignToken<string>, titleFontSize: CSSDesignToken<string>, titleFontLineHeight: CSSDesignToken<string>, titleFallbackFontFamily: CSSDesignToken<string>;
32
- export declare const subtitlePlus1Font: CSSDesignToken<string>, subtitlePlus1FontColor: CSSDesignToken<string>, subtitlePlus1DisabledFontColor: CSSDesignToken<string>, subtitlePlus1FontFamily: CSSDesignToken<string>, subtitlePlus1FontWeight: CSSDesignToken<string>, subtitlePlus1FontSize: CSSDesignToken<string>, subtitlePlus1FontLineHeight: CSSDesignToken<string>, subtitlePlus1FallbackFontFamily: CSSDesignToken<string>;
33
- export declare const subtitleFont: CSSDesignToken<string>, subtitleFontColor: CSSDesignToken<string>, subtitleDisabledFontColor: CSSDesignToken<string>, subtitleFontFamily: CSSDesignToken<string>, subtitleFontWeight: CSSDesignToken<string>, subtitleFontSize: CSSDesignToken<string>, subtitleFontLineHeight: CSSDesignToken<string>, subtitleFallbackFontFamily: CSSDesignToken<string>;
34
- export declare const linkStandardFont: CSSDesignToken<string>, linkStandardFontColor: CSSDesignToken<string>, linkStandardDisabledFontColor: CSSDesignToken<string>, linkStandardFontFamily: CSSDesignToken<string>, linkStandardFontWeight: CSSDesignToken<string>, linkStandardFontSize: CSSDesignToken<string>, linkStandardFontLineHeight: CSSDesignToken<string>, linkStandardFallbackFontFamily: CSSDesignToken<string>;
35
- export declare const placeholderFont: CSSDesignToken<string>, placeholderFontColor: CSSDesignToken<string>, placeholderDisabledFontColor: CSSDesignToken<string>, placeholderFontFamily: CSSDesignToken<string>, placeholderFontWeight: CSSDesignToken<string>, placeholderFontSize: CSSDesignToken<string>, placeholderFontLineHeight: CSSDesignToken<string>, placeholderFallbackFontFamily: CSSDesignToken<string>;
36
- export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string>, bodyEmphasizedFallbackFontFamily: CSSDesignToken<string>;
37
- export declare const bodyFont: CSSDesignToken<string>, bodyFontColor: CSSDesignToken<string>, bodyDisabledFontColor: CSSDesignToken<string>, bodyFontFamily: CSSDesignToken<string>, bodyFontWeight: CSSDesignToken<string>, bodyFontSize: CSSDesignToken<string>, bodyFontLineHeight: CSSDesignToken<string>, bodyFallbackFontFamily: CSSDesignToken<string>;
38
- export declare const groupHeaderFont: CSSDesignToken<string>, groupHeaderFontColor: CSSDesignToken<string>, groupHeaderDisabledFontColor: CSSDesignToken<string>, groupHeaderFontFamily: CSSDesignToken<string>, groupHeaderFontWeight: CSSDesignToken<string>, groupHeaderFontSize: CSSDesignToken<string>, groupHeaderFontLineHeight: CSSDesignToken<string>, groupHeaderFallbackFontFamily: CSSDesignToken<string>;
39
- export declare const controlLabelFont: CSSDesignToken<string>, controlLabelFontColor: CSSDesignToken<string>, controlLabelDisabledFontColor: CSSDesignToken<string>, controlLabelFontFamily: CSSDesignToken<string>, controlLabelFontWeight: CSSDesignToken<string>, controlLabelFontSize: CSSDesignToken<string>, controlLabelFontLineHeight: CSSDesignToken<string>, controlLabelFallbackFontFamily: CSSDesignToken<string>;
40
- export declare const buttonLabelFont: CSSDesignToken<string>, buttonLabelFontColor: CSSDesignToken<string>, buttonLabelDisabledFontColor: CSSDesignToken<string>, buttonLabelFontFamily: CSSDesignToken<string>, buttonLabelFontWeight: CSSDesignToken<string>, buttonLabelFontSize: CSSDesignToken<string>, buttonLabelFontLineHeight: CSSDesignToken<string>, buttonLabelFallbackFontFamily: CSSDesignToken<string>;
41
- export declare const tooltipCaptionFont: CSSDesignToken<string>, tooltipCaptionFontColor: CSSDesignToken<string>, tooltipCaptionDisabledFontColor: CSSDesignToken<string>, tooltipCaptionFontFamily: CSSDesignToken<string>, tooltipCaptionFontWeight: CSSDesignToken<string>, tooltipCaptionFontSize: CSSDesignToken<string>, tooltipCaptionFontLineHeight: CSSDesignToken<string>, tooltipCaptionFallbackFontFamily: CSSDesignToken<string>;
42
- export declare const errorTextFont: CSSDesignToken<string>, errorTextFontColor: CSSDesignToken<string>, errorTextDisabledFontColor: CSSDesignToken<string>, errorTextFontFamily: CSSDesignToken<string>, errorTextFontWeight: CSSDesignToken<string>, errorTextFontSize: CSSDesignToken<string>, errorTextFontLineHeight: CSSDesignToken<string>, errorTextFallbackFontFamily: CSSDesignToken<string>;
43
- export declare const groupHeaderTextTransform: CSSDesignToken<string>;
44
- export declare const smallDelay: CSSDesignToken<string>;
45
- export declare const mediumDelay: CSSDesignToken<string>;
46
- export declare const largeDelay: CSSDesignToken<string>;
@@ -1,21 +0,0 @@
1
- import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
2
- import { Direction } from '@microsoft/fast-web-utilities';
3
- import { Theme } from './types';
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'nimble-theme-provider': ThemeProvider;
7
- }
8
- }
9
- export declare const direction: DesignToken<Direction>;
10
- export declare const theme: DesignToken<Theme>;
11
- /**
12
- * The ThemeProvider implementation. Add this component to the page and set its `theme` attribute to control
13
- * the values of design tokens that provide colors and fonts as CSS custom properties to any descendant components.
14
- * @internal
15
- */
16
- export declare class ThemeProvider extends FoundationElement {
17
- direction: Direction;
18
- theme: Theme;
19
- directionChanged(_prev: Direction | undefined, next: Direction | undefined): void;
20
- themeChanged(_prev: Theme | undefined, next: Theme | undefined): void;
21
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,2 +0,0 @@
1
- import type { ThemeProvider } from '.';
2
- export declare const template: import("@microsoft/fast-element").ViewTemplate<ThemeProvider, any>;
@@ -1,6 +0,0 @@
1
- export declare const Theme: {
2
- readonly light: "light";
3
- readonly dark: "dark";
4
- readonly color: "color";
5
- };
6
- export declare type Theme = typeof Theme[keyof typeof Theme];
@@ -1,29 +0,0 @@
1
- import { DelegatesARIAButton, StartEnd, Switch as FoundationSwitch } from '@microsoft/fast-foundation';
2
- import type { IButton } from '../patterns/button/types';
3
- import { ButtonAppearance } from './types';
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- 'nimble-toggle-button': ToggleButton;
7
- }
8
- }
9
- /**
10
- * A nimble-styled toggle button control.
11
- */
12
- export declare class ToggleButton extends FoundationSwitch implements IButton {
13
- /**
14
- * @public
15
- * @remarks
16
- * HTML Attribute: appearance
17
- */
18
- appearance: ButtonAppearance;
19
- /**
20
- * @public
21
- * @remarks
22
- * HTML Attribute: content-hidden
23
- */
24
- contentHidden: boolean;
25
- /** @internal */
26
- readonly control: HTMLElement;
27
- }
28
- export interface ToggleButton extends StartEnd, DelegatesARIAButton {
29
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,4 +0,0 @@
1
- import { ViewTemplate } from '@microsoft/fast-element';
2
- import { FoundationElementTemplate, ButtonOptions } from '@microsoft/fast-foundation';
3
- import type { ToggleButton } from '.';
4
- export declare const template: FoundationElementTemplate<ViewTemplate<ToggleButton>, ButtonOptions>;
@@ -1,5 +0,0 @@
1
- /**
2
- * Types of toggle button appearance.
3
- * @public
4
- */
5
- export { ButtonAppearance } from '../patterns/button/types';
@@ -1,11 +0,0 @@
1
- import { Toolbar as FoundationToolbar } from '@microsoft/fast-foundation';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'nimble-toolbar': Toolbar;
5
- }
6
- }
7
- /**
8
- * A nimble-styled Toolbar
9
- */
10
- export declare class Toolbar extends FoundationToolbar {
11
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,29 +0,0 @@
1
- import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'nimble-tree-item': TreeItem;
5
- }
6
- }
7
- /**
8
- * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
9
- * Implements {@link @microsoft/fast-foundation#treeItemTemplate}
10
- *
11
- *
12
- * @public
13
- * @remarks
14
- * Generates HTML Element: \<nimble-tree-item\>
15
- *
16
- */
17
- export declare class TreeItem extends FoundationTreeItem {
18
- private treeView;
19
- connectedCallback(): void;
20
- disconnectedCallback(): void;
21
- private readonly handleSelectedChange;
22
- private clearTreeGroupSelection;
23
- private setGroupSelectionOnRootParentTreeItem;
24
- /**
25
- * This was copied directly from the FAST TreeItem implementation
26
- * @returns the root tree view
27
- */
28
- private getParentTreeView;
29
- }
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { FoundationElementTemplate, TreeItemOptions } from '@microsoft/fast-foundation';
3
- export declare const styles: FoundationElementTemplate<ElementStyles, TreeItemOptions>;
@@ -1,23 +0,0 @@
1
- import { TreeView as FoundationTreeView } from '@microsoft/fast-foundation';
2
- import { TreeViewSelectionMode } from './types';
3
- declare global {
4
- interface HTMLElementTagNameMap {
5
- 'nimble-tree-view': TreeView;
6
- }
7
- }
8
- /**
9
- * A function that returns a nimble-tree-view registration for configuring the component with a DesignSystem.
10
- * Implements {@link @microsoft/fast-foundation#treeViewTemplate}
11
- *
12
- *
13
- * @public
14
- * @remarks
15
- * Generates HTML Element: \<nimble-tree-view\>
16
- *
17
- */
18
- export declare class TreeView extends FoundationTreeView {
19
- selectionMode: TreeViewSelectionMode;
20
- handleClick(e: Event): boolean;
21
- private canSelect;
22
- private itemHasChildren;
23
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -1,8 +0,0 @@
1
- export declare const pinnedSelectedAttribute = "pinned-selected";
2
- export declare const groupSelectedAttribute = "group-selected";
3
- export declare const TreeViewSelectionMode: {
4
- readonly all: "all";
5
- readonly leavesOnly: "leaves-only";
6
- readonly none: "none";
7
- };
8
- export declare type TreeViewSelectionMode = typeof TreeViewSelectionMode[keyof typeof TreeViewSelectionMode];
@@ -1,11 +0,0 @@
1
- import type { Behavior, ElementStyles } from '@microsoft/fast-element';
2
- /**
3
- * Behavior that will conditionally apply a stylesheet based on the element's
4
- * appearance property
5
- *
6
- * @param value - The value of the appearance property
7
- * @param styles - The styles to be applied when condition matches
8
- *
9
- * @public
10
- */
11
- export declare function appearanceBehavior<AppearanceType>(value: AppearanceType, styles: ElementStyles): Behavior;
@@ -1,8 +0,0 @@
1
- /**
2
- * Convert a hexadecimal color string to an RGBA CSS color string
3
- * Example: 'ff0102' or '#ff0102' to 'rgba(255, 1, 2, 1)'
4
- * @param hexValue Hex color (with or without a starting '#')
5
- * @param alpha CSS alpha value between 0 (transparent) and 1 (opaque)
6
- * @returns An rgba()-formatted CSS color string
7
- */
8
- export declare function hexToRgbaCssColor(hexValue: string, alpha: number): string;
@@ -1,34 +0,0 @@
1
- import type { Behavior, ElementStyles, FASTElement } from '@microsoft/fast-element';
2
- /**
3
- * Behavior to conditionally apply LTR and RTL stylesheets. To determine which to apply,
4
- * the behavior will use the nearest DesignSystemProvider's 'direction' design system value.
5
- *
6
- * @public
7
- * @example
8
- * ```ts
9
- * import { css } from "@microsoft/fast-element";
10
- * import { DirectionalStyleSheetBehavior } from "@microsoft/fast-foundation";
11
- *
12
- * css`
13
- * // ...
14
- * `.withBehaviors(new DirectionalStyleSheetBehavior(
15
- * css`:host { content: "ltr"}`),
16
- * css`:host { content: "rtl"}`),
17
- * )
18
- * ```
19
- */
20
- export declare class DirectionalStyleSheetBehavior implements Behavior {
21
- private ltr;
22
- private rtl;
23
- private cache;
24
- constructor(ltr: ElementStyles | null, rtl: ElementStyles | null);
25
- /**
26
- * @internal
27
- */
28
- bind(source: FASTElement & HTMLElement): void;
29
- /**
30
- * @internal
31
- */
32
- unbind(source: FASTElement & HTMLElement): void;
33
- private attach;
34
- }
@@ -1,11 +0,0 @@
1
- /**
2
- * This file is a workaround for: https://github.com/prettier/prettier/issues/11400
3
- */
4
- /**
5
- * The string representing the focus selector to be used. Value
6
- * will be ":focus-visible" when https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo
7
- * is supported and ":focus" when it is not.
8
- *
9
- * @public
10
- */
11
- export declare const focusVisible: string;
@@ -1,4 +0,0 @@
1
- /**
2
- * Singleton utility to watch the prefers-reduced-motion media value
3
- */
4
- export declare const prefersReducedMotionMediaQuery: MediaQueryList;
@@ -1,42 +0,0 @@
1
- import { Behavior, ElementStyles, FASTElement } from '@microsoft/fast-element';
2
- import type { Theme } from '../../theme-provider/types';
3
- export declare type LightStyle = ElementStyles | null;
4
- export declare type DarkStyleOrAlias = ElementStyles | null | Extract<Theme, 'light'>;
5
- export declare type ColorStyleOrAlias = ElementStyles | null | Extract<Theme, 'light' | 'dark'>;
6
- /**
7
- * Behavior to conditionally apply theme-based stylesheets.
8
- */
9
- declare class ThemeStyleSheetBehavior implements Behavior {
10
- private readonly themeStyles;
11
- private readonly cache;
12
- constructor(lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias);
13
- private static resolveTheme;
14
- /**
15
- * @internal
16
- */
17
- bind(source: FASTElement & HTMLElement): void;
18
- /**
19
- * @internal
20
- */
21
- unbind(source: FASTElement & HTMLElement): void;
22
- }
23
- /**
24
- * Behavior to conditionally apply theme-based stylesheets. To determine which to apply,
25
- * the behavior will use the nearest ThemeProvider's 'theme' design system value.
26
- * To re-use the same style for multiple themes you can specify the name of an already
27
- * defined theme to alias them together.
28
- *
29
- * @public
30
- * @example
31
- * ```ts
32
- * css`
33
- * // ...
34
- * `.withBehaviors(new ThemeStyleSheetBehavior(
35
- * css`:host { ... Theme.light style... }`),
36
- * null, // No style needed for Theme.dark style
37
- * Theme.light // For the Theme.color style, re-use the previously set Theme.light style
38
- * )
39
- * ```
40
- */
41
- export declare const themeBehavior: (lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias) => ThemeStyleSheetBehavior;
42
- export {};