@workday/canvas-kit-react 8.0.0-alpha.208-next.1 → 8.0.0-alpha.216-next.4

package/dist/es6/layout/lib/utils/gridItem.d.ts

@@ -1,39 +1,42 @@
 import { Property } from 'csstype';
-/** style props to for grid item properties */
+import { StyleFnConfig } from './buildStyleFns';
+/** style props to for CSS grid item properties */
 export declare type GridItemStyleProps = {
-    /** sets `grid-column-start` property */
+    /** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start) */
     gridColumnStart?: Property.GridColumnStart;
-    /** sets `grid-column-end` property */
+    /** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end) */
     gridColumnEnd?: Property.GridColumnEnd;
-    /** sets `grid-row-start` property */
+    /** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start) */
     gridRowStart?: Property.GridRowStart;
-    /** sets `grid-row-end` property */
+    /** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end) */
     gridRowEnd?: Property.GridRowEnd;
-    /** sets `grid-column` property */
+    /** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column) */
     gridColumn?: Property.GridColumn;
-    /** sets `grid-row` property */
+    /** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row) */
     gridRow?: Property.GridRow;
-    /** sets `grid-area` property */
+    /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
     gridArea?: Property.GridArea;
-    /** sets `justify-self` property */
+    /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
     justifySelf?: Property.JustifySelf;
-    /** sets `align-self` property */
+    /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
     alignSelf?: Property.AlignSelf;
-    /** sets `place-self` property */
+    /** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self) */
     placeSelf?: Property.PlaceSelf;
 };
+export declare const gridItemStyleFnConfigs: StyleFnConfig[];
+export declare const gridItemStyleFns: import("./buildStyleFns").StyleFns;
 /**
  * A style prop function that takes component props and returns grid styles.
  * If no `GridItemStyleProps` are found, it returns an empty object.
  *
  * @example
- * // You'll most likely use `grid item` with low-level, styled components
+ * ```tsx
  * const GridItemExample = () => (
  *   <Grid.Item gridRowStart="1" justifySelf="center" gridArea="Card">
  *     Hello, Grid Item!
  *   </Grid.Item>
  * );
- *
+ * ```
  */
-export declare function gridItem<P extends GridItemStyleProps>(props: P): {};
+export declare const gridItem: (props: GridItemStyleProps) => {};
 //# sourceMappingURL=gridItem.d.ts.map

