@workday/canvas-kit-react 16.0.0-alpha.0486-next.0 → 16.0.0-alpha.0489-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/commonjs/expandable/lib/Expandable.d.ts.map +1 -1
  2. package/dist/commonjs/expandable/lib/Expandable.js +1 -1
  3. package/dist/commonjs/expandable/lib/ExpandableContent.js +1 -1
  4. package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts +9 -1
  5. package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts.map +1 -1
  6. package/dist/commonjs/expandable/lib/ExpandableTarget.js +3 -2
  7. package/dist/commonjs/table/lib/BaseTable.d.ts +9 -1
  8. package/dist/commonjs/table/lib/BaseTable.d.ts.map +1 -1
  9. package/dist/commonjs/table/lib/BaseTable.js +3 -2
  10. package/dist/commonjs/table/lib/Table.d.ts +17 -1
  11. package/dist/commonjs/table/lib/Table.d.ts.map +1 -1
  12. package/dist/commonjs/table/lib/Table.js +9 -9
  13. package/dist/commonjs/table/lib/parts/BaseTableHeader.d.ts.map +1 -1
  14. package/dist/commonjs/table/lib/parts/BaseTableHeader.js +1 -1
  15. package/dist/es6/expandable/lib/Expandable.d.ts.map +1 -1
  16. package/dist/es6/expandable/lib/Expandable.js +1 -1
  17. package/dist/es6/expandable/lib/ExpandableContent.js +1 -1
  18. package/dist/es6/expandable/lib/ExpandableTarget.d.ts +9 -1
  19. package/dist/es6/expandable/lib/ExpandableTarget.d.ts.map +1 -1
  20. package/dist/es6/expandable/lib/ExpandableTarget.js +4 -3
  21. package/dist/es6/table/lib/BaseTable.d.ts +9 -1
  22. package/dist/es6/table/lib/BaseTable.d.ts.map +1 -1
  23. package/dist/es6/table/lib/BaseTable.js +4 -3
  24. package/dist/es6/table/lib/Table.d.ts +17 -1
  25. package/dist/es6/table/lib/Table.d.ts.map +1 -1
  26. package/dist/es6/table/lib/Table.js +9 -9
  27. package/dist/es6/table/lib/parts/BaseTableHeader.d.ts.map +1 -1
  28. package/dist/es6/table/lib/parts/BaseTableHeader.js +1 -1
  29. package/expandable/lib/Expandable.tsx +1 -0
  30. package/expandable/lib/ExpandableContent.tsx +1 -1
  31. package/expandable/lib/ExpandableTarget.tsx +7 -2
  32. package/package.json +4 -4
  33. package/table/lib/BaseTable.tsx +5 -10
  34. package/table/lib/Table.tsx +1 -1
  35. package/table/lib/parts/BaseTableHeader.tsx +2 -1
package/dist/commonjs/expandable/lib/Expandable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAWnE,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,iJAMrC,CAAC;AAEH;;;;GAIG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAInB;;;;;;;;;;;OAWG;;;;;;;;;;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;;;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;CAKL,CAAC"}
1
+ {"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAWnE,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,iJAOrC,CAAC;AAEH;;;;GAIG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAInB;;;;;;;;;;;OAWG;;;;;;;;;;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;;;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;CAKL,CAAC"}
package/dist/commonjs/expandable/lib/Expandable.js CHANGED
@@ -13,7 +13,7 @@ const ExpandableTarget_1 = require("./ExpandableTarget");
13
13
  const ExpandableTitle_1 = require("./ExpandableTitle");
14
14
  const useExpandableModel_1 = require("./hooks/useExpandableModel");
