Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
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
12 changes: 12 additions & 0 deletions packages/ecc-utils-design/src/components/card/card.ts
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@ function cn(...classes: (string | undefined | false)[]) {
* EccUtilsDesignCard - Main card container component
*
* @element ecc-utils-design-card
*
* @element ecc-utils-design-card
*/
export class EccUtilsDesignCard extends LitElement {
static styles = [
Expand Down Expand Up @@ -40,6 +42,8 @@ export class EccUtilsDesignCard extends LitElement {
* EccUtilsDesignCardHeader - Card header component
*
* @element ecc-utils-design-card-header
*
* @element ecc-utils-design-card-header
*/
export class EccUtilsDesignCardHeader extends LitElement {
static styles = [
Expand Down Expand Up @@ -67,6 +71,8 @@ export class EccUtilsDesignCardHeader extends LitElement {
* EccUtilsDesignCardTitle - Card title component
*
* @element ecc-utils-design-card-title
*
* @element ecc-utils-design-card-title
*/
export class EccUtilsDesignCardTitle extends LitElement {
static styles = [
Expand Down Expand Up @@ -94,6 +100,8 @@ export class EccUtilsDesignCardTitle extends LitElement {
* EccUtilsDesignCardDescription - Card description component
*
* @element ecc-utils-design-card-description
*
* @element ecc-utils-design-card-description
*/
export class EccUtilsDesignCardDescription extends LitElement {
static styles = [
Expand Down Expand Up @@ -121,6 +129,8 @@ export class EccUtilsDesignCardDescription extends LitElement {
* EccUtilsDesignCardContent - Card content component
*
* @element ecc-utils-design-card-content
*
* @element ecc-utils-design-card-content
*/
export class EccUtilsDesignCardContent extends LitElement {
static styles = [
Expand Down Expand Up @@ -148,6 +158,8 @@ export class EccUtilsDesignCardContent extends LitElement {
* EccUtilsDesignCardFooter - Card footer component
*
* @element ecc-utils-design-card-footer
*
* @element ecc-utils-design-card-footer
*/
export class EccUtilsDesignCardFooter 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
8 changes: 8 additions & 0 deletions packages/ecc-utils-design/src/components/tabs/tabs.ts
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@ function cn(...classes: (string | undefined | false)[]) {
* EccUtilsDesignTabs - Main tabs container component
*
* @element ecc-utils-design-tabs
*
* @element ecc-utils-design-tabs
*/
export class EccUtilsDesignTabs extends LitElement {
static styles = [
Expand Down Expand Up @@ -140,6 +142,8 @@ export class EccUtilsDesignTabs extends LitElement {
* EccUtilsDesignTabsList - Container for tab triggers
*
* @element ecc-utils-design-tabs-list
*
* @element ecc-utils-design-tabs-list
*/
export class EccUtilsDesignTabsList extends LitElement {
static styles = [
Expand Down Expand Up @@ -171,6 +175,8 @@ export class EccUtilsDesignTabsList extends LitElement {
* EccUtilsDesignTabsTrigger - Individual tab trigger button
*
* @element ecc-utils-design-tabs-trigger
*
* @element ecc-utils-design-tabs-trigger
*/
export class EccUtilsDesignTabsTrigger extends LitElement {
static styles = [
Expand Down Expand Up @@ -231,6 +237,8 @@ export class EccUtilsDesignTabsTrigger extends LitElement {
* EccUtilsDesignTabsContent - Content panel for a tab
*
* @element ecc-utils-design-tabs-content
*
* @element ecc-utils-design-tabs-content
*/
export class EccUtilsDesignTabsContent extends LitElement {
static styles = [
Expand Down