@capillarytech/creatives-library 2.0.81 → 2.0.83

package/v2Components/Footer/index.js

@@ -0,0 +1,27 @@
+/**
+*
+* Footer
+*
+*/
+
+import React from 'react';
+// import styled from 'styled-components';
+
+import { FormattedMessage } from 'react-intl';
+import messages from './messages';
+
+class Footer extends React.Component { // eslint-disable-line react/prefer-stateless-function
+  render() {
+    return (
+      <div>
+        <FormattedMessage {...messages.header} />
+      </div>
+    );
+  }
+}
+
+Footer.propTypes = {
+
+};
+
+export default Footer;

package/v2Components/Footer/messages.js

@@ -0,0 +1,13 @@
+/*
+ * Footer Messages
+ *
+ * This contains all the text for the Footer component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  header: {
+    id: 'app.components.Footer.header',
+    defaultMessage: 'This is the Footer component !',
+  },
+});

package/v2Components/Footer/tests/index.test.js

@@ -0,0 +1,10 @@
+// import React from 'react';
+// import { shallow } from 'enzyme';
+
+// import Footer from '../index';
+
+// describe('<Footer />', () => {
+//   it('Expect to have unit tests specified', () => {
+//     expect(true).toEqual(false);
+//   });
+// });

package/v2Components/FormBuilder/_formBuilder.scss

@@ -0,0 +1,78 @@
+
+
+.form-tab-header{
+  display: flex;
+  align-items: center;
+  font-style: normal;
+  font-weight: 600;
+}
+
+.form-builder-radio-group {
+ 
+    .cap-radio-v2{
+      display: inline-block;
+    }
+  
+}
+
+.textarea-error-message {
+  top: initial !important;
+  bottom: 4px !important;
+}
+
+.cap-input {
+  .error-message {
+    margin-left: initial !important;
+  }
+}
+
+.tabs-error {
+  .ant-tabs-ink-bar ant-tabs-ink-bar-animated {
+    background-color: #F34F56;
+  }
+}
+.image-container {
+  &.error{
+    border: 1px solid #F34F56;
+  }
+  img{
+    max-height: 150px;
+    max-width: 300px;
+    display: block;
+    margin: auto;
+  }
+}
+.disabled {
+  pointer-events: none;
+  border-bottom: 1px solid #C2C2C2 !important;
+  background-color: #F9F9F9 !important;
+}
+.hide{
+  display: none;
+}
+.error{
+  color : #F34F56;
+}
+
+.ant-notification-notice-description {
+  word-wrap: break-word;
+}
+
+.preview-chars{
+  margin-top: 8px;
+  div{
+    display: inline-block;
+    font-size: 16px;
+    margin: 4px;
+    // font-family: Open-Sans;
+    text-align: center;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    padding: 0 4px 4px 4px;
+    border: 0.5px solid;
+    &.invalid{
+      border-color: #F34F56;
+    }
+  }
+}