@visitwonders/assembly 0.4.0 → 0.5.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 (9) hide show
  1. package/declarations/form/select.d.ts +2 -0
  2. package/declarations/form/select.d.ts.map +1 -1
  3. package/declarations/layout/panel.d.ts.map +1 -1
  4. package/dist/action/button.css +1 -1
  5. package/dist/form/checkbox.css +1 -1
  6. package/dist/form/select.js +22 -7
  7. package/dist/layout/panel.css +22 -22
  8. package/dist/layout/panel.js +1 -1
  9. package/package.json +16 -17
package/declarations/form/select.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface OptionData {
10
10
  }
11
11
  interface SelectContext {
12
12
  isOpen: boolean;
13
+ isRegistrationOnly: boolean;
13
14
  selectedValue: string | undefined;
14
15
  activeId: string | null;
15
16
  registerOption: (option: OptionData) => void;
@@ -140,6 +141,7 @@ export default class Select extends Component<SelectSignature> {
140
141
  selectOptionByValue: (value: string) => void;
141
142
  setActiveId: (id: string | null) => void;
142
143
  get context(): SelectContext;
144
+ get registrationContext(): SelectContext;
143
145
  }
144
146
  export { SelectOption, SelectOptionGroup };
145
147
  //# sourceMappingURL=select.d.ts.map
package/declarations/form/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/form/select.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/form/select.ts"],"names":[],"mappings":"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"}
package/declarations/layout/panel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/layout/panel.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,qBAAqB;QACrB,IAAI,CAAC,EAAE,SAAS,CAAC;QAEjB,gCAAgC;QAChC,OAAO,CAAC,EAAE,YAAY,CAAC;QAEvB,uBAAuB;QACvB,SAAS,CAAC,EAAE,cAAc,CAAC;QAE3B,uBAAuB;QACvB,OAAO,CAAC,EAAE,YAAY,CAAC;QAEvB,sBAAsB;QACtB,YAAY,CAAC,EAAE,iBAAiB,CAAC;KAClC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,CAAC;QACX,MAAM,EAAE,EAAE,CAAC;KACZ,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,IAAI,IAAI,IAAI,SAAS,CAEpB;IAED,IAAI,OAAO,IAAI,YAAY,CAE1B;IAED,IAAI,SAAS,IAAI,cAAc,CAE9B;IAED,IAAI,OAAO,IAAI,YAAY,CAE1B;IAED,IAAI,YAAY,IAAI,iBAAiB,CAEpC;CA8CF"}
1
+ {"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/layout/panel.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,qBAAqB;QACrB,IAAI,CAAC,EAAE,SAAS,CAAC;QAEjB,gCAAgC;QAChC,OAAO,CAAC,EAAE,YAAY,CAAC;QAEvB,uBAAuB;QACvB,SAAS,CAAC,EAAE,cAAc,CAAC;QAE3B,uBAAuB;QACvB,OAAO,CAAC,EAAE,YAAY,CAAC;QAEvB,sBAAsB;QACtB,YAAY,CAAC,EAAE,iBAAiB,CAAC;KAClC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,CAAC;QACX,MAAM,EAAE,EAAE,CAAC;KACZ,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,IAAI,IAAI,IAAI,SAAS,CAEpB;IAED,IAAI,OAAO,IAAI,YAAY,CAE1B;IAED,IAAI,SAAS,IAAI,cAAc,CAE9B;IAED,IAAI,OAAO,IAAI,YAAY,CAE1B;IAED,IAAI,YAAY,IAAI,iBAAiB,CAEpC;CAgDF"}
package/dist/action/button.css CHANGED
@@ -161,7 +161,7 @@
161
161
 
162
162
  /* Neutral */
163
163
  .button_e0e07a6eb[data-variant="outline"][data-tone="neutral"] {
164
- background: transparent;
164
+ background: var(--color-bg-surface);
165
165
  border: 1px solid var(--color-border-neutral);
166
166
  color: var(--color-text);
167
167
  }
package/dist/form/checkbox.css CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  .label-wrapper_eed179744 {
9
9
  display: inline-flex;
10
- align-items: flex-start;
10
+ align-items: center;
11
11
  gap: var(--spacing-2);
12
12
  cursor: pointer;
13
13
  user-select: none;
package/dist/form/select.js CHANGED
@@ -65,7 +65,7 @@ class SelectOption extends Component {
65
65
  }
66
66
  };
67
67
  static {
68
- setComponentTemplate(precompileTemplate("<div id={{this.optionId}} role=\"option\" class=\"select-option_ebb583c5d\" aria-selected={{this.ariaSelected}} aria-disabled={{this.ariaDisabled}} data-active={{if this.isActive \"true\"}} data-selected={{if this.isSelected \"true\"}} data-disabled={{if @disabled \"true\"}} {{this.registerElement}} {{on \"click\" this.handleClick}} {{on \"mouseenter\" this.handleMouseEnter}} data-test-select-option ...attributes>\n <span class=\"select-option-content_ebb583c5d\">\n {{yield}}\n </span>\n {{#if this.isSelected}}\n <span class=\"select-option-check_ebb583c5d\" aria-hidden=\"true\"></span>\n {{/if}}\n</div>", {
68
+ setComponentTemplate(precompileTemplate("{{#if this.ctx.isRegistrationOnly}}\n <span {{this.registerElement}} hidden>{{yield}}</span>\n{{else}}\n <div id={{this.optionId}} role=\"option\" class=\"select-option_ebb583c5d\" aria-selected={{this.ariaSelected}} aria-disabled={{this.ariaDisabled}} data-active={{if this.isActive \"true\"}} data-selected={{if this.isSelected \"true\"}} data-disabled={{if @disabled \"true\"}} {{this.registerElement}} {{on \"click\" this.handleClick}} {{on \"mouseenter\" this.handleMouseEnter}} data-test-select-option ...attributes>\n <span class=\"select-option-content_ebb583c5d\">\n {{yield}}\n </span>\n {{#if this.isSelected}}\n <span class=\"select-option-check_ebb583c5d\" aria-hidden=\"true\"></span>\n {{/if}}\n </div>\n{{/if}}", {
69
69
  strictMode: true,
70
70
  scope: () => ({
71
71
  on
@@ -343,16 +343,17 @@ class Select extends Component {
343
343
  this._optionsMap.set(option.id, option);
344
344
  // Cache label for display when dropdown is closed
345
345
  this._selectedLabelCache.set(option.value, option.label);
346
- // Defer version bump to avoid autotracking conflicts during render
347
- setTimeout(() => {
346
+ // Defer version bump to avoid autotracking conflicts during render.
347
+ // Use microtask so the re-render triggers before the browser paints.
348
+ void Promise.resolve().then(() => {
348
349
  this._optionsVersion++;
349
- }, 0);
350
+ });
350
351
  };
351
352
  unregisterOption = id => {
352
353
  this._optionsMap.delete(id);
353
- setTimeout(() => {
354
+ void Promise.resolve().then(() => {
354
355
  this._optionsVersion++;
355
- }, 0);
356
+ });
356
357
  };
357
358
  selectOptionByValue = value => {
358
359
  this.args.onChange?.(value);
@@ -365,6 +366,7 @@ class Select extends Component {
365
366
  get context() {
366
367
  return {
367
368
  isOpen: this.isOpen,
369
+ isRegistrationOnly: false,
368
370
  selectedValue: this.selectedValue,
369
371
  activeId: this.activeId,
370
372
  registerOption: this.registerOption,
@@ -374,8 +376,21 @@ class Select extends Component {
374
376
  listboxId: this.listboxId
375
377
  };
376
378
  }
379
+ get registrationContext() {
380
+ return {
381
+ isOpen: false,
382
+ isRegistrationOnly: true,
383
+ selectedValue: this.selectedValue,
384
+ activeId: null,
385
+ registerOption: this.registerOption,
386
+ unregisterOption: this.unregisterOption,
387
+ selectOption: this.selectOptionByValue,
388
+ setActiveId: this.setActiveId,
389
+ listboxId: this.listboxId
390
+ };
391
+ }
377
392
  static {
378
- setComponentTemplate(precompileTemplate("<Popover @trigger=\"manual\" @open={{this.isOpen}} @onOpenChange={{this.handleOpenChange}} @dismissOnClickOutside={{true}} @dismissOnEscape={{true}} class=\"select_ebb583c5d\" data-invalid={{if @isInvalid \"true\"}} data-disabled={{if @isDisabled \"true\"}} data-open={{if this.isOpen \"true\"}} data-test-select ...attributes as |popover|>\n {{!-- Hidden input for form submission --}}\n {{#if @name}}\n <input type=\"hidden\" name={{@name}} value={{this.selectedValue}} data-test-select-input />\n {{/if}}\n\n <popover.Trigger {{this.setupTrigger}} {{on \"click\" this.toggleDropdown}} class=\"select-trigger_ebb583c5d\" id={{@id}} role=\"combobox\" aria-haspopup=\"listbox\" aria-expanded={{this.ariaExpanded}} aria-controls={{this.listboxId}} aria-activedescendant={{this.activeId}} aria-required={{this.ariaRequired}} aria-invalid={{this.ariaInvalid}} aria-describedby={{@aria-describedby}} disabled={{@isDisabled}} data-test-select-trigger>\n <span class=\"select-trigger-text_ebb583c5d\" data-placeholder={{unless this.selectedValue \"true\"}} data-test-select-trigger-text>{{this.triggerDisplayText}}</span>\n <Icon @icon={{ChevronDown}} @size=\"sm\" class=\"select-trigger-icon_ebb583c5d\" />\n </popover.Trigger>\n\n <popover.Content @side=\"bottom\" @align=\"start\" @sideOffset={{4}} @animation=\"scale\" class=\"select-popover-content_ebb583c5d\">\n <div id={{this.listboxId}} role=\"listbox\" class=\"select-listbox_ebb583c5d\" tabindex=\"-1\" data-test-select-listbox>\n {{yield (hash Option=(component SelectOption ctx=this.context) OptionGroup=SelectOptionGroup isOpen=this.isOpen selectedValue=this.selectedValue)}}\n </div>\n </popover.Content>\n</Popover>", {
393
+ setComponentTemplate(precompileTemplate("<Popover @trigger=\"manual\" @open={{this.isOpen}} @onOpenChange={{this.handleOpenChange}} @dismissOnClickOutside={{true}} @dismissOnEscape={{true}} class=\"select_ebb583c5d\" data-invalid={{if @isInvalid \"true\"}} data-disabled={{if @isDisabled \"true\"}} data-open={{if this.isOpen \"true\"}} data-test-select ...attributes as |popover|>\n {{!-- Hidden input for form submission --}}\n {{#if @name}}\n <input type=\"hidden\" name={{@name}} value={{this.selectedValue}} data-test-select-input />\n {{/if}}\n\n <popover.Trigger {{this.setupTrigger}} {{on \"click\" this.toggleDropdown}} class=\"select-trigger_ebb583c5d\" id={{@id}} role=\"combobox\" aria-haspopup=\"listbox\" aria-expanded={{this.ariaExpanded}} aria-controls={{this.listboxId}} aria-activedescendant={{this.activeId}} aria-required={{this.ariaRequired}} aria-invalid={{this.ariaInvalid}} aria-describedby={{@aria-describedby}} disabled={{@isDisabled}} data-test-select-trigger>\n <span class=\"select-trigger-text_ebb583c5d\" data-placeholder={{unless this.selectedValue \"true\"}} data-test-select-trigger-text>{{this.triggerDisplayText}}</span>\n <Icon @icon={{ChevronDown}} @size=\"sm\" class=\"select-trigger-icon_ebb583c5d\" />\n </popover.Trigger>\n\n {{!-- Render options in a hidden container when closed so they register\n their labels for the trigger display text --}}\n {{#unless this.isOpen}}\n <div hidden aria-hidden=\"true\">\n {{yield (hash Option=(component SelectOption ctx=this.registrationContext) OptionGroup=SelectOptionGroup isOpen=false selectedValue=this.selectedValue)}}\n </div>\n {{/unless}}\n\n <popover.Content @side=\"bottom\" @align=\"start\" @sideOffset={{4}} @animation=\"scale\" class=\"select-popover-content_ebb583c5d\">\n <div id={{this.listboxId}} role=\"listbox\" class=\"select-listbox_ebb583c5d\" tabindex=\"-1\" data-test-select-listbox>\n {{yield (hash Option=(component SelectOption ctx=this.context) OptionGroup=SelectOptionGroup isOpen=this.isOpen selectedValue=this.selectedValue)}}\n </div>\n </popover.Content>\n</Popover>", {
379
394
  strictMode: true,
380
395
  scope: () => ({
381
396
  Popover,
package/dist/layout/panel.css CHANGED
@@ -154,42 +154,42 @@
154
154
  }
155
155
 
156
156
  /* Padding: none */
157
- .panel_efcbf2ade[data-padding="none"] .panel-header_efcbf2ade,
158
- .panel_efcbf2ade[data-padding="none"] .panel-footer_efcbf2ade {
157
+ .panel_efcbf2ade[data-padding="none"] > .panel-header_efcbf2ade,
158
+ .panel_efcbf2ade[data-padding="none"] > .panel-footer_efcbf2ade {
159
159
  padding: var(--spacing-3) 0;
160
160
  }
161
161
 
162
- .panel_efcbf2ade[data-padding="none"] .panel-body_efcbf2ade {
162
+ .panel_efcbf2ade[data-padding="none"] > .panel-body_efcbf2ade {
163
163
  padding: 0;
164
164
  }
165
165
 
166
166
  /* Padding: sm */
167
- .panel_efcbf2ade[data-padding="sm"] .panel-header_efcbf2ade,
168
- .panel_efcbf2ade[data-padding="sm"] .panel-footer_efcbf2ade {
167
+ .panel_efcbf2ade[data-padding="sm"] > .panel-header_efcbf2ade,
168
+ .panel_efcbf2ade[data-padding="sm"] > .panel-footer_efcbf2ade {
169
169
  padding: var(--spacing-3) var(--spacing-3);
170
170
  }
171
171
 
172
- .panel_efcbf2ade[data-padding="sm"] .panel-body_efcbf2ade {
172
+ .panel_efcbf2ade[data-padding="sm"] > .panel-body_efcbf2ade {
173
173
  padding: var(--spacing-3);
174
174
  }
175
175
 
176
176
  /* Padding: md */
177
- .panel_efcbf2ade[data-padding="md"] .panel-header_efcbf2ade,
178
- .panel_efcbf2ade[data-padding="md"] .panel-footer_efcbf2ade {
177
+ .panel_efcbf2ade[data-padding="md"] > .panel-header_efcbf2ade,
178
+ .panel_efcbf2ade[data-padding="md"] > .panel-footer_efcbf2ade {
179
179
  padding: var(--spacing-3) var(--spacing-4);
180
180
  }
181
181
 
182
- .panel_efcbf2ade[data-padding="md"] .panel-body_efcbf2ade {
182
+ .panel_efcbf2ade[data-padding="md"] > .panel-body_efcbf2ade {
183
183
  padding: var(--spacing-4);
184
184
  }
185
185
 
186
186
  /* Padding: lg */
187
- .panel_efcbf2ade[data-padding="lg"] .panel-header_efcbf2ade,
188
- .panel_efcbf2ade[data-padding="lg"] .panel-footer_efcbf2ade {
187
+ .panel_efcbf2ade[data-padding="lg"] > .panel-header_efcbf2ade,
188
+ .panel_efcbf2ade[data-padding="lg"] > .panel-footer_efcbf2ade {
189
189
  padding: var(--spacing-3) var(--spacing-6);
190
190
  }
191
191
 
192
- .panel_efcbf2ade[data-padding="lg"] .panel-body_efcbf2ade {
192
+ .panel_efcbf2ade[data-padding="lg"] > .panel-body_efcbf2ade {
193
193
  padding: var(--spacing-6);
194
194
  }
195
195
 
@@ -198,32 +198,32 @@
198
198
  * =================================== */
199
199
 
200
200
  /* Subtle + Outline variants use subtle border */
201
- .panel_efcbf2ade[data-variant="subtle"] .panel-header_efcbf2ade,
202
- .panel_efcbf2ade[data-variant="outline"] .panel-header_efcbf2ade {
201
+ .panel_efcbf2ade[data-variant="subtle"] > .panel-header_efcbf2ade,
202
+ .panel_efcbf2ade[data-variant="outline"] > .panel-header_efcbf2ade {
203
203
  border-bottom: 1px solid var(--color-border-subtle);
204
204
  }
205
205
 
206
- .panel_efcbf2ade[data-variant="subtle"] .panel-footer_efcbf2ade,
207
- .panel_efcbf2ade[data-variant="outline"] .panel-footer_efcbf2ade {
206
+ .panel_efcbf2ade[data-variant="subtle"] > .panel-footer_efcbf2ade,
207
+ .panel_efcbf2ade[data-variant="outline"] > .panel-footer_efcbf2ade {
208
208
  border-top: 1px solid var(--color-border-subtle);
209
209
  }
210
210
 
211
211
  /* Filled variant uses translucent white border */
212
- .panel_efcbf2ade[data-variant="filled"] .panel-header_efcbf2ade {
212
+ .panel_efcbf2ade[data-variant="filled"] > .panel-header_efcbf2ade {
213
213
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
214
214
  }
215
215
 
216
- .panel_efcbf2ade[data-variant="filled"] .panel-footer_efcbf2ade {
216
+ .panel_efcbf2ade[data-variant="filled"] > .panel-footer_efcbf2ade {
217
217
  border-top: 1px solid rgba(255, 255, 255, 0.2);
218
218
  }
219
219
 
220
220
  /* Warning/neutral filled use dark separator for contrast on light fills */
221
- .panel_efcbf2ade[data-variant="filled"][data-tone="warning"] .panel-header_efcbf2ade,
222
- .panel_efcbf2ade[data-variant="filled"][data-tone="neutral"] .panel-header_efcbf2ade {
221
+ .panel_efcbf2ade[data-variant="filled"][data-tone="warning"] > .panel-header_efcbf2ade,
222
+ .panel_efcbf2ade[data-variant="filled"][data-tone="neutral"] > .panel-header_efcbf2ade {
223
223
  border-bottom-color: rgba(0, 0, 0, 0.1);
224
224
  }
225
225
 
226
- .panel_efcbf2ade[data-variant="filled"][data-tone="warning"] .panel-footer_efcbf2ade,
227
- .panel_efcbf2ade[data-variant="filled"][data-tone="neutral"] .panel-footer_efcbf2ade {
226
+ .panel_efcbf2ade[data-variant="filled"][data-tone="warning"] > .panel-footer_efcbf2ade,
227
+ .panel_efcbf2ade[data-variant="filled"][data-tone="neutral"] > .panel-footer_efcbf2ade {
228
228
  border-top-color: rgba(0, 0, 0, 0.1);
229
229
  }
package/dist/layout/panel.js CHANGED
@@ -22,7 +22,7 @@ class Panel extends Component {
22
22
  return this.args.borderRadius ?? 'lg';
23
23
  }
24
24
  static {
25
- setComponentTemplate(precompileTemplate("<div class=\"panel_efcbf2ade\" data-tone={{this.tone}} data-variant={{this.variant}} data-elevation={{this.elevation}} data-padding={{this.padding}} data-border-radius={{this.borderRadius}} data-test-panel ...attributes>\n {{#if (has-block \"header\")}}\n <div class=\"panel-header_efcbf2ade\" data-test-panel-header>\n {{yield to=\"header\"}}\n </div>\n {{/if}}\n\n <div class=\"panel-body_efcbf2ade\" data-test-panel-body>\n {{yield}}\n </div>\n\n {{#if (has-block \"footer\")}}\n <div class=\"panel-footer_efcbf2ade\" data-test-panel-footer>\n {{yield to=\"footer\"}}\n </div>\n {{/if}}\n</div>", {
25
+ setComponentTemplate(precompileTemplate("<div class=\"panel_efcbf2ade\" data-tone={{this.tone}} data-variant={{this.variant}} data-elevation={{this.elevation}} data-padding={{this.padding}} data-border-radius={{this.borderRadius}} data-test-panel ...attributes>\n {{#if (has-block \"header\")}}\n <div class=\"panel-header_efcbf2ade\" data-test-panel-header>\n {{yield to=\"header\"}}\n </div>\n {{/if}}\n\n {{#if (has-block)}}\n <div class=\"panel-body_efcbf2ade\" data-test-panel-body>\n {{yield}}\n </div>\n {{/if}}\n\n {{#if (has-block \"footer\")}}\n <div class=\"panel-footer_efcbf2ade\" data-test-panel-footer>\n {{yield to=\"footer\"}}\n </div>\n {{/if}}\n</div>", {
26
26
  strictMode: true
27
27
  }), this);
28
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visitwonders/assembly",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "The default blueprint for Embroider v2 addons.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -77,21 +77,6 @@
77
77
  "declarations",
78
78
  "dist"
79
79
  ],
80
- "scripts": {
81
- "build": "rollup --config",
82
- "format": "prettier . --cache --write",
83
- "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
84
- "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm run format",
85
- "lint:format": "prettier . --cache --check",
86
- "lint:hbs": "ember-template-lint . --no-error-on-unmatched-pattern",
87
- "lint:hbs:fix": "ember-template-lint . --fix --no-error-on-unmatched-pattern",
88
- "lint:js": "eslint . --cache",
89
- "lint:js:fix": "eslint . --fix",
90
- "lint:types": "glint",
91
- "prepack": "rollup --config",
92
- "start": "rollup --config --watch",
93
- "test": "echo 'A v2 addon does not have tests, run tests in showcase'"
94
- },
95
80
  "dependencies": {
96
81
  "@arthur5005/dnd-kit-ember": "^0.1.2",
97
82
  "@embroider/addon-shim": "^1.8.9",
@@ -222,5 +207,19 @@
222
207
  "./typography/heading.js": "./dist/_app_/typography/heading.js",
223
208
  "./typography/text.js": "./dist/_app_/typography/text.js"
224
209
  }
210
+ },
211
+ "scripts": {
212
+ "build": "rollup --config",
213
+ "format": "prettier . --cache --write",
214
+ "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
215
+ "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm run format",
216
+ "lint:format": "prettier . --cache --check",
217
+ "lint:hbs": "ember-template-lint . --no-error-on-unmatched-pattern",
218
+ "lint:hbs:fix": "ember-template-lint . --fix --no-error-on-unmatched-pattern",
219
+ "lint:js": "eslint . --cache",
220
+ "lint:js:fix": "eslint . --fix",
221
+ "lint:types": "glint",
222
+ "start": "rollup --config --watch",
223
+ "test": "echo 'A v2 addon does not have tests, run tests in showcase'"
225
224
  }
226
- }
225
+ }