package/dist/es6/layout/lib/utils/gridItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gridItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/gridItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,8CAA8C;AAC9C,oBAAY,kBAAkB,GAAG;IAE/B,wCAAwC;IACxC,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,sCAAsC;IACtC,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,qCAAqC;IACrC,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,mCAAmC;IACnC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kCAAkC;IAClC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,mCAAmC;IACnC,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAiBF;;;;;;;;;;;;GAYG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,EAAE,KAAK,EAAE,CAAC,MAW9D"}
+{"version":3,"file":"gridItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/gridItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,kDAAkD;AAClD,oBAAY,kBAAkB,GAAG;IAC/B,gHAAgH;IAChH,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,4GAA4G;IAC5G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,0GAA0G;IAC1G,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sGAAsG;IACtG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,8FAA8F;IAC9F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAmDjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}

package/dist/es6/layout/lib/utils/gridItem.js

@@ -1,39 +1,68 @@
-/** style props to for grid item properties */
-var gridItemProps = {
-    //Child Props
-    gridColumnStart: 'gridColumnStart',
-    gridColumnEnd: 'gridColumnEnd',
-    gridRowStart: 'gridRowStart',
-    gridRowEnd: 'gridRowEnd',
-    gridColumn: 'gridColumn',
-    gridRow: 'gridRow',
-    gridArea: 'gridArea',
-    justifySelf: 'justifySelf',
-    alignSelf: 'alignSelf',
-    placeSelf: 'placeSelf',
-};
+import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+export var gridItemStyleFnConfigs = [
+    {
+        name: 'gridColumnStart',
+        properties: ['gridColumnStart'],
+        system: 'none',
+    },
+    {
+        name: 'gridColumnEnd',
+        properties: ['gridColumnEnd'],
+        system: 'none',
+    },
+    {
+        name: 'gridRowStart',
+        properties: ['gridRowStart'],
+        system: 'none',
+    },
+    {
+        name: 'gridRowEnd',
+        properties: ['gridRowEnd'],
+        system: 'none',
+    },
+    {
+        name: 'gridColumn',
+        properties: ['gridColumn'],
+        system: 'none',
+    },
+    {
+        name: 'gridRow',
+        properties: ['gridRow'],
+        system: 'none',
+    },
+    {
+        name: 'gridArea',
+        properties: ['gridArea'],
+        system: 'none',
+    },
+    {
+        name: 'justifySelf',
+        properties: ['justifySelf'],
+        system: 'none',
+    },
+    {
+        name: 'alignSelf',
+        properties: ['alignSelf'],
+        system: 'none',
+    },
+    {
+        name: 'placeSelf',
+        properties: ['placeSelf'],
+        system: 'none',
+    },
+];
+export var gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns grid styles.
  * If no `GridItemStyleProps` are found, it returns an empty object.
  *
  * @example
- * // You'll most likely use `grid item` with low-level, styled components
+ * ```tsx
  * const GridItemExample = () => (
  *   <Grid.Item gridRowStart="1" justifySelf="center" gridArea="Card">
  *     Hello, Grid Item!
  *   </Grid.Item>
  * );
- *
+ * ```
  */
-export function gridItem(props) {
-    var styles = {};
-    for (var key in props) {
-        if (key in gridItemProps) {
-            var attr = gridItemProps[key];
-            var value = props[key];
-            // @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
-            styles[attr] = value;
-        }
-    }
-    return styles;
-}
+export var gridItem = buildStylePropFn(gridItemStyleFns);

package/dist/es6/layout/lib/utils/layout.d.ts

@@ -1,43 +1,65 @@
 import { Property } from 'csstype';
-/** style props to for layout properties */
+import { StyleFnConfig } from './buildStyleFns';
+import { SystemPropValues } from './systemProps';
+/** style props to for CSS layout properties */
 export declare type LayoutStyleProps = {
-    /** sets `display` property */
+    /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/displaydisplay) */
     display?: Property.Display;
-    /** sets `height` property */
-    height?: number | string;
-    /** sets `list-style property */
+    /**
+     * - sets [CSS height property](https://developer.mozilla.org/en-US/docs/Web/CSS/height)
+     * - system tokens: `space`
+     * */
+    height?: SystemPropValues['space'];
+    /** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) */
     listStyle?: Property.ListStyle;
-    /** sets `max-height` property */
-    maxHeight?: number | string;
-    /** sets `max-width` property */
-    maxWidth?: number | string;
-    /** sets `min-height` property */
-    minHeight?: number | string;
-    /** sets `min-width` property */
-    minWidth?: number | string;
-    /** sets `overflow` property */
+    /**
+     * - sets [CSS max-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height)
+     * - system tokens: `space`
+     * */
+    maxHeight?: SystemPropValues['space'];
+    /**
+     * - sets [CSS max-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width)
+     * - system tokens: `space`
+     * */
+    maxWidth?: SystemPropValues['space'];
+    /**
+     * - sets [CSS min-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)
+     * - system tokens: `space`
+     * */
+    minHeight?: SystemPropValues['space'];
+    /**
+     * - sets [CSS min-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width)
+     * - system tokens: `space`
+     * */
+    minWidth?: SystemPropValues['space'];
+    /** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow) */
     overflow?: Property.Overflow;
-    /** sets `overflow-x` property */
+    /** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x) */
     overflowX?: Property.OverflowX;
-    /** sets `overflow-y` property */
+    /** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y) */
     overflowY?: Property.OverflowY;
-    /** sets `vertical-align` property */
+    /** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) */
     verticalAlign?: Property.VerticalAlign;
-    /** sets `width` property */
-    width?: number | string;
+    /**
+     * - sets [CSS width property](https://developer.mozilla.org/en-US/docs/Web/CSS/width)
+     * - system tokens: `space`
+     * */
+    width?: SystemPropValues['space'];
 };
+export declare const layoutStyleFnConfigs: StyleFnConfig[];
+export declare const layoutStyleFns: import("./buildStyleFns").StyleFns;
 /**
- * A style prop function that takes components props and returns layout styles.
+ * A style prop function that takes component props and returns layout styles.
  * If no `LayoutStyleProps` are found, it returns an empty object.
  *
  * @example
- * // You'll most likely use `layout` with low-level, styled components
- * const BoxExample = () => (
+ * ```tsx
+ * const LayoutExample = () => (
  *   <Box display="inline-block" height="50%">
- *     Hello, positions!
+ *     Hello, layout!
  *   </Box>
  * );
- *
+ * ```
  */
