@visitwonders/assembly 0.4.0 → 0.6.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.
- package/declarations/form/select.d.ts +2 -0
- package/declarations/form/select.d.ts.map +1 -1
- package/declarations/layout/panel.d.ts.map +1 -1
- package/dist/action/button.css +1 -1
- package/dist/form/checkbox.css +1 -1
- package/dist/form/select.js +22 -7
- package/dist/form/textarea.css +3 -3
- package/dist/layout/panel.css +22 -22
- package/dist/layout/panel.js +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
@@ -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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"}
|
|
@@ -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;
|
|
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
package/dist/form/checkbox.css
CHANGED
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
|
|
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
|
-
|
|
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
|
-
}
|
|
350
|
+
});
|
|
350
351
|
};
|
|
351
352
|
unregisterOption = id => {
|
|
352
353
|
this._optionsMap.delete(id);
|
|
353
|
-
|
|
354
|
+
void Promise.resolve().then(() => {
|
|
354
355
|
this._optionsVersion++;
|
|
355
|
-
}
|
|
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/form/textarea.css
CHANGED
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
.textarea_eb3566bbf {
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
width: 100%;
|
|
18
|
-
padding: var(--spacing-2);
|
|
18
|
+
padding: var(--spacing-2) var(--input-padding-horizontal-md);
|
|
19
19
|
border: var(--border-width-1) solid var(--color-border-control);
|
|
20
20
|
border-radius: var(--radius-md);
|
|
21
21
|
background-color: var(--color-bg);
|
|
22
22
|
color: var(--color-text);
|
|
23
23
|
font-family: inherit;
|
|
24
24
|
font-size: var(--font-size-13);
|
|
25
|
-
line-height: var(--line-height-
|
|
25
|
+
line-height: var(--line-height-normal);
|
|
26
26
|
transition:
|
|
27
27
|
border-color var(--transition-fast),
|
|
28
28
|
box-shadow var(--transition-fast);
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
.textarea-wrapper_eb3566bbf[data-size="md"] .textarea_eb3566bbf {
|
|
54
|
-
padding: var(--spacing-2);
|
|
54
|
+
padding: var(--spacing-2) var(--input-padding-horizontal-md);
|
|
55
55
|
font-size: var(--font-size-13);
|
|
56
56
|
}
|
|
57
57
|
|
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
|
|
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
|
}
|