diff --git a/CHANGELOG.md b/CHANGELOG.md index a27a8bc..46521f7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file. (The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).) +## [0.0.19](https://github.com/iancharlesdouglas/carbon-icons-qwik/releases/tag/0.0.19) - 2024-04-22 +|Added|Fixed|Changed|Removed| +|-|-|-|-| +|Embedded source components for certain Carbon icons|-|-|References to carbon-icons-qwik icons| + ## [0.0.18](https://github.com/iancharlesdouglas/carbon-icons-qwik/releases/tag/0.0.18) - 2024-04-22 |Added|Fixed|Changed|Removed| |-|-|-|-| diff --git a/package.json b/package.json index cd7133d..1543dcc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "carbon-components-qwik", - "version": "0.0.18", + "version": "0.0.19", "description": "Carbon Design System components implemented as Qwik components", "license": "Apache-2.0", "main": "./lib/index.qwik.mjs", diff --git a/src/components/dropdown/dropdown.tsx b/src/components/dropdown/dropdown.tsx index de1df04..0b8dc21 100644 --- a/src/components/dropdown/dropdown.tsx +++ b/src/components/dropdown/dropdown.tsx @@ -24,6 +24,7 @@ import './dropdown.scss'; import { removeProps } from '../../internal/objects/remove-props'; import { itemsEqual } from '../../internal/qombobox/items-equal'; import { itemDisabled } from '../../internal/qombobox/item-disabled'; +import { Checkmark } from '../../internal/icons/checkmark'; /** * Listbox item that has a label @@ -377,9 +378,9 @@ export const Dropdown = component$((props: DropdownProps) => { > {ItemToElement && } {!ItemToElement && itemToString(item)} - {/* {itemSelected && !ItemToElement && ( + {itemSelected && !ItemToElement && ( - )} */} + )} ); })} diff --git a/src/components/list-box/list-box-menu-icon.tsx b/src/components/list-box/list-box-menu-icon.tsx index b9adb8f..59bf201 100644 --- a/src/components/list-box/list-box-menu-icon.tsx +++ b/src/components/list-box/list-box-menu-icon.tsx @@ -1,7 +1,7 @@ import { component$ } from '@builder.io/qwik'; import { usePrefix } from '../../internal/hooks/use-prefix'; import classNames from 'classnames'; -import { ChevronDown } from 'carbon-icons-qwik'; +import { ChevronDown } from '../../internal/icons/chevron--down'; /** * ListBoxMenuIcon props diff --git a/src/internal/icons/checkmark.tsx b/src/internal/icons/checkmark.tsx new file mode 100644 index 0000000..79d5299 --- /dev/null +++ b/src/internal/icons/checkmark.tsx @@ -0,0 +1,25 @@ +import { component$ } from '@builder.io/qwik'; +import { IconProps, IconPropsSvg } from 'carbon-icons-qwik'; + +/** + * Checkmark icon (to get around compilation error when using carbon-icons-qwik icon) + */ +export const Checkmark = component$((props: IconProps) => ( + + + + + {props.title && {props.title}} + +)); diff --git a/src/internal/icons/chevron--down.tsx b/src/internal/icons/chevron--down.tsx new file mode 100644 index 0000000..d84b6cc --- /dev/null +++ b/src/internal/icons/chevron--down.tsx @@ -0,0 +1,25 @@ +import { component$ } from '@builder.io/qwik'; +import { IconProps, IconPropsSvg } from 'carbon-icons-qwik'; + +/** + * ChevronDown icon (to get around compilation error when using carbon-icons-qwik icon) + */ +export const ChevronDown = component$((props: IconProps) => ( + + + + + {props.title && {props.title}} + +)); diff --git a/src/internal/icons/close.tsx b/src/internal/icons/close.tsx new file mode 100644 index 0000000..5e00867 --- /dev/null +++ b/src/internal/icons/close.tsx @@ -0,0 +1,25 @@ +import { component$ } from '@builder.io/qwik'; +import { IconProps, IconPropsSvg } from 'carbon-icons-qwik'; + +/** + * Close icon (to get around compilation error when using carbon-icons-qwik icon) + */ +export const Close = component$((props: IconProps) => ( + + + + + {props.title && {props.title}} + +)); diff --git a/src/internal/icons/warning--alt--filled.tsx b/src/internal/icons/warning--alt--filled.tsx new file mode 100644 index 0000000..9d0141d --- /dev/null +++ b/src/internal/icons/warning--alt--filled.tsx @@ -0,0 +1,31 @@ +import { component$ } from '@builder.io/qwik'; +import { IconProps, IconPropsSvg } from 'carbon-icons-qwik'; + +/** + * WarningAltFilled icon (to get around compilation error when using carbon-icons-qwik icon) + */ +export const WarningAltFilled = component$((props: IconProps) => ( + + + + + + + {props.title && {props.title}} + +)); diff --git a/src/internal/icons/warning--filled.tsx b/src/internal/icons/warning--filled.tsx new file mode 100644 index 0000000..ec7f3d6 --- /dev/null +++ b/src/internal/icons/warning--filled.tsx @@ -0,0 +1,31 @@ +import { component$ } from '@builder.io/qwik'; +import { IconProps, IconPropsSvg } from 'carbon-icons-qwik'; + +/** + * WarningFilled icon (to get around compilation error when using carbon-icons-qwik icon) + */ +export const WarningFilled = component$((props: IconProps) => ( + + + + + + {props.title && {props.title}} + +));