@dile/ui 3.9.0 → 3.9.2
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/components/button/src/DileButton.js +0 -8
- package/components/tabs/src/DileTab.js +5 -5
- package/package.json +2 -2
- package/components/button/__screenshots__/button.spec.js/dile-button-Native-form-submission--DEBUG---timing-probe--does-not-leak-a-stale-value-when-the-form-is-submitted-again-without-a-button-click-1.png +0 -0
- package/components/button/__screenshots__/button.spec.js/dile-button-Native-form-submission--DEBUG---timing-probe--includes-name-value-in-the-formdata-event-entry-list-when-clicked-1.png +0 -0
- package/components/button/__screenshots__/button.spec.js/dile-button-Native-form-submission--DEBUG---timing-probe--includes-name-value-when-read-synchronously-inside-the-submit-listener-1.png +0 -0
- package/components/button/__screenshots__/button.spec.js/dile-button-Native-form-submission--DEBUG---timing-probe--only-includes-the-clicked-button-among-two-submit-buttons-with-different-values-1.png +0 -0
- package/components/copy-text/__screenshots__/copy-text.spec.js/dile-copy-text-dispatches-dile-text-copied-with-the-content-on-copy---1.png +0 -0
- package/components/input/__screenshots__/input-mask.spec.js/dile-input-mask-allows-selecting-and-replacing-characters-1.png +0 -0
- package/components/input/__screenshots__/input-mask.spec.js/dile-input-mask-applies-lazy-separators-only-when-next-block-is-filled-1.png +0 -0
- package/components/input/__screenshots__/input-mask.spec.js/dile-input-mask-does-not-show-error-while-typing-incomplete-input-1.png +0 -0
- package/components/input/__screenshots__/input-mask.spec.js/dile-input-mask-handles-mixed-case-transformation-1.png +0 -0
- package/components/input/__screenshots__/input-mask.spec.js/dile-input-mask-masks-input-with-letters-and-digits-1.png +0 -0
- package/components/input/__screenshots__/input-mask.spec.js/dile-input-mask-transforms-to-lowercase-when-pattern-uses-a-1.png +0 -0
- package/components/input/__screenshots__/input-mask.spec.js/dile-input-mask-transforms-to-uppercase-when-pattern-uses-A-1.png +0 -0
- package/components/input/__screenshots__/input-number-mask.spec.js/dile-input-number-mask-masks-digit-keydowns-following-the-given-pattern-1.png +0 -0
- package/components/input/__screenshots__/input-number.spec.js/dile-input-number-normalizes-separator-only-on-blur-when-normalizeOn-is-blur-1.png +0 -0
- package/components/modal/__screenshots__/modal-help.spec.js/dile-modal-help-opens-the-inner-modal-on-open---1.png +0 -0
- package/components/select/__screenshots__/select-ajax-overlay.spec.js/dile-select-ajax-overlay-Selecting-a-result-clear---does-not-re-select-the-same-item--regression--infinite-add-loop-under-addOnSelect--1.png +0 -0
- package/components/select/__screenshots__/select-ajax-overlay.spec.js/dile-select-ajax-overlay-Selecting-a-result-clearing-the-selection-returns-to-the-search-field-1.png +0 -0
- package/components/select/__screenshots__/select-ajax-overlay.spec.js/dile-select-ajax-overlay-Selecting-a-result-selecting-an-option-sets-value-selectedText--closes-the-popup-and-fires-events-1.png +0 -0
- package/components/select/__screenshots__/select-ajax-overlay.spec.js/dile-select-ajax-overlay-Selecting-a-result-shows-the-read-only-field-with-the-clear-icon-after-selecting-1.png +0 -0
- package/components/select/__screenshots__/select-ajax-overlay.spec.js/dile-select-ajax-overlay-static-mode-loads-all-data-on-init-and-renders-it-inline-without-requiring-a-search-1.png +0 -0
- package/components/select/__screenshots__/select-ajax-overlay.spec.js/dile-select-ajax-overlay-static-mode-shows-a-visible--clickable-trigger-instead-of-hiding-it--there-is-no-separate-search-field-to-compose-under--1.png +0 -0
- package/components/select/__screenshots__/select-overlay.spec.js/dile-select-overlay-Positioning-keeps-the-same-moveTop-tightened-gap-when-flipping-above-the-trigger-as-when-sitting-below-it-1.png +0 -0
- package/components/select/__screenshots__/select-overlay.spec.js/dile-select-overlay-Rendering-throws-when-no-select-element-is-slotted-1.png +0 -0
- package/components/select/__screenshots__/select-overlay.spec.js/dile-select-overlay-hideTrigger-handleExternalKeydown---drives-navigation-without-a-visible-trigger-1.png +0 -0
- package/components/select/__screenshots__/select.spec.js/dile-select-Error-Handling-throws-error-if-select-element-is-not-provided-1.png +0 -0
- package/components/select/__screenshots__/zzdebug2.spec.js/debug-static-debug-1.png +0 -0
- package/components/select/__screenshots__/zzdebug3.spec.js/debug-rapid-close-reopen-reproduces-blur-then-quick-refocus-1.png +0 -0
- package/components/selector/__screenshots__/selector-overlay.spec.js/dile-selector-overlay-by-default--the-trigger-label-follows-the-selected-item-text-and-updates-when-selection-changes-1.png +0 -0
- package/components/selector/__screenshots__/selector-overlay.spec.js/dile-selector-overlay-renders-a-bare-rounded-icon-trigger-with-the-default-icon-when-label-is-empty-1.png +0 -0
|
@@ -210,14 +210,6 @@ export class DileButton extends LitElement {
|
|
|
210
210
|
);
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
updated(changedProperties) {
|
|
214
|
-
if (changedProperties.has('icon') || changedProperties.has('label') || changedProperties.has('_hasText')) {
|
|
215
|
-
if (this.icon && !this._hasText && !this.label) {
|
|
216
|
-
console.warn('dile-button: an icon-only button should set the "label" property so it has an accessible name.');
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
|
|
221
213
|
_onClick(e) {
|
|
222
214
|
if (this.disabled || this.loading) {
|
|
223
215
|
e.preventDefault();
|
|
@@ -13,8 +13,8 @@ export class DileTab extends DileSelectableItem(LitElement) {
|
|
|
13
13
|
border-top-left-radius: var(--dile-tab-border-radius, 4px);
|
|
14
14
|
border-top-right-radius: var(--dile-tab-border-radius, 4px);
|
|
15
15
|
transition: all 0.3s ease;
|
|
16
|
-
color: var(--dile-tab-text-color, var(--dile-on-
|
|
17
|
-
background-color: var(--dile-tab-background-color,
|
|
16
|
+
color: var(--dile-tab-text-color, var(--dile-on-primary-color, #666));
|
|
17
|
+
background-color: var(--dile-tab-background-color, var(--dile-primary-color, #eee));
|
|
18
18
|
cursor: pointer;
|
|
19
19
|
border: var(--dile-tab-border, none);
|
|
20
20
|
font-weight: var(--dile-tab-font-weight, normal);
|
|
@@ -26,15 +26,15 @@ export class DileTab extends DileSelectableItem(LitElement) {
|
|
|
26
26
|
white-space: nowrap;
|
|
27
27
|
}
|
|
28
28
|
.selected {
|
|
29
|
-
background-color: var(--dile-tab-selected-background-color, var(--dile-primary-color, #
|
|
30
|
-
color: var(--dile-tab-selected-text-color, var(--dile-on-primary-color, #
|
|
29
|
+
background-color: var(--dile-tab-selected-background-color, var(--dile-primary-dark-color, #888));
|
|
30
|
+
color: var(--dile-tab-selected-text-color, var(--dile-on-primary-dark-color, #000));
|
|
31
31
|
border: var(--dile-tab-selected-border, none);
|
|
32
32
|
}
|
|
33
33
|
span {
|
|
34
34
|
display: block;
|
|
35
35
|
height: var(--dile-tab-selected-line-height, 5px);
|
|
36
36
|
width: 0;
|
|
37
|
-
background-color: var(--dile-tab-selected-line-color, var(--dile-secondary-color, #
|
|
37
|
+
background-color: var(--dile-tab-selected-line-color, var(--dile-secondary-color, #333));
|
|
38
38
|
transition: width 0.3s ease;
|
|
39
39
|
}
|
|
40
40
|
.markselected {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dile/ui",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.2",
|
|
4
4
|
"description": "UI Core components from dile-components.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
"publishConfig": {
|
|
29
29
|
"access": "public"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "b825edcebfd49f3f524ffd552197b3be48ad4e45"
|
|
32
32
|
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|