@ni/nimble-components 20.0.6 → 20.1.1

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 (33) hide show
  1. package/dist/all-components-bundle.js +316 -300
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +2454 -2461
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/patterns/button/styles.js +237 -242
  6. package/dist/esm/patterns/button/styles.js.map +1 -1
  7. package/dist/esm/patterns/button/types.d.ts +1 -0
  8. package/dist/esm/patterns/button/types.js +2 -1
  9. package/dist/esm/patterns/button/types.js.map +1 -1
  10. package/dist/esm/src/patterns/button/types.d.ts +1 -0
  11. package/dist/esm/src/table/components/cell/index.d.ts +1 -0
  12. package/dist/esm/src/table/testing/table.pageobject.d.ts +3 -0
  13. package/dist/esm/src/theme-provider/design-tokens.d.ts +8 -0
  14. package/dist/esm/table/components/cell/index.d.ts +1 -0
  15. package/dist/esm/table/components/cell/index.js +3 -0
  16. package/dist/esm/table/components/cell/index.js.map +1 -1
  17. package/dist/esm/table/components/row/template.js +1 -0
  18. package/dist/esm/table/components/row/template.js.map +1 -1
  19. package/dist/esm/table/testing/table.pageobject.d.ts +3 -0
  20. package/dist/esm/table/testing/table.pageobject.js +23 -0
  21. package/dist/esm/table/testing/table.pageobject.js.map +1 -1
  22. package/dist/esm/theme-provider/design-token-comments.js +8 -0
  23. package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
  24. package/dist/esm/theme-provider/design-token-names.js +8 -0
  25. package/dist/esm/theme-provider/design-token-names.js.map +1 -1
  26. package/dist/esm/theme-provider/design-tokens.d.ts +8 -0
  27. package/dist/esm/theme-provider/design-tokens.js +9 -1
  28. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  29. package/dist/esm/toggle-button/styles.js +64 -65
  30. package/dist/esm/toggle-button/styles.js.map +1 -1
  31. package/dist/tokens-internal.scss +48 -0
  32. package/dist/tokens.scss +24 -0
  33. package/package.json +2 -2
