asksuite-citrus 3.14.0-beta.1 → 3.14.0-beta.10

package/styles/colors-dark.scss

@@ -1,351 +0,0 @@
-@use 'theme-primitives' as *;
-@use 'old-theme' as *;
-  /*
- * IMPORTANT: All colors defined here must be also defined in colors-list.component.ts for proper documentation
- */
-
-  @mixin theme {
-    --asksuite-orange: #{$asksuite-orange};
-    --white: #{$color-nd-0};
-    --grey-50: #{$color-nd-100};
-    --grey-100: #{$color-nda-300};
-    --grey-150: #{$grey-150};//TODO: MISSING
-    --grey-200: #{$color-nda-400};
-    --grey-300: #{$color-nda-700};
-    --grey-400: #{$color-nda-1000};
-    --grey-500: #{$color-nda-1200};
-    --grey-600: #{$color-nda-1300};
-    --grey-700: #{$color-nda-1400};
-    --grey-800: #{$color-nda-1600};
-    --grey-900: #{$color-nda-1700};
-    --yellow-50: #{$yellow-50};
-    --yellow-200: #{$yellow-200};
-    --success-green: #{$success-green};
-    --warning-yellow: #{$warning-yellow};
-    --error-red: #{$error-red};
-    --shadow: #{$shadow};
-    --lightblue-tag: #{$lightblue-tag};
-    --lavender-tag: #{$lavender-tag};
-    --green-tag: #{$green-tag};
-    --pink-tag: #{$pink-tag};
-    --orange-tag: #{$orange-tag};
-    --purple-tag: #{$purple-tag};
-    --yellow-tag: #{$yellow-tag};
-    --blue-tag: #{$blue-tag};
-    --brown-tag: #{$brown-tag};
-    --whatsapp-green: #{$whatsapp-green};
-    --facebook-blue: #{$facebook-blue};
-    --instagram-pink: #{$instagram-pink};
-    --google-blue: #{$google-blue};
-    --telegram-blue: #{$telegram-blue};
-    --telephone-yellow: #{$telephone-yellow};
-    --primary-background: #{$primary-background};
-    --secondary-background: #{$color-nda-0};
-    --hover-background: #{$color-nd-100};
-    --divider-background: #{$divider-background};
-    --font-color-100: #{$font-color-100};
-    --font-color-200: #{$font-color-200};
-    --font-color-300: #{$font-color-300};
-    --color-elevation-surface-sunken-default: #{$color-elevation-surface-sunken-default};
-    --color-light-neutral-NLA200: #{$color-light-neutral-nla200};
-    --color-light-neutral-NLA300: #{$color-light-neutral-nla300};
-    --color-texticon-contrast: #{$color-nda-1500};
-    --color-texticon-subtle: #{$color-nda-1200};
-    --color-texticon-subtler: #{$color-nda-1000};
-    --color-texticon-subtlest: #{$color-nda-1000}; //TODO: is same as color-texticon-subtler
-    --color-texticon-inverse-default: #{$color-nd-0};
-    --color-texticon-inverse-disabled: #{$color-nla-700};
-    --color-texticon-disabled: #{$color-nda-700};
-    --color-texticon-danger: #{$color-r-500};
-    --color-texticon-warning: #{$color-y-500};
-    --color-texticon-success: #{$color-g-500};
-    --color-texticon-info: #{$color-b-500};
-    --color-texticon-link-default: #{$color-b-500};
-    --color-texticon-link-visited: #{$color-p-500};
-    --color-texticon-accent-red-contrast: #{$color-r-500};
-    --color-texticon-accent-red-bold: #{$color-r-300};
-    --color-texticon-accent-orange-contrast: #{$color-o-500};
-    --color-texticon-accent-orange-bold: #{$color-o-300};
-    --color-texticon-accent-yellow-contrast: #{$color-y-500};
-    --color-texticon-accent-yellow-bold: #{$color-y-300};
-    --color-texticon-accent-lime-contrast: #{$color-l-500};
-    --color-texticon-accent-lime-bold: #{$color-l-300};
-    --color-texticon-accent-green-contrast: #{$color-g-500};
-    --color-texticon-accent-green-bold: #{$color-g-300};
-    --color-texticon-accent-teal-contrast: #{$color-t-500};
-    --color-texticon-accent-teal-bold: #{$color-t-300};
-    --color-texticon-accent-blue-contrast: #{$color-b-500};
-    --color-texticon-accent-blue-bold: #{$color-b-300};
-    --color-texticon-accent-purple-contrast: #{$color-p-500};
-    --color-texticon-accent-purple-bold: #{$color-p-300};
-    --color-texticon-accent-magenta-contrast: #{$color-m-500};
-    --color-texticon-accent-magenta-bold: #{$color-m-300};
-    --color-texticon-accent-grey-contrast: #{$color-nd-1000};
-    --color-texticon-accent-grey-bold: #{$color-nd-1300};
-    --color-texticon-accent-violet-contrast: #{$color-v-500};
-    --color-texticon-accent-violet-bold: #{$color-v-300};
-    --color-texticon-brand-asksuite-contrast: #{$color-a-500};
-    --color-texticon-brand-asksuite-subtler: #{$color-a-1000};
-    --color-texticon-brand-asksuite-bold: #{$color-a-400};
-    --color-texticon-brand-asksuite-subtle: #{$color-a-800};
-    --color-texticon-brand-asksuite-bolder: #{$color-a-200};
-    --color-texticon-brand-flow-subtler: #{$color-f-900};
-    --color-texticon-brand-flow-subtle: #{$color-f-700};
-    --color-texticon-brand-flow-contrast: #{$color-f-500};
-    --color-texticon-brand-flow-bold: #{$color-f-300};
-    --color-texticon-brand-flow-bolder: #{$color-f-100};
-    --color-texticon-white-default: #{$color-nl-0};
-    --color-texticon-white-disabled: #{$color-nda-700};
-    --color-texticon-black-default: #{$color-nla-1500};
-    --color-texticon-black-disabled: #{$color-nla-700};
-    --color-border-default: #{$color-nda-400};
-    --color-border-danger: #{$color-r-500};
-    --color-border-warning: #{$color-y-500};
-    --color-border-success: #{$color-g-500};
-    --color-border-info: #{$color-b-500};
-    --color-border-link-default: #{$color-b-600};
-    --color-border-link-visited: #{$color-p-600};
-    --color-border-accent-red: #{$color-r-500};
-    --color-border-accent-orange: #{$color-o-500};
-    --color-border-accent-yellow: #{$color-y-500};
-    --color-border-accent-lime: #{$color-l-500};
-    --color-border-accent-green: #{$color-g-500};
-    --color-border-accent-teal: #{$color-t-500};
-    --color-border-accent-blue: #{$color-b-500};
-    --color-border-accent-purple: #{$color-p-500};
-    --color-border-accent-magenta: #{$color-m-500};
-    --color-border-accent-grey: #{$color-nd-1000};
-    --color-border-accent-violet: #{$color-v-500};
-    --color-border-brand-asksuite-subtler: #{$color-a-1000};
-    --color-border-brand-asksuite-subtle: #{$color-a-800};
-    --color-border-brand-asksuite-contrast: #{$color-a-500};
-    --color-border-brand-asksuite-bold: #{$color-a-400};
-    --color-border-brand-asksuite-bolder: #{$color-a-200};
-    --color-border-brand-flow-subtler: #{$color-f-100};
-    --color-border-brand-flow-subtle: #{$color-f-300};
-    --color-border-brand-flow-contrast: #{$color-f-500};
-    --color-border-brand-flow-bold: #{$color-f-700};
-    --color-border-brand-flow-bolder: #{$color-f-900};
-    --color-border-inverse-contrast: #{$color-nl-0};
-    --color-border-inverse-disabled: #{$color-nda-300};
-    --color-border-inverse-subtle: #{$color-nl-400};
-    --color-border-white-default: #{$color-nl-0};
-    --color-border-white-disabled: #{$color-nda-1000};
-    --color-border-black-default: #{$color-nd-200};
-    --color-border-black-disabled: #{$color-nla-1000};
-    --color-background-accent-red-contrast-default: #{$color-r-500};
-    --color-background-accent-red-contrast-hovered: #{$color-r-400};
-    --color-background-accent-red-contrast-pressed: #{$color-r-300};
-    --color-background-accent-red-subtlest-default: #{$color-r-900};
-    --color-background-accent-red-subtlest-hovered: #{$color-r-800};
-    --color-background-accent-red-subtlest-pressed: #{$color-r-700};
-    --color-background-accent-red-subtle-default: #{$color-r-700};
-    --color-background-accent-red-subtle-hovered: #{$color-r-600};
-    --color-background-accent-red-subtle-pressed: #{$color-r-500};
-    --color-background-accent-red-bold-default: #{$color-r-300};
-    --color-background-accent-red-bold-hovered: #{$color-r-200};
-    --color-background-accent-red-bold-pressed: #{$color-r-100};
-    --color-background-accent-grey-contrast-default: #{$color-nd-1000};
-    --color-background-accent-grey-contrast-hovered: #{$color-nd-1200};
-    --color-background-accent-grey-contrast-pressed: #{$color-nd-1300};
-    --color-background-accent-grey-bolder-default: #{$color-nd-1700};
-    --color-background-accent-grey-bolder-hovered: #{$color-nd-1500};
-    --color-background-accent-grey-bolder-pressed: #{$color-nd-1400};
-    --color-background-accent-grey-inverse-default: #{$color-nd-0};
-    --color-background-accent-grey-inverse-hovered: #{$color-nd-200};
-    --color-background-accent-grey-inverse-pressed: #{$color-nd-300};
-    --color-background-accent-grey-subtlest-default: #{$color-nd-100};
-    --color-background-accent-grey-subtlest-hovered: #{$color-nd-300};
-    --color-background-accent-grey-subtlest-pressed: #{$color-nd-400};
-    --color-background-accent-magenta-contrast-default: #{$color-m-500};
-    --color-background-accent-magenta-contrast-hovered: #{$color-m-400};
-    --color-background-accent-magenta-contrast-pressed: #{$color-m-300};
-    --color-background-accent-magenta-subtlest-default: #{$color-m-900};
-    --color-background-accent-magenta-subtlest-hovered: #{$color-m-800};
-    --color-background-accent-magenta-subtlest-pressed: #{$color-m-700};
-    --color-background-accent-magenta-subtle-default: #{$color-m-700};
-    --color-background-accent-magenta-subtle-hovered: #{$color-m-600};
-    --color-background-accent-magenta-subtle-pressed: #{$color-m-500};
-    --color-background-accent-magenta-bold-default: #{$color-m-300};
-    --color-background-accent-magenta-bold-hovered: #{$color-m-200};
-    --color-background-accent-magenta-bold-pressed: #{$color-m-100};
-    --color-background-accent-purple-contrast-default: #{$color-p-500};
-    --color-background-accent-purple-contrast-hovered: #{$color-p-400};
-    --color-background-accent-purple-contrast-pressed: #{$color-p-300};
-    --color-background-accent-purple-subtlest-default: #{$color-p-900};
-    --color-background-accent-purple-subtlest-hovered: #{$color-p-800};
-    --color-background-accent-purple-subtlest-pressed: #{$color-p-700};
-    --color-background-accent-purple-subtle-default: #{$color-p-700};
-    --color-background-accent-purple-subtle-hovered: #{$color-p-600};
-    --color-background-accent-purple-subtle-pressed: #{$color-p-500};
-    --color-background-accent-purple-bold-default: #{$color-p-300};
-    --color-background-accent-purple-bold-hovered: #{$color-p-200};
-    --color-background-accent-purple-bold-pressed: #{$color-p-100};
-    --color-background-accent-blue-contrast-default: #{$color-b-500};
-    --color-background-accent-blue-contrast-hovered: #{$color-b-400};
-    --color-background-accent-blue-contrast-pressed: #{$color-b-300};
-    --color-background-accent-blue-subtlest-default: #{$color-b-900};
-    --color-background-accent-blue-subtlest-hovered: #{$color-b-800};
-    --color-background-accent-blue-subtlest-pressed: #{$color-b-700};
-    --color-background-accent-blue-subtle-default: #{$color-b-700};
-    --color-background-accent-blue-subtle-hovered: #{$color-b-600};
-    --color-background-accent-blue-subtle-pressed: #{$color-b-500};
-    --color-background-accent-blue-bold-default: #{$color-b-300};
-    --color-background-accent-blue-bold-hovered: #{$color-b-200};
-    --color-background-accent-blue-bold-pressed: #{$color-b-100};
-    --color-background-accent-teal-contrast-default: #{$color-t-500};
-    --color-background-accent-teal-contrast-hovered: #{$color-t-400};
-    --color-background-accent-teal-contrast-pressed: #{$color-t-300};
-    --color-background-accent-teal-subtlest-default: #{$color-t-900};
-    --color-background-accent-teal-subtlest-hovered: #{$color-t-800};
-    --color-background-accent-teal-subtlest-pressed: #{$color-t-700};
-    --color-background-accent-teal-subtler-default: #{$color-t-700};
-    --color-background-accent-teal-subtler-hovered: #{$color-t-600};
-    --color-background-accent-teal-subtler-pressed: #{$color-t-500};
-    --color-background-accent-teal-bold-default: #{$color-t-300};
-    --color-background-accent-teal-bold-hovered: #{$color-t-200};
-    --color-background-accent-teal-bold-pressed: #{$color-t-100};
-    --color-background-accent-green-contrast-default: #{$color-g-500};
-    --color-background-accent-green-contrast-hovered: #{$color-g-400};
-    --color-background-accent-green-contrast-pressed: #{$color-g-300};
-    --color-background-accent-green-subtlest-default: #{$color-g-900};
-    --color-background-accent-green-subtlest-hovered: #{$color-g-800};
-    --color-background-accent-green-subtlest-pressed: #{$color-g-700};
-    --color-background-accent-green-subtle-default: #{$color-g-700};
-    --color-background-accent-green-subtle-hovered: #{$color-g-600};
-    --color-background-accent-green-subtle-pressed: #{$color-g-500};
-    --color-background-accent-green-bold-default: #{$color-g-300};
-    --color-background-accent-green-bold-hovered: #{$color-g-200};
-    --color-background-accent-green-bold-pressed: #{$color-g-100};
-    --color-background-accent-lime-contrast-default: #{$color-l-500};
-    --color-background-accent-lime-contrast-hovered: #{$color-l-400};
-    --color-background-accent-lime-contrast-pressed: #{$color-l-300};
-    --color-background-accent-lime-subtlest-default: #{$color-l-900};
-    --color-background-accent-lime-subtlest-hovered: #{$color-l-800};
-    --color-background-accent-lime-subtlest-pressed: #{$color-l-700};
-    --color-background-accent-lime-subtle-default: #{$color-l-700};
-    --color-background-accent-lime-subtle-hovered: #{$color-l-600};
-    --color-background-accent-lime-subtle-pressed: #{$color-l-500};
-    --color-background-accent-lime-bold-default: #{$color-l-300};
-    --color-background-accent-lime-bold-hovered: #{$color-l-200};
-    --color-background-accent-lime-bold-pressed: #{$color-l-100};
-    --color-background-accent-yellow-contrast-default: #{$color-y-500};
-    --color-background-accent-yellow-contrast-hovered: #{$color-y-400};
-    --color-background-accent-yellow-contrast-pressed: #{$color-y-300};
-    --color-background-accent-yellow-subtlest-default: #{$color-y-900};
-    --color-background-accent-yellow-subtlest-hovered: #{$color-y-800};
-    --color-background-accent-yellow-subtlest-pressed: #{$color-y-700};
-    --color-background-accent-yellow-subtle-default: #{$color-y-700};
-    --color-background-accent-yellow-subtle-hovered: #{$color-y-600};
-    --color-background-accent-yellow-subtle-pressed: #{$color-y-500};
-    --color-background-accent-yellow-bold-default: #{$color-y-300};
-    --color-background-accent-yellow-bold-hovered: #{$color-y-200};
-    --color-background-accent-yellow-bold-pressed: #{$color-y-100};
-    --color-background-accent-orange-contrast-default: #{$color-o-500};
-    --color-background-accent-orange-contrast-hovered: #{$color-o-400};
-    --color-background-accent-orange-contrast-pressed: #{$color-o-300};
-    --color-background-accent-orange-subtlest-default: #{$color-o-900};
-    --color-background-accent-orange-subtlest-hovered: #{$color-o-800};
-    --color-background-accent-orange-subtlest-pressed: #{$color-o-700};
-    --color-background-accent-orange-bold-default: #{$color-o-300};
-    --color-background-accent-orange-bold-hovered: #{$color-o-200};
-    --color-background-accent-orange-bold-pressed: #{$color-o-100};
-    --color-background-accent-orange-subtle-default: #{$color-o-700};
-    --color-background-accent-orange-subtle-hovered: #{$color-o-600};
-    --color-background-accent-orange-subtle-pressed: #{$color-o-500};
-    --color-background-accent-violet-contrast-default: #{$color-v-500};
-    --color-background-accent-violet-contrast-hovered: #{$color-v-400};
-    --color-background-accent-violet-contrast-pressed: #{$color-v-300};
-    --color-background-accent-violet-subtlest-default: #{$color-v-900};
-    --color-background-accent-violet-subtlest-hovered: #{$color-v-800};
-    --color-background-accent-violet-subtlest-pressed: #{$color-v-700};
-    --color-background-accent-violet-subtle-default: #{$color-v-700};
-    --color-background-accent-violet-subtle-hovered: #{$color-v-600};
-    --color-background-accent-violet-subtle-pressed: #{$color-v-500};
-    --color-background-accent-violet-bold-default: #{$color-v-300};
-    --color-background-accent-violet-bold-hovered: #{$color-v-200};
-    --color-background-accent-violet-bold-pressed: #{$color-v-100};
-    --color-background-accent-disabled: #{$color-nd-400};
-    --color-background-info-contrast-default: #{$color-b-500};
-    --color-background-info-contrast-hovered: #{$color-b-400};
-    --color-background-info-contrast-pressed: #{$color-b-300};
-    --color-background-success-contrast-default: #{$color-g-500};
-    --color-background-success-contrast-hovered: #{$color-g-400};
-    --color-background-success-contrast-pressed: #{$color-g-300};
-    --color-background-danger-contrast-default: #{$color-r-500};
-    --color-background-danger-contrast-hovered: #{$color-r-400};
-    --color-background-danger-contrast-pressed: #{$color-r-300};
-    --color-background-warning-contrast-default: #{$color-y-500};
-    --color-background-warning-contrast-hovered: #{$color-y-400};
-    --color-background-warning-contrast-pressed: #{$color-y-300};
-    --color-background-brand-asksuite-contrast-default: #{$color-a-500};
-    --color-background-brand-asksuite-contrast-hovered: #{$color-a-400};
-    --color-background-brand-asksuite-contrast-pressed: #{$color-a-300};
-    --color-background-brand-asksuite-subtler-default: #{$color-a-900};
-    --color-background-brand-asksuite-subtler-hovered: #{$color-a-800};
-    --color-background-brand-asksuite-subtler-pressed: #{$color-a-700};
-    --color-background-brand-asksuite-subtlest-default: #{$color-a-1000};
-    --color-background-brand-asksuite-subtlest-hovered: #{$color-a-900};
-    --color-background-brand-asksuite-subtlest-pressed: #{$color-a-800};
-    --color-background-brand-asksuite-bold-default: #{$color-a-400};
-    --color-background-brand-asksuite-bold-hovered: #{$color-a-300};
-    --color-background-brand-asksuite-bold-pressed: #{$color-a-200};
-    --color-background-brand-flow-subtlest-default: #{$color-f-1000};
-    --color-background-brand-flow-subtlest-hovered: #{$color-f-900};
-    --color-background-brand-flow-subtlest-pressed: #{$color-f-800};
-    --color-background-brand-flow-subtler-default: #{$color-f-900};
-    --color-background-brand-flow-subtler-hovered: #{$color-f-800};
-    --color-background-brand-flow-subtler-pressed: #{$color-f-700};
-    --color-background-brand-flow-contrast-default: #{$color-f-500};
-    --color-background-brand-flow-contrast-hovered: #{$color-f-400};
-    --color-background-brand-flow-contrast-pressed: #{$color-f-300};
-    --color-background-brand-flow-bold-default: #{$color-f-400};
-    --color-background-brand-flow-bold-hovered: #{$color-f-300};
-    --color-background-brand-flow-bold-pressed: #{$color-f-200};
-    --color-background-disabled: #{$color-nda-200};
-    --color-background-skeleton: #{$color-nda-200};
-    --color-background-bounding-box: #{$color-nda-0};
-    --color-background-selected-ask: #{$color-a-900};
-    --color-background-selected-flow: #{$color-f-900};
-    --color-background-alpha-subtlest-default: #{$color-nda-200};
-    --color-background-alpha-subtlest-hovered: #{$color-nda-400};
-    --color-background-alpha-subtlest-pressed: #{$color-nda-500};
-    --color-background-alpha-bolder-default: #{$color-nda-1600};
-    --color-background-alpha-bolder-hovered: #{$color-nda-1400};
-    --color-background-alpha-bolder-pressed: #{$color-nda-1200};
-    --color-background-alpha-contrast-default: #{$color-nda-1000};
-    --color-background-alpha-contrast-hovered: #{$color-nda-1200};
-    --color-background-alpha-contrast-pressed: #{$color-nda-1400};
-    --color-background-inverse-default: #{$color-nd-0};
-    --color-background-inverse-hovered: #{$color-nda-200};
-    --color-background-inverse-pressed: #{$color-nda-300};
-    --color-elevation-surface-sunken: #{$color-nd-0};
-    --color-elevation-surface-default: #{$color-nd-100};
-    --color-elevation-surface-hovered: #{$color-nd-200};
-    --color-elevation-surface-selected-ask: #{$color-a-1000};
-    --color-elevation-surface-selected-flow: #{$color-f-1000};
-    --color-elevation-surface-pressed: #{$color-nd-300};
-    --color-elevation-surface-raised: #{$color-nd-0};
-    --color-elevation-surface-overlay: #{$color-nd-0};
-    --color-divider-default: #{$color-nd-400};
-
-
-    --color-text-contrast: #{$color-nda-1500};
-    --color-text-subtlest: #{$color-nda-1000};
-    --color-text-disabled: #{$color-nda-0};
-    --color-text-inverse-contrast: #{$color-nd-0};
-    --color-skeleton: #{$color-nda-200};
-    --color-text-link-default: #{$color-b-500};
-    --color-background-accent-grey-subtle-default: #{$color-nd-500};
-    --color-border-matted-alpha-primary: #{$color-nd-0};
-    --color-elevation-surface-primary-default: #{$color-nd-100};
-    --color-icon-brand-asksuite-contrast: #{$color-a-600};
-
-    --color-elevation-surface-sunken-hovered: #{$color-nd-100};
-    --color-elevation-surface-selected: #{$color-a-100};
-    --color-elevation-shadow-raised: #{$color-nd-0};
-
-    --color-background-accent-grey-bold-default: #{$color-background-accent-grey-bold-default};
-    --color-border-inverse-subtle: #{$color-border-inverse-subtle};
-    --color-background-accent-grey-subtler-hovered: #{$color-background-accent-grey-subtler-hovered};
-}

