@workday/canvas-kit-react 14.1.0-1284-next.0 → 15.0.0-alpha.1283-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/layout/lib/Box.d.ts +0 -1
- package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Box.js +0 -2
- package/dist/commonjs/layout/lib/utils/background.d.ts +8 -25
- package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/background.js +0 -3
- package/dist/commonjs/layout/lib/utils/border/color.d.ts +1 -12
- package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/color.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/index.d.ts +0 -3
- package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/index.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +6 -24
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/lineStyle.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts +6 -15
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/radius.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +8 -22
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/shorthand.js +0 -2
- package/dist/commonjs/layout/lib/utils/border/width.d.ts +4 -18
- package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/border/width.js +0 -2
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +0 -4
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/buildStyleFns.js +0 -9
- package/dist/commonjs/layout/lib/utils/color.d.ts +4 -13
- package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/color.js +0 -3
- package/dist/commonjs/layout/lib/utils/depth.d.ts +3 -11
- package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/depth.js +0 -3
- package/dist/commonjs/layout/lib/utils/flex.d.ts +11 -32
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flex.js +0 -3
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +8 -27
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flexItem.js +0 -3
- package/dist/commonjs/layout/lib/utils/grid.d.ts +19 -56
- package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/grid.js +0 -3
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts +11 -36
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/gridItem.js +0 -3
- package/dist/commonjs/layout/lib/utils/layout.d.ts +13 -36
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/layout.js +0 -3
- package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts +0 -1
- package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/mergeStyles.js +0 -1
- package/dist/commonjs/layout/lib/utils/other.d.ts +34 -106
- package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/other.js +0 -3
- package/dist/commonjs/layout/lib/utils/position.d.ts +9 -24
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/position.js +0 -3
- package/dist/commonjs/layout/lib/utils/space.d.ts +19 -42
- package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/space.js +0 -3
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts +0 -2
- package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts +0 -17
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/text.d.ts +14 -45
- package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/text.js +0 -3
- package/dist/commonjs/text-input/lib/TextInput.js +5 -5
- package/dist/es6/layout/lib/Box.d.ts +0 -1
- package/dist/es6/layout/lib/Box.d.ts.map +1 -1
- package/dist/es6/layout/lib/Box.js +0 -2
- package/dist/es6/layout/lib/utils/background.d.ts +8 -25
- package/dist/es6/layout/lib/utils/background.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/background.js +0 -3
- package/dist/es6/layout/lib/utils/border/color.d.ts +1 -12
- package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/color.js +0 -2
- package/dist/es6/layout/lib/utils/border/index.d.ts +0 -3
- package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/index.js +0 -2
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +6 -24
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/lineStyle.js +0 -2
- package/dist/es6/layout/lib/utils/border/radius.d.ts +6 -15
- package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/radius.js +0 -2
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts +8 -22
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/shorthand.js +0 -2
- package/dist/es6/layout/lib/utils/border/width.d.ts +4 -18
- package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/border/width.js +0 -2
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +0 -4
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/buildStyleFns.js +0 -9
- package/dist/es6/layout/lib/utils/color.d.ts +4 -13
- package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/color.js +0 -3
- package/dist/es6/layout/lib/utils/depth.d.ts +3 -11
- package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/depth.js +0 -3
- package/dist/es6/layout/lib/utils/flex.d.ts +11 -32
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flex.js +0 -3
- package/dist/es6/layout/lib/utils/flexItem.d.ts +8 -27
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flexItem.js +0 -3
- package/dist/es6/layout/lib/utils/grid.d.ts +19 -56
- package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/grid.js +0 -3
- package/dist/es6/layout/lib/utils/gridItem.d.ts +11 -36
- package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/gridItem.js +0 -3
- package/dist/es6/layout/lib/utils/layout.d.ts +13 -36
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/layout.js +0 -3
- package/dist/es6/layout/lib/utils/mergeStyles.d.ts +0 -1
- package/dist/es6/layout/lib/utils/mergeStyles.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/mergeStyles.js +0 -1
- package/dist/es6/layout/lib/utils/other.d.ts +34 -106
- package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/other.js +0 -3
- package/dist/es6/layout/lib/utils/position.d.ts +9 -24
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/position.js +0 -3
- package/dist/es6/layout/lib/utils/space.d.ts +19 -42
- package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/space.js +0 -3
- package/dist/es6/layout/lib/utils/styleProps.d.ts +0 -2
- package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/systemProps.d.ts +0 -17
- package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/text.d.ts +14 -45
- package/dist/es6/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/text.js +0 -3
- package/dist/es6/text-input/lib/TextInput.js +5 -5
- package/layout/lib/Box.tsx +0 -2
- package/layout/lib/utils/background.ts +8 -25
- package/layout/lib/utils/border/color.ts +1 -12
- package/layout/lib/utils/border/index.ts +0 -3
- package/layout/lib/utils/border/lineStyle.ts +6 -24
- package/layout/lib/utils/border/radius.ts +6 -15
- package/layout/lib/utils/border/shorthand.ts +8 -22
- package/layout/lib/utils/border/width.ts +4 -18
- package/layout/lib/utils/buildStyleFns.ts +0 -11
- package/layout/lib/utils/color.ts +4 -13
- package/layout/lib/utils/depth.ts +3 -11
- package/layout/lib/utils/flex.ts +11 -32
- package/layout/lib/utils/flexItem.ts +8 -27
- package/layout/lib/utils/grid.ts +19 -56
- package/layout/lib/utils/gridItem.ts +11 -36
- package/layout/lib/utils/layout.ts +13 -36
- package/layout/lib/utils/mergeStyles.ts +0 -1
- package/layout/lib/utils/other.ts +34 -106
- package/layout/lib/utils/position.ts +9 -24
- package/layout/lib/utils/space.ts +19 -42
- package/layout/lib/utils/styleProps.ts +0 -2
- package/layout/lib/utils/systemProps.ts +0 -17
- package/layout/lib/utils/text.ts +14 -45
- package/package.json +4 -4
- package/text-input/lib/TextInput.tsx +1 -1
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const borderColorStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'borderColor',
|
|
@@ -37,5 +36,4 @@ export const borderColorStyleFnConfigs = [
|
|
|
37
36
|
system: 'color',
|
|
38
37
|
},
|
|
39
38
|
];
|
|
40
|
-
/** @deprecated */
|
|
41
39
|
export const borderColorFns = buildStyleFns(borderColorStyleFnConfigs);
|
|
@@ -3,7 +3,6 @@ import { BorderLineStyleProps } from './lineStyle';
|
|
|
3
3
|
import { BorderRadiusStyleProps } from './radius';
|
|
4
4
|
import { BorderShorthandStyleProps } from './shorthand';
|
|
5
5
|
import { BorderWidthStyleProps } from './width';
|
|
6
|
-
/** @deprecated */
|
|
7
6
|
export type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & BorderRadiusStyleProps & BorderShorthandStyleProps & BorderWidthStyleProps;
|
|
8
7
|
/**
|
|
9
8
|
* A style prop function that takes component props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
|
|
@@ -21,9 +20,7 @@ export type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & Bo
|
|
|
21
20
|
* </Box>
|
|
22
21
|
* );
|
|
23
22
|
*```
|
|
24
|
-
* @deprecated
|
|
25
23
|
*/
|
|
26
24
|
export declare const border: (props: BorderStyleProps) => {};
|
|
27
|
-
/** @deprecated */
|
|
28
25
|
export declare const borderStyleFnConfigs: import("../buildStyleFns").StyleFnConfig[];
|
|
29
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AACzF,OAAO,EAAC,oBAAoB,EAA+C,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAC,sBAAsB,EAA8C,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AAEzF,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AACzF,OAAO,EAAC,oBAAoB,EAA+C,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAC,sBAAsB,EAA8C,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAClD,oBAAoB,GACpB,sBAAsB,GACtB,yBAAyB,GACzB,qBAAqB,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,iCAMjB,CAAC;AAEH,eAAO,MAAM,oBAAoB,4CAMhC,CAAC"}
|
|
@@ -20,7 +20,6 @@ import { borderWidthFns, borderWidthStyleFnConfigs } from './width';
|
|
|
20
20
|
* </Box>
|
|
21
21
|
* );
|
|
22
22
|
*```
|
|
23
|
-
* @deprecated
|
|
24
23
|
*/
|
|
25
24
|
export const border = buildStylePropFn({
|
|
26
25
|
...borderColorFns,
|
|
@@ -29,7 +28,6 @@ export const border = buildStylePropFn({
|
|
|
29
28
|
...borderShorthandFns,
|
|
30
29
|
...borderWidthFns,
|
|
31
30
|
});
|
|
32
|
-
/** @deprecated */
|
|
33
31
|
export const borderStyleFnConfigs = [
|
|
34
32
|
...borderColorStyleFnConfigs,
|
|
35
33
|
...borderLineStyleFnConfigs,
|
|
@@ -1,56 +1,38 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from '../buildStyleFns';
|
|
3
|
-
/** style props to set CSS border style properties
|
|
4
|
-
* @deprecated
|
|
5
|
-
*/
|
|
3
|
+
/** style props to set CSS border style properties */
|
|
6
4
|
export type BorderLineStyleProps = {
|
|
7
|
-
/** sets [CSS border-collapse property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse)
|
|
8
|
-
* @deprecated
|
|
9
|
-
*/
|
|
5
|
+
/** sets [CSS border-collapse property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse) */
|
|
10
6
|
borderCollapse?: Property.BorderCollapse;
|
|
11
|
-
/** sets [CSS border-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing)
|
|
12
|
-
* @deprecated
|
|
13
|
-
*/
|
|
7
|
+
/** sets [CSS border-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing) */
|
|
14
8
|
borderSpacing?: Property.BorderSpacing;
|
|
15
|
-
/** sets [CSS border-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)
|
|
16
|
-
* @deprecated
|
|
17
|
-
*/
|
|
9
|
+
/** sets [CSS border-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) */
|
|
18
10
|
borderStyle?: Property.Border;
|
|
19
|
-
/** sets [CSS border-top-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style)
|
|
20
|
-
* @deprecated
|
|
21
|
-
*/
|
|
11
|
+
/** sets [CSS border-top-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style) */
|
|
22
12
|
borderTopStyle?: Property.Border;
|
|
23
13
|
/**
|
|
24
14
|
* - sets [CSS border-right-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style)
|
|
25
15
|
* - no bidirectional support
|
|
26
|
-
* @deprecated
|
|
27
16
|
*/
|
|
28
17
|
borderRightStyle?: Property.Border;
|
|
29
|
-
/** sets [CSS border-bottom-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style)
|
|
30
|
-
* @deprecated
|
|
31
|
-
*/
|
|
18
|
+
/** sets [CSS border-bottom-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style) */
|
|
32
19
|
borderBottomStyle?: Property.Border;
|
|
33
20
|
/**
|
|
34
21
|
* - sets [CSS border-left-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style)
|
|
35
22
|
* - no bidirectional support
|
|
36
|
-
* @deprecated
|
|
37
23
|
*/
|
|
38
24
|
borderLeftStyle?: Property.Border;
|
|
39
25
|
/**
|
|
40
26
|
* - sets [CSS border-inline-start-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style)
|
|
41
27
|
* - bidirectional support
|
|
42
|
-
* @deprecated
|
|
43
28
|
*/
|
|
44
29
|
borderInlineStartStyle?: Property.Border;
|
|
45
30
|
/**
|
|
46
31
|
* - sets [CSS border-inline-end-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-style)
|
|
47
32
|
* - bidirectional support
|
|
48
|
-
* @deprecated
|
|
49
33
|
*/
|
|
50
34
|
borderInlineEndStyle?: Property.Border;
|
|
51
35
|
};
|
|
52
|
-
/** @deprecated */
|
|
53
36
|
export declare const borderLineStyleFnConfigs: StyleFnConfig[];
|
|
54
|
-
/** @deprecated */
|
|
55
37
|
export declare const borderLineStyleFns: import("../buildStyleFns").StyleFns;
|
|
56
38
|
//# sourceMappingURL=lineStyle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lineStyle.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/lineStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D
|
|
1
|
+
{"version":3,"file":"lineStyle.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/lineStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,MAAM,MAAM,oBAAoB,GAAG;IACjC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC9B,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAClC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EA8CnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA0C,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const borderLineStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'borderCollapse',
|
|
@@ -47,5 +46,4 @@ export const borderLineStyleFnConfigs = [
|
|
|
47
46
|
system: 'none',
|
|
48
47
|
},
|
|
49
48
|
];
|
|
50
|
-
/** @deprecated */
|
|
51
49
|
export const borderLineStyleFns = buildStyleFns(borderLineStyleFnConfigs);
|
|
@@ -1,42 +1,33 @@
|
|
|
1
1
|
import { StyleFnConfig } from '../buildStyleFns';
|
|
2
2
|
import { SystemPropValues } from '../systemProps';
|
|
3
|
-
/** style props to set CSS border radius properties
|
|
4
|
-
* @deprecated
|
|
5
|
-
*/
|
|
3
|
+
/** style props to set CSS border radius properties */
|
|
6
4
|
export type BorderRadiusStyleProps = {
|
|
7
5
|
/**
|
|
8
6
|
* - sets [CSS border-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
|
|
9
7
|
* - system tokens: `shape`
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
8
|
+
* */
|
|
12
9
|
borderRadius?: SystemPropValues['shape'];
|
|
13
10
|
/**
|
|
14
11
|
* - sets [CSS border-top-left-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)
|
|
15
12
|
* - system tokens: `shape`
|
|
16
|
-
*
|
|
17
|
-
*/
|
|
13
|
+
* */
|
|
18
14
|
borderTopLeftRadius?: SystemPropValues['shape'];
|
|
19
15
|
/**
|
|
20
16
|
* - sets [CSS border-top-right-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)
|
|
21
17
|
* - system tokens: `shape`
|
|
22
|
-
*
|
|
23
|
-
*/
|
|
18
|
+
* */
|
|
24
19
|
borderTopRightRadius?: SystemPropValues['shape'];
|
|
25
20
|
/**
|
|
26
21
|
* - sets [CSS border-bottom-left-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)
|
|
27
22
|
* - system tokens: `shape`
|
|
28
|
-
*
|
|
29
|
-
*/
|
|
23
|
+
* */
|
|
30
24
|
borderBottomLeftRadius?: SystemPropValues['shape'];
|
|
31
25
|
/**
|
|
32
26
|
* - sets [CSS border-bottom-right-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)
|
|
33
27
|
* - system tokens: `shape`
|
|
34
|
-
*
|
|
35
|
-
*/
|
|
28
|
+
* */
|
|
36
29
|
borderBottomRightRadius?: SystemPropValues['shape'];
|
|
37
30
|
};
|
|
38
|
-
/** @deprecated */
|
|
39
31
|
export declare const borderRadiusStyleFnConfigs: StyleFnConfig[];
|
|
40
|
-
/** @deprecated */
|
|
41
32
|
export declare const borderRadiusFns: import("../buildStyleFns").StyleFns;
|
|
42
33
|
//# sourceMappingURL=radius.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD
|
|
1
|
+
{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,sDAAsD;AACtD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD;;;SAGK;IACL,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;SAGK;IACL,uBAAuB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,aAAa,EA0BrD,CAAC;AAEF,eAAO,MAAM,eAAe,qCAA4C,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const borderRadiusStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'borderRadius',
|
|
@@ -27,5 +26,4 @@ export const borderRadiusStyleFnConfigs = [
|
|
|
27
26
|
system: 'shape',
|
|
28
27
|
},
|
|
29
28
|
];
|
|
30
|
-
/** @deprecated */
|
|
31
29
|
export const borderRadiusFns = buildStyleFns(borderRadiusStyleFnConfigs);
|
|
@@ -1,48 +1,34 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from '../buildStyleFns';
|
|
3
|
-
/** style props to set CSS border properties
|
|
4
|
-
* @deprecated
|
|
5
|
-
*/
|
|
3
|
+
/** style props to set CSS border properties */
|
|
6
4
|
export type BorderShorthandStyleProps = {
|
|
7
|
-
/** sets [CSS border property](https://developer.mozilla.org/en-US/docs/Web/CSS/border)
|
|
8
|
-
* @deprecated
|
|
9
|
-
*/
|
|
5
|
+
/** sets [CSS border property](https://developer.mozilla.org/en-US/docs/Web/CSS/border) */
|
|
10
6
|
border?: Property.Border;
|
|
11
|
-
/** sets [CSS border-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top)
|
|
12
|
-
* @deprecated
|
|
13
|
-
*/
|
|
7
|
+
/** sets [CSS border-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) */
|
|
14
8
|
borderTop?: Property.BorderTop;
|
|
15
9
|
/**
|
|
16
10
|
* - sets [CSS border-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)
|
|
17
11
|
* - no bidirectional support
|
|
18
|
-
*
|
|
19
|
-
*/
|
|
12
|
+
* */
|
|
20
13
|
borderRight?: Property.BorderRight;
|
|
21
|
-
/** sets [CSS border-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)
|
|
22
|
-
* @deprecated
|
|
23
|
-
*/
|
|
14
|
+
/** sets [CSS border-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) */
|
|
24
15
|
borderBottom?: Property.BorderBottom;
|
|
25
16
|
/**
|
|
26
17
|
* - sets [CSS border-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)
|
|
27
18
|
* - no bidirectional support
|
|
28
|
-
*
|
|
29
|
-
*/
|
|
19
|
+
* */
|
|
30
20
|
borderLeft?: Property.BorderLeft;
|
|
31
21
|
/**
|
|
32
22
|
* - sets [CSS border-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start)
|
|
33
23
|
* - bidirectional support
|
|
34
|
-
*
|
|
35
|
-
*/
|
|
24
|
+
* */
|
|
36
25
|
borderInlineStart?: Property.BorderInlineStart;
|
|
37
26
|
/**
|
|
38
27
|
* - sets [CSS border-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end)
|
|
39
28
|
* - bidirectional support
|
|
40
|
-
*
|
|
41
|
-
*/
|
|
29
|
+
* */
|
|
42
30
|
borderInlineEnd?: Property.BorderInlineEnd;
|
|
43
31
|
};
|
|
44
|
-
/** @deprecated */
|
|
45
32
|
export declare const borderShorthandStyleFnConfigs: StyleFnConfig[];
|
|
46
|
-
/** @deprecated */
|
|
47
33
|
export declare const borderShorthandFns: import("../buildStyleFns").StyleFns;
|
|
48
34
|
//# sourceMappingURL=shorthand.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shorthand.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/shorthand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D
|
|
1
|
+
{"version":3,"file":"shorthand.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/shorthand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,+CAA+C;AAC/C,MAAM,MAAM,yBAAyB,GAAG;IACtC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;SAGK;IACL,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,aAAa,EAoCxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA+C,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const borderShorthandStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'border',
|
|
@@ -37,5 +36,4 @@ export const borderShorthandStyleFnConfigs = [
|
|
|
37
36
|
system: 'none',
|
|
38
37
|
},
|
|
39
38
|
];
|
|
40
|
-
/** @deprecated */
|
|
41
39
|
export const borderShorthandFns = buildStyleFns(borderShorthandStyleFnConfigs);
|
|
@@ -1,48 +1,34 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from '../buildStyleFns';
|
|
3
|
-
/** style props to set CSS border width properties
|
|
4
|
-
* @deprecated
|
|
5
|
-
*/
|
|
3
|
+
/** style props to set CSS border width properties */
|
|
6
4
|
export type BorderWidthStyleProps = {
|
|
7
|
-
/** sets [CSS border-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)
|
|
8
|
-
* @deprecated
|
|
9
|
-
*/
|
|
5
|
+
/** sets [CSS border-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width) */
|
|
10
6
|
borderWidth?: Property.BorderWidth | number;
|
|
11
|
-
/** sets [CSS border-top-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width)
|
|
12
|
-
* @deprecated
|
|
13
|
-
*/
|
|
7
|
+
/** sets [CSS border-top-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width) */
|
|
14
8
|
borderTopWidth?: Property.BorderTopWidth | number;
|
|
15
9
|
/**
|
|
16
10
|
* - sets [CSS border-right-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)
|
|
17
11
|
* - no bidirectional support
|
|
18
|
-
* @deprecated
|
|
19
12
|
* */
|
|
20
13
|
borderRightWidth?: Property.BorderRightWidth | number;
|
|
21
|
-
/** sets [CSS border-bottom-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width)
|
|
22
|
-
* @deprecated
|
|
23
|
-
*/
|
|
14
|
+
/** sets [CSS border-bottom-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width) */
|
|
24
15
|
borderBottomWidth?: Property.BorderBottomWidth | number;
|
|
25
16
|
/**
|
|
26
17
|
* - sets [CSS border-left-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)
|
|
27
18
|
* - no bidirectional support
|
|
28
|
-
* @deprecated
|
|
29
19
|
* */
|
|
30
20
|
borderLeftWidth?: Property.BorderLeftWidth | number;
|
|
31
21
|
/**
|
|
32
22
|
* - sets [CSS border-inline-start-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-width)
|
|
33
23
|
* - bidirectional support
|
|
34
|
-
* @deprecated
|
|
35
24
|
* */
|
|
36
25
|
borderInlineStartWidth?: Property.BorderInlineStartWidth | number;
|
|
37
26
|
/**
|
|
38
27
|
* - sets [CSS border-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end)
|
|
39
28
|
* - bidirectional support
|
|
40
|
-
* @deprecated
|
|
41
29
|
* */
|
|
42
30
|
borderInlineEndWidth?: Property.BorderInlineEndWidth | number;
|
|
43
31
|
};
|
|
44
|
-
/** @deprecated */
|
|
45
32
|
export declare const borderWidthStyleFnConfigs: StyleFnConfig[];
|
|
46
|
-
/** @deprecated */
|
|
47
33
|
export declare const borderWidthFns: import("../buildStyleFns").StyleFns;
|
|
48
34
|
//# sourceMappingURL=width.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"width.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D
|
|
1
|
+
{"version":3,"file":"width.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;IAC5C,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC;IAClD;;;SAGK;IACL,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,GAAG,MAAM,CAAC;IACtD,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,GAAG,MAAM,CAAC;IACxD;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,GAAG,MAAM,CAAC;IACpD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,QAAQ,CAAC,sBAAsB,GAAG,MAAM,CAAC;IAClE;;;SAGK;IACL,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const borderWidthStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'borderWidth',
|
|
@@ -37,5 +36,4 @@ export const borderWidthStyleFnConfigs = [
|
|
|
37
36
|
system: 'none',
|
|
38
37
|
},
|
|
39
38
|
];
|
|
40
|
-
/** @deprecated */
|
|
41
39
|
export const borderWidthFns = buildStyleFns(borderWidthStyleFnConfigs);
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import { SystemPropNames } from './systemProps';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export type StyleFnConfig = {
|
|
4
3
|
name: string;
|
|
5
4
|
properties: string[];
|
|
6
5
|
system: SystemPropNames | 'none';
|
|
7
6
|
};
|
|
8
|
-
/** @deprecated */
|
|
9
7
|
export type StyleFns = {
|
|
10
8
|
[key: string]: (value: unknown) => {};
|
|
11
9
|
};
|
|
12
|
-
/** @deprecated */
|
|
13
10
|
export declare function buildStyleFns(styleFnConfigs: StyleFnConfig[]): StyleFns;
|
|
14
|
-
/** @deprecated */
|
|
15
11
|
export declare function buildStylePropFn<P extends {}>(styleFns: StyleFns): (props: P) => {};
|
|
16
12
|
//# sourceMappingURL=buildStyleFns.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildStyleFns.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/buildStyleFns.ts"],"names":[],"mappings":"AASA,OAAO,EAAyB,eAAe,EAAmB,MAAM,eAAe,CAAC;AAExF,
|
|
1
|
+
{"version":3,"file":"buildStyleFns.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/buildStyleFns.ts"],"names":[],"mappings":"AASA,OAAO,EAAyB,eAAe,EAAmB,MAAM,eAAe,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,EAAE,CAAC;CACvC,CAAC;AAuCF,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,CAoDvE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,WAChD,CAAC,QAajB"}
|
|
@@ -1,37 +1,29 @@
|
|
|
1
1
|
import { borderRadius as borderRadiusTokens, colors as colorTokens, depth as depthTokens, space as spaceTokens, type as typeTokens, } from '@workday/canvas-kit-react/tokens';
|
|
2
2
|
import { wrapProperty } from '@workday/canvas-kit-styling';
|
|
3
|
-
/** @deprecated */
|
|
4
3
|
const getColor = (value) => {
|
|
5
4
|
return colorTokens[value] || wrapProperty(value);
|
|
6
5
|
};
|
|
7
|
-
/** @deprecated */
|
|
8
6
|
const getDepth = (value) => {
|
|
9
7
|
return depthTokens[value];
|
|
10
8
|
};
|
|
11
|
-
/** @deprecated */
|
|
12
9
|
const getShape = (value) => {
|
|
13
10
|
return borderRadiusTokens[value] || wrapProperty(value);
|
|
14
11
|
};
|
|
15
|
-
/** @deprecated */
|
|
16
12
|
const getSpace = (value) => {
|
|
17
13
|
return spaceTokens[value] || wrapProperty(value);
|
|
18
14
|
};
|
|
19
|
-
/** @deprecated */
|
|
20
15
|
const getFont = (value) => {
|
|
21
16
|
return (typeTokens.properties.fontFamilies[value] ||
|
|
22
17
|
wrapProperty(value));
|
|
23
18
|
};
|
|
24
|
-
/** @deprecated */
|
|
25
19
|
const getFontSize = (value) => {
|
|
26
20
|
return (typeTokens.properties.fontSizes[value] ||
|
|
27
21
|
wrapProperty(value));
|
|
28
22
|
};
|
|
29
|
-
/** @deprecated */
|
|
30
23
|
const getFontWeight = (value) => {
|
|
31
24
|
return (typeTokens.properties.fontWeights[value] ||
|
|
32
25
|
wrapProperty(value));
|
|
33
26
|
};
|
|
34
|
-
/** @deprecated */
|
|
35
27
|
export function buildStyleFns(styleFnConfigs) {
|
|
36
28
|
return styleFnConfigs.reduce((styleFns = {}, styleFnConfig) => {
|
|
37
29
|
const styleFn = (value) => {
|
|
@@ -77,7 +69,6 @@ export function buildStyleFns(styleFnConfigs) {
|
|
|
77
69
|
return { ...styleFns, [styleFnConfig.name]: styleFn };
|
|
78
70
|
}, {});
|
|
79
71
|
}
|
|
80
|
-
/** @deprecated */
|
|
81
72
|
export function buildStylePropFn(styleFns) {
|
|
82
73
|
return (props) => {
|
|
83
74
|
let styles = {};
|
|
@@ -1,30 +1,22 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to set CSS color properties
|
|
5
|
-
* @deprecated
|
|
6
|
-
*/
|
|
4
|
+
/** style props to set CSS color properties */
|
|
7
5
|
export type ColorStyleProps = {
|
|
8
6
|
/**
|
|
9
7
|
* - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
|
|
10
8
|
* - system tokens: `color`
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
9
|
+
* */
|
|
13
10
|
backgroundColor?: SystemPropValues['color'];
|
|
14
11
|
/**
|
|
15
12
|
* - sets [CSS color property](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
|
|
16
13
|
* - system tokens: `color`
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
14
|
+
* */
|
|
19
15
|
color?: SystemPropValues['color'];
|
|
20
|
-
/** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity)
|
|
21
|
-
* @deprecated
|
|
22
|
-
*/
|
|
16
|
+
/** sets [CSS opacity property](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) */
|
|
23
17
|
opacity?: Property.Opacity;
|
|
24
18
|
};
|
|
25
|
-
/** @deprecated */
|
|
26
19
|
export declare const colorStyleFnConfigs: StyleFnConfig[];
|
|
27
|
-
/** @deprecated */
|
|
28
20
|
export declare const colorFns: import("./buildStyleFns").StyleFns;
|
|
29
21
|
/**
|
|
30
22
|
* A style prop function that takes component props and returns color styles from Canvas token values.
|
|
@@ -36,7 +28,6 @@ export declare const colorFns: import("./buildStyleFns").StyleFns;
|
|
|
36
28
|
* <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
|
|
37
29
|
* );
|
|
38
30
|
* ```
|
|
39
|
-
* @deprecated
|
|
40
31
|
*/
|
|
41
32
|
export declare const color: (props: ColorStyleProps) => {};
|
|
42
33
|
//# sourceMappingURL=color.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgB9C,CAAC;AAEF,eAAO,MAAM,QAAQ,oCAAqC,CAAC;AAC3D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAA8C,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const colorStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'backgroundColor',
|
|
@@ -17,7 +16,6 @@ export const colorStyleFnConfigs = [
|
|
|
17
16
|
system: 'none',
|
|
18
17
|
},
|
|
19
18
|
];
|
|
20
|
-
/** @deprecated */
|
|
21
19
|
export const colorFns = buildStyleFns(colorStyleFnConfigs);
|
|
22
20
|
/**
|
|
23
21
|
* A style prop function that takes component props and returns color styles from Canvas token values.
|
|
@@ -29,6 +27,5 @@ export const colorFns = buildStyleFns(colorStyleFnConfigs);
|
|
|
29
27
|
* <Box color="frenchVanilla100" opacity={0.6}>Hello, colors!</Box>
|
|
30
28
|
* );
|
|
31
29
|
* ```
|
|
32
|
-
* @deprecated
|
|
33
30
|
*/
|
|
34
31
|
export const color = buildStylePropFn(colorFns);
|
|
@@ -1,24 +1,17 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { StyleFnConfig } from './buildStyleFns';
|
|
3
3
|
import { SystemPropValues } from './systemProps';
|
|
4
|
-
/** style props to for depth styles
|
|
5
|
-
* @deprecated
|
|
6
|
-
*/
|
|
4
|
+
/** style props to for depth styles */
|
|
7
5
|
export type DepthStyleProps = {
|
|
8
|
-
/** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
6
|
+
/** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) */
|
|
11
7
|
boxShadow?: Property.BoxShadow;
|
|
12
8
|
/**
|
|
13
9
|
* - sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
|
|
14
10
|
* - system tokens: `depth`
|
|
15
|
-
*
|
|
16
|
-
*/
|
|
11
|
+
* */
|
|
17
12
|
depth?: SystemPropValues['depth'];
|
|
18
13
|
};
|
|
19
|
-
/** @deprecated */
|
|
20
14
|
export declare const depthStyleFnConfigs: StyleFnConfig[];
|
|
21
|
-
/** @deprecated */
|
|
22
15
|
export declare const depthStyleFns: import("./buildStyleFns").StyleFns;
|
|
23
16
|
/**
|
|
24
17
|
* A style prop function that takes component props and returns depth styles from Canvas token values.
|
|
@@ -30,7 +23,6 @@ export declare const depthStyleFns: import("./buildStyleFns").StyleFns;
|
|
|
30
23
|
* <Box depth={3}>Hello, box shadows!</Box>
|
|
31
24
|
* );
|
|
32
25
|
* ```
|
|
33
|
-
* @deprecated
|
|
34
26
|
*/
|
|
35
27
|
export declare const depth: (props: DepthStyleProps) => {};
|
|
36
28
|
//# sourceMappingURL=depth.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,sCAAsC;AACtC,MAAM,MAAM,eAAe,GAAG;IAC5B,gGAAgG;IAChG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAW9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
-
/** @deprecated */
|
|
3
2
|
export const depthStyleFnConfigs = [
|
|
4
3
|
{
|
|
5
4
|
name: 'boxShadow',
|
|
@@ -12,7 +11,6 @@ export const depthStyleFnConfigs = [
|
|
|
12
11
|
system: 'depth',
|
|
13
12
|
},
|
|
14
13
|
];
|
|
15
|
-
/** @deprecated */
|
|
16
14
|
export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
|
|
17
15
|
/**
|
|
18
16
|
* A style prop function that takes component props and returns depth styles from Canvas token values.
|
|
@@ -24,6 +22,5 @@ export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
|
|
|
24
22
|
* <Box depth={3}>Hello, box shadows!</Box>
|
|
25
23
|
* );
|
|
26
24
|
* ```
|
|
27
|
-
* @deprecated
|
|
28
25
|
*/
|
|
29
26
|
export const depth = buildStylePropFn(depthStyleFns);
|