@workday/canvas-kit-react 12.0.0-alpha.862-next.0 → 12.0.0-alpha.898-next.0

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,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;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;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,EA8CjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
+{"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,MAAM,MAAM,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;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;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,EA8CjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}

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

@@ -1,7 +1,7 @@
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
 /** style props to for CSS space properties */
-export declare type SpaceStyleProps = {
+export type SpaceStyleProps = {
     /**
      * - sets [CSS margin-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)
      * - bidirectional support

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

@@ -1 +1 @@
-{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,8CAA8C;AAC9C,oBAAY,eAAe,GAAG;IAC5B;;;;SAIK;IACL,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;SAIK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;SAIK;IACL,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;SAIK;IACL,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;SAIK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;SAIK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,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;;;;SAIK;IACL,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;SAIK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;SAIK;IACL,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;SAIK;IACL,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;SAIK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;SAIK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}

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

@@ -28,7 +28,7 @@ import { TextStyleProps } from './text';
  * - space
  * - text
  */
-export declare type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
+export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
 /**
  * All Style Props
  * ---
@@ -37,5 +37,5 @@ export declare type CommonStyleProps = BackgroundStyleProps & BorderStyleProps &
  * - flex
  * - grid
  */
-export declare type AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
+export type AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
 //# sourceMappingURL=styleProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,oBAAY,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;GAOG;AACH,oBAAY,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}

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

@@ -1,11 +1,11 @@
 import { CanvasBorderRadiusKeys, CanvasColor, CanvasDepth, CanvasSpaceKeys, CanvasTypeProperties } from '@workday/canvas-kit-react/tokens';
-export declare type SystemPropNames = 'color' | 'depth' | 'font' | 'fontSize' | 'fontWeight' | 'shape' | 'space';
+export type SystemPropNames = 'color' | 'depth' | 'font' | 'fontSize' | 'fontWeight' | 'shape' | 'space';
 /**
  * Canvas System Prop Values
  * ---
  * These system prop values are restricted to Canvas token values.
  */
-export declare type CanvasSystemPropValues = {
+export type CanvasSystemPropValues = {
     color: CanvasColor;
     depth: keyof CanvasDepth;
     font: keyof CanvasTypeProperties['fontFamilies'];
@@ -19,7 +19,7 @@ export declare type CanvasSystemPropValues = {
  * ---
  * These system prop values include Canvas System Prop Values and generic values.
  */
-export declare type SystemPropValues = {
+export type SystemPropValues = {
     color: CanvasSystemPropValues['color'] | (string & {});
     depth: CanvasSystemPropValues['depth'];
     font: CanvasSystemPropValues['font'] | (string & {});

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

@@ -1 +1 @@
-{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,oBAAY,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;GAIG;AACH,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,oBAAY,gBAAgB,GAAG;IAC7B,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}
+{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}

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

@@ -2,7 +2,7 @@ import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
 /** style props to for CSS font and text properties */
-export declare type TextStyleProps = {
+export type TextStyleProps = {
     /**
      * - sets [CSS font-family property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)
      * - system tokens: `font` */

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.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,sDAAsD;AACtD,oBAAY,cAAc,GAAG;IAC3B;;iCAE6B;IAC7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;qCAEiC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;uCAEmC;IACnC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.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,sDAAsD;AACtD,MAAM,MAAM,cAAc,GAAG;IAC3B;;iCAE6B;IAC7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;qCAEiC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;uCAEmC;IACnC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}

package/dist/es6/loading-dots/lib/LoadingDots.js

@@ -5,22 +5,22 @@ import { handleCsProp, keyframes, createStencil, calc } from '@workday/canvas-ki
 /**
  * Keyframe for the dots loading animation.
  */
-const keyframesLoading = keyframes({ name: "9d34b1", styles: "0%, 80%, 100%{transform:scale(0);}40%{transform:scale(1);}" });
+const keyframesLoading = keyframes({ name: "hbbc4s", styles: "0%, 80%, 100%{transform:scale(0);}40%{transform:scale(1);}" });
 const singleLoadingDotStencil = createStencil({
     vars: {
         animationDurationMs: '40ms',
     },
-    base: { name: "803fb0", styles: "--animationDurationMs-single-loading-dot-dec117:40ms;box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-alt-strong);width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);font-size:var(--cnvs-sys-space-zero);border-radius:var(--cnvs-sys-shape-round);transform:scale(0);display:inline-block;animation-name:animation-9d34b1;animation-duration:calc(var(--animationDurationMs-single-loading-dot-dec117) * 35);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(var(--animationDurationMs-single-loading-dot-dec117) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-single-loading-dot-dec117) * 8);}" }
+    base: { name: "hbbc4t", styles: "--animationDurationMs-single-loading-dot-dec117:40ms;box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-alt-strong);width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);font-size:var(--cnvs-sys-space-zero);border-radius:var(--cnvs-sys-shape-round);transform:scale(0);display:inline-block;animation-name:animation-hbbc4s;animation-duration:calc(var(--animationDurationMs-single-loading-dot-dec117) * 35);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(var(--animationDurationMs-single-loading-dot-dec117) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-single-loading-dot-dec117) * 8);}" }
 }, "single-loading-dot-dec117");
 /**
  * The actual loading dot div.
  */
-const LoadingAnimationDot = () => React.createElement("div", Object.assign({}, singleLoadingDotStencil()));
+const LoadingAnimationDot = () => React.createElement("div", { ...singleLoadingDotStencil() });
 /**
  * A simple container for the loading dots.
  */
 const loadingDotsStencil = createStencil({
-    base: { name: "3e9339", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x2);" }
+    base: { name: "hbbc4u", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x2);" }
 }, "loading-dots-268f58");
 /**
  * A simple component that displays three horizontal dots, to be used when some data is loading.
@@ -28,7 +28,7 @@ const loadingDotsStencil = createStencil({
 export const LoadingDots = createComponent('div')({
     displayName: 'LoadingDots',
     Component: (elemProps, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, handleCsProp(elemProps, loadingDotsStencil())),
+        return (React.createElement(Element, { ref: ref, ...handleCsProp(elemProps, loadingDotsStencil()) },
             React.createElement(LoadingAnimationDot, null),
             React.createElement(LoadingAnimationDot, null),
             React.createElement(LoadingAnimationDot, null)));

package/dist/es6/menu/lib/Menu.d.ts

@@ -1774,7 +1774,7 @@ export declare const Menu: import("@workday/canvas-kit-react/common").ComponentM
         }, {}, {}>;
         Text: import("@emotion/styled").StyledComponent<{
             theme?: import("@emotion/react").Theme | undefined;
-            as?: React.ElementType<any> | undefined;
+            as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
         }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
     };
     Divider: import("@workday/canvas-kit-react/common").ElementComponent<"hr", unknown>;

package/dist/es6/menu/lib/MenuCard.js

@@ -12,7 +12,7 @@ export const menuCardStencil = createStencil({
         transformOriginVertical: 'top',
         transformOriginHorizontal: 'left',
     },
-    base: { name: "a0bf52", styles: "--minWidth-menu-card-07ca6c:0.0625rem;--transformOriginVertical-menu-card-07ca6c:top;--transformOriginHorizontal-menu-card-07ca6c:left;box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-base-palette-black-pepper-300);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-space-zero);max-width:calc(100vw - var(--cnvs-sys-space-x8));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-07ca6c);transform-origin:var(--transformOriginVertical-menu-card-07ca6c) var(--transformOriginHorizontal-menu-card-07ca6c);.wd-no-animation &{animation:none;}" }
+    base: { name: "hbbc2n", styles: "--minWidth-menu-card-07ca6c:0.0625rem;--transformOriginVertical-menu-card-07ca6c:top;--transformOriginHorizontal-menu-card-07ca6c:left;box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-base-palette-black-pepper-300);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-space-zero);max-width:calc(100vw - var(--cnvs-sys-space-x8));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-07ca6c);transform-origin:var(--transformOriginVertical-menu-card-07ca6c) var(--transformOriginHorizontal-menu-card-07ca6c);.wd-no-animation &{animation:none;}" }
 }, "menu-card-07ca6c");
 export const useMenuCard = createElemPropsHook(useMenuModel)(() => {
     return {};
@@ -25,9 +25,9 @@ export const MenuCard = createSubcomponent('div')({
     const transformOrigin = React.useMemo(() => {
         return getTransformFromPlacement(model.state.placement || 'bottom');
     }, [model.state.placement]);
-    return (React.createElement(Card, Object.assign({ as: Element }, mergeStyles(elemProps, menuCardStencil({
-        minWidth: typeof minWidth === 'number' ? px2rem(minWidth) : minWidth,
-        transformOriginVertical: transformOrigin.vertical,
-        transformOriginHorizontal: transformOrigin.horizontal,
-    }))), elemProps.children));
+    return (React.createElement(Card, { as: Element, ...mergeStyles(elemProps, menuCardStencil({
+            minWidth: typeof minWidth === 'number' ? px2rem(minWidth) : minWidth,
+            transformOriginVertical: transformOrigin.vertical,
+            transformOriginHorizontal: transformOrigin.horizontal,
+        })) }, elemProps.children));
 });

package/dist/es6/menu/lib/MenuContextTarget.js

@@ -25,5 +25,5 @@ export const MenuTarget = createSubcomponent(SecondaryButton)({
     modelHook: useMenuModel,
     elemPropsHook: useMenuTarget,
 })(({ children, ...elemProps }, Element) => {
-    return React.createElement(Element, Object.assign({}, elemProps), children);
+    return React.createElement(Element, { ...elemProps }, children);
 });

package/dist/es6/menu/lib/MenuDivider.js

@@ -12,6 +12,6 @@ const Divider = styled('hr')({
 export const MenuDivider = createComponent('hr')({
     displayName: 'Menu.Divider',
     Component(elemProps, ref, Element) {
-        return React.createElement(Divider, Object.assign({ as: Element, ref: ref }, elemProps));
+        return React.createElement(Divider, { as: Element, ref: ref, ...elemProps });
     },
 });

package/dist/es6/menu/lib/MenuItem.d.ts

@@ -203,7 +203,7 @@ export declare const MenuItem: import("@workday/canvas-kit-react/common").Elemen
     }, {}, {}>;
     Text: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any> | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
     }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 };
 export {};

package/dist/es6/menu/lib/MenuItem.js

@@ -131,5 +131,5 @@ export const MenuItem = createSubcomponent('button')({
     },
 })(({ children, ...elemProps }, Element) => {
     return (React.createElement(OverflowTooltip, { placement: "left" },
-        React.createElement(StyledMenuItem, Object.assign({ minHeight: space.xl, as: Element }, elemProps), children)));
+        React.createElement(StyledMenuItem, { minHeight: space.xl, as: Element, ...elemProps }, children)));
 });

package/dist/es6/menu/lib/MenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAQxE,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG,CACpC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;oBAiB1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBnB,CAAC"}
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAOxE,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG,CACpC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;oBAiB1B,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAenB,CAAC"}

package/dist/es6/menu/lib/MenuList.js

@@ -3,9 +3,8 @@ import { createSubcomponent, createElemPropsHook, composeHooks, } from '@workday
 import { ListBox } from '@workday/canvas-kit-react/collection';
 import { useReturnFocus, useFocusRedirect } from '@workday/canvas-kit-react/popup';
 import { useMenuModel } from './useMenuModel';
-import { createStencil, cssVar } from '@workday/canvas-kit-styling';
+import { createStencil, cssVar, handleCsProp } from '@workday/canvas-kit-styling';
 import { base, system } from '@workday/canvas-tokens-web';
-import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const useMenuList = composeHooks(createElemPropsHook(useMenuModel)(model => {
     return {
         role: 'menu',
@@ -13,18 +12,18 @@ export const useMenuList = composeHooks(createElemPropsHook(useMenuModel)(model
     };
 }), useReturnFocus, useFocusRedirect);
 export const menuListStencil = createStencil({
-    base: { name: "4a3778", styles: "box-sizing:border-box;background:var(--cnvs-base-palette-french-vanilla-100);border-radius:var(--cnvs-sys-shape-zero);padding:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-zero);" },
+    base: { name: "hbbc2o", styles: "box-sizing:border-box;background:var(--cnvs-base-palette-french-vanilla-100);border-radius:var(--cnvs-sys-shape-zero);padding:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-zero);" },
     modifiers: {
         orientation: {
-            vertical: { name: "db5d98", styles: "flex-direction:column;" },
-            horizontal: { name: "3f3c28", styles: "flex-direction:row;" }
+            vertical: { name: "hbbc2p", styles: "flex-direction:column;" },
+            horizontal: { name: "hbbc2q", styles: "flex-direction:row;" }
         }
     }
-}, "menu-list-1651b0");
+}, "menu-list-b9b420");
 export const MenuList = createSubcomponent('div')({
     displayName: 'Menu.List',
     modelHook: useMenuModel,
     elemPropsHook: useMenuList,
 })(({ children, ...elemProps }, Element, model) => {
-    return (React.createElement(ListBox, Object.assign({ as: Element, model: model, marginY: cssVar(system.space.x2), overflowY: "auto" }, mergeStyles(elemProps, menuListStencil({ orientation: model.state.orientation }))), children));
+    return (React.createElement(ListBox, { as: Element, model: model, marginY: cssVar(system.space.x2), ...handleCsProp(elemProps, menuListStencil({ orientation: model.state.orientation })) }, children));
 });

package/dist/es6/menu/lib/MenuPopper.js

@@ -19,5 +19,5 @@ export const MenuPopper = createSubcomponent('div')({
     modelHook: useMenuModel,
     elemPropsHook: useMenuPopper,
 })(({ children, ...elemProps }) => {
-    return (React.createElement(Popper, Object.assign({ placement: "bottom-start", popperOptions: popperOptions }, elemProps), children));
+    return (React.createElement(Popper, { placement: "bottom-start", popperOptions: popperOptions, ...elemProps }, children));
 });

package/dist/es6/menu/lib/MenuTarget.js

@@ -25,12 +25,12 @@ export const MenuTarget = createSubcomponent(SecondaryButton)({
     modelHook: useMenuModel,
     elemPropsHook: useMenuTarget,
 })(({ children, ...elemProps }, Element) => {
-    return React.createElement(Element, Object.assign({}, elemProps), children);
+    return React.createElement(Element, { ...elemProps }, children);
 });
 export const MenuTargetContext = createSubcomponent(SecondaryButton)({
     displayName: 'Menu.Target',
     modelHook: useMenuModel,
     elemPropsHook: useMenuTargetContext,
 })(({ children, ...elemProps }, Element) => {
-    return React.createElement(Element, Object.assign({}, elemProps), children);
+    return React.createElement(Element, { ...elemProps }, children);
 });

package/dist/es6/modal/lib/Modal.d.ts

@@ -162,7 +162,7 @@ export declare const Modal: import("@workday/canvas-kit-react/common").Component
     /**
      * The `Modal.Card` is wraps a {@link PopupCard Popup.Card} which wraps a {@link Card}. It is
      * the `role="dialog"` element and is uses `useModalCard` behavior hook which sets
-     * `aria-modal="true"` and sets the `aria-labelledby` that points to the `id` of the
+     * `aria-modal="false"` and sets the `aria-labelledby` that points to the `id` of the
      * {@link ModalHeading Modal.Heading}. If you don't use a `Modal.Heading`, add an `aria-label`
      * instead. The default element is a `div` and can be changed via the `as` prop.
      */

package/dist/es6/modal/lib/Modal.js

@@ -40,7 +40,7 @@ export const Modal = createContainer()({
         /**
          * The `Modal.Card` is wraps a {@link PopupCard Popup.Card} which wraps a {@link Card}. It is
          * the `role="dialog"` element and is uses `useModalCard` behavior hook which sets
-         * `aria-modal="true"` and sets the `aria-labelledby` that points to the `id` of the
+         * `aria-modal="false"` and sets the `aria-labelledby` that points to the `id` of the
          * {@link ModalHeading Modal.Heading}. If you don't use a `Modal.Heading`, add an `aria-label`
          * instead. The default element is a `div` and can be changed via the `as` prop.
          */

package/dist/es6/modal/lib/ModalBody.js

@@ -6,11 +6,11 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalBodyStencil = createStencil({
-    base: { name: "085ad9", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);}" }
+    base: { name: "hbbc50", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);}" }
 }, "modal-body-d624fe");
 export const ModalBody = createSubcomponent('div')({
     displayName: 'Modal.Body',
     modelHook: useModalModel,
 })((elemProps, Element) => {
-    return React.createElement(Popup.Body, Object.assign({ as: Element }, mergeStyles(elemProps, modalBodyStencil())));
+    return React.createElement(Popup.Body, { as: Element, ...mergeStyles(elemProps, modalBodyStencil()) });
 });

package/dist/es6/modal/lib/ModalCard.js

@@ -6,12 +6,12 @@ import { calc, createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalCardStencil = createStencil({
-    base: { name: "456211", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-x10);width:calc(calc(var(--cnvs-sys-space-x20) * 5) + var(--cnvs-sys-space-x10));border-width:var(--cnvs-sys-space-zero);box-shadow:var(--cnvs-sys-depth-6);@media screen and (max-width: 768px){margin:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-space-x6);}" }
+    base: { name: "hbbc4x", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-x10);width:calc(calc(var(--cnvs-sys-space-x20) * 5) + var(--cnvs-sys-space-x10));border-width:var(--cnvs-sys-space-zero);box-shadow:var(--cnvs-sys-depth-6);@media screen and (max-width: 768px){margin:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-space-x6);}" }
 }, "modal-card-9eebe8");
 export const ModalCard = createSubcomponent('div')({
     displayName: 'Modal.Card',
     modelHook: useModalModel,
     elemPropsHook: useModalCard,
 })((elemProps, Element) => {
-    return React.createElement(Popup.Card, Object.assign({ as: Element }, mergeStyles(elemProps, modalCardStencil())));
+    return React.createElement(Popup.Card, { as: Element, ...mergeStyles(elemProps, modalCardStencil()) });
 });

package/dist/es6/modal/lib/ModalHeading.js

@@ -6,12 +6,12 @@ import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalHeadingStencil = createStencil({
-    base: { name: "72ed60", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x1);}" }
+    base: { name: "hbbc4y", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x1);}" }
 }, "modal-heading-52f13d");
 export const ModalHeading = createSubcomponent('h2')({
     displayName: 'Modal.Heading',
     modelHook: useModalModel,
     elemPropsHook: useModalHeading,
 })((elemProps, Element) => {
-    return React.createElement(Popup.Heading, Object.assign({ as: Element }, mergeStyles(elemProps, modalHeadingStencil())));
+    return React.createElement(Popup.Heading, { as: Element, ...mergeStyles(elemProps, modalHeadingStencil()) });
 });

package/dist/es6/modal/lib/ModalOverflowOverlay.js

@@ -5,11 +5,11 @@ import { useModalModel } from './hooks';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const modalOverflowOverlayStencil = createStencil({
-    base: { name: "528425", styles: "box-sizing:border-box;& > div{max-height:inherit;}overflow:hidden auto;" }
+    base: { name: "hbbc4z", styles: "box-sizing:border-box;& > div{max-height:inherit;}overflow:hidden auto;" }
 }, "modal-overflow-overlay-2ac342");
 export const ModalOverflowOverlay = createSubcomponent('div')({
     displayName: 'Modal.OverflowOverlay',
     modelHook: useModalModel,
 })((elemProps, Element) => {
-    return React.createElement(ModalOverlay, Object.assign({ as: Element }, mergeStyles(elemProps, modalOverflowOverlayStencil())));
+    return React.createElement(ModalOverlay, { as: Element, ...mergeStyles(elemProps, modalOverflowOverlayStencil()) });
 });

package/dist/es6/modal/lib/ModalOverlay.js

@@ -6,12 +6,12 @@ import { Box, mergeStyles } from '@workday/canvas-kit-react/layout';
 import { useModalModel } from './hooks';
 import { createStencil, cssVar, keyframes } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
-const fadeIn = keyframes({ name: "746311", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-bg-overlay);}" });
+const fadeIn = keyframes({ name: "hbbc4v", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-bg-overlay);}" });
 export const modalOverlayContainerStencil = createStencil({
     vars: {
         containerCenter: '',
     },
-    base: { name: "09f317", styles: "box-sizing:border-box;position:fixed;top:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);width:100vw;height:100vh;background:var(--cnvs-sys-color-bg-overlay);animation-duration:0.3s;animation-name:animation-746311;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:var(--cnvs-sys-space-zero);top:var(--cnvs-sys-space-zero);justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-8b6518);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
+    base: { name: "hbbc4w", styles: "box-sizing:border-box;position:fixed;top:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);width:100vw;height:100vh;background:var(--cnvs-sys-color-bg-overlay);animation-duration:0.3s;animation-name:animation-hbbc4v;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:var(--cnvs-sys-space-zero);top:var(--cnvs-sys-space-zero);justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-8b6518);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
 }, "modal-overlay-container-8b6518");
 export const useModalOverlay = createElemPropsHook(usePopupModel)(({ state }, ref) => {
     const elementRef = useForkRef(ref, state.stackRef);
@@ -28,7 +28,7 @@ const OpenModalOverlay = createSubcomponent('div')({
 })((elemProps, Element, model) => {
     const windowSize = useWindowSize();
     const containerCenter = windowSize.width % 2 === 1 ? 'calc(100vw - 1px)' : '100vw';
-    const content = (React.createElement(Box, Object.assign({}, mergeStyles(elemProps, modalOverlayContainerStencil({ containerCenter }))),
+    const content = (React.createElement(Box, { ...mergeStyles(elemProps, modalOverlayContainerStencil({ containerCenter })) },
         React.createElement(Box
         // make sure the centering container is an even number of pixels to avoid sub-pixel
         // inaccuracies due to centering
@@ -45,5 +45,5 @@ export const ModalOverlay = createSubcomponent('div')({
     displayName: 'Modal.Overlay',
     modelHook: useModalModel,
 })((elemProps, Element, model) => {
-    return model.state.visibility !== 'hidden' ? (React.createElement(OpenModalOverlay, Object.assign({ as: Element, model: model }, elemProps))) : null;
+    return model.state.visibility !== 'hidden' ? (React.createElement(OpenModalOverlay, { as: Element, model: model, ...elemProps })) : null;
 });

package/dist/es6/modal/lib/hooks/useModalCard.d.ts

@@ -19,6 +19,13 @@ export declare const useModalCard: import("@workday/canvas-kit-react/common").Be
     role: string;
     'aria-labelledby': string;
 } & {
+    /**
+     * `aria-modal` was added with the intent that screen readers would add support to properly define content within a modal,
+     * including popups like a Select. However, when aria-modal is true, it will hide other elements from screen readers,
+     * including popups owned by the modal because these popups are siblings to the modal and not ancestors. There is no defined time when Apple/VoiceOver
+     * might change this behavior and better support aria-owns, so for the time being we'll explicitly set this to false to provide a better
+     * VoiceOver experience.
+     */
     'aria-modal': boolean;
 }>;
 //# sourceMappingURL=useModalCard.d.ts.map

package/dist/es6/modal/lib/hooks/useModalCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalCard.d.ts","sourceRoot":"","sources":["../../../../../modal/lib/hooks/useModalCard.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;EAOxB,CAAC"}
+{"version":3,"file":"useModalCard.d.ts","sourceRoot":"","sources":["../../../../../modal/lib/hooks/useModalCard.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;IAInB;;;;;;OAMG;;EAIR,CAAC"}

package/dist/es6/modal/lib/hooks/useModalCard.js

@@ -2,6 +2,13 @@ import { composeHooks, createElemPropsHook } from '@workday/canvas-kit-react/com
 import { usePopupCard, usePopupModel } from '@workday/canvas-kit-react/popup';
 export const useModalCard = composeHooks(usePopupCard, createElemPropsHook(usePopupModel)(() => {
     return {
-        'aria-modal': true,
+        /**
+         * `aria-modal` was added with the intent that screen readers would add support to properly define content within a modal,
+         * including popups like a Select. However, when aria-modal is true, it will hide other elements from screen readers,
+         * including popups owned by the modal because these popups are siblings to the modal and not ancestors. There is no defined time when Apple/VoiceOver
+         * might change this behavior and better support aria-owns, so for the time being we'll explicitly set this to false to provide a better
+         * VoiceOver experience.
+         */
+        'aria-modal': false,
     };
 }));

package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js

@@ -22,6 +22,6 @@ export const AdditionalDetails = createComponent('div')({
     Component({ children, shouldAnnounceToScreenReader, ...elemProps }, ref, Element) {
         const model = React.useContext(PaginationContext);
         const liveRegionProps = useLiveRegion({ shouldAnnounceToScreenReader });
-        return (React.createElement(StyledAdditionalDetails, Object.assign({ ref: ref, as: Element }, type.levels.subtext.medium, { color: typeColors.hint }, liveRegionProps, elemProps), typeof children === 'function' ? children(model) : children));
+        return (React.createElement(StyledAdditionalDetails, { ref: ref, as: Element, ...type.levels.subtext.medium, color: typeColors.hint, ...liveRegionProps, ...elemProps }, typeof children === 'function' ? children(model) : children));
     },
 });

package/dist/es6/pagination/lib/Pagination/Controls.js

@@ -8,7 +8,7 @@ import { PaginationContext } from './usePaginationModel';
 export const PaginationControls = createComponent('div')({
     displayName: 'Pagination.Controls',
     Component(elemProps, ref, Element) {
-        return React.createElement(Flex, Object.assign({ ref: ref, as: Element, gap: "xxxs", alignItems: "center" }, elemProps));
+        return React.createElement(Flex, { ref: ref, as: Element, gap: "xxxs", alignItems: "center", ...elemProps });
     },
 });
 export const JumpToFirstButton = createComponent('button')({
@@ -25,7 +25,7 @@ export const JumpToFirstButton = createComponent('button')({
         };
         const { shouldUseRTL } = useRTL();
         const icon = shouldUseRTL ? chevron2xRightSmallIcon : chevron2xLeftSmallIcon;
-        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });
 export const StepToPreviousButton = createComponent('button')({
@@ -42,7 +42,7 @@ export const StepToPreviousButton = createComponent('button')({
         };
         const { shouldUseRTL } = useRTL();
         const icon = shouldUseRTL ? chevronRightSmallIcon : chevronLeftSmallIcon;
-        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });
 export const StepToNextButton = createComponent('button')({
@@ -59,7 +59,7 @@ export const StepToNextButton = createComponent('button')({
         };
         const { shouldUseRTL } = useRTL();
         const icon = shouldUseRTL ? chevronLeftSmallIcon : chevronRightSmallIcon;
-        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });
 export const JumpToLastButton = createComponent('button')({
@@ -76,6 +76,6 @@ export const JumpToLastButton = createComponent('button')({
         };
         const { shouldUseRTL } = useRTL();
         const icon = shouldUseRTL ? chevron2xLeftSmallIcon : chevron2xRightSmallIcon;
-        return (React.createElement(TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });

package/dist/es6/pagination/lib/Pagination/GoTo/Form.js

@@ -10,6 +10,6 @@ export const GoToForm = createComponent('form')({
         const { formProps } = goToContext;
         const shouldUseRTL = useIsRTL();
         return (React.createElement(GoToContext.Provider, { value: goToContext },
-            React.createElement(Flex, Object.assign({ ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined }, formProps, elemProps), children)));
+            React.createElement(Flex, { ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined, ...formProps, ...elemProps }, children)));
     },
 });

package/dist/es6/pagination/lib/Pagination/GoTo/Label.js

@@ -6,6 +6,6 @@ export const GoToLabel = createComponent('label')({
     displayName: 'Pagination.GoToLabel',
     Component({ children, ...elemProps }, ref, Element) {
         const model = React.useContext(PaginationContext);
-        return (React.createElement(Subtext, Object.assign({ ref: ref, as: Element, size: "medium", variant: "hint", whiteSpace: "nowrap" }, elemProps), typeof children === 'function' ? children(model) : children));
+        return (React.createElement(Subtext, { ref: ref, as: Element, size: "medium", variant: "hint", whiteSpace: "nowrap", ...elemProps }, typeof children === 'function' ? children(model) : children));
     },
 });

package/dist/es6/pagination/lib/Pagination/GoTo/TextInput.d.ts

@@ -1,5 +1,5 @@
 import { TextInputProps } from '@workday/canvas-kit-react/text-input';
-export declare type GoToTextInputProps = TextInputProps & {
+export type GoToTextInputProps = TextInputProps & {
     'aria-label': string;
     value?: string | number;
 };

package/dist/es6/pagination/lib/Pagination/GoTo/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAK/E,oBAAY,kBAAkB,GAAG,cAAc,GAAG;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa;kBAJV,MAAM;;EAWpB,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAK/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa;kBAJV,MAAM;;EAWpB,CAAC"}

package/dist/es6/pagination/lib/Pagination/GoTo/TextInput.js

@@ -6,6 +6,6 @@ export const GoToTextInput = createComponent('input')({
     displayName: 'Pagination.GoToTextInput',
     Component(elemProps, ref, Element) {
         const { inputProps } = React.useContext(GoToContext);
-        return React.createElement(TextInput, Object.assign({ ref: ref, as: Element, size: 1, width: 55 }, inputProps, elemProps));
+        return React.createElement(TextInput, { ref: ref, as: Element, size: 1, width: 55, ...inputProps, ...elemProps });
     },
 });

package/dist/es6/pagination/lib/Pagination/Nav.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { FlexProps } from '@workday/canvas-kit-react/layout';
 export interface PaginationNavProps extends Omit<FlexProps, 'as'> {
     'aria-label': string;
 }
-export declare const PaginationNav: (elemProps: PaginationNavProps) => JSX.Element;
+export declare const PaginationNav: (elemProps: PaginationNavProps) => React.JSX.Element;
 //# sourceMappingURL=Nav.d.ts.map

package/dist/es6/pagination/lib/Pagination/Nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Nav.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,cAAe,kBAAkB,gBAU1D,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,cAAe,kBAAkB,sBAU1D,CAAC"}

package/dist/es6/pagination/lib/Pagination/Nav.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { Flex } from '@workday/canvas-kit-react/layout';
 export const PaginationNav = (elemProps) => {
-    return (React.createElement(Flex, Object.assign({ as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
+    return (React.createElement(Flex, { as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center", ...elemProps }));
 };

package/dist/es6/pagination/lib/Pagination/PageButton.js

@@ -48,6 +48,6 @@ export const PageButton = createComponent('button')({
             (_b = (_a = elemProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
             model.events.goTo(pageNumber);
         };
-        return (React.createElement(StyledPageButton, Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
+        return (React.createElement(StyledPageButton, { "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage, ...elemProps }, children || pageNumber));
     },
 });

package/dist/es6/pagination/lib/Pagination/PageList.js

@@ -7,12 +7,12 @@ export const PageList = createComponent('ol')({
     displayName: 'Pagination.PageList',
     Component({ children, ...elemProps }, ref, Element) {
         const model = React.useContext(PaginationContext);
-        return (React.createElement(Flex, Object.assign({ ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
+        return (React.createElement(Flex, { ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs", ...elemProps }, typeof children === 'function' ? children(model) : children));
     },
 });
 export const PageListItem = createComponent('li')({
     displayName: 'Pagination.PageListItem',
     Component({ children, ...elemProps }, ref, Element) {
-        return (React.createElement(ListItem, Object.assign({ ref: ref, as: Element }, elemProps), children));
+        return (React.createElement(ListItem, { ref: ref, as: Element, ...elemProps }, children));
     },
 });