ember-freestyle 0.17.0 → 0.18.0

package/CHANGELOG.md

@@ -3,11 +3,31 @@
 All notable changes to this project will be documented in this file.
 
 
+## v0.18.0 (2023-07-18)
 
+#### :rocket: Enhancement
+* [#929](https://github.com/chrislopresto/ember-freestyle/pull/929) Support `ember-modifier` v4 ([@bertdeblock](https://github.com/bertdeblock))
+
+#### :bug: Bug Fix
+* [#928](https://github.com/chrislopresto/ember-freestyle/pull/928) Fix compatibility with `ember-cli` v5 ([@bertdeblock](https://github.com/bertdeblock))
+
+#### :house: Internal
+* [#950](https://github.com/chrislopresto/ember-freestyle/pull/950) Update versions of ember-qunit and ember-test-helpers ([@lukemelia](https://github.com/lukemelia))
+* [#949](https://github.com/chrislopresto/ember-freestyle/pull/949) Fix type errors ([@bertdeblock](https://github.com/bertdeblock))
+
+#### Committers: 2
+- Bert De Block ([@bertdeblock](https://github.com/bertdeblock))
+- Luke Melia ([@lukemelia](https://github.com/lukemelia))
 
 ## v0.17.0 (2022-10-18)
 
-## v0.17.0-alpha-css-vars-api.0 (2022-10-17)
+#### :rocket: Enhancement
+* [#856](https://github.com/chrislopresto/ember-freestyle/pull/856) Make the navigation menu sticky ([@bertdeblock](https://github.com/bertdeblock))
+* [#867](https://github.com/chrislopresto/ember-freestyle/pull/867) Add an optional "CSS Variables" block to Freestyle::Usage ([@lukemelia](https://github.com/lukemelia))
+
+#### Committers: 1
+- Bert De Block ([@bertdeblock](https://github.com/bertdeblock))
+- Luke Melia ([@lukemelia](https://github.com/lukemelia))
 
 #### :rocket: Enhancement
 * [#856](https://github.com/chrislopresto/ember-freestyle/pull/856) Make the navigation menu sticky ([@bertdeblock](https://github.com/bertdeblock))

package/addon/components/freestyle/usage/number/index.ts

@@ -1,5 +1,4 @@
 import templateOnlyComponent from '@ember/component/template-only';
-import { type EmptyObject } from '@ember/component/helper';
 
 interface Signature {
   Args: {
@@ -14,7 +13,6 @@ interface Signature {
     step?: number;
     onInput: (val: number) => void;
   };
-  Blocks: EmptyObject;
 }
 const FreestyleUsageNumberComponent = templateOnlyComponent<Signature>();
 export default FreestyleUsageNumberComponent;

package/addon/components/freestyle/usage/object/index.ts

@@ -1,5 +1,4 @@
 import templateOnlyComponent from '@ember/component/template-only';
-import { type EmptyObject } from '@ember/component/helper';
 
 interface Signature {
   Args: {
@@ -13,7 +12,6 @@ interface Signature {
     hideControls?: boolean;
     jsonCollapseDepth?: number;
   };
-  Blocks: EmptyObject;
 }
 const FreestyleUsageObjectComponent = templateOnlyComponent<Signature>();
 export default FreestyleUsageObjectComponent;

package/addon/components/freestyle/usage/string/index.ts

@@ -1,5 +1,4 @@
 import templateOnlyComponent from '@ember/component/template-only';
-import { type EmptyObject } from '@ember/component/helper';
 
 interface Signature {
   Args: {
@@ -12,7 +11,6 @@ interface Signature {
     options?: string[];
     onInput: (val: string | null | undefined) => void;
   };
-  Blocks: EmptyObject;
 }
 const FreestyleUsageStringComponent = templateOnlyComponent<Signature>();
 export default FreestyleUsageStringComponent;

package/addon/components/freestyle-dynamic-input/index.ts

@@ -1,6 +1,5 @@
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
-import { type EmptyObject } from '@ember/component/helper';
 import { InputType, SupportedValue } from '../freestyle-dynamic';
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { action } from '@ember/object';
@@ -19,7 +18,6 @@ interface Signature {
     max?: number;
     changeValueTo: (val: SupportedValue) => void;
   };
-  Blocks: EmptyObject;
 }
 
 export default class FreestyleDynamicInput extends Component<Signature> {

package/addon/components/freestyle-dynamic-input-select-option/index.ts

@@ -1,5 +1,4 @@
 import Component from '@glimmer/component';
-import { type EmptyObject } from '@ember/component/helper';
 import { AttrValue } from '@glint/template';
 
 interface Signature {
@@ -8,7 +7,6 @@ interface Signature {
     optionValue: AttrValue;
     selectedValue: AttrValue;
   };
-  Blocks: EmptyObject;
 }
 
 export default class FreestyleDynamicInputSelectOption extends Component<Signature> {

package/addon/components/freestyle-focus-button/index.ts

@@ -1,10 +1,7 @@
 import templateOnlyComponent from '@ember/component/template-only';
-import { type EmptyObject } from '@ember/component/helper';
 
 interface Signature {
   Element: HTMLSpanElement;
-  Args: EmptyObject;
-  Blocks: EmptyObject;
 }
 
 const FreestyleFocusButton = templateOnlyComponent<Signature>();

package/addon/components/freestyle-palette-item/index.ts

@@ -1,6 +1,5 @@
 import Component from '@glimmer/component';
 import { htmlSafe } from '@ember/template';
-import { type EmptyObject } from '@ember/component/helper';
 import { SafeString } from '@ember/template/-private/handlebars';
 import { PaletteItem } from '../freestyle-palette';
 
@@ -9,7 +8,6 @@ interface Signature {
   Args: {
     color: PaletteItem;
   };
-  Blocks: EmptyObject;
 }
 
 export default class FreestylePaletteItem extends Component<Signature> {

package/addon/components/freestyle-typeface/index.ts

@@ -1,13 +1,11 @@
 import Component from '@glimmer/component';
 import { htmlSafe } from '@ember/template';
-import { type EmptyObject } from '@ember/component/helper';
 
 interface Signature {
   Element: HTMLDivElement;
   Args: {
     fontFamily: string;
   };
-  Blocks: EmptyObject;
 }
 
 export default class FreestyleTypeface extends Component<Signature> {

package/addon/components/freestyle-usage-controls/index.ts

@@ -2,19 +2,13 @@ import Component from '@glimmer/component';
 import { schedule } from '@ember/runloop';
 import { capitalize } from '@ember/string';
 import type EmberFreestyleService from '../../services/ember-freestyle';
-import { type EmptyObject } from '@ember/component/helper';
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { inject as service } from '@ember/service';
 import { action, get, set } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
 /* eslint-enable @typescript-eslint/no-unused-vars */
 
-interface Signature {
-  Args: EmptyObject;
-  Blocks: EmptyObject;
-}
-
-export default class FreestyleUsageControls extends Component<Signature> {
+export default class FreestyleUsageControls extends Component {
   @service('ember-freestyle') declare emberFreestyle: EmberFreestyleService;
 
   get showLabels(): boolean {

package/addon/components/freestyle-variant-list/index.ts

@@ -1,5 +1,4 @@
 import templateOnlyComponent from '@ember/component/template-only';
-import { type EmptyObject } from '@ember/component/helper';
 
 interface Signature {
   Element: HTMLUListElement;
@@ -8,7 +7,6 @@ interface Signature {
     activeKey: string;
     onClickVariant: (key: string) => void;
   };
-  Blocks: EmptyObject;
 }
 
 const FreestyleVariantList = templateOnlyComponent<Signature>();

package/addon/modifiers/freestyle-highlight.ts

@@ -1,14 +1,9 @@
 import Modifier from 'ember-modifier';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { inject as service } from '@ember/service';
-import { type EmptyObject } from '@ember/component/helper';
 import type EmberFreestyleService from '../services/ember-freestyle';
 
-interface Signature {
-  Args: EmptyObject;
-}
-
-export default class FreestyleHighlight extends Modifier<Signature> {
+export default class FreestyleHighlight extends Modifier {
   @service declare emberFreestyle: EmberFreestyleService;
 
   modify(element: HTMLElement): void {

package/components/freestyle/usage/array/index.d.ts

@@ -1,6 +1,6 @@
 import Component from '@glimmer/component';
 import MutableArray from '@ember/array/mutable';
-declare type ItemArray = MutableArray<any>;
+type ItemArray = MutableArray<any>;
 interface Signature {
     Args: {
         items: ItemArray;

package/components/freestyle/usage/number/index.d.ts

@@ -1,4 +1,3 @@
-import { type EmptyObject } from '@ember/component/helper';
 interface Signature {
     Args: {
         name?: string;
@@ -12,7 +11,6 @@ interface Signature {
         step?: number;
         onInput: (val: number) => void;
     };
-    Blocks: EmptyObject;
 }
 declare const FreestyleUsageNumberComponent: import("@ember/component/template-only").TemplateOnlyComponent<Signature>;
 export default FreestyleUsageNumberComponent;

package/components/freestyle/usage/object/index.d.ts

@@ -1,4 +1,3 @@
-import { type EmptyObject } from '@ember/component/helper';
 interface Signature {
     Args: {
         name?: string;
@@ -9,7 +8,6 @@ interface Signature {
         hideControls?: boolean;
         jsonCollapseDepth?: number;
     };
-    Blocks: EmptyObject;
 }
 declare const FreestyleUsageObjectComponent: import("@ember/component/template-only").TemplateOnlyComponent<Signature>;
 export default FreestyleUsageObjectComponent;

package/components/freestyle/usage/string/index.d.ts

@@ -1,4 +1,3 @@
-import { type EmptyObject } from '@ember/component/helper';
 interface Signature {
     Args: {
         name?: string;
@@ -10,7 +9,6 @@ interface Signature {
         options?: string[];
         onInput: (val: string | null | undefined) => void;
     };
-    Blocks: EmptyObject;
 }
 declare const FreestyleUsageStringComponent: import("@ember/component/template-only").TemplateOnlyComponent<Signature>;
 export default FreestyleUsageStringComponent;

package/components/freestyle-dynamic/index.d.ts

@@ -1,8 +1,8 @@
 import Component from '@glimmer/component';
 import Owner from '@ember/owner';
 import { AttrValue } from '@glint/template';
-export declare type SupportedValue = boolean | string | AttrValue | number;
-export declare type InputType = 'checkbox' | 'textarea' | 'select' | 'number' | 'range';
+export type SupportedValue = boolean | string | AttrValue | number;
+export type InputType = 'checkbox' | 'textarea' | 'select' | 'number' | 'range';
 interface PropertyHash {
     value?: SupportedValue;
     options?: SupportedValue[];
@@ -11,8 +11,8 @@ interface PropertyHash {
     min?: number;
     max?: number;
 }
-export declare type DynamicProperties = Record<string, PropertyHash>;
-declare type DynamicPropertyValues = Record<string, SupportedValue>;
+export type DynamicProperties = Record<string, PropertyHash>;
+type DynamicPropertyValues = Record<string, SupportedValue>;
 interface ComponentArgs {
     slug: string;
     dynamicProperties: DynamicProperties;

package/components/freestyle-dynamic-input/index.d.ts

@@ -1,5 +1,4 @@
 import Component from '@glimmer/component';
-import { type EmptyObject } from '@ember/component/helper';
 import { InputType, SupportedValue } from '../freestyle-dynamic';
 interface Signature {
     Element: HTMLDivElement;
@@ -13,7 +12,6 @@ interface Signature {
         max?: number;
         changeValueTo: (val: SupportedValue) => void;
     };
-    Blocks: EmptyObject;
 }
 export default class FreestyleDynamicInput extends Component<Signature> {
     isCheckbox: boolean;

package/components/freestyle-dynamic-input-select-option/index.d.ts

@@ -1,5 +1,4 @@
 import Component from '@glimmer/component';
-import { type EmptyObject } from '@ember/component/helper';
 import { AttrValue } from '@glint/template';
 interface Signature {
     Element: HTMLOptionElement;
@@ -7,7 +6,6 @@ interface Signature {
         optionValue: AttrValue;
         selectedValue: AttrValue;
     };
-    Blocks: EmptyObject;
 }
 export default class FreestyleDynamicInputSelectOption extends Component<Signature> {
     get selected(): boolean;

package/components/freestyle-focus-button/index.d.ts

@@ -1,8 +1,5 @@
-import { type EmptyObject } from '@ember/component/helper';
 interface Signature {
     Element: HTMLSpanElement;
-    Args: EmptyObject;
-    Blocks: EmptyObject;
 }
 declare const FreestyleFocusButton: import("@ember/component/template-only").TemplateOnlyComponent<Signature>;
 export default FreestyleFocusButton;

package/components/freestyle-palette/index.d.ts

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-declare type Color = string;
+type Color = string;
 export interface PaletteItem {
     name: string;
     description?: string;
@@ -7,7 +7,7 @@ export interface PaletteItem {
     light?: Color;
     dark?: Color;
 }
-export declare type ColorPalette = Record<string, PaletteItem>;
+export type ColorPalette = Record<string, PaletteItem>;
 interface Signature {
     Element: HTMLDivElement;
     Args: {

package/components/freestyle-palette-item/index.d.ts

@@ -1,5 +1,4 @@
 import Component from '@glimmer/component';
-import { type EmptyObject } from '@ember/component/helper';
 import { SafeString } from '@ember/template/-private/handlebars';
 import { PaletteItem } from '../freestyle-palette';
 interface Signature {
@@ -7,7 +6,6 @@ interface Signature {
     Args: {
         color: PaletteItem;
     };
-    Blocks: EmptyObject;
 }
 export default class FreestylePaletteItem extends Component<Signature> {
     get paletteStyle(): SafeString;

package/components/freestyle-typeface/index.d.ts

@@ -1,12 +1,10 @@
 import Component from '@glimmer/component';
 import { htmlSafe } from '@ember/template';
-import { type EmptyObject } from '@ember/component/helper';
 interface Signature {
     Element: HTMLDivElement;
     Args: {
         fontFamily: string;
     };
-    Blocks: EmptyObject;
 }
 export default class FreestyleTypeface extends Component<Signature> {
     get fontFamilyStyle(): ReturnType<typeof htmlSafe>;

package/components/freestyle-usage-controls/index.d.ts

@@ -1,11 +1,6 @@
 import Component from '@glimmer/component';
 import type EmberFreestyleService from '../../services/ember-freestyle';
-import { type EmptyObject } from '@ember/component/helper';
-interface Signature {
-    Args: EmptyObject;
-    Blocks: EmptyObject;
-}
-export default class FreestyleUsageControls extends Component<Signature> {
+export default class FreestyleUsageControls extends Component {
     emberFreestyle: EmberFreestyleService;
     get showLabels(): boolean;
     set showLabels(val: boolean);
@@ -22,4 +17,3 @@ export default class FreestyleUsageControls extends Component<Signature> {
     toggleUsage(usageType: 'labels' | 'notes' | 'code' | 'api'): void;
     setFocus(): void;
 }
-export {};

package/components/freestyle-variant-list/index.d.ts

@@ -1,4 +1,3 @@
-import { type EmptyObject } from '@ember/component/helper';
 interface Signature {
     Element: HTMLUListElement;
     Args: {
@@ -6,7 +5,6 @@ interface Signature {
         activeKey: string;
         onClickVariant: (key: string) => void;
     };
-    Blocks: EmptyObject;
 }
 declare const FreestyleVariantList: import("@ember/component/template-only").TemplateOnlyComponent<Signature>;
 export default FreestyleVariantList;

package/index.js

@@ -32,7 +32,7 @@ module.exports = {
   },
 
   setupPreprocessorRegistry(type, registry) {
-    if (type === 'self' && registry.app.name === 'ember-freestyle') {
+    if (type !== 'parent') {
       return;
     }
     let pluginObj = this._buildPlugin();

package/modifiers/freestyle-highlight.d.ts

@@ -1,11 +1,6 @@
 import Modifier from 'ember-modifier';
-import { type EmptyObject } from '@ember/component/helper';
 import type EmberFreestyleService from '../services/ember-freestyle';
-interface Signature {
-    Args: EmptyObject;
-}
-export default class FreestyleHighlight extends Modifier<Signature> {
+export default class FreestyleHighlight extends Modifier {
     emberFreestyle: EmberFreestyleService;
     modify(element: HTMLElement): void;
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-freestyle",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "description": "Create a living styleguide for your Ember app.",
   "keywords": [
     "ember-addon"
@@ -38,12 +38,12 @@
     "@ember/render-modifiers": "^2.0.4",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
-    "ember-auto-import": "^2.4.2",
+    "ember-auto-import": "^2.4.3",
     "ember-cli-babel": "^7.26.11",
     "ember-cli-htmlbars": "^6.1.1",
     "ember-cli-typescript": "^5.1.1",
     "ember-focus-trap": "^1.0.1",
-    "ember-modifier": "^3.2.7",
+    "ember-modifier": "^3.2.7 || ^4.0.0",
     "ember-named-blocks-polyfill": "^0.2.5",
     "ember-truth-helpers": "^3.1.1",
     "json-formatter-js": "^2.3.4",
@@ -53,22 +53,22 @@
   },
   "devDependencies": {
     "@ember/optional-features": "^2.0.0",
-    "@ember/test-helpers": "^2.8.1",
+    "@ember/string": "^3.1.1",
+    "@ember/test-helpers": "^3.2.0",
     "@embroider/test-setup": "^1.8.3",
     "@glint/core": "^0.9.4",
-    "@glint/environment-ember-loose": "^0.9.4",
+    "@glint/environment-ember-loose": "^0.9.7",
     "@release-it-plugins/lerna-changelog": "^5.0.0",
     "@tsconfig/ember": "^1.0.1",
     "@types/ember": "^4.0.1",
-    "@types/ember-qunit": "^5.0.2",
     "@types/ember-resolver": "^5.0.11",
     "@types/ember__application": "^4.0.2",
     "@types/ember__array": "^4.0.2",
     "@types/ember__component": "^4.0.10",
-    "@types/ember__controller": "^4.0.1",
+    "@types/ember__controller": "^4.0.4",
     "@types/ember__debug": "^4.0.1",
-    "@types/ember__engine": "^4.0.2",
-    "@types/ember__error": "^4.0.0",
+    "@types/ember__engine": "^4.0.4",
+    "@types/ember__error": "^4.0.3",
     "@types/ember__helper": "^4.0.0",
     "@types/ember__modifier": "^4.0.2",
     "@types/ember__object": "^4.0.4",
@@ -79,7 +79,6 @@
     "@types/ember__string": "^3.0.9",
     "@types/ember__template": "^4.0.0",
     "@types/ember__test": "^4.0.0",
-    "@types/ember__test-helpers": "^2.8.1",
     "@types/ember__utils": "^4.0.1",
     "@types/qunit": "^2.19.3",
     "@types/remarkable": "^2.0.3",
@@ -88,7 +87,7 @@
     "@typescript-eslint/parser": "^5.40.1",
     "all-contributors-cli": "^6.24.0",
     "broccoli-asset-rev": "^3.0.0",
-    "ember-cli": "~4.7.0",
+    "ember-cli": "~4.11.0",
     "ember-cli-autoprefixer": "^2.0.0",
     "ember-cli-dependency-checker": "^3.3.1",
     "ember-cli-deploy": "^1.0.2",
@@ -103,18 +102,18 @@
     "ember-code-snippet": "^3.0.0",
     "ember-load-initializers": "^2.1.2",
     "ember-page-title": "^7.0.0",
-    "ember-qunit": "^5.1.5",
+    "ember-qunit": "^7.0.0",
     "ember-resolver": "^8.0.3",
-    "ember-source": "~4.7.0",
+    "ember-source": "~4.12.3",
     "ember-source-channel-url": "^3.0.0",
     "ember-style-modifier": "^0.8.0",
-    "ember-template-imports": "^3.1.1",
+    "ember-template-imports": "^3.3.1",
     "ember-template-lint": "^4.14.0",
     "ember-try": "^2.0.0",
-    "eslint": "^8.25.0",
+    "eslint": "^8.35.0",
     "eslint-config-ember": "0.3.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-ember": "^11.0.6",
+    "eslint-plugin-ember": "^11.10.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-qunit": "^7.3.1",
@@ -122,24 +121,25 @@
     "loader.js": "^4.7.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
-    "qunit": "^2.19.1",
+    "prettier-plugin-ember-template-tag": "^0.3.2",
+    "qunit": "^2.19.3",
     "qunit-dom": "^2.0.0",
-    "release-it": "^15.5.0",
+    "release-it": "^14.10.0",
     "remarkable": "^2.0.1",
     "sass": "^1.55.0",
-    "stylelint": "^14.14.0",
+    "stylelint": "^15.10.1",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended-scss": "^7.0.0",
     "stylelint-prettier": "^2.0.0",
     "stylelint-scss": "^4.3.0",
-    "typescript": "^4.8.3",
-    "webpack": "^5.74.0"
+    "typescript": "^4.9.5",
+    "webpack": "^5.76.0"
   },
   "engines": {
     "node": "14.* || >= 16"
   },
   "volta": {
-    "node": "14.19.3",
+    "node": "16.20.1",
     "yarn": "1.22.19"
   },
   "publishConfig": {