hds-web 1.0.0 → 1.0.2

package/tailwind.config.js

@@ -288,6 +288,25 @@ module.exports = {
         }],
         // add more for more breakpoints
 
+
+        // h6-style
+        'hds-m-h7': ['0.75rem', {
+          lineHeight: '1.25rem',
+          letterSpacing: '0.08em',
+          fontWeight: '700',
+        }],
+        'hds-t-h7': ['0.75rem', {
+          lineHeight: '1.25rem',
+          letterSpacing: '0.08em',
+          fontWeight: '700',
+        }],
+        'hds-d-h7': ['0.75', {
+          lineHeight: '1.25',
+          letterSpacing: '0.08em',
+          fontWeight: '700',
+        }],
+        // add more for more breakpoints
+
         // sub-style
         'hds-m-sub1': ['1.25rem', {
           lineHeight: '2rem',

package/src/HDS/components/Buttons/socialMediaButton.js

@@ -1,78 +0,0 @@
-import React from 'react';
-
-import { Icon } from '../common-components/Icon';
-
-const Buttonclasses = {
-    'Type1': {
-        'base': 'bg-neutral-0 border border-neutral-400 py-2.5 px-6 text-md-medium',
-        'hover': 'hover:bg-neutral-100 hover:shadow',
-        'focus': 'focus:shadow-[0px_0px_0px_4px_#F3F4F6] focus:outline-none',
-    },
-    'Type2': {
-        'base': 'text-neutral-0 bg-[#333333]',
-        'hover': 'hover:bg-[#333333]',
-        'focus': 'focus:bg-[#333333] focus:outline-none focus:shadow-[0px_0px_0px_4px_#D2D6DB]',
-    },
-    'Type3': {
-        'base': 'text-neutral-800',
-        'hover': 'hover:text-neutral-900 hover:underline',
-        'focus': 'focus:text-neutral-900 focus:underline focus:outline-none',
-    },
-    'Custom': {
-        'base': 'text-neutral-800',
-        'hover': 'hover:text-neutral-900 hover:underline',
-        'focus': 'focus:text-neutral-900 focus:underline focus:outline-none',
-    },
-}
-
-export default function SMButton({ IconVariant, type, label, ...props }) {
-    let defaultClasses = '';
-    if (state === 'default') {
-        const baseClasses = Buttonclasses[type][state]['base'];
-        const hoverClasses = Buttonclasses[type][state]['hover'];
-        const focusClasses = Buttonclasses[type][state]['focus'];
-        defaultClasses = `${baseClasses} ${hoverClasses} ${focusClasses}`;
-    } else if (state === 'disabled') {
-        defaultClasses = Buttonclasses[type][state];
-    }
-    const buttonClasses = [
-        'inline-flex items-center',
-        'rounded-full',
-        `${Buttonclasses[type][state]}`,
-        `button-${size}`,
-        defaultClasses,
-
-    ].join(' ');
-
-    return (
-        <div className='text-color-pink-500'>
-            <button
-                type="button"
-                className=' '
-                {...props}
-            >
-                {IconVariant && (
-                    <div className='-ml-0.5 mr-2 h-4 w-4'>
-                        <Icon variant={IconVariant} strokeColor={'#1EA7FD'} />
-                    </div>
-                )}
-                {label}
-            </button>
-        </div>
-    );
-
-};
-
-SMButton.propTypes = {
-    label: PropTypes.string.isRequired,
-    type: PropTypes.string.isRequired,
-    state: PropTypes.oneOf(['default', 'disabled']),
-    IconVariant: PropTypes.string
-};
-
-SMButton.defaultProps = {
-    size: 'sm',
-    type: 'primary',
-    IconVariant: 'home03'
-
-};

package/src/HDS/foundation/Typography/translated.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { Translations } from '../../helpers/Translations';
-
-function Typography(props) {
-    const {
-        children,
-        textStyle = 'h1',
-        className = '',
-        countryCode = 'es',
-        messageId = '',
-    } = props;
-    const translatedText = Translations[countryCode][messageId] || children;
-    return (
-        <div
-            className={`text-hds-m-${textStyle} md:text-hds-m-${textStyle} sm:text-hds-t-${textStyle} ${className}`}
-        >
-            {translatedText}</div>
-    );
-}
-export default Typography;