odaptos_design_system 1.0.0 → 1.2.0

package/src/Color Guide/colors.ts

@@ -1,89 +0,0 @@
-interface ColorPalette {
-    [key: string] : string;
-}
-//TODO Update names and codes after asking Felipe the nomenclature
-const colors: ColorPalette = {
-    blue_clear: '#e6f0fe',
-    blue_lighter: '#b5d1fd',
-    blue_light: '#529af9',
-    blue_normal: '#0b57f4',
-    blue_dark: '#1e55c7',
-    blue_darker: '#1a4399',
-    blue_shadow: '#1b346a',
-    yellow_clear: '#fef7dd',
-    yellow_lighter: '#fdf1b3',
-    yellow_light: '#f9dc4d',
-    yellow_normal: '#f7ca00',
-    yellow_dark: '#deb900',
-    yellow_darker: '#c6a200',
-    yellow_shadow: '#846c0b',
-    pink_clear: '#feebf5',
-    pink_lighter: '#fcc3e2',
-    pink_light: '#f973ba',
-    pink_normal: '#f6379d',
-    pink_dark: '#dd328d',
-    pink_darker: '#ac276e',
-    pink_shadow: '#741651',
-    purple_clear: '#f3e8fc',
-    purple_lighter: '#cda5f3',
-    purple_light: '#9c4ae8',
-    purple_normal: '#831de2',
-    purple_dark: '#6917b5',
-    purple_darker: '#5c149e',
-    purple_shadow: '#340c5a',
-    turquoise_clear: '#edfafa',
-    turquoise_lighter: '#c8f1f0',
-    turquoise_light: '#91e3e2',
-    turquoise_normal: '#48d1ce',
-    turquoise_dark: '#41bcb9',
-    turquoise_darker: '#3aa7a5',
-    turquoise_shadow: '#2b7d7c',
-    success_clear: '#eff9ed',
-    success_lighter: '#bfe5b7',
-    success_light: '#8cd07d',
-    success_normal: '#60be4b',
-    success_dark: '#56ab44',
-    success_darker: '#438535',
-    success_shadow: '#264c1e',
-    warning_clear: '#ffefcc',
-    warning_lighter: '#ffd780',
-    warning_light: '#ffbe33',
-    warning_normal: '#ffae00',
-    warning_dark: '#e69d00',
-    warning_darker: '#b37a00',
-    warning_shadow: '#805700',
-    alert_clear: '#ffe4e0',
-    alert_lighter: '#f5afa4',
-    alert_light: '#ed7461',
-    alert_normal: '#da4129',
-    alert_dark: '#c43b25',
-    alert_darker: '#992e1d',
-    alert_shadow: '#6d2115',
-    gray_clear: '#fbfbfd',
-    gray_lighter: '#f4f5f9',
-    gray_normal: '#e4e6ec',
-    gray_dark: '#d0d3d9',
-    gray_darker: '#a1a3aa',
-    gray_black: '#161618',
-    gray_white: '#ffffff',
-  };
-  
-  export default colors;
-  
-  export const getColor = (colorName: string, shade: string): string | undefined => {
-    const colorKey = `${colorName}_${shade}`;
-    if (colorName === 'black') {
-      return colors.gray_black;
-    }
-    if (colorName === 'white') {
-      return colors.gray_white;
-    }
-    if (colors.hasOwnProperty(colorKey)) {
-      return colors[colorKey];
-    }
-    console.warn(`Color ${colorKey} not found`);
-    return undefined;
-  };
-  
-  
-  

package/src/Typography/Text.css

@@ -1,272 +0,0 @@
-@import '../../../example/index.css';
-
-.text {
-  font-family: var(--sdFontFamilyOpenSans);
-  font-style: normal;
-  font-weight: var(--sdFontWeightRegular);
-  font-size: var(--sdFontSizeXs);
-  line-height: var(--sdLineHeight130);
-  letter-spacing: var(--sdLetterSpacingButtons);
-  text-align: left;
-  margin: unset;
-}
-
-.underline {
-  text-decoration: var(--sdUnderline);
-}
-
-.line-through {
-  text-decoration: var(--sdLineThrough);
-}
-
-/* Regular */
-
-.text.xs.regular {
-  font: var(--sdTypoTextNoDecorationRegularXs);
-  padding: 1px 0px;
-}
-
-.text.sm.regular {
-  font: var(--sdTypoTextNoDecorationRegularSm);
-  padding: 1px 0px 3px;
-}
-
-.text.base.regular {
-  font: var(--sdTypoTextNoDecorationRegularBase);
-  padding: 2px 0px;
-}
-
-.text.lg.regular {
-  font: var(--sdTypoTextNoDecorationRegularLg);
-  padding: 2px 0px;
-}
-
-.text.xl.regular {
-  font: var(--sdTypoTextNoDecorationRegularXl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxl.regular {
-  font: var(--sdTypoTextNoDecorationRegular2xl);
-  padding: 0px;
-}
-
-.text.xxxl.regular {
-  font: var(--sdTypoTextNoDecorationRegular3xl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxxxl.regular {
-  font: var(--sdTypoTextNoDecorationRegular4xl);
-  padding: 3px 0px 1px;
-}
-
-/* Regular Italic */
-
-.text.xs.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalicXs);
-  padding: 1px 0px 2px;
-}
-
-.text.sm.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalicSm);
-  padding: 1px 0px 3px;
-}
-
-.text.base.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalicBase);
-  padding: 2px 0px;
-}
-
-.text.lg.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalicLg);
-  padding: 2px 0px;
-}
-
-.text.xl.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalicXl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxl.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalic2xl);
-  padding: 0px;
-}
-
-.text.xxxl.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalic3xl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxxxl.regular.italic {
-  font: var(--sdTypoTextNoDecorationItalic4xl);
-  padding: 3px 0px 1px;
-}
-
-/* Bold */
-
-.text.xs.bold {
-  font: var(--sdTypoTextNoDecorationBoldXs);
-  padding: 1px 0px 2px;
-}
-
-.text.sm.bold {
-  font: var(--sdTypoTextNoDecorationBoldSm);
-  padding: 1px 0px 3px;
-}
-
-.text.base.bold {
-  font: var(--sdTypoTextNoDecorationBoldBase);
-  padding: 2px 0px;
-}
-
-.text.lg.bold {
-  font: var(--sdTypoTextNoDecorationBoldLg);
-  padding: 2px 0px;
-}
-
-.text.xl.bold {
-  font: var(--sdTypoTextNoDecorationBoldXl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxl.bold {
-  font: var(--sdTypoTextNoDecorationBold2xl);
-  padding: 0px;
-}
-
-.text.xxxl.bold {
-  font: var(--sdTypoTextNoDecorationBold3xl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxxxl.bold {
-  font: var(--sdTypoTextNoDecorationBold4xl);
-  padding: 3px 0px 1px;
-}
-
-/* Bold Italic */
-
-.text.xs.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicXs);
-  padding: 1px 0px 2px;
-}
-
-.text.sm.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicSm);
-  padding: 1px 0px 3px;
-}
-
-.text.base.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicBase);
-  padding: 2px 0px;
-}
-
-.text.lg.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicLg);
-  padding: 2px 0px;
-}
-
-.text.xl.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicXl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxl.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalic2xl);
-  padding: 0px;
-}
-
-.text.xxxl.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalic3xl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxxxl.bold.italic {
-  font: var(--sdTypoTextNoDecorationBoldItalic4xl);
-  padding: 3px 0px 1px;
-}
-
-/* Semi Bold */
-
-.text.xs.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldXs);
-  padding: 1px 0px 2px;
-}
-
-.text.sm.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldSm);
-  padding: 1px 0px 3px;
-}
-
-.text.base.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldBase);
-  padding: 2px 0px;
-}
-
-.text.lg.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldLg);
-  padding: 2px 0px;
-}
-
-.text.xl.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldXl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxl.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBold2xl);
-  padding: 0px;
-}
-
-.text.xxxl.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBold3xl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxxxl.semi-bold {
-  font: var(--sdTypoTextNoDecorationSemiBold4xl);
-  padding: 3px 0px 1px;
-}
-
-/* Semi Bold Italic */
-
-.text.xs.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicXs);
-  padding: 1px 0px 2px;
-}
-
-.text.sm.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicSm);
-  padding: 1px 0px 3px;
-}
-
-.text.base.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicBase);
-  padding: 2px 0px;
-}
-
-.text.lg.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicLg);
-  padding: 2px 0px;
-}
-
-.text.xl.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicXl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxl.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalic2xl);
-  padding: 0px;
-}
-
-.text.xxxl.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalic3xl);
-  padding: 1px 0px 3px;
-}
-
-.text.xxxxl.semi-bold.italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalic4xl);
-  padding: 3px 0px 1px;
-}