@workday/canvas-kit-preview-react 14.0.0-alpha.1233-next.0 → 14.0.0-alpha.1237-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 (99) 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.d.ts +1 -1
  9. package/dist/commonjs/divider/lib/Divider.js +2 -2
  10. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
  11. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  12. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  13. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  14. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +2 -2
  15. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +3 -3
  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.js +1 -1
  21. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  22. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  23. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  24. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  25. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  26. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +16 -16
  27. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +4 -4
  28. package/dist/commonjs/select/lib/Select.d.ts +2 -2
  29. package/dist/commonjs/select/lib/Select.js +1 -1
  30. package/dist/commonjs/select/lib/SelectBase.d.ts +8 -8
  31. package/dist/commonjs/select/lib/SelectBase.js +1 -1
  32. package/dist/commonjs/select/lib/SelectMenu.d.ts +1 -1
  33. package/dist/commonjs/select/lib/SelectMenu.js +1 -1
  34. package/dist/commonjs/select/lib/SelectOption.d.ts +2 -2
  35. package/dist/commonjs/select/lib/SelectOption.js +1 -1
  36. package/dist/commonjs/select/lib/scrolling.d.ts +1 -1
  37. package/dist/commonjs/select/lib/scrolling.js +1 -1
  38. package/dist/commonjs/select/lib/types.d.ts +2 -2
  39. package/dist/commonjs/select/lib/utils.d.ts +1 -1
  40. package/dist/commonjs/select/lib/utils.js +1 -1
  41. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  42. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  43. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +15 -15
  44. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  45. package/dist/commonjs/version.js +1 -1
  46. package/dist/es6/avatar/lib/Avatar.js +12 -12
  47. package/dist/es6/avatar/lib/AvatarImage.js +1 -1
  48. package/dist/es6/avatar/lib/AvatarName.js +1 -1
  49. package/dist/es6/avatar/lib/BaseAvatar.js +12 -12
  50. package/dist/es6/color-picker/lib/ColorPicker.js +1 -1
  51. package/dist/es6/color-picker/lib/parts/ColorReset.js +1 -1
  52. package/dist/es6/color-picker/lib/parts/SwatchBook.js +1 -1
  53. package/dist/es6/divider/lib/Divider.d.ts +1 -1
  54. package/dist/es6/divider/lib/Divider.js +2 -2
  55. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  56. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  57. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  58. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  59. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
  60. package/dist/es6/multi-select/lib/MultiSelectInput.js +3 -3
  61. package/dist/es6/pill/lib/Pill.js +3 -3
  62. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  63. package/dist/es6/pill/lib/PillCount.js +1 -1
  64. package/dist/es6/pill/lib/PillIcon.js +1 -1
  65. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  66. package/dist/es6/pill/lib/PillLabel.js +1 -1
  67. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  68. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  69. package/dist/es6/radio/lib/RadioText.js +4 -4
  70. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  71. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +16 -16
  72. package/dist/es6/segmented-control/lib/SegmentedControlList.js +4 -4
  73. package/dist/es6/select/lib/Select.d.ts +2 -2
  74. package/dist/es6/select/lib/Select.js +1 -1
  75. package/dist/es6/select/lib/SelectBase.d.ts +8 -8
  76. package/dist/es6/select/lib/SelectBase.js +1 -1
  77. package/dist/es6/select/lib/SelectMenu.d.ts +1 -1
  78. package/dist/es6/select/lib/SelectMenu.js +1 -1
  79. package/dist/es6/select/lib/SelectOption.d.ts +2 -2
  80. package/dist/es6/select/lib/SelectOption.js +1 -1
  81. package/dist/es6/select/lib/scrolling.d.ts +1 -1
  82. package/dist/es6/select/lib/scrolling.js +1 -1
  83. package/dist/es6/select/lib/types.d.ts +2 -2
  84. package/dist/es6/select/lib/utils.d.ts +1 -1
  85. package/dist/es6/select/lib/utils.js +1 -1
  86. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  87. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  88. package/dist/es6/status-indicator/lib/StatusIndicator.js +15 -15
  89. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  90. package/dist/es6/version.js +1 -1
  91. package/divider/lib/Divider.tsx +1 -1
  92. package/package.json +4 -4
  93. package/select/lib/Select.tsx +2 -2
  94. package/select/lib/SelectBase.tsx +8 -8
  95. package/select/lib/SelectMenu.tsx +1 -1
  96. package/select/lib/SelectOption.tsx +2 -2
  97. package/select/lib/scrolling.ts +1 -1
  98. package/select/lib/types.ts +2 -2
  99. package/select/lib/utils.ts +1 -1
@@ -8,7 +8,7 @@
8
8
  * This rounding causes problems with browsers that allow subpixel values for elements
9
9
  * like Firefox and Edge.
10
10
  *
11
- * @deprecated ⚠️ `MenuPlacement` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
11
+ * @deprecated ⚠️ `MenuPlacement` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
12
12
  */
13
13
  export type MenuPlacement = 'bottom' | 'top';
14
14
  /**
@@ -31,7 +31,7 @@ export type MenuPlacement = 'bottom' | 'top';
31
31
  * closing in which case the menu can transition from `closing` > `opening` (and
32
32
  * vice-versa).
33
33
  *
34
- * @deprecated ⚠️ `MenuVisibility` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
34
+ * @deprecated ⚠️ `MenuVisibility` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
35
35
  */
36
36
  export type MenuVisibility = 'closed' | 'open' | 'opening' | 'opened' | 'close' | 'closing';
37
37
  //# sourceMappingURL=types.d.ts.map
@@ -4,7 +4,7 @@ import { NormalizedOption } from './SelectBase';
4
4
  */
5
5
  export declare const getIndexByValue: (options: NormalizedOption[], value: string | undefined) => number;
6
6
  /**
7
- * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
7
+ * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
8
8
  */
9
9
  export declare const getCorrectedIndexByValue: (options: NormalizedOption[], value: string | undefined) => number;
10
10
  //# sourceMappingURL=utils.d.ts.map
@@ -14,7 +14,7 @@ export const getIndexByValue = (options, value) => {
14
14
  };
15
15
  // If the value doesn't exist in the options, return index 0
16
16
  /**
17
- * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
17
+ * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
18
18
  */
