@workday/canvas-kit-preview-react 14.1.18 → 15.0.0-alpha.0008-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 (69) hide show
  1. package/dist/commonjs/avatar/lib/Avatar.js +13 -13
  2. package/dist/commonjs/avatar/lib/AvatarImage.js +1 -1
  3. package/dist/commonjs/avatar/lib/AvatarName.js +1 -1
  4. package/dist/commonjs/avatar/lib/BaseAvatar.js +12 -12
  5. package/dist/commonjs/color-picker/lib/ColorPicker.js +1 -1
  6. package/dist/commonjs/color-picker/lib/parts/ColorReset.js +1 -1
  7. package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +1 -1
  8. package/dist/commonjs/divider/lib/Divider.js +1 -1
  9. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
  10. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  11. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  12. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  13. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +2 -2
  14. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +3 -3
  15. package/dist/commonjs/pill/lib/Pill.d.ts +29 -29
  16. package/dist/commonjs/pill/lib/Pill.js +3 -3
  17. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  18. package/dist/commonjs/pill/lib/PillCount.js +1 -1
  19. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  20. package/dist/commonjs/pill/lib/PillIconButton.d.ts +58 -58
  21. package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
  22. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  23. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  24. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  25. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  26. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  27. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +29 -29
  28. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +16 -16
  29. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +4 -4
  30. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  31. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  32. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +15 -15
  33. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  34. package/dist/commonjs/version/lib/version.js +1 -1
  35. package/dist/es6/avatar/lib/Avatar.js +13 -13
  36. package/dist/es6/avatar/lib/AvatarImage.js +1 -1
  37. package/dist/es6/avatar/lib/AvatarName.js +1 -1
  38. package/dist/es6/avatar/lib/BaseAvatar.js +12 -12
  39. package/dist/es6/color-picker/lib/ColorPicker.js +1 -1
  40. package/dist/es6/color-picker/lib/parts/ColorReset.js +1 -1
  41. package/dist/es6/color-picker/lib/parts/SwatchBook.js +1 -1
  42. package/dist/es6/divider/lib/Divider.js +1 -1
  43. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  44. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  45. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  46. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  47. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
  48. package/dist/es6/multi-select/lib/MultiSelectInput.js +3 -3
  49. package/dist/es6/pill/lib/Pill.d.ts +29 -29
  50. package/dist/es6/pill/lib/Pill.js +3 -3
  51. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  52. package/dist/es6/pill/lib/PillCount.js +1 -1
  53. package/dist/es6/pill/lib/PillIcon.js +1 -1
  54. package/dist/es6/pill/lib/PillIconButton.d.ts +58 -58
  55. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  56. package/dist/es6/pill/lib/PillLabel.js +1 -1
  57. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  58. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  59. package/dist/es6/radio/lib/RadioText.js +4 -4
  60. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  61. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +29 -29
  62. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +16 -16
  63. package/dist/es6/segmented-control/lib/SegmentedControlList.js +4 -4
  64. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  65. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  66. package/dist/es6/status-indicator/lib/StatusIndicator.js +15 -15
  67. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  68. package/dist/es6/version/lib/version.js +1 -1
  69. package/package.json +5 -5
@@ -15,7 +15,7 @@ const deprecatedVariantsMap = {
15
15
  gray: 'neutral',
16
16
  };
