@soul-refiner/design-system 0.2.62 → 0.2.63

package/dist/components/actions/button/button.js

@@ -53,6 +53,7 @@ const Components = () => ({
     text: Text,
 });
 const base = css `
+  font-family: var(--font-inter);
   display: flex;
   border-radius: ${({ $roundness }) => $roundness === 'large'
     ? '32px'

package/dist/components/input/radio/radio.d.ts

@@ -5,14 +5,14 @@ export interface RadioProps extends NativeProps {
     checked: boolean;
     disabled?: boolean;
     label?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent) => void;
     name?: string;
     reversed?: boolean;
     sx?: string;
     value: string;
 }
 declare const Radio: {
-    ({ checked, disabled, label, onChange, reversed, sx, value, ...rest }: RadioProps): React.JSX.Element;
+    ({ checked, disabled, label, onClick, reversed, sx, value, ...rest }: RadioProps): React.JSX.Element;
     Group: {
         ({ children, name, ...rest }: RadioGroupProps): React.JSX.Element;
         displayName: string;

package/dist/components/input/radio/radio.js

@@ -2,13 +2,13 @@
 import React from 'react';
 import styled from 'styled-components';
 import { Box, P } from '../../';
-const Radio = ({ checked = false, disabled, label, onChange, reversed, sx, value, ...rest }) => {
+const Radio = ({ checked = false, disabled, label, onClick, reversed, sx, value, ...rest }) => {
     const handleChange = (event) => {
         event.stopPropagation();
-        onChange && onChange(event);
+        onClick && onClick(event);
     };
-    return (React.createElement(Label, { "$disabled": disabled, "$reversed": reversed, "$sx": sx },
-        React.createElement(Input, { checked: checked, disabled: disabled, onChange: handleChange, type: "radio", value: value, ...rest }),
+    return (React.createElement(Label, { "$disabled": disabled, "$reversed": reversed, "$sx": sx, onClick: handleChange },
+        React.createElement(Input, { checked: checked, disabled: disabled, type: "radio", value: value, ...rest }),
         React.createElement(P, { as: "span" }, label)));
 };
 const Label = styled.label `

package/dist/components/input/select/select.js

@@ -27,6 +27,7 @@ const SelectBox = styled.div `
   height: 18px;
   border: 1px solid var(--color-grey-8);
   border-radius: 4px;
+  flex-shrink: 0;
 
   ${({ $selected }) => $selected
     ? `

package/dist/components/navigation/breadcrumb/breadcrumb.js

@@ -17,7 +17,8 @@ const Breadcrumb = ({ children, previous }) => {
     }
     return (React.createElement(Box, { "$align": "center", "$gap": 8 }, _children.map((child, index) => {
         if (React.isValidElement(child) &&
-            child.type?.displayName === 'BreadcrumbItem') {
+            (child.type?.displayName === 'BreadcrumbItem' ||
+                child.type?.displayName === 'Breadcrumb.Item')) {
             return (React.createElement(React.Fragment, null,
                 child,
                 _children.length - 1 !== index && (React.createElement(ChevronRight, { color: "grey-3", size: 24 }))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "0.2.62",
+  "version": "0.2.63",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {