@workday/canvas-kit-preview-react 14.0.0-alpha.1234-next.0 → 14.0.0-alpha.1238-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 (84) hide show
  1. package/dist/commonjs/avatar/lib/Avatar.js +12 -12
  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.d.ts +3 -3
  10. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
  11. package/dist/commonjs/information-highlight/lib/hooks/useInformationHighlightModel.d.ts +5 -5
  12. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  13. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  14. package/dist/commonjs/information-highlight/lib/parts/Icon.d.ts +1 -1
  15. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  16. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +2 -2
  17. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +2 -2
  18. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +3 -3
  19. package/dist/commonjs/pill/lib/Pill.js +3 -3
  20. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  21. package/dist/commonjs/pill/lib/PillCount.js +1 -1
  22. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  23. package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
  24. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  25. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  26. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  27. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  28. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  29. package/dist/commonjs/radio/lib/hooks/useRadioModel.d.ts +2 -2
  30. package/dist/commonjs/radio/lib/hooks/useRadioModel.js +1 -1
  31. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +16 -16
  32. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +4 -4
  33. package/dist/commonjs/select/lib/SelectMenu.js +2 -2
  34. package/dist/commonjs/select/lib/SelectOption.js +1 -1
  35. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  36. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  37. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +15 -15
  38. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  39. package/dist/commonjs/version.js +1 -1
  40. package/dist/es6/avatar/lib/Avatar.js +12 -12
  41. package/dist/es6/avatar/lib/AvatarImage.js +1 -1
  42. package/dist/es6/avatar/lib/AvatarName.js +1 -1
  43. package/dist/es6/avatar/lib/BaseAvatar.js +12 -12
  44. package/dist/es6/color-picker/lib/ColorPicker.js +1 -1
  45. package/dist/es6/color-picker/lib/parts/ColorReset.js +1 -1
  46. package/dist/es6/color-picker/lib/parts/SwatchBook.js +1 -1
  47. package/dist/es6/divider/lib/Divider.js +1 -1
  48. package/dist/es6/information-highlight/lib/InformationHighlight.d.ts +3 -3
  49. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  50. package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts +5 -5
  51. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  52. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  53. package/dist/es6/information-highlight/lib/parts/Icon.d.ts +1 -1
  54. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  55. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
  56. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +2 -2
  57. package/dist/es6/multi-select/lib/MultiSelectInput.js +3 -3
  58. package/dist/es6/pill/lib/Pill.js +3 -3
  59. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  60. package/dist/es6/pill/lib/PillCount.js +1 -1
  61. package/dist/es6/pill/lib/PillIcon.js +1 -1
  62. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  63. package/dist/es6/pill/lib/PillLabel.js +1 -1
  64. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  65. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  66. package/dist/es6/radio/lib/RadioText.js +4 -4
  67. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  68. package/dist/es6/radio/lib/hooks/useRadioModel.d.ts +2 -2
  69. package/dist/es6/radio/lib/hooks/useRadioModel.js +1 -1
  70. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +16 -16
  71. package/dist/es6/segmented-control/lib/SegmentedControlList.js +4 -4
  72. package/dist/es6/select/lib/SelectMenu.js +2 -2
  73. package/dist/es6/select/lib/SelectOption.js +1 -1
  74. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  75. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  76. package/dist/es6/status-indicator/lib/StatusIndicator.js +15 -15
  77. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  78. package/dist/es6/version.js +1 -1
  79. package/multi-select/lib/MultiSelectInput.tsx +1 -1
  80. package/package.json +4 -4
  81. package/radio/lib/RadioGroup.tsx +1 -1
  82. package/radio/lib/hooks/useRadioModel.tsx +1 -1
  83. package/select/lib/SelectMenu.tsx +2 -2
  84. package/select/lib/SelectOption.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-react",
3
- "version": "14.0.0-alpha.1234-next.0",
3
+ "version": "14.0.0-alpha.1238-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,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": "^14.0.0-alpha.1234-next.0",
52
- "@workday/canvas-kit-styling": "^14.0.0-alpha.1234-next.0",
51
+ "@workday/canvas-kit-react": "^14.0.0-alpha.1238-next.0",
52
+ "@workday/canvas-kit-styling": "^14.0.0-alpha.1238-next.0",
53
53
  "@workday/canvas-system-icons-web": "^3.0.35",
54
54
  "@workday/canvas-tokens-web": "3.0.0-alpha.12",
55
55
  "@workday/design-assets-types": "^0.2.10"
@@ -60,5 +60,5 @@
60
60
  "react-hook-form": "7.36.1",
61
61
  "yup": "^0.32.11"
62
62
  },
63
- "gitHead": "782f4efdb11b1729f0a706c900be60cfe1910391"
63
+ "gitHead": "ddfa0ae8c1be2e17cd6133b84fa8a76825267f5b"
64
64
  }
@@ -33,7 +33,7 @@ const radioGroupStencil = createStencil({
33
33
  boxShadow: `inset 0 0 0 ${px2rem(2)} ${brand.error.base}`,
34
34
  backgroundColor: brand.error.lightest,
35
35
  },
36
- alert: {
36
+ caution: {
37
37
  backgroundColor: brand.alert.lightest,
38
38
  boxShadow: `inset 0 0 0 ${px2rem(1)} ${brand.common.alertInner}, inset 0 0 0 ${px2rem(3)} ${
39
39
  brand.common.alertOuter
@@ -10,7 +10,7 @@ export const useRadioModel = createModelHook({
10
10
  *
11
11
  * ```tsx
12
12
  * <FormField
13
- * error={FormField.ErrorType.Alert}
13
+ * error="caution"
14
14
  * hintId="hint-alert"
15
15
  * hintText="Deep dish is an extra $2.99"
16
16
  * label="Choose Your Pizza Crust"
@@ -64,7 +64,7 @@ const menuBorderStyles = (theme: EmotionCanvasTheme, error?: ErrorType): CSSObje
64
64
  if (error === ErrorType.Error) {
65
65
  borderColor = theme.canvas.palette.error.main;
66
66
  dividerBorderColor = borderColor;
67
- } else if (error === ErrorType.Alert) {
67
+ } else if (error === ErrorType.Caution) {
68
68
  borderColor = theme.canvas.palette.alert.darkest;
69
69
  dividerBorderColor = theme.canvas.palette.alert.main;
70
70
  dividerBorderWidth = 2;
@@ -103,7 +103,7 @@ const menuListBorderStyles = (theme: EmotionCanvasTheme, error?: ErrorType): CSS
103
103
 
104
104
  if (error === ErrorType.Error) {
105
105
  borderColor = theme.canvas.palette.error.main;
106
- } else if (error === ErrorType.Alert) {
106
+ } else if (error === ErrorType.Caution) {
107
107
  borderColor = theme.canvas.palette.alert.main;
108
108
  borderWidth = 2;
109
109
  }
@@ -102,7 +102,7 @@ const Option = styled('li')<SelectOptionProps>(
102
102
  },
103
103
  ({error}) => ({
104
104
  padding: `${optionPadding}px ${
105
- error === ErrorType.Alert ? optionPadding - 1 : optionPadding
105
+ error === ErrorType.Caution ? optionPadding - 1 : optionPadding
106
106
  }px`,
107
107
  })
108
108
  );