@kalink-ui/seedly 0.21.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +3 -3
  3. package/src/components/button-icon/button-icon.tsx +1 -1
  4. package/src/styles/define-responsive-properties.ts +5 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @kalink-ui/seedly
2
2
 
3
+ ## 0.22.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 26816de: [Styles] Add `justifySelf` responsive property
8
+
3
9
  ## 0.21.0
4
10
 
5
11
  ### Minor Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kalink-ui/seedly",
3
- "version": "0.21.0",
3
+ "version": "0.22.0",
4
4
  "description": "A set of components for building UIs with React and TypeScript",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",
@@ -44,8 +44,8 @@
44
44
  "vite-tsconfig-paths": "^5.1.4",
45
45
  "vitest": "^3.2.3",
46
46
  "@kalink-ui/dibbly": "0.5.0",
47
- "@kalink-ui/typescript-config": "0.4.0",
48
- "@kalink-ui/eslint-config": "0.9.0"
47
+ "@kalink-ui/eslint-config": "0.9.0",
48
+ "@kalink-ui/typescript-config": "0.4.0"
49
49
  },
50
50
  "peerDependencies": {
51
51
  "@vanilla-extract/css": "^1.17.1",
package/src/components/button-icon/button-icon.tsx CHANGED
@@ -15,7 +15,7 @@ export function ButtonIcon<TUse extends ButtonTypes>(
15
15
 
16
16
  return (
17
17
  <Comp
18
- className={clsx(buttonIcon({ variant, size }), buttonIcon, className)}
18
+ className={clsx(buttonIcon({ variant, size }), className)}
19
19
  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
20
20
  {...(rest as any)}
21
21
  />
package/src/styles/define-responsive-properties.ts CHANGED
@@ -69,6 +69,7 @@ export const defineResponsiveProperties = ({
69
69
  'space-around',
70
70
  'space-evenly',
71
71
  ],
72
+ justifySelf: ['start', 'end', 'center', 'stretch'],
72
73
  alignItems: ['flex-start', 'flex-end', 'center', 'baseline', 'stretch'],
73
74
  alignSelf: ['flex-start', 'flex-end', 'center', 'baseline', 'stretch'],
74
75
 
@@ -131,6 +132,8 @@ export type DisplayValues =
131
132
  keyof DefineResponsiveProperties['styles']['display']['values'];
132
133
  export type JustifyContentValues =
133
134
  keyof DefineResponsiveProperties['styles']['justifyContent']['values'];
135
+ export type JustifySelfValues =
136
+ keyof DefineResponsiveProperties['styles']['justifySelf']['values'];
134
137
  export type AlignItemsValues =
135
138
  keyof DefineResponsiveProperties['styles']['alignItems']['values'];
136
139
  export type AlignSelfValues =
@@ -180,6 +183,8 @@ export interface ResponsiveProperties {
180
183
  flexDirection?: ResponsiveValue<FlexDirectionValues>;
181
184
  /** Mapped to `justify-content` css property */
182
185
  justifyContent?: ResponsiveValue<JustifyContentValues>;
186
+ /** Mapped to `justify-self` css property */
187
+ justifySelf?: ResponsiveValue<JustifySelfValues>;
183
188
  /** Mapped to `align-items` css property */
184
189
  alignItems?: ResponsiveValue<AlignItemsValues>;
185
190
  /** Mapped to `align-self` css property */