package/styles/old-theme.scss

@@ -1,61 +0,0 @@
-
-  // brand
-  $asksuite-orange: #ff5724;
-
-  // neutral
-  $white: black;
-
-  // grey
-  $grey-50: #f5f7fa;
-  $grey-100: #e4e7eb;
-  $grey-150: #dbdbdb;
-  $grey-200: #cbd2d9;
-  $grey-300: #9aa5b1;
-  $grey-400: #7b8794;
-  $grey-500: #616e7c;
-  $grey-600: #52606d;
-  $grey-700: #3e4c59;
-  $grey-800: #2a3042;
-  $grey-900: #1f2933;
-
-  // yellow
-  $yellow-50: #fff8e2;
-  $yellow-200: #ffecb3;
-
-  // color
-  $success-green: #4baf50;
-  $warning-yellow: #ffc107;
-  $error-red: #e8453e;
-
-  // shadow
-  $shadow: #2a304229;
-
-  // livechat tags
-  $lightblue-tag: #cdf9f3;
-  $lavender-tag: #d4daf3;
-  $green-tag: #ceeeaa;
-  $pink-tag: #fbc5ff;
-  $orange-tag: #fed5c9;
-  $purple-tag: #ddbfe5;
-  $yellow-tag: #ffe0b2;
-  $blue-tag: #b2e5fd;
-  $brown-tag: #efc89c;
-
-  // communication channels
-  $whatsapp-green: #68b35d;
-  $facebook-blue: #0084ff;
-  $instagram-pink: #d53e91;
-  $google-blue: #345dc8;
-  $telegram-blue: #34aadf;
-  $telephone-yellow: #fecb00;
-
-  // backgrounds
-  $primary-background: $white;
-  $secondary-background: #eff3f8;
-  $hover-background: $grey-50;
-  $divider-background: $grey-100;
-
-  // fonts
-  $font-color-100: $grey-800;
-  $font-color-200: $grey-500;
-  $font-color-300: $grey-300;

