@webitel/ui-sdk 25.8.14 → 25.8.18

package/src/plugins/primevue/theme/semantic/color-scheme/dark-color.js

@@ -1,198 +0,0 @@
-const darkColor = {
-  // dp colors
-  'dp-surface-color': {
-    1: 'hsl(225,20%,2%)',
-    2: 'hsl(225,20%,3%)',
-    3: 'hsl(225,20%,4%)',
-    4: 'hsl(225,20%,5%)',
-    5: 'hsl(225,20%,6%)',
-    6: 'hsl(225,20%,7%)',
-    7: 'hsl(225,20%,8%)',
-    8: 'hsl(225,20%,9%)',
-    9: 'hsl(225,20%,10%)',
-    10: 'hsl(225,20%,11%)',
-    11: 'hsl(225,20%,12%)',
-    12: 'hsl(225,20%,13%)',
-    13: 'hsl(225,20%,14%)',
-    14: 'hsl(225,20%,15%)',
-    15: 'hsl(225,20%,16%)',
-    16: 'hsl(225,20%,17%)',
-    17: 'hsl(225,20%,18%)',
-    18: 'hsl(225,20%,19%)',
-    19: 'hsl(225,20%,20%)',
-    20: 'hsl(225,20%,21%)',
-    21: 'hsl(225,20%,22%)',
-    22: 'hsl(225,20%,23%)',
-    23: 'hsl(225,20%,24%)',
-    24: 'hsl(225,20%,25%)',
-  },
-
-  // surface color for primevue theme
-  surface: {
-    0: 'hsl(225, 20%, 2%)', // dp 1
-    50: 'hsl(225, 20%, 4%)', // dp 3
-    100: 'hsl(225, 20%, 6%)', // dp 5
-    200: 'hsl(225, 20%, 9%)', // dp 8
-    300: 'hsl(225, 20%, 12%)', // dp 11
-    400: 'hsl(225, 20%, 15%)', // dp 14
-    500: 'hsl(225, 20%, 17%)', // dp 16
-    600: 'hsl(225, 20%, 19%)', // dp 18
-    700: 'hsl(225, 20%, 21%)', // dp 20
-    800: 'hsl(225, 20%, 23%)', // dp 22
-    900: 'hsl(225, 20%, 24%)', // dp 23
-    950: 'hsl(225, 20%, 25%)', // dp 24
-    contrastColor: '{white}',
-  },
-
-  primary: {
-    50: 'hsla(43, 97%, 95%, 1)',
-    100: 'hsla(43, 97%, 90%, 1)',
-    200: 'hsla(43, 97%, 80%, 1)',
-    300: 'hsla(43, 97%, 70%, 1)',
-    400: 'hsla(43, 97%, 60%, 1)',
-    500: 'hsla(43, 97%, 50%, 1)',
-    600: 'hsla(43, 97%, 40%, 1)',
-    700: 'hsla(43, 97%, 30%, 1)',
-    800: 'hsla(43, 97%, 20%, 1)',
-    900: 'hsla(43, 97%, 15%, 1)',
-    950: 'hsla(43, 97%, 10%, 1)',
-    contrastColor: '{black}',
-  },
-
-  secondary: {
-    50: 'hsl(225, 20%, 25%)',
-    100: 'hsl(225, 20%, 22%)',
-    200: 'hsl(225, 20%, 19%)',
-    300: 'hsl(225, 20%, 16%)',
-    400: 'hsl(225, 20%, 13%)',
-    500: 'hsl(225, 20%, 11%)',
-    600: 'hsl(225, 20%, 9%)',
-    700: 'hsl(225, 20%, 7%)',
-    800: 'hsl(225, 20%, 5%)',
-    900: 'hsl(225, 20%, 4%)',
-    950: 'hsl(225, 20%, 3%)',
-    contrastColor: '{white}',
-  },
-
-  success: {
-    50: 'hsla(121, 75%, 90%, 1)',
-    100: 'hsla(121, 75%, 80%, 1)',
-    200: 'hsla(121, 75%, 65%, 1)',
-    300: 'hsla(121, 75%, 50%, 1)',
-    400: 'hsla(121, 75%, 42%, 1)',
-    500: 'hsla(121, 75%, 35%, 1)',
-    600: 'hsla(121, 75%, 30%, 1)',
-    700: 'hsla(121, 75%, 25%, 1)',
-    800: 'hsla(121, 75%, 20%, 1)',
-    900: 'hsla(121, 75%, 15%, 1)',
-    950: 'hsla(121, 75%, 10%, 1)',
-    contrastColor: '{grey.lighten.5}',
-  },
-
-  info: {
-    50: 'hsla(209, 75%, 95%, 1)',
-    100: 'hsla(209, 75%, 88%, 1)',
-    200: 'hsla(209, 75%, 76%, 1)',
-    300: 'hsla(209, 75%, 64%, 1)',
-    400: 'hsla(209, 75%, 57%, 1)',
-    500: 'hsla(209, 75%, 50%, 1)',
-    600: 'hsla(209, 75%, 42%, 1)',
-    700: 'hsla(209, 75%, 34%, 1)',
-    800: 'hsla(209, 75%, 26%, 1)',
-    900: 'hsla(209, 75%, 18%, 1)',
-    950: 'hsla(209, 75%, 12%, 1)',
-    contrastColor: '{black}',
-  },
-
-  danger: {
-    50: 'hsla(0, 90%, 97%, 1)',
-    100: 'hsla(0, 90%, 90%, 1)',
-    200: 'hsla(0, 90%, 80%, 1)',
-    300: 'hsla(0, 90%, 72%, 1)',
-    400: 'hsla(0, 90%, 68%, 1)',
-    500: 'hsla(0, 90%, 65%, 1)',
-    600: 'hsla(0, 90%, 55%, 1)',
-    700: 'hsla(0, 90%, 45%, 1)',
-    800: 'hsla(0, 90%, 35%, 1)',
-    900: 'hsla(0, 90%, 25%, 1)',
-    950: 'hsla(0, 90%, 15%, 1)',
-    contrastColor: '{white}',
-  },
-
-  // content wrapper
-  'content-wrapper-color': '{dp-surface-color.20}',
-
-  // success colors
-  'success-color': '{green.darken.4}',
-  'success-hover-color': '{green.darken.3}',
-  'success-light-color': '{green.lighten.4}',
-  'success-on-color': '{black}',
-
-  // warning colors
-  'warning-color': '{orange.accent.2}',
-  'warning-hover-color': '{orange.accent.1}',
-  'warning-light-color': '{orange.lighten.3}',
-  'warning-on-color': '{black}',
-
-  // error colors
-  'error-color': '{red.accent.2}',
-  'error-hover-color': '{red.lighten.2}',
-  'error-light-color': '{red.lighten.3}',
-  'error-on-color': '{black}',
-
-  // info colors
-  'info-color': '{blue.darken.1}',
-  'info-hover-color': '{blue.lighten.1}',
-  'info-light-color': '{blue.lighten.3}',
-  'info-on-color': '{white}',
-
-  // job colors
-  'job-color': '{blue.darken.1}',
-  'job-hover-color': '{blue.lighten.1}',
-  'job-light-color': '{blue.lighten.3}',
-  'job-on-color': '{white}',
-
-  // chat colors
-  'chat-color': '{indigo.accent.2}',
-  'chat-hover-color': '{indigo.accent.1}',
-  'chat-light-color': '{indigo.lighten.3}',
-  'chat-on-color': '{white}',
-
-  // transfer colors
-  'transfer-color': '{indigo.darken.1}',
-  'transfer-hover-color': '{indigo.lighten.1}',
-  'transfer-light-color': '{indigo.lighten.4}',
-  'transfer-on-color': '{white}',
-
-  // primary colors
-  'primary-color': '{amber.darken.2}',
-  'primary-hover-color': '{amber.darken.1}',
-  'primary-light-color': '{amber.darken.4}',
-  'primary-on-color': '{black}',
-
-  // secondary colors
-  'secondary-color': '{dp-surface-color.10}',
-  'secondary-hover-color': '{dp-surface-color.14}',
-  'secondary-light-color': '{dp-surface-color.16}',
-  'secondary-on-color': '{grey.lighten.4}',
-
-  // email colors
-  'email-color': '{blue.darken.3}',
-  'email-hover-color': '{blue.darken.2}',
-  'email-light-color': '{blue.lighten.1}',
-  'email-on-color': '{white}',
-
-  // accent colors
-  'accent-color': '{purple.lighten.1}',
-  'sub-accent-color': '{indigo.darken.3}',
-
-  // typography colors
-  'text-main-color': '{grey.lighten.1}',
-  'text-disabled-color': '{grey.darken.1}',
-  'text-error-color': '{error-color}',
-  'text-link-color': '{info-color}',
-
-  'text-on-brand-color': '{white}',
-};
-
-export default darkColor;

