@bitrise/bitkit 13.257.0 → 13.259.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.257.0",
+  "version": "13.259.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Table/Table.theme.ts

@@ -73,7 +73,7 @@ const Tabletheme = {
         borderTopWidth: '1px',
         height: rem(65),
         paddingX: '16',
-        paddingY: '8',
+        paddingY: '12',
         textAlign: 'left',
         textStyle: 'body/md/regular',
       },

package/src/Components/components.theme.ts

@@ -1,4 +1,4 @@
-import NotificationCard from '../Patterns/NotificationCard/NotificationCard.theme';
+import NoteCard from '../Patterns/NoteCard/NoteCard.theme';
 import SettingsCard from '../Patterns/SettingsCard/SettingsCard.theme';
 import Alert from './Alert/Alert.theme';
 import Accordion from './Accordion/Accordion.theme';
@@ -83,7 +83,7 @@ const components = {
   Menu,
   Modal: Dialog,
   Note,
-  NotificationCard,
+  NoteCard,
   NumberInput,
   Popover,
   Progress: ProgressBar,

package/src/Patterns/{NotificationCard/NotificationCard.tsx → NoteCard/NoteCard.tsx}

@@ -15,7 +15,7 @@ export type ActionProps = {
   target?: string;
 } & Omit<ButtonProps, 'as' | 'children' | 'size'>;
 
-export type NotificationCardProps = {
+export type NoteCardProps = {
   action?: ActionProps;
   message: ReactNode;
   details?: ReactNode;
@@ -32,21 +32,13 @@ export type NotificationCardProps = {
 ) &
   CardProps;
 
-const NotificationCard = ({
-  action,
-  details,
-  status,
-  statusIconName,
-  message,
-  title,
-  ...rest
-}: NotificationCardProps) => {
+const NoteCard = ({ action, details, status, statusIconName, message, title, ...rest }: NoteCardProps) => {
   const [isDetailsOpen, setIsDetailsOpen] = useState(false);
   const { colorScheme, defaultIcon } = NOTIFICATION_STATUSES[status || 'info'];
 
   const statusIcon = statusIconName ? <Icon name={statusIconName} /> : defaultIcon;
 
-  const style = useMultiStyleConfig('NotificationCard', { colorScheme });
+  const style = useMultiStyleConfig('NoteCard', { colorScheme });
   const { borderColor, bg, color } = style.card;
   const { borderRadius } = useStyleConfig('Card', { colorScheme });
 
@@ -122,4 +114,4 @@ const NotificationCard = ({
   );
 };
 
-export default NotificationCard;
+export default NoteCard;

package/src/index.ts

@@ -160,8 +160,8 @@ export {
 export type { NotificationProps } from './Components/Notification/Notification';
 export { default as Notification } from './Components/Notification/Notification';
 
-export type { NotificationCardProps } from './Patterns/NotificationCard/NotificationCard';
-export { default as NotificationCard } from './Patterns/NotificationCard/NotificationCard';
+export type { NoteCardProps } from './Patterns/NoteCard/NoteCard';
+export { default as NoteCard } from './Patterns/NoteCard/NoteCard';
 
 export type { AccordionProps } from './Components/Accordion/Accordion';
 export { default as Accordion } from './Components/Accordion/Accordion';