@hashicorp/design-system-components 2.7.0 → 2.8.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 (55) hide show
  1. package/CHANGELOG.md +65 -0
  2. package/HOW-TO-TEST-A-COMPONENT-IN-CLOUD-UI.md +21 -0
  3. package/NEW-COMPONENT-CHECKLIST.md +1 -0
  4. package/README.md +1 -1
  5. package/addon/components/hds/accordion/index.hbs +8 -0
  6. package/addon/components/hds/accordion/item/button.hbs +11 -0
  7. package/addon/components/hds/accordion/item/button.js +31 -0
  8. package/addon/components/hds/accordion/item/index.hbs +25 -0
  9. package/addon/components/hds/accordion/item/index.js +58 -0
  10. package/addon/components/hds/alert/description.hbs +1 -1
  11. package/addon/components/hds/alert/index.hbs +1 -1
  12. package/addon/components/hds/alert/title.hbs +1 -1
  13. package/addon/components/hds/card/container.js +2 -2
  14. package/addon/components/hds/dropdown/list-item/checkmark.hbs +3 -3
  15. package/addon/components/hds/dropdown/list-item/separator.hbs +6 -1
  16. package/addon/components/hds/flyout/index.js +8 -1
  17. package/addon/components/hds/form/masked-input/base.hbs +34 -0
  18. package/addon/components/hds/form/masked-input/base.js +72 -0
  19. package/addon/components/hds/form/masked-input/field.hbs +30 -0
  20. package/addon/components/hds/form/text-input/base.js +6 -1
  21. package/addon/components/hds/form/text-input/field.hbs +1 -0
  22. package/addon/components/hds/modal/index.js +13 -2
  23. package/addon/components/hds/side-nav/list/link.hbs +5 -3
  24. package/app/components/hds/accordion/index.js +6 -0
  25. package/app/components/hds/accordion/item/button.js +6 -0
  26. package/app/components/hds/accordion/item/index.js +6 -0
  27. package/app/components/hds/form/masked-input/base.js +6 -0
  28. package/app/components/hds/form/masked-input/field.js +6 -0
  29. package/app/styles/@hashicorp/design-system-components.scss +1 -0
  30. package/app/styles/components/accordion.scss +120 -0
  31. package/app/styles/components/alert.scss +2 -23
  32. package/app/styles/components/application-state.scss +1 -7
  33. package/app/styles/components/badge.scss +1 -4
  34. package/app/styles/components/button-set.scss +1 -4
  35. package/app/styles/components/button.scss +0 -8
  36. package/app/styles/components/disclosure-primitive.scss +0 -1
  37. package/app/styles/components/dropdown.scss +4 -11
  38. package/app/styles/components/flyout.scss +1 -2
  39. package/app/styles/components/form/error.scss +2 -1
  40. package/app/styles/components/form/index.scss +1 -0
  41. package/app/styles/components/form/masked-input.scss +46 -0
  42. package/app/styles/components/form/text-input.scss +5 -0
  43. package/app/styles/components/form/textarea.scss +2 -2
  44. package/app/styles/components/link/standalone.scss +2 -9
  45. package/app/styles/components/modal.scss +1 -2
  46. package/app/styles/components/page-header.scss +3 -0
  47. package/app/styles/components/pagination.scss +2 -9
  48. package/app/styles/components/reveal.scss +2 -0
  49. package/app/styles/components/side-nav/content.scss +1 -7
  50. package/app/styles/components/side-nav/header.scss +1 -2
  51. package/app/styles/components/table.scss +4 -4
  52. package/app/styles/components/tabs.scss +1 -8
  53. package/app/styles/components/tooltip.scss +1 -0
  54. package/app/styles/mixins/_button.scss +7 -0
  55. package/package.json +24 -22
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-components",
3
- "version": "2.7.0",
3
+ "version": "2.8.0",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -34,43 +34,45 @@
34
34
  "test": "npm-run-all lint test:*",
35
35
  "test:ember": "ember test",
36
36
  "test:ember-compatibility": "ember try:each",
37
- "test:ember:percy": "percy exec ember test"
37
+ "test:ember:percy": "percy exec ember test",
38
+ "test:a11y": "ENABLE_A11Y_AUDIT=true ember test --server",
39
+ "test:a11y-report": "ENABLE_A11Y_MIDDLEWARE_REPORTER=true ember test"
38
40
  },
39
41
  "dependencies": {
40
42
  "@ember/render-modifiers": "^2.0.5",
41
- "@hashicorp/design-system-tokens": "^1.5.0",
42
- "@hashicorp/ember-flight-icons": "^3.0.5",
43
+ "@hashicorp/design-system-tokens": "^1.6.0",
44
+ "@hashicorp/ember-flight-icons": "^3.0.7",
43
45
  "dialog-polyfill": "^0.5.6",
44
46
  "ember-a11y-refocus": "^3.0.2",
45
- "ember-auto-import": "^2.6.0",
47
+ "ember-auto-import": "^2.6.3",
46
48
  "ember-cached-decorator-polyfill": "^0.1.4",
47
49
  "ember-cli-babel": "^7.26.11",
48
50
  "ember-cli-htmlbars": "^6.2.0",
49
51
  "ember-cli-sass": "^10.0.1",
50
52
  "ember-composable-helpers": "^4.5.0",
51
- "ember-focus-trap": "^1.0.1",
52
- "ember-keyboard": "^8.1.0",
53
+ "ember-focus-trap": "^1.0.2",
54
+ "ember-keyboard": "^8.2.0",
53
55
  "ember-named-blocks-polyfill": "^0.2.5",
54
56
  "ember-stargate": "^0.4.3",
55
57
  "ember-style-modifier": "^0.8.0",
56
- "ember-truth-helpers": "^3.0.0",
57
- "sass": "^1.58.3",
58
+ "ember-truth-helpers": "^3.1.1",
59
+ "sass": "^1.62.1",
58
60
  "tippy.js": "^6.3.7"
59
61
  },
60
62
  "devDependencies": {
61
63
  "@ember/optional-features": "^2.0.0",
62
- "@ember/string": "^3.0.1",
64
+ "@ember/string": "^3.1.1",
63
65
  "@ember/test-helpers": "^2.9.3",
64
- "@embroider/test-setup": "^2.0.2",
66
+ "@embroider/test-setup": "^2.1.1",
65
67
  "@glimmer/component": "^1.1.2",
66
68
  "@glimmer/tracking": "^1.1.2",
67
- "@percy/cli": "^1.24.0",
69
+ "@percy/cli": "^1.24.2",
68
70
  "@percy/ember": "^4.2.0",
69
71
  "babel-eslint": "^10.1.0",
70
72
  "broccoli-asset-rev": "^3.0.0",
71
- "ember-a11y-testing": "^5.2.0",
73
+ "ember-a11y-testing": "^5.2.1",
72
74
  "ember-body-class": "^3.0.0",
73
- "ember-cli": "~4.10.0",
75
+ "ember-cli": "~4.12.1",
74
76
  "ember-cli-clipboard": "^1.0.0",
75
77
  "ember-cli-dependency-checker": "^3.3.1",
76
78
  "ember-cli-deprecation-workflow": "^2.1.0",
@@ -81,32 +83,32 @@
81
83
  "ember-concurrency": "^2.3.7",
82
84
  "ember-load-initializers": "^2.1.2",
83
85
  "ember-page-title": "^7.0.0",
84
- "ember-power-select": "^6.0.0",
86
+ "ember-power-select": "^6.0.1",
85
87
  "ember-qunit": "^6.2.0",
86
- "ember-resolver": "^10.0.0",
87
- "ember-source": "~4.10.0",
88
+ "ember-resolver": "^10.1.0",
89
+ "ember-source": "~4.12.0",
88
90
  "ember-source-channel-url": "^3.0.0",
89
91
  "ember-template-lint": "^4.18.2",
90
92
  "ember-template-lint-plugin-prettier": "^4.1.0",
91
93
  "ember-try": "^2.0.0",
92
94
  "eslint": "^7.32.0",
93
- "eslint-config-prettier": "^8.6.0",
94
- "eslint-plugin-ember": "^11.4.6",
95
+ "eslint-config-prettier": "^8.8.0",
96
+ "eslint-plugin-ember": "^11.7.2",
95
97
  "eslint-plugin-node": "^11.1.0",
96
98
  "eslint-plugin-prettier": "^4.2.1",
97
99
  "eslint-plugin-qunit": "^7.3.4",
98
100
  "loader.js": "^4.7.0",
99
101
  "npm-run-all": "^4.1.5",
100
- "prettier": "^2.8.4",
102
+ "prettier": "^2.8.8",
101
103
  "qunit": "^2.19.4",
102
104
  "qunit-dom": "^2.0.0",
103
105
  "stylelint": "^14.16.1",
104
106
  "stylelint-config-rational-order": "^0.1.2",
105
107
  "stylelint-config-standard-scss": "^5.0.0",
106
- "webpack": "^5.76.0"
108
+ "webpack": "^5.84.1"
107
109
  },
108
110
  "engines": {
109
- "node": "12.* || 14.* || >= 16"
111
+ "node": "14.* || 16.* || >= 18"
110
112
  },
111
113
  "ember": {
112
114
  "edition": "octane"