@workday/canvas-kit-react 9.1.23 → 9.1.24

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 (8) hide show
  1. package/dist/commonjs/tabs/lib/TabsItem.d.ts +2 -12
  2. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
  3. package/dist/commonjs/tabs/lib/TabsItem.js +1 -1
  4. package/dist/es6/tabs/lib/TabsItem.d.ts +2 -12
  5. package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
  6. package/dist/es6/tabs/lib/TabsItem.js +2 -2
  7. package/package.json +3 -3
  8. package/tabs/lib/TabsItem.tsx +2 -1
package/dist/commonjs/tabs/lib/TabsItem.d.ts CHANGED
@@ -150,12 +150,7 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
150
150
  menu: {
151
151
  state: {
152
152
  stackRef: React.RefObject<HTMLDivElement>;
153
- targetRef: React.RefObject<HTMLButtonElement>; /**
154
- * The identifier of the tab. This identifier will be used in change events and for `initialTab`.
155
- * Must match the `data-id` of the associated tab panel. If this property is not provided, it will
156
- * default to a string representation of the the zero-based index of the Tab when it was
157
- * initialized.
158
- */
153
+ targetRef: React.RefObject<HTMLButtonElement>;
159
154
  initialFocusRef: React.RefObject<any> | undefined;
160
155
  returnFocusRef: React.RefObject<any> | undefined;
161
156
  placement: import("@popperjs/core").Placement;
@@ -346,12 +341,7 @@ export declare const TabsItem: import("@workday/canvas-kit-react/common").Elemen
346
341
  menu: {
347
342
  state: {
348
343
  stackRef: React.RefObject<HTMLDivElement>;
349
- targetRef: React.RefObject<HTMLButtonElement>; /**
350
- * The identifier of the tab. This identifier will be used in change events and for `initialTab`.
351
- * Must match the `data-id` of the associated tab panel. If this property is not provided, it will
352
- * default to a string representation of the the zero-based index of the Tab when it was
353
- * initialized.
354
- */
344
+ targetRef: React.RefObject<HTMLButtonElement>;
355
345
  initialFocusRef: React.RefObject<any> | undefined;
356
346
  returnFocusRef: React.RefObject<any> | undefined;
357
347
  placement: import("@popperjs/core").Placement;
package/dist/commonjs/tabs/lib/TabsItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDA+EzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAhHtB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4HJ,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAnInB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IH,CAAC"}
1
+ {"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAIV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDA+EzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
package/dist/commonjs/tabs/lib/TabsItem.js CHANGED
@@ -108,7 +108,7 @@ exports.useTabsItem = common_1.composeHooks(common_1.createElemPropsHook(useTabs
108
108
  type: 'button',
109
109
  role: 'tab',
110
110
  'aria-selected': selected,
111
- 'aria-controls': `tabpanel-${state.id}-${name}`,
111
+ 'aria-controls': common_1.slugify(`tabpanel-${state.id}-${name}`),
112
112
  };
113
113
  }), collection_1.useListItemSelect, collection_1.useOverflowListItemMeasure, collection_1.useListItemRovingFocus, collection_1.useListItemRegister);
114
114
  exports.TabsItem = common_1.createSubcomponent('button')({
package/dist/es6/tabs/lib/TabsItem.d.ts CHANGED
@@ -150,12 +150,7 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
150
150
  menu: {
151
151
  state: {
152
152
  stackRef: React.RefObject<HTMLDivElement>;
153
- targetRef: React.RefObject<HTMLButtonElement>; /**
154
- * The identifier of the tab. This identifier will be used in change events and for `initialTab`.
155
- * Must match the `data-id` of the associated tab panel. If this property is not provided, it will
156
- * default to a string representation of the the zero-based index of the Tab when it was
157
- * initialized.
158
- */
153
+ targetRef: React.RefObject<HTMLButtonElement>;
159
154
  initialFocusRef: React.RefObject<any> | undefined;
160
155
  returnFocusRef: React.RefObject<any> | undefined;
161
156
  placement: import("@popperjs/core").Placement;
@@ -346,12 +341,7 @@ export declare const TabsItem: import("@workday/canvas-kit-react/common").Elemen
346
341
  menu: {
347
342
  state: {
348
343
  stackRef: React.RefObject<HTMLDivElement>;
349
- targetRef: React.RefObject<HTMLButtonElement>; /**
350
- * The identifier of the tab. This identifier will be used in change events and for `initialTab`.
351
- * Must match the `data-id` of the associated tab panel. If this property is not provided, it will
352
- * default to a string representation of the the zero-based index of the Tab when it was
353
- * initialized.
354
- */
344
+ targetRef: React.RefObject<HTMLButtonElement>;
355
345
  initialFocusRef: React.RefObject<any> | undefined;
356
346
  returnFocusRef: React.RefObject<any> | undefined;
357
347
  placement: import("@popperjs/core").Placement;
package/dist/es6/tabs/lib/TabsItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDA+EzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAhHtB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4HJ,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2DAnInB;;;;;eAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IH,CAAC"}
1
+ {"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,UAAU,EAIV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAYhE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;oDA+EzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
package/dist/es6/tabs/lib/TabsItem.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { colors, space, type, borderRadius, iconColors } from '@workday/canvas-kit-react/tokens';
3
- import { focusRing, hideMouseFocus, styled, createElemPropsHook, composeHooks, ellipsisStyles, EllipsisText, createSubcomponent, useModalityType, } from '@workday/canvas-kit-react/common';
3
+ import { focusRing, hideMouseFocus, styled, slugify, createElemPropsHook, composeHooks, ellipsisStyles, EllipsisText, createSubcomponent, useModalityType, } from '@workday/canvas-kit-react/common';
4
4
  import { Box } from '@workday/canvas-kit-react/layout';
5
5
  import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
6
6
  import { SystemIcon } from '@workday/canvas-kit-react/icon';
@@ -86,7 +86,7 @@ export const useTabsItem = composeHooks(createElemPropsHook(useTabsModel)(({ sta
86
86
  type: 'button',
87
87
  role: 'tab',
88
88
  'aria-selected': selected,
89
- 'aria-controls': `tabpanel-${state.id}-${name}`,
89
+ 'aria-controls': slugify(`tabpanel-${state.id}-${name}`),
90
90
  };
91
91
  }), useListItemSelect, useOverflowListItemMeasure, useListItemRovingFocus, useListItemRegister);
92
92
  export const TabsItem = createSubcomponent('button')({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "9.1.23",
3
+ "version": "9.1.24",
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",
@@ -49,7 +49,7 @@
49
49
  "@emotion/styled": "^11.6.0",
50
50
  "@popperjs/core": "^2.5.4",
51
51
  "@workday/canvas-colors-web": "^2.0.0",
52
- "@workday/canvas-kit-popup-stack": "^9.1.23",
52
+ "@workday/canvas-kit-popup-stack": "^9.1.24",
53
53
  "@workday/canvas-system-icons-web": "^3.0.0",
54
54
  "@workday/design-assets-types": "^0.2.8",
55
55
  "chroma-js": "^2.1.0",
@@ -66,5 +66,5 @@
66
66
  "@workday/canvas-accent-icons-web": "^3.0.0",
67
67
  "@workday/canvas-applet-icons-web": "^2.0.0"
68
68
  },
69
- "gitHead": "edea2541425f275aeb8ada02b4c84eddf3a5b96a"
69
+ "gitHead": "823e15c48ab64f2997706232a523f503d87c80df"
70
70
  }
package/tabs/lib/TabsItem.tsx CHANGED
@@ -6,6 +6,7 @@ import {
6
6
  hideMouseFocus,
7
7
  styled,
8
8
  StyledType,
9
+ slugify,
9
10
  createElemPropsHook,
10
11
  composeHooks,
11
12
  ExtractProps,
@@ -172,7 +173,7 @@ export const useTabsItem = composeHooks(
172
173
  type: 'button' as const,
173
174
  role: 'tab' as const,
174
175
  'aria-selected': selected,
175
- 'aria-controls': `tabpanel-${state.id}-${name}`,
176
+ 'aria-controls': slugify(`tabpanel-${state.id}-${name}`),
176
177
  };
177
178
  }),
178
179
  useListItemSelect,