chore: update border to var

Orfium · Nov 19, 2024 · 6c1ff61 · 6c1ff61
1 parent fa30192
commit 6c1ff61
Show file tree

Hide file tree

Showing 21 changed files with 21 additions and 21 deletions.
diff --git a/sonar-project.properties b/sonar-project.properties
@@ -6,4 +6,4 @@ sonar.gitlab.max_critical_issues_gate=4
 sonar.test.inclusions=**/*.test.ts,**/*.test.tsx,**/*.tests.ts,**/*.tests.tsx
 sonar.coverage.exclusions=**/test/**,**/tests/**,typeDocs/**,docs/**,**/__snapshots__/**,**/*.stories.tsx,**/*.mdx,**/*.tokens.ts,**/*.test.*,**/*.tests.*,**/*.style.ts,**/*.styles.ts,rollup.config.js,src/theme/globals/constants/**,src/theme/tokens/semantic/variables/**,src/theme/tokens/components/variables/**
 sonar.javascript.lcov.reportPaths=./coverage/lcov.info
-sonar.organization=orfium
+sonar.organization=orfium
diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-Error.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-Error.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid #BF1250;
+  border: var(--_border-width) solid #BF1250;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-Informational.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-Informational.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid #5E8DF8;
+  border: var(--_border-width) solid #5E8DF8;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-Neutral.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-Neutral.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-Playground.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-Playground.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-Success.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-Success.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid #1EBE96;
+  border: var(--_border-width) solid #1EBE96;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-Warning.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-Warning.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid #F5A300;
+  border: var(--_border-width) solid #F5A300;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-WithButtons.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-WithButtons.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid #5E8DF8;
+  border: var(--_border-width) solid #5E8DF8;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-WithoutAction.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-WithoutAction.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid #5E8DF8;
+  border: var(--_border-width) solid #5E8DF8;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Broadcast-WithoutDismiss.snap b/src/__storyshots__/Updated Components/Notifications/Broadcast-WithoutDismiss.snap
@@ -29,7 +29,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid #5E8DF8;
+  border: var(--_border-width) solid #5E8DF8;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-Error.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-Error.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-Informational.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-Informational.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-Neutral.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-Neutral.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-Playground.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-Playground.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-Success.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-Success.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-Warning.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-Warning.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-WithButtons.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-WithButtons.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-WithoutAction.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-WithoutAction.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/__storyshots__/Updated Components/Notifications/Inline Alert-WithoutDismiss.snap b/src/__storyshots__/Updated Components/Notifications/Inline Alert-WithoutDismiss.snap
@@ -32,7 +32,7 @@
   align-items: center;
   background: rgba(200,206,255,0.20);
   border-radius: 0.25rem;
-  border: 1px solid rgba(200,206,255,0.70);
+  border: var(--_border-width) solid rgba(200,206,255,0.70);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: sans-serif;

diff --git a/src/components/Broadcast/Broadcast.style.ts b/src/components/Broadcast/Broadcast.style.ts
@@ -23,7 +23,7 @@ const broadcastStyles = (props: BroadcastProps) => (theme: Theme) =>
     align-items: center;
     background: ${theme.tokens.colors.get('palette.secondary.muted')};
     border-radius: ${theme.dimension.borderRadius.get('md')};
-    border: 1px solid ${getBorderColor(props.status, theme)};
+    border: var(--_border-width) solid ${getBorderColor(props.status, theme)};
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-family: sans-serif;

diff --git a/src/components/InlineAlert/InlineAlert.style.ts b/src/components/InlineAlert/InlineAlert.style.ts
@@ -25,7 +25,7 @@ const inlineAlertStyles = (props: InlineAlertProps) => (theme: Theme) =>
       ? theme.tokens.colors.get('backgroundColor.default')
       : theme.tokens.colors.get('palette.secondary.muted')};
     border-radius: ${theme.dimension.borderRadius.get('md')};
-    border: 1px solid ${theme.tokens.colors.get('borderColor.decorative.default')};
+    border: var(--_border-width) solid ${theme.tokens.colors.get('borderColor.decorative.default')};
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-family: sans-serif;