@workday/canvas-kit-react-core
Advanced tools
Comparing version 3.0.0-alpha.4 to 3.0.0-alpha.5
@@ -0,7 +1,7 @@ | ||
import beta_type from './lib/beta_type'; | ||
import { BrandingColors, CanvasColor } from './lib/colors.types'; | ||
import depth, { CanvasDepth, CanvasDepthValue } from './lib/depth'; | ||
import spacing, { spacingNumbers, space, SpaceProps, CanvasSpacingNumbers, CanvasSpacing, CanvasSpacingValue } from './lib/spacing'; | ||
import type, { fontFamily, monoFontFamily, CanvasType } from './lib/type'; | ||
import beta_type from './lib/beta_type'; | ||
import InputProvider from './lib/InputProvider'; | ||
import spacing, { CanvasSpacing, CanvasSpacingNumbers, CanvasSpacingValue, space, SpaceProps, spacingNumbers } from './lib/spacing'; | ||
import type, { CanvasType, fontFamily, monoFontFamily } from './lib/type'; | ||
import { CSSProperties } from './lib/types'; | ||
@@ -689,4 +689,5 @@ declare const colors: { | ||
}; | ||
export * from './lib/TypeWrappers'; | ||
export * from '@workday/canvas-colors-web'; | ||
export { colors, depth, spacing, space, SpaceProps, spacingNumbers, type, beta_type, fontFamily, monoFontFamily, BrandingColors, CanvasDepth, CanvasDepthValue, CanvasSpacing, CanvasSpacingNumbers, CanvasSpacingValue, CanvasType, CanvasColor, CSSProperties, InputProvider, }; | ||
export default canvas; |
@@ -39,2 +39,4 @@ "use strict"; | ||
var canvasColorsWeb = __importStar(require("@workday/canvas-colors-web")); | ||
var beta_type_1 = __importDefault(require("./lib/beta_type")); | ||
exports.beta_type = beta_type_1.default; | ||
var colors_types_1 = require("./lib/colors.types"); | ||
@@ -44,6 +46,8 @@ exports.BrandingColors = colors_types_1.BrandingColors; | ||
exports.depth = depth_1.default; | ||
var InputProvider_1 = __importDefault(require("./lib/InputProvider")); | ||
exports.InputProvider = InputProvider_1.default; | ||
var spacing_1 = __importStar(require("./lib/spacing")); | ||
exports.spacing = spacing_1.default; | ||
exports.space = spacing_1.space; | ||
exports.spacingNumbers = spacing_1.spacingNumbers; | ||
exports.space = spacing_1.space; | ||
var type_1 = __importStar(require("./lib/type")); | ||
@@ -53,6 +57,2 @@ exports.type = type_1.default; | ||
exports.monoFontFamily = type_1.monoFontFamily; | ||
var beta_type_1 = __importDefault(require("./lib/beta_type")); | ||
exports.beta_type = beta_type_1.default; | ||
var InputProvider_1 = __importDefault(require("./lib/InputProvider")); | ||
exports.InputProvider = InputProvider_1.default; | ||
var colors = canvasColorsWeb.default, semanticColors = __rest(canvasColorsWeb, ["default"]); | ||
@@ -67,3 +67,4 @@ exports.colors = colors; | ||
monoFontFamily: type_1.monoFontFamily }, semanticColors); | ||
__export(require("./lib/TypeWrappers")); | ||
__export(require("@workday/canvas-colors-web")); | ||
exports.default = canvas; |
@@ -0,7 +1,7 @@ | ||
import beta_type from './lib/beta_type'; | ||
import { BrandingColors, CanvasColor } from './lib/colors.types'; | ||
import depth, { CanvasDepth, CanvasDepthValue } from './lib/depth'; | ||
import spacing, { spacingNumbers, space, SpaceProps, CanvasSpacingNumbers, CanvasSpacing, CanvasSpacingValue } from './lib/spacing'; | ||
import type, { fontFamily, monoFontFamily, CanvasType } from './lib/type'; | ||
import beta_type from './lib/beta_type'; | ||
import InputProvider from './lib/InputProvider'; | ||
import spacing, { CanvasSpacing, CanvasSpacingNumbers, CanvasSpacingValue, space, SpaceProps, spacingNumbers } from './lib/spacing'; | ||
import type, { CanvasType, fontFamily, monoFontFamily } from './lib/type'; | ||
import { CSSProperties } from './lib/types'; | ||
@@ -689,4 +689,5 @@ declare const colors: { | ||
}; | ||
export * from './lib/TypeWrappers'; | ||
export * from '@workday/canvas-colors-web'; | ||
export { colors, depth, spacing, space, SpaceProps, spacingNumbers, type, beta_type, fontFamily, monoFontFamily, BrandingColors, CanvasDepth, CanvasDepthValue, CanvasSpacing, CanvasSpacingNumbers, CanvasSpacingValue, CanvasType, CanvasColor, CSSProperties, InputProvider, }; | ||
export default canvas; |
@@ -24,8 +24,8 @@ var __assign = (this && this.__assign) || function () { | ||
import * as canvasColorsWeb from '@workday/canvas-colors-web'; | ||
import beta_type from './lib/beta_type'; | ||
import { BrandingColors } from './lib/colors.types'; | ||
import depth from './lib/depth'; | ||
import spacing, { spacingNumbers, space, } from './lib/spacing'; | ||
import InputProvider from './lib/InputProvider'; | ||
import spacing, { space, spacingNumbers, } from './lib/spacing'; | ||
import type, { fontFamily, monoFontFamily } from './lib/type'; | ||
import beta_type from './lib/beta_type'; | ||
import InputProvider from './lib/InputProvider'; | ||
var colors = canvasColorsWeb.default, semanticColors = __rest(canvasColorsWeb, ["default"]); | ||
@@ -39,4 +39,5 @@ var canvas = __assign({ colors: colors, | ||
monoFontFamily: monoFontFamily }, semanticColors); | ||
export * from './lib/TypeWrappers'; | ||
export * from '@workday/canvas-colors-web'; | ||
export { colors, depth, spacing, space, spacingNumbers, type, beta_type, fontFamily, monoFontFamily, BrandingColors, InputProvider, }; | ||
export default canvas; |
16
index.ts
import * as canvasColorsWeb from '@workday/canvas-colors-web'; | ||
import beta_type from './lib/beta_type'; | ||
import {BrandingColors, CanvasColor} from './lib/colors.types'; | ||
import depth, {CanvasDepth, CanvasDepthValue} from './lib/depth'; | ||
import InputProvider from './lib/InputProvider'; | ||
import spacing, { | ||
spacingNumbers, | ||
CanvasSpacing, | ||
CanvasSpacingNumbers, | ||
CanvasSpacingValue, | ||
space, | ||
SpaceProps, | ||
CanvasSpacingNumbers, | ||
CanvasSpacing, | ||
CanvasSpacingValue, | ||
spacingNumbers, | ||
} from './lib/spacing'; | ||
import type, {fontFamily, monoFontFamily, CanvasType} from './lib/type'; | ||
import beta_type from './lib/beta_type'; | ||
import InputProvider from './lib/InputProvider'; | ||
import type, {CanvasType, fontFamily, monoFontFamily} from './lib/type'; | ||
import {CSSProperties} from './lib/types'; | ||
@@ -29,2 +30,3 @@ | ||
export * from './lib/TypeWrappers'; | ||
export * from '@workday/canvas-colors-web'; | ||
@@ -31,0 +33,0 @@ export { |
{ | ||
"name": "@workday/canvas-kit-react-core", | ||
"version": "3.0.0-alpha.4", | ||
"version": "3.0.0-alpha.5", | ||
"description": "A group of core primitives (i.e. colors, text, etc.)", | ||
@@ -45,3 +45,3 @@ "author": "Workday, Inc. (https://www.workday.com)", | ||
}, | ||
"gitHead": "8213327bef24e7992369d94cc529078fb83eba6a" | ||
"gitHead": "7eb658f00a366b9d6527add5b5f8ecd8ca2590b6" | ||
} |
@@ -247,8 +247,10 @@ # Canvas Kit Core | ||
If you are only using one object, you can do this inline with the `style` attribute. | ||
If you are only using one object, you can do this inline with the `style` attribute. For headings, | ||
styled components are also available. | ||
```tsx | ||
import {type} from '@workday/canvas-kit-react-core'; | ||
import {H2, type} from '@workday/canvas-kit-react-core'; | ||
<h1 style={type.h1}>H1 Header</h1>; | ||
<H2>H2 Header</H2>; | ||
``` | ||
@@ -255,0 +257,0 @@ |
142366
48
3983
425