Merge pull request #27 from BouyguesTelecom/add/tabIndex

💅 Fix some subtility
BouyguesTelecom · Apr 26, 2024 · 3474767 · 3474767
2 parents af4a17e + 1f77213
commit 3474767
Show file tree

Hide file tree

Showing 11 changed files with 18 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/assets/package.json b/packages/assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/assets",
-  "version": "0.0.1-beta.10",
+  "version": "0.0.1-beta.11",
   "description": "Trilogy assets include all Open Source Fonts & Icons",
   "author": "Bouygues Telecom",
   "type": "module",

diff --git a/packages/react/components/accordion/item/AccordionItem.tsx b/packages/react/components/accordion/item/AccordionItem.tsx
@@ -83,6 +83,7 @@ const AccordionItem = ({
 
   return (
     <article
+      tabIndex={0}
       aria-disabled={disabled}
       data-testid={id}
       className={classes}

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-beta.10",
+  "version": "0.0.1-beta.11",
   "type": "module",
   "author": "Bouygues Telecom",
   "files": [

diff --git a/packages/react/version.ts b/packages/react/version.ts
@@ -1 +1 @@
-export const version = "0.0.1-beta.10"
+export const version = "0.0.1-beta.11"
diff --git a/packages/styles/framework/src/components/_accordion.scss b/packages/styles/framework/src/components/_accordion.scss
@@ -23,6 +23,11 @@
       padding-top: 0 !important;
     }
 
+    &:focus-visible {
+      outline: 2px solid getColor('main');
+      outline-offset: 2px;
+    }
+
     &.is-active > .accordion-header:first-child, [data-accordion-toggle]:checked ~ .accordion-header {
       font-weight: bold;
 

diff --git a/packages/styles/framework/src/elements/_progress.scss b/packages/styles/framework/src/elements/_progress.scss
@@ -18,7 +18,7 @@ $progressbar-small: 5px;
   -moz-appearance: none;
   -webkit-appearance: none;
 
-  background-color: getBGColor('font');
+  background-color: getBGColor('hovered');
 
   &::-webkit-progress-bar {
     background-color: getBGColor('font');

diff --git a/packages/styles/framework/src/elements/_tag.scss b/packages/styles/framework/src/elements/_tag.scss
@@ -95,7 +95,7 @@ $tag-delete-margin: 1px !default;
 
 .tag {
   align-items: center;
-  background-color: getBGColor('font');
+  background-color: getBGColor('neutral-dark');
   border-radius: $tag-radius;
   color: getColor('font');
   display: inline-flex;

diff --git a/packages/styles/framework/src/utilities/_mixins.scss b/packages/styles/framework/src/utilities/_mixins.scss
@@ -559,6 +559,7 @@
       border: 1px solid getBGColor('font');
       border-radius: 8px;
       box-sizing: border-box;
+      background-color: getColor('background');
 
       &:before {
         top: 16px;

diff --git a/packages/styles/package.json b/packages/styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/styles",
-  "version": "0.0.1-beta.10",
+  "version": "0.0.1-beta.11",
   "author": "Bouygues Telecom",
   "license": "UNLICENSED",
   "files": [

diff --git a/packages/vanilla/package.json b/packages/vanilla/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/vanilla",
-  "version": "0.0.1-beta.10",
+  "version": "0.0.1-beta.11",
   "author": "Bouygues Telecom",
   "main": "lib/trilogy-ds-vanilla.js",
   "scripts": {
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export const version = "0.0.1-beta.10"
		export const version = "0.0.1-beta.11"