SHARE
TWEET

Untitled

a guest Jun 16th, 2019 50 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* path: decorators/themeDecorator.tsx */
  2.  
  3. import * as React from "react";
  4. import UIKitThemeProvider from "../packages/themes/components/UIKitThemeProvider";
  5.  
  6. export const themeDecorator = storyFn => (
  7.   <UIKitThemeProvider
  8.     appTheme={{
  9.       colors: {
  10.         // Brand
  11.         brandPrimary: "",
  12.         brandPrimaryInverted: "",
  13.         brandSecondary: "",
  14.         brandSecondaryInverted: "",
  15.  
  16.         // States
  17.         success: "",
  18.         successInverted: "",
  19.         warning: "",
  20.         warningInverted: "",
  21.         error: "",
  22.         errorInverted: "",
  23.  
  24.         // Backgrounds
  25.         bgPrimary: "",
  26.         bgPrimaryInverted: "",
  27.         bgSecondary: "",
  28.         bgSecondaryInverted: "",
  29.         bgHover: "",
  30.         bgHoverInverted: "",
  31.         bgScrim: "",
  32.         bgSelected: "",
  33.         bgSelectedInverted: "",
  34.         bgAppHeader: "",
  35.  
  36.         // Text
  37.         textColorPrimary: "",
  38.         textColorPrimaryInverted: "",
  39.         textColorSecondary: "",
  40.         textColorSecondaryInverted: "",
  41.         textColorInteractive: "",
  42.         textColorInteractiveInverted: "",
  43.  
  44.         // Decorators
  45.         border: "",
  46.         borderInverted: "",
  47.         borderHeavy: "",
  48.         borderHeavyInverted: "",
  49.         shadow: "",
  50.         shadowInverted: ""
  51.       }
  52.     }}
  53.   >
  54.     {storyFn()}
  55.   </UIKitThemeProvider>
  56. );
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top