@workday/canvas-kit-react 8.6.17 → 8.6.19

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 (9) hide show
  1. package/breadcrumbs/lib/hooks/utils/index.ts +2 -2
  2. package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.js +2 -2
  3. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
  4. package/dist/commonjs/tabs/lib/TabsItem.js +1 -6
  5. package/dist/es6/breadcrumbs/lib/hooks/utils/index.js +2 -2
  6. package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
  7. package/dist/es6/tabs/lib/TabsItem.js +1 -6
  8. package/package.json +3 -3
  9. package/tabs/lib/TabsItem.tsx +0 -7
package/breadcrumbs/lib/hooks/utils/index.ts CHANGED
@@ -7,10 +7,10 @@ export const reorganizeHiddenItems = (
7
7
  const totalSize = items.length;
8
8
  const itemSpace = totalSize - hiddenIds.length;
9
9
 
10
- if (itemSpace <= 2) {
10
+ if (totalSize > 2 && itemSpace <= 2) {
11
11
  // Keep only last items if there is place for two or less items
12
12
  updatedHiddenIds = items.slice(0, totalSize - 1).map(getId);
13
- } else if (itemSpace === 3) {
13
+ } else if (totalSize > 3 && itemSpace === 3) {
14
14
  // Always keep first and last item if there is place for 3 items
15
15
  updatedHiddenIds = items.slice(1, totalSize - 1).map(getId);
16
16
  } else if (itemSpace > 3 && itemSpace < totalSize) {
package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.js CHANGED
@@ -5,11 +5,11 @@ var reorganizeHiddenItems = function (items, hiddenIds, getId) {
5
5
  var updatedHiddenIds = hiddenIds;
6
6
  var totalSize = items.length;
7
7
  var itemSpace = totalSize - hiddenIds.length;
8
- if (itemSpace <= 2) {
8
+ if (totalSize > 2 && itemSpace <= 2) {
9
9
  // Keep only last items if there is place for two or less items
10
10
  updatedHiddenIds = items.slice(0, totalSize - 1).map(getId);
11
11
  }
12
- else if (itemSpace === 3) {
12
+ else if (totalSize > 3 && itemSpace === 3) {
13
13
  // Always keep first and last item if there is place for 3 items
14
14
  updatedHiddenIds = items.slice(1, totalSize - 1).map(getId);
15
15
  }
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,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAYjE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtC;;;;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;;;;wDAwFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,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,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAYjE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtC;;;;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;;;;wDAiFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
package/dist/commonjs/tabs/lib/TabsItem.js CHANGED
@@ -54,17 +54,12 @@ exports.StyledTabItem = common_1.styled(layout_1.Box.as('button'))(function (_a)
54
54
  var theme = _a.theme, spacing = _a.spacing;
55
55
  return (__assign(__assign(__assign(__assign({}, tokens_1.type.levels.subtext.large), { '& > *:not(style) ~ *:not(style)': {
56
56
  marginLeft: spacing || tokens_1.space.xxs,
57
- }, fontWeight: tokens_1.type.properties.fontWeights.medium, border: 'none', backgroundColor: 'transparent', flex: '0 0 auto', alignItems: 'center', padding: tokens_1.space.xs + " " + tokens_1.space.s, height: 52, boxSizing: 'border-box', cursor: 'pointer', color: tokens_1.colors.licorice300, position: 'relative', borderRadius: tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0px 0px", transition: 'background 150ms ease, color 150ms ease' }), common_1.hideMouseFocus), { '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
58
- fill: tokens_1.iconColors.active,
59
- }, '&:hover, &:focus': {
57
+ }, fontWeight: tokens_1.type.properties.fontWeights.medium, border: 'none', backgroundColor: 'transparent', flex: '0 0 auto', alignItems: 'center', padding: tokens_1.space.xs + " " + tokens_1.space.s, height: 52, boxSizing: 'border-box', cursor: 'pointer', color: tokens_1.colors.licorice300, position: 'relative', borderRadius: tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0px 0px", transition: 'background 150ms ease, color 150ms ease' }), common_1.hideMouseFocus), { '&:hover, &:focus': {
60
58
  backgroundColor: tokens_1.colors.soap200,
61
59
  color: tokens_1.colors.blackPepper400,
62
60
  '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
63
61
  fill: tokens_1.iconColors.hover,
64
62
  },
65
- '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
66
- fill: tokens_1.iconColors.active,
67
- },
68
63
  }, '&:focus': __assign({ outline: "none" }, common_1.focusRing({ inset: 'outer', width: 0, separation: 2 }, theme)), '&:disabled, &[aria-disabled]': {
69
64
  color: tokens_1.colors.licorice100,
70
65
  '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
package/dist/es6/breadcrumbs/lib/hooks/utils/index.js CHANGED
@@ -2,11 +2,11 @@ export var reorganizeHiddenItems = function (items, hiddenIds, getId) {
2
2
  var updatedHiddenIds = hiddenIds;
3
3
  var totalSize = items.length;
4
4
  var itemSpace = totalSize - hiddenIds.length;
5
- if (itemSpace <= 2) {
5
+ if (totalSize > 2 && itemSpace <= 2) {
6
6
  // Keep only last items if there is place for two or less items
7
7
  updatedHiddenIds = items.slice(0, totalSize - 1).map(getId);
8
8
  }
9
- else if (itemSpace === 3) {
9
+ else if (totalSize > 3 && itemSpace === 3) {
10
10
  // Always keep first and last item if there is place for 3 items
11
11
  updatedHiddenIds = items.slice(1, totalSize - 1).map(getId);
12
12
  }
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,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAYjE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtC;;;;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;;;;wDAwFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,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,EAGV,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAE,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAYjE,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtC;;;;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;;;;wDAiFzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoBvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAC"}
package/dist/es6/tabs/lib/TabsItem.js CHANGED
@@ -32,17 +32,12 @@ export var StyledTabItem = styled(Box.as('button'))(function (_a) {
32
32
  var theme = _a.theme, spacing = _a.spacing;
33
33
  return (__assign(__assign(__assign(__assign({}, type.levels.subtext.large), { '& > *:not(style) ~ *:not(style)': {
34
34
  marginLeft: spacing || space.xxs,
35
- }, fontWeight: type.properties.fontWeights.medium, border: 'none', backgroundColor: 'transparent', flex: '0 0 auto', alignItems: 'center', padding: space.xs + " " + space.s, height: 52, boxSizing: 'border-box', cursor: 'pointer', color: colors.licorice300, position: 'relative', borderRadius: borderRadius.m + " " + borderRadius.m + " 0px 0px", transition: 'background 150ms ease, color 150ms ease' }), hideMouseFocus), { '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
36
- fill: iconColors.active,
37
- }, '&:hover, &:focus': {
35
+ }, fontWeight: type.properties.fontWeights.medium, border: 'none', backgroundColor: 'transparent', flex: '0 0 auto', alignItems: 'center', padding: space.xs + " " + space.s, height: 52, boxSizing: 'border-box', cursor: 'pointer', color: colors.licorice300, position: 'relative', borderRadius: borderRadius.m + " " + borderRadius.m + " 0px 0px", transition: 'background 150ms ease, color 150ms ease' }), hideMouseFocus), { '&:hover, &:focus': {
38
36
  backgroundColor: colors.soap200,
39
37
  color: colors.blackPepper400,
40
38
  '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
41
39
  fill: iconColors.hover,
42
40
  },
43
- '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
44
- fill: iconColors.active,
45
- },
46
41
  }, '&:focus': __assign({ outline: "none" }, focusRing({ inset: 'outer', width: 0, separation: 2 }, theme)), '&:disabled, &[aria-disabled]': {
47
42
  color: colors.licorice100,
48
43
  '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "8.6.17",
3
+ "version": "8.6.19",
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": "^8.6.17",
52
+ "@workday/canvas-kit-popup-stack": "^8.6.19",
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",
@@ -67,5 +67,5 @@
67
67
  "@workday/canvas-accent-icons-web": "^3.0.0",
68
68
  "@workday/canvas-applet-icons-web": "^2.0.0"
69
69
  },
70
- "gitHead": "dd5ddb74162ae7bed5de8611b75da06b15032d9b"
70
+ "gitHead": "df9cf08b66bf510e8e1e76c5ae1669f6972807ad"
71
71
  }
package/tabs/lib/TabsItem.tsx CHANGED
@@ -103,19 +103,12 @@ export const StyledTabItem = styled(Box.as('button'))<StyledType & Pick<TabsItem
103
103
 
104
104
  ...hideMouseFocus,
105
105
 
106
- '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
107
- fill: iconColors.active,
108
- },
109
-
110
106
  '&:hover, &:focus': {
111
107
  backgroundColor: colors.soap200,
112
108
  color: colors.blackPepper400,
113
109
  '.wd-icon-fill, .wd-icon-accent, .wd-icon-accent2': {
114
110
  fill: iconColors.hover,
115
111
  },
116
- '.wd-icon-background ~ .wd-icon-accent, .wd-icon-background ~ .wd-icon-accent2': {
117
- fill: iconColors.active,
118
- },
119
112
  },
120
113
 
121
114
  '&:focus': {