package/dist/tokens-internal.scss CHANGED
@@ -32,6 +32,54 @@ $ni-nimble-internal-header-background-color: --ni-nimble-header-background-color
32
32
  /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-section-background-color}: <new value>;`.
33
33
  $ni-nimble-internal-section-background-color: --ni-nimble-section-background-color;
34
34
 
35
+ /// Internal property for $ni-nimble-button-fill-primary-color.
36
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
37
+ /// Used to override a token value (generally making it no longer theme-aware).
38
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-fill-primary-color}: <new value>;`.
39
+ $ni-nimble-internal-button-fill-primary-color: --ni-nimble-button-fill-primary-color;
40
+
41
+ /// Internal property for $ni-nimble-button-primary-font-color.
42
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
43
+ /// Used to override a token value (generally making it no longer theme-aware).
44
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-primary-font-color}: <new value>;`.
45
+ $ni-nimble-internal-button-primary-font-color: --ni-nimble-button-primary-font-color;
46
+
47
+ /// Internal property for $ni-nimble-button-fill-active-primary-color.
48
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
49
+ /// Used to override a token value (generally making it no longer theme-aware).
50
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-fill-active-primary-color}: <new value>;`.
51
+ $ni-nimble-internal-button-fill-active-primary-color: --ni-nimble-button-fill-active-primary-color;
52
+
53
+ /// Internal property for $ni-nimble-button-fill-accent-color.
54
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
55
+ /// Used to override a token value (generally making it no longer theme-aware).
56
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-fill-accent-color}: <new value>;`.
57
+ $ni-nimble-internal-button-fill-accent-color: --ni-nimble-button-fill-accent-color;
58
+
59
+ /// Internal property for $ni-nimble-button-accent-block-font-color.
60
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
61
+ /// Used to override a token value (generally making it no longer theme-aware).
62
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-accent-block-font-color}: <new value>;`.
63
+ $ni-nimble-internal-button-accent-block-font-color: --ni-nimble-button-accent-block-font-color;
64
+
65
+ /// Internal property for $ni-nimble-button-accent-outline-font-color.
66
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
67
+ /// Used to override a token value (generally making it no longer theme-aware).
68
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-accent-outline-font-color}: <new value>;`.
69
+ $ni-nimble-internal-button-accent-outline-font-color: --ni-nimble-button-accent-outline-font-color;
70
+
71
+ /// Internal property for $ni-nimble-button-border-accent-outline-color.
72
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
73
+ /// Used to override a token value (generally making it no longer theme-aware).
74
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-border-accent-outline-color}: <new value>;`.
75
+ $ni-nimble-internal-button-border-accent-outline-color: --ni-nimble-button-border-accent-outline-color;
76
+
77
+ /// Internal property for $ni-nimble-button-fill-accent-active-color.
78
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
79
+ /// Used to override a token value (generally making it no longer theme-aware).
80
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-button-fill-accent-active-color}: <new value>;`.
81
+ $ni-nimble-internal-button-fill-accent-active-color: --ni-nimble-button-fill-accent-active-color;
82
+
35
83
  /// Internal property for $ni-nimble-fill-selected-color.
36
84
  /// Not intended for general use. If used, inform Nimble squad of use-case.
37
85
  /// Used to override a token value (generally making it no longer theme-aware).
package/dist/tokens.scss CHANGED
@@ -20,6 +20,30 @@ $ni-nimble-header-background-color: var($ni-nimble-internal-header-background-co
20
20
  /// Background color for sections
21
21
  $ni-nimble-section-background-color: var($ni-nimble-internal-section-background-color);
22
22
 
23
+ /// Control fill color for "primary" appearance-variant buttons
24
+ $ni-nimble-button-fill-primary-color: var($ni-nimble-internal-button-fill-primary-color);
25
+
26
+ /// Font color for "primary" appearance-variant buttons
27
+ $ni-nimble-button-primary-font-color: var($ni-nimble-internal-button-primary-font-color);
28
+
29
+ /// Active fill color for "primary" appearance-variant buttons
30
+ $ni-nimble-button-fill-active-primary-color: var($ni-nimble-internal-button-fill-active-primary-color);
31
+
32
+ /// Control fill color for "accent" appearance-variant buttons
33
+ $ni-nimble-button-fill-accent-color: var($ni-nimble-internal-button-fill-accent-color);
34
+
35
+ /// Font color for "accent" appearance-variant block buttons
36
+ $ni-nimble-button-accent-block-font-color: var($ni-nimble-internal-button-accent-block-font-color);
37
+
38
+ /// Font color for "accent" appearance-variant outline buttons
39
+ $ni-nimble-button-accent-outline-font-color: var($ni-nimble-internal-button-accent-outline-font-color);
40
+
41
+ /// Border color for "accent" appearance-variant outline buttons
42
+ $ni-nimble-button-border-accent-outline-color: var($ni-nimble-internal-button-border-accent-outline-color);
43
+
44
+ /// Active fill color for "accent" appearance-variant buttons
45
+ $ni-nimble-button-fill-accent-active-color: var($ni-nimble-internal-button-fill-accent-active-color);
46
+
23
47
  /// Control fill color when a control is selected
24
48
  $ni-nimble-fill-selected-color: var($ni-nimble-internal-fill-selected-color);
25
49
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "20.0.6",
3
+ "version": "20.1.1",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
@@ -61,7 +61,7 @@
61
61
  "@microsoft/fast-element": "^1.10.1",
62
62
  "@microsoft/fast-foundation": "^2.47.1-0",
63
63
  "@microsoft/fast-web-utilities": "^6.0.0",
64
- "@ni/nimble-tokens": "^6.2.1",
64
+ "@ni/nimble-tokens": "^6.3.0",
65
65
  "@tanstack/table-core": "^8.9.3",
66
66
  "@tanstack/virtual-core": "^3.0.0-beta.44",
67
67
  "@types/d3-array": "^3.0.4",