-export declare function layout<P extends LayoutStyleProps>(props: P): {};
+export declare const layout: (props: LayoutStyleProps) => {};
 //# sourceMappingURL=layout.d.ts.map

package/dist/es6/layout/lib/utils/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,2CAA2C;AAC3C,oBAAY,gBAAgB,GAAG;IAC7B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,qCAAqC;IACrC,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAiBF;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,gBAAgB,EAAE,KAAK,EAAE,CAAC,MAW1D"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.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,+CAA+C;AAC/C,oBAAY,gBAAgB,GAAG;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAAa,EA6D/C,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAsC,CAAC;AAClE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,iCAAqD,CAAC"}

package/dist/es6/layout/lib/utils/layout.js

@@ -1,39 +1,78 @@
-var layoutProps = {
-    display: 'display',
-    height: 'height',
-    listStyle: 'listStyle',
-    maxHeight: 'maxHeight',
-    maxWidth: 'maxWidth',
-    minHeight: 'minHeight',
-    minWidth: 'minWidth',
-    overflow: 'overflow',
-    overflowX: 'overflowX',
-    overflowY: 'overflowY',
-    verticalAlign: 'verticalAlign',
-    width: 'width',
-};
+import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+export var layoutStyleFnConfigs = [
+    {
+        name: 'display',
+        properties: ['display'],
+        system: 'none',
+    },
+    {
+        name: 'height',
+        properties: ['height'],
+        system: 'space',
+    },
+    {
+        name: 'listStyle',
+        properties: ['listStyle'],
+        system: 'none',
+    },
+    {
+        name: 'maxHeight',
+        properties: ['maxHeight'],
+        system: 'space',
+    },
+    {
+        name: 'maxWidth',
+        properties: ['maxWidth'],
+        system: 'space',
+    },
+    {
+        name: 'minHeight',
+        properties: ['minHeight'],
+        system: 'space',
+    },
+    {
+        name: 'minWidth',
+        properties: ['minWidth'],
+        system: 'space',
+    },
+    {
+        name: 'overflow',
+        properties: ['overflow'],
+        system: 'none',
+    },
+    {
+        name: 'overflowX',
+        properties: ['overflowX'],
+        system: 'none',
+    },
+    {
+        name: 'overflowY',
+        properties: ['overflowY'],
+        system: 'none',
+    },
+    {
+        name: 'verticalAlign',
+        properties: ['verticalAlign'],
+        system: 'none',
+    },
+    {
+        name: 'width',
+        properties: ['width'],
+        system: 'space',
+    },
+];
+export var layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
 /**
- * A style prop function that takes components props and returns layout styles.
+ * A style prop function that takes component props and returns layout styles.
  * If no `LayoutStyleProps` are found, it returns an empty object.
  *
  * @example
- * // You'll most likely use `layout` with low-level, styled components
- * const BoxExample = () => (
+ * ```tsx
+ * const LayoutExample = () => (
  *   <Box display="inline-block" height="50%">
- *     Hello, positions!
+ *     Hello, layout!
  *   </Box>
  * );
- *
+ * ```
  */
-export function layout(props) {
-    var styles = {};
-    for (var key in props) {
-        if (key in layoutProps) {
-            var attr = layoutProps[key];
-            var value = props[key];
-            // @ts-ignore TS doesn't like adding a potentially unknown key to an object, but because we own this object, it's fine.
-            styles[attr] = value;
-        }
-    }
-    return styles;
-}
+export var layout = buildStylePropFn(layoutStyleFns);

package/dist/es6/layout/lib/utils/other.d.ts

