added borders to panels

TykTechnologies · Jul 12, 2024 · 4460dc8 · 4460dc8
1 parent d66fc38
commit 4460dc8
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 9 deletions.
diff --git a/lib/index.css b/lib/index.css
diff --git a/lib/index.css.map b/lib/index.css.map
diff --git a/lib/sass/common/sass/variables.scss b/lib/sass/common/sass/variables.scss
@@ -143,7 +143,7 @@ $form-control-addon-padding-left: 10px !default;
 $form-control-addon-padding-right: 10px !default;
 $form-control-border: $general-border-width solid theme-color('secondary', 'dark') !default;
 $form-control-disabled-border: $general-border-width solid theme-color('secondary', 'base-dark') !default;
-$form-control-placeholder-color: #A2A2CC !default;
+$form-control-placeholder-color: --color-secondary--dark !default;
 $form-control-disabled-background-color: $color-background !default;
 $form-control-disabled-color: $text-color !default;
 $form-control-border-focus: 2px solid theme-color('success', 'base') !default;

diff --git a/lib/tyk-ui.css b/lib/tyk-ui.css
diff --git a/lib/tyk-ui.css.map b/lib/tyk-ui.css.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tyk-technologies/tyk-ui",
-  "version": "4.3.0-alpha2",
+  "version": "4.3.0-alpha3",
   "description": "Tyk UI - ui reusable components",
   "main": "src/index.js",
   "scripts": {

diff --git a/src/common/sass/variables.scss b/src/common/sass/variables.scss
@@ -143,7 +143,7 @@ $form-control-addon-padding-left: 10px !default;
 $form-control-addon-padding-right: 10px !default;
 $form-control-border: $general-border-width solid theme-color('secondary', 'dark') !default;
 $form-control-disabled-border: $general-border-width solid theme-color('secondary', 'base-dark') !default;
-$form-control-placeholder-color: #A2A2CC !default;
+$form-control-placeholder-color: --color-secondary--dark !default;
 $form-control-disabled-background-color: $color-background !default;
 $form-control-disabled-color: $text-color !default;
 $form-control-border-focus: 2px solid theme-color('success', 'base') !default;

diff --git a/src/components/NavBar/NavBar.css b/src/components/NavBar/NavBar.css
@@ -18,7 +18,7 @@
 
 .tyk-nav-bar {
   align-items: center;
-  border: none;
+  border-bottom: var(--general-border-width) solid var(--color-secondary-dark);
   background-color: var(--nav-bar-background-color);
   font-family: var(--nav-bar-font-family);
   color: var(--nav-bar-text-color);

diff --git a/src/components/Panel/Panel.css b/src/components/Panel/Panel.css
@@ -20,8 +20,9 @@
 .tyk-panel {
   background: white;
   border-radius: var(--panel-border-radius);
+  border: 1px solid var(--color-secondary-dark);
   margin-block-end: 20px;
-  font-family: var(--font-family-medium);
+  font-family: var(--font-family-regular);
   position: relative;
 
   &.has-error,