@salt-ds/core 1.40.0 → 1.41.0

package/dist-types/border-item/BorderItem.d.ts

@@ -1,6 +1,6 @@
 import { type ElementType, type ReactElement } from "react";
 import { type GridItemProps } from "../grid-item";
-import { type PolymorphicComponentPropWithRef } from "../utils";
+import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export declare const BORDER_POSITION: readonly ["north", "west", "center", "east", "south"];
 export declare type BorderPosition = (typeof BORDER_POSITION)[number];
 export declare type BorderItemProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
@@ -20,6 +20,14 @@ export declare type BorderItemProps<T extends ElementType> = PolymorphicComponen
      * Defines if the item should stick to the edges of its container. Defaults to "false"
      */
     sticky?: boolean;
+    /**
+     * Defines the margin around the component. It can be specified as a number (which acts as a multiplier) or a string representing the margin value. Default is `0`.
+     */
+    margin?: ResponsiveProp<number | string>;
+    /**
+     * Defines the padding within the component. It can be specified as a number (which acts as a multiplier) or a string representing the padding value. Default is `0`.
+     */
+    padding?: ResponsiveProp<number | string>;
 }>;
 declare type BorderItemComponent = <T extends ElementType = "div">(props: BorderItemProps<T>) => ReactElement | null;
 export declare const BorderItem: BorderItemComponent;

package/dist-types/border-layout/BorderLayout.d.ts

@@ -1,7 +1,7 @@
 import { type ElementType, type ReactElement } from "react";
 import type { BorderItemProps } from "../border-item";
 import { type GridLayoutProps } from "../grid-layout";
-import { type PolymorphicComponentPropWithRef } from "../utils";
+import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export declare type BorderLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Defines the size of the gutter between the columns and the rows by setting a density multiplier. Defaults to 0
@@ -19,6 +19,14 @@ export declare type BorderLayoutProps<T extends ElementType> = PolymorphicCompon
      * Border item components to be rendered.
      */
     children: ReactElement<BorderItemProps<T>>[];
+    /**
+     * Defines the margin around the component. It can be specified as a number (which acts as a multiplier) or a string representing the margin value. Default is `0`.
+     */
+    margin?: ResponsiveProp<number | string>;
+    /**
+     * Defines the padding within the component. It can be specified as a number (which acts as a multiplier) or a string representing the padding value. Default is `0`.
+     */
+    padding?: ResponsiveProp<number | string>;
 }>;
 declare type BorderLayoutComponent = <T extends ElementType = "div">(props: BorderLayoutProps<T>) => ReactElement | null;
 export declare const BorderLayout: BorderLayoutComponent;

package/dist-types/flex-layout/parseSpacing.d.ts

@@ -0,0 +1 @@
+export declare function parseSpacing(value: number | string | undefined): string | undefined;

package/dist-types/grid-item/GridItem.d.ts

@@ -20,6 +20,14 @@ export declare type GridItemProps<T extends ElementType> = PolymorphicComponentP
      * Aligns a grid item inside a cell along the block (column) axis. Defaults to "stretch"
      */
     verticalAlignment?: GridAlignment;
+    /**
+     * Defines the margin around the component. It can be specified as a number (which acts as a multiplier) or a string representing the margin value. Default is `0`.
+     */
+    margin?: ResponsiveProp<number | string>;
+    /**
+     * Defines the padding within the component. It can be specified as a number (which acts as a multiplier) or a string representing the padding value. Default is `0`.
+     */
+    padding?: ResponsiveProp<number | string>;
 }>;
 declare type GridItemComponent = <T extends ElementType = "div">(props: GridItemProps<T>) => ReactElement | null;
 export declare const GridItem: GridItemComponent;

package/dist-types/grid-layout/GridLayout.d.ts

@@ -21,6 +21,14 @@ export declare type GridLayoutProps<T extends ElementType> = PolymorphicComponen
      * Defines the size of the gutter between the rows by setting a density multiplier. Defaults to 1
      */
     rowGap?: ResponsiveProp<number | string>;
+    /**
+     * Defines the margin around the component. It can be specified as a number (which acts as a multiplier) or a string representing the margin value. Default is `0`.
+     */
+    margin?: ResponsiveProp<number | string>;
+    /**
+     * Defines the padding within the component. It can be specified as a number (which acts as a multiplier) or a string representing the padding value. Default is `0`.
+     */
+    padding?: ResponsiveProp<number | string>;
 }>;
 declare type GridLayoutComponent = <T extends ElementType = "div">(props: GridLayoutProps<T>) => ReactElement | null;
 export declare const GridLayout: GridLayoutComponent;

package/dist-types/link/Link.d.ts

@@ -8,11 +8,12 @@ import { type RenderPropsType } from "../utils";
  * @example
  * <LinkExample to="#link">Action</LinkExample>
  */
-export interface LinkProps extends Omit<ComponentPropsWithoutRef<"a">, "color">, Pick<TextProps<"a">, "maxRows" | "styleAs" | "color" | "variant"> {
+export interface LinkProps extends Omit<ComponentPropsWithoutRef<"a">, "color">, Pick<TextProps<"a">, "maxRows" | "styleAs" | "variant"> {
     IconComponent?: ComponentType<IconProps> | null;
     /**
      * Render prop to enable customisation of anchor element.
      */
     render?: RenderPropsType["render"];
+    color?: "inherit" | "primary" | "secondary" | "accent";
 }
 export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.40.0",
+  "version": "1.41.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -14,7 +14,7 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
-    "@salt-ds/icons": "^1.13.1",
+    "@salt-ds/icons": "^1.13.2",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
     "clsx": "^2.0.0"