-
Notifications
You must be signed in to change notification settings - Fork 24
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'theme-update' into design-tokens-NEXT
- Loading branch information
Showing
32 changed files
with
1,217 additions
and
1,493 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
13 changes: 6 additions & 7 deletions
13
aries-site/src/examples/foundation/icons/IconPlainExample.js
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,11 +1,10 @@ | ||
| import React from 'react'; | ||
| import { Box } from 'grommet'; | ||
| import { Hpe, Aruba, Hpi } from 'grommet-icons'; | ||
| import { Hpe, Hpi } from 'grommet-icons'; | ||
|
|
||
| export const IconPlainExample = () => ( | ||
| <Box direction="row-responsive" gap="medium"> | ||
| <Hpe color="plain" size="large" /> | ||
| <Hpi color="plain" size="large" /> | ||
| <Aruba color="plain" size="large" /> | ||
| </Box> | ||
| ); | ||
| <Box direction="row-responsive" gap="medium"> | ||
| <Hpe color="plain" size="large" /> | ||
| <Hpi color="plain" size="large" /> | ||
| </Box> | ||
| ); |
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
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,65 +1,76 @@ | ||
| import StyleDictionary from 'style-dictionary-utils'; | ||
| import { StyleDictionary } from 'style-dictionary-utils'; | ||
| import { | ||
| commonJs, | ||
| commonJsGrommetRefs, | ||
| cssColorModes, | ||
| cssBreakpoints, | ||
| esmGrommetRefs, | ||
| javascriptEsm, | ||
| jsonFlat, | ||
| } from './formats/index.js'; | ||
| import { | ||
| cssW3c, | ||
| javascriptW3c, | ||
| linearGradientCss, | ||
| numberToDimension, | ||
| shadowCSS, | ||
| } from './transforms/index.js'; | ||
|
|
||
| StyleDictionary.registerFormat({ | ||
| export const HPEStyleDictionary = new StyleDictionary({ | ||
| log: { | ||
| verbosity: 'verbose', | ||
| }, | ||
| }); | ||
|
|
||
| HPEStyleDictionary.registerFormat({ | ||
| name: 'javascript/commonJs', | ||
| formatter: commonJs, | ||
| format: commonJs, | ||
| }); | ||
| StyleDictionary.registerFormat({ | ||
| HPEStyleDictionary.registerFormat({ | ||
| name: 'javascript/esm', | ||
| format: javascriptEsm, | ||
| }); | ||
| HPEStyleDictionary.registerFormat({ | ||
| name: 'css/variables-themed', | ||
| formatter: cssColorModes, | ||
| format: cssColorModes, | ||
| }); | ||
| StyleDictionary.registerFormat({ | ||
| HPEStyleDictionary.registerFormat({ | ||
| name: 'css/variables-breakpoints', | ||
| formatter: cssBreakpoints, | ||
| format: cssBreakpoints, | ||
| }); | ||
| StyleDictionary.registerFormat({ | ||
| HPEStyleDictionary.registerFormat({ | ||
| name: `esmGrommetRefs`, | ||
| formatter: esmGrommetRefs, | ||
| format: esmGrommetRefs, | ||
| }); | ||
| StyleDictionary.registerFormat({ | ||
| HPEStyleDictionary.registerFormat({ | ||
| name: `commonJsGrommetRefs`, | ||
| formatter: commonJsGrommetRefs, | ||
| format: commonJsGrommetRefs, | ||
| }); | ||
| StyleDictionary.registerFormat({ | ||
| HPEStyleDictionary.registerFormat({ | ||
| name: `jsonFlat`, | ||
| formatter: jsonFlat, | ||
| format: jsonFlat, | ||
| }); | ||
| StyleDictionary.registerTransform({ | ||
| name: 'numberToDimension', | ||
| HPEStyleDictionary.registerTransform({ | ||
| ...numberToDimension, | ||
| }); | ||
| StyleDictionary.registerTransform({ | ||
| HPEStyleDictionary.registerTransform({ | ||
| ...shadowCSS, | ||
| }); | ||
| HPEStyleDictionary.registerTransform({ | ||
| name: 'name/dot', | ||
| type: 'name', | ||
| transformer: (token, config) => { | ||
| transform: (token, config) => { | ||
| return [config.prefix].concat(token.path).join('.'); | ||
| }, | ||
| }); | ||
| StyleDictionary.registerTransform({ | ||
| name: 'linearGradient/css', | ||
| HPEStyleDictionary.registerTransform({ | ||
| ...linearGradientCss, | ||
| }); | ||
| StyleDictionary.registerTransformGroup({ | ||
| HPEStyleDictionary.registerTransformGroup({ | ||
| name: 'js/w3c', | ||
| transforms: javascriptW3c, | ||
| }); | ||
| StyleDictionary.registerTransformGroup({ | ||
| HPEStyleDictionary.registerTransformGroup({ | ||
| name: 'css/w3c', | ||
| transforms: cssW3c, | ||
| }); | ||
|
|
||
| export const HPEStyleDictionary: StyleDictionary.Core = StyleDictionary; |
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,20 +1,21 @@ | ||
| import StyleDictionary from 'style-dictionary'; | ||
| import { FormatterArguments } from 'style-dictionary/types/Format.js'; | ||
| import { FormatFn, FormatFnArguments } from 'style-dictionary/types'; | ||
| import { fileHeader, formattedVariables } from 'style-dictionary/utils'; | ||
|
|
||
| export const cssBreakpoints = ({ | ||
| export const cssBreakpoints: FormatFn = async ({ | ||
| dictionary, | ||
| file, | ||
| options, | ||
| }: FormatterArguments) => { | ||
| }: FormatFnArguments) => { | ||
| const { outputReferences, mediaQuery } = options; | ||
| let output = `:root {\n${StyleDictionary.formatHelpers.formattedVariables({ | ||
| let output = `:root {\n${formattedVariables({ | ||
| format: 'css', | ||
| dictionary, | ||
| outputReferences, | ||
| usesDtcg: true, | ||
| })}\n}`; | ||
| if (mediaQuery) output = `@media (${mediaQuery}) {\n${output}\n}\n`; | ||
|
|
||
| return `${StyleDictionary.formatHelpers.fileHeader({ | ||
| return `${await fileHeader({ | ||
| file, | ||
| })}${output}`; | ||
| }; |
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
Oops, something went wrong.