@workday/canvas-kit-docs 10.0.4 → 10.0.6
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.
- package/dist/es6/lib/docs.js +247 -125
- package/package.json +5 -5
package/dist/es6/lib/docs.js
CHANGED
|
@@ -1147,7 +1147,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
1147
1147
|
"name": "CSToPropsInput",
|
|
1148
1148
|
"value": "CSToPropsInput"
|
|
1149
1149
|
},
|
|
1150
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
1150
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
1151
1151
|
"declarations": [
|
|
1152
1152
|
{
|
|
1153
1153
|
"name": "cs",
|
|
@@ -1638,7 +1638,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
1638
1638
|
"name": "CSToPropsInput",
|
|
1639
1639
|
"value": "CSToPropsInput"
|
|
1640
1640
|
},
|
|
1641
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
1641
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
1642
1642
|
"declarations": [
|
|
1643
1643
|
{
|
|
1644
1644
|
"name": "cs",
|
|
@@ -1978,7 +1978,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
1978
1978
|
"name": "CSToPropsInput",
|
|
1979
1979
|
"value": "CSToPropsInput"
|
|
1980
1980
|
},
|
|
1981
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
1981
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
1982
1982
|
"declarations": [
|
|
1983
1983
|
{
|
|
1984
1984
|
"name": "cs",
|
|
@@ -2310,7 +2310,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
2310
2310
|
"name": "CSToPropsInput",
|
|
2311
2311
|
"value": "CSToPropsInput"
|
|
2312
2312
|
},
|
|
2313
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
2313
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
2314
2314
|
"declarations": [
|
|
2315
2315
|
{
|
|
2316
2316
|
"name": "cs",
|
|
@@ -2483,7 +2483,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
2483
2483
|
"name": "CSToPropsInput",
|
|
2484
2484
|
"value": "CSToPropsInput"
|
|
2485
2485
|
},
|
|
2486
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
2486
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
2487
2487
|
"declarations": [
|
|
2488
2488
|
{
|
|
2489
2489
|
"name": "cs",
|
|
@@ -5756,7 +5756,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
5756
5756
|
"name": "CSToPropsInput",
|
|
5757
5757
|
"value": "CSToPropsInput"
|
|
5758
5758
|
},
|
|
5759
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
5759
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
5760
5760
|
"declarations": [
|
|
5761
5761
|
{
|
|
5762
5762
|
"name": "cs",
|
|
@@ -5968,7 +5968,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
5968
5968
|
"name": "CSToPropsInput",
|
|
5969
5969
|
"value": "CSToPropsInput"
|
|
5970
5970
|
},
|
|
5971
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
5971
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
5972
5972
|
"declarations": [
|
|
5973
5973
|
{
|
|
5974
5974
|
"name": "cs",
|
|
@@ -6126,7 +6126,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
6126
6126
|
"name": "CSToPropsInput",
|
|
6127
6127
|
"value": "CSToPropsInput"
|
|
6128
6128
|
},
|
|
6129
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
6129
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
6130
6130
|
"declarations": [
|
|
6131
6131
|
{
|
|
6132
6132
|
"name": "cs",
|
|
@@ -6312,7 +6312,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
6312
6312
|
"name": "CSToPropsInput",
|
|
6313
6313
|
"value": "CSToPropsInput"
|
|
6314
6314
|
},
|
|
6315
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
6315
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
6316
6316
|
"declarations": [
|
|
6317
6317
|
{
|
|
6318
6318
|
"name": "cs",
|
|
@@ -7941,7 +7941,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
7941
7941
|
"name": "CSToPropsInput",
|
|
7942
7942
|
"value": "CSToPropsInput"
|
|
7943
7943
|
},
|
|
7944
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
7944
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
7945
7945
|
"declarations": [
|
|
7946
7946
|
{
|
|
7947
7947
|
"name": "cs",
|
|
@@ -8479,7 +8479,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
8479
8479
|
"name": "CSToPropsInput",
|
|
8480
8480
|
"value": "CSToPropsInput"
|
|
8481
8481
|
},
|
|
8482
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
8482
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
8483
8483
|
"declarations": [
|
|
8484
8484
|
{
|
|
8485
8485
|
"name": "cs",
|
|
@@ -8764,7 +8764,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
8764
8764
|
"name": "CSToPropsInput",
|
|
8765
8765
|
"value": "CSToPropsInput"
|
|
8766
8766
|
},
|
|
8767
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
8767
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
8768
8768
|
"declarations": [
|
|
8769
8769
|
{
|
|
8770
8770
|
"name": "cs",
|
|
@@ -9219,7 +9219,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
9219
9219
|
"name": "CSToPropsInput",
|
|
9220
9220
|
"value": "CSToPropsInput"
|
|
9221
9221
|
},
|
|
9222
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
9222
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
9223
9223
|
"declarations": [
|
|
9224
9224
|
{
|
|
9225
9225
|
"name": "cs",
|
|
@@ -9519,7 +9519,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
9519
9519
|
"name": "CSToPropsInput",
|
|
9520
9520
|
"value": "CSToPropsInput"
|
|
9521
9521
|
},
|
|
9522
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
9522
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
9523
9523
|
"declarations": [
|
|
9524
9524
|
{
|
|
9525
9525
|
"name": "cs",
|
|
@@ -10674,7 +10674,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
10674
10674
|
"name": "CSToPropsInput",
|
|
10675
10675
|
"value": "CSToPropsInput"
|
|
10676
10676
|
},
|
|
10677
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
10677
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
10678
10678
|
"declarations": [
|
|
10679
10679
|
{
|
|
10680
10680
|
"name": "cs",
|
|
@@ -10943,7 +10943,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
10943
10943
|
"name": "CSToPropsInput",
|
|
10944
10944
|
"value": "CSToPropsInput"
|
|
10945
10945
|
},
|
|
10946
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
10946
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
10947
10947
|
"declarations": [
|
|
10948
10948
|
{
|
|
10949
10949
|
"name": "cs",
|
|
@@ -11167,7 +11167,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
11167
11167
|
"name": "CSToPropsInput",
|
|
11168
11168
|
"value": "CSToPropsInput"
|
|
11169
11169
|
},
|
|
11170
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
11170
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
11171
11171
|
"declarations": [
|
|
11172
11172
|
{
|
|
11173
11173
|
"name": "cs",
|
|
@@ -11452,7 +11452,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
11452
11452
|
"name": "CSToPropsInput",
|
|
11453
11453
|
"value": "CSToPropsInput"
|
|
11454
11454
|
},
|
|
11455
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
11455
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
11456
11456
|
"declarations": [
|
|
11457
11457
|
{
|
|
11458
11458
|
"name": "cs",
|
|
@@ -11849,7 +11849,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
11849
11849
|
"name": "CSToPropsInput",
|
|
11850
11850
|
"value": "CSToPropsInput"
|
|
11851
11851
|
},
|
|
11852
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
11852
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
11853
11853
|
"declarations": [
|
|
11854
11854
|
{
|
|
11855
11855
|
"name": "cs",
|
|
@@ -22144,7 +22144,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
22144
22144
|
"name": "CSToPropsInput",
|
|
22145
22145
|
"value": "CSToPropsInput"
|
|
22146
22146
|
},
|
|
22147
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
22147
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
22148
22148
|
"declarations": [
|
|
22149
22149
|
{
|
|
22150
22150
|
"name": "cs",
|
|
@@ -22644,7 +22644,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
22644
22644
|
"name": "CSToPropsInput",
|
|
22645
22645
|
"value": "CSToPropsInput"
|
|
22646
22646
|
},
|
|
22647
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
22647
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
22648
22648
|
"declarations": [
|
|
22649
22649
|
{
|
|
22650
22650
|
"name": "cs",
|
|
@@ -22973,7 +22973,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
22973
22973
|
"name": "CSToPropsInput",
|
|
22974
22974
|
"value": "CSToPropsInput"
|
|
22975
22975
|
},
|
|
22976
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
22976
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
22977
22977
|
"declarations": [
|
|
22978
22978
|
{
|
|
22979
22979
|
"name": "cs",
|
|
@@ -26361,7 +26361,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
26361
26361
|
"name": "CSToPropsInput",
|
|
26362
26362
|
"value": "CSToPropsInput"
|
|
26363
26363
|
},
|
|
26364
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
26364
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
26365
26365
|
"declarations": [
|
|
26366
26366
|
{
|
|
26367
26367
|
"name": "cs",
|
|
@@ -27130,7 +27130,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
27130
27130
|
"name": "CSToPropsInput",
|
|
27131
27131
|
"value": "CSToPropsInput"
|
|
27132
27132
|
},
|
|
27133
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
27133
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
27134
27134
|
"declarations": [
|
|
27135
27135
|
{
|
|
27136
27136
|
"name": "cs",
|
|
@@ -30770,7 +30770,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
30770
30770
|
"name": "CSToPropsInput",
|
|
30771
30771
|
"value": "CSToPropsInput"
|
|
30772
30772
|
},
|
|
30773
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
30773
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
30774
30774
|
"declarations": [
|
|
30775
30775
|
{
|
|
30776
30776
|
"name": "cs",
|
|
@@ -31035,7 +31035,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31035
31035
|
"name": "CSToPropsInput",
|
|
31036
31036
|
"value": "CSToPropsInput"
|
|
31037
31037
|
},
|
|
31038
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31038
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31039
31039
|
"declarations": [
|
|
31040
31040
|
{
|
|
31041
31041
|
"name": "cs",
|
|
@@ -31140,7 +31140,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31140
31140
|
"name": "CSToPropsInput",
|
|
31141
31141
|
"value": "CSToPropsInput"
|
|
31142
31142
|
},
|
|
31143
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31143
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31144
31144
|
"declarations": [
|
|
31145
31145
|
{
|
|
31146
31146
|
"name": "cs",
|
|
@@ -31359,7 +31359,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31359
31359
|
"name": "CSToPropsInput",
|
|
31360
31360
|
"value": "CSToPropsInput"
|
|
31361
31361
|
},
|
|
31362
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31362
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31363
31363
|
"declarations": [
|
|
31364
31364
|
{
|
|
31365
31365
|
"name": "cs",
|
|
@@ -31464,7 +31464,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31464
31464
|
"name": "CSToPropsInput",
|
|
31465
31465
|
"value": "CSToPropsInput"
|
|
31466
31466
|
},
|
|
31467
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31467
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31468
31468
|
"declarations": [
|
|
31469
31469
|
{
|
|
31470
31470
|
"name": "cs",
|
|
@@ -31569,7 +31569,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31569
31569
|
"name": "CSToPropsInput",
|
|
31570
31570
|
"value": "CSToPropsInput"
|
|
31571
31571
|
},
|
|
31572
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31572
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31573
31573
|
"declarations": [
|
|
31574
31574
|
{
|
|
31575
31575
|
"name": "cs",
|
|
@@ -31674,7 +31674,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31674
31674
|
"name": "CSToPropsInput",
|
|
31675
31675
|
"value": "CSToPropsInput"
|
|
31676
31676
|
},
|
|
31677
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31677
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31678
31678
|
"declarations": [
|
|
31679
31679
|
{
|
|
31680
31680
|
"name": "cs",
|
|
@@ -31779,7 +31779,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31779
31779
|
"name": "CSToPropsInput",
|
|
31780
31780
|
"value": "CSToPropsInput"
|
|
31781
31781
|
},
|
|
31782
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31782
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31783
31783
|
"declarations": [
|
|
31784
31784
|
{
|
|
31785
31785
|
"name": "cs",
|
|
@@ -31884,7 +31884,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31884
31884
|
"name": "CSToPropsInput",
|
|
31885
31885
|
"value": "CSToPropsInput"
|
|
31886
31886
|
},
|
|
31887
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31887
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31888
31888
|
"declarations": [
|
|
31889
31889
|
{
|
|
31890
31890
|
"name": "cs",
|
|
@@ -31989,7 +31989,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
31989
31989
|
"name": "CSToPropsInput",
|
|
31990
31990
|
"value": "CSToPropsInput"
|
|
31991
31991
|
},
|
|
31992
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
31992
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
31993
31993
|
"declarations": [
|
|
31994
31994
|
{
|
|
31995
31995
|
"name": "cs",
|
|
@@ -32154,7 +32154,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
32154
32154
|
"name": "CSToPropsInput",
|
|
32155
32155
|
"value": "CSToPropsInput"
|
|
32156
32156
|
},
|
|
32157
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
32157
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
32158
32158
|
"declarations": [
|
|
32159
32159
|
{
|
|
32160
32160
|
"name": "cs",
|
|
@@ -32311,7 +32311,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
32311
32311
|
"name": "CSToPropsInput",
|
|
32312
32312
|
"value": "CSToPropsInput"
|
|
32313
32313
|
},
|
|
32314
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
32314
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
32315
32315
|
"declarations": [
|
|
32316
32316
|
{
|
|
32317
32317
|
"name": "cs",
|
|
@@ -32615,7 +32615,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
32615
32615
|
"name": "CSToPropsInput",
|
|
32616
32616
|
"value": "CSToPropsInput"
|
|
32617
32617
|
},
|
|
32618
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
32618
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
32619
32619
|
"declarations": [
|
|
32620
32620
|
{
|
|
32621
32621
|
"name": "cs",
|
|
@@ -32773,7 +32773,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
32773
32773
|
"name": "CSToPropsInput",
|
|
32774
32774
|
"value": "CSToPropsInput"
|
|
32775
32775
|
},
|
|
32776
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
32776
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
32777
32777
|
"declarations": [
|
|
32778
32778
|
{
|
|
32779
32779
|
"name": "cs",
|
|
@@ -33440,7 +33440,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
33440
33440
|
"name": "CSToPropsInput",
|
|
33441
33441
|
"value": "CSToPropsInput"
|
|
33442
33442
|
},
|
|
33443
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
33443
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
33444
33444
|
"declarations": [
|
|
33445
33445
|
{
|
|
33446
33446
|
"name": "cs",
|
|
@@ -33916,7 +33916,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
33916
33916
|
"name": "CSToPropsInput",
|
|
33917
33917
|
"value": "CSToPropsInput"
|
|
33918
33918
|
},
|
|
33919
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
33919
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
33920
33920
|
"declarations": [
|
|
33921
33921
|
{
|
|
33922
33922
|
"name": "cs",
|
|
@@ -41398,7 +41398,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
41398
41398
|
"name": "CSToPropsInput",
|
|
41399
41399
|
"value": "CSToPropsInput"
|
|
41400
41400
|
},
|
|
41401
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
41401
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
41402
41402
|
"declarations": [
|
|
41403
41403
|
{
|
|
41404
41404
|
"name": "cs",
|
|
@@ -41628,7 +41628,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
41628
41628
|
"name": "CSToPropsInput",
|
|
41629
41629
|
"value": "CSToPropsInput"
|
|
41630
41630
|
},
|
|
41631
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
41631
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
41632
41632
|
"declarations": [
|
|
41633
41633
|
{
|
|
41634
41634
|
"name": "cs",
|
|
@@ -41938,7 +41938,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
41938
41938
|
"name": "CSToPropsInput",
|
|
41939
41939
|
"value": "CSToPropsInput"
|
|
41940
41940
|
},
|
|
41941
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
41941
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
41942
41942
|
"declarations": [
|
|
41943
41943
|
{
|
|
41944
41944
|
"name": "cs",
|
|
@@ -42229,7 +42229,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
42229
42229
|
"name": "CSToPropsInput",
|
|
42230
42230
|
"value": "CSToPropsInput"
|
|
42231
42231
|
},
|
|
42232
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
42232
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
42233
42233
|
"declarations": [
|
|
42234
42234
|
{
|
|
42235
42235
|
"name": "cs",
|
|
@@ -43704,7 +43704,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
43704
43704
|
"name": "CSToPropsInput",
|
|
43705
43705
|
"value": "CSToPropsInput"
|
|
43706
43706
|
},
|
|
43707
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
43707
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
43708
43708
|
"declarations": [
|
|
43709
43709
|
{
|
|
43710
43710
|
"name": "cs",
|
|
@@ -44083,7 +44083,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
44083
44083
|
"name": "CSToPropsInput",
|
|
44084
44084
|
"value": "CSToPropsInput"
|
|
44085
44085
|
},
|
|
44086
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
44086
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
44087
44087
|
"declarations": [
|
|
44088
44088
|
{
|
|
44089
44089
|
"name": "cs",
|
|
@@ -44510,7 +44510,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
44510
44510
|
"name": "CSToPropsInput",
|
|
44511
44511
|
"value": "CSToPropsInput"
|
|
44512
44512
|
},
|
|
44513
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
44513
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
44514
44514
|
"declarations": [
|
|
44515
44515
|
{
|
|
44516
44516
|
"name": "cs",
|
|
@@ -45362,7 +45362,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
45362
45362
|
"name": "CSToPropsInput",
|
|
45363
45363
|
"value": "CSToPropsInput"
|
|
45364
45364
|
},
|
|
45365
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
45365
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
45366
45366
|
"declarations": [
|
|
45367
45367
|
{
|
|
45368
45368
|
"name": "cs",
|
|
@@ -57285,7 +57285,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
57285
57285
|
"name": "CSToPropsInput",
|
|
57286
57286
|
"value": "CSToPropsInput"
|
|
57287
57287
|
},
|
|
57288
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
57288
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
57289
57289
|
"declarations": [
|
|
57290
57290
|
{
|
|
57291
57291
|
"name": "cs",
|
|
@@ -58040,7 +58040,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
58040
58040
|
"name": "CSToPropsInput",
|
|
58041
58041
|
"value": "CSToPropsInput"
|
|
58042
58042
|
},
|
|
58043
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
58043
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
58044
58044
|
"declarations": [
|
|
58045
58045
|
{
|
|
58046
58046
|
"name": "cs",
|
|
@@ -58356,7 +58356,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
58356
58356
|
"name": "CSToPropsInput",
|
|
58357
58357
|
"value": "CSToPropsInput"
|
|
58358
58358
|
},
|
|
58359
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
58359
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
58360
58360
|
"declarations": [
|
|
58361
58361
|
{
|
|
58362
58362
|
"name": "cs",
|
|
@@ -58832,7 +58832,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
58832
58832
|
"name": "CSToPropsInput",
|
|
58833
58833
|
"value": "CSToPropsInput"
|
|
58834
58834
|
},
|
|
58835
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
58835
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
58836
58836
|
"declarations": [
|
|
58837
58837
|
{
|
|
58838
58838
|
"name": "cs",
|
|
@@ -59622,7 +59622,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
59622
59622
|
"name": "CSToPropsInput",
|
|
59623
59623
|
"value": "CSToPropsInput"
|
|
59624
59624
|
},
|
|
59625
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
59625
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
59626
59626
|
"declarations": [
|
|
59627
59627
|
{
|
|
59628
59628
|
"name": "cs",
|
|
@@ -60013,7 +60013,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
60013
60013
|
"name": "CSToPropsInput",
|
|
60014
60014
|
"value": "CSToPropsInput"
|
|
60015
60015
|
},
|
|
60016
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
60016
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
60017
60017
|
"declarations": [
|
|
60018
60018
|
{
|
|
60019
60019
|
"name": "cs",
|
|
@@ -60331,7 +60331,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
60331
60331
|
"name": "CSToPropsInput",
|
|
60332
60332
|
"value": "CSToPropsInput"
|
|
60333
60333
|
},
|
|
60334
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
60334
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
60335
60335
|
"declarations": [
|
|
60336
60336
|
{
|
|
60337
60337
|
"name": "cs",
|
|
@@ -60841,7 +60841,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
60841
60841
|
"name": "CSToPropsInput",
|
|
60842
60842
|
"value": "CSToPropsInput"
|
|
60843
60843
|
},
|
|
60844
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
60844
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
60845
60845
|
"declarations": [
|
|
60846
60846
|
{
|
|
60847
60847
|
"name": "cs",
|
|
@@ -61367,7 +61367,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
61367
61367
|
"name": "CSToPropsInput",
|
|
61368
61368
|
"value": "CSToPropsInput"
|
|
61369
61369
|
},
|
|
61370
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
61370
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
61371
61371
|
"declarations": [
|
|
61372
61372
|
{
|
|
61373
61373
|
"name": "cs",
|
|
@@ -61786,7 +61786,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
61786
61786
|
"name": "CSToPropsInput",
|
|
61787
61787
|
"value": "CSToPropsInput"
|
|
61788
61788
|
},
|
|
61789
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
61789
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
61790
61790
|
"declarations": [
|
|
61791
61791
|
{
|
|
61792
61792
|
"name": "cs",
|
|
@@ -62358,7 +62358,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
62358
62358
|
"name": "CSToPropsInput",
|
|
62359
62359
|
"value": "CSToPropsInput"
|
|
62360
62360
|
},
|
|
62361
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
62361
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
62362
62362
|
"declarations": [
|
|
62363
62363
|
{
|
|
62364
62364
|
"name": "cs",
|
|
@@ -63059,7 +63059,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
63059
63059
|
"name": "CSToPropsInput",
|
|
63060
63060
|
"value": "CSToPropsInput"
|
|
63061
63061
|
},
|
|
63062
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
63062
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
63063
63063
|
"declarations": [
|
|
63064
63064
|
{
|
|
63065
63065
|
"name": "cs",
|
|
@@ -63180,7 +63180,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
63180
63180
|
"name": "CSToPropsInput",
|
|
63181
63181
|
"value": "CSToPropsInput"
|
|
63182
63182
|
},
|
|
63183
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
63183
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
63184
63184
|
"declarations": [
|
|
63185
63185
|
{
|
|
63186
63186
|
"name": "cs",
|
|
@@ -63336,7 +63336,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
63336
63336
|
"name": "CSToPropsInput",
|
|
63337
63337
|
"value": "CSToPropsInput"
|
|
63338
63338
|
},
|
|
63339
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
63339
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
63340
63340
|
"declarations": [
|
|
63341
63341
|
{
|
|
63342
63342
|
"name": "cs",
|
|
@@ -64603,7 +64603,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
64603
64603
|
"name": "CSToPropsInput",
|
|
64604
64604
|
"value": "CSToPropsInput"
|
|
64605
64605
|
},
|
|
64606
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
64606
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
64607
64607
|
"declarations": [
|
|
64608
64608
|
{
|
|
64609
64609
|
"name": "cs",
|
|
@@ -64943,7 +64943,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
64943
64943
|
"name": "CSToPropsInput",
|
|
64944
64944
|
"value": "CSToPropsInput"
|
|
64945
64945
|
},
|
|
64946
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
64946
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
64947
64947
|
"declarations": [
|
|
64948
64948
|
{
|
|
64949
64949
|
"name": "cs",
|
|
@@ -99192,7 +99192,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
99192
99192
|
"name": "CSToPropsInput",
|
|
99193
99193
|
"value": "CSToPropsInput"
|
|
99194
99194
|
},
|
|
99195
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
99195
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
99196
99196
|
"declarations": [
|
|
99197
99197
|
{
|
|
99198
99198
|
"name": "cs",
|
|
@@ -100267,7 +100267,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
100267
100267
|
"name": "CSToPropsInput",
|
|
100268
100268
|
"value": "CSToPropsInput"
|
|
100269
100269
|
},
|
|
100270
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
100270
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
100271
100271
|
"declarations": [
|
|
100272
100272
|
{
|
|
100273
100273
|
"name": "cs",
|
|
@@ -120940,7 +120940,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
120940
120940
|
"name": "CSToPropsInput",
|
|
120941
120941
|
"value": "CSToPropsInput"
|
|
120942
120942
|
},
|
|
120943
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
120943
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
120944
120944
|
"declarations": [
|
|
120945
120945
|
{
|
|
120946
120946
|
"name": "cs",
|
|
@@ -124701,7 +124701,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
124701
124701
|
"name": "CSToPropsInput",
|
|
124702
124702
|
"value": "CSToPropsInput"
|
|
124703
124703
|
},
|
|
124704
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
124704
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
124705
124705
|
"declarations": [
|
|
124706
124706
|
{
|
|
124707
124707
|
"name": "cs",
|
|
@@ -125576,7 +125576,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
125576
125576
|
"name": "CSToPropsInput",
|
|
125577
125577
|
"value": "CSToPropsInput"
|
|
125578
125578
|
},
|
|
125579
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
125579
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
125580
125580
|
"declarations": [
|
|
125581
125581
|
{
|
|
125582
125582
|
"name": "cs",
|
|
@@ -125774,7 +125774,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
125774
125774
|
"name": "CSToPropsInput",
|
|
125775
125775
|
"value": "CSToPropsInput"
|
|
125776
125776
|
},
|
|
125777
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
125777
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
125778
125778
|
"declarations": [
|
|
125779
125779
|
{
|
|
125780
125780
|
"name": "cs",
|
|
@@ -126349,7 +126349,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
126349
126349
|
"name": "CSToPropsInput",
|
|
126350
126350
|
"value": "CSToPropsInput"
|
|
126351
126351
|
},
|
|
126352
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
126352
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
126353
126353
|
"declarations": [
|
|
126354
126354
|
{
|
|
126355
126355
|
"name": "cs",
|
|
@@ -131360,7 +131360,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
131360
131360
|
"name": "CSToPropsInput",
|
|
131361
131361
|
"value": "CSToPropsInput"
|
|
131362
131362
|
},
|
|
131363
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
131363
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
131364
131364
|
"declarations": [
|
|
131365
131365
|
{
|
|
131366
131366
|
"name": "cs",
|
|
@@ -135924,7 +135924,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
135924
135924
|
"name": "CSToPropsInput",
|
|
135925
135925
|
"value": "CSToPropsInput"
|
|
135926
135926
|
},
|
|
135927
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
135927
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
135928
135928
|
"declarations": [
|
|
135929
135929
|
{
|
|
135930
135930
|
"name": "cs",
|
|
@@ -140915,7 +140915,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
140915
140915
|
"name": "CSToPropsInput",
|
|
140916
140916
|
"value": "CSToPropsInput"
|
|
140917
140917
|
},
|
|
140918
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
140918
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
140919
140919
|
"declarations": [
|
|
140920
140920
|
{
|
|
140921
140921
|
"name": "cs",
|
|
@@ -145926,6 +145926,101 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
145926
145926
|
}
|
|
145927
145927
|
}
|
|
145928
145928
|
},
|
|
145929
|
+
{
|
|
145930
|
+
"name": "mergeStyles",
|
|
145931
|
+
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/utils/mergeStyles.ts",
|
|
145932
|
+
"description": "This is an opinionated function that will force style merging with Emotion's runtime APIs,\nincluding [styled components](https://emotion.sh/docs/styled) and the [css\nprop](https://emotion.sh/docs/css-prop). It will also handle style props for as long as those are\nsupported. `mergeStyles` is exported from the layout package since it supports style props\ndefined in the layout packages.\n\nIt works by detecting styles added via Emotion's runtime APIs and forcing styling merging if use\nof runtime APIs have been detected. If only `createStyles` were used to style a component, the\nfaster non-runtime styling will be used.\n\nYou can use `mergeStyles` if you wish to use {@link createStyles} on your own components and want\nyour components to be compatible with Emotion's runtime styling APIs.\n\n```tsx\nimport {createStyles, CSProps} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\ninterface MyComponentProps extends CSProps {\n // other props\n}\n\nconst myStyles = createStyles({\n background: 'green',\n height: 40,\n width: 40\n})\n\nconst MyComponent = ({children, ...elemProps}: MyComponentProps) => {\n return (\n <div\n {...mergeStyles(elemProps, [myStyles])}\n >\n {children}\n </div>\n )\n}\n\nconst StyledMyComponent(MyComponent)({\n background: 'red'\n})\n\nconst myOverridingStyles = createStyles({\n background: 'blue'\n})\n\n// now everything works. Without `mergeStyles`, the last component would be a red box\nexport default () => (\n <>\n <MyComponent>Green box</MyComponent>\n <StyledMyComponent>Red box</StyledMyComponent>\n <StyledMyComponent cs={myOverridingStyles}>Blue box</StyledMyComponent>\n </>\n)\n```",
|
|
145933
|
+
"declarations": [
|
|
145934
|
+
{
|
|
145935
|
+
"name": "mergeStyles",
|
|
145936
|
+
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/utils/mergeStyles.ts"
|
|
145937
|
+
}
|
|
145938
|
+
],
|
|
145939
|
+
"tags": {},
|
|
145940
|
+
"type": {
|
|
145941
|
+
"kind": "function",
|
|
145942
|
+
"typeParameters": [
|
|
145943
|
+
{
|
|
145944
|
+
"kind": "typeParameter",
|
|
145945
|
+
"name": "T",
|
|
145946
|
+
"constraint": {
|
|
145947
|
+
"kind": "object",
|
|
145948
|
+
"properties": []
|
|
145949
|
+
},
|
|
145950
|
+
"required": true
|
|
145951
|
+
}
|
|
145952
|
+
],
|
|
145953
|
+
"parameters": [
|
|
145954
|
+
{
|
|
145955
|
+
"kind": "parameter",
|
|
145956
|
+
"name": "allProps",
|
|
145957
|
+
"type": {
|
|
145958
|
+
"kind": "generic",
|
|
145959
|
+
"name": "T"
|
|
145960
|
+
},
|
|
145961
|
+
"required": true,
|
|
145962
|
+
"rest": false,
|
|
145963
|
+
"description": "",
|
|
145964
|
+
"declarations": [
|
|
145965
|
+
{
|
|
145966
|
+
"name": "allProps",
|
|
145967
|
+
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/utils/mergeStyles.ts"
|
|
145968
|
+
}
|
|
145969
|
+
],
|
|
145970
|
+
"tags": {}
|
|
145971
|
+
},
|
|
145972
|
+
{
|
|
145973
|
+
"kind": "parameter",
|
|
145974
|
+
"name": "cs",
|
|
145975
|
+
"type": {
|
|
145976
|
+
"kind": "symbol",
|
|
145977
|
+
"name": "CSToPropsInput",
|
|
145978
|
+
"value": "CSToPropsInput"
|
|
145979
|
+
},
|
|
145980
|
+
"required": false,
|
|
145981
|
+
"rest": false,
|
|
145982
|
+
"description": "",
|
|
145983
|
+
"declarations": [
|
|
145984
|
+
{
|
|
145985
|
+
"name": "cs",
|
|
145986
|
+
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/utils/mergeStyles.ts"
|
|
145987
|
+
}
|
|
145988
|
+
],
|
|
145989
|
+
"tags": {}
|
|
145990
|
+
}
|
|
145991
|
+
],
|
|
145992
|
+
"members": [],
|
|
145993
|
+
"returnType": {
|
|
145994
|
+
"kind": "symbol",
|
|
145995
|
+
"name": "Omit",
|
|
145996
|
+
"typeParameters": [
|
|
145997
|
+
{
|
|
145998
|
+
"kind": "generic",
|
|
145999
|
+
"name": "T"
|
|
146000
|
+
},
|
|
146001
|
+
{
|
|
146002
|
+
"kind": "union",
|
|
146003
|
+
"value": [
|
|
146004
|
+
{
|
|
146005
|
+
"kind": "string",
|
|
146006
|
+
"value": "cs"
|
|
146007
|
+
},
|
|
146008
|
+
{
|
|
146009
|
+
"kind": "keyof",
|
|
146010
|
+
"name": {
|
|
146011
|
+
"kind": "symbol",
|
|
146012
|
+
"name": "CommonStyleProps",
|
|
146013
|
+
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/utils/mergeStyles.ts",
|
|
146014
|
+
"value": "keyof CommonStyleProps"
|
|
146015
|
+
}
|
|
146016
|
+
}
|
|
146017
|
+
]
|
|
146018
|
+
}
|
|
146019
|
+
],
|
|
146020
|
+
"value": "Omit<T, K>"
|
|
146021
|
+
}
|
|
146022
|
+
}
|
|
146023
|
+
},
|
|
145929
146024
|
{
|
|
145930
146025
|
"name": "OtherStyleProps",
|
|
145931
146026
|
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/utils/other.ts",
|
|
@@ -150673,7 +150768,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
150673
150768
|
"name": "CSToPropsInput",
|
|
150674
150769
|
"value": "CSToPropsInput"
|
|
150675
150770
|
},
|
|
150676
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
150771
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
150677
150772
|
"declarations": [
|
|
150678
150773
|
{
|
|
150679
150774
|
"name": "cs",
|
|
@@ -151914,7 +152009,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
151914
152009
|
"name": "CSToPropsInput",
|
|
151915
152010
|
"value": "CSToPropsInput"
|
|
151916
152011
|
},
|
|
151917
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
152012
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
151918
152013
|
"declarations": [
|
|
151919
152014
|
{
|
|
151920
152015
|
"name": "cs",
|
|
@@ -162454,7 +162549,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
162454
162549
|
"name": "CSToPropsInput",
|
|
162455
162550
|
"value": "CSToPropsInput"
|
|
162456
162551
|
},
|
|
162457
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
162552
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
162458
162553
|
"declarations": [
|
|
162459
162554
|
{
|
|
162460
162555
|
"name": "cs",
|
|
@@ -162640,7 +162735,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
162640
162735
|
"name": "CSToPropsInput",
|
|
162641
162736
|
"value": "CSToPropsInput"
|
|
162642
162737
|
},
|
|
162643
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
162738
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
162644
162739
|
"declarations": [
|
|
162645
162740
|
{
|
|
162646
162741
|
"name": "cs",
|
|
@@ -162831,7 +162926,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
162831
162926
|
"name": "CSToPropsInput",
|
|
162832
162927
|
"value": "CSToPropsInput"
|
|
162833
162928
|
},
|
|
162834
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
162929
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
162835
162930
|
"declarations": [
|
|
162836
162931
|
{
|
|
162837
162932
|
"name": "cs",
|
|
@@ -162970,7 +163065,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
162970
163065
|
"name": "CSToPropsInput",
|
|
162971
163066
|
"value": "CSToPropsInput"
|
|
162972
163067
|
},
|
|
162973
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
163068
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
162974
163069
|
"declarations": [
|
|
162975
163070
|
{
|
|
162976
163071
|
"name": "cs",
|
|
@@ -163143,7 +163238,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
163143
163238
|
"name": "CSToPropsInput",
|
|
163144
163239
|
"value": "CSToPropsInput"
|
|
163145
163240
|
},
|
|
163146
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
163241
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
163147
163242
|
"declarations": [
|
|
163148
163243
|
{
|
|
163149
163244
|
"name": "cs",
|
|
@@ -163478,7 +163573,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
163478
163573
|
"name": "CSToPropsInput",
|
|
163479
163574
|
"value": "CSToPropsInput"
|
|
163480
163575
|
},
|
|
163481
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
163576
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
163482
163577
|
"declarations": [
|
|
163483
163578
|
{
|
|
163484
163579
|
"name": "cs",
|
|
@@ -163625,7 +163720,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
163625
163720
|
"name": "CSToPropsInput",
|
|
163626
163721
|
"value": "CSToPropsInput"
|
|
163627
163722
|
},
|
|
163628
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
163723
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
163629
163724
|
"declarations": [
|
|
163630
163725
|
{
|
|
163631
163726
|
"name": "cs",
|
|
@@ -163746,7 +163841,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
163746
163841
|
"name": "CSToPropsInput",
|
|
163747
163842
|
"value": "CSToPropsInput"
|
|
163748
163843
|
},
|
|
163749
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
163844
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
163750
163845
|
"declarations": [
|
|
163751
163846
|
{
|
|
163752
163847
|
"name": "cs",
|
|
@@ -169030,7 +169125,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
169030
169125
|
"name": "CSToPropsInput",
|
|
169031
169126
|
"value": "CSToPropsInput"
|
|
169032
169127
|
},
|
|
169033
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
169128
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
169034
169129
|
"declarations": [
|
|
169035
169130
|
{
|
|
169036
169131
|
"name": "cs",
|
|
@@ -169579,7 +169674,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
169579
169674
|
"name": "CSToPropsInput",
|
|
169580
169675
|
"value": "CSToPropsInput"
|
|
169581
169676
|
},
|
|
169582
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
169677
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
169583
169678
|
"declarations": [
|
|
169584
169679
|
{
|
|
169585
169680
|
"name": "cs",
|
|
@@ -170098,7 +170193,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
170098
170193
|
"name": "CSToPropsInput",
|
|
170099
170194
|
"value": "CSToPropsInput"
|
|
170100
170195
|
},
|
|
170101
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
170196
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
170102
170197
|
"declarations": [
|
|
170103
170198
|
{
|
|
170104
170199
|
"name": "cs",
|
|
@@ -170617,7 +170712,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
170617
170712
|
"name": "CSToPropsInput",
|
|
170618
170713
|
"value": "CSToPropsInput"
|
|
170619
170714
|
},
|
|
170620
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
170715
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
170621
170716
|
"declarations": [
|
|
170622
170717
|
{
|
|
170623
170718
|
"name": "cs",
|
|
@@ -171136,7 +171231,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
171136
171231
|
"name": "CSToPropsInput",
|
|
171137
171232
|
"value": "CSToPropsInput"
|
|
171138
171233
|
},
|
|
171139
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
171234
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
171140
171235
|
"declarations": [
|
|
171141
171236
|
{
|
|
171142
171237
|
"name": "cs",
|
|
@@ -171473,7 +171568,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
171473
171568
|
"name": "CSToPropsInput",
|
|
171474
171569
|
"value": "CSToPropsInput"
|
|
171475
171570
|
},
|
|
171476
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
171571
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
171477
171572
|
"declarations": [
|
|
171478
171573
|
{
|
|
171479
171574
|
"name": "cs",
|
|
@@ -176795,7 +176890,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
176795
176890
|
"name": "CSToPropsInput",
|
|
176796
176891
|
"value": "CSToPropsInput"
|
|
176797
176892
|
},
|
|
176798
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
176893
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
176799
176894
|
"declarations": [
|
|
176800
176895
|
{
|
|
176801
176896
|
"name": "cs",
|
|
@@ -177389,7 +177484,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
177389
177484
|
"name": "CSToPropsInput",
|
|
177390
177485
|
"value": "CSToPropsInput"
|
|
177391
177486
|
},
|
|
177392
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
177487
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
177393
177488
|
"declarations": [
|
|
177394
177489
|
{
|
|
177395
177490
|
"name": "cs",
|
|
@@ -177492,7 +177587,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
177492
177587
|
"name": "CSToPropsInput",
|
|
177493
177588
|
"value": "CSToPropsInput"
|
|
177494
177589
|
},
|
|
177495
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
177590
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
177496
177591
|
"declarations": [
|
|
177497
177592
|
{
|
|
177498
177593
|
"name": "cs",
|
|
@@ -182189,7 +182284,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
182189
182284
|
"name": "CSToPropsInput",
|
|
182190
182285
|
"value": "CSToPropsInput"
|
|
182191
182286
|
},
|
|
182192
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
182287
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
182193
182288
|
"declarations": [
|
|
182194
182289
|
{
|
|
182195
182290
|
"name": "cs",
|
|
@@ -182645,7 +182740,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
182645
182740
|
"name": "CSToPropsInput",
|
|
182646
182741
|
"value": "CSToPropsInput"
|
|
182647
182742
|
},
|
|
182648
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
182743
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
182649
182744
|
"declarations": [
|
|
182650
182745
|
{
|
|
182651
182746
|
"name": "cs",
|
|
@@ -187420,7 +187515,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
187420
187515
|
"name": "CSToPropsInput",
|
|
187421
187516
|
"value": "CSToPropsInput"
|
|
187422
187517
|
},
|
|
187423
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
187518
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
187424
187519
|
"declarations": [
|
|
187425
187520
|
{
|
|
187426
187521
|
"name": "cs",
|
|
@@ -187636,7 +187731,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
187636
187731
|
"name": "CSToPropsInput",
|
|
187637
187732
|
"value": "CSToPropsInput"
|
|
187638
187733
|
},
|
|
187639
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
187734
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
187640
187735
|
"declarations": [
|
|
187641
187736
|
{
|
|
187642
187737
|
"name": "cs",
|
|
@@ -188138,7 +188233,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
188138
188233
|
"name": "CSToPropsInput",
|
|
188139
188234
|
"value": "CSToPropsInput"
|
|
188140
188235
|
},
|
|
188141
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
188236
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
188142
188237
|
"declarations": [
|
|
188143
188238
|
{
|
|
188144
188239
|
"name": "cs",
|
|
@@ -188539,7 +188634,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
188539
188634
|
"name": "CSToPropsInput",
|
|
188540
188635
|
"value": "CSToPropsInput"
|
|
188541
188636
|
},
|
|
188542
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
188637
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
188543
188638
|
"declarations": [
|
|
188544
188639
|
{
|
|
188545
188640
|
"name": "cs",
|
|
@@ -190372,7 +190467,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
190372
190467
|
"name": "CSToPropsInput",
|
|
190373
190468
|
"value": "CSToPropsInput"
|
|
190374
190469
|
},
|
|
190375
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
190470
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
190376
190471
|
"declarations": [
|
|
190377
190472
|
{
|
|
190378
190473
|
"name": "cs",
|
|
@@ -197814,7 +197909,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
197814
197909
|
"name": "CSToPropsInput",
|
|
197815
197910
|
"value": "CSToPropsInput"
|
|
197816
197911
|
},
|
|
197817
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
197912
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
197818
197913
|
"declarations": [
|
|
197819
197914
|
{
|
|
197820
197915
|
"name": "cs",
|
|
@@ -200932,7 +201027,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
200932
201027
|
"name": "CSToPropsInput",
|
|
200933
201028
|
"value": "CSToPropsInput"
|
|
200934
201029
|
},
|
|
200935
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
201030
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
200936
201031
|
"declarations": [
|
|
200937
201032
|
{
|
|
200938
201033
|
"name": "cs",
|
|
@@ -205648,7 +205743,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
205648
205743
|
"name": "CSToPropsInput",
|
|
205649
205744
|
"value": "CSToPropsInput"
|
|
205650
205745
|
},
|
|
205651
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
205746
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
205652
205747
|
"declarations": [
|
|
205653
205748
|
{
|
|
205654
205749
|
"name": "cs",
|
|
@@ -206222,7 +206317,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
206222
206317
|
"name": "CSToPropsInput",
|
|
206223
206318
|
"value": "CSToPropsInput"
|
|
206224
206319
|
},
|
|
206225
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
206320
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
206226
206321
|
"declarations": [
|
|
206227
206322
|
{
|
|
206228
206323
|
"name": "cs",
|
|
@@ -211986,7 +212081,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
211986
212081
|
"name": "CSToPropsInput",
|
|
211987
212082
|
"value": "CSToPropsInput"
|
|
211988
212083
|
},
|
|
211989
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
212084
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
211990
212085
|
"declarations": [
|
|
211991
212086
|
{
|
|
211992
212087
|
"name": "cs",
|
|
@@ -212241,7 +212336,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
212241
212336
|
"name": "CSToPropsInput",
|
|
212242
212337
|
"value": "CSToPropsInput"
|
|
212243
212338
|
},
|
|
212244
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
212339
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
212245
212340
|
"declarations": [
|
|
212246
212341
|
{
|
|
212247
212342
|
"name": "cs",
|
|
@@ -221027,7 +221122,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
221027
221122
|
"name": "CSToPropsInput",
|
|
221028
221123
|
"value": "CSToPropsInput"
|
|
221029
221124
|
},
|
|
221030
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
221125
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
221031
221126
|
"declarations": [
|
|
221032
221127
|
{
|
|
221033
221128
|
"name": "cs",
|
|
@@ -221183,7 +221278,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
221183
221278
|
"name": "CSToPropsInput",
|
|
221184
221279
|
"value": "CSToPropsInput"
|
|
221185
221280
|
},
|
|
221186
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
221281
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
221187
221282
|
"declarations": [
|
|
221188
221283
|
{
|
|
221189
221284
|
"name": "cs",
|
|
@@ -221340,7 +221435,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
221340
221435
|
"name": "CSToPropsInput",
|
|
221341
221436
|
"value": "CSToPropsInput"
|
|
221342
221437
|
},
|
|
221343
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
221438
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
221344
221439
|
"declarations": [
|
|
221345
221440
|
{
|
|
221346
221441
|
"name": "cs",
|
|
@@ -221925,7 +222020,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
221925
222020
|
"name": "CSToPropsInput",
|
|
221926
222021
|
"value": "CSToPropsInput"
|
|
221927
222022
|
},
|
|
221928
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
222023
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
221929
222024
|
"declarations": [
|
|
221930
222025
|
{
|
|
221931
222026
|
"name": "cs",
|
|
@@ -222271,7 +222366,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
222271
222366
|
"name": "CSToPropsInput",
|
|
222272
222367
|
"value": "CSToPropsInput"
|
|
222273
222368
|
},
|
|
222274
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
222369
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
222275
222370
|
"declarations": [
|
|
222276
222371
|
{
|
|
222277
222372
|
"name": "cs",
|
|
@@ -227275,7 +227370,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
227275
227370
|
"name": "CSToPropsInput",
|
|
227276
227371
|
"value": "CSToPropsInput"
|
|
227277
227372
|
},
|
|
227278
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
227373
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
227279
227374
|
"declarations": [
|
|
227280
227375
|
{
|
|
227281
227376
|
"name": "cs",
|
|
@@ -227457,7 +227552,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
227457
227552
|
"name": "CSToPropsInput",
|
|
227458
227553
|
"value": "CSToPropsInput"
|
|
227459
227554
|
},
|
|
227460
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
227555
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
227461
227556
|
"declarations": [
|
|
227462
227557
|
{
|
|
227463
227558
|
"name": "cs",
|
|
@@ -227666,7 +227761,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
227666
227761
|
"name": "CSToPropsInput",
|
|
227667
227762
|
"value": "CSToPropsInput"
|
|
227668
227763
|
},
|
|
227669
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
227764
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
227670
227765
|
"declarations": [
|
|
227671
227766
|
{
|
|
227672
227767
|
"name": "cs",
|
|
@@ -232258,7 +232353,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
232258
232353
|
"name": "CSToPropsInput",
|
|
232259
232354
|
"value": "CSToPropsInput"
|
|
232260
232355
|
},
|
|
232261
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
232356
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
232262
232357
|
"declarations": [
|
|
232263
232358
|
{
|
|
232264
232359
|
"name": "cs",
|
|
@@ -232365,7 +232460,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
232365
232460
|
"name": "CSToPropsInput",
|
|
232366
232461
|
"value": "CSToPropsInput"
|
|
232367
232462
|
},
|
|
232368
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
232463
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
232369
232464
|
"declarations": [
|
|
232370
232465
|
{
|
|
232371
232466
|
"name": "cs",
|
|
@@ -232522,7 +232617,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
232522
232617
|
"name": "CSToPropsInput",
|
|
232523
232618
|
"value": "CSToPropsInput"
|
|
232524
232619
|
},
|
|
232525
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
232620
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
232526
232621
|
"declarations": [
|
|
232527
232622
|
{
|
|
232528
232623
|
"name": "cs",
|
|
@@ -232679,7 +232774,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
232679
232774
|
"name": "CSToPropsInput",
|
|
232680
232775
|
"value": "CSToPropsInput"
|
|
232681
232776
|
},
|
|
232682
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
232777
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
232683
232778
|
"declarations": [
|
|
232684
232779
|
{
|
|
232685
232780
|
"name": "cs",
|
|
@@ -232836,7 +232931,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
232836
232931
|
"name": "CSToPropsInput",
|
|
232837
232932
|
"value": "CSToPropsInput"
|
|
232838
232933
|
},
|
|
232839
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
232934
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
232840
232935
|
"declarations": [
|
|
232841
232936
|
{
|
|
232842
232937
|
"name": "cs",
|
|
@@ -233231,7 +233326,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
233231
233326
|
"name": "CSToPropsInput",
|
|
233232
233327
|
"value": "CSToPropsInput"
|
|
233233
233328
|
},
|
|
233234
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
233329
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
233235
233330
|
"declarations": [
|
|
233236
233331
|
{
|
|
233237
233332
|
"name": "cs",
|
|
@@ -233486,7 +233581,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
233486
233581
|
"name": "CSToPropsInput",
|
|
233487
233582
|
"value": "CSToPropsInput"
|
|
233488
233583
|
},
|
|
233489
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
233584
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
233490
233585
|
"declarations": [
|
|
233491
233586
|
{
|
|
233492
233587
|
"name": "cs",
|
|
@@ -233918,7 +234013,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
233918
234013
|
"name": "CSToPropsInput",
|
|
233919
234014
|
"value": "CSToPropsInput"
|
|
233920
234015
|
},
|
|
233921
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
234016
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
233922
234017
|
"declarations": [
|
|
233923
234018
|
{
|
|
233924
234019
|
"name": "cs",
|
|
@@ -234487,7 +234582,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
234487
234582
|
"name": "CSToPropsInput",
|
|
234488
234583
|
"value": "CSToPropsInput"
|
|
234489
234584
|
},
|
|
234490
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
234585
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
234491
234586
|
"declarations": [
|
|
234492
234587
|
{
|
|
234493
234588
|
"name": "cs",
|
|
@@ -234855,7 +234950,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
234855
234950
|
"name": "CSToPropsInput",
|
|
234856
234951
|
"value": "CSToPropsInput"
|
|
234857
234952
|
},
|
|
234858
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
234953
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
234859
234954
|
"declarations": [
|
|
234860
234955
|
{
|
|
234861
234956
|
"name": "cs",
|
|
@@ -248220,6 +248315,33 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
248220
248315
|
}
|
|
248221
248316
|
}
|
|
248222
248317
|
},
|
|
248318
|
+
{
|
|
248319
|
+
"name": "createStylesCache",
|
|
248320
|
+
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
|
|
248321
|
+
"description": "",
|
|
248322
|
+
"declarations": [
|
|
248323
|
+
{
|
|
248324
|
+
"name": "createStylesCache",
|
|
248325
|
+
"filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts"
|
|
248326
|
+
}
|
|
248327
|
+
],
|
|
248328
|
+
"tags": {},
|
|
248329
|
+
"type": {
|
|
248330
|
+
"kind": "external",
|
|
248331
|
+
"name": "Record",
|
|
248332
|
+
"url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
|
|
248333
|
+
"typeParameters": [
|
|
248334
|
+
{
|
|
248335
|
+
"kind": "primitive",
|
|
248336
|
+
"value": "string"
|
|
248337
|
+
},
|
|
248338
|
+
{
|
|
248339
|
+
"kind": "primitive",
|
|
248340
|
+
"value": "boolean"
|
|
248341
|
+
}
|
|
248342
|
+
]
|
|
248343
|
+
}
|
|
248344
|
+
},
|
|
248223
248345
|
{
|
|
248224
248346
|
"name": "StyleProps",
|
|
248225
248347
|
"fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/lib/cs.ts",
|
|
@@ -249018,7 +249140,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
249018
249140
|
"name": "CSToPropsInput",
|
|
249019
249141
|
"value": "CSToPropsInput"
|
|
249020
249142
|
},
|
|
249021
|
-
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well.\n\n```tsx\
|
|
249143
|
+
"description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by style props, the `css` prop, or styles added via\nthe `styled` API, use {@link mergeStyles} wherever `elemProps` is used.\n\n\n```tsx\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\nreturn (\n <Element\n {...mergeStyles(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
|
|
249022
249144
|
"declarations": [
|
|
249023
249145
|
{
|
|
249024
249146
|
"name": "cs",
|