@3t-transform/threeteeui 0.0.13 → 0.0.15

package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js

@@ -1,156 +0,0 @@
-import icons from '../../../icons';
-export default {
-  title: 'Molecules/Standalone Input',
-  component: 'tttx-standalone-input',
-  argTypes: {
-    iconleft: {
-      options: icons,
-      control: { type: 'select' },
-    },
-    iconright: {
-      options: icons,
-      control: { type: 'select' },
-    },
-    label: {
-      control: { type: 'text' },
-    },
-    errormsg: {
-      control: { type: 'text' },
-    },
-    showerrormsg: {
-      control: { type: 'boolean' },
-    },
-    checked: {
-      control: { type: 'boolean' },
-    },
-    disabled: {
-      control: { type: 'boolean' },
-    },
-    max: {
-      control: { type: 'text' },
-    },
-    maxlength: {
-      control: { type: 'text' },
-    },
-    min: {
-      control: { type: 'text' },
-    },
-    minlength: {
-      control: { type: 'text' },
-    },
-    name: {
-      control: { type: 'text' },
-    },
-    pattern: {
-      control: { type: 'text' },
-    },
-    placeholder: {
-      control: { type: 'text' },
-    },
-    readonly: {
-      control: { type: 'boolean' },
-    },
-    required: {
-      control: { type: 'boolean' },
-    },
-    step: {
-      control: { type: 'text' },
-    },
-    type: {
-      options: ['text', 'password', 'email', 'number'],
-      control: { type: 'radio' },
-    },
-    value: {
-      control: { type: 'text' },
-    },
-  },
-};
-const TemplateTextInput = ({ iconleft, iconright, label, errormsg, showerrormsg, checked, disabled, max, maxlength, min, minlength, name, pattern, placeholder, readonly, required, step, type, value, }) => `
-<tttx-standalone-input
-  iconleft="${iconleft || ''}"
-  iconright="${iconright || ''}"
-  label="${label}"
-  errormsg="${errormsg}"
-  ${showerrormsg ? 'showerrormsg' : ''}
-  ${checked ? 'checked' : ''}
-  ${disabled ? 'disabled' : ''}
-  ${max ? `max=${max}` : ''}
-  ${maxlength ? `maxlength=${maxlength}` : ''}
-  ${min ? `min=${min}` : ''}
-  ${minlength ? `minlength=${minlength}` : ''}
-  ${name ? `name=${name}` : ''}
-  ${pattern ? `pattern=${pattern}` : ''}
-  ${placeholder ? `placeholder=${placeholder}` : ''}
-  ${readonly ? 'readonly' : ''}
-  ${required ? 'required' : ''}
-  ${step ? 'step' : ''}
-  type="${type}"
-  value="${value}"  
-/>
-`;
-export const InputField = TemplateTextInput.bind({});
-InputField.args = {
-  value: '',
-  label: 'First name',
-  type: 'text',
-  errormsg: 'Please enter your first name',
-  required: false,
-  showerrormsg: false,
-  placeholder: 'Enter first name',
-};
-// export const TextInputIconLeft = TemplateTextInput.bind({});
-// TextInputIconLeft.args = {
-//   value: 'Uh egg',
-//   label: 'Please tell me about your egg',
-//   iconleft: 'egg',
-//   type: 'text',
-//   errormsg: 'Incorrect egg, please egg again.',
-//   required: true,
-//   showerrormsg: true,
-//   placeholder: 'Please for the love of god tell me about your egg',
-// };
-// export const TextInputIconRight = TemplateTextInput.bind({});
-// TextInputIconRight.args = {
-//   value: 'Uh egg',
-//   label: 'Please tell me about your egg',
-//   iconright: 'egg',
-//   type: 'text',
-//   errormsg: 'Incorrect egg, please egg again.',
-//   required: true,
-//   showerrormsg: true,
-//   placeholder: 'Please for the love of god tell me about your egg',
-// };
-// export const PasswordInputBasic = TemplateTextInput.bind({});
-// PasswordInputBasic.args = {
-//   value: 'qwefdweferg',
-//   label: 'Input your Password',
-//   iconleft: 'lock',
-//   type: 'password',
-//   errormsg: 'Password is not strong enough',
-//   required: true,
-//   showerrormsg: true,
-//   placeholder: 'Your password',
-// };
-// export const EmailInputBasic = TemplateTextInput.bind({});
-// EmailInputBasic.args = {
-//   value: 'email.address@website.com',
-//   label: 'Choose an email address',
-//   iconleft: 'mail',
-//   type: 'email',
-//   errormsg: 'This email smells funny',
-//   required: true,
-//   valid: false,
-//   showerrormsg: true,
-//   placeholder: 'Your email address',
-// };
-// export const NumberInputBasic = TemplateTextInput.bind({});
-// NumberInputBasic.args = {
-//   value: '42069',
-//   label: 'What is your favourite number?',
-//   iconleft: '123',
-//   type: 'number',
-//   errormsg: 'This number feels wrong',
-//   required: true,
-//   showerrormsg: true,
-//   placeholder: 'Your favourite number',
-// };

