diff --git a/packages/csc-ui-documentation/layouts/Default.vue b/packages/csc-ui-documentation/layouts/Default.vue index fd79a37c..29285967 100644 --- a/packages/csc-ui-documentation/layouts/Default.vue +++ b/packages/csc-ui-documentation/layouts/Default.vue @@ -175,7 +175,10 @@ const components = computed(() => parsedData.value .filter((component) => { if (query.value) { - return component.docsTags.length && component.tag.includes(query.value); + return ( + component.docsTags.length && + component.tag.includes(query.value.toLowerCase()) + ); } return component.docsTags.length; diff --git a/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx b/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx index 349b1a7c..60c5d9a1 100644 --- a/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx +++ b/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx @@ -346,12 +346,18 @@ export class CDropdown { }); } - private _emptyItem = ( -
  • - - No suggestions found -
  • - ); + private _emptyItem() { + const { query, loading } = this.parent as HTMLCAutocompleteElement; + + if (!query || loading) return; + + return ( +
  • + + No suggestions found +
  • + ); + } private _renderList() { return this.itemType === 'option' @@ -360,7 +366,7 @@ export class CDropdown { } private _renderOptionsList() { - if (!this.items.length) return this._emptyItem; + if (!this.items.length) return this._emptyItem(); const options = Array.from(this.items) as HTMLCOptionElement[]; @@ -402,7 +408,7 @@ export class CDropdown { } private _renderItemsList() { - if (!this.items.length) return this._emptyItem; + if (!this.items.length) return this._emptyItem(); this._listItems.length = 0; diff --git a/packages/csc-ui/src/components/c-input/c-input.scss b/packages/csc-ui/src/components/c-input/c-input.scss index 84aec2fa..66d55f80 100644 --- a/packages/csc-ui/src/components/c-input/c-input.scss +++ b/packages/csc-ui/src/components/c-input/c-input.scss @@ -179,7 +179,7 @@ transform-origin: top left; transform: translateX(var(--_c-input-label-position)) translateY(0) scale(1); - transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); + transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) 0.08s; white-space: nowrap; &.active { diff --git a/packages/csc-ui/src/components/c-tabs/c-tabs.tsx b/packages/csc-ui/src/components/c-tabs/c-tabs.tsx index d2bb1155..7ddaeab7 100644 --- a/packages/csc-ui/src/components/c-tabs/c-tabs.tsx +++ b/packages/csc-ui/src/components/c-tabs/c-tabs.tsx @@ -328,7 +328,7 @@ export class CTabs { ) as HTMLCTabItemElement[] ).find((child) => child.value === tab.value); - item.setAttribute('disabled', tab.disabled.toString()); + item.setAttribute('disabled', (!!tab.disabled).toString()); item.setAttribute('id', tabItemId); item.setAttribute('aria-labelledby', tabId); diff --git a/packages/csc-ui/tokens/theme/base.json b/packages/csc-ui/tokens/theme/base.json index 50a76293..dbc57860 100644 --- a/packages/csc-ui/tokens/theme/base.json +++ b/packages/csc-ui/tokens/theme/base.json @@ -34,31 +34,31 @@ }, "error": { "100": { - "value": "#f8e6e9ff" + "value": "#fce7e7ff" }, "200": { - "value": "#f1cdd4ff" + "value": "#f8ceceff" }, "300": { - "value": "#e39ca9ff" + "value": "#f19e9eff" }, "400": { - "value": "#d56a7fff" + "value": "#eb6d6dff" }, "500": { - "value": "#c73954ff" + "value": "#e43d3dff" }, "600": { - "value": "#b90729ff" + "value": "#dd0c0cff" }, "700": { - "value": "#940621ff" + "value": "#ae0909ff" }, "800": { - "value": "#6f0419ff" + "value": "#7e0707ff" }, "900": { - "value": "#4a0310ff" + "value": "#4d0404ff" } }, "info": {