feat(design system): Affixes with design tokens

[Benrajalu]

(Drafted until the rest of the form elements are ready)

What is the problem this PR is trying to solve? Affixes no longer match the style chosen for the forms. We also don't provide all the possible affix types.

What is the chosen solution to this problem? Fix styles. Provide dedicated affixes for various needs.

Please check if the PR fulfills these requirements

• [ ] The PR have used yarn changeset to a request a release from the CI if wanted.
• [ ] The PR commit message follows our guidelines
• [ ] Tests for the changes have been added (for bug fixes / features) And non reg done before need review
• [ ] Docs have been added / updated (for bug fixes / features)
• [ ] Related design / discussions / pages (not in jira), if any, are all linked or available in the PR

[ ] This PR introduces a breaking change

[github-actions[bot]]

4045

:octocat: Demo is available here

[github-actions[bot]]

Size Change: +1.28 kB (0%)

Total Size: 13.9 MB

Filename	Size	Change
./packages/design-system/dist/TalendDesignSystem.css	1.18 MB	+152 B (0%)
./packages/design-system/dist/TalendDesignSystem.js	1.4 MB	+885 B (0%)
./packages/design-system/dist/TalendDesignSystem.min.js	217 kB	+239 B (0%)

ℹ️ View Unchanged

Filename	Size
./packages/assets-api/dist/TalendAssetsApi.js	9.41 kB
./packages/assets-api/dist/TalendAssetsApi.js.dependencies.json	2 B
./packages/assets-api/dist/TalendAssetsApi.min.js	3.95 kB
./packages/assets-api/dist/TalendAssetsApi.min.js.dependencies.json	2 B
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.js	41.5 kB
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.js.dependencies.json	643 B
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.min.js	8.04 kB
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.min.js.dependencies.json	665 B
./packages/cmf-router/dist/TalendReactCmfRouter.js	52.6 kB
./packages/cmf-router/dist/TalendReactCmfRouter.js.dependencies.json	1.07 kB
./packages/cmf-router/dist/TalendReactCmfRouter.min.js	11.5 kB
./packages/cmf-router/dist/TalendReactCmfRouter.min.js.dependencies.json	1.11 kB
./packages/cmf/dist/TalendReactCmf.js	548 kB
./packages/cmf/dist/TalendReactCmf.js.dependencies.json	1.25 kB
./packages/cmf/dist/TalendReactCmf.min.js	112 kB
./packages/cmf/dist/TalendReactCmf.min.js.dependencies.json	1.29 kB
./packages/components/dist/TalendReactComponents.css	181 kB
./packages/components/dist/TalendReactComponents.js	3.18 MB
./packages/components/dist/TalendReactComponents.js.dependencies.json	2.91 kB
./packages/components/dist/TalendReactComponents.min.js	711 kB
./packages/components/dist/TalendReactComponents.min.js.dependencies.json	2.98 kB
./packages/containers/dist/TalendReactContainers.css	1.73 kB
./packages/containers/dist/TalendReactContainers.js	442 kB
./packages/containers/dist/TalendReactContainers.js.dependencies.json	1.41 kB
./packages/containers/dist/TalendReactContainers.min.js	95.3 kB
./packages/containers/dist/TalendReactContainers.min.js.dependencies.json	1.45 kB
./packages/datagrid/dist/TalendReactDatagrid.css	66 kB
./packages/datagrid/dist/TalendReactDatagrid.js	86.2 kB
./packages/datagrid/dist/TalendReactDatagrid.js.dependencies.json	1.31 kB
./packages/datagrid/dist/TalendReactDatagrid.min.js	16.8 kB
./packages/datagrid/dist/TalendReactDatagrid.min.js.dependencies.json	1.34 kB
./packages/dataviz/dist/TalendReactDataviz.css	8.72 kB
./packages/dataviz/dist/TalendReactDataviz.js	320 kB
./packages/dataviz/dist/TalendReactDataviz.js.dependencies.json	1.16 kB
./packages/dataviz/dist/TalendReactDataviz.min.js	60.8 kB
./packages/dataviz/dist/TalendReactDataviz.min.js.dependencies.json	1.19 kB
./packages/design-system/dist/TalendDesignSystem.js.dependencies.json	1.49 kB
./packages/design-system/dist/TalendDesignSystem.min.js.dependencies.json	1.52 kB
./packages/design-tokens/dist/TalendDesignTokens.css	35.5 kB
./packages/design-tokens/dist/TalendDesignTokens.js	34.3 kB
./packages/design-tokens/dist/TalendDesignTokens.js.dependencies.json	2 B
./packages/design-tokens/dist/TalendDesignTokens.min.js	28.5 kB
./packages/design-tokens/dist/TalendDesignTokens.min.js.dependencies.json	2 B
./packages/faceted-search/dist/TalendReactFacetedSearch.css	15 kB
./packages/faceted-search/dist/TalendReactFacetedSearch.js	371 kB
./packages/faceted-search/dist/TalendReactFacetedSearch.js.dependencies.json	1.29 kB
./packages/faceted-search/dist/TalendReactFacetedSearch.min.js	94.7 kB
./packages/faceted-search/dist/TalendReactFacetedSearch.min.js.dependencies.json	1.32 kB
./packages/flow-designer/dist/TalendReactFlowDesigner.min.js	56.7 kB
./packages/flow-designer/dist/TalendReactFlowDesigner.min.js.dependencies.json	935 B
./packages/forms/dist/TalendReactForms.css	20.7 kB
./packages/forms/dist/TalendReactForms.js	1.28 MB
./packages/forms/dist/TalendReactForms.js.dependencies.json	1.74 kB
./packages/forms/dist/TalendReactForms.min.js	383 kB
./packages/forms/dist/TalendReactForms.min.js.dependencies.json	1.78 kB
./packages/http/dist/TalendHttp.js	26.4 kB
./packages/http/dist/TalendHttp.js.dependencies.json	2 B
./packages/http/dist/TalendHttp.min.js	4.82 kB
./packages/http/dist/TalendHttp.min.js.dependencies.json	2 B
./packages/icons/dist/bundle.js	6.31 kB
./packages/icons/dist/info.js	10.8 kB
./packages/icons/dist/react.esm.js	531 kB
./packages/icons/dist/react.js	571 kB
./packages/icons/dist/talend-icons-webfont.css	16.8 kB
./packages/icons/dist/talendicons.css	334 B
./packages/icons/dist/TalendIcons.js	627 kB
./packages/icons/dist/TalendIcons.js.dependencies.json	128 B
./packages/icons/dist/TalendIcons.min.js	555 kB
./packages/icons/dist/TalendIcons.min.js.dependencies.json	131 B
./packages/jsfc/dist/index.js	92.6 kB
./packages/jsfc/dist/index.js.dependencies.json	2 B
./packages/router-bridge/dist/TalendRouterBridge.js	160 kB
./packages/router-bridge/dist/TalendRouterBridge.js.dependencies.json	981 B
./packages/router-bridge/dist/TalendRouterBridge.min.js	24.5 kB
./packages/router-bridge/dist/TalendRouterBridge.min.js.dependencies.json	1.01 kB
./packages/sagas/dist/TalendReactSagas.js	12.1 kB
./packages/sagas/dist/TalendReactSagas.js.dependencies.json	348 B
./packages/sagas/dist/TalendReactSagas.min.js	2.13 kB
./packages/sagas/dist/TalendReactSagas.min.js.dependencies.json	360 B
./packages/stepper/dist/TalendReactStepper.js	26.3 kB
./packages/stepper/dist/TalendReactStepper.js.dependencies.json	938 B
./packages/stepper/dist/TalendReactStepper.min.js	4.86 kB
./packages/stepper/dist/TalendReactStepper.min.js.dependencies.json	963 B
./packages/theme/dist/bootstrap.css	149 kB
./packages/theme/dist/bootstrap.js	4.33 kB
./packages/theme/dist/bootstrap.js.dependencies.json	3 B

_{compressed-size-action}