docs(attention): fix typo in popover Attention examples (#166)

* docs(attention): fix typo in popover Attention examples (#166) * fix(css): point at version 1 of fabric-ds/css to handle focus-ring classes Use the latest alias of fabric-ds/css package in the test, documentation and storybook environment
fabric-ds · Nov 9, 2022 · 4ce9c82 · 4ce9c82
1 parent 8a8cd66
commit 4ce9c82
Show file tree

Hide file tree

Showing 10 changed files with 20 additions and 10 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -1,4 +1,4 @@
 <link
-  href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css"
+  href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css"
   rel="stylesheet"
 />
diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
       }
     </style>
     <link
-      href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css"
+      href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css"
       rel="stylesheet"
     />
     <link

diff --git a/packages/attention/docs/Attention.mdx b/packages/attention/docs/Attention.mdx
@@ -86,7 +86,12 @@ function Example() {
       >
         Open menu
       </Button>
-      <Attention popver placement="bottom" targetEl={targetEl} isShowing={show}>
+      <Attention
+        popover
+        placement="bottom"
+        targetEl={targetEl}
+        isShowing={show}
+      >
         <ul className="bg-white w-full text-center">
           <li
             tabIndex={0}

diff --git a/packages/attention/stories/Attention.stories.tsx b/packages/attention/stories/Attention.stories.tsx
@@ -75,7 +75,12 @@ export function Popover() {
       >
         Open menu
       </Button>
-      <Attention popver placement="bottom" targetEl={targetEl} isShowing={show}>
+      <Attention
+        popover
+        placement="bottom"
+        targetEl={targetEl}
+        isShowing={show}
+      >
         <ul className="bg-white w-full text-center">
           <li
             tabIndex={0}

diff --git a/tests/eik-react-jsx/index.html b/tests/eik-react-jsx/index.html
@@ -5,7 +5,7 @@
     <title>Fabric React</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link
-      href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css"
+      href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css"
       rel="stylesheet"
     />
   </head>

diff --git a/tests/eik-react/index.html b/tests/eik-react/index.html
@@ -5,7 +5,7 @@
     <title>Fabric React</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link
-      href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css"
+      href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css"
       rel="stylesheet"
     />
   </head>

diff --git a/tests/ssr-react-16-cjs/src/server.js b/tests/ssr-react-16-cjs/src/server.js
@@ -22,7 +22,7 @@ server.get('/', (request, reply) => {
         <meta charset="UTF-8" />
         <title>Fabric React</title>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css" rel="stylesheet" />
+        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css" rel="stylesheet" />
       </head>
       <body>
         <div id="app">${markup}</div>

diff --git a/tests/ssr-react-16/server.js b/tests/ssr-react-16/server.js
@@ -25,7 +25,7 @@ server.get('/', (request, reply) => {
         <meta charset="UTF-8" />
         <title>Fabric React</title>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css" rel="stylesheet" />
+        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css" rel="stylesheet" />
       </head>
       <body>
         <div id="app">${markup}</div>

diff --git a/tests/ssr-react-ts-16-cjs/src/server.ts b/tests/ssr-react-ts-16-cjs/src/server.ts
@@ -23,7 +23,7 @@ server.get('/', (request, reply) => {
         <meta charset="UTF-8" />
         <title>Fabric React</title>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css" rel="stylesheet" />
+        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css" rel="stylesheet" />
       </head>
       <body>
         <div id="app">${markup}</div>

diff --git a/tests/ssr-react-ts-16/src/server.ts b/tests/ssr-react-ts-16/src/server.ts
@@ -26,7 +26,7 @@ server.get('/', (request, reply) => {
         <meta charset="UTF-8" />
         <title>Fabric React</title>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css" rel="stylesheet" />
+        <link href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css" rel="stylesheet" />
       </head>
       <body>
         <div id="app">${markup}</div>