@limetech/lime-elements 37.49.2 → 37.49.4
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 +16 -0
- package/dist/cjs/limel-banner.cjs.entry.js +2 -2
- package/dist/cjs/limel-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-breadcrumbs_5.cjs.entry.js +6 -0
- package/dist/cjs/limel-breadcrumbs_5.cjs.entry.js.map +1 -1
- package/dist/collection/components/banner/banner.css +18 -0
- package/dist/collection/components/banner/banner.js +1 -1
- package/dist/collection/components/banner/banner.js.map +1 -1
- package/dist/collection/components/chip/chip.js +2 -2
- package/dist/collection/components/input-field/input-field.js +6 -0
- package/dist/collection/components/input-field/input-field.js.map +1 -1
- package/dist/esm/limel-banner.entry.js +2 -2
- package/dist/esm/limel-banner.entry.js.map +1 -1
- package/dist/esm/limel-breadcrumbs_5.entry.js +6 -0
- package/dist/esm/limel-breadcrumbs_5.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-afce9725.entry.js → p-1bcdc70b.entry.js} +2 -2
- package/dist/lime-elements/p-1bcdc70b.entry.js.map +1 -0
- package/dist/lime-elements/{p-bcfb5db5.entry.js → p-d2213a74.entry.js} +2 -2
- package/dist/lime-elements/p-d2213a74.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/collection/components/table/examples/birds.js +0 -253
- package/dist/collection/components/table/examples/birds.js.map +0 -1
- package/dist/lime-elements/p-afce9725.entry.js.map +0 -1
- package/dist/lime-elements/p-bcfb5db5.entry.js.map +0 -1
- package/dist/types/components/file-viewer/file-viewer.d.ts +0 -126
- package/dist/types/components/progress-flow/progress-flow-item/progress-flow-item.d.ts +0 -36
- package/dist/types/components/progress-flow/progress-flow.d.ts +0 -49
- package/dist/types/components/table/examples/birds.d.ts +0 -15
- package/dist/types/components/text-editor/prosemirror-adapter/menu/types.d.ts +0 -50
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## [37.49.4](https://github.com/Lundalogik/lime-elements/compare/v37.49.3...v37.49.4) (2024-06-10)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
* **banner:** improve mobile layout ([311a4f8](https://github.com/Lundalogik/lime-elements/commit/311a4f8194e55549b0be4e4e2e5f7787438e76d9))
|
|
8
|
+
|
|
9
|
+
## [37.49.3](https://github.com/Lundalogik/lime-elements/compare/v37.49.2...v37.49.3) (2024-06-10)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
* **input-field:** improve synchronisation with invalid property ([e33141a](https://github.com/Lundalogik/lime-elements/commit/e33141ad1c954cb116897f2359700da8b11217f8))
|
|
16
|
+
|
|
1
17
|
## [37.49.2](https://github.com/Lundalogik/lime-elements/compare/v37.49.1...v37.49.2) (2024-06-09)
|
|
2
18
|
|
|
3
19
|
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d1052409.js');
|
|
6
6
|
|
|
7
|
-
const bannerCss = ":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}.lime-banner{min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}";
|
|
7
|
+
const bannerCss = ":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}.lime-banner{min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner .icon-message{display:flex;align-items:center}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}@media screen and (max-width: 760px){.lime-banner__content{flex-direction:column;gap:0.5rem}.icon-message{display:flex;align-items:center}.lime-banner__actions{margin-left:0}}";
|
|
8
8
|
|
|
9
9
|
const Banner = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -26,7 +26,7 @@ const Banner = class {
|
|
|
26
26
|
this.isOpen = false;
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, index.h("div", { class: "lime-banner__surface" }, index.h("div", { class: "lime-banner__content" }, this.renderIcon(), index.h("div", null, this.message), index.h("div", { class: "lime-banner__actions" }, index.h("slot", { name: "buttons" }))))));
|
|
29
|
+
return (index.h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, index.h("div", { class: "lime-banner__surface" }, index.h("div", { class: "lime-banner__content" }, index.h("div", { class: "icon-message" }, this.renderIcon(), index.h("div", null, this.message)), index.h("div", { class: "lime-banner__actions" }, index.h("slot", { name: "buttons" }))))));
|
|
30
30
|
}
|
|
31
31
|
renderIcon() {
|
|
32
32
|
if (!this.icon) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"limel-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,
|
|
1
|
+
{"file":"limel-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,qvEAAqvE;;MCW1vE,MAAM;;;;;kBAcE,KAAK;;;;;EAMf,MAAM,IAAI;IACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;GACtB;;;;EAMM,MAAM,KAAK;IACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;GACvB;EAEM,MAAM;IACT,QACIA,iBACI,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM,GAAG,mBAAmB,GAAG,EAAE,EAAE,IAE9DA,iBAAK,KAAK,EAAC,sBAAsB,IAC7BA,iBAAK,KAAK,EAAC,sBAAsB,IAC7BA,iBAAK,KAAK,EAAC,cAAc,IACpB,IAAI,CAAC,UAAU,EAAE,EAClBA,qBAAM,IAAI,CAAC,OAAO,CAAO,CACvB,EACNA,iBAAK,KAAK,EAAC,sBAAsB,IAC7BA,kBAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACJ,CACJ,EACR;GACL;EAEO,UAAU;IACd,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,QACIA,iBAAK,KAAK,EAAC,mBAAmB,IAC1BA,wBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CACvD,EACR;GACL;;;;;;","names":["h"],"sources":["./src/components/banner/banner.scss?tag=limel-banner&encapsulation=shadow","./src/components/banner/banner.tsx"],"sourcesContent":["@use '../../style/internal/lime-theme';\n@use '../../style/internal/variables';\n@use '../../style/functions';\n\n/**\n * @prop --banner-icon-fill-color: Color of the banner icon.\n * @prop --banner-icon-background-color: Background color of the banner icon.\n */\n\n.lime-banner {\n min-height: variables.$lime-banner-height;\n display: none;\n background-color: rgba(var(--contrast-100), 0.7);\n backdrop-filter: blur(functions.pxToRem(5));\n box-shadow: var(--shadow-depth-16);\n\n &.lime-banner--open {\n display: block;\n .lime-banner__surface {\n opacity: 1;\n }\n }\n .lime-banner__surface {\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n opacity: 0;\n }\n\n .lime-banner__content {\n display: flex;\n align-items: center;\n align-content: stretch;\n padding: functions.pxToRem(16);\n flex-wrap: wrap;\n }\n\n .icon-message {\n display: flex;\n align-items: center;\n }\n\n div[class^='mdc-typography'] {\n color: rgb(var(--contrast-1200));\n }\n\n .lime-banner__icon {\n margin: 0 functions.pxToRem(10);\n align-self: flex-start;\n }\n\n .lime-banner__actions {\n margin-left: functions.pxToRem(50);\n display: flex;\n justify-content: flex-end;\n }\n\n limel-icon {\n color: var(--banner-icon-fill-color, rgb(var(--contrast-100)));\n background-color: var(\n --banner-icon-background-color,\n rgb(var(--contrast-800))\n );\n }\n}\n@media screen and (max-width: 760px) {\n .lime-banner__content {\n flex-direction: column;\n gap: 0.5rem;\n }\n .icon-message {\n display: flex;\n align-items: center;\n }\n .lime-banner__actions {\n margin-left: 0;\n }\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-banner\n * @slot buttons - Buttons to show in the banner\n */\n@Component({\n tag: 'limel-banner',\n shadow: true,\n styleUrl: 'banner.scss',\n})\nexport class Banner {\n /**\n * The text to show on the banner.\n */\n @Prop({ reflect: true })\n public message: string;\n\n /**\n * Set icon for the banner\n */\n @Prop({ reflect: true })\n public icon: string;\n\n @State()\n private isOpen = false;\n\n /**\n * Open the banner\n */\n @Method()\n public async open() {\n this.isOpen = true;\n }\n\n /**\n * Close the banner\n */\n @Method()\n public async close() {\n this.isOpen = false;\n }\n\n public render() {\n return (\n <div\n class={`lime-banner ${this.isOpen ? 'lime-banner--open' : ''}`}\n >\n <div class=\"lime-banner__surface\">\n <div class=\"lime-banner__content\">\n <div class=\"icon-message\">\n {this.renderIcon()}\n <div>{this.message}</div>\n </div>\n <div class=\"lime-banner__actions\">\n <slot name=\"buttons\" />\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n private renderIcon(): HTMLElement {\n if (!this.icon) {\n return;\n }\n\n return (\n <div class=\"lime-banner__icon\">\n <limel-icon name={this.icon} badge={true} size=\"large\" />\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -124,6 +124,9 @@ const InputField = class {
|
|
|
124
124
|
if (this.invalid) {
|
|
125
125
|
this.mdcTextField.valid = false;
|
|
126
126
|
}
|
|
127
|
+
else {
|
|
128
|
+
this.mdcTextField.valid = true;
|
|
129
|
+
}
|
|
127
130
|
this.mapCompletions();
|
|
128
131
|
window.addEventListener('resize', this.layout, { passive: true });
|
|
129
132
|
this.limelInputField.addEventListener('focus', this.setFocus);
|
|
@@ -566,6 +569,9 @@ const InputField = class {
|
|
|
566
569
|
if (this.invalid) {
|
|
567
570
|
this.mdcTextField.valid = false;
|
|
568
571
|
}
|
|
572
|
+
else {
|
|
573
|
+
this.mdcTextField.valid = true;
|
|
574
|
+
}
|
|
569
575
|
this.mdcTextField.disabled = this.disabled || this.readonly;
|
|
570
576
|
}
|
|
571
577
|
render() {
|