@workday/canvas-kit-react 8.0.0-alpha.208-next.1 → 8.0.0-alpha.222-next.6
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/common/lib/theming/index.ts +1 -1
- package/common/lib/theming/styled.ts +6 -3
- package/common/lib/utils/elements.ts +4 -4
- package/common/lib/utils/index.ts +0 -1
- package/dist/commonjs/card/lib/Card.d.ts +1 -1
- package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
- package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/index.d.ts +1 -1
- package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/styled.d.ts +2 -0
- package/dist/commonjs/common/lib/theming/styled.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/styled.js +1 -2
- package/dist/commonjs/common/lib/utils/elements.d.ts +1 -1
- package/dist/commonjs/common/lib/utils/elements.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/elements.js +3 -3
- package/dist/commonjs/common/lib/utils/index.d.ts +0 -1
- package/dist/commonjs/common/lib/utils/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/index.js +0 -1
- package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
- package/dist/commonjs/icon/lib/SystemIcon.d.ts +1 -1
- package/dist/commonjs/icon/lib/SystemIcon.d.ts.map +1 -1
- package/dist/commonjs/index.d.ts +1 -0
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +1 -0
- package/dist/commonjs/layout/index.d.ts +8 -4
- package/dist/commonjs/layout/index.d.ts.map +1 -1
- package/dist/commonjs/layout/index.js +10 -2
- package/dist/commonjs/layout/lib/Box.d.ts +6 -4
- package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Box.js +8 -9
- package/dist/commonjs/layout/lib/Flex.d.ts +5 -2
- package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Flex.js +5 -1
- package/dist/commonjs/layout/lib/Grid.d.ts +5 -6
- package/dist/commonjs/layout/lib/Grid.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Grid.js +2 -2
- package/dist/commonjs/layout/lib/Stack.d.ts +4 -4
- package/dist/commonjs/layout/lib/utils/background.d.ts +44 -0
- package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/background.js +57 -0
- package/dist/commonjs/layout/lib/utils/border/color.d.ts +47 -0
- package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/color.js +42 -0
- package/dist/commonjs/layout/lib/utils/border/index.d.ts +26 -0
- package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/index.js +46 -0
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +38 -0
- package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/lineStyle.js +52 -0
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts +33 -0
- package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/radius.js +32 -0
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +34 -0
- package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/shorthand.js +42 -0
- package/dist/commonjs/layout/lib/utils/border/width.d.ts +34 -0
- package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/border/width.js +42 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +12 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/buildStyleFns.js +90 -0
- package/dist/commonjs/layout/lib/utils/color.d.ts +23 -16
- package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/color.js +25 -49
- package/dist/commonjs/layout/lib/utils/depth.d.ts +17 -11
- package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/depth.js +20 -20
- package/dist/commonjs/layout/lib/utils/flex.d.ts +31 -12
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flex.js +58 -25
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +18 -15
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flexItem.js +43 -26
- package/dist/commonjs/layout/lib/utils/grid.d.ts +40 -35
- package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/grid.js +99 -72
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts +17 -14
- package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/gridItem.js +58 -30
- package/dist/commonjs/layout/lib/utils/layout.d.ts +47 -25
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/layout.js +71 -33
- package/dist/commonjs/layout/lib/utils/other.d.ts +44 -2
- package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/other.js +101 -17
- package/dist/commonjs/layout/lib/utils/position.d.ts +37 -20
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/position.js +49 -66
- package/dist/commonjs/layout/lib/utils/space.d.ts +107 -51
- package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/space.js +98 -148
- package/dist/commonjs/layout/lib/utils/stack.d.ts +3 -6
- package/dist/commonjs/layout/lib/utils/stack.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/stack.js +13 -39
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts +31 -0
- package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -0
- package/dist/commonjs/layout/lib/utils/systemProps.js +2 -0
- package/dist/commonjs/layout/lib/utils/text.d.ts +33 -15
- package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/text.js +74 -38
- package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
- package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
- package/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
- package/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/hooks/useReturnFocus.js +72 -7
- package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/commonjs/testing/index.d.ts +5 -0
- package/dist/commonjs/testing/index.d.ts.map +1 -0
- package/dist/commonjs/testing/index.js +16 -0
- package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts +26 -0
- package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts.map +1 -0
- package/dist/commonjs/testing/lib/ComponentStatesTable.js +48 -0
- package/dist/commonjs/testing/lib/StaticStates.d.ts +7 -0
- package/dist/commonjs/testing/lib/StaticStates.d.ts.map +1 -0
- package/dist/commonjs/{common/lib/utils → testing/lib}/StaticStates.js +1 -1
- package/dist/commonjs/testing/lib/permutateProps.d.ts +5 -0
- package/dist/commonjs/testing/lib/permutateProps.d.ts.map +1 -0
- package/dist/commonjs/testing/lib/permutateProps.js +47 -0
- package/dist/commonjs/testing/lib/propTypes.d.ts +15 -0
- package/dist/commonjs/testing/lib/propTypes.d.ts.map +1 -0
- package/dist/commonjs/testing/lib/propTypes.js +2 -0
- package/dist/commonjs/tokens/lib/colors.types.d.ts +4 -6
- package/dist/commonjs/tokens/lib/colors.types.d.ts.map +1 -1
- package/dist/es6/card/lib/Card.d.ts +1 -1
- package/dist/es6/card/lib/CardBody.d.ts +1 -1
- package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/index.d.ts +1 -1
- package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/styled.d.ts +2 -0
- package/dist/es6/common/lib/theming/styled.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/styled.js +1 -2
- package/dist/es6/common/lib/utils/elements.d.ts +1 -1
- package/dist/es6/common/lib/utils/elements.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/elements.js +3 -3
- package/dist/es6/common/lib/utils/index.d.ts +0 -1
- package/dist/es6/common/lib/utils/index.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/index.js +0 -1
- package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
- package/dist/es6/icon/lib/SystemIcon.d.ts +1 -1
- package/dist/es6/icon/lib/SystemIcon.d.ts.map +1 -1
- package/dist/es6/index.d.ts +1 -0
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -0
- package/dist/es6/layout/index.d.ts +8 -4
- package/dist/es6/layout/index.d.ts.map +1 -1
- package/dist/es6/layout/index.js +7 -1
- package/dist/es6/layout/lib/Box.d.ts +6 -4
- package/dist/es6/layout/lib/Box.d.ts.map +1 -1
- package/dist/es6/layout/lib/Box.js +8 -9
- package/dist/es6/layout/lib/Flex.d.ts +5 -2
- package/dist/es6/layout/lib/Flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/Flex.js +5 -1
- package/dist/es6/layout/lib/Grid.d.ts +5 -6
- package/dist/es6/layout/lib/Grid.d.ts.map +1 -1
- package/dist/es6/layout/lib/Grid.js +2 -2
- package/dist/es6/layout/lib/Stack.d.ts +4 -4
- package/dist/es6/layout/lib/utils/background.d.ts +44 -0
- package/dist/es6/layout/lib/utils/background.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/background.js +54 -0
- package/dist/es6/layout/lib/utils/border/color.d.ts +47 -0
- package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/color.js +39 -0
- package/dist/es6/layout/lib/utils/border/index.d.ts +26 -0
- package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/index.js +43 -0
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +38 -0
- package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/lineStyle.js +49 -0
- package/dist/es6/layout/lib/utils/border/radius.d.ts +33 -0
- package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/radius.js +29 -0
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts +34 -0
- package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/shorthand.js +39 -0
- package/dist/es6/layout/lib/utils/border/width.d.ts +34 -0
- package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/border/width.js +39 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +12 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/buildStyleFns.js +85 -0
- package/dist/es6/layout/lib/utils/color.d.ts +23 -16
- package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/color.js +24 -47
- package/dist/es6/layout/lib/utils/depth.d.ts +17 -11
- package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/depth.js +19 -18
- package/dist/es6/layout/lib/utils/flex.d.ts +31 -12
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flex.js +57 -23
- package/dist/es6/layout/lib/utils/flexItem.d.ts +18 -15
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flexItem.js +42 -24
- package/dist/es6/layout/lib/utils/grid.d.ts +40 -35
- package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/grid.js +98 -70
- package/dist/es6/layout/lib/utils/gridItem.d.ts +17 -14
- package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/gridItem.js +57 -28
- package/dist/es6/layout/lib/utils/layout.d.ts +47 -25
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/layout.js +70 -31
- package/dist/es6/layout/lib/utils/other.d.ts +44 -2
- package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/other.js +100 -15
- package/dist/es6/layout/lib/utils/position.d.ts +37 -20
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/position.js +48 -64
- package/dist/es6/layout/lib/utils/space.d.ts +107 -51
- package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/space.js +97 -146
- package/dist/es6/layout/lib/utils/stack.d.ts +3 -6
- package/dist/es6/layout/lib/utils/stack.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/stack.js +13 -39
- package/dist/es6/layout/lib/utils/systemProps.d.ts +31 -0
- package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -0
- package/dist/es6/layout/lib/utils/systemProps.js +1 -0
- package/dist/es6/layout/lib/utils/text.d.ts +33 -15
- package/dist/es6/layout/lib/utils/text.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/text.js +73 -36
- package/dist/es6/modal/lib/Modal.d.ts +1 -1
- package/dist/es6/popup/lib/Popup.d.ts +1 -1
- package/dist/es6/popup/lib/PopupBody.d.ts +1 -1
- package/dist/es6/popup/lib/hooks/useReturnFocus.d.ts.map +1 -1
- package/dist/es6/popup/lib/hooks/useReturnFocus.js +73 -8
- package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
- package/dist/es6/testing/index.d.ts +5 -0
- package/dist/es6/testing/index.d.ts.map +1 -0
- package/dist/es6/testing/index.js +4 -0
- package/dist/es6/testing/lib/ComponentStatesTable.d.ts +26 -0
- package/dist/es6/testing/lib/ComponentStatesTable.d.ts.map +1 -0
- package/dist/es6/testing/lib/ComponentStatesTable.js +41 -0
- package/dist/es6/testing/lib/StaticStates.d.ts +7 -0
- package/dist/es6/testing/lib/StaticStates.d.ts.map +1 -0
- package/dist/es6/{common/lib/utils → testing/lib}/StaticStates.js +1 -1
- package/dist/es6/testing/lib/permutateProps.d.ts +5 -0
- package/dist/es6/testing/lib/permutateProps.d.ts.map +1 -0
- package/dist/es6/testing/lib/permutateProps.js +43 -0
- package/dist/es6/testing/lib/propTypes.d.ts +15 -0
- package/dist/es6/testing/lib/propTypes.d.ts.map +1 -0
- package/dist/es6/testing/lib/propTypes.js +1 -0
- package/dist/es6/tokens/lib/colors.types.d.ts +4 -6
- package/dist/es6/tokens/lib/colors.types.d.ts.map +1 -1
- package/icon/lib/SystemIcon.tsx +1 -1
- package/index.ts +1 -0
- package/layout/index.ts +8 -4
- package/layout/lib/Box.tsx +10 -36
- package/layout/lib/Flex.tsx +5 -1
- package/layout/lib/Grid.tsx +3 -4
- package/layout/lib/utils/background.ts +83 -0
- package/layout/lib/utils/border/color.ts +85 -0
- package/layout/lib/utils/border/index.ts +49 -0
- package/layout/lib/utils/border/lineStyle.ts +87 -0
- package/layout/lib/utils/border/radius.ts +61 -0
- package/layout/lib/utils/border/shorthand.ts +73 -0
- package/layout/lib/utils/border/width.ts +73 -0
- package/layout/lib/utils/buildStyleFns.ts +117 -0
- package/layout/lib/utils/color.ts +40 -55
- package/layout/lib/utils/depth.ts +28 -24
- package/layout/lib/utils/flex.ts +83 -32
- package/layout/lib/utils/flexItem.ts +54 -36
- package/layout/lib/utils/grid.ts +131 -94
- package/layout/lib/utils/gridItem.ts +69 -41
- package/layout/lib/utils/layout.ts +109 -50
- package/layout/lib/utils/other.ts +142 -15
- package/layout/lib/utils/position.ts +79 -73
- package/layout/lib/utils/space.ts +202 -196
- package/layout/lib/utils/stack.ts +19 -45
- package/layout/lib/utils/systemProps.ts +46 -0
- package/layout/lib/utils/text.ts +99 -34
- package/package.json +3 -3
- package/popup/lib/hooks/useReturnFocus.tsx +83 -9
- package/testing/LICENSE +52 -0
- package/testing/README.md +6 -0
- package/testing/index.ts +4 -0
- package/testing/lib/ComponentStatesTable.tsx +80 -0
- package/{common/lib/utils → testing/lib}/StaticStates.tsx +5 -4
- package/testing/lib/permutateProps.ts +47 -0
- package/testing/lib/propTypes.ts +15 -0
- package/testing/package.json +6 -0
- package/tokens/lib/colors.types.ts +4 -7
- package/dist/commonjs/common/lib/utils/StaticStates.d.ts +0 -8
- package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/border.d.ts +0 -103
- package/dist/commonjs/layout/lib/utils/border.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/border.js +0 -153
- package/dist/commonjs/layout/lib/utils/font.d.ts +0 -29
- package/dist/commonjs/layout/lib/utils/font.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/font.js +0 -57
- package/dist/es6/common/lib/utils/StaticStates.d.ts +0 -8
- package/dist/es6/common/lib/utils/StaticStates.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/border.d.ts +0 -103
- package/dist/es6/layout/lib/utils/border.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/border.js +0 -149
- package/dist/es6/layout/lib/utils/font.d.ts +0 -29
- package/dist/es6/layout/lib/utils/font.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/font.js +0 -53
- package/layout/lib/utils/border.ts +0 -263
- package/layout/lib/utils/font.ts +0 -67
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { StyleFnConfig } from './buildStyleFns';
|
|
3
|
+
import { SystemPropValues } from './systemProps';
|
|
4
|
+
/** style props to set CSS background properties */
|
|
5
|
+
export declare type BackgroundStyleProps = {
|
|
6
|
+
/**
|
|
7
|
+
* - sets [CSS background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
|
|
8
|
+
* - system tokens: `color`
|
|
9
|
+
* */
|
|
10
|
+
background?: SystemPropValues['color'];
|
|
11
|
+
/** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/) */
|
|
12
|
+
backgroundAttachment?: Property.BackgroundAttachment;
|
|
13
|
+
/**
|
|
14
|
+
* - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
|
|
15
|
+
* - system tokens: `color`
|
|
16
|
+
* */
|
|
17
|
+
backgroundColor?: SystemPropValues['color'];
|
|
18
|
+
/** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) */
|
|
19
|
+
backgroundImage?: Property.BackgroundImage;
|
|
20
|
+
/** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) */
|
|
21
|
+
backgroundPosition?: Property.BackgroundPosition;
|
|
22
|
+
/** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) */
|
|
23
|
+
backgroundRepeat?: Property.BackgroundRepeat;
|
|
24
|
+
/** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) */
|
|
25
|
+
backgroundSize?: Property.BackgroundSize;
|
|
26
|
+
};
|
|
27
|
+
export declare const backgroundStyleFnConfigs: StyleFnConfig[];
|
|
28
|
+
export declare const backgroundFns: import("./buildStyleFns").StyleFns;
|
|
29
|
+
/**
|
|
30
|
+
* A style prop function that takes component props and returns border styles.
|
|
31
|
+
* Some props, such as background and backgroundColor, are connected to our design tokens.
|
|
32
|
+
* If no `BackgroundStyleProps` are found, it returns an empty object.
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* const BackgroundExample = () => (
|
|
37
|
+
* <Box backgroundColor="blueberry500">
|
|
38
|
+
* Hello, background styles!
|
|
39
|
+
* </Box>
|
|
40
|
+
* );
|
|
41
|
+
*```
|
|
42
|
+
*/
|
|
43
|
+
export declare const background: (props: BackgroundStyleProps) => {};
|
|
44
|
+
//# sourceMappingURL=background.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.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,mDAAmD;AACnD,oBAAY,oBAAoB,GAAG;IACjC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IACrD;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,8GAA8G;IAC9G,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAoCnD,CAAC;AAEF,eAAO,MAAM,aAAa,oCAA0C,CAAC;AACrE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,qCAAwD,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
|
|
2
|
+
export var backgroundStyleFnConfigs = [
|
|
3
|
+
{
|
|
4
|
+
name: 'background',
|
|
5
|
+
properties: ['background'],
|
|
6
|
+
system: 'color',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
name: 'backgroundAttachment',
|
|
10
|
+
properties: ['backgroundAttachment'],
|
|
11
|
+
system: 'none',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'backgroundColor',
|
|
15
|
+
properties: ['backgroundColor'],
|
|
16
|
+
system: 'color',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
name: 'backgroundImage',
|
|
20
|
+
properties: ['backgroundImage'],
|
|
21
|
+
system: 'none',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'backgroundPosition',
|
|
25
|
+
properties: ['backgroundPosition'],
|
|
26
|
+
system: 'none',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: 'backgroundRepeat',
|
|
30
|
+
properties: ['backgroundRepeat'],
|
|
31
|
+
system: 'none',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: 'backgroundSize',
|
|
35
|
+
properties: ['backgroundSize'],
|
|
36
|
+
system: 'none',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
export var backgroundFns = buildStyleFns(backgroundStyleFnConfigs);
|
|
40
|
+
/**
|
|
41
|
+
* A style prop function that takes component props and returns border styles.
|
|
42
|
+
* Some props, such as background and backgroundColor, are connected to our design tokens.
|
|
43
|
+
* If no `BackgroundStyleProps` are found, it returns an empty object.
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* ```tsx
|
|
47
|
+
* const BackgroundExample = () => (
|
|
48
|
+
* <Box backgroundColor="blueberry500">
|
|
49
|
+
* Hello, background styles!
|
|
50
|
+
* </Box>
|
|
51
|
+
* );
|
|
52
|
+
*```
|
|
53
|
+
*/
|
|
54
|
+
export var background = buildStylePropFn(backgroundFns);
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { StyleFnConfig } from '../buildStyleFns';
|
|
2
|
+
import { SystemPropValues } from '../systemProps';
|
|
3
|
+
/** style props to set CSS border color properties */
|
|
4
|
+
export declare type BorderColorStyleProps = {
|
|
5
|
+
/**
|
|
6
|
+
* - sets [CSS border-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
|
|
7
|
+
* - system tokens: `color`
|
|
8
|
+
*/
|
|
9
|
+
borderColor?: SystemPropValues['color'];
|
|
10
|
+
/**
|
|
11
|
+
* - sets [CSS border-top-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)
|
|
12
|
+
* - system tokens: `color`
|
|
13
|
+
*/
|
|
14
|
+
borderTopColor?: SystemPropValues['color'];
|
|
15
|
+
/**
|
|
16
|
+
* - sets [CSS border-right-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)
|
|
17
|
+
* - no bidirectional support
|
|
18
|
+
* - system tokens: `color`
|
|
19
|
+
*/
|
|
20
|
+
borderRightColor?: SystemPropValues['color'];
|
|
21
|
+
/**
|
|
22
|
+
* - sets [CSS border-bottom-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)
|
|
23
|
+
* - system tokens: `color`
|
|
24
|
+
*/
|
|
25
|
+
borderBottomColor?: SystemPropValues['color'];
|
|
26
|
+
/**
|
|
27
|
+
* - sets [CSS border-left-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)
|
|
28
|
+
* - no bidirectional support
|
|
29
|
+
* - system tokens: `color`
|
|
30
|
+
*/
|
|
31
|
+
borderLeftColor?: SystemPropValues['color'];
|
|
32
|
+
/**
|
|
33
|
+
* - sets [CSS border-inline-start-color property ]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color)
|
|
34
|
+
* - bidirectional support
|
|
35
|
+
* - system tokens: `color`
|
|
36
|
+
*/
|
|
37
|
+
borderInlineStartColor?: SystemPropValues['color'];
|
|
38
|
+
/**
|
|
39
|
+
* - sets [CSS border-inline-end-color property ]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color)
|
|
40
|
+
* - bidirectional support
|
|
41
|
+
* - system tokens: `color`
|
|
42
|
+
*/
|
|
43
|
+
borderInlineEndColor?: SystemPropValues['color'];
|
|
44
|
+
};
|
|
45
|
+
export declare const borderColorStyleFnConfigs: StyleFnConfig[];
|
|
46
|
+
export declare const borderColorFns: import("../buildStyleFns").StyleFns;
|
|
47
|
+
//# sourceMappingURL=color.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,qDAAqD;AACrD,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
+
export var borderColorStyleFnConfigs = [
|
|
3
|
+
{
|
|
4
|
+
name: 'borderColor',
|
|
5
|
+
properties: ['borderColor'],
|
|
6
|
+
system: 'color',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
name: 'borderTopColor',
|
|
10
|
+
properties: ['borderTopColor'],
|
|
11
|
+
system: 'color',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'borderRightColor',
|
|
15
|
+
properties: ['borderRightColor'],
|
|
16
|
+
system: 'color',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
name: 'borderBottomColor',
|
|
20
|
+
properties: ['borderBottomColor'],
|
|
21
|
+
system: 'color',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'borderLeftColor',
|
|
25
|
+
properties: ['borderLeftColor'],
|
|
26
|
+
system: 'color',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: 'borderInlineStartColor',
|
|
30
|
+
properties: ['borderInlineStartColor'],
|
|
31
|
+
system: 'color',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: 'borderInlineEndColor',
|
|
35
|
+
properties: ['borderInlineEndColor'],
|
|
36
|
+
system: 'color',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
export var borderColorFns = buildStyleFns(borderColorStyleFnConfigs);
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { BorderColorStyleProps } from './color';
|
|
2
|
+
import { BorderLineStyleProps } from './lineStyle';
|
|
3
|
+
import { BorderRadiusStyleProps } from './radius';
|
|
4
|
+
import { BorderShorthandStyleProps } from './shorthand';
|
|
5
|
+
import { BorderWidthStyleProps } from './width';
|
|
6
|
+
export declare type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & BorderRadiusStyleProps & BorderShorthandStyleProps & BorderWidthStyleProps;
|
|
7
|
+
/**
|
|
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.
|
|
9
|
+
* If no `BorderStyleProps` are found, it returns an empty object.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* const BorderExample = () => (
|
|
14
|
+
* <Box
|
|
15
|
+
* border="solid 1px"
|
|
16
|
+
* borderColor="soap500"
|
|
17
|
+
* borderRadius="l"
|
|
18
|
+
* >
|
|
19
|
+
* Hello, border styles!
|
|
20
|
+
* </Box>
|
|
21
|
+
* );
|
|
22
|
+
*```
|
|
23
|
+
*/
|
|
24
|
+
export declare const border: (props: BorderStyleProps) => {};
|
|
25
|
+
export declare const borderStyleFnConfigs: import("../buildStyleFns").StyleFnConfig[];
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,oBAAY,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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
13
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
14
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
15
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
16
|
+
r[k] = a[j];
|
|
17
|
+
return r;
|
|
18
|
+
};
|
|
19
|
+
import { buildStylePropFn } from '../buildStyleFns';
|
|
20
|
+
import { borderColorFns, borderColorStyleFnConfigs } from './color';
|
|
21
|
+
import { borderLineStyleFns, borderLineStyleFnConfigs } from './lineStyle';
|
|
22
|
+
import { borderRadiusFns, borderRadiusStyleFnConfigs } from './radius';
|
|
23
|
+
import { borderShorthandFns, borderShorthandStyleFnConfigs, } from './shorthand';
|
|
24
|
+
import { borderWidthFns, borderWidthStyleFnConfigs } from './width';
|
|
25
|
+
/**
|
|
26
|
+
* 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.
|
|
27
|
+
* If no `BorderStyleProps` are found, it returns an empty object.
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* const BorderExample = () => (
|
|
32
|
+
* <Box
|
|
33
|
+
* border="solid 1px"
|
|
34
|
+
* borderColor="soap500"
|
|
35
|
+
* borderRadius="l"
|
|
36
|
+
* >
|
|
37
|
+
* Hello, border styles!
|
|
38
|
+
* </Box>
|
|
39
|
+
* );
|
|
40
|
+
*```
|
|
41
|
+
*/
|
|
42
|
+
export var border = buildStylePropFn(__assign(__assign(__assign(__assign(__assign({}, borderColorFns), borderLineStyleFns), borderRadiusFns), borderShorthandFns), borderWidthFns));
|
|
43
|
+
export var borderStyleFnConfigs = __spreadArrays(borderColorStyleFnConfigs, borderLineStyleFnConfigs, borderRadiusStyleFnConfigs, borderShorthandStyleFnConfigs, borderWidthStyleFnConfigs);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { StyleFnConfig } from '../buildStyleFns';
|
|
3
|
+
/** style props to set CSS border style properties */
|
|
4
|
+
export declare type BorderLineStyleProps = {
|
|
5
|
+
/** sets [CSS border-collapse property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse) */
|
|
6
|
+
borderCollapse?: Property.BorderCollapse;
|
|
7
|
+
/** sets [CSS border-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing) */
|
|
8
|
+
borderSpacing?: Property.BorderSpacing;
|
|
9
|
+
/** sets [CSS border-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) */
|
|
10
|
+
borderStyle?: Property.Border;
|
|
11
|
+
/** sets [CSS border-top-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style) */
|
|
12
|
+
borderTopStyle?: Property.Border;
|
|
13
|
+
/**
|
|
14
|
+
* - sets [CSS border-right-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style)
|
|
15
|
+
* - no bidirectional support
|
|
16
|
+
*/
|
|
17
|
+
borderRightStyle?: Property.Border;
|
|
18
|
+
/** sets [CSS border-bottom-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style) */
|
|
19
|
+
borderBottomStyle?: Property.Border;
|
|
20
|
+
/**
|
|
21
|
+
* - sets [CSS border-left-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style)
|
|
22
|
+
* - no bidirectional support
|
|
23
|
+
*/
|
|
24
|
+
borderLeftStyle?: Property.Border;
|
|
25
|
+
/**
|
|
26
|
+
* - sets [CSS border-inline-start-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style)
|
|
27
|
+
* - bidirectional support
|
|
28
|
+
*/
|
|
29
|
+
borderInlineStartStyle?: Property.Border;
|
|
30
|
+
/**
|
|
31
|
+
* - sets [CSS border-inline-end-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-style)
|
|
32
|
+
* - bidirectional support
|
|
33
|
+
*/
|
|
34
|
+
borderInlineEndStyle?: Property.Border;
|
|
35
|
+
};
|
|
36
|
+
export declare const borderLineStyleFnConfigs: StyleFnConfig[];
|
|
37
|
+
export declare const borderLineStyleFns: import("../buildStyleFns").StyleFns;
|
|
38
|
+
//# sourceMappingURL=lineStyle.d.ts.map
|
|
@@ -0,0 +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,qDAAqD;AACrD,oBAAY,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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
+
export var borderLineStyleFnConfigs = [
|
|
3
|
+
{
|
|
4
|
+
name: 'borderCollapse',
|
|
5
|
+
properties: ['borderCollapse'],
|
|
6
|
+
system: 'none',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
name: 'borderSpacing',
|
|
10
|
+
properties: ['borderSpacing'],
|
|
11
|
+
system: 'none',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'borderStyle',
|
|
15
|
+
properties: ['borderStyle'],
|
|
16
|
+
system: 'none',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
name: 'borderTopStyle',
|
|
20
|
+
properties: ['borderTopStyle'],
|
|
21
|
+
system: 'none',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'borderRightStyle',
|
|
25
|
+
properties: ['borderRightStyle'],
|
|
26
|
+
system: 'none',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: 'borderBottomStyle',
|
|
30
|
+
properties: ['borderBottomStyle'],
|
|
31
|
+
system: 'none',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: 'borderLeftStyle',
|
|
35
|
+
properties: ['borderLeftStyle'],
|
|
36
|
+
system: 'none',
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
name: 'borderInlineStartStyle',
|
|
40
|
+
properties: ['borderInlineStartStyle'],
|
|
41
|
+
system: 'none',
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
name: 'borderInlineEndStyle',
|
|
45
|
+
properties: ['borderInlineEndStyle'],
|
|
46
|
+
system: 'none',
|
|
47
|
+
},
|
|
48
|
+
];
|
|
49
|
+
export var borderLineStyleFns = buildStyleFns(borderLineStyleFnConfigs);
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { StyleFnConfig } from '../buildStyleFns';
|
|
2
|
+
import { SystemPropValues } from '../systemProps';
|
|
3
|
+
/** style props to set CSS border radius properties */
|
|
4
|
+
export declare type BorderRadiusStyleProps = {
|
|
5
|
+
/**
|
|
6
|
+
* - sets [CSS border-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
|
|
7
|
+
* - system tokens: `shape`
|
|
8
|
+
* */
|
|
9
|
+
borderRadius?: SystemPropValues['shape'];
|
|
10
|
+
/**
|
|
11
|
+
* - sets [CSS border-top-left-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius)
|
|
12
|
+
* - system tokens: `shape`
|
|
13
|
+
* */
|
|
14
|
+
borderTopLeftRadius?: SystemPropValues['shape'];
|
|
15
|
+
/**
|
|
16
|
+
* - sets [CSS border-top-right-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius)
|
|
17
|
+
* - system tokens: `shape`
|
|
18
|
+
* */
|
|
19
|
+
borderTopRightRadius?: SystemPropValues['shape'];
|
|
20
|
+
/**
|
|
21
|
+
* - sets [CSS border-bottom-left-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius)
|
|
22
|
+
* - system tokens: `shape`
|
|
23
|
+
* */
|
|
24
|
+
borderBottomLeftRadius?: SystemPropValues['shape'];
|
|
25
|
+
/**
|
|
26
|
+
* - sets [CSS border-bottom-right-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius)
|
|
27
|
+
* - system tokens: `shape`
|
|
28
|
+
* */
|
|
29
|
+
borderBottomRightRadius?: SystemPropValues['shape'];
|
|
30
|
+
};
|
|
31
|
+
export declare const borderRadiusStyleFnConfigs: StyleFnConfig[];
|
|
32
|
+
export declare const borderRadiusFns: import("../buildStyleFns").StyleFns;
|
|
33
|
+
//# sourceMappingURL=radius.d.ts.map
|
|
@@ -0,0 +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,sDAAsD;AACtD,oBAAY,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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
+
export var borderRadiusStyleFnConfigs = [
|
|
3
|
+
{
|
|
4
|
+
name: 'borderRadius',
|
|
5
|
+
properties: ['borderRadius'],
|
|
6
|
+
system: 'shape',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
name: 'borderTopLeftRadius',
|
|
10
|
+
properties: ['borderTopLeftRadius'],
|
|
11
|
+
system: 'shape',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'borderTopRightRadius',
|
|
15
|
+
properties: ['borderTopRightRadius'],
|
|
16
|
+
system: 'shape',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
name: 'borderBottomLeftRadius',
|
|
20
|
+
properties: ['borderBottomLeftRadius'],
|
|
21
|
+
system: 'shape',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'borderBottomRightRadius',
|
|
25
|
+
properties: ['borderBottomRightRadius'],
|
|
26
|
+
system: 'shape',
|
|
27
|
+
},
|
|
28
|
+
];
|
|
29
|
+
export var borderRadiusFns = buildStyleFns(borderRadiusStyleFnConfigs);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { StyleFnConfig } from '../buildStyleFns';
|
|
3
|
+
/** style props to set CSS border properties */
|
|
4
|
+
export declare type BorderShorthandStyleProps = {
|
|
5
|
+
/** sets [CSS border property](https://developer.mozilla.org/en-US/docs/Web/CSS/border) */
|
|
6
|
+
border?: Property.Border;
|
|
7
|
+
/** sets [CSS border-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) */
|
|
8
|
+
borderTop?: Property.BorderTop;
|
|
9
|
+
/**
|
|
10
|
+
* - sets [CSS border-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right)
|
|
11
|
+
* - no bidirectional support
|
|
12
|
+
* */
|
|
13
|
+
borderRight?: Property.BorderRight;
|
|
14
|
+
/** sets [CSS border-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) */
|
|
15
|
+
borderBottom?: Property.BorderBottom;
|
|
16
|
+
/**
|
|
17
|
+
* - sets [CSS border-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left)
|
|
18
|
+
* - no bidirectional support
|
|
19
|
+
* */
|
|
20
|
+
borderLeft?: Property.BorderLeft;
|
|
21
|
+
/**
|
|
22
|
+
* - sets [CSS border-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start)
|
|
23
|
+
* - bidirectional support
|
|
24
|
+
* */
|
|
25
|
+
borderInlineStart?: Property.BorderInlineStart;
|
|
26
|
+
/**
|
|
27
|
+
* - sets [CSS border-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end)
|
|
28
|
+
* - bidirectional support
|
|
29
|
+
* */
|
|
30
|
+
borderInlineEnd?: Property.BorderInlineEnd;
|
|
31
|
+
};
|
|
32
|
+
export declare const borderShorthandStyleFnConfigs: StyleFnConfig[];
|
|
33
|
+
export declare const borderShorthandFns: import("../buildStyleFns").StyleFns;
|
|
34
|
+
//# sourceMappingURL=shorthand.d.ts.map
|
|
@@ -0,0 +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,+CAA+C;AAC/C,oBAAY,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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
+
export var borderShorthandStyleFnConfigs = [
|
|
3
|
+
{
|
|
4
|
+
name: 'border',
|
|
5
|
+
properties: ['border'],
|
|
6
|
+
system: 'none',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
name: 'borderTop',
|
|
10
|
+
properties: ['borderTop'],
|
|
11
|
+
system: 'none',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'borderRight',
|
|
15
|
+
properties: ['borderRight'],
|
|
16
|
+
system: 'none',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
name: 'borderBottom',
|
|
20
|
+
properties: ['borderBottom'],
|
|
21
|
+
system: 'none',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'borderLeft',
|
|
25
|
+
properties: ['borderLeft'],
|
|
26
|
+
system: 'none',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: 'borderInlineStart',
|
|
30
|
+
properties: ['borderInlineStart'],
|
|
31
|
+
system: 'none',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: 'borderInlineEnd',
|
|
35
|
+
properties: ['borderInlineEnd'],
|
|
36
|
+
system: 'none',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
export var borderShorthandFns = buildStyleFns(borderShorthandStyleFnConfigs);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { StyleFnConfig } from '../buildStyleFns';
|
|
3
|
+
/** style props to set CSS border width properties */
|
|
4
|
+
export declare type BorderWidthStyleProps = {
|
|
5
|
+
/** sets [CSS border-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width) */
|
|
6
|
+
borderWidth?: Property.BorderWidth | number;
|
|
7
|
+
/** sets [CSS border-top-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width) */
|
|
8
|
+
borderTopWidth?: Property.BorderTopWidth | number;
|
|
9
|
+
/**
|
|
10
|
+
* - sets [CSS border-right-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width)
|
|
11
|
+
* - no bidirectional support
|
|
12
|
+
* */
|
|
13
|
+
borderRightWidth?: Property.BorderRightWidth | number;
|
|
14
|
+
/** sets [CSS border-bottom-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width) */
|
|
15
|
+
borderBottomWidth?: Property.BorderBottomWidth | number;
|
|
16
|
+
/**
|
|
17
|
+
* - sets [CSS border-left-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width)
|
|
18
|
+
* - no bidirectional support
|
|
19
|
+
* */
|
|
20
|
+
borderLeftWidth?: Property.BorderLeftWidth | number;
|
|
21
|
+
/**
|
|
22
|
+
* - sets [CSS border-inline-start-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-width)
|
|
23
|
+
* - bidirectional support
|
|
24
|
+
* */
|
|
25
|
+
borderInlineStartWidth?: Property.BorderInlineStartWidth | number;
|
|
26
|
+
/**
|
|
27
|
+
* - sets [CSS border-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end)
|
|
28
|
+
* - bidirectional support
|
|
29
|
+
* */
|
|
30
|
+
borderInlineEndWidth?: Property.BorderInlineEndWidth | number;
|
|
31
|
+
};
|
|
32
|
+
export declare const borderWidthStyleFnConfigs: StyleFnConfig[];
|
|
33
|
+
export declare const borderWidthFns: import("../buildStyleFns").StyleFns;
|
|
34
|
+
//# sourceMappingURL=width.d.ts.map
|
|
@@ -0,0 +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,qDAAqD;AACrD,oBAAY,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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { buildStyleFns } from '../buildStyleFns';
|
|
2
|
+
export var borderWidthStyleFnConfigs = [
|
|
3
|
+
{
|
|
4
|
+
name: 'borderWidth',
|
|
5
|
+
properties: ['borderWidth'],
|
|
6
|
+
system: 'none',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
name: 'borderTopWidth',
|
|
10
|
+
properties: ['borderTopWidth'],
|
|
11
|
+
system: 'none',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'borderRightWidth',
|
|
15
|
+
properties: ['borderRightWidth'],
|
|
16
|
+
system: 'none',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
name: 'borderBottomWidth',
|
|
20
|
+
properties: ['borderBottomWidth'],
|
|
21
|
+
system: 'none',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'borderLeftWidth',
|
|
25
|
+
properties: ['borderLeftWidth'],
|
|
26
|
+
system: 'none',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: 'borderInlineStartWidth',
|
|
30
|
+
properties: ['borderInlineStartWidth'],
|
|
31
|
+
system: 'none',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
name: 'borderInlineEndWidth',
|
|
35
|
+
properties: ['borderInlineEndWidth'],
|
|
36
|
+
system: 'none',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
export var borderWidthFns = buildStyleFns(borderWidthStyleFnConfigs);
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { SystemPropNames } from './systemProps';
|
|
2
|
+
export declare type StyleFnConfig = {
|
|
3
|
+
name: string;
|
|
4
|
+
properties: string[];
|
|
5
|
+
system: SystemPropNames | 'none';
|
|
6
|
+
};
|
|
7
|
+
export declare type StyleFns = {
|
|
8
|
+
[key: string]: (value: unknown) => {};
|
|
9
|
+
};
|
|
10
|
+
export declare function buildStyleFns(styleFnConfigs: StyleFnConfig[]): StyleFns;
|
|
11
|
+
export declare function buildStylePropFn<P extends {}>(styleFns: StyleFns): (props: P) => {};
|
|
12
|
+
//# sourceMappingURL=buildStyleFns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buildStyleFns.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/buildStyleFns.ts"],"names":[],"mappings":"AAQA,OAAO,EAAyB,eAAe,EAAmB,MAAM,eAAe,CAAC;AAExF,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,EAAE,CAAC;CACvC,CAAC;AA8BF,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,CAoDvE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,WAChD,CAAC,QAajB"}
|