frst-components 0.36.9 → 0.38.0

package/dist/esm/src/theme/index.js

@@ -0,0 +1,7 @@
+import { DesignTokens } from './tokens.js';
+
+const FRSTTheme = {
+    ...DesignTokens,
+};
+
+export { FRSTTheme };

package/dist/esm/src/theme/tokens.js

@@ -0,0 +1,235 @@
+const DesignTokens = {
+    colors: {
+        borderPrimary: '#bdbdbd',
+        borderSecondary1: '#2ca92a',
+        borderSecondary2: '#ffd600',
+        borderSecondary3: '#6a3f86',
+        borderSecondary4: '#222222',
+        borderGray: '#E5E5E5',
+        linkDisabled: '#bdbdbd',
+        linkHover: '#0b0080',
+        linkOnfocus: '#0645ad',
+        linkPressed: '#f18624',
+        inputBg: '#F2F2F2',
+        inputBorder: '#BDBDBD',
+        inputBorderFocus: '#9C9C9C',
+        inputFocusBg: '#FFF',
+        linkError: '#923534',
+        inputError: '#ffe0e0',
+        inputSelect: '#9BB5DE',
+        selectItens: '#F7F9FC',
+        messageAlert1: '#ffc200',
+        messageAlert2: '#fef0d4',
+        messageError1: '#ea0000',
+        messageError2: '#ffe5e5',
+        messageError3: '#C00F00',
+        messageSuccess1: '#2ca92a',
+        messageSuccess2: '#d1f6d1',
+        neutralsGrey1: '#222222',
+        neutralsGrey2: '#444444',
+        neutralsGrey3: '#757575',
+        neutralsGrey4: '#9c9c9c',
+        neutralsGrey5: '#bdbdbd',
+        neutralsGrey6: '#e0e0e0',
+        neutralsGrey7: '#ebebeb',
+        neutralsGrey8: '#ebeded',
+        neutralsGrey9: '#f2f2f2',
+        neutralGrey10: '#475569',
+        incompleteGrey: '#D1D5DB',
+        disabledLabelGray: '#D3D3D3',
+        primary1: '#F26818',
+        primary2: '#ee4c15',
+        primary3: '#d14211',
+        secondary1: '#6a3f86',
+        secondary2: '#ffd600',
+        secondary5: '#a50000',
+        shadeWhite: '#ffffff',
+        shadeBlack: '#000000'
+    },
+    fonts: {
+        header1: {
+            fontFamily: "'Work Sans', 'WorkSans-Bold'",
+            fontSize: '34px',
+            letterSpacing: '-0.7px',
+            lineHeight: '100%',
+            fontWeight: 700,
+            color: 'black'
+        },
+        header2: {
+            fontFamily: "'Work Sans', 'WorkSans-Bold'",
+            fontSize: '20px',
+            letterSpacing: '-0.4px',
+            lineHeight: '100%',
+            fontWeight: 700,
+            color: 'black'
+        },
+        textMessageComponentsBodyBold: {
+            fontFamily: "'PT Sans', 'PTSans-Bold'",
+            fontSize: '16px',
+            letterSpacing: '0px',
+            lineHeight: '100%',
+            fontWeight: 700,
+            color: 'black'
+        },
+        textMessageComponentsBodyRegular: {
+            fontFamily: "'PT Sans', 'PTSans-Regular'",
+            fontSize: '16px',
+            letterSpacing: '0px',
+            lineHeight: '100%',
+            fontWeight: 400,
+            color: 'black'
+        },
+        textMessageComponentsBodySmall: {
+            fontFamily: "'PT Sans', 'PTSans-Regular'",
+            fontSize: '12px',
+            letterSpacing: '0px',
+            lineHeight: '100%',
+            fontWeight: 400,
+            color: 'black'
+        },
+        textMessageComponentsBodyTiny: {
+            fontFamily: "'PT Sans', 'PTSans-Regular'",
+            fontSize: '10px',
+            letterSpacing: '0px',
+            lineHeight: '100%',
+            fontWeight: 400,
+            color: 'black'
+        },
+        textMessageComponentsRegular: {
+            fontFamily: "'Work Sans', 'WorkSans-Regular'",
+            fontSize: '12px',
+            letterSpacing: '0px',
+            lineHeight: '18px',
+            fontWeight: 400,
+            color: 'black'
+        },
+        textMessageRegular: {
+            fontFamily: "'PT Sans', 'PTSans-Regular'",
+            fontSize: '14.54px',
+            letterSpacing: '0px',
+            lineHeight: '110%',
+            fontWeight: 400,
+            color: 'black'
+        },
+        textMessageComponentsBold: {
+            fontFamily: "'Work Sans', 'WorkSans-Bold'",
+            fontSize: '14.54px',
+            letterSpacing: '0px',
+            lineHeight: '110%',
+            fontWeight: 700,
+            color: 'black'
+        },
+        textMessageComponentsCardTitle: {
+            fontFamily: "'Work Sans', 'WorkSansRoman-Medium'",
+            fontSize: '20px',
+            letterSpacing: '0px',
+            lineHeight: '100%',
+            fontWeight: 500,
+            color: 'black'
+        },
+        textMessageComponentsHero: {
+            fontFamily: "'Work Sans', 'WorkSans-Bold'",
+            fontSize: '40px',
+            letterSpacing: '0.4px',
+            lineHeight: '130%',
+            fontWeight: 700,
+            color: 'black'
+        },
+        MessageComponentsBodyBold: {
+            fontFamily: "'Work Sans', 'WorkSans-Bold'",
+            fontSize: '14px',
+            letterSpacing: '0px',
+            lineHeight: '100%',
+            fontWeight: 700,
+            color: 'black'
+        },
+    },
+    global: {
+        shadowLevel_0: {
+            value: {
+                x: '0',
+                y: '0',
+                blur: '0',
+                spread: '0',
+                color: '#000000',
+                type: 'dropShadow'
+            },
+            type: 'boxShadow'
+        },
+        shadowLevel_1: {
+            value: {
+                x: '0',
+                y: '18',
+                blur: '40',
+                spread: '-15',
+                color: 'D3D3D3',
+                type: 'dropShadow'
+            },
+            type: 'boxShadow'
+        },
+        shadowLevel_2: {
+            value: {
+                x: '0',
+                y: '25',
+                blur: '30',
+                spread: '-15',
+                color: 'D3D3D3',
+                type: 'dropShadow'
+            },
+            type: 'boxShadow'
+        },
+        shadowLevel_3: {
+            value: {
+                x: '0',
+                y: '35',
+                blur: '25',
+                spread: '15',
+                color: '#cccccc',
+                type: 'dropShadow'
+            },
+            type: 'boxShadow'
+        },
+        border_width_small: {
+            value: '1px',
+            type: 'borderWidth'
+        },
+        border_width_medium: {
+            value: '2px',
+            type: 'borderWidth'
+        },
+        'border-width-large': {
+            value: '3',
+            type: 'borderWidth'
+        },
+        'border-radius-small': {
+            value: '4px',
+            type: 'borderRadius'
+        },
+        'border-radius-medium': {
+            value: '8px',
+            type: 'borderRadius'
+        },
+        'border-radius-large': {
+            value: '16px',
+            type: 'borderRadius'
+        },
+        'border-radius-xlarge': {
+            value: '24px',
+            type: 'borderRadius'
+        },
+        button_padding: {
+            value: '16px',
+            type: 'other'
+        },
+        card_padding_normal: {
+            value: '24px',
+            type: 'other'
+        },
+        card_padding_large: {
+            value: '32px',
+            type: 'other'
+        }
+    }
+};
+
+export { DesignTokens };

