Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@cavilha/alert

Package Overview
Dependencies
Maintainers
6
Versions
16
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cavilha/alert - npm Package Compare versions

Comparing version 0.0.0-alpha.7 to 0.0.0

CHANGELOG.md

101

dist/Alert.styles.d.ts

@@ -11,15 +11,17 @@ import { StitchesVariants } from '@cavilha/theme';

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -29,2 +31,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -35,2 +41,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -42,2 +53,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -47,2 +62,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -52,2 +71,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -57,2 +80,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -64,2 +91,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -124,8 +182,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -137,2 +195,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -171,3 +234,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -178,2 +240,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -180,0 +243,0 @@ zIndices: {

606

dist/BoxAlert/BoxAlert.styles.d.ts

@@ -29,15 +29,17 @@ import { StitchesVariants, CSS } from '@cavilha/theme';

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -47,2 +49,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -53,2 +59,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -60,2 +71,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -65,2 +80,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -70,2 +89,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -75,2 +98,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -82,2 +109,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -142,8 +200,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -155,2 +213,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -189,3 +252,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -196,2 +258,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -254,15 +317,17 @@ zIndices: {

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -272,2 +337,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -278,2 +347,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -285,2 +359,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -290,2 +368,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -295,2 +377,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -300,2 +386,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -307,2 +397,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -367,8 +488,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -380,2 +501,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -414,3 +540,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -421,2 +546,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -479,15 +605,17 @@ zIndices: {

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -497,2 +625,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -503,2 +635,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -510,2 +647,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -515,2 +656,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -520,2 +665,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -525,2 +674,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -532,2 +685,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -592,8 +776,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -605,2 +789,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -639,3 +828,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -646,2 +834,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -709,15 +898,17 @@ zIndices: {

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -727,2 +918,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -733,2 +928,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -740,2 +940,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -745,2 +949,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -750,2 +958,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -755,2 +967,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -762,2 +978,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -822,8 +1069,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -835,2 +1082,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -869,3 +1121,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -876,2 +1127,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -934,15 +1186,17 @@ zIndices: {

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -952,2 +1206,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -958,2 +1216,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -965,2 +1228,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -970,2 +1237,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -975,2 +1246,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -980,2 +1255,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -987,2 +1266,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -1047,8 +1357,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -1060,2 +1370,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -1094,3 +1409,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -1101,2 +1415,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -1159,15 +1474,17 @@ zIndices: {

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -1177,2 +1494,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -1183,2 +1504,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -1190,2 +1516,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -1195,2 +1525,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -1200,2 +1534,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -1205,2 +1543,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -1212,2 +1554,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -1272,8 +1645,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -1285,2 +1658,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -1319,3 +1697,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -1326,2 +1703,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -1328,0 +1706,0 @@ zIndices: {

2

dist/index.cjs.js

@@ -1,1 +0,1 @@

"use strict";var e=require("react"),t=require("@cavilha/icon"),i=require("@cavilha/text"),o=require("@fortawesome/pro-solid-svg-icons"),a=require("@cavilha/theme"),r=require("@cavilha/button"),n=require("@fortawesome/pro-regular-svg-icons");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e),c=l(t),d=l(i),u=l(r),m=function(){return(m=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++)for(var a in t=arguments[i])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function f(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(i[o[a]]=e[o[a]])}return i}var p={info:{icon:o.faInfoCircle,color:"$colors$info3"},success:{icon:o.faCheckCircle,color:"$colors$success1"},error:{icon:o.faExclamationTriangle,color:"$colors$danger1"},warning:{icon:o.faExclamationCircle,color:"$colors$warning3"}},$=function(e){return p[e].icon},v=function(e){return{color:p[e].color,mr:"$space$small2"}};a.styled("div",{});var y=a.styled("div",{display:"flex",alignItems:"center",background:"$white",borderRadius:"$small",height:"$medium3",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{color:"$white !important",padding:"$medium1",i:{color:"$white"}}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success1"},error:{border:"1px solid $danger1"},warning:{border:"1px solid $warning3"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 "}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{bc:"$warning4"}}]}),h=function(e){var t=e.variation,i=void 0===t?"simple":t,o=e.textSize,a=void 0===o?"small":o,r=e.type,n=void 0===r?"info":r,l=e.isSolid,u=void 0!==l&&l,m=e.children,f=e.css,p=$(n),h=v(n);return s.default.createElement(y,{isSolid:u,variation:i,type:n,css:f},s.default.createElement(c.default,{icon:p,iconSize:24,css:h}),s.default.createElement(d.default,{size:{small:"bodySmall",medium:"bodyMedium"}[a],css:{color:u?"$white":"$neutral5"},weight:"regular"},m))},g=a.keyframes({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),b=a.keyframes({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),x=a.styled("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$white",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:g+" 300ms ease-out",bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:b+" 300ms ease-out",top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$white !important",i:{color:"$white"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger1"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning3"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4"}}]}),w=a.styled("div",{display:"flex"}),S=a.styled("div",{display:"flex",flexDirection:"column"}),E=a.styled("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),O=a.styled("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),j=a.styled("div",{marginTop:"-$small2",marginLeft:"$small1"}),z=function(t){var i=t.children,o=t.type,a=void 0===o?"info":o,r=t.title,l=t.timeout,d=void 0===l?8:l,f=t.autohide,p=void 0!==f&&f,y=t.isSolid,h=void 0!==y&&y,g=t.variation,b=void 0===g?"toast":g,z=t.position,q=void 0===z?"left":z,T=t.css,k=t.setIsVisible,C=$(a),I=m(m({},v(a)),{mt:"-3px"}),W={marginTop:i&&r?"$small2":0},F={color:h?"$white":"$neutral5"},P=1e3*d;return e.useEffect((function(){if(p){var e=setTimeout((function(){return k(!1)}),P);return function(){return clearTimeout(e)}}}),[P,p]),s.default.createElement(x,{type:a,variation:b,isSolid:h,position:q,css:T},s.default.createElement(w,null,s.default.createElement(c.default,{icon:C,iconSize:20,css:I}),s.default.createElement(S,null,s.default.createElement(E,{variation:b,css:F},r),i&&s.default.createElement(O,{style:W,css:F},i))),s.default.createElement(j,null,s.default.createElement(u.default,{variant:"ghost",icon:n.faTimes,onClick:function(){return k(!1)}})))},q=function(e){var t=e.variation,i=e.type,o=e.children,a=f(e,["variation","type","children"]);return s.default.createElement(s.default.Fragment,null,{"inline-simple":s.default.createElement(h,m({variation:"simple",type:i},a),o),"inline-box":s.default.createElement(h,m({variation:"box",type:i},a),o),banner:s.default.createElement(z,m({variation:"banner",type:i},a),o),toast:s.default.createElement(z,m({variation:"toast",type:i},a),o)}[t])},T=a.styled("div",{width:"100%"});module.exports=function(t){var i=t.variation,o=void 0===i?"inline-simple":i,a=t.type,r=void 0===a?"info":a,n=t.children,l=t.isSolid,c=void 0!==l&&l,d=f(t,["variation","type","children","isSolid"]),u=e.useState(!0),p=u[0],$=u[1];return s.default.createElement(s.default.Fragment,null,p&&s.default.createElement(T,null,s.default.createElement(q,m({isSolid:c,variation:o,setIsVisible:$,type:r},d),n)))};
"use strict";var e=require("react"),t=require("@cavilha/icon"),i=require("@cavilha/text"),o=require("@fortawesome/pro-solid-svg-icons"),a=require("@cavilha/theme"),r=require("@cavilha/button"),n=require("@fortawesome/pro-regular-svg-icons");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e),c=l(t),d=l(i),m=l(r),u=function(){return u=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++)for(var a in t=arguments[i])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},u.apply(this,arguments)};function p(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(i[o[a]]=e[o[a]])}return i}var f={info:{icon:o.faInfoCircle,color:"$colors$info3"},success:{icon:o.faCheckCircle,color:"$colors$success2"},error:{icon:o.faExclamationTriangle,color:"$colors$danger2"},warning:{icon:o.faExclamationCircle,color:"$colors$warning2"}},$=function(e){return f[e].icon},y=function(e){return{color:f[e].color,mr:"$space$small2"}};a.styled("div",{});var v=a.styled("div",{display:"flex",alignItems:"center",background:"transparent",borderRadius:"$small",height:"$medium3",color:"$neutral5",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{padding:"$medium1"}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success2"},error:{border:"1px solid $danger2"},warning:{border:"1px solid $warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{color:"$neutral1 !important",bc:"$info4 ",i:{color:"inherit"}}},{isSolid:!0,type:"success",css:{color:"$alwaysWhite !important",bc:"$success2",i:{color:"inherit"}}},{isSolid:!0,type:"error",css:{color:"$alwaysWhite !important",bc:"$danger2",i:{color:"inherit"}}},{isSolid:!0,type:"warning",css:{color:"$alwaysBlack !important",bc:"$warning3",i:{color:"inherit"}}}]}),h=function(e){var t=e.variation,i=void 0===t?"simple":t,o=e.textSize,a=void 0===o?"small":o,r=e.type,n=void 0===r?"info":r,l=e.isSolid,m=void 0!==l&&l,u=e.children,p=e.css,f=$(n),h=y(n);return s.default.createElement(v,{isSolid:m,variation:i,type:n,css:p},s.default.createElement(c.default,{icon:f,iconSize:24,css:h}),s.default.createElement(d.default,{size:{small:"bodySmall",medium:"bodyMedium",color:"inherit !important"}[a],css:{color:"inherit"},weight:"regular"},u))},g=a.keyframes({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),b=a.keyframes({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),x=a.styled("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$background1",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",color:"$neutral5",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:g+" 300ms ease-out",bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:b+" 300ms ease-out",top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$mono1 !important",i:{color:"$mono1"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success2"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger2"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4",color:"$alwaysBlack"}}]}),S=a.styled("div",{display:"flex"}),w=a.styled("div",{display:"flex",flexDirection:"column"}),E=a.styled("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),O=a.styled("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),k=a.styled("div",{marginTop:"-$small2",marginLeft:"$small1"}),j=function(t){var i=t.children,o=t.type,a=void 0===o?"info":o,r=t.title,l=t.timeout,d=void 0===l?8:l,p=t.autohide,f=void 0!==p&&p,v=t.isSolid,h=void 0!==v&&v,g=t.variation,b=void 0===g?"toast":g,j=t.position,z=void 0===j?"left":j,q=t.css,T=t.setIsVisible,W=$(a),C=u(u({},y(a)),{mt:"-3px"}),I={marginTop:i&&r?"$small2":0},F={color:"inherit"},P=1e3*d;return e.useEffect((function(){if(f){var e=setTimeout((function(){return T(!1)}),P);return function(){return clearTimeout(e)}}}),[P,f]),s.default.createElement(x,{type:a,variation:b,isSolid:h,position:z,css:q},s.default.createElement(S,null,s.default.createElement(c.default,{icon:W,iconSize:20,css:C}),s.default.createElement(w,null,s.default.createElement(E,{variation:b,css:F},r),i&&s.default.createElement(O,{style:I,css:F},i))),s.default.createElement(k,null,s.default.createElement(m.default,{variant:"ghost",icon:n.faTimes,onClick:function(){return T(!1)}})))},z=function(e){var t=e.variation,i=e.type,o=e.children,a=p(e,["variation","type","children"]);return s.default.createElement(s.default.Fragment,null,{"inline-simple":s.default.createElement(h,u({variation:"simple",type:i},a),o),"inline-box":s.default.createElement(h,u({variation:"box",type:i},a),o),banner:s.default.createElement(j,u({variation:"banner",type:i},a),o),toast:s.default.createElement(j,u({variation:"toast",type:i},a),o)}[t])},q=a.styled("div",{width:"100%"});module.exports=function(t){var i=t.variation,o=void 0===i?"inline-simple":i,a=t.type,r=void 0===a?"info":a,n=t.children,l=t.isSolid,c=void 0!==l&&l,d=p(t,["variation","type","children","isSolid"]),m=e.useState(!0),f=m[0],$=m[1];return s.default.createElement(s.default.Fragment,null,f&&s.default.createElement(q,null,s.default.createElement(z,u({isSolid:c,variation:o,setIsVisible:$,type:r},d),n)))};

2

dist/index.es.js

@@ -1,1 +0,1 @@

import e,{useEffect as i,useState as o}from"react";import t from"@cavilha/icon";import r from"@cavilha/text";import{faInfoCircle as n,faCheckCircle as a,faExclamationTriangle as l,faExclamationCircle as s}from"@fortawesome/pro-solid-svg-icons";import{styled as c,keyframes as m}from"@cavilha/theme";import d from"@cavilha/button";import{faTimes as p}from"@fortawesome/pro-regular-svg-icons";var $=function(){return($=Object.assign||function(e){for(var i,o=1,t=arguments.length;o<t;o++)for(var r in i=arguments[o])Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);return e}).apply(this,arguments)};function u(e,i){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&i.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)i.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(o[t[r]]=e[t[r]])}return o}var f={info:{icon:n,color:"$colors$info3"},success:{icon:a,color:"$colors$success1"},error:{icon:l,color:"$colors$danger1"},warning:{icon:s,color:"$colors$warning3"}},v=function(e){return f[e].icon},h=function(e){return{color:f[e].color,mr:"$space$small2"}};c("div",{});var g=c("div",{display:"flex",alignItems:"center",background:"$white",borderRadius:"$small",height:"$medium3",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{color:"$white !important",padding:"$medium1",i:{color:"$white"}}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success1"},error:{border:"1px solid $danger1"},warning:{border:"1px solid $warning3"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 "}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{bc:"$warning4"}}]}),b=function(i){var o=i.variation,n=void 0===o?"simple":o,a=i.textSize,l=void 0===a?"small":a,s=i.type,c=void 0===s?"info":s,m=i.isSolid,d=void 0!==m&&m,p=i.children,$=i.css,u=v(c),f=h(c);return e.createElement(g,{isSolid:d,variation:n,type:c,css:$},e.createElement(t,{icon:u,iconSize:24,css:f}),e.createElement(r,{size:{small:"bodySmall",medium:"bodyMedium"}[l],css:{color:d?"$white":"$neutral5"},weight:"regular"},p))},x=c("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$white",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:m({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}})+" 300ms ease-out",bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:m({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}})+" 300ms ease-out",top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$white !important",i:{color:"$white"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger1"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning3"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4"}}]}),y=c("div",{display:"flex"}),w=c("div",{display:"flex",flexDirection:"column"}),S=c("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),E=c("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),O=c("div",{marginTop:"-$small2",marginLeft:"$small1"}),z=function(o){var r=o.children,n=o.type,a=void 0===n?"info":n,l=o.title,s=o.timeout,c=void 0===s?8:s,m=o.autohide,u=void 0!==m&&m,f=o.isSolid,g=void 0!==f&&f,b=o.variation,z=void 0===b?"toast":b,j=o.position,T=void 0===j?"left":j,W=o.css,F=o.setIsVisible,I=v(a),P=$($({},h(a)),{mt:"-3px"}),V={marginTop:r&&l?"$small2":0},k={color:g?"$white":"$neutral5"},C=1e3*c;return i((function(){if(u){var e=setTimeout((function(){return F(!1)}),C);return function(){return clearTimeout(e)}}}),[C,u]),e.createElement(x,{type:a,variation:z,isSolid:g,position:T,css:W},e.createElement(y,null,e.createElement(t,{icon:I,iconSize:20,css:P}),e.createElement(w,null,e.createElement(S,{variation:z,css:k},l),r&&e.createElement(E,{style:V,css:k},r))),e.createElement(O,null,e.createElement(d,{variant:"ghost",icon:p,onClick:function(){return F(!1)}})))},j=function(i){var o=i.variation,t=i.type,r=i.children,n=u(i,["variation","type","children"]);return e.createElement(e.Fragment,null,{"inline-simple":e.createElement(b,$({variation:"simple",type:t},n),r),"inline-box":e.createElement(b,$({variation:"box",type:t},n),r),banner:e.createElement(z,$({variation:"banner",type:t},n),r),toast:e.createElement(z,$({variation:"toast",type:t},n),r)}[o])},T=c("div",{width:"100%"}),W=function(i){var t=i.variation,r=void 0===t?"inline-simple":t,n=i.type,a=void 0===n?"info":n,l=i.children,s=i.isSolid,c=void 0!==s&&s,m=u(i,["variation","type","children","isSolid"]),d=o(!0),p=d[0],f=d[1];return e.createElement(e.Fragment,null,p&&e.createElement(T,null,e.createElement(j,$({isSolid:c,variation:r,setIsVisible:f,type:a},m),l)))};export{W as default};
import o,{useEffect as i,useState as e}from"react";import t from"@cavilha/icon";import r from"@cavilha/text";import{faInfoCircle as n,faCheckCircle as a,faExclamationTriangle as l,faExclamationCircle as s}from"@fortawesome/pro-solid-svg-icons";import{styled as c,keyframes as m}from"@cavilha/theme";import d from"@cavilha/button";import{faTimes as p}from"@fortawesome/pro-regular-svg-icons";var u=function(){return u=Object.assign||function(o){for(var i,e=1,t=arguments.length;e<t;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(o[r]=i[r]);return o},u.apply(this,arguments)};function $(o,i){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&i.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(o);r<t.length;r++)i.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(o,t[r])&&(e[t[r]]=o[t[r]])}return e}var f={info:{icon:n,color:"$colors$info3"},success:{icon:a,color:"$colors$success2"},error:{icon:l,color:"$colors$danger2"},warning:{icon:s,color:"$colors$warning2"}},v=function(o){return f[o].icon},h=function(o){return{color:f[o].color,mr:"$space$small2"}};c("div",{});var g=c("div",{display:"flex",alignItems:"center",background:"transparent",borderRadius:"$small",height:"$medium3",color:"$neutral5",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{padding:"$medium1"}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success2"},error:{border:"1px solid $danger2"},warning:{border:"1px solid $warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{color:"$neutral1 !important",bc:"$info4 ",i:{color:"inherit"}}},{isSolid:!0,type:"success",css:{color:"$alwaysWhite !important",bc:"$success2",i:{color:"inherit"}}},{isSolid:!0,type:"error",css:{color:"$alwaysWhite !important",bc:"$danger2",i:{color:"inherit"}}},{isSolid:!0,type:"warning",css:{color:"$alwaysBlack !important",bc:"$warning3",i:{color:"inherit"}}}]}),b=function(i){var e=i.variation,n=void 0===e?"simple":e,a=i.textSize,l=void 0===a?"small":a,s=i.type,c=void 0===s?"info":s,m=i.isSolid,d=void 0!==m&&m,p=i.children,u=i.css,$=v(c),f=h(c);return o.createElement(g,{isSolid:d,variation:n,type:c,css:u},o.createElement(t,{icon:$,iconSize:24,css:f}),o.createElement(r,{size:{small:"bodySmall",medium:"bodyMedium",color:"inherit !important"}[l],css:{color:"inherit"},weight:"regular"},p))},y=c("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$background1",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",color:"$neutral5",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:m({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}})+" 300ms ease-out",bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:m({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}})+" 300ms ease-out",top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$mono1 !important",i:{color:"$mono1"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success2"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger2"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4",color:"$alwaysBlack"}}]}),x=c("div",{display:"flex"}),S=c("div",{display:"flex",flexDirection:"column"}),w=c("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),E=c("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),O=c("div",{marginTop:"-$small2",marginLeft:"$small1"}),z=function(e){var r=e.children,n=e.type,a=void 0===n?"info":n,l=e.title,s=e.timeout,c=void 0===s?8:s,m=e.autohide,$=void 0!==m&&m,f=e.isSolid,g=void 0!==f&&f,b=e.variation,z=void 0===b?"toast":b,j=e.position,W=void 0===j?"left":j,k=e.css,T=e.setIsVisible,F=v(a),I=u(u({},h(a)),{mt:"-3px"}),P={marginTop:r&&l?"$small2":0},V={color:"inherit"},B=1e3*c;return i((function(){if($){var o=setTimeout((function(){return T(!1)}),B);return function(){return clearTimeout(o)}}}),[B,$]),o.createElement(y,{type:a,variation:z,isSolid:g,position:W,css:k},o.createElement(x,null,o.createElement(t,{icon:F,iconSize:20,css:I}),o.createElement(S,null,o.createElement(w,{variation:z,css:V},l),r&&o.createElement(E,{style:P,css:V},r))),o.createElement(O,null,o.createElement(d,{variant:"ghost",icon:p,onClick:function(){return T(!1)}})))},j=function(i){var e=i.variation,t=i.type,r=i.children,n=$(i,["variation","type","children"]);return o.createElement(o.Fragment,null,{"inline-simple":o.createElement(b,u({variation:"simple",type:t},n),r),"inline-box":o.createElement(b,u({variation:"box",type:t},n),r),banner:o.createElement(z,u({variation:"banner",type:t},n),r),toast:o.createElement(z,u({variation:"toast",type:t},n),r)}[e])},W=c("div",{width:"100%"}),k=function(i){var t=i.variation,r=void 0===t?"inline-simple":t,n=i.type,a=void 0===n?"info":n,l=i.children,s=i.isSolid,c=void 0!==s&&s,m=$(i,["variation","type","children","isSolid"]),d=e(!0),p=d[0],f=d[1];return o.createElement(o.Fragment,null,p&&o.createElement(W,null,o.createElement(j,u({isSolid:c,variation:r,setIsVisible:f,type:a},m),l)))};export{k as default};

202

dist/InlineAlert/InlineAlert.styles.d.ts

@@ -11,15 +11,17 @@ import { StitchesVariants, CSS } from '@cavilha/theme';

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -29,2 +31,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -35,2 +41,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -42,2 +53,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -47,2 +62,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -52,2 +71,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -57,2 +80,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -64,2 +91,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -124,8 +182,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -137,2 +195,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -171,3 +234,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -178,2 +240,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -250,15 +313,17 @@ zIndices: {

brandSecondary: string;
success: string;
error: string;
warning: string;
info: string;
facebook: string;
instagram: string;
youtube: string;
linkedin: string;
pinterest: string;
twitter: string;
neutral: string;
white: string;
black: string;
brandMadeira1: string;
brandMadeira2: string;
brandMadeira3: string;
brandMadeira4: string;
brandMadeira5: string;
brandMadeira6: string;
brandMadeira7: string;
brandMadeira8: string;
brandMadeira9: string;
mono1: string;
mono2: string;
background1: string;
background2: string;
alwaysBlack: string;
alwaysWhite: string;
primary1: string;

@@ -268,2 +333,6 @@ primary2: string;

primary4: string;
primary1Hover: string;
primary2Hover: string;
primary3Hover: string;
primary4Hover: string;
secondary1: string;

@@ -274,2 +343,7 @@ secondary2: string;

secondary4: string;
secondary0Hover: string;
secondary1Hover: string;
secondary2Hover: string;
secondary3Hover: string;
secondary4Hover: string;
secondary1Opacity: string;

@@ -281,2 +355,6 @@ secondary2Opacity: string;

success4: string;
success1Hover: string;
success2Hover: string;
success3Hover: string;
success4Hover: string;
danger1: string;

@@ -286,2 +364,6 @@ danger2: string;

danger4: string;
danger1Hover: string;
danger2Hover: string;
danger3Hover: string;
danger4Hover: string;
warning1: string;

@@ -291,2 +373,6 @@ warning2: string;

warning4: string;
warning1Hover: string;
warning2Hover: string;
warning3Hover: string;
warning4Hover: string;
info1: string;

@@ -296,2 +382,6 @@ info2: string;

info4: string;
info1Hover: string;
info2Hover: string;
info3Hover: string;
info4Hover: string;
neutral1: string;

@@ -303,2 +393,33 @@ neutral2: string;

neutral6: string;
linkedin: string;
linkedin1: string;
whatsapp1: string;
whatsapp2: string;
whatsapp3: string;
youtube1: string;
youtube2: string;
twitter: string;
twitter1: string;
facebook1: string;
instagram1: string;
pinterest: string;
pinterest1: string;
mono1Opacity1: string;
mono1Opacity2: string;
mono1Opacity3: string;
mono1Opacity4: string;
mono1Opacity5: string;
mono1Opacity6: string;
mono1Opacity7: string;
mono1Opacity8: string;
mono1Opacity9: string;
mono2Opacity1: string;
mono2Opacity2: string;
mono2Opacity3: string;
mono2Opacity4: string;
mono2Opacity5: string;
mono2Opacity6: string;
mono2Opacity7: string;
mono2Opacity8: string;
mono2Opacity9: string;
defaultBorderColor: string;

@@ -363,8 +484,8 @@ yellow100: string;

bodyMedium: string;
hero: string;
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h4: string;
h3: string;
h2: string;
h1: string;
hero: string;
mobileHero: string;

@@ -376,2 +497,7 @@ mobileH1: string;

mobileH5: string;
iconXSmall: string;
iconSmall: string;
iconMedium: string;
iconLarge: string;
iconXLarge: string;
};

@@ -410,3 +536,2 @@ fontWeights: {

shadows: {
focus: string;
shadowNone: string;

@@ -417,2 +542,3 @@ shadowXSmall: string;

shadowLarge: string;
focusPressed: string;
};

@@ -419,0 +545,0 @@ zIndices: {

10

package.json
{
"name": "@cavilha/alert",
"version": "0.0.0-alpha.7",
"version": "0.0.0",
"description": "An alert component with diferent style variants and alignment options",

@@ -74,7 +74,7 @@ "author": "MadeiraMadeira webstore squads",

"dependencies": {
"@cavilha/button": "0.0.0-alpha.8",
"@cavilha/icon": "0.0.0-alpha.2",
"@cavilha/text": "0.0.0-alpha.5",
"@cavilha/theme": "0.0.0-alpha.4"
"@cavilha/button": "0.0.0",
"@cavilha/icon": "0.0.0",
"@cavilha/text": "0.0.0",
"@cavilha/theme": "0.0.0"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc