@limetech/lime-elements 39.12.4 → 39.12.6
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/CHANGELOG.md +14 -0
- package/dist/cjs/limel-button.cjs.entry.js +3 -3
- package/dist/cjs/limel-markdown.cjs.entry.js +813 -2
- package/dist/collection/components/button/button.css +18 -13
- package/dist/collection/components/button/button.js +16 -2
- package/dist/collection/components/markdown/markdown.js +3 -2
- package/dist/collection/components/markdown/morph-dom.js +29 -0
- package/dist/esm/limel-button.entry.js +3 -3
- package/dist/esm/limel-markdown.entry.js +813 -2
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-537df672.entry.js +1 -0
- package/dist/lime-elements/p-8a6721f9.entry.js +1 -0
- package/dist/types/components/button/button.d.ts +14 -0
- package/dist/types/components/markdown/morph-dom.d.ts +12 -0
- package/dist/types/components.d.ts +44 -0
- package/package.json +2 -1
- package/dist/lime-elements/p-73623bb5.entry.js +0 -1
- package/dist/lime-elements/p-a855de67.entry.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [39.12.6](https://github.com/Lundalogik/lime-elements/compare/v39.12.5...v39.12.6) (2026-04-14)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
* **button:** add distinct disabled styles for default, primary and outlined variants ([46bf584](https://github.com/Lundalogik/lime-elements/commit/46bf5841467309e96c110c64392ef5623b9ac5b9))
|
|
7
|
+
|
|
8
|
+
## [39.12.5](https://github.com/Lundalogik/lime-elements/compare/v39.12.4...v39.12.5) (2026-04-13)
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
* **markdown:** avoid unnecessary destruction and recreation of custom elements when value is updated ([effb618](https://github.com/Lundalogik/lime-elements/commit/effb6180cf41dcdf5cc9b19c114011b547207512)), closes [Lundalogik/crm-insights-and-intelligence#237](https://github.com/Lundalogik/crm-insights-and-intelligence/issues/237)
|
|
14
|
+
|
|
1
15
|
## [39.12.4](https://github.com/Lundalogik/lime-elements/compare/v39.12.3...v39.12.4) (2026-04-10)
|
|
2
16
|
|
|
3
17
|
### Bug Fixes
|
|
@@ -4,7 +4,7 @@ var index = require('./index-BjHIBY-I.js');
|
|
|
4
4
|
var makeEnterClickable = require('./make-enter-clickable-NuTMC9MU.js');
|
|
5
5
|
var getIconProps = require('./get-icon-props-CwpDdQDI.js');
|
|
6
6
|
|
|
7
|
-
const buttonCss = () => `@charset "UTF-8";@keyframes reduced-presence{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.7)}}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded){animation:reduced-presence 0.3s ease forwards;transition:padding 0.3s ease, min-width 0.3s ease;transition-delay:0.3s;padding:0;min-width:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .label{transition:font-size 0.8s ease;transition-delay:0.3s;font-size:0;opacity:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-icon,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-spinner,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) svg,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .icon{transition:all 0.3s ease;transition-delay:0.3s;opacity:0;width:0;height:0}:host{display:inline-block}:host([hidden]){display:none}:host([aria-expanded=true]) button,:host([aria-expanded]:not([aria-expanded=false])) button{box-shadow:var(--button-shadow-inset-pressed) !important}button.mdc-button{font-family:inherit}button{display:flex;align-items:center;justify-content:center;gap:0.125rem;border:none;border-radius:0.4rem;padding-top:0;padding-right:var(--button-padding-right, 0.5rem);padding-bottom:0;padding-left:var(--button-padding-left, 0.5rem);min-height:2.25rem;width:100%}button:
|
|
7
|
+
const buttonCss = () => `@charset "UTF-8";@keyframes reduced-presence{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.7)}}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded){animation:reduced-presence 0.3s ease forwards;transition:padding 0.3s ease, min-width 0.3s ease;transition-delay:0.3s;padding:0;min-width:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .label{transition:font-size 0.8s ease;transition-delay:0.3s;font-size:0;opacity:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-icon,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-spinner,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) svg,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .icon{transition:all 0.3s ease;transition-delay:0.3s;opacity:0;width:0;height:0}:host{display:inline-block}:host([hidden]){display:none}:host([aria-expanded=true]) button,:host([aria-expanded]:not([aria-expanded=false])) button{box-shadow:var(--button-shadow-inset-pressed) !important}button.mdc-button{font-family:inherit}button{--_primary-color:var( --lime-primary-color, var(--limel-theme-primary-color) );display:flex;align-items:center;justify-content:center;gap:0.125rem;border:none;border-radius:0.4rem;padding-top:0;padding-right:var(--button-padding-right, 0.5rem);padding-bottom:0;padding-left:var(--button-padding-left, 0.5rem);min-height:2.25rem;width:100%}button:not(:disabled){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}button:not(:disabled):hover,button:not(:disabled):focus,button:not(:disabled):focus-visible{will-change:color, background-color, box-shadow, transform}button:not(:disabled):hover,button:not(:disabled):focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button:not(:disabled):active{--limel-clickable-transform-timing-function:cubic-bezier( 0.83, -0.15, 0.49, 1.16 );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not(:disabled):hover,button:not(:disabled):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button:not(:disabled):focus{outline:none}button:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button:disabled{cursor:not-allowed}:host(limel-button[primary]) button:not(:disabled){color:var(--lime-on-primary-color, var(--limel-theme-on-primary-color));background-color:var(--_primary-color)}:host(limel-button[primary]) button:disabled{background-color:color-mix(in srgb, var(--_primary-color), transparent 80%)}:host(limel-button:not([primary])) button:not(:disabled){color:var(--_primary-color)}:host(limel-button:not([primary])) button:disabled.outlined{color:color-mix(in srgb, var(--_primary-color), transparent 60%);border-color:color-mix(in srgb, var(--_primary-color), transparent 70%)}:host(limel-button:not([primary])) button:disabled:not(.outlined){color:rgba(var(--contrast-1100), 0.37);background-color:rgba(var(--contrast-900), 0.1)}.label{font-size:var(--limel-theme-default-font-size);font-weight:600;letter-spacing:0.03125rem;padding:0 0.25rem}limel-spinner{position:absolute}limel-icon{width:1.25rem;flex-shrink:0;vertical-align:top}svg{height:1.875rem;opacity:0;pointer-events:none;position:absolute;width:1.875rem}svg line{stroke:rgb(var(--contrast-600));stroke-width:2}limel-icon,.label,limel-spinner,svg{transition:opacity 300ms ease-in-out}.loading limel-icon,.loading .label{opacity:0}.loading limel-spinner{opacity:1}.just-loaded limel-icon,.just-loaded .label,.just-failed limel-icon,.just-failed .label{opacity:0}.just-loaded svg,.just-failed svg{opacity:1}.just-failed{background-color:var(--limel-theme-error-color) !important;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.outlined{border:1px solid;border-color:var(--_primary-color)}@keyframes shake{10%,90%{transform:translate3d(-0.0625rem, 0, 0)}20%,80%{transform:translate3d(0.125rem, 0, 0)}30%,50%,70%{transform:translate3d(-0.1875rem, 0, 0)}40%,60%{transform:translate3d(0.1875rem, 0, 0)}}`;
|
|
8
8
|
|
|
9
9
|
const Button = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -45,12 +45,12 @@ const Button = class {
|
|
|
45
45
|
makeEnterClickable.removeEnterClickable(this.host);
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (index.h(index.Host, { key: '
|
|
48
|
+
return (index.h(index.Host, { key: '4d575a67e902fe7e6af291ea9b6df5aa9d83ba29', onClick: this.filterClickWhenDisabled }, index.h("button", { key: '887b9453b5a707db5239f499118d2bb27cc65c1a', class: {
|
|
49
49
|
loading: this.loading,
|
|
50
50
|
'just-loaded': this.justLoaded && !this.loadingFailed,
|
|
51
51
|
'just-failed': this.justLoaded && this.loadingFailed,
|
|
52
52
|
outlined: this.outlined,
|
|
53
|
-
}, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), index.h("svg", { key: '
|
|
53
|
+
}, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), index.h("svg", { key: 'd2b52f207f0d6c6af0c55ee7585f3b12a0ee4832', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
|
|
54
54
|
}
|
|
55
55
|
loadingWatcher(newValue, oldValue) {
|
|
56
56
|
const hasFinishedLoading = this.hasFinishedLoading(newValue, oldValue);
|