diff --git a/src/variables/_dimensional-variables.scss b/src/variables/_dimensional-variables.scss index 9018088a..d858def6 100644 --- a/src/variables/_dimensional-variables.scss +++ b/src/variables/_dimensional-variables.scss @@ -328,10 +328,13 @@ --pagination-button-size: var(--button-xs-icon-size); --pagination-padding-x: 14px; --pagination-padding-y: 12px; + --popover-border-width-lg: var(--tedi-dimensions-03); + --popover-border-width-md: var(--tedi-dimensions-01); --popover-padding-md: var(--card-padding-lg); --popover-padding-sm: var(--card-padding-md-default); --popover-padding-xs: var(--card-padding-xs); --popover-radius-rounded: var(--card-radius-rounded); + --popover-radius-sharp: var(--card-radius-sharp); --popover-width-01: var(--tedi-containers-02); --popover-width-02: var(--tedi-containers-06); --popover-width-03: var(--tedi-containers-10); @@ -758,10 +761,13 @@ --pagination-button-size: var(--button-xs-icon-size); --pagination-padding-x: 14px; --pagination-padding-y: 12px; + --popover-border-width-lg: var(--tedi-dimensions-03); + --popover-border-width-md: var(--tedi-dimensions-01); --popover-padding-md: var(--card-padding-lg); --popover-padding-sm: var(--card-padding-md-default); --popover-padding-xs: var(--card-padding-xs); --popover-radius-rounded: var(--card-radius-rounded); + --popover-radius-sharp: var(--card-radius-sharp); --popover-width-01: var(--tedi-containers-02); --popover-width-02: var(--tedi-containers-06); --popover-width-03: var(--tedi-containers-10); @@ -1189,10 +1195,13 @@ --pagination-button-size: var(--tedi-dimensions-14); --pagination-padding-x: 14px; --pagination-padding-y: 12px; + --popover-border-width-lg: var(--tedi-dimensions-03); + --popover-border-width-md: var(--tedi-dimensions-01); --popover-padding-md: var(--card-padding-lg); --popover-padding-sm: var(--card-padding-md-default); --popover-padding-xs: var(--card-padding-xs); --popover-radius-rounded: var(--card-radius-rounded); + --popover-radius-sharp: var(--card-radius-sharp); --popover-width-01: var(--tedi-containers-02); --popover-width-02: var(--tedi-containers-06); --popover-width-03: var(--tedi-containers-10); diff --git a/src/variables/themes/default/color-variables__dark.scss b/src/variables/themes/default/color-variables__dark.scss index ea3be686..85b8d1d9 100644 --- a/src/variables/themes/default/color-variables__dark.scss +++ b/src/variables/themes/default/color-variables__dark.scss @@ -492,7 +492,10 @@ --general-text-white: var(--tedi-neutral-100); --header-background: var(--general-surface-primary); --header-bottom-border: var(--tedi-neutral-900); - --header-dropdown-link: var(--link-primary-default); + --header-dropdown-active: var(--link-primary-active); + --header-dropdown-default: var(--link-primary-default); + --header-dropdown-focus: var(--link-primary-focus); + --header-dropdown-hover: var(--link-primary-hover); --header-label: var(--form-label); --header-link-active: var(--general-text-tertiary); --header-link-default: var(--general-text-primary); @@ -515,7 +518,6 @@ --header-modal-item-disabled-text: var(--dropdown-item-disabled-text); --header-modal-item-hover-background: var(--dropdown-item-hover-background); --header-modal-item-hover-text: var(--dropdown-item-hover-text); - --header-popover-border-top: var(--tedi-primary-500); --header-popover-item-active: var(--general-surface-active); --header-popover-item-hover: var(--general-surface-hover); --header-popover-item-selected: var(--general-surface-selected); @@ -576,7 +578,8 @@ --navigation-vertical-tree-neutral-default: var(--tedi-neutral-550); --navigation-vertical-tree-neutral-hover: var(--tedi-neutral-600); --popover-background: var(--general-surface-primary); - --popover-border: var(--general-border-secondary); + --popover-border-default: var(--general-border-secondary); + --popover-border-prominent: var(--tedi-primary-500); --popover-text: var(--general-text-primary); --progress-bar-background-active: var(--form-slider-active-background-default); --progress-bar-background-passive: var(--form-slider-passive-background-default); diff --git a/src/variables/themes/default/color-variables__default.scss b/src/variables/themes/default/color-variables__default.scss index d3e986f9..4a3ba3d6 100644 --- a/src/variables/themes/default/color-variables__default.scss +++ b/src/variables/themes/default/color-variables__default.scss @@ -492,7 +492,10 @@ --general-text-white: var(--tedi-neutral-100); --header-background: var(--general-surface-primary); --header-bottom-border: var(--tedi-neutral-100); - --header-dropdown-link: var(--link-primary-default); + --header-dropdown-active: var(--link-primary-active); + --header-dropdown-default: var(--link-primary-default); + --header-dropdown-focus: var(--link-primary-focus); + --header-dropdown-hover: var(--link-primary-hover); --header-label: var(--form-label); --header-link-active: var(--general-text-tertiary); --header-link-default: var(--general-text-primary); @@ -515,7 +518,6 @@ --header-modal-item-disabled-text: var(--dropdown-item-disabled-text); --header-modal-item-hover-background: var(--dropdown-item-hover-background); --header-modal-item-hover-text: var(--dropdown-item-hover-text); - --header-popover-border-top: var(--tedi-primary-400); --header-popover-item-active: var(--general-surface-active); --header-popover-item-hover: var(--general-surface-hover); --header-popover-item-selected: var(--general-surface-selected); @@ -576,7 +578,8 @@ --navigation-vertical-tree-neutral-default: var(--tedi-neutral-350); --navigation-vertical-tree-neutral-hover: var(--tedi-neutral-400); --popover-background: var(--general-surface-primary); - --popover-border: var(--general-border-white); + --popover-border-default: var(--general-border-white); + --popover-border-prominent: var(--tedi-primary-400); --popover-text: var(--general-text-primary); --progress-bar-background-active: var(--form-slider-active-background-default); --progress-bar-background-passive: var(--form-slider-passive-background-default);