@limetech/lime-elements 38.19.3 → 38.19.5

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [38.19.5](https://github.com/Lundalogik/lime-elements/compare/v38.19.4...v38.19.5) (2025-07-17)
+
+
+### Bug Fixes
+
+
+* **table:** check for new data in table rows when refresh is triggered ([9ae00de](https://github.com/Lundalogik/lime-elements/commit/9ae00de4ba6a87c81db756c9e29c68c0e32730a6))
+
+## [38.19.4](https://github.com/Lundalogik/lime-elements/compare/v38.19.3...v38.19.4) (2025-07-17)
+
+
+### Bug Fixes
+
+
+* **popover:** ensure content is added to portal container ([ed9071c](https://github.com/Lundalogik/lime-elements/commit/ed9071c2cf10cfd99b1c9c21b54eae3ddb137cd9)), closes [Lundalogik/crm-client#184](https://github.com/Lundalogik/crm-client/issues/184)
+
 ## [38.19.3](https://github.com/Lundalogik/lime-elements/compare/v38.19.2...v38.19.3) (2025-07-14)
 
 

package/README.md

@@ -1,24 +1,67 @@
-# Lime Elements
+# <img src="https://raw.githubusercontent.com/Lundalogik/lime-elements/main/icon.png" alt="Lime Elements Logo" style="width: 2.5rem; vertical-align: middle;"> Lime Elements
 
-In the ever-evolving landscape of web-applications, streamlining the creation of user interfaces (UIs) has become paramount. This is where web-component libraries and design systems come into play, offering a powerful combination to accelerate development, enhance consistency, and foster collaboration among developers.
+**Modern Web Components for Enterprise Applications**
 
-Web-component libraries and design systems are crucial in the rapidly evolving web-applications landscape, accelerating development, enhancing consistency, and promoting collaboration.
+_A comprehensive design system and component library built with Stencil_
 
-Sponsored by [Lime Technologies](https://www.lime-technologies.com/), Lime Elements is an open-source component library and a design system. It provides a high-quality set of well-designed, well-documented UI components, crafted in Stencil for enterprise-level products.
+---
+
+## Why Lime Elements?
+
+- 🚀 **Enterprise-Ready** - Battle-tested components used in production applications
+- 🎨 **Design System** - Consistent UX/UI design with comprehensive usage guidelines
+- ⚡ **Web Standards** - Built with Stencil, works with any framework
+- 👾 **TypeScript** - Full type safety and excellent developer experience
+- ♿ **Accessible** - Built with accessibility in mind
+- ⚙️ **Customizable** - Extensive styling options
+
+---
+
+Sponsored by <img src="https://www.lime-technologies.com/wp-content/uploads/2024/04/cropped-favicon-lime-192x192.png" alt="Lime Technologies Logo" style="width: 1rem; vertical-align: middle;"> [Lime Technologies](https://www.lime-technologies.com/), Lime Elements is a production-ready component library and design system built with Stencil. Our enterprise-grade components help you create consistent, scalable, and accessible web applications faster.
+
+Whether you're building from scratch or enhancing existing applications, Lime Elements provides the building blocks for exceptional user experiences that work across all modern frameworks.
+
+Visit our [📚 **Documentation**](https://lundalogik.github.io/lime-elements/) for comprehensive guides and examples, or install directly from [📦 **NPM**](https://www.npmjs.com/package/@limetech/lime-elements).
+
+### Project Status
 
-Our top developers and designers continuously improve Lime Elements, fixing bugs and adding new features. It serves as Lime Technologies' central repository for UI guidelines, standards, and components, ensuring a consistent brand experience across all our applications. Lime Elements standardizes colors, typography, layouts, and interactions for a cohesive, accessible user experience.
+[![Version](https://img.shields.io/npm/v/@limetech/lime-elements.svg)](https://www.npmjs.com/package/@limetech/lime-elements) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) [![npm downloads](https://img.shields.io/npm/dt/@limetech/lime-elements.svg)](https://www.npmjs.com/package/@limetech/lime-elements)
 
-We invite you to leverage our web-component library and design system. It can streamline development, enhance consistency, ease collaboration, and deliver exceptional user experiences. Lime Elements can be instrumental in creating modern, scalable, and accessible web applications that resonate with users worldwide.
+### Quality & Reliability
 
-For a full list of components, along with live examples, please visit the [documentation](https://lundalogik.github.io/lime-elements/).
+[![Build Status](https://github.com/Lundalogik/lime-elements/workflows/Release/badge.svg)](https://github.com/Lundalogik/lime-elements/actions) [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=Lundalogik_lime-elements&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=Lundalogik_lime-elements) [![Bundle Size](https://packagephobia.com/badge?p=@limetech/lime-elements)](https://packagephobia.com/result?p=@limetech/lime-elements) [![Known Vulnerabilities](https://snyk.io/test/github/Lundalogik/lime-elements/badge.svg)](https://snyk.io/test/github/Lundalogik/lime-elements) [![Dependencies](https://img.shields.io/librariesio/github/Lundalogik/lime-elements)](https://libraries.io/github/Lundalogik/lime-elements)
 
-[![Version](https://img.shields.io/npm/v/@limetech/lime-elements.svg)](https://www.npmjs.com/package/@limetech/lime-elements) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
+### Technology & Standards
+
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/) [![Stencil](https://img.shields.io/badge/Built%20with-Stencil-16161d.svg?logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzkgMC45NGMtLjQ2LS4zLTEuMDgtLjMtMS41NSAwTDEuNDIgNC4xOUMuOSA0LjUyLjkgNS4yOCAxLjQyIDUuNkw3IDEwIDguNjMgOC43OSAxMy42MyA1LjZjLjUyLS4zMy41Mi0xLjA5IDAtMS40MUw3LjggMC45NHoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+)](https://stenciljs.com/) [![Web Components](https://img.shields.io/badge/Web%20Components-Ready-29ABE2.svg)](https://www.webcomponents.org/) [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
+
+### Community & Activity
+
+[![GitHub stars](https://img.shields.io/github/stars/Lundalogik/lime-elements?style=social)](https://github.com/Lundalogik/lime-elements) [![GitHub issues](https://img.shields.io/github/issues/Lundalogik/lime-elements)](https://github.com/Lundalogik/lime-elements/issues) [![GitHub pull requests](https://img.shields.io/github/issues-pr/Lundalogik/lime-elements)](https://github.com/Lundalogik/lime-elements/pulls) [![Commits](https://img.shields.io/github/commit-activity/m/Lundalogik/lime-elements)](https://github.com/Lundalogik/lime-elements/graphs/commit-activity)
+
+---
+
+## Quick Start
+
+```html
+<!-- Load the package -->
+<script type="module" src="https://cdn.jsdelivr.net/npm/@limetech/lime-elements@latest/dist/lime-elements/lime-elements.esm.js"></script>
+
+<!-- Use components in your HTML -->
+<limel-input-field
+    label="Name"
+    placeholder="Enter your full name"
+></limel-input-field>
+<limel-button primary label="Submit"></limel-button>
+```
+
+**[Try it live in our playground](https://lundalogik.github.io/lime-elements/versions/latest/#/)**
 
 ---
 
 ## Getting Started
 
--   To install, run `npm install @limetech/lime-elements`.
+- To install, run `npm install @limetech/lime-elements`.
 
 ### Requirements
 
@@ -46,7 +89,7 @@ font-family: 'Roboto', Arial, Verdana, sans-serif;
 
 #### 2. Icons
 
-At Lime, we utilize the [_Windows 10_ icon set from **Icons8**](https://icons8.com/icons/windows). You may notice these icons in our components, such as the magnifying glass icon displayed as a leading icon on an input field.
+At Lime, we utilize the [_Windows 11 Outline_ icon set from **Icons8**](https://icons8.com/icons/fluency-systems-regular). You may notice these icons in our components, such as the magnifying glass icon displayed as a leading icon on an input field.
 
 If you're using Lime Elements in a non-Lime product, you'll need to provide your own icons. We're unable to redistribute Icons8's assets with our package due to licensing restrictions.
 
@@ -54,11 +97,11 @@ Providing your own icons is crucial as many of our components use an `Icon` inte
 
 ##### How to Set Up Your Icons Folder
 
--   **For _Lime_ products:**
+- **For _Lime_ products:**
 
     To use `@lundalogik/lime-icons8`, the `/assets` folder from `@lundalogik/lime-icons8` must be made available on the web-server.
 
--   **For _non-Lime_ products:**
+- **For _non-Lime_ products:**
 
     To use a different icon set, the icons must be placed in a folder structure that looks like this: `assets/icons/<name-of-icon>.svg`
 
@@ -78,7 +121,7 @@ Providing your own icons is crucial as many of our components use an `Icon` inte
 
 ---
 
-## Using @beta components
+## Using @beta Components
 
 Components marked as `@beta` are not yet stable. Here's what you need to know:
 
@@ -90,14 +133,49 @@ Remember: All components can change, but `@beta` components change more often an
 
 ---
 
-## Getting help
+## Community & Support
 
--   If you have a general question, or are in need of support, please open a [Question issue](https://github.com/Lundalogik/lime-elements/issues/new?template=03_question.md) on GitHub.
+- 💬 **Questions?** [create an issue](https://github.com/Lundalogik/lime-elements/issues/new?template=03_question.md)
+- 🐛 **Found a bug?** [Report it here](https://github.com/Lundalogik/lime-elements/issues/new?template=01_bug_report.md)
+- 💡 **Feature request?** [Share your ideas](https://github.com/Lundalogik/lime-elements/issues/new?template=02_feature_request.md)
+- 🆕 **What's new?** Check our [changelog](https://github.com/Lundalogik/lime-elements/blob/main/CHANGELOG.md) for the latest updates
 
 ---
 
 ## Contributing
 
--   To build and run the documentation locally on your machine, run `npm start`.
--   To see what other scripts are available, run `npm run`.
--   Please read our [guidelines for contributers](https://github.com/Lundalogik/lime-elements/CONTRIBUTING.md)
+We welcome contributions from the community! Here's how you can help:
+
+- 🔍 **Found an issue?** Feel free to fix it and submit a PR
+- 📝 **Improve docs?** Documentation improvements are always appreciated
+- 🎨 **Design feedback?** Share your UX insights
+- 🧪 **Testing?** Help us test new features and report bugs
+
+**Quick Set Up**
+
+```bash
+git clone https://github.com/Lundalogik/lime-elements.git
+cd lime-elements
+npm install
+npm start  # Starts local development server
+```
+
+📋 **[Read our full contributing guidelines](https://github.com/Lundalogik/lime-elements/blob/main/CONTRIBUTING.md)**
+
+---
+
+## 📄 License
+
+Lime Elements is open source software licensed under the [Apache 2.0 License](https://opensource.org/licenses/Apache-2.0).
+
+---
+
+<div align="center">
+
+**Built with ❤️ by your friends at [Lime Technologies](https://www.lime-technologies.com/)**
+
+_Empowering developers to create amazing user experiences_
+
+[⭐ Star us on GitHub](https://github.com/Lundalogik/lime-elements) • [📚 Documentation](https://lundalogik.github.io/lime-elements/) • [📦 NPM](https://www.npmjs.com/package/@limetech/lime-elements)
+
+</div>