@yakad/ui 1.3.110 → 1.3.111

package/dist/AppBar/AppBar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     overflow?: "shrink" | "wrap" | "scroll";
     position?: "initial" | "sticky" | "scroll";
     size?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/Card/Card.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     blur?: boolean;
     children?: React.ReactNode;
 }

package/dist/Container/Container.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     children?: React.ReactNode;
 }

package/dist/Footer/Footer.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     overflow?: "shrink" | "wrap" | "scroll";
     position?: "initial" | "sticky" | "scroll";
     size?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/Form/Form.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     children?: React.ReactNode;
 }
 export declare const Form: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<HTMLFormElement>>;

package/dist/GridItem/GridItem.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 type GridColumn = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     xs?: GridColumn;
     sm?: GridColumn;
     md?: GridColumn;

package/dist/ListItem/ListItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
 }
 export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/Main/Main.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     navopen?: boolean;
     children?: React.ReactNode;
 }

package/dist/Navigation/Navigation.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     anchor?: "left" | "right" | "top" | "bottom" | "auto";
     open: boolean;
     children?: React.ReactNode;

package/dist/Row/Row.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     overflow?: "shrink" | "wrap" | "scroll";
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     children?: React.ReactNode;

package/dist/Screen/Screen.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface ScreenProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     children?: React.ReactNode;
 }
 export declare const Screen: import("react").ForwardRefExoticComponent<ScreenProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Stack/Stack.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     children?: React.ReactNode;
 }
 export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Theme/Theme.d.ts

@@ -3,7 +3,7 @@ import "./globals.css";
 export type DarkStyle = "light" | "dark" | "system";
 export type ThemeColor = "green" | "red" | "yellow" | "blue" | "purple";
 export interface ThemeProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     darkstyle?: DarkStyle;
     color?: ThemeColor;
     zoom?: number;

package/dist/WithDropdawn/WithDropdawn.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface WithDropdawnProps extends React.HTMLAttributes<HTMLDivElement> {
-    align?: "start" | "center" | "end";
+    align?: "start" | "space" | "center" | "end";
     blur?: boolean;
     trigger?: "onClick" | "onRightClick";
     dropdawnChildren?: React.ReactElement;

package/dist/WithDropdawn/WithDropdawn.module.css

@@ -28,12 +28,12 @@
     height: 0;
     border-left: 0.6rem solid transparent;
     border-right: 0.6rem solid transparent;
-    border-bottom: 0.6rem solid
+    border-bottom: 0.8rem solid
         rgb(var(--surfaceContainerHighestColor, 230 224 233));
     transform: translate(-50%, -100%);
 }
 .arrow.blur {
-    border-bottom: 0.6rem solid
+    border-bottom: 0.8rem solid
         color-mix(
             in srgb,
             rgb(var(--surfaceContainerHighestColor, 230 224 233)) 85%,

package/dist/boxing.module.css

@@ -10,6 +10,10 @@
     align-items: flex-start;
 }
 .flexColumnBox.center {
+    justify-content: center;
+    align-items: center;
+}
+.flexColumnBox.space {
     justify-content: space-evenly;
     align-items: center;
 }
@@ -37,6 +41,9 @@
 .flexRowBox.center {
     justify-content: center;
 }
+.flexRowBox.space {
+    justify-content: space-evenly;
+}
 .flexRowBox.end {
     justify-content: flex-end;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.110",
+    "version": "1.3.111",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",