15
15
  exports.expandableContainerStencil = (0, canvas_kit_styling_1.createStencil)({
16
- base: { name: "1flttk", styles: "box-sizing:border-box;display:flex;flex-direction:column;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
16
+ base: { name: "2hlhul", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
17
17
  }, "expandable-container-f664d5");
18
18
  /**
19
19
  * `Expandable` wraps an `Expandable.Target` and an `Expandable.Content`. By default, it provides a
package/dist/commonjs/expandable/lib/ExpandableContent.js CHANGED
@@ -9,7 +9,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
9
9
  const useExpandableContent_1 = require("./hooks/useExpandableContent");
10
10
  const useExpandableModel_1 = require("./hooks/useExpandableModel");
11
11
  exports.expandableContentStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "3o2yqi", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
12
+ base: { name: "ziml1", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
13
13
  }, "expandable-content-25e157");
14
14
  exports.ExpandableContent = (0, common_1.createSubcomponent)('div')({
15
15
  modelHook: useExpandableModel_1.useExpandableModel,
package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts CHANGED
@@ -15,7 +15,15 @@ export interface ExpandableTargetProps extends ExtractProps<typeof Flex, never>
15
15
  */
16
16
  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
17
17
  }
18
- export declare const expandableTargetStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
18
+ export declare const expandableTargetStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
19
+ shape: string;
20
+ }, never>, {}, {
21
+ shape: string;
22
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
23
+ shape: string;
24
+ }, never>, {}, {
25
+ shape: string;
26
+ }, never, never>, never>;
19
27
  export declare const ExpandableTarget: import("@workday/canvas-kit-react/common").ElementComponentM<"button", ExpandableTargetProps, {
20
28
  state: {
21
29
  id: string;
package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAQnE,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,uBAAuB,iJAqBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;EAe3B,CAAC"}
1
+ {"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAQnE,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,uBAAuB;;;;;;;;wBAsBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;EAe3B,CAAC"}
package/dist/commonjs/expandable/lib/ExpandableTarget.js CHANGED
@@ -10,8 +10,9 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
10
10
  const useExpandableModel_1 = require("./hooks/useExpandableModel");
11
11
  const useExpandableTarget_1 = require("./hooks/useExpandableTarget");
12
12
  exports.expandableTargetStencil = (0, canvas_kit_styling_1.createStencil)({
13
- base: { name: "33sh8u", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));border-color:var(--cnvs-sys-color-border-transparent);border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero, 0));justify-content:start;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));}" }
14
- }, "expandable-target-2ece26");
13
+ extends: common_1.cornerShapeStencil,
14
+ base: { name: "g4p5q", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));border-color:var(--cnvs-sys-color-border-transparent);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero, 0));justify-content:start;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));}" }
15
+ }, "expandable-target-6f2998");
15
16
  exports.ExpandableTarget = (0, common_1.createSubcomponent)('button')({
16
17
  modelHook: useExpandableModel_1.useExpandableModel,
17
18
  elemPropsHook: useExpandableTarget_1.useExpandableTarget,
package/dist/commonjs/table/lib/BaseTable.d.ts CHANGED
@@ -1,7 +1,15 @@
1
1
  import { BoxProps } from '@workday/canvas-kit-react/layout';
2
2
  export interface BaseTableProps extends Omit<BoxProps, 'ref'> {
3
3
  }
4
- export declare const baseTableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
4
+ export declare const baseTableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
5
+ shape: string;
6
+ }, never>, {}, {
7
+ shape: string;
8
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
9
+ shape: string;
10
+ }, never>, {}, {
11
+ shape: string;
12
+ }, never, never>, never>;
5
13
  /**
6
14
  * `BaseTable` is a simple styled compound component that renders a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element.
7
15
  * It is used to present information in a two-dimensional table comprised of rows and columns of cells containing data.
package/dist/commonjs/table/lib/BaseTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../table/lib/BaseTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAYvE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;CAAG;AAEhE,eAAO,MAAM,gBAAgB,iJAc3B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,SAAS;IAUlB;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;MAmBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
1
+ {"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../table/lib/BaseTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAYvE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;CAAG;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;wBAS3B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,SAAS;IAUlB;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;MAmBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
package/dist/commonjs/table/lib/BaseTable.js CHANGED
@@ -14,8 +14,9 @@ const BaseTableHead_1 = require("./parts/BaseTableHead");
14
14
  const BaseTableHeader_1 = require("./parts/BaseTableHeader");
15
15
  const BaseTableRow_1 = require("./parts/BaseTableRow");
16
16
  exports.baseTableStencil = (0, canvas_kit_styling_1.createStencil)({
17
- base: { name: "1cl9b9", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));border:0.0625rem solid var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)));border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));overflow:auto;color:var(--cnvs-sys-color-fg-default);" }
18
- }, "base-table-51e04b");
17
+ extends: common_1.cornerShapeStencil,
18
+ base: { name: "4aqhyp", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-normal, 400);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);border:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));overflow:auto;color:var(--cnvs-sys-color-fg-default);" }
19
+ }, "base-table-1805af");
19
20
  /**
20
21
  * `BaseTable` is a simple styled compound component that renders a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element.
21
22
  * It is used to present information in a two-dimensional table comprised of rows and columns of cells containing data.
package/dist/commonjs/table/lib/Table.d.ts CHANGED
@@ -1,7 +1,23 @@
1
1
  import { GridProps } from '@workday/canvas-kit-react/layout';
2
2
  export interface TableProps extends GridProps {
3
3
  }
4
- export declare const tableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
4
+ export declare const tableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
5
+ shape: string;
6
+ }, never>, {}, {
7
+ shape: string;
8
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
9
+ shape: string;
10
+ }, never>, {}, {
11
+ shape: string;
12
+ }, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
13
+ shape: string;
14
+ }, never>, {}, {
15
+ shape: string;
16
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
17
+ shape: string;
18
+ }, never>, {}, {
19
+ shape: string;
20
+ }, never, never>, never>, never>;
5
21
  export declare const tableBodyStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
6
22
  export declare const tableCaptionStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
7
23
  export declare const tableCellStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
package/dist/commonjs/table/lib/Table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAYnF,MAAM,WAAW,UAAW,SAAQ,SAAS;CAAG;AAEhD,eAAO,MAAM,YAAY,qaAKvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,qaAM9B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,iJAI7B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,qaAM7B,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,YAAY,0MASvB,CAAC;AAEH,eAAO,MAAM,SAAS,qMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,wMAStB,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,qMAStB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,KAAK;IAUd;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAYnF,MAAM,WAAW,UAAW,SAAQ,SAAS;CAAG;AAEhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;gCAKvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,qaAM9B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,iJAI7B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,qaAM7B,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,YAAY,0MASvB,CAAC;AAEH,eAAO,MAAM,SAAS,qMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,wMAStB,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,qMAStB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,KAAK;IAUd;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
package/dist/commonjs/table/lib/Table.js CHANGED
@@ -23,23 +23,23 @@ exports.tableBodyStencil = (0, canvas_kit_styling_1.createStencil)({
23
23
  }, "table-body-9e30fe");
24
24
  exports.tableCaptionStencil = (0, canvas_kit_styling_1.createStencil)({
25
25
  extends: BaseTableCaption_1.baseTableCaptionStencil,
26
- base: { name: "fr41l", styles: "box-sizing:border-box;display:flex;border-block-end:0.0625rem solid var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)));" }
26
+ base: { name: "2h1zln", styles: "box-sizing:border-box;display:flex;border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));" }
27
27
  }, "table-caption-7b7506");
28
28
  exports.tableCellStencil = (0, canvas_kit_styling_1.createStencil)({
29
29
  extends: BaseTableCell_1.baseTableCellStencil,
30
- base: { name: "uwkk6", styles: "box-sizing:border-box;display:grid;" }
31
- }, "table-cell-5a46c0");
30
+ base: { name: "2ejpau", styles: "box-sizing:border-box;display:grid;" }
31
+ }, "table-cell-1122ef");
32
32
  exports.tableFooterStencil = (0, canvas_kit_styling_1.createStencil)({
33
- base: { name: "27kht8", styles: "box-sizing:border-box;display:grid;" }
34
- }, "table-footer-6183f6");
33
+ base: { name: "1yb8yn", styles: "box-sizing:border-box;display:grid;" }
34
+ }, "table-footer-d6b09a");
35
35
  exports.tableHeadStencil = (0, canvas_kit_styling_1.createStencil)({
36
36
  extends: BaseTableHead_1.baseTableHeadStencil,
37
- base: { name: "cmbs3", styles: "box-sizing:border-box;display:grid;" }
38
- }, "table-head-30f5ca");
37
+ base: { name: "3awccx", styles: "box-sizing:border-box;display:grid;" }
38
+ }, "table-head-0b148b");
39
39
  exports.tableHeaderStencil = (0, canvas_kit_styling_1.createStencil)({
40
40
  extends: BaseTableHeader_1.baseTableHeaderStencil,
41
- base: { name: "qrhjl", styles: "box-sizing:border-box;display:grid;align-items:center;" }
42
- }, "table-header-eea4a9");
41
+ base: { name: "ee6u8", styles: "box-sizing:border-box;display:grid;align-items:center;" }
42
+ }, "table-header-0dcb0e");
43
43
  exports.TableBody = (0, common_1.createComponent)('tbody')({
44
44
  displayName: 'Table.Body',
45
45
  Component: ({ children, ...elemProps }, ref, Element) => {
package/dist/commonjs/table/lib/parts/BaseTableHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTableHeader.d.ts","sourceRoot":"","sources":["../../../../../table/lib/parts/BaseTableHeader.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,iJAUjC,CAAC;AAEH,eAAO,MAAM,eAAe,4lCAS1B,CAAC"}
1
+ {"version":3,"file":"BaseTableHeader.d.ts","sourceRoot":"","sources":["../../../../../table/lib/parts/BaseTableHeader.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,iJAWjC,CAAC;AAEH,eAAO,MAAM,eAAe,4lCAS1B,CAAC"}
package/dist/commonjs/table/lib/parts/BaseTableHeader.js CHANGED
@@ -7,7 +7,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
7
7
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
8
8
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
9
9
  exports.baseTableHeaderStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "4a7m9j", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-default);border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));justify-content:start;min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-base-size-100, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);" }
10
+ base: { name: "3pnwge", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-default);border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));justify-content:start;min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-base-size-100, 0.5rem));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-strong);" }
11
11
  }, "base-table-header-325ccb");
12
12
  exports.BaseTableHeader = (0, common_1.createComponent)('th')({
13
13
  displayName: 'Table.Header',
package/dist/es6/expandable/lib/Expandable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAWnE,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,iJAMrC,CAAC;AAEH;;;;GAIG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAInB;;;;;;;;;;;OAWG;;;;;;;;;;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;;;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;CAKL,CAAC"}
1
+ {"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAWnE,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,iJAOrC,CAAC;AAEH;;;;GAIG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAInB;;;;;;;;;;;OAWG;;;;;;;;;;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;;;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;CAKL,CAAC"}
package/dist/es6/expandable/lib/Expandable.js CHANGED
@@ -10,7 +10,7 @@ import { ExpandableTarget } from './ExpandableTarget';
10
10
  import { ExpandableTitle } from './ExpandableTitle';
11
11
  import { useExpandableModel } from './hooks/useExpandableModel';
12
12
  export const expandableContainerStencil = createStencil({
13
- base: { name: "1flttk", styles: "box-sizing:border-box;display:flex;flex-direction:column;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
13
+ base: { name: "2hlhul", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
14
14
  }, "expandable-container-f664d5");
15
15
  /**
16
16
  * `Expandable` wraps an `Expandable.Target` and an `Expandable.Content`. By default, it provides a
package/dist/es6/expandable/lib/ExpandableContent.js CHANGED
@@ -6,7 +6,7 @@ import { system } from '@workday/canvas-tokens-web';
6
6
  import { useExpandableContent } from './hooks/useExpandableContent';
7
7
  import { useExpandableModel } from './hooks/useExpandableModel';
8
8
  export const expandableContentStencil = createStencil({
9
- base: { name: "3o2yqi", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
9
+ base: { name: "ziml1", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
10
10
  }, "expandable-content-25e157");
11
11
  export const ExpandableContent = createSubcomponent('div')({
12
12
  modelHook: useExpandableModel,
package/dist/es6/expandable/lib/ExpandableTarget.d.ts CHANGED
@@ -15,7 +15,15 @@ export interface ExpandableTargetProps extends ExtractProps<typeof Flex, never>
15
15
  */
16
16
  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
17
17
  }
