monica-alexandria 3.2.21 → 3.3.0

package/src/export/components/steps/Steps_Header.js

@@ -7,15 +7,15 @@ const StepsHeader = styled.div`
     margin-bottom: 2rem;
     display: grid;
     align-items: center;
-    grid-template-columns: repeat( ${p => p.array_Steps.length} ,1fr);
+    grid-template-columns: repeat( ${p => p.steps.length} ,1fr);
     background: ${p => p.theme.mid};
     overflow: hidden;
 `
 
 const SingleStep = styled.div`
     background: ${p => 
-                    p.step === p.int_CurrentStep ? 'linear-gradient( to right, var(--main), transparent)' :
-                    p.step < p.int_CurrentStep ? 'var(--main)' :
+                    p.step === p.currentStep ? 'linear-gradient( to right, var(--main), transparent)' :
+                    p.step < p.currentStep ? 'var(--main)' :
                     'transparent'
     };
     height: 100%;
@@ -24,9 +24,9 @@ const SingleStep = styled.div`
 
 export const Steps_Header = (props) => {
   return (
-    <StepsHeader array_Steps = {props.array_Steps}>
-        {(props.array_Steps).map((step, i) =>
-            <SingleStep step={i} int_CurrentStep={props.int_CurrentStep}></SingleStep>
+    <StepsHeader steps = {props.steps}>
+        {(props.steps).map((step, i) =>
+            <SingleStep step={i} currentStep={props.currentStep}></SingleStep>
         )}
     </StepsHeader>
   )

package/src/export/styles/Steps.js

@@ -6,7 +6,7 @@ export const Steps = styled.div`
     margin-bottom: 2rem;
     display: grid;
     align-items: center;
-    grid-template-columns: repeat( ${p => p.array_Steps} ,1fr);
+    grid-template-columns: repeat( ${p => p.steps} ,1fr);
     background: ${p => p.theme.mid};
     overflow: hidden;
 `

package/src/stories/cards/OnClickCard.stories.jsx

@@ -23,26 +23,26 @@ const Template = (args) => <On_Click_Card {...args}/>
 
 export const WithImage = Template.bind({})
 WithImage.args = {
-    img_Card : 'https://images.unsplash.com/photo-1666278885974-cb4ffbb2c606?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80',
-    text_CardSub : 'This is a subtitle'
+    img : 'https://images.unsplash.com/photo-1666278885974-cb4ffbb2c606?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80',
+    subtitle : 'This is a subtitle'
 }
 
 export const WithSvg = Template.bind({})
 WithSvg.args = {
-    svg_Card : 'Rocket',
-    text_CardTitle : 'This is a Title'
+    icon : 'Rocket',
+    title : 'This is a Title'
 }
 
 export const WithSvgImg = Template.bind({})
 WithSvgImg.args = {
-    img_SmallCard : 'https://images.unsplash.com/photo-1666278885974-cb4ffbb2c606?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80',
-    text_CardTitle : 'This is a Title'
+    imgSmall : 'https://images.unsplash.com/photo-1666278885974-cb4ffbb2c606?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80',
+    title : 'This is a Title'
 }
 
 export const WithText = Template.bind({})
 WithText.args = {
-    text_Card : '2345',
-    text_CardTitle : 'This is a Title',
-    text_CardSub : 'This is a subtitle',
+    header : '2345',
+    title : 'This is a Title',
+    subtitle : 'This is a subtitle',
     variant_CardText : 'Main'
 }

package/src/stories/confirmation/Confirmation.stories.jsx

@@ -15,9 +15,9 @@ export default{
 
 export const Confirm = (args) => <Confirmation_ {...args}/>
 Confirm.args={
-    text_Confirmation : 'Are you sure?',
-    text_Primary : 'Yes',
-    text_Secondary: 'No',
-    icon_Primary : 'Check',
-    icon_Secondary: 'Xicon',
+    message : 'Are you sure?',
+    text_Main : 'Yes',
+    text_MainPlain: 'No',
+    icon_Main : 'Check',
+    icon_MainPlain: 'Xicon',
 }

package/src/stories/form/Checkbox.stories.jsx

@@ -6,17 +6,17 @@ export default{
 
 export const Simple = (args) => <Checkbox_ {...args}/>
 Simple.args={
-    id_Checkbox : 'id1523',
+    id : 'id1523',
     text_CheckboxLabel : 'Is this your choice?',
-    onClick_Checkbox : '-',
-    bool_Checked : false
+    onClick : '-',
+    checked : false
 }
 
 export const Input = (args) => <Checkbox_ {...args}/>
 Input.args={
-    id_Checkbox : 'id1523',
-    text_CheckboxPlaceholder : 'Other',
-    variant_Input : true,
-    onClick_Checkbox : '-',
-    bool_Checked : false
+    id : 'id1523',
+    placeholder : 'Other',
+    withInput : true,
+    onClick : '-',
+    checked : false
 }

package/src/stories/form/Dropdown.stories.jsx

@@ -7,7 +7,7 @@ export default{
 
 export const Simple = (args) => <Dropdown_ {...args}/>
 Simple.args={
-    array_Dropdown: ['bob', 'lol', 'kok']
+    items: ['bob', 'lol', 'kok']
 }
 
 export const withSelect = (args) => 

package/src/stories/form/Elastic.stories.jsx

@@ -20,22 +20,22 @@ const array = ['Volos', 'Karditsa']
 
 export const Elastic = (args) => 
 <Builder_ 
-    text_BuilderTitle = 'Seach for something...'
+    title = 'Seach for something...'
 >
     <Elastic_Search {...args}/>
 </Builder_>
 Elastic.args = {
     json_File : bob,
-    text_Placeholder : 'Search a city',
-    onChange_Input : '_',
-    text_DefaultValue: '',
-    key_SuggestionType: 'CITY',
-    bool_Required : true,
+    placeholder : 'Search a city',
+    onChange : '_',
+    defaultValue: '',
+    suggestionType: 'CITY',
+    required : true,
     bool_Sanitize: true,
     onSuggestions: () => console.log('calling onSuggestion'),
-    array_List: array,
-    variant_List : true,
-    text_Selecteditems: 'Selected items:',
+    list: array,
+    list : true,
+    listItemTitle: 'Selected items:',
     onClick_AddToList : '-',
     text_AddToList : 'Add'
 }

package/src/stories/form/Input.stories.jsx

@@ -6,46 +6,46 @@ export default{
 
 export const Simple = (args) => <Input_ {...args}/>
 Simple.args={
-    text_Placeholder : 'fill in your message...'
+    placeholder : 'fill in your message...'
 }
 
 export const Required = (args) => <Input_ {...args}/>
 Required.args={
-    text_Placeholder : 'fill in your message...',
-    bool_Required : true,
-    array_Errors : ['You must fill in this information']
+    placeholder : 'fill in your message...',
+    required : true,
+    errors : ['You must fill in this information']
 }
 
 export const Helpers = (args) => <Input_ {...args}/>
 Helpers.args={
-    text_Placeholder : 'fill in your message...',
-    bool_Required : true,
-    array_Helpers : ['You must fill in this information']
+    placeholder : 'fill in your message...',
+    required : true,
+    helpers : ['You must fill in this information']
 }
 
 export const Tips = (args) => <Input_ {...args}/>
 Tips.args={
-    text_Placeholder : 'fill in your message...',
-    bool_Required : true,
-    array_Tips : ['This is the first tip', 'This is the second tip']
+    placeholder : 'fill in your message...',
+    required : true,
+    tips : ['This is the first tip', 'This is the second tip']
 }
 
 export const List = (args) => <Input_ {...args}/>
 List.args={
-    text_Placeholder : 'fill in your message...',
-    variant_List : true,
-    array_List : ['first item'],
-    icon_List : 'Rocket'
+    placeholder : 'fill in your message...',
+    list : true,
+    list : ['first item'],
+    icon_ListItem : 'Rocket'
 }
 
 export const Mixed = (args) => <Input_ {...args}/>
 Mixed.args={
-    text_Placeholder : 'fill in your message...',
-    variant_List : true,
-    array_List : ['first item'],
-    icon_List : 'Rocket',
-    bool_Required : true,
-    array_Tips : ['This is the first tip', 'This is the second tip'],
-    array_Helpers : ['You must fill in this information'],
-    array_Errors : ['You must fill in this information']
+    placeholder : 'fill in your message...',
+    list : true,
+    list : ['first item'],
+    icon_ListItem : 'Rocket',
+    required : true,
+    tips : ['This is the first tip', 'This is the second tip'],
+    helpers : ['You must fill in this information'],
+    errors : ['You must fill in this information']
 }

package/src/stories/form/InputPhone.stories.jsx

@@ -6,7 +6,7 @@ export default{
 }
 
 export const Simple = (args) => 
-<Builder_ text_BuilderTitle='Bob'>
+<Builder_ title='Bob'>
     <Input_Phone {...args}/>
 </Builder_>
 Simple.args = {
@@ -17,7 +17,7 @@ Simple.args = {
 }
 
 export const Required = (args) => 
-<Builder_ text_BuilderTitle='Bob'>
+<Builder_ title='Bob'>
     <Input_Phone {...args}/>
 </Builder_>
 Required.args = {
@@ -25,16 +25,16 @@ Required.args = {
     text_PhonePlaceholder : 'Enter you number here',
     array_PhoneList : ['(0030) 6955999010'],
     icon_PhoneList : 'Phone',
-    bool_Required : true
+    required : true
 }
 
 export const Register = (args) => 
-<Builder_ text_BuilderTitle='Bob'>
+<Builder_ title='Bob'>
     <Input_Phone_Register {...args}/>
 </Builder_>
 Register.args = {
-    text_Placeholder : 'Enter you number here',
+    placeholder : 'Enter you number here',
     array_PhoneList : ['(0030) 6955999010'],
     icon_PhoneList : 'Phone',
-    bool_Required : true
+    required : true
 }

package/src/stories/form/Radio.stories.jsx

@@ -6,13 +6,13 @@ export default{
 
 export const Simple = (args) => <Radio_ {...args}/>
 Simple.args={
-    id_Radio : 'id1523',
-    text_RadioLabel : 'Is this your choice?'
+    id : 'id1523',
+    text : 'Is this your choice?'
 }
 
 export const Input = (args) => <Radio_ {...args}/>
 Input.args={
-    id_Radio : 'id1553',
-    text_RadioPlaceholder : 'Other',
-    variant_Input : true
+    id : 'id1553',
+    placeholder : 'Other',
+    withInput : true
 }

package/src/stories/form/Textarea.stories.jsx

@@ -6,35 +6,35 @@ export default{
 
 export const Simple = (args) => <Textarea_ {...args}/>
 Simple.args={
-    text_Placeholder : 'Fill in your story...',
+    placeholder : 'Fill in your story...',
     rows : '5',
-    int_Limit : 250,
-    bool_Required : false
+    limit : 250,
+    required : false
 }
 
 export const Required = (args) => <Textarea_ {...args}/>
 Required.args={
-    text_Placeholder : 'Fill in your story...',
+    placeholder : 'Fill in your story...',
     rows : '5',
-    int_Limit : 250,
-    bool_Required : true,
-    array_Errors : ['You must fill in this information']
+    limit : 250,
+    required : true,
+    errors : ['You must fill in this information']
 }
 
 export const Helpers = (args) => <Textarea_ {...args}/>
 Helpers.args={
-    text_Placeholder : 'Fill in your story...',
+    placeholder : 'Fill in your story...',
     rows : '5',
-    int_Limit : 250,
-    bool_Required : true,
-    array_Helpers : ['I am here to help you', 'Me too!']
+    limit : 250,
+    required : true,
+    helpers : ['I am here to help you', 'Me too!']
 }
 
 export const Tips = (args) => <Textarea_ {...args}/>
 Tips.args={
-    text_Placeholder : 'Fill in your story...',
+    placeholder : 'Fill in your story...',
     rows : '5',
-    int_Limit : 250,
-    bool_Required : true,
-    array_Tips : ['I am here to help you', 'Me too!']
+    limit : 250,
+    required : true,
+    tips : ['I am here to help you', 'Me too!']
 }

package/src/stories/slider/Slider.stories.jsx

@@ -30,16 +30,16 @@ export const Default = (args) =>
 
 <Slider_ {...args}>
     <Builder_
-        text_BuilderTitle = 'Fill in your information'
+        title = 'Fill in your information'
     >
         <Input_ 
-            text_Placeholder = 'Phone number'
+            placeholder = 'Phone number'
         />
     </Builder_>
 </Slider_>
 
 Default.args = {
-    onClick_Close : '_',
+    onClick : '_',
     title : "This is the slider's title",
     done : 'Done'
 }

package/src/stories/steps/Steps.stories.jsx

@@ -52,6 +52,6 @@ let ArrayOfSteps = [
 
 export const Steps = (args) => <Steps_ {...args}/>
 Steps.args = {
-    array_Steps : ArrayOfSteps,
-    int_CurrentStep: 0
+    steps : ArrayOfSteps,
+    currentStep: 0
 }