@workday/canvas-kit-labs-react 12.6.24 → 12.6.26

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 (10) hide show
  1. package/dist/commonjs/expandable/lib/ExpandableAvatar.js +1 -1
  2. package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts.map +1 -1
  3. package/dist/commonjs/expandable/lib/ExpandableTarget.js +2 -1
  4. package/dist/commonjs/version.js +1 -1
  5. package/dist/es6/expandable/lib/ExpandableAvatar.js +1 -1
  6. package/dist/es6/expandable/lib/ExpandableTarget.d.ts.map +1 -1
  7. package/dist/es6/expandable/lib/ExpandableTarget.js +3 -2
  8. package/dist/es6/version.js +1 -1
  9. package/expandable/lib/ExpandableTarget.tsx +3 -2
  10. package/package.json +4 -4
package/dist/commonjs/expandable/lib/ExpandableAvatar.js CHANGED
@@ -9,7 +9,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
9
9
  const avatar_1 = require("@workday/canvas-kit-react/avatar");
10
10
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
11
11
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
12
- const expandableAvatarStyles = (0, canvas_kit_styling_1.createStyles)({ name: "llu12", styles: "margin-right:var(--cnvs-sys-space-x2);flex-shrink:0;" });
12
+ const expandableAvatarStyles = (0, canvas_kit_styling_1.createStyles)({ name: "xkic2", styles: "margin-right:var(--cnvs-sys-space-x2);flex-shrink:0;" });
13
13
  // When the component is created, it needs to be a button element to match AvatarProps.
14
14
  // Once Avatar becomes a `createComponent` we can default the element type to a `div`
15
15
  // and the types should be properly extracted
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,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,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;AAgBD,eAAO,MAAM,gBAAgB;;;;;;;;;EAoB3B,CAAC"}
1
+ {"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,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;AAkBD,eAAO,MAAM,gBAAgB;;;;;;;;;EAoB3B,CAAC"}
package/dist/commonjs/expandable/lib/ExpandableTarget.js CHANGED
@@ -13,7 +13,8 @@ const useExpandableModel_1 = require("./hooks/useExpandableModel");
13
13
  const StyledButton = (0, common_1.styled)(layout_1.Flex.as('button'))({
14
14
  cursor: 'pointer',
15
15
  '&:focus-visible, &.focus': {
16
- ...(0, common_1.focusRing)(),
16
+ // using `focusRing` in support doesn't work for components that use `styled` function because we changed the type to be `CSSObjectWithVars`. Changing this to use `boxShadow` works in support for non stencil components.
17
+ boxShadow: '0 0 0 0px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)),0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1))',
17
18
  },
18
19
  '&:hover': {
19
20
  background: tokens_1.colors.soap300,
package/dist/commonjs/version.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.version = void 0;
4
- exports.version = '12.6.24';
4
+ exports.version = '12.6.26';
package/dist/es6/expandable/lib/ExpandableAvatar.js CHANGED
@@ -3,7 +3,7 @@ import { createComponent } from '@workday/canvas-kit-react/common';
3
3
  import { Avatar } from '@workday/canvas-kit-react/avatar';
4
4
  import { system } from '@workday/canvas-tokens-web';
5
5
  import { createStyles } from '@workday/canvas-kit-styling';
6
- const expandableAvatarStyles = createStyles({ name: "pnxy2", styles: "margin-right:var(--cnvs-sys-space-x2);flex-shrink:0;" });
6
+ const expandableAvatarStyles = createStyles({ name: "e9j82", styles: "margin-right:var(--cnvs-sys-space-x2);flex-shrink:0;" });
7
7
  // When the component is created, it needs to be a button element to match AvatarProps.
8
8
  // Once Avatar becomes a `createComponent` we can default the element type to a `div`
9
9
  // and the types should be properly extracted
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,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,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;AAgBD,eAAO,MAAM,gBAAgB;;;;;;;;;EAoB3B,CAAC"}
1
+ {"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,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;AAkBD,eAAO,MAAM,gBAAgB;;;;;;;;;EAoB3B,CAAC"}
package/dist/es6/expandable/lib/ExpandableTarget.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { createSubcomponent, focusRing, styled, } from '@workday/canvas-kit-react/common';
2
+ import { createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
3
3
  import { Flex } from '@workday/canvas-kit-react/layout';
4
4
  import { colors } from '@workday/canvas-kit-react/tokens';
5
5
  import { useExpandableTarget } from './hooks/useExpandableTarget';
@@ -7,7 +7,8 @@ import { useExpandableModel } from './hooks/useExpandableModel';
7
7
  const StyledButton = styled(Flex.as('button'))({
8
8
  cursor: 'pointer',
9
9
  '&:focus-visible, &.focus': {
10
- ...focusRing(),
10
+ // using `focusRing` in support doesn't work for components that use `styled` function because we changed the type to be `CSSObjectWithVars`. Changing this to use `boxShadow` works in support for non stencil components.
11
+ boxShadow: '0 0 0 0px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)),0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1))',
11
12
  },
12
13
  '&:hover': {
13
14
  background: colors.soap300,
package/dist/es6/version.js CHANGED
@@ -1 +1 @@
1
- export const version = '12.6.24';
1
+ export const version = '12.6.26';
package/expandable/lib/ExpandableTarget.tsx CHANGED
@@ -3,7 +3,6 @@ import React from 'react';
3
3
  import {
4
4
  createSubcomponent,
5
5
  ExtractProps,
6
- focusRing,
7
6
  styled,
8
7
  StyledType,
9
8
  } from '@workday/canvas-kit-react/common';
@@ -31,7 +30,9 @@ export interface ExpandableTargetProps extends ExtractProps<typeof Flex, never>
31
30
  const StyledButton = styled(Flex.as('button'))<StyledType>({
32
31
  cursor: 'pointer',
33
32
  '&:focus-visible, &.focus': {
34
- ...focusRing(),
33
+ // using `focusRing` in support doesn't work for components that use `styled` function because we changed the type to be `CSSObjectWithVars`. Changing this to use `boxShadow` works in support for non stencil components.
34
+ boxShadow:
35
+ '0 0 0 0px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)),0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1))',
35
36
  },
36
37
  '&:hover': {
37
38
  background: colors.soap300,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-labs-react",
3
- "version": "12.6.24",
3
+ "version": "12.6.26",
4
4
  "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -48,8 +48,8 @@
48
48
  "dependencies": {
49
49
  "@emotion/react": "^11.7.1",
50
50
  "@emotion/styled": "^11.6.0",
51
- "@workday/canvas-kit-react": "^12.6.24",
52
- "@workday/canvas-kit-styling": "^12.6.24",
51
+ "@workday/canvas-kit-react": "^12.6.26",
52
+ "@workday/canvas-kit-styling": "^12.6.26",
53
53
  "@workday/canvas-system-icons-web": "^3.0.0",
54
54
  "@workday/canvas-tokens-web": "^2.1.1",
55
55
  "@workday/design-assets-types": "^0.2.8",
@@ -60,5 +60,5 @@
60
60
  "devDependencies": {
61
61
  "@types/lodash.flatten": "^4.4.6"
62
62
  },
63
- "gitHead": "fbd6c218bb1814cfcc6a15181ed3b4b9373a56d0"
63
+ "gitHead": "c779982abeeb548d372d3d93a214dc59c1e955be"
64
64
  }