17
17
  const statusIndicatorStencil = createStencil({
18
- base: { name: "dmjy6", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-round);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);outline:0.0625rem solid transparent;--color-system-icon-3a4847:currentColor;" },
18
+ base: { name: "2rqx3n", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-round);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);outline:0.0625rem solid transparent;--color-system-icon-3a4847:currentColor;" },
19
19
  modifiers: {
20
20
  /**
21
21
  * Defines the color of the `StatusIndicator`.
@@ -30,13 +30,13 @@ const statusIndicatorStencil = createStencil({
30
30
  * @default 'neutral'
31
31
  */
32
32
  variant: {
33
- info: { name: "qdkh3", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
34
- positive: { name: "40qyqi", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
35
- caution: { name: "1bvp43", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
36
- critical: { name: "2g688g", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
37
- neutral: { name: "26pw32", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
38
- ai: { name: "2lyy6m", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
39
- transparent: { name: "1yoolw", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
33
+ info: { name: "1eggt2", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
34
+ positive: { name: "lz7eb", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
35
+ caution: { name: "295obq", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
36
+ critical: { name: "27f7rt", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
37
+ neutral: { name: "47z2g8", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
38
+ ai: { name: "42y7gq", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
39
+ transparent: { name: "a15si", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
40
40
  },
41
41
  /**
42
42
  * Defines the emphasis of the `StatusIndicator`. `low` should be used in almost all cases.
@@ -49,8 +49,8 @@ const statusIndicatorStencil = createStencil({
49
49
  *
50
50
  */
51
51
  emphasis: {
52
- low: { name: "307asf", styles: "" },
53
- high: { name: "43du8m", styles: "" }
52
+ low: { name: "2mrke5", styles: "" },
53
+ high: { name: "2r6ksn", styles: "" }
54
54
  }
55
55
  },
56
56
  compound: [
@@ -59,35 +59,35 @@ const statusIndicatorStencil = createStencil({
59
59
  variant: 'info',
60
60
  emphasis: 'high',
61
61
  },
62
- styles: { name: "36zzk3", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
62
+ styles: { name: "1zwhr6", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
63
63
  },
64
64
  {
65
65
  modifiers: {
66
66
  variant: 'positive',
67
67
  emphasis: 'high',
68
68
  },
69
- styles: { name: "3vo17m", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
69
+ styles: { name: "dskh5", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
70
70
  },
71
71
  {
72
72
  modifiers: {
73
73
  variant: 'caution',
74
74
  emphasis: 'high',
75
75
  },
76
- styles: { name: "14138u", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
76
+ styles: { name: "mon2i", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
77
77
  },
78
78
  {
79
79
  modifiers: {
80
80
  variant: 'critical',
81
81
  emphasis: 'high',
82
82
  },
83
- styles: { name: "2enll9", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
83
+ styles: { name: "3wcf6n", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
84
84
  },
85
85
  {
86
86
  modifiers: {
87
87
  variant: 'neutral',
88
88
  emphasis: 'high',
89
89
  },
90
- styles: { name: "xidhy", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
90
+ styles: { name: "2428qa", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
91
91
  }
92
92
  ],
93
93
  defaultModifiers: {
@@ -6,7 +6,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
6
6
  import { system } from '@workday/canvas-tokens-web';
7
7
  const statusIndicatorLabelStencil = createStencil({
8
8
  extends: textStencil,
9
- base: { name: "wxvrm", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
9
+ base: { name: "458ijb", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
10
10
  defaultModifiers: { typeLevel: 'subtext.large' }
11
11
  }, "status-indicator-label-63258e");
12
12
  export const StatusIndicatorLabel = createComponent('span')({
@@ -1 +1 @@
1
- export const version = '14.1.18';
1
+ export const version = '14.1.19';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-react",
3
- "version": "14.1.18",
3
+ "version": "15.0.0-alpha.0008-next.0",
4
4
  "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -48,10 +48,10 @@
48
48
  "dependencies": {
49
49
  "@emotion/react": "^11.7.1",
50
50
  "@emotion/styled": "^11.6.0",
51
- "@workday/canvas-kit-react": "^14.1.18",
52
- "@workday/canvas-kit-styling": "^14.1.18",
51
+ "@workday/canvas-kit-react": "^15.0.0-alpha.0008-next.0",
52
+ "@workday/canvas-kit-styling": "^15.0.0-alpha.0008-next.0",
53
53
  "@workday/canvas-system-icons-web": "^3.0.36",
54
- "@workday/canvas-tokens-web": "^3.1.1",
54
+ "@workday/canvas-tokens-web": "4.0.0-alpha.3",
55
55
  "@workday/design-assets-types": "^0.2.10"
56
56
  },
57
57
  "devDependencies": {
@@ -60,5 +60,5 @@
60
60
  "react-hook-form": "7.36.1",
61
61
  "yup": "^0.32.11"
62
62
  },
63
- "gitHead": "9b56d0948853d709adac5544e3d00e85bfafb589"
63
+ "gitHead": "26a8bc06dba5ae759ca62ae8922aeaa7bba7015c"
64
64
  }