19
19
  export const getCorrectedIndexByValue = (options, value) => {
20
20
  const indexByValue = getIndexByValue(options, value);
@@ -10,19 +10,19 @@ export const panelStencil = createStencil({
10
10
  expandedWidth: '',
11
11
  collapsedWidth: '',
12
12
  },
13
- base: { name: "1c8dwt", styles: "box-sizing:border-box;overflow:hidden;position:relative;height:100%;outline:0.0625rem solid transparent;transition:width ease-out 200ms, max-width ease-out 200ms;" },
13
+ base: { name: "1pihbb", styles: "box-sizing:border-box;overflow:hidden;position:relative;height:100%;outline:0.0625rem solid transparent;transition:width ease-out 200ms, max-width ease-out 200ms;" },
14
14
  modifiers: {
15
15
  variant: {
16
- alternate: { name: "1w7bbb", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
17
- standard: { name: "2mxhta", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
16
+ alternate: { name: "1qs8tl", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
17
+ standard: { name: "2y3xv5", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
18
18
  },
19
19
  expanded: {
20
- true: { name: "1qelug", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
21
- false: { name: "5cf5l", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
20
+ true: { name: "1x38ut", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
21
+ false: { name: "411m2z", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
22
22
  },
23
23
  touched: {
24
- true: { name: "35vtxo", styles: "" },
25
- false: { name: "1ny4j1", styles: "animation:none;" }
24
+ true: { name: "2p0vpo", styles: "" },
25
+ false: { name: "3s2r6b", styles: "animation:none;" }
26
26
  }
27
27
  }
28
28
  }, "panel-bd9477");
@@ -8,35 +8,35 @@ import { SidePanelContext } from './hooks';
8
8
  import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
9
9
  import { system } from '@workday/canvas-tokens-web';
10
10
  export const sidePanelToggleButtonStencil = createStencil({
11
- base: { name: "3dzorg", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);inset-inline-end:var(--cnvs-sys-space-x4);" },
11
+ base: { name: "18peyd", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);inset-inline-end:var(--cnvs-sys-space-x4);" },
12
12
  modifiers: {
13
13
  state: {
14
- collapsing: { name: "2pr9cr", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
15
- collapsed: { name: "16lvbe", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
16
- expanded: { name: "zof2j", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
17
- expanding: { name: "2c1h9e", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
14
+ collapsing: { name: "3fabnb", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
15
+ collapsed: { name: "23l2es", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
16
+ expanded: { name: "18oq7g", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
17
+ expanding: { name: "1gnz2t", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
18
18
  },
19
19
  origin: {
20
- left: { name: "4eauxi", styles: "" },
21
- right: { name: "3g9ptg", styles: "" }
20
+ left: { name: "q74ie", styles: "" },
21
+ right: { name: "yjwqa", styles: "" }
22
22
  }
23
23
  },
24
24
  compound: [
25
25
  {
26
26
  modifiers: { state: 'collapsed', origin: 'right' },
27
- styles: { name: "1929f1", styles: "transform:scaleX(-1);" }
27
+ styles: { name: "ow0p5", styles: "transform:scaleX(-1);" }
28
28
  },
29
29
  {
30
30
  modifiers: { state: 'collapsing', origin: 'right' },
31
- styles: { name: "tm0zx", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
31
+ styles: { name: "2qcxi3", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
32
32
  },
33
33
  {
34
34
  modifiers: { state: 'expanded', origin: 'right' },
35
- styles: { name: "3xlary", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
35
+ styles: { name: "1tdx4u", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
36
36
  },
37
37
  {
38
38
  modifiers: { state: 'expanding', origin: 'right' },
39
- styles: { name: "2ksv40", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
39
+ styles: { name: "3j32ov", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
40
40
  }
41
41
  ]
42
42
  }, "side-panel-toggle-button-da8098");
@@ -15,7 +15,7 @@ const deprecatedVariantsMap = {
15
15
  gray: 'neutral',
16
16
  };
17
17
  const statusIndicatorStencil = createStencil({
18
- base: { name: "3730bh", 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: "9m372", 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: "153dpf", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
34
- positive: { name: "1fd89f", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
35
- caution: { name: "3vr36r", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
36
- critical: { name: "36oht4", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
37
- neutral: { name: "3bs07z", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
38
- ai: { name: "3qkt1t", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
39
- transparent: { name: "49stu6", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
33
+ info: { name: "87kaj", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
34
+ positive: { name: "qzqlt", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
35
+ caution: { name: "341xxr", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
36
+ critical: { name: "18ypqk", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
37
+ neutral: { name: "23j6ji", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
38
+ ai: { name: "1dnq9e", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
39
+ transparent: { name: "41jjyq", 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: "1812pz", styles: "" },
53
- high: { name: "3xqsz5", styles: "" }
52
+ low: { name: "4d9plo", styles: "" },
53
+ high: { name: "18ux1d", 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: "hdp3c", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
62
+ styles: { name: "1b41t0", 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: "39m3l1", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
69
+ styles: { name: "21a5rd", 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: "1ftcta", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
76
+ styles: { name: "q3ywn", 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: "2rbgb", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
83
+ styles: { name: "2y6ih", 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: "1rudfa", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
90
+ styles: { name: "33pttn", 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: "npx9v", 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: "2lc5hj", 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 = '13.2.24';
1
+ export const version = '13.2.25';
@@ -37,7 +37,7 @@ export interface DividerProps extends CSProps {
37
37
  * # Divider
38
38
  * A divider to segment and visually organize content. By default, it renders a semantic `[<hr>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)` element.
39
39
  *
40
- * [View Docs](https://workday.github.io/canvas-kit/?path=/docs/preview-divider-react)
40
+ * [View Docs](https://workday.github.io/canvas-kit/?path=/docs/preview-divider--docs)
41
41
  *
42
42
  * The `space` prop will equally apply top and bottom margin styles.
43
43
  * In the example below, `x2` (0.5rem), adds `0.25rem` margin to the top and `0.25rem` to the bottom
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-react",
3
- "version": "14.0.0-alpha.1233-next.0",
3
+ "version": "14.0.0-alpha.1237-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.1233-next.0",
52
- "@workday/canvas-kit-styling": "^14.0.0-alpha.1233-next.0",
51
+ "@workday/canvas-kit-react": "^14.0.0-alpha.1237-next.0",
52
+ "@workday/canvas-kit-styling": "^14.0.0-alpha.1237-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": "7ed1570b966cb8473b3db07695fb2bc86af7739c"
63
+ "gitHead": "8a03bc6fdf11ecb2672ad937247aaf18b7cee0ec"
64
64
  }
@@ -11,7 +11,7 @@ import {SelectBase, CoreSelectBaseProps, Option, NormalizedOption} from './Selec
11
11
  import {MenuVisibility} from './types';
12
12
  import {getCorrectedIndexByValue} from './utils';
13
13
  /**
14
- * @deprecated ⚠️ `SelectProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
14
+ * @deprecated ⚠️ `SelectProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
15
15
  */
16
16
  export interface SelectProps extends CoreSelectBaseProps {
17
17
  /**
@@ -580,7 +580,7 @@ class SelectContainer extends React.Component<SelectContainerProps, SelectContai
580
580
  }
581
581
  }
582
582
  /**
583
- * @deprecated ⚠️ `Select` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
583
+ * @deprecated ⚠️ `Select` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
584
584
  */
585
585
  export const Select = createComponent('button')({
586
586
  displayName: 'Select',
@@ -26,7 +26,7 @@ interface OptionData {
26
26
  [key: string]: any;
27
27
  }
28
28
  /**
29
- * @deprecated ⚠️ `Option` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
29
+ * @deprecated ⚠️ `Option` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
30
30
  */
31
31
  export interface Option {
32
32
  data?: OptionData;
@@ -36,7 +36,7 @@ export interface Option {
36
36
  value: string;
37
37
  }
38
38
  /**
39
- * @deprecated ⚠️ `NormalizedOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
39
+ * @deprecated ⚠️ `NormalizedOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
40
40
  */
41
41
  export interface NormalizedOption extends Option {
42
42
  // Optional keys in Option are required in NormalizedOption
@@ -46,26 +46,26 @@ export interface NormalizedOption extends Option {
46
46
  label: string;
47
47
  }
48
48
  /**
49
- * @deprecated ⚠️ `RenderSelectedFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
49
+ * @deprecated ⚠️ `RenderSelectedFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
50
50
  */
51
51
  export interface RenderSelectedFunction {
52
52
  (option: NormalizedOption): React.ReactNode;
53
53
  }
54
54
  /**
55
- * @deprecated ⚠️ `RenderableOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
55
+ * @deprecated ⚠️ `RenderableOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
56
56
  */
57
57
  export interface RenderableOption extends NormalizedOption {
58
58
  focused: boolean;
59
59
  selected: boolean;
60
60
  }
61
61
  /**
62
- * @deprecated ⚠️ `RenderOptionFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
62
+ * @deprecated ⚠️ `RenderOptionFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
63
63
  */
64
64
  export interface RenderOptionFunction {
65
65
  (option: RenderableOption): React.ReactNode;
66
66
  }
67
67
  /**
68
- * @deprecated ⚠️ `CoreSelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
68
+ * @deprecated ⚠️ `CoreSelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
69
69
  */
70
70
  export interface CoreSelectBaseProps
71
71
  extends Themeable,
@@ -117,7 +117,7 @@ export interface CoreSelectBaseProps
117
117
  value?: string;
118
118
  }
119
119
  /**
120
- * @deprecated ⚠️ `SelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
120
+ * @deprecated ⚠️ `SelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
121
121
  */
122
122
  export interface SelectBaseProps extends CoreSelectBaseProps, StyledType {
123
123
  /**
@@ -293,7 +293,7 @@ const defaultRenderSelected: RenderSelectedFunction = option => {
293
293
  return option.label;
294
294
  };
295
295
  /**
296
- * @deprecated ⚠️ `SelectBase` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
296
+ * @deprecated ⚠️ `SelectBase` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
297
297
  */
298
298
  export const SelectBase = ({
299
299
  'aria-labelledby': ariaLabelledBy,
@@ -229,7 +229,7 @@ const generatePopperOptions = (
229
229
  };
230
230
 
231
231
  /**
232
- * @deprecated ⚠️ `SelectMenu` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
232
+ * @deprecated ⚠️ `SelectMenu` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
233
233
  */
234
234
  export const SelectMenu = ({
235
235
  buttonRef,
@@ -9,7 +9,7 @@ import {
9
9
  } from '@workday/canvas-kit-react/common';
10
10
  import {colors, commonColors, type} from '@workday/canvas-kit-react/tokens';
11
11
  /**
12
- * @deprecated ⚠️ `SelectOptionProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
12
+ * @deprecated ⚠️ `SelectOptionProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
13
13
  */
14
14
  export interface SelectOptionProps extends Themeable, React.LiHTMLAttributes<HTMLLIElement> {
15
15
  /**
@@ -108,7 +108,7 @@ const Option = styled('li')<SelectOptionProps>(
108
108
  );
109
109
 
110
110
  /**
111
- * @deprecated ⚠️ `SelectOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
111
+ * @deprecated ⚠️ `SelectOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
112
112
  */
113
113
  export const SelectOption = ({
114
114
  children,
@@ -1,6 +1,6 @@
1
1
  // Modified from https://gist.github.com/hsablonniere/2581101
2
2
  /**
3
- * @deprecated ⚠️ `scrollIntoViewIfNeeded` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
3
+ * @deprecated ⚠️ `scrollIntoViewIfNeeded` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
4
4
  */
5
5
  export const scrollIntoViewIfNeeded = (elem: HTMLElement, centerIfNeeded = true): void => {
6
6
  const parent = elem.parentElement;
@@ -8,7 +8,7 @@
8
8
  * This rounding causes problems with browsers that allow subpixel values for elements
9
9
  * like Firefox and Edge.
10
10
  *
11
- * @deprecated ⚠️ `MenuPlacement` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
11
+ * @deprecated ⚠️ `MenuPlacement` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
12
12
  */
13
13
  export type MenuPlacement = 'bottom' | 'top';
14
14
 
@@ -32,6 +32,6 @@ export type MenuPlacement = 'bottom' | 'top';
32
32
  * closing in which case the menu can transition from `closing` > `opening` (and
33
33
  * vice-versa).
34
34
  *
35
- * @deprecated ⚠️ `MenuVisibility` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
35
+ * @deprecated ⚠️ `MenuVisibility` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
36
36
  */
37
37
  export type MenuVisibility = 'closed' | 'open' | 'opening' | 'opened' | 'close' | 'closing';
@@ -18,7 +18,7 @@ export const getIndexByValue = (options: NormalizedOption[], value: string | und
18
18
 
19
19
  // If the value doesn't exist in the options, return index 0
20
20
  /**
21
- * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
21
+ * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
22
22
  */
23
23
  export const getCorrectedIndexByValue = (
24
24
  options: NormalizedOption[],