@kalink-ui/seedly 0.20.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @kalink-ui/seedly
 
+## 0.22.0
+
+### Minor Changes
+
+- 26816de: [Styles] Add `justifySelf` responsive property
+
+## 0.21.0
+
+### Minor Changes
+
+- a0f9b5c: [AlertDialog] Correctly reexport component
+
 ## 0.20.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kalink-ui/seedly",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "A set of components for building UIs with React and TypeScript",
   "sideEffects": false,
   "license": "MIT",

package/src/components/button-icon/button-icon.tsx

@@ -15,7 +15,7 @@ export function ButtonIcon<TUse extends ButtonTypes>(
 
   return (
     <Comp
-      className={clsx(buttonIcon({ variant, size }), buttonIcon, className)}
+      className={clsx(buttonIcon({ variant, size }), className)}
       /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
       {...(rest as any)}
     />

package/src/components/index.ts

@@ -1,3 +1,4 @@
+export * from './alert-dialog';
 export * from './box';
 export * from './button';
 export * from './button-icon';
@@ -16,6 +17,8 @@ export * from './input';
 export * from './label';
 export * from './loader';
 export * from './loader-overlay';
+export * from './menu';
+export * from './overlay';
 export * from './popover';
 export * from './scroll-area';
 export * from './seed';

package/src/styles/define-responsive-properties.ts

@@ -69,6 +69,7 @@ export const defineResponsiveProperties = ({
         'space-around',
         'space-evenly',
       ],
+      justifySelf: ['start', 'end', 'center', 'stretch'],
       alignItems: ['flex-start', 'flex-end', 'center', 'baseline', 'stretch'],
       alignSelf: ['flex-start', 'flex-end', 'center', 'baseline', 'stretch'],
 
@@ -131,6 +132,8 @@ export type DisplayValues =
   keyof DefineResponsiveProperties['styles']['display']['values'];
 export type JustifyContentValues =
   keyof DefineResponsiveProperties['styles']['justifyContent']['values'];
+export type JustifySelfValues =
+  keyof DefineResponsiveProperties['styles']['justifySelf']['values'];
 export type AlignItemsValues =
   keyof DefineResponsiveProperties['styles']['alignItems']['values'];
 export type AlignSelfValues =
@@ -180,6 +183,8 @@ export interface ResponsiveProperties {
   flexDirection?: ResponsiveValue<FlexDirectionValues>;
   /** Mapped to `justify-content` css property */
   justifyContent?: ResponsiveValue<JustifyContentValues>;
+  /** Mapped to `justify-self` css property */
+  justifySelf?: ResponsiveValue<JustifySelfValues>;
   /** Mapped to `align-items` css property */
   alignItems?: ResponsiveValue<AlignItemsValues>;
   /** Mapped to `align-self` css property */