@@ -1,5 +1,47 @@
+import { Property } from 'csstype';
+import { StyleFnConfig } from './buildStyleFns';
+/** style props to for other CSS properties */
 export declare type OtherStyleProps = {
-    animation?: string;
+    /** sets [CSS animation property](https://developer.mozilla.org/en-US/docs/Web/CSS/animation) */
+    animation?: Property.Animation;
+    /** sets [CSS appearance property](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance) */
+    appearance?: Property.Appearance;
+    /** sets [CSS box-sizing property](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) */
+    boxSizing?: Property.BoxSizing;
+    /** sets [CSS content property](https://developer.mozilla.org/en-US/docs/Web/CSS/content) */
+    content?: Property.Content;
+    /** sets [CSS cursor property](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) */
+    cursor?: Property.Cursor;
+    /** sets [CSS fill property](https://developer.mozilla.org/en-US/docs/Web/CSS/fill) */
+    fill?: Property.Fill;
+    /** sets [CSS float property](https://developer.mozilla.org/en-US/docs/Web/CSS/float) */
+    float?: Property.Float;
+    /** sets [CSS object-fit property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) */
+    objectFit?: Property.ObjectFit;
+    /** sets [CSS object-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) */
+    objectPosition?: Property.ObjectPosition;
+    /** sets [CSS outline property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline) */
+    outline?: Property.Outline;
+    /** sets [CSS outline-offset property](https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset) */
+    outlineOffset?: Property.OutlineOffset;
+    /** sets [CSS overflow-wrap property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap) */
+    overflowWrap?: Property.OverflowWrap;
+    /** sets [CSS pointer-events property](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) */
+    pointerEvents?: Property.PointerEvents;
+    /** sets [CSS resize property](https://developer.mozilla.org/en-US/docs/Web/CSS/resize) */
+    resize?: Property.Resize;
+    /** sets [CSS stroke property](https://developer.mozilla.org/en-US/docs/Web/CSS/stroke) */
+    stroke?: Property.Stroke;
+    /** sets [CSS transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/transform) */
+    transform?: Property.Transform;
+    /** sets [CSS transition property](https://developer.mozilla.org/en-US/docs/Web/CSS/transition) */
+    transition?: Property.Transition;
+    /** sets [CSS user-select property](https://developer.mozilla.org/en-US/docs/Web/CSS/user-select) */
+    userSelect?: Property.UserSelect;
+    /** sets [CSS visibility property](https://developer.mozilla.org/en-US/docs/Web/CSS/visibility) */
+    visibility?: Property.Visibility;
 };
-export declare function other<P extends OtherStyleProps>(props: P): {};
+export declare const otherStyleFnConfigs: StyleFnConfig[];
+export declare const otherStyleFns: import("./buildStyleFns").StyleFns;
+export declare const other: (props: OtherStyleProps) => {};
 //# sourceMappingURL=other.d.ts.map

package/dist/es6/layout/lib/utils/other.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"other.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/other.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC,MASxD"}
+{"version":3,"file":"other.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/other.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,8CAA8C;AAC9C,oBAAY,eAAe,GAAG;IAC5B,gGAAgG;IAChG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,sFAAsF;IACtF,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB,wFAAwF;IACxF,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,gGAAgG;IAChG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgG9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAEhE,eAAO,MAAM,KAAK,gCAAmD,CAAC"}

package/dist/es6/layout/lib/utils/other.js

@@ -1,15 +1,100 @@
-var otherProps = {
-    animation: function (value) {
-        return { animation: value };
-    },
-};
-export function other(props) {
-    for (var key in props) {
-        if (key in otherProps) {
-            var value = props[key];
-            var styleFn = otherProps[key];
-            return styleFn(value);
-        }
-    }
-    return {};
-}
+import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+export var otherStyleFnConfigs = [
+    {
+        name: 'animation',
+        properties: ['animation'],
+        system: 'none',
+    },
+    {
+        name: 'appearance',
+        properties: ['appearance'],
+        system: 'none',
+    },
+    {
+        name: 'boxSizing',
+        properties: ['boxSizing'],
+        system: 'none',
+    },
+    {
+        name: 'content',
+        properties: ['content'],
+        system: 'none',
+    },
+    {
+        name: 'cursor',
+        properties: ['cursor'],
+        system: 'none',
+    },
+    {
+        name: 'fill',
+        properties: ['fill'],
+        system: 'none',
+    },
+    {
+        name: 'float',
+        properties: ['float'],
+        system: 'none',
+    },
+    {
+        name: 'objectFit',
+        properties: ['objectFit'],
+        system: 'none',
+    },
+    {
+        name: 'objectPosition',
+        properties: ['objectPosition'],
+        system: 'none',
+    },
+    {
+        name: 'outline',
+        properties: ['outline'],
+        system: 'none',
+    },
+    {
+        name: 'outlineOffset',
+        properties: ['outlineOffset'],
+        system: 'none',
+    },
+    {
+        name: 'overflowWrap',
+        properties: ['overflowWrap'],
+        system: 'none',
+    },
+    {
+        name: 'pointerEvents',
+        properties: ['pointerEvents'],
+        system: 'none',
+    },
+    {
+        name: 'resize',
+        properties: ['resize'],
+        system: 'none',
+    },
+    {
+        name: 'stroke',
+        properties: ['stroke'],
+        system: 'none',
+    },
+    {
+        name: 'transform',
+        properties: ['transform'],
+        system: 'none',
+    },
+    {
+        name: 'transition',
+        properties: ['transition'],
+        system: 'none',
+    },
+    {
+        name: 'userSelect',
+        properties: ['userSelect'],
+        system: 'none',
+    },
+    {
+        name: 'visibility',
+        properties: ['visibility'],
+        system: 'none',
+    },
+];
+export var otherStyleFns = buildStyleFns(otherStyleFnConfigs);
+export var other = buildStylePropFn(otherStyleFns);

