@workday/canvas-kit-docs 11.0.0-alpha.769-next.0 → 11.0.0-alpha.771-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 (3) hide show
  1. package/dist/es6/lib/docs.js +463 -230
  2. package/dist/mdx/11.0-UPGRADE-GUIDE.mdx +53 -34
  3. package/package.json +6 -6
package/dist/es6/lib/docs.js CHANGED
@@ -26775,7 +26775,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
26775
26775
  "name": "CanvasSystemIcon",
26776
26776
  "value": "CanvasSystemIcon"
26777
26777
  },
26778
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
26778
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
26779
26779
  "declarations": [
26780
26780
  {
26781
26781
  "name": "icon",
@@ -33195,7 +33195,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
33195
33195
  "name": "CanvasSystemIcon",
33196
33196
  "value": "CanvasSystemIcon"
33197
33197
  },
33198
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
33198
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
33199
33199
  "declarations": [
33200
33200
  {
33201
33201
  "name": "icon",
@@ -44721,7 +44721,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
44721
44721
  "name": "CanvasSystemIcon",
44722
44722
  "value": "CanvasSystemIcon"
44723
44723
  },
44724
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
44724
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
44725
44725
  "declarations": [
44726
44726
  {
44727
44727
  "name": "icon",
@@ -51981,7 +51981,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
51981
51981
  "name": "CanvasSystemIcon",
51982
51982
  "value": "CanvasSystemIcon"
51983
51983
  },
51984
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
51984
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
51985
51985
  "declarations": [
51986
51986
  {
51987
51987
  "name": "icon",
@@ -56675,12 +56675,12 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56675
56675
  }
56676
56676
  },
56677
56677
  {
56678
- "name": "buttonVars",
56678
+ "name": "buttonColorPropVars",
56679
56679
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx",
56680
- "description": "Temporary css variables to be used across all Buttons.",
56680
+ "description": "The purpose of this object is for the `colors` prop - to provide backwards compatibility with how we allowed color overrides in Emotion.",
56681
56681
  "declarations": [
56682
56682
  {
56683
- "name": "buttonVars",
56683
+ "name": "buttonColorPropVars",
56684
56684
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56685
56685
  }
56686
56686
  ],
@@ -56713,7 +56713,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56713
56713
  },
56714
56714
  {
56715
56715
  "kind": "property",
56716
- "name": "hover",
56716
+ "name": "focus",
56717
56717
  "defaultValue": {
56718
56718
  "kind": "symbol",
56719
56719
  "name": "CsVars",
@@ -56728,7 +56728,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56728
56728
  "description": "",
56729
56729
  "declarations": [
56730
56730
  {
56731
- "name": "hover",
56731
+ "name": "focus",
56732
56732
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56733
56733
  }
56734
56734
  ],
@@ -56736,7 +56736,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56736
56736
  },
56737
56737
  {
56738
56738
  "kind": "property",
56739
- "name": "active",
56739
+ "name": "hover",
56740
56740
  "defaultValue": {
56741
56741
  "kind": "symbol",
56742
56742
  "name": "CsVars",
@@ -56751,7 +56751,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56751
56751
  "description": "",
56752
56752
  "declarations": [
56753
56753
  {
56754
- "name": "active",
56754
+ "name": "hover",
56755
56755
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56756
56756
  }
56757
56757
  ],
@@ -56759,7 +56759,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56759
56759
  },
56760
56760
  {
56761
56761
  "kind": "property",
56762
- "name": "focus",
56762
+ "name": "active",
56763
56763
  "defaultValue": {
56764
56764
  "kind": "symbol",
56765
56765
  "name": "CsVars",
@@ -56774,7 +56774,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56774
56774
  "description": "",
56775
56775
  "declarations": [
56776
56776
  {
56777
- "name": "focus",
56777
+ "name": "active",
56778
56778
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56779
56779
  }
56780
56780
  ],
@@ -56807,29 +56807,12 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56807
56807
  }
56808
56808
  },
56809
56809
  {
56810
- "name": "buttonModifiers",
56811
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx",
56812
- "description": "Button modifiers that will overwrite the base styles of Buttons.\n- `Size`: These modifiers will dictate a size of a Button and has a set of styles to associated with it.\n- `iconPosition`: These modifiers will override the existing `Size` styles. These are specific to icon locations\nwithin a button or if there is only an icon and no text.",
56813
- "declarations": [
56814
- {
56815
- "name": "buttonModifiers",
56816
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56817
- }
56818
- ],
56819
- "tags": {},
56820
- "type": {
56821
- "kind": "symbol",
56822
- "name": "ModifierReturn",
56823
- "value": "ModifierReturn<{ size: { large: string; medium: string; small: string; extraSmall: string; }; iconPosition: { largeOnly: string; largeStart: string; largeEnd: string; mediumOnly: string; mediumStart: string; mediumEnd: string; ... 5 more ...; extraSmallEnd: string; }; }>"
56824
- }
56825
- },
56826
- {
56827
- "name": "capitalize",
56810
+ "name": "buttonStencil",
56828
56811
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx",
56829
- "description": "",
56812
+ "description": "Base styles for Buttons.",
56830
56813
  "declarations": [
56831
56814
  {
56832
- "name": "capitalize",
56815
+ "name": "buttonStencil",
56833
56816
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56834
56817
  }
56835
56818
  ],
@@ -56839,173 +56822,474 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56839
56822
  "parameters": [
56840
56823
  {
56841
56824
  "kind": "parameter",
56842
- "name": "string",
56843
- "defaultValue": {
56844
- "kind": "string",
56845
- "value": ""
56846
- },
56825
+ "name": "options",
56847
56826
  "type": {
56848
- "kind": "primitive",
56849
- "value": "string"
56827
+ "kind": "conditional",
56828
+ "check": {
56829
+ "kind": "tuple",
56830
+ "value": [
56831
+ {
56832
+ "kind": "symbol",
56833
+ "name": "E",
56834
+ "value": "E"
56835
+ }
56836
+ ]
56837
+ },
56838
+ "extends": {
56839
+ "kind": "tuple",
56840
+ "value": [
56841
+ {
56842
+ "kind": "primitive",
56843
+ "value": "never"
56844
+ }
56845
+ ]
56846
+ },
56847
+ "trueType": {
56848
+ "kind": "intersection",
56849
+ "value": [
56850
+ {
56851
+ "kind": "symbol",
56852
+ "name": "ModifierValuesStencil",
56853
+ "typeParameters": [
56854
+ {
56855
+ "kind": "symbol",
56856
+ "name": "M",
56857
+ "value": "M"
56858
+ },
56859
+ {
56860
+ "kind": "symbol",
56861
+ "name": "V",
56862
+ "value": "V"
56863
+ }
56864
+ ],
56865
+ "value": "ModifierValuesStencil<M, V>"
56866
+ },
56867
+ {
56868
+ "kind": "symbol",
56869
+ "name": "VariableValuesStencil",
56870
+ "typeParameters": [
56871
+ {
56872
+ "kind": "symbol",
56873
+ "name": "V",
56874
+ "value": "V"
56875
+ }
56876
+ ],
56877
+ "value": "VariableValuesStencil<V>"
56878
+ }
56879
+ ]
56880
+ },
56881
+ "falseType": {
56882
+ "kind": "conditional",
56883
+ "check": {
56884
+ "kind": "symbol",
56885
+ "name": "E",
56886
+ "value": "E"
56887
+ },
56888
+ "extends": {
56889
+ "kind": "symbol",
56890
+ "name": "BaseStencil",
56891
+ "typeParameters": [
56892
+ {
56893
+ "kind": "infer",
56894
+ "value": {
56895
+ "kind": "typeParameter",
56896
+ "name": "ME",
56897
+ "required": true
56898
+ }
56899
+ },
56900
+ {
56901
+ "kind": "infer",
56902
+ "value": {
56903
+ "kind": "typeParameter",
56904
+ "name": "VE",
56905
+ "required": true
56906
+ }
56907
+ },
56908
+ {
56909
+ "kind": "primitive",
56910
+ "value": "any"
56911
+ },
56912
+ {
56913
+ "kind": "primitive",
56914
+ "value": "any"
56915
+ }
56916
+ ],
56917
+ "value": "BaseStencil<M, V, E, ID>"
56918
+ },
56919
+ "trueType": {
56920
+ "kind": "intersection",
56921
+ "value": [
56922
+ {
56923
+ "kind": "symbol",
56924
+ "name": "ModifierValuesStencil",
56925
+ "typeParameters": [
56926
+ {
56927
+ "kind": "intersection",
56928
+ "value": [
56929
+ {
56930
+ "kind": "symbol",
56931
+ "name": "ME",
56932
+ "value": "ME"
56933
+ },
56934
+ {
56935
+ "kind": "symbol",
56936
+ "name": "M",
56937
+ "value": "M"
56938
+ }
56939
+ ]
56940
+ }
56941
+ ],
56942
+ "value": "ModifierValuesStencil<M, V>"
56943
+ },
56944
+ {
56945
+ "kind": "symbol",
56946
+ "name": "VariableValuesStencil",
56947
+ "typeParameters": [
56948
+ {
56949
+ "kind": "intersection",
56950
+ "value": [
56951
+ {
56952
+ "kind": "symbol",
56953
+ "name": "VE",
56954
+ "value": "VE"
56955
+ },
56956
+ {
56957
+ "kind": "symbol",
56958
+ "name": "V",
56959
+ "value": "V"
56960
+ }
56961
+ ]
56962
+ }
56963
+ ],
56964
+ "value": "VariableValuesStencil<V>"
56965
+ }
56966
+ ]
56967
+ },
56968
+ "falseType": {
56969
+ "kind": "primitive",
56970
+ "value": "never"
56971
+ }
56972
+ }
56850
56973
  },
56851
56974
  "required": false,
56852
56975
  "rest": false,
56853
56976
  "description": "",
56854
56977
  "declarations": [
56855
56978
  {
56856
- "name": "string",
56857
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56979
+ "name": "options",
56980
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
56858
56981
  }
56859
56982
  ],
56860
56983
  "tags": {}
56861
56984
  }
56862
56985
  ],
56863
- "members": [],
56864
- "returnType": {
56865
- "kind": "primitive",
56866
- "value": "string"
56867
- }
56868
- }
56869
- },
56870
- {
56871
- "name": "getIconPosition",
56872
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx",
56873
- "description": "",
56874
- "declarations": [
56875
- {
56876
- "name": "getIconPosition",
56877
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
56878
- }
56879
- ],
56880
- "tags": {},
56881
- "type": {
56882
- "kind": "function",
56883
- "parameters": [
56986
+ "members": [
56884
56987
  {
56885
- "kind": "parameter",
56886
- "name": "size",
56988
+ "kind": "property",
56989
+ "name": "vars",
56990
+ "required": true,
56887
56991
  "type": {
56888
- "kind": "union",
56889
- "value": [
56890
- {
56891
- "kind": "string",
56892
- "value": "medium"
56893
- },
56992
+ "kind": "symbol",
56993
+ "name": "StencilDefaultVars",
56994
+ "typeParameters": [
56894
56995
  {
56895
- "kind": "string",
56896
- "value": "large"
56996
+ "kind": "symbol",
56997
+ "name": "V",
56998
+ "value": "V"
56897
56999
  },
56898
57000
  {
56899
- "kind": "string",
56900
- "value": "small"
57001
+ "kind": "symbol",
57002
+ "name": "E",
57003
+ "value": "E"
56901
57004
  },
56902
57005
  {
56903
- "kind": "string",
56904
- "value": "extraSmall"
57006
+ "kind": "symbol",
57007
+ "name": "ID",
57008
+ "value": "ID"
56905
57009
  }
56906
- ]
57010
+ ],
57011
+ "value": "StencilDefaultVars<V, E, ID>"
56907
57012
  },
56908
- "required": false,
56909
- "rest": false,
56910
57013
  "description": "",
56911
57014
  "declarations": [
56912
57015
  {
56913
- "name": "size",
56914
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
57016
+ "name": "vars",
57017
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
56915
57018
  }
56916
57019
  ],
56917
57020
  "tags": {}
56918
57021
  },
56919
57022
  {
56920
- "kind": "parameter",
56921
- "name": "iconPosition",
57023
+ "kind": "property",
57024
+ "name": "base",
57025
+ "required": true,
56922
57026
  "type": {
56923
- "kind": "symbol",
56924
- "name": "IconPositions",
56925
- "value": "IconPositions"
57027
+ "kind": "primitive",
57028
+ "value": "string"
56926
57029
  },
56927
- "required": false,
56928
- "rest": false,
56929
57030
  "description": "",
56930
57031
  "declarations": [
56931
57032
  {
56932
- "name": "iconPosition",
56933
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
57033
+ "name": "base",
57034
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
56934
57035
  }
56935
57036
  ],
56936
57037
  "tags": {}
56937
57038
  },
56938
57039
  {
56939
- "kind": "parameter",
56940
- "name": "children",
57040
+ "kind": "property",
57041
+ "name": "modifiers",
57042
+ "required": true,
56941
57043
  "type": {
56942
- "kind": "external",
56943
- "name": "ReactNode",
56944
- "url": "https://reactjs.org/docs/rendering-elements.html"
57044
+ "kind": "conditional",
57045
+ "check": {
57046
+ "kind": "tuple",
57047
+ "value": [
57048
+ {
57049
+ "kind": "symbol",
57050
+ "name": "E",
57051
+ "value": "E"
57052
+ }
57053
+ ]
57054
+ },
57055
+ "extends": {
57056
+ "kind": "tuple",
57057
+ "value": [
57058
+ {
57059
+ "kind": "symbol",
57060
+ "name": "BaseStencil",
57061
+ "typeParameters": [
57062
+ {
57063
+ "kind": "infer",
57064
+ "value": {
57065
+ "kind": "typeParameter",
57066
+ "name": "ME",
57067
+ "required": true
57068
+ }
57069
+ },
57070
+ {
57071
+ "kind": "infer",
57072
+ "value": {
57073
+ "kind": "typeParameter",
57074
+ "name": "VE",
57075
+ "required": true
57076
+ }
57077
+ },
57078
+ {
57079
+ "kind": "primitive",
57080
+ "value": "any"
57081
+ },
57082
+ {
57083
+ "kind": "primitive",
57084
+ "value": "any"
57085
+ }
57086
+ ],
57087
+ "value": "BaseStencil<M, V, E, ID>"
57088
+ }
57089
+ ]
57090
+ },
57091
+ "trueType": {
57092
+ "kind": "symbol",
57093
+ "name": "StencilModifierReturn",
57094
+ "typeParameters": [
57095
+ {
57096
+ "kind": "intersection",
57097
+ "value": [
57098
+ {
57099
+ "kind": "symbol",
57100
+ "name": "ME",
57101
+ "value": "ME"
57102
+ },
57103
+ {
57104
+ "kind": "symbol",
57105
+ "name": "M",
57106
+ "value": "M"
57107
+ }
57108
+ ]
57109
+ },
57110
+ {
57111
+ "kind": "intersection",
57112
+ "value": [
57113
+ {
57114
+ "kind": "symbol",
57115
+ "name": "VE",
57116
+ "value": "VE"
57117
+ },
57118
+ {
57119
+ "kind": "symbol",
57120
+ "name": "V",
57121
+ "value": "V"
57122
+ }
57123
+ ]
57124
+ }
57125
+ ],
57126
+ "value": "StencilModifierReturn<M, V>"
57127
+ },
57128
+ "falseType": {
57129
+ "kind": "symbol",
57130
+ "name": "StencilModifierReturn",
57131
+ "typeParameters": [
57132
+ {
57133
+ "kind": "symbol",
57134
+ "name": "M",
57135
+ "value": "M"
57136
+ },
57137
+ {
57138
+ "kind": "symbol",
57139
+ "name": "V",
57140
+ "value": "V"
57141
+ }
57142
+ ],
57143
+ "value": "StencilModifierReturn<M, V>"
57144
+ }
56945
57145
  },
56946
- "required": false,
56947
- "rest": false,
56948
57146
  "description": "",
56949
57147
  "declarations": [
56950
57148
  {
56951
- "name": "children",
56952
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx"
57149
+ "name": "modifiers",
57150
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
56953
57151
  }
56954
57152
  ],
56955
57153
  "tags": {}
56956
- }
56957
- ],
56958
- "members": [],
56959
- "returnType": {
56960
- "kind": "union",
56961
- "value": [
56962
- {
56963
- "kind": "string",
56964
- "value": "largeOnly"
56965
- },
56966
- {
56967
- "kind": "string",
56968
- "value": "largeStart"
56969
- },
56970
- {
56971
- "kind": "string",
56972
- "value": "largeEnd"
56973
- },
56974
- {
56975
- "kind": "string",
56976
- "value": "mediumOnly"
56977
- },
56978
- {
56979
- "kind": "string",
56980
- "value": "mediumStart"
56981
- },
56982
- {
56983
- "kind": "string",
56984
- "value": "mediumEnd"
57154
+ },
57155
+ {
57156
+ "kind": "property",
57157
+ "name": "defaultModifiers",
57158
+ "required": true,
57159
+ "type": {
57160
+ "kind": "unknown",
57161
+ "value": "unknown",
57162
+ "text": "{\n [K in keyof M]?: keyof M[K];\n }"
56985
57163
  },
56986
- {
56987
- "kind": "string",
56988
- "value": "smallOnly"
57164
+ "description": "",
57165
+ "declarations": [
57166
+ {
57167
+ "name": "defaultModifiers",
57168
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
57169
+ }
57170
+ ],
57171
+ "tags": {}
57172
+ },
57173
+ {
57174
+ "kind": "property",
57175
+ "name": "__extends",
57176
+ "required": false,
57177
+ "type": {
57178
+ "kind": "symbol",
57179
+ "name": "E",
57180
+ "value": "E"
56989
57181
  },
56990
- {
56991
- "kind": "string",
56992
- "value": "smallStart"
57182
+ "description": "",
57183
+ "declarations": [
57184
+ {
57185
+ "name": "__extends",
57186
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
57187
+ }
57188
+ ],
57189
+ "tags": {}
57190
+ },
57191
+ {
57192
+ "kind": "property",
57193
+ "name": "__vars",
57194
+ "required": true,
57195
+ "type": {
57196
+ "kind": "symbol",
57197
+ "name": "V",
57198
+ "value": "V"
56993
57199
  },
56994
- {
56995
- "kind": "string",
56996
- "value": "smallEnd"
57200
+ "description": "",
57201
+ "declarations": [
57202
+ {
57203
+ "name": "__vars",
57204
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
57205
+ }
57206
+ ],
57207
+ "tags": {}
57208
+ },
57209
+ {
57210
+ "kind": "property",
57211
+ "name": "__modifiers",
57212
+ "required": true,
57213
+ "type": {
57214
+ "kind": "symbol",
57215
+ "name": "M",
57216
+ "value": "M"
56997
57217
  },
56998
- {
56999
- "kind": "string",
57000
- "value": "extraSmallOnly"
57218
+ "description": "",
57219
+ "declarations": [
57220
+ {
57221
+ "name": "__modifiers",
57222
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
57223
+ }
57224
+ ],
57225
+ "tags": {}
57226
+ },
57227
+ {
57228
+ "kind": "property",
57229
+ "name": "__id",
57230
+ "required": true,
57231
+ "type": {
57232
+ "kind": "symbol",
57233
+ "name": "ID",
57234
+ "value": "ID"
57001
57235
  },
57236
+ "description": "",
57237
+ "declarations": [
57238
+ {
57239
+ "name": "__id",
57240
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
57241
+ }
57242
+ ],
57243
+ "tags": {}
57244
+ }
57245
+ ],
57246
+ "returnType": {
57247
+ "kind": "object",
57248
+ "properties": [
57002
57249
  {
57003
- "kind": "string",
57004
- "value": "extraSmallStart"
57250
+ "kind": "property",
57251
+ "name": "className",
57252
+ "required": true,
57253
+ "type": {
57254
+ "kind": "primitive",
57255
+ "value": "string"
57256
+ },
57257
+ "description": "",
57258
+ "declarations": [
57259
+ {
57260
+ "name": "className",
57261
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
57262
+ }
57263
+ ],
57264
+ "tags": {}
57005
57265
  },
57006
57266
  {
57007
- "kind": "string",
57008
- "value": "extraSmallEnd"
57267
+ "kind": "property",
57268
+ "name": "style",
57269
+ "required": false,
57270
+ "type": {
57271
+ "kind": "external",
57272
+ "name": "Record",
57273
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
57274
+ "typeParameters": [
57275
+ {
57276
+ "kind": "primitive",
57277
+ "value": "string"
57278
+ },
57279
+ {
57280
+ "kind": "primitive",
57281
+ "value": "string"
57282
+ }
57283
+ ]
57284
+ },
57285
+ "description": "",
57286
+ "declarations": [
57287
+ {
57288
+ "name": "style",
57289
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
57290
+ }
57291
+ ],
57292
+ "tags": {}
57009
57293
  }
57010
57294
  ]
57011
57295
  }
@@ -57014,7 +57298,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
57014
57298
  {
57015
57299
  "name": "BaseButton",
57016
57300
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/BaseButton.tsx",
57017
- "description": "The base button which all other buttons are built.",
57301
+ "description": "The base button which which is the foundation of all Button variants (`PrimaryButton`,\n`SecondaryButton`, `TertiaryButton`, `DeleteButton`, `ToolbarIconButton` and `ToolbarDropdownButton`).",
57018
57302
  "declarations": [
57019
57303
  {
57020
57304
  "name": "BaseButton",
@@ -57079,7 +57363,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
57079
57363
  "name": "CanvasSystemIcon",
57080
57364
  "value": "CanvasSystemIcon"
57081
57365
  },
57082
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
57366
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
57083
57367
  "declarations": [
57084
57368
  {
57085
57369
  "name": "icon",
@@ -57686,7 +57970,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
57686
57970
  "name": "CanvasSystemIcon",
57687
57971
  "value": "CanvasSystemIcon"
57688
57972
  },
57689
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
57973
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
57690
57974
  "declarations": [
57691
57975
  {
57692
57976
  "name": "icon",
@@ -57971,7 +58255,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
57971
58255
  {
57972
58256
  "name": "DeleteButton",
57973
58257
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/DeleteButton.tsx",
57974
- "description": "Use sparingly for destructive actions that will result in data loss, can’t be undone, or will\nhave significant consequences. They commonly appear in confirmation dialogs as the final\nconfirmation before deleting.",
58258
+ "description": "Use sparingly for destructive actions that will result in data loss, can’t be undone, or will\nhave significant consequences. They commonly appear in confirmation dialogs as the final\nconfirmation before being deleted.",
57975
58259
  "declarations": [
57976
58260
  {
57977
58261
  "name": "DeleteButton",
@@ -58151,7 +58435,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
58151
58435
  "name": "CanvasSystemIcon",
58152
58436
  "value": "CanvasSystemIcon"
58153
58437
  },
58154
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
58438
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
58155
58439
  "declarations": [
58156
58440
  {
58157
58441
  "name": "icon",
@@ -59413,23 +59697,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
59413
59697
  "name": "PrimaryButton"
59414
59698
  }
59415
59699
  },
59416
- {
59417
- "name": "primaryButtonModifiers",
59418
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/PrimaryButton.tsx",
59419
- "description": "",
59420
- "declarations": [
59421
- {
59422
- "name": "primaryButtonModifiers",
59423
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/PrimaryButton.tsx"
59424
- }
59425
- ],
59426
- "tags": {},
59427
- "type": {
59428
- "kind": "symbol",
59429
- "name": "ModifierReturn",
59430
- "value": "ModifierReturn<{ variant: { inverse: string; }; }>"
59431
- }
59432
- },
59433
59700
  {
59434
59701
  "name": "PrimaryButton",
59435
59702
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/PrimaryButton.tsx",
@@ -59630,7 +59897,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
59630
59897
  "name": "CanvasSystemIcon",
59631
59898
  "value": "CanvasSystemIcon"
59632
59899
  },
59633
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
59900
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
59634
59901
  "declarations": [
59635
59902
  {
59636
59903
  "name": "icon",
@@ -59913,23 +60180,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
59913
60180
  "name": "SecondaryButton"
59914
60181
  }
59915
60182
  },
59916
- {
59917
- "name": "secondaryButtonModifiers",
59918
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/SecondaryButton.tsx",
59919
- "description": "",
59920
- "declarations": [
59921
- {
59922
- "name": "secondaryButtonModifiers",
59923
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/SecondaryButton.tsx"
59924
- }
59925
- ],
59926
- "tags": {},
59927
- "type": {
59928
- "kind": "symbol",
59929
- "name": "ModifierReturn",
59930
- "value": "ModifierReturn<{ variant: { inverse: string; }; }>"
59931
- }
59932
- },
59933
60183
  {
59934
60184
  "name": "SecondaryButton",
59935
60185
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/SecondaryButton.tsx",
@@ -60130,7 +60380,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
60130
60380
  "name": "CanvasSystemIcon",
60131
60381
  "value": "CanvasSystemIcon"
60132
60382
  },
60133
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
60383
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
60134
60384
  "declarations": [
60135
60385
  {
60136
60386
  "name": "icon",
@@ -60413,23 +60663,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
60413
60663
  "name": "TertiaryButton"
60414
60664
  }
60415
60665
  },
60416
- {
60417
- "name": "tertiaryButtonModifiers",
60418
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/TertiaryButton.tsx",
60419
- "description": "",
60420
- "declarations": [
60421
- {
60422
- "name": "tertiaryButtonModifiers",
60423
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/TertiaryButton.tsx"
60424
- }
60425
- ],
60426
- "tags": {},
60427
- "type": {
60428
- "kind": "symbol",
60429
- "name": "ModifierReturn",
60430
- "value": "ModifierReturn<{ isThemeable: { true: string; }; variant: { inverse: string; }; iconPosition: { largeOnly: string; largeStart: string; largeEnd: string; mediumOnly: string; mediumStart: string; mediumEnd: string; ... 5 more ...; extraSmallEnd: string; }; }>"
60431
- }
60432
- },
60433
60666
  {
60434
60667
  "name": "TertiaryButton",
60435
60668
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/TertiaryButton.tsx",
@@ -60647,7 +60880,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
60647
60880
  "name": "CanvasSystemIcon",
60648
60881
  "value": "CanvasSystemIcon"
60649
60882
  },
60650
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
60883
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
60651
60884
  "declarations": [
60652
60885
  {
60653
60886
  "name": "icon",
@@ -61080,7 +61313,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
61080
61313
  "name": "CanvasSystemIcon",
61081
61314
  "value": "CanvasSystemIcon"
61082
61315
  },
61083
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
61316
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
61084
61317
  "declarations": [
61085
61318
  {
61086
61319
  "name": "icon",
@@ -61642,7 +61875,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
61642
61875
  "name": "CanvasSystemIcon",
61643
61876
  "value": "CanvasSystemIcon"
61644
61877
  },
61645
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
61878
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
61646
61879
  "declarations": [
61647
61880
  {
61648
61881
  "name": "icon",
@@ -175930,7 +176163,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
175930
176163
  "name": "CanvasSystemIcon",
175931
176164
  "value": "CanvasSystemIcon"
175932
176165
  },
175933
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
176166
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
175934
176167
  "declarations": [
175935
176168
  {
175936
176169
  "name": "icon",
@@ -176464,7 +176697,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
176464
176697
  "name": "CanvasSystemIcon",
176465
176698
  "value": "CanvasSystemIcon"
176466
176699
  },
176467
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
176700
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
176468
176701
  "declarations": [
176469
176702
  {
176470
176703
  "name": "icon",
@@ -176973,7 +177206,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
176973
177206
  "name": "CanvasSystemIcon",
176974
177207
  "value": "CanvasSystemIcon"
176975
177208
  },
176976
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
177209
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
176977
177210
  "declarations": [
176978
177211
  {
176979
177212
  "name": "icon",
@@ -177482,7 +177715,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
177482
177715
  "name": "CanvasSystemIcon",
177483
177716
  "value": "CanvasSystemIcon"
177484
177717
  },
177485
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
177718
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
177486
177719
  "declarations": [
177487
177720
  {
177488
177721
  "name": "icon",
@@ -177991,7 +178224,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
177991
178224
  "name": "CanvasSystemIcon",
177992
178225
  "value": "CanvasSystemIcon"
177993
178226
  },
177994
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
178227
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
177995
178228
  "declarations": [
177996
178229
  {
177997
178230
  "name": "icon",
@@ -194989,7 +195222,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
194989
195222
  "name": "CanvasSystemIcon",
194990
195223
  "value": "CanvasSystemIcon"
194991
195224
  },
194992
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
195225
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
194993
195226
  "declarations": [
194994
195227
  {
194995
195228
  "name": "icon",
@@ -196839,7 +197072,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
196839
197072
  "name": "CanvasSystemIcon",
196840
197073
  "value": "CanvasSystemIcon"
196841
197074
  },
196842
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
197075
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
196843
197076
  "declarations": [
196844
197077
  {
196845
197078
  "name": "icon",
@@ -229633,7 +229866,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
229633
229866
  "name": "CanvasSystemIcon",
229634
229867
  "value": "CanvasSystemIcon"
229635
229868
  },
229636
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
229869
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
229637
229870
  "declarations": [
229638
229871
  {
229639
229872
  "name": "icon",
@@ -242097,7 +242330,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
242097
242330
  "name": "CanvasSystemIcon",
242098
242331
  "value": "CanvasSystemIcon"
242099
242332
  },
242100
- "description": "The icon of the Button.\nNote: not displayed at `small` size",
242333
+ "description": "The icon of the Button.\nNote: Not displayed at `small` size",
242101
242334
  "declarations": [
242102
242335
  {
242103
242336
  "name": "icon",
@@ -251199,11 +251432,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
251199
251432
  "value": [
251200
251433
  {
251201
251434
  "kind": "string",
251202
- "value": "999px"
251435
+ "value": "4px"
251203
251436
  },
251204
251437
  {
251205
251438
  "kind": "string",
251206
- "value": "4px"
251439
+ "value": "999px"
251207
251440
  },
251208
251441
  {
251209
251442
  "kind": "string",
@@ -251469,19 +251702,19 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
251469
251702
  "value": [
251470
251703
  {
251471
251704
  "kind": "string",
251472
- "value": "0.75rem"
251705
+ "value": "1rem"
251473
251706
  },
251474
251707
  {
251475
251708
  "kind": "string",
251476
- "value": "0"
251709
+ "value": "0.5rem"
251477
251710
  },
251478
251711
  {
251479
251712
  "kind": "string",
251480
- "value": "0.5rem"
251713
+ "value": "0"
251481
251714
  },
251482
251715
  {
251483
251716
  "kind": "string",
251484
- "value": "2.5rem"
251717
+ "value": "1.5rem"
251485
251718
  },
251486
251719
  {
251487
251720
  "kind": "string",
@@ -251489,15 +251722,15 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
251489
251722
  },
251490
251723
  {
251491
251724
  "kind": "string",
251492
- "value": "1.5rem"
251725
+ "value": "0.25rem"
251493
251726
  },
251494
251727
  {
251495
251728
  "kind": "string",
251496
- "value": "0.25rem"
251729
+ "value": "0.75rem"
251497
251730
  },
251498
251731
  {
251499
251732
  "kind": "string",
251500
- "value": "1rem"
251733
+ "value": "2.5rem"
251501
251734
  },
251502
251735
  {
251503
251736
  "kind": "string",
@@ -252175,27 +252408,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
252175
252408
  },
252176
252409
  {
252177
252410
  "kind": "string",
252178
- "value": "0.75rem"
252411
+ "value": "1.25rem"
252179
252412
  },
252180
252413
  {
252181
252414
  "kind": "string",
252182
- "value": "2.5rem"
252415
+ "value": "1rem"
252183
252416
  },
252184
252417
  {
252185
252418
  "kind": "string",
252186
- "value": "2rem"
252419
+ "value": "1.5rem"
252187
252420
  },
252188
252421
  {
252189
252422
  "kind": "string",
252190
- "value": "1.5rem"
252423
+ "value": "2rem"
252191
252424
  },
252192
252425
  {
252193
252426
  "kind": "string",
252194
- "value": "1.25rem"
252427
+ "value": "0.75rem"
252195
252428
  },
252196
252429
  {
252197
252430
  "kind": "string",
252198
- "value": "1rem"
252431
+ "value": "2.5rem"
252199
252432
  },
252200
252433
  {
252201
252434
  "kind": "string",
package/dist/mdx/11.0-UPGRADE-GUIDE.mdx CHANGED
@@ -18,8 +18,8 @@ any questions.
18
18
  - [Text Area (Preview)](#text-area-preview)
19
19
  - [Text Input (Preview)](#text-input-preview)
20
20
  - [Component Style Updates](#component-style-updates)
21
- - [Component Token Updates](#component-token-updates)
22
21
  - [Component Updates](#component-updates)
22
+ - [Buttons](#buttons)
23
23
  - [Card](#card)
24
24
  - [Checkbox](#checkbox)
25
25
  - [Combobox](#combobox)
@@ -241,14 +241,6 @@ See below:
241
241
  </Table.Row>
242
242
  </Table.Head>
243
243
  <Table.Body>
244
- <Table.Row>
245
- <Table.Cell>Table (Header)</Table.Cell>
246
- <Table.Cell />
247
- <Table.Cell />
248
- <Table.Cell>borderColor</Table.Cell>
249
- <Table.Cell backgroundColor="soap400">soap400</Table.Cell>
250
- <Table.Cell backgroundColor="soap500">soap500</Table.Cell>
251
- </Table.Row>
252
244
  <Table.Row>
253
245
  <Table.Cell>Checkbox</Table.Cell>
254
246
  <Table.Cell />
@@ -268,6 +260,22 @@ See below:
268
260
  <Table.Cell color="frenchVanilla100" backgroundColor="licorice100">
269
261
  licorice100
270
262
  </Table.Cell>
263
+ </Table.Row>
264
+ <Table.Row>
265
+ <Table.Cell>DeleteButton</Table.Cell>
266
+ <Table.Cell />
267
+ <Table.Cell>disabled</Table.Cell>
268
+ <Table.Cell>backgroundColor</Table.Cell>
269
+ <Table.Cell backgroundColor={cssVar(brand.error.light)}>error.light</Table.Cell>
270
+ <Table.Cell backgroundColor="rgba(222,46,33,0.4)">error.base</Table.Cell>
271
+ </Table.Row>
272
+ <Table.Row>
273
+ <Table.Cell>DeleteButton</Table.Cell>
274
+ <Table.Cell />
275
+ <Table.Cell>disabled</Table.Cell>
276
+ <Table.Cell>opacity</Table.Cell>
277
+ <Table.Cell>1</Table.Cell>
278
+ <Table.Cell>0.4</Table.Cell>
271
279
  </Table.Row>
272
280
  <Table.Row>
273
281
  <Table.Cell>Radio</Table.Cell>
@@ -283,7 +291,19 @@ See below:
283
291
  <Table.Cell>SecondaryButton</Table.Cell>
284
292
  <Table.Cell>Inverse</Table.Cell>
285
293
  <Table.Cell>focus</Table.Cell>
286
- <Table.Cell>color</Table.Cell>
294
+ <Table.Cell>border</Table.Cell>
295
+ <Table.Cell color="blackPepper400" backgroundColor="soap400">
296
+ soap400
297
+ </Table.Cell>
298
+ <Table.Cell color="blackPepper400" backgroundColor="transparent">
299
+ transparent
300
+ </Table.Cell>
301
+ </Table.Row>
302
+ <Table.Row>
303
+ <Table.Cell>SecondaryButton</Table.Cell>
304
+ <Table.Cell>Inverse</Table.Cell>
305
+ <Table.Cell>focus</Table.Cell>
306
+ <Table.Cell>boxShdaow (Inner Color)</Table.Cell>
287
307
  <Table.Cell color="frenchVanilla100" backgroundColor="blackPepper500">
288
308
  blackPepper500
289
309
  </Table.Cell>
@@ -295,7 +315,7 @@ See below:
295
315
  <Table.Cell>SecondaryButton</Table.Cell>
296
316
  <Table.Cell>Inverse</Table.Cell>
297
317
  <Table.Cell>focus</Table.Cell>
298
- <Table.Cell>boxShdaow (Inner Color)</Table.Cell>
318
+ <Table.Cell>color</Table.Cell>
299
319
  <Table.Cell color="frenchVanilla100" backgroundColor="blackPepper500">
300
320
  blackPepper500
301
321
  </Table.Cell>
@@ -315,6 +335,14 @@ See below:
315
335
  blackPepper400
316
336
  </Table.Cell>
317
337
  </Table.Row>
338
+ <Table.Row>
339
+ <Table.Cell>Table (Header)</Table.Cell>
340
+ <Table.Cell />
341
+ <Table.Cell />
342
+ <Table.Cell>borderColor</Table.Cell>
343
+ <Table.Cell backgroundColor="soap400">soap400</Table.Cell>
344
+ <Table.Cell backgroundColor="soap500">soap500</Table.Cell>
345
+ </Table.Row>
318
346
  <Table.Row>
319
347
  <Table.Cell>TertiaryButton</Table.Cell>
320
348
  <Table.Cell />
@@ -376,23 +404,7 @@ See below:
376
404
  </Table.Cell>
377
405
  </Table.Row>
378
406
  <Table.Row>
379
- <Table.Cell>DeleteButton</Table.Cell>
380
- <Table.Cell />
381
- <Table.Cell>disabled</Table.Cell>
382
- <Table.Cell>backgroundColor</Table.Cell>
383
- <Table.Cell backgroundColor={cssVar(brand.error.light)}>error.light</Table.Cell>
384
- <Table.Cell backgroundColor="rgba(222,46,33,0.4)">error.base</Table.Cell>
385
- </Table.Row>
386
- <Table.Row>
387
- <Table.Cell>DeleteButton</Table.Cell>
388
- <Table.Cell />
389
- <Table.Cell>disabled</Table.Cell>
390
- <Table.Cell>opacity</Table.Cell>
391
- <Table.Cell>1</Table.Cell>
392
- <Table.Cell>0.4</Table.Cell>
393
- </Table.Row>
394
- <Table.Row>
395
- <Table.Cell>TextInput</Table.Cell>
407
+ <Table.Cell>TextArea</Table.Cell>
396
408
  <Table.Cell />
397
409
  <Table.Cell>disabled</Table.Cell>
398
410
  <Table.Cell>borderColor</Table.Cell>
@@ -402,7 +414,7 @@ See below:
402
414
  </Table.Cell>
403
415
  </Table.Row>
404
416
  <Table.Row>
405
- <Table.Cell>TextArea</Table.Cell>
417
+ <Table.Cell>TextInput</Table.Cell>
406
418
  <Table.Cell />
407
419
  <Table.Cell>disabled</Table.Cell>
408
420
  <Table.Cell>borderColor</Table.Cell>
@@ -414,13 +426,19 @@ See below:
414
426
  </Table.Body>
415
427
  </Table>
416
428
 
417
- ### Component Token Updates
429
+ ## Component Updates
430
+
431
+ ### Buttons
418
432
 
419
- The following components have been updated to use our [new system tokens](insert link).
433
+ **PR:** [#2666](https://github.com/Workday/canvas-kit/pull/2666)
420
434
 
421
- - Text
435
+ `PrimaryButton`, `SecondaryButton`, `TertiaryButton` and `DeleteButton` have been refactored to use our
436
+ [new styling utilities](https://workday.github.io/canvas-kit/?path=/docs/styling-basics--create-modifiers#createstyles-api)
437
+ and [tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs). The
438
+ components now support the `cs` prop, but otherwise the API has not changed.
422
439
 
423
- ## Component Updates
440
+ > #### Visual Breaking Change
441
+ > The `border` color for `SecondaryButton` on the `focus` state is now `transparent` and may cause a small visual difference in visual tests.
424
442
 
425
443
  ### Card
426
444
 
@@ -808,4 +826,5 @@ experimental code and is analagous to code in alpha.
808
826
 
809
827
  Breaking changes can be deployed to Labs at any time without triggering a major version update and
810
828
  may not be subject to the same rigor in communcation and migration strategies reserved for breaking
811
- changes in [Preview](#preview) and [Main](#main).
829
+ changes in [Preview](#preview) and [Main](#main).
830
+ import { opacity } from "@workday/canvas-tokens-web/dist/es6/system"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "11.0.0-alpha.769-next.0",
3
+ "version": "11.0.0-alpha.771-next.0",
4
4
  "description": "Documentation components of Canvas Kit components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -44,10 +44,10 @@
44
44
  "dependencies": {
45
45
  "@emotion/styled": "^11.6.0",
46
46
  "@storybook/csf": "0.0.1",
47
- "@workday/canvas-kit-labs-react": "^11.0.0-alpha.769-next.0",
48
- "@workday/canvas-kit-preview-react": "^11.0.0-alpha.769-next.0",
49
- "@workday/canvas-kit-react": "^11.0.0-alpha.769-next.0",
50
- "@workday/canvas-kit-styling": "^11.0.0-alpha.769-next.0",
47
+ "@workday/canvas-kit-labs-react": "^11.0.0-alpha.771-next.0",
48
+ "@workday/canvas-kit-preview-react": "^11.0.0-alpha.771-next.0",
49
+ "@workday/canvas-kit-react": "^11.0.0-alpha.771-next.0",
50
+ "@workday/canvas-kit-styling": "^11.0.0-alpha.771-next.0",
51
51
  "@workday/canvas-system-icons-web": "^3.0.0",
52
52
  "@workday/canvas-tokens-web": "^1.3.0",
53
53
  "markdown-to-jsx": "^6.10.3",
@@ -59,5 +59,5 @@
59
59
  "mkdirp": "^1.0.3",
60
60
  "typescript": "4.2"
61
61
  },
62
- "gitHead": "6ccdc31e5c364c7a8a6f29f7b797032a914ca2c5"
62
+ "gitHead": "26430aa6d0ac98b625733617f5a4253ff526bdd5"
63
63
  }