@dfds-ui/theme
Advanced tools
Comparing version 0.0.5 to 0.0.6
declare const theme: { | ||
colors: { | ||
yesGreen: string; | ||
cautionAmber: string; | ||
noRed: string; | ||
linkBlue: string; | ||
linkHover: string; | ||
actionBlue: string; | ||
actionHover: string; | ||
actionMedium: string; | ||
actionLight: string; | ||
primaryOrange: string; | ||
primaryHover: string; | ||
uiEnabled: string; | ||
uiDisabled: string; | ||
textGrey: string; | ||
textMedium: string; | ||
textLight: string; | ||
groupBlue: string; | ||
groupMedium: string; | ||
groupLight: string; | ||
backgroundGrey: string; | ||
white: string; | ||
whiteHover: string; | ||
}; | ||
spacing: { | ||
xxs: string; | ||
xs: string; | ||
s: string; | ||
m: string; | ||
l: string; | ||
xl: string; | ||
xxl: string; | ||
}; | ||
radii: { | ||
@@ -7,2 +40,9 @@ s: string; | ||
}; | ||
breakpoints: { | ||
s: string; | ||
m: string; | ||
l: string; | ||
xl: string; | ||
xxl: string; | ||
}; | ||
fontFamilies: { | ||
@@ -9,0 +49,0 @@ display: string; |
@@ -12,2 +12,8 @@ "use strict"; | ||
var _colors = require("@dfds-ui/colors"); | ||
var _spacing = require("@dfds-ui/spacing"); | ||
var _breakpoints = _interopRequireDefault(require("./breakpoints")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
@@ -22,3 +28,6 @@ | ||
const theme = _objectSpread({}, _fonts.default, { | ||
radii: _radii.default | ||
colors: _colors.colors, | ||
spacing: _spacing.spacing, | ||
radii: _radii.default, | ||
breakpoints: _breakpoints.default | ||
}); | ||
@@ -25,0 +34,0 @@ |
@@ -6,3 +6,3 @@ { | ||
"private": false, | ||
"version": "0.0.5", | ||
"version": "0.0.6", | ||
"sideEffects": false, | ||
@@ -12,3 +12,3 @@ "main": "./cjs/index.js", | ||
"typings": "./index.d.ts", | ||
"gitHead": "86f5ef192691385bfafdc6b7121f374066a67517", | ||
"gitHead": "8a433649f4e8b3d3ba926a4c4a70fad1da15741e", | ||
"esnext": "", | ||
@@ -15,0 +15,0 @@ "publishConfig": { |
declare const theme: { | ||
colors: { | ||
yesGreen: string; | ||
cautionAmber: string; | ||
noRed: string; | ||
linkBlue: string; | ||
linkHover: string; | ||
actionBlue: string; | ||
actionHover: string; | ||
actionMedium: string; | ||
actionLight: string; | ||
primaryOrange: string; | ||
primaryHover: string; | ||
uiEnabled: string; | ||
uiDisabled: string; | ||
textGrey: string; | ||
textMedium: string; | ||
textLight: string; | ||
groupBlue: string; | ||
groupMedium: string; | ||
groupLight: string; | ||
backgroundGrey: string; | ||
white: string; | ||
whiteHover: string; | ||
}; | ||
spacing: { | ||
xxs: string; | ||
xs: string; | ||
s: string; | ||
m: string; | ||
l: string; | ||
xl: string; | ||
xxl: string; | ||
}; | ||
radii: { | ||
@@ -7,2 +40,9 @@ s: string; | ||
}; | ||
breakpoints: { | ||
s: string; | ||
m: string; | ||
l: string; | ||
xl: string; | ||
xxl: string; | ||
}; | ||
fontFamilies: { | ||
@@ -9,0 +49,0 @@ display: string; |
@@ -9,7 +9,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
import radii from './radii'; | ||
import { colors } from '@dfds-ui/colors'; | ||
import { spacing } from '@dfds-ui/spacing'; | ||
import breakpoints from './breakpoints'; | ||
var theme = _objectSpread({}, fonts, { | ||
radii: radii | ||
colors: colors, | ||
spacing: spacing, | ||
radii: radii, | ||
breakpoints: breakpoints | ||
}); | ||
export default theme; |
17084
21
664