package/dist/es6/layout/lib/utils/position.d.ts

@@ -1,41 +1,58 @@
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
 import { Property } from 'csstype';
-/** style props to for standard position properties */
-export declare type PositionStandardProps = {
-    /** sets `position` property  */
+import { StyleFnConfig } from './buildStyleFns';
+/** style props to for CSS position properties */
+export declare type PositionStyleProps = {
+    /**
+     * - sets [CSS position property](https://developer.mozilla.org/en-US/docs/Web/CSS/position)
+     * */
     position?: Property.Position;
-    /** sets `zIndex` property  */
+    /**
+     * - sets [CSS z-index property](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index)
+     * */
     zIndex?: Property.ZIndex;
-    /** sets `top` property  */
+    /**
+     * - sets [CSS top property](https://developer.mozilla.org/en-US/docs/Web/CSS/top)
+     * */
     top?: number | string;
-    /** sets `right` property (no bidirectional support) */
+    /**
+     * - sets [CSS right property](https://developer.mozilla.org/en-US/docs/Web/CSS/right)
+     * - no bidirectional support
+     * */
     right?: number | string;
-    /** sets `bottom` property  */
+    /**
+     * - sets [CSS bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/bottom)
+     * */
     bottom?: number | string;
-    /** sets `left` property (no bidirectional support)  */
+    /**
+     * - sets [CSS left property](https://developer.mozilla.org/en-US/docs/Web/CSS/left)
+     * - no bidirectional support
+     * */
     left?: number | string;
-};
-export declare type PositionLogicalProps = {
-    /** sets `left` property (bidirectional support)  */
+    /**
+     * - sets [CSS inset-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-start)
+     * - bidirectional support
+     * */
     insetInlineStart?: number | string;
-    /** sets `right` property (bidirectional support) */
+    /**
+     * - sets [CSS inset-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-end)
+     * - bidirectional support
+     * */
     insetInlineEnd?: number | string;
 };
-export declare type PositionStyleProps = PositionStandardProps & PositionLogicalProps;
+export declare const positionStyleFnConfigs: StyleFnConfig[];
+export declare const positionStyleFns: import("./buildStyleFns").StyleFns;
 /**
- * A style prop function that takes components props and returns position styles.
+ * A style prop function that takes component props and returns position styles.
  * If no `PositionProps` are found, it returns an empty object.
  *
  * @example
- * // You'll most likely use `position` with low-level, styled components
+ * ```
  * const BoxExample = () => (
  *   <Box position="absolute" top="50%">
  *     Hello, positions!
  *   </Box>
  * );
- *
+ * ```
  */
-export declare function position<P extends PositionStyleProps & {
-    theme?: PartialEmotionCanvasTheme;
-}>(props: P): {};
+export declare const position: (props: PositionStyleProps) => {};
 //# sourceMappingURL=position.d.ts.map

package/dist/es6/layout/lib/utils/position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,sDAAsD;AACtD,oBAAY,qBAAqB,GAAG;IAClC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AA0BF,oBAAY,kBAAkB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EACzF,KAAK,EAAE,CAAC,MAyBT"}
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,iDAAiD;AACjD,oBAAY,kBAAkB,GAAG;IAC/B;;SAEK;IACL,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;SAEK;IACL,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;SAEK;IACL,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;SAGK;IACL,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;SAGK;IACL,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;SAGK;IACL,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC;;;SAGK;IACL,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAyCjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}