@a-little-world/little-world-design-system-native 0.6.1 → 0.7.0

package/dist/components/Button/styles.d.ts

@@ -24,7 +24,7 @@ export declare const getButtonTextStyles: ({ color, variation, appearance, theme
     appearance: ButtonAppearance;
     theme: any;
 }) => TextStyle;
-export declare const OPTION_BUTTON_CSS: import("styled-components/native/dist/types").RuleSet<{
+export declare const STACKED_BUTTON_CSS: import("styled-components/native/dist/types").RuleSet<{
     $appearance?: ButtonAppearance | undefined;
     $backgroundColor?: string | undefined;
     $color?: string | undefined;

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import React, { useRef as useRef$1, useState as useState$1, useEffect as useEffect$1, forwardRef as forwardRef$1, useMemo as useMemo$1, createContext as createContext$1, useCallback as useCallback$1 } from 'react';
-import { tokens, GradientTypes, GradientVariations, accountIcon, addToChatIcon, appointmentIcon, archiveIcon, arrowLeftIcon, attachmentIcon, bellIcon, calendarIcon, calendarAddIcon, callIncomingIcon, callOutgoingIcon, cameraIcon, checkIcon, checkInChatIcon, chevronDownIcon, chevronLeftIcon, chevronRightIcon, clockIcon, clockBackIcon, clockDashedIcon, closeIcon, copyIcon, dashboardIcon, dotsIcon, downloadIcon, exclamationIcon, eyeClosedIcon, eyeOpenIcon, facebookIcon, fullScreenExitIcon, fullScreenIcon, githubIcon, groupChatIcon, heartIcon, imageIcon, imageSearchIcon, inclusiveIcon, infoIcon, instagramIcon, linkedinIcon, logoutIcon, logoIcon, mailIcon, menuIcon, messageIcon, messageWithQuestionIcon, micIcon, mobileIcon, moonIcon, notesIcon, pencilIcon, phoneIcon, phoneSlashIcon, plusIcon, profileIcon, profileChatIcon, puzzleIcon, questionIcon, sendIcon, shareScreenIcon, settingsIcon, speakerIcon, stackIcon, starIcon, sunIcon, swapIcon, telegramIcon, tickDoubleIcon, tickIcon, tiktokIcon, translatorIcon, trashIcon, twitterIcon, uploadIcon, userDisconnectedIcon, userSearchIcon, videoIcon, webIcon, whatsappIcon, getTextStyle, TextTypes, fontFamilies, LoadingDimensions, LoadingSizes, LoadingType, ButtonAppearance, BUTTON_DIMENSIONS, ButtonVariations, CIRCLE_DIMENSIONS, ButtonSizes, isValidUrl, CardDimensions, InputHeight, confettiIllustration, friendshipIllustration, groupHandsIllustration, keyIllustration, livingRoomIllustration, laptopWithPhoneIllustration, manOnRocketIllustration, matchSearchingIllustration, paperPlaneIllustration, peopleTogetherIllustration, questionMarksIllustration, raisingMoneyIllustration, teacherIllustration, timeFlexibleIllustration, unmatchedIllustration, wavyBlockIllustration, wavyLinesIllustration, womanOnRocketIllustration, brokenChainIllustration, PopoverSizes, calculateProgress, TagSizes, TagAppearance, InputWidth, ThemeVariants, defaultThemeVariant } from '@a-little-world/little-world-design-system-core';
+import { tokens, GradientTypes, GradientVariations, accountIcon, addToChatIcon, appointmentIcon, archiveIcon, arrowLeftIcon, attachmentIcon, bellIcon, calendarIcon, calendarAddIcon, callIncomingIcon, callOutgoingIcon, cameraIcon, checkIcon, checkInChatIcon, chevronDownIcon, chevronLeftIcon, chevronRightIcon, clockIcon, clockBackIcon, clockDashedIcon, closeIcon, copyIcon, dashboardIcon, dotsIcon, downloadIcon, exclamationIcon, eyeClosedIcon, eyeOpenIcon, facebookIcon, fullScreenExitIcon, fullScreenIcon, githubIcon, groupChatIcon, heartIcon, imageIcon, imageSearchIcon, inclusiveIcon, infoIcon, instagramIcon, linkedinIcon, logoutIcon, logoIcon, mailIcon, menuIcon, messageIcon, messageWithQuestionIcon, micIcon, mobileIcon, moonIcon, notesIcon, pencilIcon, phoneIcon, phoneSlashIcon, plusIcon, profileIcon, profileChatIcon, puzzleIcon, questionIcon, sendIcon, shareScreenIcon, settingsIcon, speakerIcon, stackIcon, starIcon, sunIcon, swapIcon, telegramIcon, tickDoubleIcon, tickIcon, tiktokIcon, translatorIcon, trashIcon, twitterIcon, uploadIcon, userDisconnectedIcon, userSearchIcon, videoIcon, webIcon, whatsappIcon, getTextStyle, TextTypes, fontFamilies, LoadingDimensions, LoadingSizes, LoadingType, ButtonAppearance, BUTTON_DIMENSIONS, ButtonVariations, CIRCLE_DIMENSIONS, ButtonSizes, isValidUrl, CardDimensions, CardSizes, InputHeight, confettiIllustration, friendshipIllustration, groupHandsIllustration, keyIllustration, livingRoomIllustration, laptopWithPhoneIllustration, manOnRocketIllustration, matchSearchingIllustration, paperPlaneIllustration, peopleTogetherIllustration, questionMarksIllustration, raisingMoneyIllustration, teacherIllustration, timeFlexibleIllustration, unmatchedIllustration, wavyBlockIllustration, wavyLinesIllustration, womanOnRocketIllustration, brokenChainIllustration, PopoverSizes, calculateProgress, TagSizes, TagAppearance, InputWidth, ThemeVariants, defaultThemeVariant } from '@a-little-world/little-world-design-system-core';
 export { LoadingSizes, LoadingType } from '@a-little-world/little-world-design-system-core';
 import { View, Text as Text$1, StyleSheet, Animated, Easing, Pressable, Linking, ScrollView, TextInput as TextInput$1 } from 'react-native';
 import styled, { useTheme, css, ThemeProvider } from 'styled-components/native';
@@ -1039,7 +1039,7 @@ const getButtonStyles = ({
       padding: 0
     });
   }
-  if (variation === ButtonVariations.Option) {
+  if (variation === ButtonVariations.Stacked) {
     return Object.assign(Object.assign({}, baseStyles), {
       backgroundColor: backgroundColor || theme.color.surface.secondary,
       borderWidth: 1,
@@ -1097,7 +1097,7 @@ const getButtonTextStyles = ({
     fontWeight: '700',
     textAlign: 'center'
   };
-  if (variation === ButtonVariations.Option) {
+  if (variation === ButtonVariations.Stacked) {
     return Object.assign(Object.assign({}, baseStyles), {
       color: color || theme.color.text.primary,
       fontWeight: 'normal'
@@ -1705,7 +1705,7 @@ const getCardStyles = ({
   maxHeight: '100%',
   flexDirection: 'column',
   padding: theme.spacing.small
-}, width && {
+}, width && width !== CardSizes.FullWidth && {
   width: CardDimensions[width]
 }), height && {
   height