Mihkel Eidast mihkeleidast
mihkeleidast
/ main-before.ts
Last active
November 30, 2022 18:43
.storybook/main.ts after migration
This file contains hidden or 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
| import type { StorybookViteConfig } from '@storybook/builder-vite'; | |
| import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'; | |
| import { mergeConfig } from 'vite'; | |
| const config: StorybookViteConfig = { | |
| stories: ['../**/*.stories.mdx'], | |
| addons: [ | |
| './theme-addon/preset.ts', | |
| '@storybook/addon-actions', | |
| '@storybook/addon-a11y', |
This file contains hidden or 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
| import { | |
| lightTheme, | |
| darkTheme, | |
| } from 'component-library'; | |
| // Define all themes that can be chosen. | |
| const themes: Record<string, ThemeObject> = { | |
| 'light': { | |
| className: lightTheme, | |
| }, |
mihkeleidast
/ attribute-figma.ts
Created
July 18, 2022 11:27
style-dictionary to figma attribute transform
This file contains hidden or 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
| import { Named, Transform } from 'style-dictionary'; | |
| const transform: Named<Transform> = { | |
| name: 'attribute/figma', | |
| type: 'attribute', | |
| matcher: (token) => { | |
| const category = token.attributes?.category ?? ''; | |
| return ['color', 'size', 'shadow', 'fontFamily', 'fontWeight', 'font'].includes(category); | |
| }, | |
| transformer: (token) => { |
This file contains hidden or 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
| const { execSync } = require('child_process'); | |
| const scanComponents = require('./scan-components'); | |
| const scanMetadata = require('./scan-metadata'); | |
| const currentDirectory = __dirname; | |
| const repositories = [ | |
| { | |
| name: 'customer-web', |
This file contains hidden or 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
| { | |
| "sixfold-dark": { | |
| "color": { | |
| "core": { | |
| "gray": { | |
| "base": { | |
| "value": "#9ea6b3", | |
| "filePath": "src/brands/sixfold/color/core.json", | |
| "isSource": false, | |
| "original": { |
mihkeleidast
/ index.js
Created
April 5, 2022 06:43
This file contains hidden or 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
| const { execSync } = require('child_process'); | |
| const scanComponents = require('./scan-components'); | |
| const scanMetadata = require('./scan-metadata'); | |
| const currentDirectory = __dirname; | |
| const PROJECT_TO_SCAN = 'customer-web'; | |
| process.chdir(`./${PROJECT_TO_SCAN}`); |
This file contains hidden or 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
| import React from 'react'; | |
| export interface IPreviewEnv { | |
| reactClass: string; | |
| publicPath: string; | |
| } | |
| export interface IPreviewTargetMeta { | |
| previewDisplay?: React.StyleHTMLAttributes<HTMLBodyElement>; | |
| } |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html class="no-js" lang="{{ language }}"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <link rel="apple-touch-icon" sizes="180x180" href="{{ '/inc/favicon/apple-touch-icon.png'|path }}"> | |
| <link rel="icon" type="image/png" sizes="32x32" href="{{ '/inc/favicon/favicon-32x32.png'|path }}"> | |
| <link rel="icon" type="image/png" sizes="16x16" href="{{ '/inc/favicon//favicon-16x16.png'|path }}"> | |
| <link rel="manifest" href="{{ '/inc/favicon/manifest.json'|path }}"> |
This file contains hidden or 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
| import * as React from 'react'; | |
| export interface IPreviewEnv { | |
| reactClass: string; | |
| publicPath: string; | |
| } | |
| export interface IPreviewTargetMeta { | |
| previewDisplay?: React.StyleHTMLAttributes<HTMLBodyElement>; | |
| } |
This file contains hidden or 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
| /** | |
| * | |
| * inject script to facilitate iframe resizing | |
| * https://github.com/davidjbradshaw/iframe-resizer | |
| * | |
| */ | |
| import React from 'react'; | |
| import PropTypes from 'prop-types'; | |
| import { iframeResizer as iframeResizerLib } from 'iframe-resizer'; |
NewerOlder