ember-freestyle 0.13.2 → 0.14.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 (13) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +1 -0
  3. package/addon/components/freestyle-focus-button/index.hbs +1 -0
  4. package/addon/components/freestyle-guide/index.hbs +2 -2
  5. package/addon/components/freestyle-typeface/index.hbs +1 -0
  6. package/app/styles/ember-freestyle/breakpoints.scss +10 -0
  7. package/app/styles/ember-freestyle/colors.scss +6 -0
  8. package/app/styles/ember-freestyle.scss +17 -32
  9. package/package.json +22 -23
  10. package/.husky/pre-commit +0 -5
  11. package/addon/components/freestyle-showdown-content/index.hbs +0 -1
  12. package/addon/components/freestyle-showdown-content/index.js +0 -30
  13. package/app/components/freestyle-showdown-content.js +0 -1
package/CHANGELOG.md CHANGED
@@ -2,10 +2,24 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ## [0.14.0](https://github.com/chrislopresto/ember-freestyle/compare/v0.13.2...v0.14.0) (2022-03-11)
6
+
7
+
8
+ ### ⚠ BREAKING CHANGES
9
+
10
+ * remove `freestyle-showdown-content` component
11
+ * update `ember-modifier` to v3
12
+ * update to Ember v4.2
13
+
14
+ * remove `freestyle-showdown-content` component ([5956a9e](https://github.com/chrislopresto/ember-freestyle/commit/5956a9ea183ddb7274a83478c7dbdcaab86a93d8))
15
+ * update `ember-modifier` to v3 ([700eb07](https://github.com/chrislopresto/ember-freestyle/commit/700eb071847449f9843f7dc767b26cf843aa492d))
16
+ * update to Ember v4.2 ([f6646a2](https://github.com/chrislopresto/ember-freestyle/commit/f6646a223880ce7882d1412aa38bc109b2f4f649))
17
+
5
18
  ### [0.13.2](https://github.com/chrislopresto/ember-freestyle/compare/v0.13.1...v0.13.2) (2021-11-21)
6
19
 
7
20
  ### [0.13.1](https://github.com/chrislopresto/ember-freestyle/compare/v0.13.0...v0.13.1) (2021-11-21)
8
21
 
22
+ This release didn't make it to npm. 0.13.2 has the same stuff.
9
23
 
10
24
  ### Features
11
25
 
package/README.md CHANGED
@@ -27,6 +27,7 @@ To see Ember Freestyle in action, visit [https://chrislopresto.github.io/ember-f
27
27
  * Ember.js v3.16 or above
28
28
  * Ember CLI v3.16 or above
29
29
  * Node.js v12 or above
30
+ * Ember Auto Import v2 or above
30
31
 
31
32
  ## Installation
32
33
 
package/addon/components/freestyle-focus-button/index.hbs CHANGED
@@ -1,3 +1,4 @@
1
+ {{!-- template-lint-disable require-presentational-children --}}
1
2
  <span role="button" ...attributes>
2
3
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 24 24" data-code="58332" data-tags="filter_center_focus"><g transform="scale(0.0234375 0.0234375)"><path d="M512 384q52 0 90 38t38 90-38 90-90 38-90-38-38-90 38-90 90-38zM810 810v-170h86v170q0 34-26 60t-60 26h-170v-86h170zM810 128q34 0 60 26t26 60v170h-86v-170h-170v-86h170zM214 214v170h-86v-170q0-34 26-60t60-26h170v86h-170zM214 640v170h170v86h-170q-34 0-60-26t-26-60v-170h86z" /></g></svg>
3
4
  </span>
package/addon/components/freestyle-guide/index.hbs CHANGED
@@ -7,7 +7,7 @@
7
7
  href="#"
8
8
  {{on 'click' this.toggleNav}}
9
9
  >
10
- <svg height="20px" class="FreestyleGuide-ctaIcon" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="20px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z"/></svg>
10
+ <svg height="20px" class="FreestyleGuide-ctaIcon" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="20px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z"/></svg>
11
11
  </a>
12
12
  <div class="FreestyleGuide-titleContainer">
13
13
  <div class="FreestyleGuide-title">{{@title}}</div>
@@ -19,7 +19,7 @@
19
19
  title="Show Aside"
20
20
  {{on 'click' this.toggleAside}}
21
21
  >
22
- <svg xmlns="http://www.w3.org/2000/svg" class="FreestyleGuide-ctaIcon" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 340.274 340.274" style="enable-background:new 0 0 340.274 340.274;" xml:space="preserve"><path d="M293.629,127.806l-5.795-13.739c19.846-44.856,18.53-46.189,14.676-50.08l-25.353-24.77l-2.516-2.12h-2.937 c-1.549,0-6.173,0-44.712,17.48l-14.184-5.719c-18.332-45.444-20.212-45.444-25.58-45.444h-35.765 c-5.362,0-7.446-0.006-24.448,45.606l-14.123,5.734C86.848,43.757,71.574,38.19,67.452,38.19l-3.381,0.105L36.801,65.032 c-4.138,3.891-5.582,5.263,15.402,49.425l-5.774,13.691C0,146.097,0,147.838,0,153.33v35.068c0,5.501,0,7.44,46.585,24.127 l5.773,13.667c-19.843,44.832-18.51,46.178-14.655,50.032l25.353,24.8l2.522,2.168h2.951c1.525,0,6.092,0,44.685-17.516 l14.159,5.758c18.335,45.438,20.218,45.427,25.598,45.427h35.771c5.47,0,7.41,0,24.463-45.589l14.195-5.74 c26.014,11,41.253,16.585,45.349,16.585l3.404-0.096l27.479-26.901c3.909-3.945,5.278-5.309-15.589-49.288l5.734-13.702 c46.496-17.967,46.496-19.853,46.496-25.221v-35.029C340.268,146.361,340.268,144.434,293.629,127.806z M170.128,228.474 c-32.798,0-59.504-26.187-59.504-58.364c0-32.153,26.707-58.315,59.504-58.315c32.78,0,59.43,26.168,59.43,58.315 C229.552,202.287,202.902,228.474,170.128,228.474z"/></svg>
22
+ <svg xmlns="http://www.w3.org/2000/svg" class="FreestyleGuide-ctaIcon" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 340.274 340.274" style="enable-background:new 0 0 340.274 340.274;" xml:space="preserve"><path d="M293.629,127.806l-5.795-13.739c19.846-44.856,18.53-46.189,14.676-50.08l-25.353-24.77l-2.516-2.12h-2.937 c-1.549,0-6.173,0-44.712,17.48l-14.184-5.719c-18.332-45.444-20.212-45.444-25.58-45.444h-35.765 c-5.362,0-7.446-0.006-24.448,45.606l-14.123,5.734C86.848,43.757,71.574,38.19,67.452,38.19l-3.381,0.105L36.801,65.032 c-4.138,3.891-5.582,5.263,15.402,49.425l-5.774,13.691C0,146.097,0,147.838,0,153.33v35.068c0,5.501,0,7.44,46.585,24.127 l5.773,13.667c-19.843,44.832-18.51,46.178-14.655,50.032l25.353,24.8l2.522,2.168h2.951c1.525,0,6.092,0,44.685-17.516 l14.159,5.758c18.335,45.438,20.218,45.427,25.598,45.427h35.771c5.47,0,7.41,0,24.463-45.589l14.195-5.74 c26.014,11,41.253,16.585,45.349,16.585l3.404-0.096l27.479-26.901c3.909-3.945,5.278-5.309-15.589-49.288l5.734-13.702 c46.496-17.967,46.496-19.853,46.496-25.221v-35.029C340.268,146.361,340.268,144.434,293.629,127.806z M170.128,228.474 c-32.798,0-59.504-26.187-59.504-58.364c0-32.153,26.707-58.315,59.504-58.315c32.78,0,59.43,26.168,59.43,58.315 C229.552,202.287,202.902,228.474,170.128,228.474z"/></svg>
23
23
  </a>
24
24
  </header>
25
25
  <main class="FreestyleGuide-body">
package/addon/components/freestyle-typeface/index.hbs CHANGED
@@ -1,3 +1,4 @@
1
+ {{!-- template-lint-disable no-whitespace-within-word --}}
1
2
  <div class="FreestyleTypeface" style={{this.fontFamilyStyle}}>
2
3
  <div class="FreestyleTypeface-previewHero">Aa</div>
3
4
  <div class="FreestyleTypeface-previewSampleContainer">
package/app/styles/ember-freestyle/breakpoints.scss ADDED
@@ -0,0 +1,10 @@
1
+ // TODO: Replace with actual breakpoint system.
2
+ $FreestyleBreakpoints: (
3
+ large: 600px,
4
+ );
5
+
6
+ @mixin freestyle-breakpoint($name: 'large') {
7
+ @media (min-width: map-get($FreestyleBreakpoints, $name)) {
8
+ @content;
9
+ }
10
+ }
package/app/styles/ember-freestyle/colors.scss ADDED
@@ -0,0 +1,6 @@
1
+ // Default Ember Freestyle palette.
2
+ $FreestyleGuide-color--primary: #00bcd4 !default;
3
+ $FreestyleGuide-color--accent: #ffc107 !default;
4
+ $FreestyleGuide-color--secondary: #b6b6b6 !default;
5
+ $FreestyleGuide-color--foreground: #212121 !default;
6
+ $FreestyleGuide-color--background: #fff !default;
package/app/styles/ember-freestyle.scss CHANGED
@@ -1,33 +1,18 @@
1
- // TODO: Replace with actual breakpoint system
2
- $FreestyleBreakpoints: (
3
- large: 600px,
4
- );
1
+ @import './ember-freestyle/breakpoints';
2
+ @import './ember-freestyle/colors';
5
3
 
6
- @mixin freestyle-breakpoint($name: 'large') {
7
- @media (min-width: map-get($FreestyleBreakpoints, $name)) {
8
- @content;
9
- }
10
- }
11
-
12
- // Default Ember Freestyle Palette
13
- $FreestyleGuide-color--primary: #00bcd4 !default;
14
- $FreestyleGuide-color--accent: #ffc107 !default;
15
- $FreestyleGuide-color--secondary: #b6b6b6 !default;
16
- $FreestyleGuide-color--foreground: #212121 !default;
17
- $FreestyleGuide-color--background: #fff !default;
18
-
19
- @import 'components/freestyle-guide';
20
- @import 'components/freestyle-collection';
21
- @import 'components/freestyle-dynamic';
22
- @import 'components/freestyle-variant';
23
- @import 'components/freestyle-annotation';
24
- @import 'components/freestyle-usage-controls';
25
- @import 'components/freestyle-palette';
26
- @import 'components/freestyle-palette-item';
27
- @import 'components/freestyle-usage';
28
- @import 'components/freestyle-section';
29
- @import 'components/freestyle-subsection';
30
- @import 'components/freestyle-menu';
31
- @import 'components/freestyle-source';
32
- @import 'components/freestyle-typeface';
33
- @import 'components/freestyle/usage';
4
+ @import './components/freestyle-guide';
5
+ @import './components/freestyle-collection';
6
+ @import './components/freestyle-dynamic';
7
+ @import './components/freestyle-variant';
8
+ @import './components/freestyle-annotation';
9
+ @import './components/freestyle-usage-controls';
10
+ @import './components/freestyle-palette';
11
+ @import './components/freestyle-palette-item';
12
+ @import './components/freestyle-usage';
13
+ @import './components/freestyle-section';
14
+ @import './components/freestyle-subsection';
15
+ @import './components/freestyle-menu';
16
+ @import './components/freestyle-source';
17
+ @import './components/freestyle-typeface';
18
+ @import './components/freestyle/usage';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ember-freestyle",
3
- "version": "0.13.2",
3
+ "version": "0.14.0",
4
4
  "description": "Create a living styleguide for your Ember app.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -35,14 +35,14 @@
35
35
  "contributors:generate": "all-contributors generate"
36
36
  },
37
37
  "dependencies": {
38
- "@ember/render-modifiers": "^2.0.0",
38
+ "@ember/render-modifiers": "^2.0.4",
39
39
  "@glimmer/component": "^1.0.4",
40
40
  "@glimmer/tracking": "^1.0.4",
41
- "ember-auto-import": "^1.11.3",
42
- "ember-cli-babel": "^7.26.6",
43
- "ember-cli-htmlbars": "^6.0.0",
44
- "ember-modifier": "^2.1.2",
45
- "ember-named-blocks-polyfill": "^0.2.4",
41
+ "ember-auto-import": "^2.4.0",
42
+ "ember-cli-babel": "^7.26.11",
43
+ "ember-cli-htmlbars": "^6.0.1",
44
+ "ember-modifier": "^3.1.0",
45
+ "ember-named-blocks-polyfill": "^0.2.5",
46
46
  "ember-truth-helpers": "^3.0.0",
47
47
  "json-formatter-js": "^2.3.4",
48
48
  "macro-decorators": "^0.1.2",
@@ -51,53 +51,52 @@
51
51
  "devDependencies": {
52
52
  "@ember/optional-features": "^2.0.0",
53
53
  "@ember/test-helpers": "^2.6.0",
54
- "@embroider/test-setup": "^0.47.2",
54
+ "@embroider/test-setup": "^1.4.0",
55
55
  "all-contributors-cli": "^6.14.1",
56
56
  "babel-eslint": "^10.1.0",
57
57
  "broccoli-asset-rev": "^3.0.0",
58
- "ember-cli": "~3.28.4",
59
- "ember-cli-autoprefixer": "^1.0.3",
58
+ "ember-cli": "~4.2.0",
59
+ "ember-cli-autoprefixer": "^2.0.0",
60
60
  "ember-cli-dependency-checker": "^3.2.0",
61
61
  "ember-cli-deploy": "^1.0.2",
62
62
  "ember-cli-deploy-build": "^2.0.0",
63
63
  "ember-cli-deploy-git": "^1.3.4",
64
64
  "ember-cli-inject-live-reload": "^2.1.0",
65
65
  "ember-cli-sass": "^10.0.0",
66
- "ember-cli-showdown": "^6.0.0",
67
66
  "ember-cli-sri": "^2.1.0",
68
67
  "ember-cli-terser": "^4.0.2",
69
68
  "ember-code-snippet": "^3.0.0",
70
69
  "ember-export-application-global": "^2.0.1",
71
70
  "ember-load-initializers": "^2.1.2",
72
- "ember-maybe-import-regenerator": "^1.0.0",
73
71
  "ember-page-title": "^7.0.0",
74
72
  "ember-qunit": "^5.1.5",
75
73
  "ember-resolver": "^8.0.3",
76
- "ember-source": "~3.28.6",
74
+ "ember-source": "~4.2.0",
77
75
  "ember-source-channel-url": "^3.0.0",
78
- "ember-template-lint": "^3.13.0",
76
+ "ember-template-lint": "^4.2.0",
79
77
  "ember-try": "^2.0.0",
80
78
  "eslint": "^7.32.0",
81
79
  "eslint-config-ember": "0.3.0",
82
- "eslint-config-prettier": "^8.3.0",
83
- "eslint-plugin-ember": "^10.5.7",
80
+ "eslint-config-prettier": "^8.4.0",
81
+ "eslint-plugin-ember": "^10.5.9",
84
82
  "eslint-plugin-node": "^11.1.0",
85
83
  "eslint-plugin-prettier": "^4.0.0",
86
- "eslint-plugin-qunit": "^7.0.0",
84
+ "eslint-plugin-qunit": "^7.2.0",
87
85
  "husky": "^7.0.4",
88
86
  "loader.js": "^4.7.0",
89
87
  "npm-run-all": "^4.1.5",
90
- "prettier": "^2.3.2",
91
- "qunit": "^2.16.0",
88
+ "prettier": "^2.5.1",
89
+ "qunit": "^2.18.0",
92
90
  "qunit-dom": "^2.0.0",
93
91
  "remarkable": "^2.0.0",
94
- "sass": "^1.43.4",
92
+ "sass": "^1.49.7",
95
93
  "standard-version": "^9.3.2",
96
- "stylelint": "^13.13.1",
94
+ "stylelint": "^14.5.3",
97
95
  "stylelint-config-prettier": "^9.0.3",
98
- "stylelint-config-recommended-scss": "^4.3.0",
96
+ "stylelint-config-recommended-scss": "^5.0.2",
99
97
  "stylelint-prettier": "^1.2.0",
100
- "stylelint-scss": "^3.21.0"
98
+ "stylelint-scss": "^4.1.0",
99
+ "webpack": "^5.69.1"
101
100
  },
102
101
  "engines": {
103
102
  "node": "12.* || 14.* || >= 16"
package/.husky/pre-commit DELETED
@@ -1,5 +0,0 @@
1
- #!/bin/sh
2
- . "$(dirname "$0")/_/husky.sh"
3
-
4
- yarn compile-styles
5
- git add ./vendor/ember-freestyle.css
package/addon/components/freestyle-showdown-content/index.hbs DELETED
@@ -1 +0,0 @@
1
- <MarkdownToHtml @markdown={{@text}} @tables={{true}} />
package/addon/components/freestyle-showdown-content/index.js DELETED
@@ -1,30 +0,0 @@
1
- /* eslint-disable ember/no-component-lifecycle-hooks */
2
- /* eslint-disable ember/require-tagless-components */
3
- import { deprecate } from '@ember/debug';
4
- import { inject as service } from '@ember/service';
5
- import Component from '@ember/component';
6
-
7
- export default Component.extend({
8
- emberFreestyle: service(),
9
-
10
- didInsertElement() {
11
- this._super(...arguments);
12
-
13
- deprecate(
14
- 'The `<FreestyleShowdownContent />` component is deprecated. Please use `ember-cli-showdown` directly if you need Markdown support.',
15
- false,
16
- {
17
- for: 'ember-freestyle',
18
- id: 'freestyle-showdown-content-component',
19
- since: '0.13.0',
20
- until: '0.14.0',
21
- }
22
- );
23
-
24
- let pre = this.element.getElementsByTagName('pre');
25
-
26
- if (pre[0]) {
27
- this.emberFreestyle.highlight(pre[0]);
28
- }
29
- },
30
- });
package/app/components/freestyle-showdown-content.js DELETED
@@ -1 +0,0 @@
1
- export { default } from 'ember-freestyle/components/freestyle-showdown-content';