-
Notifications
You must be signed in to change notification settings - Fork 64
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Update whats-new.mdx * Update changelog.mdx * Update to Thursday 5 march Updated the first paragraph of Thursday 5 march and added two lines below. * Create .placeholder * Review overview.mdx * Update changelog.mdx * Update overview.mdx * Update introduction.mdx * Update overview.mdx * Update overview.mdx * Update overview.mdx * Update resources.mdx * Update whats-new.mdx * Update on table header and auto layout Changed paragraph about the Table header, and added paragraph about Auto Layout above Constraints. * Storefront/image component (#256) * Added cache control headers to storefront (#240) * Added cache control headers to storefront * More detailed cache rules * Added Accessibility check to react template * Added image component * fixed wording * Made image scale in width instead of height * Updated step 5 at how to use auto layout Repeat step 1-4 instead of 1-3. * Change title to sentence case Buttons toggle * Add missing period * Create 2020 * Delete 2020 * Create .placeholder * Added pictures to upload to Changelog * Added pictures, changed the date of change * Added instruction video for Table header * Delete 20200309-Table header text demo.mp4 * Create .placeholder * Added instruction video for table header text * Added pictures and video * Update figma images * removed not need placeholders * Fixed img & video comps not searching sub folders * Added missing video attributes * Add punctuation * Fixed url typo * Renamed Tables to Table to match Figma * Updated to support auto-layout in Figma Table * Updated table token Co-authored-by: Bendik Kristiansen <53559062+benkeq@users.noreply.github.com> Co-authored-by: Charlotte Janine Van Den Berg <56440483+LottevdBerg-OT@users.noreply.github.com> Co-authored-by: Victor Nystad <vnys@equinor.com> Co-authored-by: Rebecca Brekke <34247620+BeckyBrekke@users.noreply.github.com>
- Loading branch information
1 parent
f0f1c65
commit 41476bd
Showing
28 changed files
with
337 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file removed
BIN
-5.01 KB
apps/storefront/src/assets/figma/0bGXR2sCwMVSDNyyzu5BXrO5.112_887.png
Binary file not shown.
Binary file modified
BIN
-3 Bytes
(100%)
apps/storefront/src/assets/figma/0bGXR2sCwMVSDNyyzu5BXrO5.2450_1219.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified
BIN
-88 Bytes
(99%)
apps/storefront/src/assets/figma/0bGXR2sCwMVSDNyyzu5BXrO5.2450_1603.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified
BIN
-721 Bytes
(96%)
apps/storefront/src/assets/figma/0bGXR2sCwMVSDNyyzu5BXrO5.2450_2487.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified
BIN
+7.71 KB
(110%)
apps/storefront/src/assets/figma/luNobpDIWTuQ9rhyovGLBI.624_0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+15.5 KB
...front/src/assets/images/2020/20200309-table cell input activeresting 800 px.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+44.9 KB
apps/storefront/src/assets/images/2020/20200309-table example active row 800px.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+82.3 KB
...storefront/src/assets/images/2020/20200309-table header before after 800 px.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+22.2 KB
apps/storefront/src/assets/images/2020/20200309-table header example 800 px.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+557 KB
apps/storefront/src/assets/video/2020/20200309-Table header text demo.mp4
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,60 @@ | ||
import PropTypes from 'prop-types' | ||
import React from 'react' | ||
import styled from 'styled-components' | ||
import { useStaticQuery, graphql } from 'gatsby' | ||
|
||
const Container = styled.div` | ||
display: block; | ||
width: 100%; | ||
padding: 16px; | ||
margin-bottom: 24px; | ||
font-size: 18px; | ||
background-color: #ebebeb !important; | ||
` | ||
|
||
const ImageBase = styled.img` | ||
width: 100%; | ||
border: none; | ||
background-color: #2c2c2c; | ||
` | ||
|
||
const Image = ({ url, ...other }) => { | ||
// StaticQuery does not support grapql queries so we have to for all videos and then find it.... | ||
const data = useStaticQuery(graphql` | ||
{ | ||
allFile(filter: { relativeDirectory: { regex: "/images/" } }) { | ||
edges { | ||
node { | ||
publicURL | ||
relativePath | ||
} | ||
} | ||
} | ||
} | ||
`) | ||
|
||
let imageUrl = url | ||
|
||
if (url.startsWith('images') && data.allFile.edges.length > 0) { | ||
const image = data.allFile.edges.find( | ||
({ node }) => node.relativePath.toLowerCase() === url.toLowerCase(), | ||
) | ||
imageUrl = image ? image.node.publicURL : undefined | ||
} | ||
|
||
return imageUrl ? ( | ||
<ImageBase {...other} src={imageUrl} /> | ||
) : ( | ||
<Container> | ||
Ops! Can't find the image, please check if your link is correct 🏞️ | ||
{url} | ||
</Container> | ||
) | ||
} | ||
|
||
Image.propTypes = { | ||
/** Url to embed in iframe. Will manipulate www.figma.com urls into Figma Embed */ | ||
url: PropTypes.string.isRequired, | ||
} | ||
|
||
export default Image |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
apps/storefront/src/content/components/buttons-toggle/overview.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,5 @@ | ||
--- | ||
title: Buttons Toggle | ||
title: Buttons toggle | ||
tabs: | ||
- Overview | ||
- Usage | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
10 changes: 9 additions & 1 deletion
10
apps/storefront/src/content/contributing/developers/overview.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,12 @@ | ||
--- | ||
title: Developers | ||
mode: draft | ||
--- | ||
--- | ||
|
||
TODO: | ||
|
||
- Link to issues | ||
- Pull requests | ||
- Create issue, comment on issue | ||
- Feature requests | ||
- Testing |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -4,3 +4,5 @@ mode: draft | |
--- | ||
|
||
:warning: Tokens table coming soon | ||
|
||
TODO: Remove this page |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,3 +2,13 @@ | |
title: Resources | ||
mode: draft | ||
--- | ||
|
||
TODO: | ||
|
||
Add links to | ||
|
||
- Figma | ||
- Github | ||
- NPM | ||
- CDN | ||
- Slack |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.