diff --git a/.changeset/grumpy-planes-lie.md b/.changeset/grumpy-planes-lie.md new file mode 100644 index 000000000..d884aa0c0 --- /dev/null +++ b/.changeset/grumpy-planes-lie.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Change the default Label preset to `t3m`. diff --git a/.changeset/moody-bears-shake.md b/.changeset/moody-bears-shake.md new file mode 100644 index 000000000..5e5b5b112 --- /dev/null +++ b/.changeset/moody-bears-shake.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Fix font weight for Item and Item Button. diff --git a/.changeset/spicy-jeans-promise.md b/.changeset/spicy-jeans-promise.md new file mode 100644 index 000000000..f47d348dd --- /dev/null +++ b/.changeset/spicy-jeans-promise.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Use right text alignment in NumberInput component. diff --git a/src/components/actions/ItemButton/ItemButton.tsx b/src/components/actions/ItemButton/ItemButton.tsx index 2fce44511..f404a9cfe 100644 --- a/src/components/actions/ItemButton/ItemButton.tsx +++ b/src/components/actions/ItemButton/ItemButton.tsx @@ -32,6 +32,7 @@ const StyledItem = tasty(Item, { as: 'button', type: 'neutral', theme: 'default', + isButton: true, styles: { reset: 'button', placeContent: 'center stretch', diff --git a/src/components/content/Item/Item.tsx b/src/components/content/Item/Item.tsx index 3469f315a..151f3796d 100644 --- a/src/components/content/Item/Item.tsx +++ b/src/components/content/Item/Item.tsx @@ -141,6 +141,10 @@ export interface CubeItemProps extends BaseProps, ContainerStyleProps { * When true, applies card styling with increased border radius. */ isCard?: boolean; + /** + * When true, adds button modifier to the component styling. + */ + isButton?: boolean; /** * @private * Default tooltip placement for the item. @@ -252,9 +256,11 @@ const ItemElement = tasty({ disabled: '#dark-04', }, preset: { - '': 't3m', + '': 't3', + button: 't3m', '[data-size="xsmall"]': 't4', - '[data-size="xlarge"]': 't2m', + '[data-size="xlarge"]': 't2', + '[data-size="xlarge"] & button': 't2m', '[data-size="inline"]': 'tag', }, boxSizing: 'border-box', @@ -685,6 +691,7 @@ const Item = ( isLoading = false, isCard = false, actions, + isButton = false, defaultTooltipPlacement = 'top', ...rest } = props; @@ -777,6 +784,7 @@ const Item = ( selected: isSelected === true, loading: isLoading, card: isCard === true, + button: isButton === true, ...mods, }; }, [ @@ -790,6 +798,7 @@ const Item = ( isSelected, isLoading, isCard, + isButton, actions, mods, ]); diff --git a/src/components/fields/FilterPicker/FilterPicker.tsx b/src/components/fields/FilterPicker/FilterPicker.tsx index 7778a1e8a..ab73d2ad0 100644 --- a/src/components/fields/FilterPicker/FilterPicker.tsx +++ b/src/components/fields/FilterPicker/FilterPicker.tsx @@ -723,6 +723,7 @@ export const FilterPicker = forwardRef(function FilterPicker( (