package/dist/esm/src/utilityFunctions/abbreviateMiddleSurnames.js

@@ -0,0 +1,23 @@
+function abbreviateMiddleSurnames(fullName) {
+    try {
+        const nameParts = fullName.split(' ');
+        if (nameParts.length < 2) {
+            return fullName;
+        }
+        const firstName = nameParts[0];
+        const lastName = nameParts[nameParts.length - 1];
+        let middleSurnames = nameParts.slice(1, -1);
+        if (middleSurnames.length > 0) {
+            middleSurnames = middleSurnames.map(surname => surname[0]);
+            return `${firstName} ${middleSurnames.join('. ')}. ${lastName}`;
+        }
+        else {
+            return fullName;
+        }
+    }
+    catch (e) {
+        return fullName;
+    }
+}
+
+export { abbreviateMiddleSurnames };

package/dist/esm/src/utilityFunctions/buildStringWithHTML.js

@@ -0,0 +1,10 @@
+function buildStringWithLinkHTML(value) {
+    let text = value;
+    const urlRegex = /(\b(https?|ftp|file):\/\/([-A-Z0-9+&@#%?=~_|!:,.;]*)([-A-Z0-9+&@#%?\/=~_|!:,.;]*)[-A-Z0-9+&@#\/%=~_|])/ig;
+    return text = text?.replace(urlRegex, function (url) {
+        return `<a href="${url}" target="_blank" style="color: #0645AD; font-family: Work Sans; font-weight: 400; line-height: 140%;
+        font-size: 16px; font-style: normal; text-decoration: underline">${url}</a>`;
+    });
+}
+
+export { buildStringWithLinkHTML };

package/dist/esm/src/utilityFunctions/createUUID.js

@@ -0,0 +1,11 @@
+const createUUID = () => {
+    var dt = new Date().getTime();
+    var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = (dt + Math.random() * 16) % 16 | 0;
+        dt = Math.floor(dt / 16);
+        return (c == 'x' ? r : (r & 0x3) | 0x8).toString(16);
+    });
+    return uuid;
+};
+
+export { createUUID };