package/dist/collection/components/palette.stories.js

@@ -1,88 +0,0 @@
-export default {
-  title: 'Foundations/Palette',
-  component: 'tttx-palette',
-};
-const Swatch = (colour, name = '') => `
-<div class="swatch">
-  <div class="swatchcontent" style="background-color:${colour};">
-    <div class="pill">${colour}</div>
-  </div>
-  <p>${name}</p>  
-</div>
-`;
-const Template = () => `
-
-<style>
-h2 { clear:both; margin-top: 2em; display: block; }
-.swatch { width:130px; height:130px; float:left; font-size: 12px; }
-.swatchcontent { width:120px; height:80px;  }
-.pill {
-  margin: 0.5em;
-  display: inline-block;
-  padding: 0.25em 0.5em;
-  border-radius: 1em;
-  background-color: #FFFFFF;
-  color: #000000;
-  font-size: 1em;
-  font-weight: bold;
-}
-p { margin: 8px 0 0 0; }
-</style>
-
-<h2>Primary</h2>
-${Swatch('#111111', '$black')}
-${Swatch('#FFFFFF', '$white')}
-${Swatch('#00187C', '$brand')}
-${Swatch('#1579C6', '$accent')}
-${Swatch('#E7F1F9', '$selected')}
-
-<h2>Text and icons</h2>
-${Swatch('#212121', '$ui-primary')}
-${Swatch('#757575', '$ui-secondary')}
-${Swatch('#9E9E9E', '$ui-placeholder')}
-${Swatch('#4C4C4C', '$ui-disabled')}
-
-<h2>Layout</h2>
-${Swatch('#F0F0F0', '$background')}
-${Swatch('#FAFAFA', '$backround-secondary')}
-${Swatch('#D5D5D5', '$ui-border')}
-
-<h2>Buttons</h2>
-${Swatch('#1579C6', '$btn-accent')}
-${Swatch('#146EB3', '$btn-accent-hover')}
-${Swatch('#10609D', '$btn-accent-active')}
-<div style="clear:both;"></div>
-${Swatch('#FFFFFF', '$btn-default')}
-${Swatch('#e6e6e6', '$btn-hover')}
-${Swatch('#cccccc', '$btn-active')}
-<div style="clear:both;"></div>
-${Swatch('#DC0000', '$btn-danger')}
-${Swatch('#C70101', '$btn-danger-hover')}
-${Swatch('#B30303', '$btn-danger-active')}
-<div style="clear:both;"></div>
-${Swatch('#BDBDBD', '$btn-disabled')}
-
-<h2>Severity</h2>
-${Swatch('#DC0000', '$severity-critical')}
-${Swatch('#F59500', '$severity-warning')}
-${Swatch('#A2BB31', '$severity-success')}
-${Swatch('#00187C', '$severity-info')}
-<div style="clear:both;"></div>
-${Swatch('#F2BEBE', '$message-critical')}
-${Swatch('#F9E1BE', '$message-warning')}
-${Swatch('#E4EBC9', '$message-success')}
-${Swatch('#C2DAEE', '$message-info')}
-
-<h2>Diverging</h2>
-${Swatch('#0373A5', '$dv-lowest')}
-${Swatch('#00C2D1', '$dv-very-low')}
-${Swatch('#50A472', '$dv-low')}
-${Swatch('#A2BB31', '$dv-med-low')}
-${Swatch('#FDC500', '$dv-medium')}
-${Swatch('#F59500', '$dv-med-high')}
-${Swatch('#EA6100', '$dv-high')}
-${Swatch('#DC0000', '$dv-very-high')}
-${Swatch('#A20000', '$dv-highest')}
-
-`;
-export const Default = Template.bind({});

package/dist/collection/docs/gettingstarted-developer.stories.js

@@ -1,9 +0,0 @@
-export default {
-  title: 'Getting Started/Developer',
-};
-const Template = () => `
-<tttx-typography>
-    <p>Quick start guide for developers</p>
-</tttx-typography>
-`;
-export const Default = Template.bind({});