@pushwoosh/dumb-components 1.1.5 → 1.1.7

package/Radio/Radio.js

@@ -10,6 +10,7 @@ export function Radio(props) {
     color,
     isChecked,
     isDisabled,
+    size = 'normal',
     onChange,
     onBlur
   } = props;
@@ -30,6 +31,7 @@ export function Radio(props) {
     name: name,
     checked: isChecked,
     disabled: isDisabled,
+    "$size": size,
     onChange: event => onChange === null || onChange === void 0 ? void 0 : onChange(event.currentTarget.value),
     onBlur: onBlur
   }), label && React.createElement("span", null, label));

package/Radio/styles.d.ts

@@ -1,5 +1,7 @@
-import type { RadioTextColor } from './types';
-export declare const NativeRadio: import("styled-components").StyledComponent<"input", any, {}, never>;
+import type { RadioSize, RadioTextColor } from './types';
+export declare const NativeRadio: import("styled-components").StyledComponent<"input", any, {
+    $size: RadioSize;
+}, never>;
 export declare const NativeLabel: import("styled-components").StyledComponent<"label", any, {
     $color?: RadioTextColor;
 }, never>;

package/Radio/styles.js

@@ -4,7 +4,15 @@ import { ColorMap } from './maps';
 export const NativeRadio = styled.input.withConfig({
   displayName: "NativeRadio",
   componentId: "sc-34lgtl-0"
-})(["appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid ", ";border-radius:50%;background-color:", ";transition:border 0.1s,background-color 0.1s;cursor:pointer;&:focus{outline:none;}&[type=radio]:hover{border-color:", ";}&[type=radio]:disabled{cursor:not-allowed;border-color:", ";background-color:", ";}&[type=radio]:checked{border:6px solid ", ";}&[type=radio]:checked:hover{border-color:", ";}&[type=radio]:checked:disabled{border-color:", ";background-color:", ";}"], Color.PHANTOM, Color.CLEAR, Color.PRIMARY_HOVER, Color.LOCKED, Color.FROZEN, Color.PRIMARY, Color.PRIMARY_HOVER, Color.LOCKED, Color.FROZEN);
+})(["appearance:none;-webkit-appearance:none;-moz-appearance:none;width:", ";height:", ";border:", ";border-radius:50%;background-color:", ";transition:border 0.1s,background-color 0.1s;cursor:pointer;&:focus{outline:none;}&[type=radio]:hover{border-color:", ";}&[type=radio]:disabled{cursor:not-allowed;border-color:", ";background-color:", ";}&[type=radio]:checked{border:", ";}&[type=radio]:checked:hover{border-color:", ";}&[type=radio]:checked:disabled{border-color:", ";background-color:", ";}"], ({
+  $size
+}) => $size === 'compact' ? '12px' : '20px', ({
+  $size
+}) => $size === 'compact' ? '12px' : '20px', ({
+  $size
+}) => `${$size === 'compact' ? '1px' : '2px'} solid ${Color.PHANTOM}`, Color.CLEAR, Color.PRIMARY_HOVER, Color.LOCKED, Color.FROZEN, ({
+  $size
+}) => `${$size === 'compact' ? '4px' : '6px'} solid ${Color.PRIMARY}`, Color.PRIMARY_HOVER, Color.LOCKED, Color.FROZEN);
 export const NativeLabel = styled.label.withConfig({
   displayName: "NativeLabel",
   componentId: "sc-34lgtl-1"

package/Radio/types.d.ts

@@ -1,4 +1,5 @@
 export type RadioTextColor = 'main' | 'primary' | 'danger' | 'current' | 'locked';
+export type RadioSize = 'normal' | 'compact';
 export type RadioProps = {
     label?: string;
     id?: string;
@@ -7,6 +8,7 @@ export type RadioProps = {
     color?: RadioTextColor;
     isChecked?: boolean;
     isDisabled?: boolean;
+    size?: RadioSize;
     onChange?: (checked: string | number) => void;
     onBlur?: () => void;
 };

package/Table/components/DataTable/DataTable.js

@@ -15,6 +15,7 @@ export function DataTable(props) {
     columns,
     width,
     isBordered = true,
+    paginationPadding,
     context,
     renderTableTop,
     renderAfter,
@@ -34,7 +35,8 @@ export function DataTable(props) {
   }, renderTableTop === null || renderTableTop === void 0 ? void 0 : renderTableTop(context), 'renderHead' in props && props.renderHead(), 'renderList' in props ? props.renderList(context) : React.createElement(DataTableList, {
     renderItem: props.renderItem
   }), !hidePagination && React.createElement(DataTablePagination, {
-    allLimits: [10, 20, 50, 100]
+    allLimits: [10, 20, 50, 100],
+    padding: paginationPadding
   }, data.loading && React.createElement(Horizontal, {
     "$gap": Spacing.S1,
     "$alignItems": "center"

package/Table/components/DataTable/types.d.ts

@@ -6,6 +6,7 @@ export type DataTableListProps<I, P extends DataTableParams> = {
     isBordered?: boolean;
     context: DataTableContextType<I, P>;
     hidePagination?: boolean;
+    paginationPadding?: string;
     renderTableTop?: (ctxValue: DataTableContextType<I, P>) => ReactNode;
     renderList: (ctxValue: DataTableContextType<I, P>) => ReactNode;
     renderAfter?: (ctxValue: DataTableContextType<I, P>) => ReactNode;
@@ -16,6 +17,7 @@ export type DataTableItemProps<I, P extends DataTableParams> = {
     isBordered?: boolean;
     context: DataTableContextType<I, P>;
     hidePagination?: boolean;
+    paginationPadding?: string;
     renderTableTop?: (ctxValue: DataTableContextType<I, P>) => ReactNode;
     renderHead: () => ReactNode;
     renderItem: (item: I) => ReactNode;

package/Table/components/DataTablePagination/DataTablePagination.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { DataTablePaginationProps } from './types';
-export declare function DataTablePagination({ allLimits, children }: DataTablePaginationProps): ReactElement;
+export declare function DataTablePagination({ allLimits, padding, children }: DataTablePaginationProps): ReactElement;

package/Table/components/DataTablePagination/DataTablePagination.js

@@ -3,6 +3,7 @@ import { DataTableContext } from '../../context';
 import { TablePagination } from '../TablePagination';
 export function DataTablePagination({
   allLimits,
+  padding,
   children
 }) {
   var _data$value;
@@ -22,6 +23,7 @@ export function DataTablePagination({
         page
       });
     },
+    padding: padding,
     onChangeLimit: perPage => {
       onChangeParams({
         ...params,

package/Table/components/DataTablePagination/types.d.ts

@@ -1,4 +1,5 @@
 import type { PropsWithChildren } from 'react';
 export type DataTablePaginationProps = PropsWithChildren<{
     allLimits: number[];
+    padding?: string;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",