package/src/plugins/primevue/theme/semantic/color-scheme/light-color.js

@@ -1,198 +0,0 @@
-const lightColor = {
-  // dp colors
-  'dp-surface-color': {
-    1: 'hsl(225,20%,77%)',
-    2: 'hsl(225,20%,78%)',
-    3: 'hsl(225,20%,79%)',
-    4: 'hsl(225,20%,80%)',
-    5: 'hsl(225,20%,81%)',
-    6: 'hsl(225,20%,82%)',
-    7: 'hsl(225,20%,83%)',
-    8: 'hsl(225,20%,84%)',
-    9: 'hsl(225,20%,85%)',
-    10: 'hsl(225,20%,86%)',
-    11: 'hsl(225,20%,87%)',
-    12: 'hsl(225,20%,88%)',
-    13: 'hsl(225,20%,89%)',
-    14: 'hsl(225,20%,90%)',
-    15: 'hsl(225,20%,91%)',
-    16: 'hsl(225,20%,92%)',
-    17: 'hsl(225,20%,93%)',
-    18: 'hsl(225,20%,94%)',
-    19: 'hsl(225,20%,95%)',
-    20: 'hsl(225,20%,96%)',
-    21: 'hsl(225,20%,97%)',
-    22: 'hsl(225,20%,98%)',
-    23: 'hsl(225,20%,99%)',
-    24: 'hsl(0,0%,100%)',
-  },
-
-  // surface color for primevue theme
-  surface: {
-    0: 'hsl(0, 0%, 100%)',
-    50: 'hsl(225, 20%, 97%)',
-    100: 'hsl(225, 20%, 94%)',
-    200: 'hsl(225, 20%, 91%)',
-    300: 'hsl(225, 20%, 88%)',
-    400: 'hsl(225, 20%, 85%)',
-    500: 'hsl(225, 20%, 82%)',
-    600: 'hsl(225, 20%, 79%)',
-    700: 'hsl(225, 20%, 77%)',
-    800: 'hsl(225, 20%, 75%)',
-    900: 'hsl(225, 20%, 72%)',
-    950: 'hsl(225, 20%, 70%)',
-    contrastColor: '{black}',
-  },
-
-  primary: {
-    50: 'hsla(43, 97%, 95%, 1)',
-    100: 'hsla(43, 97%, 90%, 1)',
-    200: 'hsla(43, 97%, 80%, 1)',
-    300: 'hsla(43, 97%, 70%, 1)',
-    400: 'hsla(43, 97%, 60%, 1)',
-    500: 'hsla(43, 97%, 50%, 1)',
-    600: 'hsla(43, 97%, 40%, 1)',
-    700: 'hsla(43, 97%, 30%, 1)',
-    800: 'hsla(43, 97%, 20%, 1)',
-    900: 'hsla(43, 97%, 15%, 1)',
-    950: 'hsla(43, 97%, 10%, 1)',
-    contrastColor: '{black}',
-  },
-
-  secondary: {
-    50: 'hsla(225, 20%, 95%, 1)',
-    100: 'hsla(225, 20%, 92%, 1)',
-    200: 'hsla(225, 20%, 89%, 1)',
-    300: 'hsla(225, 20%, 87%, 1)',
-    400: 'hsla(225, 20%, 86%, 1)',
-    500: 'hsla(225, 20%, 84%, 1)',
-    600: 'hsla(225, 20%, 70%, 1)',
-    700: 'hsla(225, 20%, 55%, 1)',
-    800: 'hsla(225, 20%, 40%, 1)',
-    900: 'hsla(225, 20%, 25%, 1)',
-    950: 'hsla(225, 20%, 15%, 1)',
-    contrastColor: '{black}',
-  },
-
-  success: {
-    50: 'hsla(121, 75%, 90%, 1)',
-    100: 'hsla(121, 75%, 80%, 1)',
-    200: 'hsla(121, 75%, 65%, 1)',
-    300: 'hsla(121, 75%, 50%, 1)',
-    400: 'hsla(121, 75%, 42%, 1)',
-    500: 'hsla(121, 75%, 35%, 1)',
-    600: 'hsla(121, 75%, 30%, 1)',
-    700: 'hsla(121, 75%, 25%, 1)',
-    800: 'hsla(121, 75%, 20%, 1)',
-    900: 'hsla(121, 75%, 15%, 1)',
-    950: 'hsla(121, 75%, 10%, 1)',
-    contrastColor: '{grey.lighten.5}',
-  },
-
-  info: {
-    50: 'hsla(209, 75%, 95%, 1)',
-    100: 'hsla(209, 75%, 88%, 1)',
-    200: 'hsla(209, 75%, 76%, 1)',
-    300: 'hsla(209, 75%, 64%, 1)',
-    400: 'hsla(209, 75%, 57%, 1)',
-    500: 'hsla(209, 75%, 50%, 1)',
-    600: 'hsla(209, 75%, 42%, 1)',
-    700: 'hsla(209, 75%, 34%, 1)',
-    800: 'hsla(209, 75%, 26%, 1)',
-    900: 'hsla(209, 75%, 18%, 1)',
-    950: 'hsla(209, 75%, 12%, 1)',
-    contrastColor: '{black}',
-  },
-
-  danger: {
-    50: 'hsla(0, 90%, 97%, 1)',
-    100: 'hsla(0, 90%, 90%, 1)',
-    200: 'hsla(0, 90%, 80%, 1)',
-    300: 'hsla(0, 90%, 72%, 1)',
-    400: 'hsla(0, 90%, 68%, 1)',
-    500: 'hsla(0, 90%, 65%, 1)',
-    600: 'hsla(0, 90%, 55%, 1)',
-    700: 'hsla(0, 90%, 45%, 1)',
-    800: 'hsla(0, 90%, 35%, 1)',
-    900: 'hsla(0, 90%, 25%, 1)',
-    950: 'hsla(0, 90%, 15%, 1)',
-    contrastColor: '{white}',
-  },
-
-  // content wrapper
-  'content-wrapper-color': '{dp-surface-color.20}',
-
-  // success colors
-  'success-color': '{green.darken.4}',
-  'success-hover-color': '{green.darken.3}',
-  'success-light-color': '{green.lighten.4}',
-  'success-on-color': '{white}',
-
-  // warning colors
-  'warning-color': '{orange.accent.2}',
-  'warning-hover-color': '{orange.accent.1}',
-  'warning-light-color': '{orange.lighten.4}',
-  'warning-on-color': '{black}',
-
-  // error colors
-  'error-color': '{red.accent.2}',
-  'error-hover-color': '{red.lighten.2}',
-  'error-light-color': '{red.lighten.4}',
-  'error-on-color': '{white}',
-
-  // info colors
-  'info-color': '{blue.darken.1}',
-  'info-hover-color': '{blue.lighten.1}',
-  'info-light-color': '{blue.lighten.4}',
-  'info-on-color': '{black}',
-
-  // job colors
-  'job-color': '{blue.darken.1}',
-  'job-hover-color': '{blue.lighten.1}',
-  'job-light-color': '{blue.lighten.4}',
-  'job-on-color': '{black}',
-
-  // chat colors
-  'chat-color': '{indigo.accent.2}',
-  'chat-hover-color': '{indigo.accent.1}',
-  'chat-light-color': '{indigo.lighten.4}',
-  'chat-on-color': '{black}',
-
-  // transfer colors
-  'transfer-color': '{indigo.lighten.1}',
-  'transfer-hover-color': '{indigo.lighten.2}',
-  'transfer-light-color': '{indigo.lighten.4}',
-  'transfer-on-color': '{white}',
-
-  // primary colors
-  'primary-color': '{amber.accent.3}',
-  'primary-hover-color': '{amber.accent.2}',
-  'primary-light-color': '{amber.lighten.3}',
-  'primary-on-color': '{black}',
-
-  // secondary colors
-  'secondary-color': '{dp-surface-color.10}',
-  'secondary-hover-color': '{dp-surface-color.14}',
-  'secondary-light-color': '{dp-surface-color.16}',
-  'secondary-on-color': '{grey.darken.4}',
-
-  // email colors
-  'email-color': '{blue.darken.3}',
-  'email-hover-color': '{blue.darken.2}',
-  'email-light-color': '{blue.lighten.2}',
-  'email-on-color': '{black}',
-
-  // accent colors
-  'accent-color': '{purple.lighten.1}',
-  'sub-accent-color': '{indigo.darken.3}',
-
-  // typography colors
-  'text-main-color': '{grey.darken.3}',
-  'text-disabled-color': '{grey.lighten.1}',
-  'text-error-color': '{error-color}',
-  'text-link-color': '{info-color}',
-
-  'text-on-brand-color': '{white}',
-};
-
-export default lightColor;