@synergy-design-system/mcp 2.15.0 → 3.0.1
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/CHANGELOG.md +24 -0
- package/README.md +826 -303
- package/dist/bin/start.js +57 -6
- package/dist/middleware/compose.d.ts +15 -0
- package/dist/middleware/compose.js +10 -0
- package/dist/middleware/compression.d.ts +19 -0
- package/dist/middleware/compression.js +35 -0
- package/dist/middleware/error-handler.d.ts +13 -0
- package/dist/middleware/error-handler.js +42 -0
- package/dist/middleware/index.d.ts +9 -0
- package/dist/middleware/index.js +8 -0
- package/dist/middleware/logging.d.ts +14 -0
- package/dist/middleware/logging.js +64 -0
- package/dist/middleware/types.d.ts +20 -0
- package/dist/middleware/types.js +4 -0
- package/dist/resources/asset-list.d.ts +7 -0
- package/dist/resources/asset-list.js +34 -0
- package/dist/resources/component-cluster-list.d.ts +7 -0
- package/dist/resources/component-cluster-list.js +30 -0
- package/dist/resources/component-list.d.ts +7 -0
- package/dist/resources/component-list.js +31 -0
- package/dist/resources/index.d.ts +5 -0
- package/dist/resources/index.js +5 -0
- package/dist/resources/styles-list.d.ts +7 -0
- package/dist/resources/styles-list.js +31 -0
- package/dist/resources/templates-list.d.ts +7 -0
- package/dist/resources/templates-list.js +28 -0
- package/dist/server.js +5 -1
- package/dist/tools/asset-info.js +41 -85
- package/dist/tools/asset-list.js +22 -31
- package/dist/tools/component-cluster-list.d.ts +6 -0
- package/dist/tools/component-cluster-list.js +30 -0
- package/dist/tools/component-info.js +38 -21
- package/dist/tools/component-list.js +35 -30
- package/dist/tools/davinci-migration-info.d.ts +2 -0
- package/dist/tools/davinci-migration-info.js +21 -0
- package/dist/tools/davinci-migration-list.d.ts +2 -0
- package/dist/tools/davinci-migration-list.js +20 -0
- package/dist/tools/index.d.ts +6 -5
- package/dist/tools/index.js +6 -5
- package/dist/tools/migration-info.js +12 -37
- package/dist/tools/migration-list.js +7 -13
- package/dist/tools/setup.d.ts +6 -0
- package/dist/tools/setup.js +31 -0
- package/dist/tools/styles-info.d.ts +1 -2
- package/dist/tools/styles-info.js +24 -20
- package/dist/tools/styles-list.js +19 -33
- package/dist/tools/template-info.js +19 -20
- package/dist/tools/template-list.d.ts +1 -1
- package/dist/tools/template-list.js +17 -32
- package/dist/tools/{tokens.d.ts → token-info.d.ts} +2 -2
- package/dist/tools/token-info.js +31 -0
- package/dist/tools/tokens-list.d.ts +6 -0
- package/dist/tools/tokens-list.js +52 -0
- package/dist/transports/http.d.ts +14 -0
- package/dist/transports/http.js +157 -0
- package/dist/transports/index.d.ts +23 -0
- package/dist/transports/index.js +23 -0
- package/dist/transports/stdio.d.ts +10 -0
- package/dist/transports/stdio.js +21 -0
- package/dist/types/tool-response.d.ts +13 -0
- package/dist/types/tool-response.js +7 -0
- package/dist/utilities/cli.d.ts +27 -0
- package/dist/utilities/cli.js +170 -0
- package/dist/utilities/compression.d.ts +7 -0
- package/dist/utilities/compression.js +45 -0
- package/dist/utilities/config.d.ts +122 -80
- package/dist/utilities/config.js +212 -81
- package/dist/utilities/davinci.d.ts +12 -0
- package/dist/utilities/davinci.js +55 -0
- package/dist/utilities/index.d.ts +10 -10
- package/dist/utilities/index.js +10 -10
- package/dist/utilities/local-file-logger.d.ts +2 -0
- package/dist/utilities/local-file-logger.js +22 -0
- package/dist/utilities/logger.d.ts +12 -0
- package/dist/utilities/logger.js +30 -0
- package/dist/utilities/logging-context.d.ts +8 -0
- package/dist/utilities/logging-context.js +7 -0
- package/dist/utilities/logging-service.d.ts +2 -0
- package/dist/utilities/logging-service.js +24 -0
- package/dist/utilities/logging-types.d.ts +19 -0
- package/dist/utilities/metadata.d.ts +10 -17
- package/dist/utilities/metadata.js +34 -51
- package/dist/utilities/migration.d.ts +2 -1
- package/dist/utilities/migration.js +33 -30
- package/dist/utilities/rules.d.ts +8 -0
- package/dist/utilities/rules.js +37 -0
- package/dist/utilities/server.d.ts +7 -0
- package/dist/utilities/server.js +12 -0
- package/dist/utilities/token-counter.d.ts +14 -0
- package/dist/utilities/token-counter.js +53 -0
- package/package.json +20 -30
- package/rules/asset-info.md +10 -0
- package/rules/asset-list.md +10 -0
- package/rules/component-cluster-list.md +5 -0
- package/{metadata/static/angular/index.md → rules/component-info-angular.md} +2 -1
- package/{metadata/static/react/index.md → rules/component-info-react.md} +2 -1
- package/{metadata/static/vue/index.md → rules/component-info-vue.md} +4 -1
- package/{metadata/static/component-list/index.md → rules/component-list.md} +5 -7
- package/rules/styles-info.md +9 -0
- package/{metadata/static/styles/index.md → rules/styles-list.md} +0 -2
- package/{metadata/static/templates/index.md → rules/template-info.md} +0 -1
- package/rules/template-list.md +7 -0
- package/dist/bin/create-checksum.d.ts +0 -2
- package/dist/bin/create-checksum.js +0 -24
- package/dist/build/assets.d.ts +0 -4
- package/dist/build/assets.js +0 -57
- package/dist/build/build.js +0 -35
- package/dist/build/components.d.ts +0 -4
- package/dist/build/components.js +0 -133
- package/dist/build/fonts.d.ts +0 -4
- package/dist/build/fonts.js +0 -49
- package/dist/build/frameworks.d.ts +0 -4
- package/dist/build/frameworks.js +0 -61
- package/dist/build/static.d.ts +0 -4
- package/dist/build/static.js +0 -65
- package/dist/build/styles.d.ts +0 -4
- package/dist/build/styles.js +0 -58
- package/dist/build/tokens.d.ts +0 -4
- package/dist/build/tokens.js +0 -59
- package/dist/tools/davinci-migration.d.ts +0 -3
- package/dist/tools/davinci-migration.js +0 -66
- package/dist/tools/font-info.d.ts +0 -6
- package/dist/tools/font-info.js +0 -35
- package/dist/tools/framework-info.d.ts +0 -7
- package/dist/tools/framework-info.js +0 -58
- package/dist/tools/tokens.js +0 -24
- package/dist/tools/version.d.ts +0 -7
- package/dist/tools/version.js +0 -53
- package/dist/utilities/assets.d.ts +0 -2
- package/dist/utilities/assets.js +0 -3
- package/dist/utilities/checksum.d.ts +0 -36
- package/dist/utilities/checksum.js +0 -94
- package/dist/utilities/components.d.ts +0 -25
- package/dist/utilities/components.js +0 -86
- package/dist/utilities/file.d.ts +0 -12
- package/dist/utilities/file.js +0 -31
- package/dist/utilities/fonts.d.ts +0 -2
- package/dist/utilities/fonts.js +0 -3
- package/dist/utilities/stdio.d.ts +0 -14
- package/dist/utilities/stdio.js +0 -60
- package/dist/utilities/storybook/build-docs.d.ts +0 -2
- package/dist/utilities/storybook/build-docs.js +0 -43
- package/dist/utilities/storybook/configs.d.ts +0 -13
- package/dist/utilities/storybook/configs.js +0 -85
- package/dist/utilities/storybook/docs-scraper.d.ts +0 -26
- package/dist/utilities/storybook/docs-scraper.js +0 -96
- package/dist/utilities/storybook/index.d.ts +0 -5
- package/dist/utilities/storybook/index.js +0 -4
- package/dist/utilities/storybook/scraper.d.ts +0 -14
- package/dist/utilities/storybook/scraper.js +0 -243
- package/dist/utilities/storybook/storybook-manager.d.ts +0 -29
- package/dist/utilities/storybook/storybook-manager.js +0 -138
- package/dist/utilities/storybook/types.d.ts +0 -22
- package/dist/utilities/storybook/types.js +0 -1
- package/dist/utilities/styles.d.ts +0 -6
- package/dist/utilities/styles.js +0 -24
- package/dist/utilities/templates.d.ts +0 -12
- package/dist/utilities/templates.js +0 -28
- package/dist/utilities/tokens.d.ts +0 -1
- package/dist/utilities/tokens.js +0 -21
- package/dist/utilities/version.d.ts +0 -28
- package/dist/utilities/version.js +0 -21
- package/metadata/checksum.txt +0 -1
- package/metadata/davinci-migration/migration-guide.md +0 -1859
- package/metadata/packages/angular/LIMITATIONS.md +0 -32
- package/metadata/packages/angular/README.md +0 -393
- package/metadata/packages/assets/BREAKING_CHANGES.md +0 -305
- package/metadata/packages/assets/CHANGELOG.md +0 -374
- package/metadata/packages/assets/README.md +0 -103
- package/metadata/packages/components/components/syn-accordion/component.angular.ts +0 -80
- package/metadata/packages/components/components/syn-accordion/component.react.ts +0 -30
- package/metadata/packages/components/components/syn-accordion/component.styles.ts +0 -15
- package/metadata/packages/components/components/syn-accordion/component.ts +0 -111
- package/metadata/packages/components/components/syn-accordion/component.vue +0 -64
- package/metadata/packages/components/components/syn-alert/component.angular.ts +0 -169
- package/metadata/packages/components/components/syn-alert/component.react.ts +0 -60
- package/metadata/packages/components/components/syn-alert/component.styles.ts +0 -203
- package/metadata/packages/components/components/syn-alert/component.ts +0 -322
- package/metadata/packages/components/components/syn-alert/component.vue +0 -135
- package/metadata/packages/components/components/syn-badge/component.angular.ts +0 -53
- package/metadata/packages/components/components/syn-badge/component.custom.styles.ts +0 -62
- package/metadata/packages/components/components/syn-badge/component.react.ts +0 -29
- package/metadata/packages/components/components/syn-badge/component.styles.ts +0 -52
- package/metadata/packages/components/components/syn-badge/component.ts +0 -58
- package/metadata/packages/components/components/syn-badge/component.vue +0 -53
- package/metadata/packages/components/components/syn-breadcrumb/component.angular.ts +0 -58
- package/metadata/packages/components/components/syn-breadcrumb/component.custom.styles.ts +0 -5
- package/metadata/packages/components/components/syn-breadcrumb/component.react.ts +0 -32
- package/metadata/packages/components/components/syn-breadcrumb/component.styles.ts +0 -11
- package/metadata/packages/components/components/syn-breadcrumb/component.ts +0 -103
- package/metadata/packages/components/components/syn-breadcrumb/component.vue +0 -58
- package/metadata/packages/components/components/syn-breadcrumb-item/component.angular.ts +0 -88
- package/metadata/packages/components/components/syn-breadcrumb-item/component.custom.styles.ts +0 -78
- package/metadata/packages/components/components/syn-breadcrumb-item/component.react.ts +0 -37
- package/metadata/packages/components/components/syn-breadcrumb-item/component.styles.ts +0 -88
- package/metadata/packages/components/components/syn-breadcrumb-item/component.ts +0 -132
- package/metadata/packages/components/components/syn-breadcrumb-item/component.vue +0 -76
- package/metadata/packages/components/components/syn-button/component.angular.ts +0 -318
- package/metadata/packages/components/components/syn-button/component.custom.styles.ts +0 -245
- package/metadata/packages/components/components/syn-button/component.react.ts +0 -56
- package/metadata/packages/components/components/syn-button/component.styles.ts +0 -361
- package/metadata/packages/components/components/syn-button/component.ts +0 -315
- package/metadata/packages/components/components/syn-button/component.vue +0 -204
- package/metadata/packages/components/components/syn-button-group/component.angular.ts +0 -79
- package/metadata/packages/components/components/syn-button-group/component.custom.styles.ts +0 -5
- package/metadata/packages/components/components/syn-button-group/component.react.ts +0 -29
- package/metadata/packages/components/components/syn-button-group/component.styles.ts +0 -14
- package/metadata/packages/components/components/syn-button-group/component.ts +0 -171
- package/metadata/packages/components/components/syn-button-group/component.vue +0 -67
- package/metadata/packages/components/components/syn-card/component.angular.ts +0 -83
- package/metadata/packages/components/components/syn-card/component.custom.styles.ts +0 -60
- package/metadata/packages/components/components/syn-card/component.react.ts +0 -41
- package/metadata/packages/components/components/syn-card/component.styles.ts +0 -70
- package/metadata/packages/components/components/syn-card/component.ts +0 -65
- package/metadata/packages/components/components/syn-card/component.vue +0 -73
- package/metadata/packages/components/components/syn-checkbox/component.angular.ts +0 -273
- package/metadata/packages/components/components/syn-checkbox/component.react.ts +0 -64
- package/metadata/packages/components/components/syn-checkbox/component.styles.ts +0 -183
- package/metadata/packages/components/components/syn-checkbox/component.ts +0 -287
- package/metadata/packages/components/components/syn-checkbox/component.vue +0 -191
- package/metadata/packages/components/components/syn-combobox/component.angular.ts +0 -516
- package/metadata/packages/components/components/syn-combobox/component.react.ts +0 -118
- package/metadata/packages/components/components/syn-combobox/component.styles.ts +0 -393
- package/metadata/packages/components/components/syn-combobox/component.ts +0 -1684
- package/metadata/packages/components/components/syn-combobox/component.vue +0 -350
- package/metadata/packages/components/components/syn-details/component.angular.ts +0 -186
- package/metadata/packages/components/components/syn-details/component.react.ts +0 -65
- package/metadata/packages/components/components/syn-details/component.styles.ts +0 -181
- package/metadata/packages/components/components/syn-details/component.ts +0 -261
- package/metadata/packages/components/components/syn-details/component.vue +0 -136
- package/metadata/packages/components/components/syn-dialog/component.angular.ts +0 -201
- package/metadata/packages/components/components/syn-dialog/component.react.ts +0 -91
- package/metadata/packages/components/components/syn-dialog/component.styles.ts +0 -130
- package/metadata/packages/components/components/syn-dialog/component.ts +0 -367
- package/metadata/packages/components/components/syn-dialog/component.vue +0 -169
- package/metadata/packages/components/components/syn-divider/component.angular.ts +0 -55
- package/metadata/packages/components/components/syn-divider/component.react.ts +0 -29
- package/metadata/packages/components/components/syn-divider/component.styles.ts +0 -22
- package/metadata/packages/components/components/syn-divider/component.ts +0 -34
- package/metadata/packages/components/components/syn-divider/component.vue +0 -51
- package/metadata/packages/components/components/syn-drawer/component.angular.ts +0 -234
- package/metadata/packages/components/components/syn-drawer/component.custom.styles.ts +0 -78
- package/metadata/packages/components/components/syn-drawer/component.react.ts +0 -98
- package/metadata/packages/components/components/syn-drawer/component.styles.ts +0 -158
- package/metadata/packages/components/components/syn-drawer/component.ts +0 -489
- package/metadata/packages/components/components/syn-drawer/component.vue +0 -188
- package/metadata/packages/components/components/syn-dropdown/component.angular.ts +0 -208
- package/metadata/packages/components/components/syn-dropdown/component.react.ts +0 -59
- package/metadata/packages/components/components/syn-dropdown/component.styles.ts +0 -51
- package/metadata/packages/components/components/syn-dropdown/component.ts +0 -469
- package/metadata/packages/components/components/syn-dropdown/component.vue +0 -152
- package/metadata/packages/components/components/syn-file/component.angular.ts +0 -372
- package/metadata/packages/components/components/syn-file/component.react.ts +0 -85
- package/metadata/packages/components/components/syn-file/component.styles.ts +0 -197
- package/metadata/packages/components/components/syn-file/component.ts +0 -645
- package/metadata/packages/components/components/syn-file/component.vue +0 -256
- package/metadata/packages/components/components/syn-header/component.angular.ts +0 -149
- package/metadata/packages/components/components/syn-header/component.react.ts +0 -68
- package/metadata/packages/components/components/syn-header/component.styles.ts +0 -143
- package/metadata/packages/components/components/syn-header/component.ts +0 -310
- package/metadata/packages/components/components/syn-header/component.vue +0 -126
- package/metadata/packages/components/components/syn-icon/component.angular.ts +0 -115
- package/metadata/packages/components/components/syn-icon/component.custom.styles.ts +0 -5
- package/metadata/packages/components/components/syn-icon/component.react.ts +0 -41
- package/metadata/packages/components/components/syn-icon/component.styles.ts +0 -18
- package/metadata/packages/components/components/syn-icon/component.ts +0 -227
- package/metadata/packages/components/components/syn-icon/component.vue +0 -100
- package/metadata/packages/components/components/syn-icon-button/component.angular.ts +0 -185
- package/metadata/packages/components/components/syn-icon-button/component.custom.styles.ts +0 -79
- package/metadata/packages/components/components/syn-icon-button/component.react.ts +0 -42
- package/metadata/packages/components/components/syn-icon-button/component.styles.ts +0 -52
- package/metadata/packages/components/components/syn-icon-button/component.ts +0 -147
- package/metadata/packages/components/components/syn-icon-button/component.vue +0 -132
- package/metadata/packages/components/components/syn-input/component.angular.ts +0 -608
- package/metadata/packages/components/components/syn-input/component.custom.styles.ts +0 -278
- package/metadata/packages/components/components/syn-input/component.react.ts +0 -91
- package/metadata/packages/components/components/syn-input/component.styles.ts +0 -280
- package/metadata/packages/components/components/syn-input/component.ts +0 -941
- package/metadata/packages/components/components/syn-input/component.vue +0 -370
- package/metadata/packages/components/components/syn-menu/component.angular.ts +0 -52
- package/metadata/packages/components/components/syn-menu/component.react.ts +0 -36
- package/metadata/packages/components/components/syn-menu/component.styles.ts +0 -37
- package/metadata/packages/components/components/syn-menu/component.ts +0 -191
- package/metadata/packages/components/components/syn-menu/component.vue +0 -48
- package/metadata/packages/components/components/syn-menu-item/component.angular.ts +0 -121
- package/metadata/packages/components/components/syn-menu-item/component.react.ts +0 -45
- package/metadata/packages/components/components/syn-menu-item/component.styles.ts +0 -285
- package/metadata/packages/components/components/syn-menu-item/component.ts +0 -201
- package/metadata/packages/components/components/syn-menu-item/component.vue +0 -91
- package/metadata/packages/components/components/syn-menu-label/component.angular.ts +0 -48
- package/metadata/packages/components/components/syn-menu-label/component.react.ts +0 -35
- package/metadata/packages/components/components/syn-menu-label/component.styles.ts +0 -31
- package/metadata/packages/components/components/syn-menu-label/component.ts +0 -46
- package/metadata/packages/components/components/syn-menu-label/component.vue +0 -41
- package/metadata/packages/components/components/syn-nav-item/component.angular.ts +0 -242
- package/metadata/packages/components/components/syn-nav-item/component.react.ts +0 -82
- package/metadata/packages/components/components/syn-nav-item/component.styles.ts +0 -333
- package/metadata/packages/components/components/syn-nav-item/component.ts +0 -491
- package/metadata/packages/components/components/syn-nav-item/component.vue +0 -182
- package/metadata/packages/components/components/syn-optgroup/component.angular.ts +0 -79
- package/metadata/packages/components/components/syn-optgroup/component.react.ts +0 -41
- package/metadata/packages/components/components/syn-optgroup/component.styles.ts +0 -61
- package/metadata/packages/components/components/syn-optgroup/component.ts +0 -176
- package/metadata/packages/components/components/syn-optgroup/component.vue +0 -71
- package/metadata/packages/components/components/syn-option/component.angular.ts +0 -79
- package/metadata/packages/components/components/syn-option/component.react.ts +0 -37
- package/metadata/packages/components/components/syn-option/component.styles.ts +0 -165
- package/metadata/packages/components/components/syn-option/component.ts +0 -191
- package/metadata/packages/components/components/syn-option/component.vue +0 -71
- package/metadata/packages/components/components/syn-pagination/component.angular.ts +0 -201
- package/metadata/packages/components/components/syn-pagination/component.react.ts +0 -56
- package/metadata/packages/components/components/syn-pagination/component.styles.ts +0 -128
- package/metadata/packages/components/components/syn-pagination/component.ts +0 -452
- package/metadata/packages/components/components/syn-pagination/component.vue +0 -144
- package/metadata/packages/components/components/syn-popup/component.angular.ts +0 -372
- package/metadata/packages/components/components/syn-popup/component.react.ts +0 -55
- package/metadata/packages/components/components/syn-popup/component.styles.ts +0 -70
- package/metadata/packages/components/components/syn-popup/component.ts +0 -582
- package/metadata/packages/components/components/syn-popup/component.vue +0 -233
- package/metadata/packages/components/components/syn-prio-nav/component.angular.ts +0 -67
- package/metadata/packages/components/components/syn-prio-nav/component.react.ts +0 -54
- package/metadata/packages/components/components/syn-prio-nav/component.styles.ts +0 -48
- package/metadata/packages/components/components/syn-prio-nav/component.ts +0 -288
- package/metadata/packages/components/components/syn-prio-nav/component.vue +0 -60
- package/metadata/packages/components/components/syn-progress-bar/component.angular.ts +0 -85
- package/metadata/packages/components/components/syn-progress-bar/component.custom.styles.ts +0 -24
- package/metadata/packages/components/components/syn-progress-bar/component.react.ts +0 -37
- package/metadata/packages/components/components/syn-progress-bar/component.styles.ts +0 -87
- package/metadata/packages/components/components/syn-progress-bar/component.ts +0 -67
- package/metadata/packages/components/components/syn-progress-bar/component.vue +0 -71
- package/metadata/packages/components/components/syn-progress-ring/component.angular.ts +0 -72
- package/metadata/packages/components/components/syn-progress-ring/component.custom.styles.ts +0 -19
- package/metadata/packages/components/components/syn-progress-ring/component.react.ts +0 -37
- package/metadata/packages/components/components/syn-progress-ring/component.styles.ts +0 -70
- package/metadata/packages/components/components/syn-progress-ring/component.ts +0 -83
- package/metadata/packages/components/components/syn-progress-ring/component.vue +0 -66
- package/metadata/packages/components/components/syn-radio/component.angular.ts +0 -122
- package/metadata/packages/components/components/syn-radio/component.react.ts +0 -48
- package/metadata/packages/components/components/syn-radio/component.styles.ts +0 -179
- package/metadata/packages/components/components/syn-radio/component.ts +0 -131
- package/metadata/packages/components/components/syn-radio/component.vue +0 -104
- package/metadata/packages/components/components/syn-radio-button/component.angular.ts +0 -123
- package/metadata/packages/components/components/syn-radio-button/component.react.ts +0 -49
- package/metadata/packages/components/components/syn-radio-button/component.styles.ts +0 -30
- package/metadata/packages/components/components/syn-radio-button/component.ts +0 -142
- package/metadata/packages/components/components/syn-radio-button/component.vue +0 -105
- package/metadata/packages/components/components/syn-radio-group/component.angular.ts +0 -204
- package/metadata/packages/components/components/syn-radio-group/component.react.ts +0 -56
- package/metadata/packages/components/components/syn-radio-group/component.styles.ts +0 -58
- package/metadata/packages/components/components/syn-radio-group/component.ts +0 -440
- package/metadata/packages/components/components/syn-radio-group/component.vue +0 -158
- package/metadata/packages/components/components/syn-range/component.angular.ts +0 -347
- package/metadata/packages/components/components/syn-range/component.react.ts +0 -92
- package/metadata/packages/components/components/syn-range/component.styles.ts +0 -310
- package/metadata/packages/components/components/syn-range/component.ts +0 -933
- package/metadata/packages/components/components/syn-range/component.vue +0 -245
- package/metadata/packages/components/components/syn-range-tick/component.angular.ts +0 -59
- package/metadata/packages/components/components/syn-range-tick/component.react.ts +0 -33
- package/metadata/packages/components/components/syn-range-tick/component.styles.ts +0 -34
- package/metadata/packages/components/components/syn-range-tick/component.ts +0 -50
- package/metadata/packages/components/components/syn-range-tick/component.vue +0 -57
- package/metadata/packages/components/components/syn-resize-observer/component.styles.ts +0 -9
- package/metadata/packages/components/components/syn-resize-observer/component.ts +0 -91
- package/metadata/packages/components/components/syn-select/component.angular.ts +0 -439
- package/metadata/packages/components/components/syn-select/component.react.ts +0 -101
- package/metadata/packages/components/components/syn-select/component.styles.ts +0 -380
- package/metadata/packages/components/components/syn-select/component.ts +0 -1056
- package/metadata/packages/components/components/syn-select/component.vue +0 -301
- package/metadata/packages/components/components/syn-side-nav/component.angular.ts +0 -210
- package/metadata/packages/components/components/syn-side-nav/component.react.ts +0 -95
- package/metadata/packages/components/components/syn-side-nav/component.styles.ts +0 -142
- package/metadata/packages/components/components/syn-side-nav/component.ts +0 -458
- package/metadata/packages/components/components/syn-side-nav/component.vue +0 -188
- package/metadata/packages/components/components/syn-spinner/component.angular.ts +0 -44
- package/metadata/packages/components/components/syn-spinner/component.custom.styles.ts +0 -32
- package/metadata/packages/components/components/syn-spinner/component.react.ts +0 -31
- package/metadata/packages/components/components/syn-spinner/component.styles.ts +0 -48
- package/metadata/packages/components/components/syn-spinner/component.ts +0 -35
- package/metadata/packages/components/components/syn-spinner/component.vue +0 -35
- package/metadata/packages/components/components/syn-switch/component.angular.ts +0 -257
- package/metadata/packages/components/components/syn-switch/component.react.ts +0 -63
- package/metadata/packages/components/components/syn-switch/component.styles.ts +0 -252
- package/metadata/packages/components/components/syn-switch/component.ts +0 -279
- package/metadata/packages/components/components/syn-switch/component.vue +0 -183
- package/metadata/packages/components/components/syn-tab/component.angular.ts +0 -109
- package/metadata/packages/components/components/syn-tab/component.custom.styles.ts +0 -94
- package/metadata/packages/components/components/syn-tab/component.react.ts +0 -42
- package/metadata/packages/components/components/syn-tab/component.styles.ts +0 -70
- package/metadata/packages/components/components/syn-tab/component.ts +0 -125
- package/metadata/packages/components/components/syn-tab/component.vue +0 -91
- package/metadata/packages/components/components/syn-tab-group/component.angular.ts +0 -166
- package/metadata/packages/components/components/syn-tab-group/component.custom.styles.ts +0 -218
- package/metadata/packages/components/components/syn-tab-group/component.react.ts +0 -58
- package/metadata/packages/components/components/syn-tab-group/component.styles.ts +0 -193
- package/metadata/packages/components/components/syn-tab-group/component.ts +0 -551
- package/metadata/packages/components/components/syn-tab-group/component.vue +0 -126
- package/metadata/packages/components/components/syn-tab-panel/component.angular.ts +0 -68
- package/metadata/packages/components/components/syn-tab-panel/component.custom.styles.ts +0 -8
- package/metadata/packages/components/components/syn-tab-panel/component.react.ts +0 -31
- package/metadata/packages/components/components/syn-tab-panel/component.styles.ts +0 -20
- package/metadata/packages/components/components/syn-tab-panel/component.ts +0 -60
- package/metadata/packages/components/components/syn-tab-panel/component.vue +0 -60
- package/metadata/packages/components/components/syn-tag/component.angular.ts +0 -83
- package/metadata/packages/components/components/syn-tag/component.custom.styles.ts +0 -121
- package/metadata/packages/components/components/syn-tag/component.react.ts +0 -43
- package/metadata/packages/components/components/syn-tag/component.styles.ts +0 -58
- package/metadata/packages/components/components/syn-tag/component.ts +0 -83
- package/metadata/packages/components/components/syn-tag/component.vue +0 -81
- package/metadata/packages/components/components/syn-tag-group/component.angular.ts +0 -83
- package/metadata/packages/components/components/syn-tag-group/component.react.ts +0 -33
- package/metadata/packages/components/components/syn-tag-group/component.styles.ts +0 -49
- package/metadata/packages/components/components/syn-tag-group/component.ts +0 -95
- package/metadata/packages/components/components/syn-tag-group/component.vue +0 -69
- package/metadata/packages/components/components/syn-textarea/component.angular.ts +0 -396
- package/metadata/packages/components/components/syn-textarea/component.react.ts +0 -60
- package/metadata/packages/components/components/syn-textarea/component.styles.ts +0 -208
- package/metadata/packages/components/components/syn-textarea/component.ts +0 -400
- package/metadata/packages/components/components/syn-textarea/component.vue +0 -244
- package/metadata/packages/components/components/syn-tooltip/component.angular.ts +0 -196
- package/metadata/packages/components/components/syn-tooltip/component.react.ts +0 -63
- package/metadata/packages/components/components/syn-tooltip/component.styles.ts +0 -62
- package/metadata/packages/components/components/syn-tooltip/component.ts +0 -312
- package/metadata/packages/components/components/syn-tooltip/component.vue +0 -150
- package/metadata/packages/components/components/syn-validate/component.angular.ts +0 -137
- package/metadata/packages/components/components/syn-validate/component.react.ts +0 -44
- package/metadata/packages/components/components/syn-validate/component.styles.ts +0 -9
- package/metadata/packages/components/components/syn-validate/component.ts +0 -590
- package/metadata/packages/components/components/syn-validate/component.vue +0 -107
- package/metadata/packages/components/migration/BREAKING_CHANGES.md +0 -908
- package/metadata/packages/components/static/CHANGELOG.md +0 -2155
- package/metadata/packages/components/static/LIMITATIONS.md +0 -433
- package/metadata/packages/components/static/README.md +0 -231
- package/metadata/packages/fonts/CHANGELOG.md +0 -57
- package/metadata/packages/fonts/README.md +0 -164
- package/metadata/packages/fonts/package.json +0 -72
- package/metadata/packages/react/LIMITATIONS.md +0 -31
- package/metadata/packages/react/README.md +0 -262
- package/metadata/packages/styles/BREAKING_CHANGES.md +0 -105
- package/metadata/packages/styles/CHANGELOG.md +0 -188
- package/metadata/packages/styles/README.md +0 -132
- package/metadata/packages/styles/index.css +0 -300
- package/metadata/packages/styles/link-list.css +0 -47
- package/metadata/packages/styles/link.css +0 -81
- package/metadata/packages/styles/tables.css +0 -132
- package/metadata/packages/styles/typography.css +0 -52
- package/metadata/packages/tokens/BREAKING_CHANGES.md +0 -180
- package/metadata/packages/tokens/CHANGELOG.md +0 -959
- package/metadata/packages/tokens/README.md +0 -435
- package/metadata/packages/tokens/dark.css +0 -454
- package/metadata/packages/tokens/index.js +0 -2224
- package/metadata/packages/tokens/light.css +0 -454
- package/metadata/packages/tokens/sick2018_dark.css +0 -454
- package/metadata/packages/tokens/sick2018_light.css +0 -454
- package/metadata/packages/tokens/sick2025_dark.css +0 -454
- package/metadata/packages/tokens/sick2025_light.css +0 -454
- package/metadata/packages/vue/LIMITATIONS.md +0 -53
- package/metadata/packages/vue/README.md +0 -252
- package/metadata/static/assets/index.md +0 -10
- package/metadata/static/components/index.md +0 -10
- package/metadata/static/components/syn-accordion/docs.md +0 -449
- package/metadata/static/components/syn-alert/docs.md +0 -282
- package/metadata/static/components/syn-badge/docs.md +0 -106
- package/metadata/static/components/syn-breadcrumb/docs.md +0 -265
- package/metadata/static/components/syn-breadcrumb-item/docs.md +0 -49
- package/metadata/static/components/syn-button/docs.md +0 -472
- package/metadata/static/components/syn-button-group/docs.md +0 -259
- package/metadata/static/components/syn-card/docs.md +0 -314
- package/metadata/static/components/syn-checkbox/docs.md +0 -176
- package/metadata/static/components/syn-combobox/docs.md +0 -2633
- package/metadata/static/components/syn-details/docs.md +0 -227
- package/metadata/static/components/syn-dialog/docs.md +0 -220
- package/metadata/static/components/syn-divider/docs.md +0 -77
- package/metadata/static/components/syn-drawer/docs.md +0 -269
- package/metadata/static/components/syn-dropdown/docs.md +0 -316
- package/metadata/static/components/syn-file/docs.md +0 -239
- package/metadata/static/components/syn-header/docs.md +0 -209
- package/metadata/static/components/syn-icon/docs.md +0 -177
- package/metadata/static/components/syn-icon-button/docs.md +0 -142
- package/metadata/static/components/syn-input/docs.md +0 -462
- package/metadata/static/components/syn-menu/docs.md +0 -162
- package/metadata/static/components/syn-menu-item/docs.md +0 -216
- package/metadata/static/components/syn-menu-label/docs.md +0 -29
- package/metadata/static/components/syn-nav-item/docs.md +0 -166
- package/metadata/static/components/syn-optgroup/docs.md +0 -167
- package/metadata/static/components/syn-option/docs.md +0 -137
- package/metadata/static/components/syn-pagination/docs.md +0 -102
- package/metadata/static/components/syn-popup/docs.md +0 -812
- package/metadata/static/components/syn-prio-nav/docs.md +0 -54
- package/metadata/static/components/syn-progress-bar/docs.md +0 -77
- package/metadata/static/components/syn-progress-ring/docs.md +0 -89
- package/metadata/static/components/syn-radio/docs.md +0 -178
- package/metadata/static/components/syn-radio-group/docs.md +0 -484
- package/metadata/static/components/syn-range/docs.md +0 -438
- package/metadata/static/components/syn-range-tick/docs.md +0 -110
- package/metadata/static/components/syn-select/docs.md +0 -811
- package/metadata/static/components/syn-side-nav/docs.md +0 -593
- package/metadata/static/components/syn-spinner/docs.md +0 -45
- package/metadata/static/components/syn-switch/docs.md +0 -121
- package/metadata/static/components/syn-tab/docs.md +0 -47
- package/metadata/static/components/syn-tab-group/docs.md +0 -1094
- package/metadata/static/components/syn-tab-panel/docs.md +0 -91
- package/metadata/static/components/syn-tag/docs.md +0 -50
- package/metadata/static/components/syn-tag-group/docs.md +0 -269
- package/metadata/static/components/syn-textarea/docs.md +0 -215
- package/metadata/static/components/syn-tooltip/docs.md +0 -217
- package/metadata/static/components/syn-validate/docs.md +0 -305
- package/metadata/static/fonts/index.md +0 -4
- package/metadata/static/migration/index.md +0 -57
- package/metadata/static/migration/v2-2018-to-v2-2025.md +0 -481
- package/metadata/static/migration/v2-2018-to-v3-2018.md +0 -147
- package/metadata/static/migration/v2-2018-to-v3-2025.md +0 -150
- package/metadata/static/migration/v2-2025-to-v3-2025.md +0 -133
- package/metadata/static/setup/icon-usage.md +0 -411
- package/metadata/static/setup/prerequisites.md +0 -319
- package/metadata/static/styles/syn-body.md +0 -5
- package/metadata/static/styles/syn-heading.md +0 -5
- package/metadata/static/styles/syn-link-list.md +0 -325
- package/metadata/static/styles/syn-link.md +0 -156
- package/metadata/static/styles/syn-table-cell.md +0 -127
- package/metadata/static/styles/syn-table.md +0 -201
- package/metadata/static/styles/syn-weight.md +0 -5
- package/metadata/static/templates/appshell.md +0 -2053
- package/metadata/static/templates/breadcrumb.md +0 -379
- package/metadata/static/templates/footer.md +0 -340
- package/metadata/static/templates/forms.md +0 -558
- package/metadata/static/templates/localization.md +0 -279
- package/metadata/static/templates/table.md +0 -1425
- package/metadata/static/templates/tag-group.md +0 -833
- /package/dist/{build/build.d.ts → utilities/logging-types.js} +0 -0
- /package/{metadata/static/component-info/index.md → rules/component-info.md} +0 -0
|
@@ -1,454 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @synergy-design-system/tokens version 3.11.1
|
|
3
|
-
* SICK Global UX Foundation
|
|
4
|
-
* Do not edit directly, this file was auto-generated.
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
:root, .syn-sick2018-dark {
|
|
8
|
-
color-scheme: dark;
|
|
9
|
-
|
|
10
|
-
--syn-alert-error-color-background: var(--syn-panel-background-color);
|
|
11
|
-
--syn-alert-error-color-border: var(--syn-panel-border-color);
|
|
12
|
-
--syn-alert-error-color-icon: var(--syn-color-error-600);
|
|
13
|
-
--syn-alert-error-color-indicator: var(--syn-color-error-600);
|
|
14
|
-
--syn-alert-informative-color-background: var(--syn-panel-background-color);
|
|
15
|
-
--syn-alert-informative-color-border: var(--syn-panel-border-color);
|
|
16
|
-
--syn-alert-informative-color-icon: var(--syn-color-info-600);
|
|
17
|
-
--syn-alert-informative-color-indicator: var(--syn-color-info-600);
|
|
18
|
-
--syn-alert-neutral-color-background: var(--syn-panel-background-color);
|
|
19
|
-
--syn-alert-neutral-color-border: var(--syn-panel-border-color);
|
|
20
|
-
--syn-alert-neutral-color-icon: var(--syn-color-neutral-800);
|
|
21
|
-
--syn-alert-neutral-color-indicator: var(--syn-color-neutral-800);
|
|
22
|
-
--syn-alert-success-color-background: var(--syn-panel-background-color);
|
|
23
|
-
--syn-alert-success-color-border: var(--syn-panel-border-color);
|
|
24
|
-
--syn-alert-success-color-icon: var(--syn-color-success-500);
|
|
25
|
-
--syn-alert-success-color-indicator: var(--syn-color-success-500);
|
|
26
|
-
--syn-alert-warning-color-background: var(--syn-panel-background-color);
|
|
27
|
-
--syn-alert-warning-color-border: var(--syn-panel-border-color);
|
|
28
|
-
--syn-alert-warning-color-icon: var(--syn-color-warning-400);
|
|
29
|
-
--syn-alert-warning-color-indicator: var(--syn-color-warning-400);
|
|
30
|
-
--syn-badge-error-color-background: var(--syn-color-error-600);
|
|
31
|
-
--syn-badge-error-color-text: var(--syn-typography-color-text-inverted);
|
|
32
|
-
--syn-badge-informative-color-background: var(--syn-color-info-600);
|
|
33
|
-
--syn-badge-informative-color-text: var(--syn-typography-color-text-inverted);
|
|
34
|
-
--syn-badge-neutral-color-background: var(--syn-color-neutral-800);
|
|
35
|
-
--syn-badge-neutral-color-text: var(--syn-typography-color-text-inverted);
|
|
36
|
-
--syn-badge-success-color-background: var(--syn-color-success-500);
|
|
37
|
-
--syn-badge-success-color-text: var(--syn-typography-color-text);
|
|
38
|
-
--syn-badge-warning-color-background: var(--syn-color-warning-400);
|
|
39
|
-
--syn-badge-warning-color-text: var(--syn-typography-color-text);
|
|
40
|
-
--syn-border-radius-circle: 9999px;
|
|
41
|
-
--syn-border-radius-large: 8px;
|
|
42
|
-
--syn-border-radius-medium: 8px;
|
|
43
|
-
--syn-border-radius-none: 0;
|
|
44
|
-
--syn-border-radius-pill: 9999px;
|
|
45
|
-
--syn-border-radius-small: 4px;
|
|
46
|
-
--syn-border-radius-x-large: 16px;
|
|
47
|
-
--syn-border-width-large: 3px; /** Large */
|
|
48
|
-
--syn-border-width-medium: 2px; /** Medium */
|
|
49
|
-
--syn-border-width-none: 0; /** None */
|
|
50
|
-
--syn-border-width-small: 1px; /** Small */
|
|
51
|
-
--syn-border-width-x-large: 4px; /** X Large */
|
|
52
|
-
--syn-breadcrumb-color: var(--syn-color-neutral-500);
|
|
53
|
-
--syn-button-border-radius-large: var(--syn-input-border-radius-large);
|
|
54
|
-
--syn-button-border-radius-medium: var(--syn-input-border-radius-medium);
|
|
55
|
-
--syn-button-border-radius-small: var(--syn-input-border-radius-small);
|
|
56
|
-
--syn-button-color: var(--syn-interactive-emphasis-color);
|
|
57
|
-
--syn-button-color-active: var(--syn-interactive-emphasis-color-active);
|
|
58
|
-
--syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
|
|
59
|
-
--syn-button-filled-color-text: var(--syn-color-neutral-0);
|
|
60
|
-
--syn-button-filled-color-text-active: var(--syn-color-neutral-0);
|
|
61
|
-
--syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
|
|
62
|
-
--syn-button-font-size-large: var(--syn-font-size-large);
|
|
63
|
-
--syn-button-font-size-medium: var(--syn-font-size-medium);
|
|
64
|
-
--syn-button-font-size-small: var(--syn-font-size-small);
|
|
65
|
-
--syn-button-outline-color-active: none;
|
|
66
|
-
--syn-button-outline-color-hover: none;
|
|
67
|
-
--syn-button-outline-color-text: var(--syn-color-primary-600);
|
|
68
|
-
--syn-button-outline-color-text-active: var(--syn-color-primary-950);
|
|
69
|
-
--syn-button-outline-color-text-hover: var(--syn-color-primary-900);
|
|
70
|
-
--syn-button-text-color-text: var(--syn-button-color);
|
|
71
|
-
--syn-button-text-color-text-active: var(--syn-button-color-active);
|
|
72
|
-
--syn-button-text-color-text-hover: var(--syn-button-color-hover);
|
|
73
|
-
--syn-checkbox-border-radius: var(--syn-border-radius-none);
|
|
74
|
-
--syn-color-accent-50: #481700;
|
|
75
|
-
--syn-color-accent-100: #7c310b;
|
|
76
|
-
--syn-color-accent-200: #983b08;
|
|
77
|
-
--syn-color-accent-300: #bb4d02;
|
|
78
|
-
--syn-color-accent-400: #e27200;
|
|
79
|
-
--syn-color-accent-500: #f39200;
|
|
80
|
-
--syn-color-accent-600: #ffbd1b;
|
|
81
|
-
--syn-color-accent-700: #ffd246;
|
|
82
|
-
--syn-color-accent-800: #ffe685;
|
|
83
|
-
--syn-color-accent-900: #fff2c5;
|
|
84
|
-
--syn-color-accent-950: #fffbea;
|
|
85
|
-
--syn-color-critical-50: #481700;
|
|
86
|
-
--syn-color-critical-100: #7c310b;
|
|
87
|
-
--syn-color-critical-200: #983b08;
|
|
88
|
-
--syn-color-critical-300: #bb4d02;
|
|
89
|
-
--syn-color-critical-400: #e27200;
|
|
90
|
-
--syn-color-critical-500: #f39200;
|
|
91
|
-
--syn-color-critical-600: #ffbd1b;
|
|
92
|
-
--syn-color-critical-700: #ffd246;
|
|
93
|
-
--syn-color-critical-800: #ffe685;
|
|
94
|
-
--syn-color-critical-900: #fff2c5;
|
|
95
|
-
--syn-color-critical-950: #fffbea;
|
|
96
|
-
--syn-color-data-magenta-50: #51062c;
|
|
97
|
-
--syn-color-data-magenta-100: #85164f;
|
|
98
|
-
--syn-color-data-magenta-200: #a0145b;
|
|
99
|
-
--syn-color-data-magenta-300: #c1156e;
|
|
100
|
-
--syn-color-data-magenta-400: #e13393;
|
|
101
|
-
--syn-color-data-magenta-500: #ef45ab;
|
|
102
|
-
--syn-color-data-magenta-600: #f76fc5;
|
|
103
|
-
--syn-color-data-magenta-700: #fba6dd;
|
|
104
|
-
--syn-color-data-magenta-800: #fcceed;
|
|
105
|
-
--syn-color-data-magenta-900: #fce7f5;
|
|
106
|
-
--syn-color-data-magenta-950: #fdf2f9;
|
|
107
|
-
--syn-color-data-purple-50: #3c0151;
|
|
108
|
-
--syn-color-data-purple-100: #5e1679;
|
|
109
|
-
--syn-color-data-purple-200: #6f1395;
|
|
110
|
-
--syn-color-data-purple-300: #8515b6;
|
|
111
|
-
--syn-color-data-purple-400: #9d1edb;
|
|
112
|
-
--syn-color-data-purple-500: #b73ef7;
|
|
113
|
-
--syn-color-data-purple-600: #c457ff;
|
|
114
|
-
--syn-color-data-purple-700: #e0a7ff;
|
|
115
|
-
--syn-color-data-purple-800: #ebceff;
|
|
116
|
-
--syn-color-data-purple-900: #f6e7ff;
|
|
117
|
-
--syn-color-data-purple-950: #faf3ff;
|
|
118
|
-
--syn-color-data-teal-50: #002f33;
|
|
119
|
-
--syn-color-data-teal-100: #0d5354;
|
|
120
|
-
--syn-color-data-teal-200: #0a6365;
|
|
121
|
-
--syn-color-data-teal-300: #057f80;
|
|
122
|
-
--syn-color-data-teal-400: #009797;
|
|
123
|
-
--syn-color-data-teal-500: #04c8c3;
|
|
124
|
-
--syn-color-data-teal-600: #1de4dd;
|
|
125
|
-
--syn-color-data-teal-700: #51f7ec;
|
|
126
|
-
--syn-color-data-teal-800: #90fff3;
|
|
127
|
-
--syn-color-data-teal-900: #c7fff9;
|
|
128
|
-
--syn-color-data-teal-950: #effefc;
|
|
129
|
-
--syn-color-error-50: #4e010a;
|
|
130
|
-
--syn-color-error-100: #8d0f1e;
|
|
131
|
-
--syn-color-error-200: #ab091c;
|
|
132
|
-
--syn-color-error-300: #d0051d;
|
|
133
|
-
--syn-color-error-400: #ea0823;
|
|
134
|
-
--syn-color-error-500: #ff2b44;
|
|
135
|
-
--syn-color-error-600: #ff5d70;
|
|
136
|
-
--syn-color-error-700: #ff98a4;
|
|
137
|
-
--syn-color-error-800: #ffc3c9;
|
|
138
|
-
--syn-color-error-900: #ffdee2;
|
|
139
|
-
--syn-color-error-950: #fff0f2;
|
|
140
|
-
--syn-color-info-50: #072e4a;
|
|
141
|
-
--syn-color-info-100: #0b486f;
|
|
142
|
-
--syn-color-info-200: #065786;
|
|
143
|
-
--syn-color-info-300: #0166a3;
|
|
144
|
-
--syn-color-info-400: #007cc1;
|
|
145
|
-
--syn-color-info-500: #0ca2eb;
|
|
146
|
-
--syn-color-info-600: #36bbfa;
|
|
147
|
-
--syn-color-info-700: #7cd1fd;
|
|
148
|
-
--syn-color-info-800: #b9e5fe;
|
|
149
|
-
--syn-color-info-900: #e0f1fe;
|
|
150
|
-
--syn-color-info-950: #f0f9ff;
|
|
151
|
-
--syn-color-muted-50: #31373a;
|
|
152
|
-
--syn-color-muted-100: #4c5357;
|
|
153
|
-
--syn-color-muted-200: #5e676b;
|
|
154
|
-
--syn-color-muted-300: #859298;
|
|
155
|
-
--syn-color-muted-400: #859298;
|
|
156
|
-
--syn-color-muted-500: #9ea9ae;
|
|
157
|
-
--syn-color-muted-600: #bac2c6;
|
|
158
|
-
--syn-color-muted-700: #d5dbdd;
|
|
159
|
-
--syn-color-muted-800: #e8ebec;
|
|
160
|
-
--syn-color-muted-900: #f2f3f6;
|
|
161
|
-
--syn-color-muted-950: #f9fafb;
|
|
162
|
-
--syn-color-neutral-0: #000000;
|
|
163
|
-
--syn-color-neutral-50: #31373a;
|
|
164
|
-
--syn-color-neutral-100: #4c5357;
|
|
165
|
-
--syn-color-neutral-200: #5e676b;
|
|
166
|
-
--syn-color-neutral-300: #737f85;
|
|
167
|
-
--syn-color-neutral-400: #859298;
|
|
168
|
-
--syn-color-neutral-500: #9ea9ae;
|
|
169
|
-
--syn-color-neutral-600: #bac2c6;
|
|
170
|
-
--syn-color-neutral-700: #d5dbdd;
|
|
171
|
-
--syn-color-neutral-800: #e8ebec;
|
|
172
|
-
--syn-color-neutral-900: #f2f3f6;
|
|
173
|
-
--syn-color-neutral-950: #f9fafb;
|
|
174
|
-
--syn-color-neutral-1000: #ffffff;
|
|
175
|
-
--syn-color-primary-50: #072e4a;
|
|
176
|
-
--syn-color-primary-100: #0b486f;
|
|
177
|
-
--syn-color-primary-200: #065786;
|
|
178
|
-
--syn-color-primary-300: #0166a3;
|
|
179
|
-
--syn-color-primary-400: #007cc1;
|
|
180
|
-
--syn-color-primary-500: #0ca2eb;
|
|
181
|
-
--syn-color-primary-600: #36bbfa;
|
|
182
|
-
--syn-color-primary-700: #7cd1fd;
|
|
183
|
-
--syn-color-primary-800: #b9e5fe;
|
|
184
|
-
--syn-color-primary-900: #e0f1fe;
|
|
185
|
-
--syn-color-primary-950: #f0f9ff;
|
|
186
|
-
--syn-color-primary-1000: #f0f9ff;
|
|
187
|
-
--syn-color-success-50: #172c07;
|
|
188
|
-
--syn-color-success-100: #315017;
|
|
189
|
-
--syn-color-success-200: #395e16;
|
|
190
|
-
--syn-color-success-300: #437714;
|
|
191
|
-
--syn-color-success-400: #63b017;
|
|
192
|
-
--syn-color-success-500: #73c31f;
|
|
193
|
-
--syn-color-success-600: #93dd3e;
|
|
194
|
-
--syn-color-success-700: #b0eb6b;
|
|
195
|
-
--syn-color-success-800: #d1f4a2;
|
|
196
|
-
--syn-color-success-900: #e7facd;
|
|
197
|
-
--syn-color-success-950: #f5fde8;
|
|
198
|
-
--syn-color-warning-50: #411f07;
|
|
199
|
-
--syn-color-warning-100: #6f3e14;
|
|
200
|
-
--syn-color-warning-200: #834b10;
|
|
201
|
-
--syn-color-warning-300: #9e5f0a;
|
|
202
|
-
--syn-color-warning-400: #c68608;
|
|
203
|
-
--syn-color-warning-500: #e5ae0d;
|
|
204
|
-
--syn-color-warning-600: #f5c413;
|
|
205
|
-
--syn-color-warning-700: #f9da4b;
|
|
206
|
-
--syn-color-warning-800: #fcec8c;
|
|
207
|
-
--syn-color-warning-900: #fdf7c4;
|
|
208
|
-
--syn-color-warning-950: #fefce8;
|
|
209
|
-
--syn-details-open-rotation: 360deg;
|
|
210
|
-
--syn-dimension-base: 4px; /** to be deprecated */
|
|
211
|
-
--syn-duration-extra-fast: 50ms;
|
|
212
|
-
--syn-duration-extra-slow: 1000ms;
|
|
213
|
-
--syn-duration-fast: 150ms;
|
|
214
|
-
--syn-duration-normal: 250ms;
|
|
215
|
-
--syn-duration-slow: 500ms;
|
|
216
|
-
--syn-focus-ring-border-radius: var(--syn-border-radius-none);
|
|
217
|
-
--syn-focus-ring-color: var(--syn-color-primary-400);
|
|
218
|
-
--syn-focus-ring-offset: var(--syn-spacing-3x-small);
|
|
219
|
-
--syn-focus-ring-style: solid;
|
|
220
|
-
--syn-focus-ring-width: var(--syn-border-width-medium);
|
|
221
|
-
--syn-font-mono: 'Roboto Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /** Coding font */
|
|
222
|
-
--syn-font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; /** Main font */
|
|
223
|
-
--syn-font-sans-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; /** System font */
|
|
224
|
-
--syn-font-serif: Georgia, 'Times New Roman', serif; /** Shoelace compatibility DO NOT USE */
|
|
225
|
-
--syn-font-size-2x-large: 32px;
|
|
226
|
-
--syn-font-size-2x-small: 11px;
|
|
227
|
-
--syn-font-size-3x-large: 40px;
|
|
228
|
-
--syn-font-size-4x-large: 52px;
|
|
229
|
-
--syn-font-size-large: 20px;
|
|
230
|
-
--syn-font-size-medium: 16px;
|
|
231
|
-
--syn-font-size-small: 14px;
|
|
232
|
-
--syn-font-size-x-large: 24px;
|
|
233
|
-
--syn-font-size-x-small: 12px;
|
|
234
|
-
--syn-font-weight-bold: 700;
|
|
235
|
-
--syn-font-weight-light: 400; /** Shoelace compatibility DO NOT USE */
|
|
236
|
-
--syn-font-weight-normal: 400;
|
|
237
|
-
--syn-font-weight-semibold: 600;
|
|
238
|
-
--syn-header-border-color: var(--syn-color-neutral-400);
|
|
239
|
-
--syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-none);
|
|
240
|
-
--syn-input-background-color: var(--syn-color-neutral-0);
|
|
241
|
-
--syn-input-background-color-disabled: var(--syn-input-background-color);
|
|
242
|
-
--syn-input-background-color-focus: var(--syn-input-background-color);
|
|
243
|
-
--syn-input-background-color-hover: var(--syn-input-background-color);
|
|
244
|
-
--syn-input-border-color: var(--syn-color-neutral-700);
|
|
245
|
-
--syn-input-border-color-active: var(--syn-color-neutral-1000);
|
|
246
|
-
--syn-input-border-color-disabled: var(--syn-color-neutral-700);
|
|
247
|
-
--syn-input-border-color-focus: var(--syn-color-neutral-950);
|
|
248
|
-
--syn-input-border-color-focus-error: var(--syn-color-error-700);
|
|
249
|
-
--syn-input-border-color-hover: var(--syn-color-neutral-950);
|
|
250
|
-
--syn-input-border-color-offset: var(--syn-panel-background-color);
|
|
251
|
-
--syn-input-border-radius-large: var(--syn-border-radius-none);
|
|
252
|
-
--syn-input-border-radius-medium: var(--syn-border-radius-none);
|
|
253
|
-
--syn-input-border-radius-small: var(--syn-border-radius-none);
|
|
254
|
-
--syn-input-border-width: 1px;
|
|
255
|
-
--syn-input-color: var(--syn-color-neutral-950);
|
|
256
|
-
--syn-input-color-disabled: var(--syn-color-neutral-950);
|
|
257
|
-
--syn-input-color-focus: var(--syn-color-neutral-950);
|
|
258
|
-
--syn-input-color-hover: var(--syn-color-neutral-950);
|
|
259
|
-
--syn-input-disabled-opacity: 0.5;
|
|
260
|
-
--syn-input-focus-ring-color: var(--syn-color-primary-400);
|
|
261
|
-
--syn-input-focus-ring-error: var(--syn-color-error-600);
|
|
262
|
-
--syn-input-focus-ring-offset: 0;
|
|
263
|
-
--syn-input-font-family: var(--syn-font-sans);
|
|
264
|
-
--syn-input-font-size-large: var(--syn-font-size-large);
|
|
265
|
-
--syn-input-font-size-medium: var(--syn-font-size-medium);
|
|
266
|
-
--syn-input-font-size-small: var(--syn-font-size-small);
|
|
267
|
-
--syn-input-font-weight: var(--syn-font-weight-normal);
|
|
268
|
-
--syn-input-height-large: var(--syn-spacing-3x-large);
|
|
269
|
-
--syn-input-height-medium: var(--syn-spacing-2x-large);
|
|
270
|
-
--syn-input-height-small: 36px;
|
|
271
|
-
--syn-input-help-text-color: var(--syn-color-neutral-800);
|
|
272
|
-
--syn-input-help-text-color-error: var(--syn-color-error-600);
|
|
273
|
-
--syn-input-help-text-font-size-large: var(--syn-font-size-medium);
|
|
274
|
-
--syn-input-help-text-font-size-medium: var(--syn-font-size-small);
|
|
275
|
-
--syn-input-help-text-font-size-small: var(--syn-font-size-x-small);
|
|
276
|
-
--syn-input-icon-color: var(--syn-color-neutral-800);
|
|
277
|
-
--syn-input-icon-color-hover: var(--syn-color-neutral-800);
|
|
278
|
-
--syn-input-icon-icon-clearable-color: var(--syn-color-neutral-600);
|
|
279
|
-
--syn-input-icon-icon-clearable-color-active: var(--syn-color-neutral-900);
|
|
280
|
-
--syn-input-icon-icon-clearable-color-hover: var(--syn-color-neutral-800);
|
|
281
|
-
--syn-input-label-color: var(--syn-color-neutral-950);
|
|
282
|
-
--syn-input-label-font-size-large: var(--syn-font-size-large);
|
|
283
|
-
--syn-input-label-font-size-medium: var(--syn-font-size-medium);
|
|
284
|
-
--syn-input-label-font-size-small: var(--syn-font-size-small);
|
|
285
|
-
--syn-input-letter-spacing: var(--syn-letter-spacing-normal);
|
|
286
|
-
--syn-input-placeholder-color: var(--syn-color-neutral-500);
|
|
287
|
-
--syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
|
|
288
|
-
--syn-input-readonly-color-hover: var(--syn-color-neutral-950);
|
|
289
|
-
--syn-input-readonly-background-color: var(--syn-readonly-background-color);
|
|
290
|
-
--syn-input-readonly-background-color-disabled: var(--syn-readonly-background-color);
|
|
291
|
-
--syn-input-readonly-background-color-focus: var(--syn-readonly-background-color);
|
|
292
|
-
--syn-input-readonly-background-color-hover: var(--syn-readonly-background-color);
|
|
293
|
-
--syn-input-required-content: "*";
|
|
294
|
-
--syn-input-required-content-color: var(--syn-input-label-color);
|
|
295
|
-
--syn-input-required-content-offset: -2px;
|
|
296
|
-
--syn-input-spacing-large: var(--syn-spacing-large);
|
|
297
|
-
--syn-input-spacing-medium: var(--syn-spacing-medium);
|
|
298
|
-
--syn-input-spacing-small: var(--syn-spacing-small);
|
|
299
|
-
--syn-input-width: var(--syn-border-width-small);
|
|
300
|
-
--syn-interactive-background-color-active: var(--syn-color-neutral-300);
|
|
301
|
-
--syn-interactive-background-color-hover: var(--syn-color-neutral-100);
|
|
302
|
-
--syn-interactive-emphasis-color: var(--syn-color-primary-600);
|
|
303
|
-
--syn-interactive-emphasis-color-active: var(--syn-color-primary-950);
|
|
304
|
-
--syn-interactive-emphasis-color-hover: var(--syn-color-primary-900);
|
|
305
|
-
--syn-interactive-quiet-color: var(--syn-color-neutral-950);
|
|
306
|
-
--syn-interactive-quiet-color-active: var(--syn-color-primary-700);
|
|
307
|
-
--syn-interactive-quiet-color-hover: var(--syn-color-primary-600);
|
|
308
|
-
--syn-letter-spacing-dense: -0.24px; /** Shoelace compatibility DO NOT USE */
|
|
309
|
-
--syn-letter-spacing-denser: -0.48px; /** Shoelace compatibility DO NOT USE */
|
|
310
|
-
--syn-letter-spacing-loose: 1.2px; /** Shoelace compatibility DO NOT USE */
|
|
311
|
-
--syn-letter-spacing-looser: 2.4px; /** Shoelace compatibility DO NOT USE */
|
|
312
|
-
--syn-letter-spacing-normal: normal;
|
|
313
|
-
--syn-line-height-dense: 1.2; /** Shoelace compatibility DO NOT USE */
|
|
314
|
-
--syn-line-height-denser: 1; /** Shoelace compatibility DO NOT USE */
|
|
315
|
-
--syn-line-height-loose: 1.8; /** Shoelace compatibility DO NOT USE */
|
|
316
|
-
--syn-line-height-looser: 2.2; /** Shoelace compatibility DO NOT USE */
|
|
317
|
-
--syn-line-height-normal: 1.4; /** Shoelace compatibility DO NOT USE */
|
|
318
|
-
--syn-link-color: var(--syn-interactive-emphasis-color);
|
|
319
|
-
--syn-link-color-active: var(--syn-interactive-emphasis-color-active);
|
|
320
|
-
--syn-link-color-hover: var(--syn-interactive-emphasis-color-hover);
|
|
321
|
-
--syn-link-quiet-color: var(--syn-interactive-quiet-color);
|
|
322
|
-
--syn-link-quiet-color-active: var(--syn-interactive-quiet-color-active);
|
|
323
|
-
--syn-link-quiet-color-hover: var(--syn-interactive-quiet-color-hover);
|
|
324
|
-
--syn-link-underline-outline: 7%;
|
|
325
|
-
--syn-logo-color: var(--syn-color-primary-400);
|
|
326
|
-
--syn-namur-color-border: var(--syn-color-neutral-50);
|
|
327
|
-
--syn-namur-critical-color: var(--syn-color-critical-600);
|
|
328
|
-
--syn-namur-critical-color-background: var(--syn-color-critical-100);
|
|
329
|
-
--syn-namur-error-color: var(--syn-color-error-500);
|
|
330
|
-
--syn-namur-error-color-background: var(--syn-color-error-100);
|
|
331
|
-
--syn-namur-icon-color: var(--syn-color-neutral-50);
|
|
332
|
-
--syn-namur-info-color: var(--syn-color-info-500);
|
|
333
|
-
--syn-namur-info-color-background: var(--syn-color-info-50);
|
|
334
|
-
--syn-namur-neutral-color: var(--syn-color-neutral-600);
|
|
335
|
-
--syn-namur-neutral-color-background: var(--syn-color-neutral-800);
|
|
336
|
-
--syn-namur-success-color: var(--syn-color-success-500);
|
|
337
|
-
--syn-namur-success-color-background: var(--syn-color-success-100);
|
|
338
|
-
--syn-namur-warning-color: var(--syn-color-warning-600);
|
|
339
|
-
--syn-namur-warning-color-background: var(--syn-color-warning-100);
|
|
340
|
-
--syn-opacity-50: 0.5; /** 50% */
|
|
341
|
-
--syn-option-background-color-active: var(--syn-color-primary-400);
|
|
342
|
-
--syn-option-background-color-hover: var(--syn-color-neutral-100);
|
|
343
|
-
--syn-option-check-color: var(--syn-color-primary-600);
|
|
344
|
-
--syn-option-check-color-active: var(--syn-color-neutral-0);
|
|
345
|
-
--syn-option-check-color-hover: var(--syn-color-primary-600);
|
|
346
|
-
--syn-option-color: var(--syn-typography-color-text);
|
|
347
|
-
--syn-option-color-active: var(--syn-typography-color-text-inverted);
|
|
348
|
-
--syn-option-color-hover: var(--syn-typography-color-text);
|
|
349
|
-
--syn-option-icon-color: var(--syn-typography-color-text);
|
|
350
|
-
--syn-option-icon-color-active: var(--syn-typography-color-text-inverted);
|
|
351
|
-
--syn-option-icon-color-hover: var(--syn-typography-color-text);
|
|
352
|
-
--syn-overlay-background-blur: 0;
|
|
353
|
-
--syn-overlay-background-color: rgba(49, 55, 58, 0.5);
|
|
354
|
-
--syn-page-background: var(--syn-page-background-color); /** Will be DEPRECATED */
|
|
355
|
-
--syn-page-background-color: var(--syn-color-neutral-0);
|
|
356
|
-
--syn-page-background-color-muted: var(--syn-color-neutral-50);
|
|
357
|
-
--syn-panel-background-color: var(--syn-color-neutral-0);
|
|
358
|
-
--syn-panel-border-color: var(--syn-color-neutral-300);
|
|
359
|
-
--syn-panel-border-radius: var(--syn-border-radius-medium);
|
|
360
|
-
--syn-panel-border-width: var(--syn-border-width-small);
|
|
361
|
-
--syn-progress-indicator-color: var(--syn-color-primary-600);
|
|
362
|
-
--syn-progress-track-color: var(--syn-color-neutral-200);
|
|
363
|
-
--syn-range-color-inactive: var(--syn-color-neutral-200);
|
|
364
|
-
--syn-range-error-color: var(--syn-color-error-700);
|
|
365
|
-
--syn-range-tick-color: var(--syn-color-neutral-400);
|
|
366
|
-
--syn-range-track-color-active: var(--syn-interactive-emphasis-color);
|
|
367
|
-
--syn-readonly-background-color: var(--syn-color-neutral-300);
|
|
368
|
-
--syn-readonly-border-color: var(--syn-typography-color-text);
|
|
369
|
-
--syn-readonly-color-text: var(--syn-color-neutral-500);
|
|
370
|
-
--syn-readonly-icon-color: var(--syn-color-neutral-500);
|
|
371
|
-
--syn-readonly-icon-color-clearable: var(--syn-color-neutral-400);
|
|
372
|
-
--syn-readonly-icon-color-expand: var(--syn-color-neutral-500);
|
|
373
|
-
--syn-readonly-indicator-color: var(--syn-typography-color-text);
|
|
374
|
-
--syn-shadow-medium: 0px 1px 2px 0px rgba(49, 55, 58, 0.08), 0px 1px 4px 0px rgba(49, 55, 58, 0.08), 0px 2px 8px 0px rgba(49, 55, 58, 0.08);
|
|
375
|
-
--syn-shadow-large: 0px 0px 3px 0px rgba(49, 55, 58, 0.12), 0px 2px 6px 0px rgba(49, 55, 58, 0.12), 0px 3px 8px 0px rgba(49, 55, 58, 0.16);
|
|
376
|
-
--syn-shadow-x-large: 0px 1px 4px 0px rgba(49, 55, 58, 0.12), 0px 8px 24px 0px rgba(49, 55, 58, 0.12), 0px 16px 48px 0px rgba(49, 55, 58, 0.16);
|
|
377
|
-
--syn-shadow-overflow-down: 0px 1px 4px 0px rgba(49, 55, 58, 0.12), 0px 3px 8px 0px rgba(49, 55, 58, 0.12), 0px 4px 12px 0px rgba(49, 55, 58, 0.16);
|
|
378
|
-
--syn-shadow-overflow-up: 0px -1px 4px 0px rgba(49, 55, 58, 0.12), 0px -3px 8px 0px rgba(49, 55, 58, 0.12), 0px -4px 12px 0px rgba(49, 55, 58, 0.16);
|
|
379
|
-
--syn-shadow-overflow-left: -1px 0px 4px 0px rgba(49, 55, 58, 0.12), -3px 0px 8px 0px rgba(49, 55, 58, 0.12), -4px 0px 12px 0px rgba(49, 55, 58, 0.16);
|
|
380
|
-
--syn-shadow-overflow-right: 1px 0px 4px 0px rgba(49, 55, 58, 0.12), 3px 0px 8px 0px rgba(49, 55, 58, 0.12), 4px 0px 12px 0px rgba(49, 55, 58, 0.16);
|
|
381
|
-
--syn-shadow-x-small: 0px 1px 2px 0px rgba(49, 55, 58, 0.04), 0px 1px 4px 0px rgba(49, 55, 58, 0.04), 0px 2px 8px 0px rgba(49, 55, 58, 0.04);
|
|
382
|
-
--syn-shadow-small: 0px 1px 2px 0px rgba(49, 55, 58, 0.06), 0px 1px 4px 0px rgba(49, 55, 58, 0.06), 0px 2px 8px 0px rgba(49, 55, 58, 0.06);
|
|
383
|
-
--syn-shadow-sticky-down: 0px 3px 8px 0px rgba(49, 55, 58, 0.16);
|
|
384
|
-
--syn-spacing-1-5x-large: 40px;
|
|
385
|
-
--syn-spacing-2x-large: 48px;
|
|
386
|
-
--syn-spacing-2x-small: 4px;
|
|
387
|
-
--syn-spacing-3x-large: 64px;
|
|
388
|
-
--syn-spacing-3x-small: 2px;
|
|
389
|
-
--syn-spacing-4x-large: 96px;
|
|
390
|
-
--syn-spacing-4x-small: 1px;
|
|
391
|
-
--syn-spacing-5x-large: 128px;
|
|
392
|
-
--syn-spacing-large: 24px;
|
|
393
|
-
--syn-spacing-medium: 16px;
|
|
394
|
-
--syn-spacing-medium-large: 20px;
|
|
395
|
-
--syn-spacing-small: 12px;
|
|
396
|
-
--syn-spacing-x-large: 32px;
|
|
397
|
-
--syn-spacing-x-small: 8px;
|
|
398
|
-
--syn-spinner-opacity: 0.16;
|
|
399
|
-
--syn-switch-height-large: 28px;
|
|
400
|
-
--syn-switch-height-medium: var(--syn-spacing-large);
|
|
401
|
-
--syn-switch-height-small: var(--syn-spacing-medium-large);
|
|
402
|
-
--syn-switch-width-large: var(--syn-spacing-2x-large);
|
|
403
|
-
--syn-switch-width-medium: var(--syn-spacing-1-5x-large);
|
|
404
|
-
--syn-switch-width-small: var(--syn-spacing-x-large);
|
|
405
|
-
--syn-table-background-color: var(--syn-panel-background-color);
|
|
406
|
-
--syn-table-background-color-alternating: var(--syn-color-neutral-50);
|
|
407
|
-
--syn-table-background-color-header: var(--syn-color-neutral-200);
|
|
408
|
-
--syn-table-border-color: var(--syn-color-neutral-300);
|
|
409
|
-
--syn-table-shadow-end: rgba(49, 55, 58, 0);
|
|
410
|
-
--syn-table-shadow-start: rgba(49, 55, 58, 0.16);
|
|
411
|
-
--syn-text-decoration-default: none;
|
|
412
|
-
--syn-text-decoration-underline: underline;
|
|
413
|
-
--syn-toggle-size-large: var(--syn-spacing-large);
|
|
414
|
-
--syn-toggle-size-medium: var(--syn-spacing-medium-large);
|
|
415
|
-
--syn-toggle-size-small: var(--syn-spacing-medium);
|
|
416
|
-
--syn-tooltip-arrow-size: 9px;
|
|
417
|
-
--syn-tooltip-background-color: var(--syn-color-neutral-950);
|
|
418
|
-
--syn-tooltip-border-radius: var(--syn-border-radius-small);
|
|
419
|
-
--syn-tooltip-color: var(--syn-typography-color-text-inverted);
|
|
420
|
-
--syn-tooltip-font-family: var(--syn-font-sans);
|
|
421
|
-
--syn-tooltip-font-size: var(--syn-font-size-small);
|
|
422
|
-
--syn-tooltip-font-weight: var(--syn-font-weight-normal);
|
|
423
|
-
--syn-tooltip-line-height: var(--syn-line-height-normal);
|
|
424
|
-
--syn-tooltip-padding: var(--syn-spacing-small);
|
|
425
|
-
--syn-transition-fast: 150ms; /** Shoelace compatibility DO NOT USE */
|
|
426
|
-
--syn-transition-medium: 250ms; /** Shoelace compatibility DO NOT USE */
|
|
427
|
-
--syn-transition-slow: 500ms; /** Shoelace compatibility DO NOT USE */
|
|
428
|
-
--syn-transition-x-fast: 50ms; /** Shoelace compatibility DO NOT USE */
|
|
429
|
-
--syn-transition-x-slow: 1000ms; /** Shoelace compatibility DO NOT USE */
|
|
430
|
-
--syn-typography-color-text: var(--syn-color-neutral-950);
|
|
431
|
-
--syn-typography-color-text-inverted: var(--syn-color-neutral-0);
|
|
432
|
-
--syn-z-index-dialog: 800; /** Shoelace compatibility DO NOT USE */
|
|
433
|
-
--syn-z-index-drawer: 700; /** Shoelace compatibility DO NOT USE */
|
|
434
|
-
--syn-z-index-dropdown: 900; /** Shoelace compatibility DO NOT USE */
|
|
435
|
-
--syn-z-index-toast: 950; /** Shoelace compatibility DO NOT USE */
|
|
436
|
-
--syn-z-index-tooltip: 1000; /** Shoelace compatibility DO NOT USE */
|
|
437
|
-
--syn-body-x-small-regular: 400 12px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
438
|
-
--syn-body-x-small-semibold: 600 12px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
439
|
-
--syn-body-x-small-bold: 700 12px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
440
|
-
--syn-body-small-regular: 400 14px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
441
|
-
--syn-body-small-semibold: 600 14px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
442
|
-
--syn-body-small-bold: 700 14px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
443
|
-
--syn-body-medium-regular: 400 16px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
444
|
-
--syn-body-medium-semibold: 600 16px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
445
|
-
--syn-body-medium-bold: 700 16px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
446
|
-
--syn-body-large-regular: 400 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
447
|
-
--syn-body-large-semibold: 600 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
448
|
-
--syn-body-large-bold: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
449
|
-
--syn-heading-large: 700 20px/1.4 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
450
|
-
--syn-heading-x-large: 700 24px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
451
|
-
--syn-heading-2x-large: 700 32px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
452
|
-
--syn-heading-3x-large: 700 40px/1.2 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
453
|
-
--syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
|
|
454
|
-
}
|