Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions packages/ecc-utils-design/src/components/badge/badge.ts
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,8 @@ const sizeStyles: Record<"sm" | "md" | "lg", string> = {

/**
* EccUtilsDesignBadge - Badge component
*
* @element ecc-utils-design-badge
*/
export class EccUtilsDesignBadge extends LitElement {
static styles = [
Expand Down
2 changes: 2 additions & 0 deletions packages/ecc-utils-design/src/components/code/code.ts
Original file line number Diff line number Diff line change
Expand Up @@ -601,6 +601,8 @@ function cn(...classes: (string | undefined | false)[]) {

/**
* Code editor component with syntax highlighting
*
* @element ecc-utils-design-code
*/
export class EccUtilsDesignCode extends LitElement {
static styles = [
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@ const collapsibleState = new Map<

/**
* EccUtilsDesignCollapsible - Root collapsible component
*
* @element ecc-utils-design-collapsible
*/
export class EccUtilsDesignCollapsible extends LitElement {
static styles = [
Expand Down Expand Up @@ -90,6 +92,8 @@ export class EccUtilsDesignCollapsible extends LitElement {

/**
* EccUtilsDesignCollapsibleTrigger - Trigger component
*
* @element ecc-utils-design-collapsible-trigger
*/
export class EccUtilsDesignCollapsibleTrigger extends LitElement {
static styles = [
Expand Down Expand Up @@ -145,6 +149,8 @@ export class EccUtilsDesignCollapsibleTrigger extends LitElement {

/**
* EccUtilsDesignCollapsibleContent - Content component
*
* @element ecc-utils-design-collapsible-content
*/
export class EccUtilsDesignCollapsibleContent extends LitElement {
static styles = [
Expand Down
5 changes: 5 additions & 0 deletions packages/ecc-utils-design/src/components/input/input.ts
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,11 @@ function cn(...classes: (string | undefined | false)[]) {
return classes.filter(Boolean).join(" ");
}

/**
* EccUtilsDesignInput - Input component
*
* @element ecc-utils-design-input
*/
export class EccUtilsDesignInput extends LitElement {
static styles = [
css`
Expand Down
2 changes: 2 additions & 0 deletions packages/ecc-utils-design/src/components/label/label.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@ function cn(...classes: (string | undefined | false)[]) {

/**
* EccUtilsDesignLabel - Label component
*
* @element ecc-utils-design-label
*/
export class EccUtilsDesignLabel extends LitElement {
static styles = [
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,8 @@ const multiSelectState = new Map<

/**
* EccUtilsDesignMultiSelect - Root multi-select component
*
* @element ecc-utils-design-multi-select
*/
export class EccUtilsDesignMultiSelect extends LitElement {
static styles = [
Expand Down Expand Up @@ -140,6 +142,8 @@ export class EccUtilsDesignMultiSelect extends LitElement {

/**
* EccUtilsDesignMultiSelectTrigger - Trigger component for the multi-select
*
* @element ecc-utils-design-multi-select-trigger
*/
export class EccUtilsDesignMultiSelectTrigger extends LitElement {
static styles = [
Expand Down Expand Up @@ -351,6 +355,8 @@ export class EccUtilsDesignMultiSelectTrigger extends LitElement {

/**
* EccUtilsDesignMultiSelectContent - Content component for the multi-select
*
* @element ecc-utils-design-multi-select-content
*/
export class EccUtilsDesignMultiSelectContent extends LitElement {
static styles = [
Expand Down Expand Up @@ -429,6 +435,8 @@ export class EccUtilsDesignMultiSelectContent extends LitElement {

/**
* EccUtilsDesignMultiSelectItem - Item component for the multi-select
*
* @element ecc-utils-design-multi-select-item
*/
export class EccUtilsDesignMultiSelectItem extends LitElement {
static styles = [
Expand Down
14 changes: 14 additions & 0 deletions packages/ecc-utils-design/src/components/pagination/pagination.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ function cn(...classes: (string | undefined | false)[]) {

/**
* EccUtilsDesignPagination - Root pagination component
*
* @element ecc-utils-design-pagination
*/
export class EccUtilsDesignPagination extends LitElement {
static styles = [
Expand Down Expand Up @@ -39,6 +41,8 @@ export class EccUtilsDesignPagination extends LitElement {

/**
* EccUtilsDesignPaginationContent - Content component
*
* @element ecc-utils-design-pagination-content
*/
export class EccUtilsDesignPaginationContent extends LitElement {
static styles = [
Expand All @@ -63,6 +67,8 @@ export class EccUtilsDesignPaginationContent extends LitElement {

/**
* EccUtilsDesignPaginationItem - Item component
*
* @element ecc-utils-design-pagination-item
*/
export class EccUtilsDesignPaginationItem extends LitElement {
static styles = [
Expand All @@ -85,6 +91,8 @@ export class EccUtilsDesignPaginationItem extends LitElement {

/**
* EccUtilsDesignPaginationLink - Link component
*
* @element ecc-utils-design-pagination-link
*/
export class EccUtilsDesignPaginationLink extends LitElement {
static styles = [
Expand Down Expand Up @@ -135,6 +143,8 @@ export class EccUtilsDesignPaginationLink extends LitElement {

/**
* EccUtilsDesignPaginationPrevious - Previous button component
*
* @element ecc-utils-design-pagination-previous
*/
export class EccUtilsDesignPaginationPrevious extends LitElement {
static styles = [
Expand Down Expand Up @@ -196,6 +206,8 @@ export class EccUtilsDesignPaginationPrevious extends LitElement {

/**
* EccUtilsDesignPaginationNext - Next button component
*
* @element ecc-utils-design-pagination-next
*/
export class EccUtilsDesignPaginationNext extends LitElement {
static styles = [
Expand Down Expand Up @@ -257,6 +269,8 @@ export class EccUtilsDesignPaginationNext extends LitElement {

/**
* EccUtilsDesignPaginationEllipsis - Ellipsis component
*
* @element ecc-utils-design-pagination-ellipsis
*/
export class EccUtilsDesignPaginationEllipsis extends LitElement {
static styles = [
Expand Down
16 changes: 16 additions & 0 deletions packages/ecc-utils-design/src/components/select/select.ts
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ const selectState = new Map<

/**
* EccUtilsDesignSelect - Root select component
*
* @element ecc-utils-design-select
*/
export class EccUtilsDesignSelect extends LitElement {
static styles = [
Expand Down Expand Up @@ -120,6 +122,8 @@ export class EccUtilsDesignSelect extends LitElement {

/**
* EccUtilsDesignSelectTrigger - Trigger component for the select
*
* @element ecc-utils-design-select-trigger
*/
export class EccUtilsDesignSelectTrigger extends LitElement {
static styles = [
Expand Down Expand Up @@ -183,6 +187,8 @@ export class EccUtilsDesignSelectTrigger extends LitElement {

/**
* EccUtilsDesignSelectContent - Content component for the select
*
* @element ecc-utils-design-select-content
*/
export class EccUtilsDesignSelectContent extends LitElement {
static styles = [
Expand Down Expand Up @@ -254,6 +260,8 @@ export class EccUtilsDesignSelectContent extends LitElement {

/**
* EccUtilsDesignSelectItem - Item component for the select
*
* @element ecc-utils-design-select-item
*/
export class EccUtilsDesignSelectItem extends LitElement {
static styles = [
Expand Down Expand Up @@ -371,6 +379,8 @@ export class EccUtilsDesignSelectItem extends LitElement {

/**
* EccUtilsDesignSelectGroup - Group component
*
* @element ecc-utils-design-select-group
*/
export class EccUtilsDesignSelectGroup extends LitElement {
static styles = [
Expand All @@ -393,6 +403,8 @@ export class EccUtilsDesignSelectGroup extends LitElement {

/**
* EccUtilsDesignSelectLabel - Label component
*
* @element ecc-utils-design-select-label
*/
export class EccUtilsDesignSelectLabel extends LitElement {
static styles = [
Expand All @@ -412,6 +424,8 @@ export class EccUtilsDesignSelectLabel extends LitElement {

/**
* EccUtilsDesignSelectSeparator - Separator component
*
* @element ecc-utils-design-select-separator
*/
export class EccUtilsDesignSelectSeparator extends LitElement {
static styles = [
Expand All @@ -431,6 +445,8 @@ export class EccUtilsDesignSelectSeparator extends LitElement {

/**
* EccUtilsDesignSelectValue - Value component for the select
*
* @element ecc-utils-design-select-value
*/
export class EccUtilsDesignSelectValue extends LitElement {
static styles = [
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@ function cn(...classes: (string | undefined | false)[]) {
* @summary A separator component that visually or semantically separates content
* @since 1.0.0
*
* @element ecc-utils-design-separator
*
* @csspart base - The component's base wrapper
*
* @slot - Default slot
Expand Down
4 changes: 2 additions & 2 deletions packages/ecc-utils-design/src/components/skeleton/skeleton.ts
Original file line number Diff line number Diff line change
Expand Up @@ -15,12 +15,12 @@ function cn(...classes: (string | undefined | false)[]) {
*
* @element ecc-utils-design-skeleton
*
* @prop {string} class - Additional CSS classes to apply to the skeleton
* @attr {string} class - Additional CSS classes to apply to the skeleton
*
* @example
* ```html
* <!-- Basic usage -->
* <ecc-utils-design-skeleton class="h-4 w-40"></ecc-utils-design-skeleton>
* <ecc-utils-design-skeleton class="w-[100px] h-[20px] rounded-full"></ecc-utils-design-skeleton>
*
* <!-- Card skeleton -->
* <div class="card">
Expand Down