18
- export declare const expandableTargetStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
18
+ export declare const expandableTargetStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
19
+ shape: string;
20
+ }, never>, {}, {
21
+ shape: string;
22
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
23
+ shape: string;
24
+ }, never>, {}, {
25
+ shape: string;
26
+ }, never, never>, never>;
19
27
  export declare const ExpandableTarget: import("@workday/canvas-kit-react/common").ElementComponentM<"button", ExpandableTargetProps, {
20
28
  state: {
21
29
  id: string;
package/dist/es6/expandable/lib/ExpandableTarget.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAQnE,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,uBAAuB,iJAqBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;EAe3B,CAAC"}
1
+ {"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAQnE,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,uBAAuB;;;;;;;;wBAsBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;EAe3B,CAAC"}
package/dist/es6/expandable/lib/ExpandableTarget.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createSubcomponent } from '@workday/canvas-kit-react/common';
2
+ import { cornerShapeStencil, createSubcomponent, } from '@workday/canvas-kit-react/common';
3
3
  import { mergeStyles } from '@workday/canvas-kit-react/layout';
4
4
  import { Heading } from '@workday/canvas-kit-react/text';
5
5
  import { createStencil, px2rem } from '@workday/canvas-kit-styling';
@@ -7,8 +7,9 @@ import { system } from '@workday/canvas-tokens-web';
7
7
  import { useExpandableModel } from './hooks/useExpandableModel';
8
8
  import { useExpandableTarget } from './hooks/useExpandableTarget';
9
9
  export const expandableTargetStencil = createStencil({
10
- base: { name: "33sh8u", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));border-color:var(--cnvs-sys-color-border-transparent);border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero, 0));justify-content:start;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));}" }
11
- }, "expandable-target-2ece26");
10
+ extends: cornerShapeStencil,
11
+ base: { name: "g4p5q", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));border-color:var(--cnvs-sys-color-border-transparent);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero, 0));justify-content:start;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));}" }
12
+ }, "expandable-target-6f2998");
12
13
  export const ExpandableTarget = createSubcomponent('button')({
13
14
  modelHook: useExpandableModel,
14
15
  elemPropsHook: useExpandableTarget,
package/dist/es6/table/lib/BaseTable.d.ts CHANGED
@@ -1,7 +1,15 @@
1
1
  import { BoxProps } from '@workday/canvas-kit-react/layout';
2
2
  export interface BaseTableProps extends Omit<BoxProps, 'ref'> {
3
3
  }
4
- export declare const baseTableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
4
+ export declare const baseTableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
5
+ shape: string;
6
+ }, never>, {}, {
7
+ shape: string;
8
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
9
+ shape: string;
10
+ }, never>, {}, {
11
+ shape: string;
12
+ }, never, never>, never>;
5
13
  /**
6
14
  * `BaseTable` is a simple styled compound component that renders a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element.
7
15
  * It is used to present information in a two-dimensional table comprised of rows and columns of cells containing data.
package/dist/es6/table/lib/BaseTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../table/lib/BaseTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAYvE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;CAAG;AAEhE,eAAO,MAAM,gBAAgB,iJAc3B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,SAAS;IAUlB;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;MAmBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
1
+ {"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../../../table/lib/BaseTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAYvE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;CAAG;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;wBAS3B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,SAAS;IAUlB;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;MAmBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
package/dist/es6/table/lib/BaseTable.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createComponent } from '@workday/canvas-kit-react/common';
2
+ import { cornerShapeStencil, createComponent } from '@workday/canvas-kit-react/common';
3
3
  import { mergeStyles } from '@workday/canvas-kit-react/layout';
4
4
  import { createStencil, px2rem } from '@workday/canvas-kit-styling';
5
5
  import { system } from '@workday/canvas-tokens-web';
@@ -11,8 +11,9 @@ import { BaseTableHead } from './parts/BaseTableHead';
11
11
  import { BaseTableHeader } from './parts/BaseTableHeader';
12
12
  import { BaseTableRow } from './parts/BaseTableRow';
13
13
  export const baseTableStencil = createStencil({
14
- base: { name: "1cl9b9", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));border:0.0625rem solid var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)));border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));overflow:auto;color:var(--cnvs-sys-color-fg-default);" }
15
- }, "base-table-51e04b");
14
+ extends: cornerShapeStencil,
15
+ base: { name: "4aqhyp", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-normal, 400);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);border:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));overflow:auto;color:var(--cnvs-sys-color-fg-default);" }
16
+ }, "base-table-1805af");
16
17
  /**
17
18
  * `BaseTable` is a simple styled compound component that renders a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element.
18
19
  * It is used to present information in a two-dimensional table comprised of rows and columns of cells containing data.
package/dist/es6/table/lib/Table.d.ts CHANGED
@@ -1,7 +1,23 @@
1
1
  import { GridProps } from '@workday/canvas-kit-react/layout';
2
2
  export interface TableProps extends GridProps {
3
3
  }
4
- export declare const tableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
4
+ export declare const tableStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
5
+ shape: string;
6
+ }, never>, {}, {
7
+ shape: string;
8
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
9
+ shape: string;
10
+ }, never>, {}, {
11
+ shape: string;
12
+ }, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
13
+ shape: string;
14
+ }, never>, {}, {
15
+ shape: string;
16
+ }, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
17
+ shape: string;
18
+ }, never>, {}, {
19
+ shape: string;
20
+ }, never, never>, never>, never>;
5
21
  export declare const tableBodyStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
6
22
  export declare const tableCaptionStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
7
23
  export declare const tableCellStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>, never>;
package/dist/es6/table/lib/Table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAYnF,MAAM,WAAW,UAAW,SAAQ,SAAS;CAAG;AAEhD,eAAO,MAAM,YAAY,qaAKvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,qaAM9B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,iJAI7B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,qaAM7B,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,YAAY,0MASvB,CAAC;AAEH,eAAO,MAAM,SAAS,qMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,wMAStB,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,qMAStB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,KAAK;IAUd;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAYnF,MAAM,WAAW,UAAW,SAAQ,SAAS;CAAG;AAEhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;gCAKvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,qaAM9B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,iJAI7B,CAAC;AAEH,eAAO,MAAM,gBAAgB,qaAK3B,CAAC;AAEH,eAAO,MAAM,kBAAkB,qaAM7B,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,YAAY,0MASvB,CAAC;AAEH,eAAO,MAAM,SAAS,qMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,wMAStB,CAAC;AAEH,eAAO,MAAM,SAAS,wMASpB,CAAC;AAEH,eAAO,MAAM,WAAW,qMAStB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,KAAK;IAUd;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}
package/dist/es6/table/lib/Table.js CHANGED
@@ -20,23 +20,23 @@ export const tableBodyStencil = createStencil({
20
20
  }, "table-body-9e30fe");
21
21
  export const tableCaptionStencil = createStencil({
22
22
  extends: baseTableCaptionStencil,
23
- base: { name: "fr41l", styles: "box-sizing:border-box;display:flex;border-block-end:0.0625rem solid var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)));" }
23
+ base: { name: "2h1zln", styles: "box-sizing:border-box;display:flex;border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));" }
24
24
  }, "table-caption-7b7506");
25
25
  export const tableCellStencil = createStencil({
26
26
  extends: baseTableCellStencil,
27
- base: { name: "uwkk6", styles: "box-sizing:border-box;display:grid;" }
28
- }, "table-cell-5a46c0");
27
+ base: { name: "2ejpau", styles: "box-sizing:border-box;display:grid;" }
28
+ }, "table-cell-1122ef");
29
29
  export const tableFooterStencil = createStencil({
30
- base: { name: "27kht8", styles: "box-sizing:border-box;display:grid;" }
31
- }, "table-footer-6183f6");
30
+ base: { name: "1yb8yn", styles: "box-sizing:border-box;display:grid;" }
31
+ }, "table-footer-d6b09a");
32
32
  export const tableHeadStencil = createStencil({
33
33
  extends: baseTableHeadStencil,
34
- base: { name: "cmbs3", styles: "box-sizing:border-box;display:grid;" }
35
- }, "table-head-30f5ca");
34
+ base: { name: "3awccx", styles: "box-sizing:border-box;display:grid;" }
35
+ }, "table-head-0b148b");
36
36
  export const tableHeaderStencil = createStencil({
37
37
  extends: baseTableHeaderStencil,
38
- base: { name: "qrhjl", styles: "box-sizing:border-box;display:grid;align-items:center;" }
39
- }, "table-header-eea4a9");
38
+ base: { name: "ee6u8", styles: "box-sizing:border-box;display:grid;align-items:center;" }
39
+ }, "table-header-0dcb0e");
40
40
  export const TableBody = createComponent('tbody')({
41
41
  displayName: 'Table.Body',
42
42
  Component: ({ children, ...elemProps }, ref, Element) => {
package/dist/es6/table/lib/parts/BaseTableHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTableHeader.d.ts","sourceRoot":"","sources":["../../../../../table/lib/parts/BaseTableHeader.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,iJAUjC,CAAC;AAEH,eAAO,MAAM,eAAe,4lCAS1B,CAAC"}
1
+ {"version":3,"file":"BaseTableHeader.d.ts","sourceRoot":"","sources":["../../../../../table/lib/parts/BaseTableHeader.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,iJAWjC,CAAC;AAEH,eAAO,MAAM,eAAe,4lCAS1B,CAAC"}
package/dist/es6/table/lib/parts/BaseTableHeader.js CHANGED
@@ -4,7 +4,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
4
4
  import { calc, createStencil, px2rem } from '@workday/canvas-kit-styling';
5
5
  import { base, system } from '@workday/canvas-tokens-web';
6
6
  export const baseTableHeaderStencil = createStencil({
7
- base: { name: "4a7m9j", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-default);border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));justify-content:start;min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-base-size-100, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);" }
7
+ base: { name: "3pnwge", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-default);border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));justify-content:start;min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-base-size-100, 0.5rem));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-strong);" }
8
8
  }, "base-table-header-325ccb");
9
9
  export const BaseTableHeader = createComponent('th')({
10
10
  displayName: 'Table.Header',
package/expandable/lib/Expandable.tsx CHANGED
@@ -24,6 +24,7 @@ export const expandableContainerStencil = createStencil({
24
24
  base: {
25
25
  display: 'flex',
26
26
  flexDirection: 'column',
27
+ gap: system.legacy.gap.sm,
27
28
  padding: system.legacy.padding.xs,
28
29
  },
29
30
  });
package/expandable/lib/ExpandableContent.tsx CHANGED
@@ -19,7 +19,7 @@ export interface ExpandableContentProps extends ExtractProps<typeof Box, never>
19
19
  export const expandableContentStencil = createStencil({
20
20
  base: {
21
21
  background: system.legacy.color.surface.transparent,
22
- padding: `${system.legacy.padding.md} ${system.legacy.padding.xs} ${system.legacy.padding.xs}`,
22
+ padding: system.legacy.padding.xs,
23
23
  },
24
24
  });
25
25
 
package/expandable/lib/ExpandableTarget.tsx CHANGED
@@ -1,6 +1,10 @@
1
1
  import React from 'react';
2
2
 
3
- import {ExtractProps, createSubcomponent} from '@workday/canvas-kit-react/common';
3
+ import {
4
+ ExtractProps,
5
+ cornerShapeStencil,
6
+ createSubcomponent,
7
+ } from '@workday/canvas-kit-react/common';
4
8
  import {Flex, mergeStyles} from '@workday/canvas-kit-react/layout';
5
9
  import {Heading} from '@workday/canvas-kit-react/text';
6
10
  import {createStencil, px2rem} from '@workday/canvas-kit-styling';
@@ -25,10 +29,11 @@ export interface ExpandableTargetProps extends ExtractProps<typeof Flex, never>
25
29
  }
26
30
 
27
31
  export const expandableTargetStencil = createStencil({
32
+ extends: cornerShapeStencil,
28
33
  base: {
29
34
  background: system.legacy.color.surface.transparent,
30
35
  borderColor: system.color.border.transparent,
31
- borderRadius: system.legacy.shape.xxl,
36
+ [cornerShapeStencil.vars.shape]: system.legacy.shape.lg,
32
37
  borderWidth: 0,
33
38
  display: 'flex',
34
39
  alignItems: 'center',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "16.0.0-alpha.0486-next.0",
3
+ "version": "16.0.0-alpha.0489-next.0",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -53,8 +53,8 @@
53
53
  "@tanstack/react-virtual": "^3.13.9",
54
54
  "@workday/canvas-colors-web": "^2.0.0",
55
55
  "@workday/canvas-expressive-icons-web": "1.0.2",
56
- "@workday/canvas-kit-popup-stack": "^16.0.0-alpha.0486-next.0",
57
- "@workday/canvas-kit-styling": "^16.0.0-alpha.0486-next.0",
56
+ "@workday/canvas-kit-popup-stack": "^16.0.0-alpha.0489-next.0",
57
+ "@workday/canvas-kit-styling": "^16.0.0-alpha.0489-next.0",
58
58
  "@workday/canvas-system-icons-web": "5.0.1",
59
59
  "@workday/canvas-tokens-web": "4.4.0-beta.7",
60
60
  "@workday/design-assets-types": "^0.3.0",
@@ -69,5 +69,5 @@
69
69
  "@workday/canvas-accent-icons-web": "^3.0.0",
70
70
  "@workday/canvas-applet-icons-web": "^2.0.0"
71
71
  },
72
- "gitHead": "8be87645060c8ea1b56dc5bebceecc64fa33bfc2"
72
+ "gitHead": "7fd27af4a93c1a32acd105aefd72090a1d1b458a"
73
73
  }
package/table/lib/BaseTable.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import {createComponent} from '@workday/canvas-kit-react/common';
1
+ import {cornerShapeStencil, createComponent} from '@workday/canvas-kit-react/common';
2
2
  import {BoxProps, mergeStyles} from '@workday/canvas-kit-react/layout';
3
3
  import {createStencil, px2rem} from '@workday/canvas-kit-styling';
4
4
  import {system} from '@workday/canvas-tokens-web';
@@ -14,16 +14,11 @@ import {BaseTableRow} from './parts/BaseTableRow';
14
14
  export interface BaseTableProps extends Omit<BoxProps, 'ref'> {}
15
15
 
16
16
  export const baseTableStencil = createStencil({
17
+ extends: cornerShapeStencil,
17
18
  base: {
18
- // ...system.legacy.type.subtext.lg,
19
- // components do not support spreading for legacy type token
20
- fontFamily: system.fontFamily.default,
21
- fontWeight: system.fontWeight.normal,
22
- fontSize: system.legacy.fontSize.subtext.lg,
23
- lineHeight: system.legacy.lineHeight.subtext.lg,
24
- letterSpacing: system.legacy.letterSpacing.subtext.lg,
25
- border: `${px2rem(1)} solid ${system.legacy.color.border.strong}`,
26
- borderRadius: system.legacy.shape.md,
19
+ ...system.legacy.type.subtext.lg,
20
+ [cornerShapeStencil.vars.shape]: system.legacy.shape.lg,
21
+ border: `${px2rem(1)} solid ${system.legacy.color.border.default}`,
27
22
  overflow: 'auto',
28
23
  color: system.color.fg.default,
29
24
  },
package/table/lib/Table.tsx CHANGED
@@ -31,7 +31,7 @@ export const tableCaptionStencil = createStencil({
31
31
  extends: baseTableCaptionStencil,
32
32
  base: {
33
33
  display: 'flex',
34
- borderBlockEnd: `${px2rem(1)} solid ${system.legacy.color.border.strong}`,
34
+ borderBlockEnd: `${px2rem(1)} solid ${system.legacy.color.border.default}`,
35
35
  },
36
36
  });
37
37
 
package/table/lib/parts/BaseTableHeader.tsx CHANGED
@@ -9,9 +9,10 @@ export const baseTableHeaderStencil = createStencil({
9
9
  borderBlockEnd: `${px2rem(1)} solid ${system.legacy.color.border.default}`,
10
10
  justifyContent: 'start',
11
11
  minHeight: calc.subtract(system.legacy.size.xxl, base.legacy.size100),
12
- padding: `${system.legacy.padding.xs} ${system.legacy.padding.md}`,
12
+ padding: system.legacy.padding.md,
13
13
  wordBreak: 'break-word',
14
14
  fontWeight: system.fontWeight.medium,
15
+ color: system.color.fg.strong,
15
16
  },
16
17
  });
17
18