package/styles/theme-colors.scss

@@ -1,13 +0,0 @@
-// @forward "colors-light";
-
-@use "colors-dark";
-@use "colors-light";
-
-
-body.light{
-    @include colors-light.theme();
-}
-
-body.dark{
-    @include colors-dark.theme();
-}   

package/styles/theme-primitives.scss

@@ -1,208 +0,0 @@
-$color-m-1000: #412746;
-$color-m-900: #62325a;
-$color-m-800: #813e6f;
-$color-m-700: #a14884;
-$color-m-600: #d75ba5;
-$color-m-500: #de77b5;
-$color-m-400: #e490c3;
-$color-m-300: #ebadd2;
-$color-m-200: #f3cee4;
-$color-m-100: #f7deed;
-$color-p-1000: #332c59;
-$color-p-900: #42396f;
-$color-p-800: #534790;
-$color-p-700: #5f4eb1;
-$color-p-600: #7969c9;
-$color-p-500: #9183d2;
-$color-p-400: #ab9fe5;
-$color-p-300: #c2b9f4;
-$color-p-200: #dcd5fb;
-$color-p-100: #ebe5ff;
-$color-b-1000: #0c2e59;
-$color-b-900: #123c76;
-$color-b-800: #174b94;
-$color-b-700: #1c59b2;
-$color-b-600: #276ace;
-$color-b-500: #4f8ce8;
-$color-b-400: #7aa7eb;
-$color-b-300: #a3c2f0;
-$color-b-200: #ceddf3;
-$color-b-100: #e3eaf7;
-$color-t-1000: #0c4153;
-$color-t-900: #125e72;
-$color-t-800: #17798e;
-$color-t-700: #1c92ab;
-$color-t-600: #37b2c8;
-$color-t-500: #4fc9e0;
-$color-t-400: #7ad5e5;
-$color-t-300: #a3e0ec;
-$color-t-200: #ceecf1;
-$color-t-100: #e3f2f6;
-$color-g-1000: #0c3c34;
-$color-g-900: #12513e;
-$color-g-800: #176849;
-$color-g-700: #1c7d54;
-$color-g-600: #279661;
-$color-g-500: #45ba82;
-$color-g-400: #73deaa;
-$color-g-300: #a7ecd0;
-$color-g-200: #c6f5df;
-$color-g-100: #e1f9ee;
-$color-l-1000: #2c4a31;
-$color-l-900: #41673a;
-$color-l-800: #568444;
-$color-l-700: #6ba04e;
-$color-l-600: #77be41;
-$color-l-500: #8ed558;
-$color-l-400: #a9e17f;
-$color-l-300: #c8ecac;
-$color-l-200: #ddf6ca;
-$color-l-100: #e9f9dc;
-$color-y-1000: #5b4007;
-$color-y-900: #775409;
-$color-y-800: #a66e0c;
-$color-y-700: #be800e;
-$color-y-600: #d79428;
-$color-y-500: #edb24a;
-$color-y-400: #fbc560;
-$color-y-300: #fed88c;
-$color-y-200: #ffe5b2;
-$color-y-100: #fff1d6;
-$color-o-1000: #3d231e;
-$color-o-900: #6d301f;
-$color-o-800: #9e3d22;
-$color-o-700: #ce4a23;
-$color-o-600: #ff5724;
-$color-o-500: #fe6f44;
-$color-o-400: #fd906e;
-$color-o-300: #fbaf99;
-$color-o-200: #fad0c4;
-$color-o-100: #f9e7e2;
-$color-r-1000: #331b2e;
-$color-r-900: #5c1f36;
-$color-r-800: #87233f;
-$color-r-700: #b02747;
-$color-r-600: #d92b50;
-$color-r-500: #df5372;
-$color-r-400: #e57d94;
-$color-r-300: #eaa5b6;
-$color-r-200: #f5c7d1;
-$color-r-100: #fbe9ed;
-$color-v-1000: #1c1829;
-$color-v-900: #2b1935;
-$color-v-800: #3b1a43;
-$color-v-700: #4a1b4f;
-$color-v-600: #5a1d5b;
-$color-v-500: #6a336b;
-$color-v-400: #916a92;
-$color-v-300: #a98aa9;
-$color-v-200: #d0c1d2;
-$color-v-100: #daceda;
-$color-a-100: $color-o-100;
-$color-a-200: $color-o-200;
-$color-a-300: $color-o-300;
-$color-a-400: $color-o-400;
-$color-a-500: $color-o-500;
-$color-a-600: $color-o-600;
-$color-a-700: $color-o-700;
-$color-a-800: $color-o-800;
-$color-a-900: $color-o-900;
-$color-a-1000: $color-o-1000;
-$color-f-100: $color-v-100;
-$color-f-200: $color-v-200;
-$color-f-300: $color-v-300;
-$color-f-400: $color-v-400;
-$color-f-500: $color-v-500;
-$color-f-600: $color-v-600;
-$color-f-700: $color-v-700;
-$color-f-800: $color-v-800;
-$color-f-900: $color-v-900;
-$color-f-1000: $color-v-1000;
-//grey light opaque
-$color-nl-0: #ffffff;
-$color-nl-100: #f8f8f9;
-$color-nl-200: #f0f2f3;
-$color-nl-300: #e1e4e6;
-$color-nl-400: #d3d7da;
-$color-nl-500: #c4c9cd;
-$color-nl-600: #b5bcc1;
-$color-nl-700: #a6afb4;
-$color-nl-800: #97a1a8;
-$color-nl-900: #8a959d;
-$color-nl-1000: #7b8790;
-$color-nl-1100: #6c7a84;
-$color-nl-1200: #5d6c77;
-$color-nl-1300: #4e5f6b;
-$color-nl-1400: #40525f;
-$color-nl-1500: #314452;
-$color-nl-1600: #223746;
-$color-nl-1700: #132939;
-//grey light alpha
-$color-nla-0: rgba(255, 255, 255, 0);
-$color-nla-100: rgba(19, 41, 57, 0.03);
-$color-nla-200: rgba(19, 41, 57, 0.06);
-$color-nla-300: rgba(19, 41, 57, 0.13);
-$color-nla-400: rgba(19, 41, 57, 0.19);
-$color-nla-500: rgba(19, 41, 57, 0.25);
-$color-nla-600: rgba(19, 41, 57, 0.31);
-$color-nla-700: rgba(19, 41, 57, 0.38);
-$color-nla-800: rgba(19, 41, 57, 0.44);
-$color-nla-900: rgba(19, 41, 57, 0.5);
-$color-nla-1000: rgba(19, 41, 57, 0.56);
-$color-nla-1100: rgba(19, 41, 57, 0.63);
-$color-nla-1200: rgba(19, 41, 57, 0.69);
-$color-nla-1300: rgba(19, 41, 57, 0.75);
-$color-nla-1400: rgba(19, 41, 57, 0.81);
-$color-nla-1500: rgba(19, 41, 57, 0.88);
-$color-nla-1600: rgba(19, 41, 57, 0.94);
-$color-nla-1700: #132939;
-//grey dark opaque
-$color-nd-1400: #b2beca;
-$color-nd-1300: #a6b2bc;
-$color-nd-1200: #99a4af;
-$color-nd-1100: #8d97a2;
-$color-nd-1000: #7f8b95;
-$color-nd-900: #727d88;
-$color-nd-800: #66707a;
-$color-nd-700: #58646d;
-$color-nd-600: #4c5760;
-$color-nd-500: #3f4952;
-$color-nd-400: #333d45;
-$color-nd-300: #253037;
-$color-nd-200: #19232a;
-$color-nd-100: #131c24;
-$color-nd-0: #0d161c;
-$color-nd-1500: #c0cbd8;
-$color-nd-1600: #ccd8e5;
-$color-nd-1700: #d9e5f2;
-//grey dark alpha
-$color-nda-0: rgba(12, 22, 29, 0);
-$color-nda-100: rgba(217, 229, 242, 0.03);
-$color-nda-200: rgba(217, 229, 242, 0.06);
-$color-nda-300: rgba(217, 229, 242, 0.13);
-$color-nda-400: rgba(217, 229, 242, 0.19);
-$color-nda-500: rgba(217, 229, 242, 0.25);
-$color-nda-600: rgba(217, 229, 242, 0.31);
-$color-nda-700: rgba(217, 229, 242, 0.38);
-$color-nda-800: rgba(217, 229, 242, 0.44);
-$color-nda-900: rgba(217, 229, 242, 0.5);
-$color-nda-1000: rgba(217, 229, 242, 0.56);
-$color-nda-1100: rgba(217, 229, 242, 0.63);
-$color-nda-1200: rgba(217, 229, 242, 0.69);
-$color-nda-1300: rgba(217, 229, 242, 0.75);
-$color-nda-1400: rgba(217, 229, 242, 0.81);
-$color-nda-1500: rgba(217, 229, 242, 0.88);
-$color-nda-1600: rgba(217, 229, 242, 0.94);
-$color-nda-1700: #d9e5f2;
-
-
-
-//outros
-
-$color-light-neutral-nla200: $color-nda-200;
-$color-light-neutral-nla300: $color-nda-0;
-$color-elevation-surface-sunken-default: $color-nd-0;
-$color-background-accent-grey-bold-default: $color-nl-1400;
-$color-border-inverse-subtle: $color-nl-400;
-$color-background-accent-grey-subtler-hovered: $color-nl-400;
-//