@ptsecurity/mosaic 14.10.9 → 14.10.10

package/design-tokens/legacy-2017/tokens/properties/typography.json5

@@ -1,184 +0,0 @@
-{
-    "typography": {
-        "display-1": {
-            "font-size": { value: '56px' },
-            "line-height": { value: '76px' },
-            "letter-spacing": { value: '-0.4px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "display-2": {
-            "font-size": { value: '45px' },
-            "line-height": { value: '56px' },
-            "letter-spacing": { value: 'normal' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "display-3": {
-            "font-size": { value: '34px' },
-            "line-height": { value: '44px' },
-            "letter-spacing": { value: '0.25px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "headline": {
-            "font-size": { value: '24px' },
-            "line-height": { value: '32px' },
-            "letter-spacing": { value: 'normal' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "title": {
-            "font-size": { value: '20px' },
-            "line-height": { value: '28px' },
-            "letter-spacing": { value: '0.15px' },
-            "font-weight": { value: '500' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "subheading": {
-            "font-size": { value: '15px' },
-            "line-height": { value: '20px' },
-            "letter-spacing": { value: '0.15px' },
-            "font-weight": { value: '700' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "body": {
-            "font-size": { value: '15px' },
-            "line-height": { value: '20px' },
-            "letter-spacing": { value: '0.15px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "body-tabular": {
-            "font-size": { value: '15px' },
-            "line-height": { value: '20px' },
-            "letter-spacing": { value: '0.15px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: '"tnum" on' }
-        },
-        "body-strong": {
-            "font-size": { value: '15px' },
-            "line-height": { value: '20px' },
-            "letter-spacing": { value: '-0.009em' },
-            "font-weight": { value: '500' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "body-caps": {
-            "font-size": { value: '15px' },
-            "line-height": { value: '20px' },
-            "letter-spacing": { value: '1.7px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'uppercase' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "body-mono": {
-            "font-size": { value: '15px' },
-            "line-height": { value: '20px' },
-            "letter-spacing": { value: 'normal' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "caption": {
-            "font-size": { value: '13px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '0.25px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "caption-strong": {
-            "font-size": { value: '13px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '0.25px' },
-            "font-weight": { value: '700' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "caption-tabular": {
-            "font-size": { value: '13px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '0.25px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: '"tnum" on' }
-        },
-        "caption-caps": {
-            "font-size": { value: '13px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '1.5px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'uppercase' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "caption-mono": {
-            "font-size": { value: '13px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: 'normal' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "small-text": {
-            "font-size": { value: '13px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '0.25px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "extra-small-text": {
-            "font-size": { value: '11px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '0.22px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "extra-small-text-caps": {
-            "font-size": { value: '11px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '1px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.base}' },
-            "text-transform": { value: 'uppercase' },
-            "font-feature-settings": { value: 'initial' }
-        },
-        "extra-small-text-mono": {
-            "font-size": { value: '11px' },
-            "line-height": { value: '16px' },
-            "letter-spacing": { value: '0px' },
-            "font-weight": { value: 'normal' },
-            "font-family": { value: '{font.family.monospace}' },
-            "text-transform": { value: 'initial' },
-            "font-feature-settings": { value: 'initial' }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/components/alert.json5

@@ -1,83 +0,0 @@
-{
-    alert: {
-        'light-color-scheme': {
-            error: {
-                background: { value: '{light-color-scheme.error.palette.value.40}' },
-                border: { value: '{light-color-scheme.error.palette.value.100}' },
-                icon: { value: '{icon.light-color-scheme.error.default}' }
-            },
-            warning: {
-                background: { value: '{light-color-scheme.warning.palette.value.40}' },
-                border: { value: '{light-color-scheme.warning.palette.value.100}' },
-                icon: { value: '{icon.light-color-scheme.warning.default}' }
-            },
-            success: {
-                background: { value: '{light-color-scheme.success.palette.value.40}' },
-                border: { value: '{light-color-scheme.success.palette.value.100}' },
-                icon: { value: '{icon.light-color-scheme.success.default}' }
-            },
-            info: {
-                background: { value: '{light-color-scheme.info.palette.value.40}' },
-                border: { value: '{light-color-scheme.info.palette.value.100}' },
-                icon: { value: '{icon.light-color-scheme.info.default}' }
-            },
-            default: {
-                background: { value: '{light-color-scheme.second.palette.value.40}' },
-                border: { value: '{light-color-scheme.second.palette.value.100}' },
-                icon: { value: '{icon.light-color-scheme.secondary.default}' }
-            }
-        },
-        'dark-color-scheme': {
-            error: {
-                background: { value: '{dark-color-scheme.error.palette.value.900}' },
-                border: { value: '{dark-color-scheme.error.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.error.default}' }
-            },
-            warning: {
-                background: { value: '{dark-color-scheme.warning.palette.value.800}' },
-                border: { value: '{dark-color-scheme.warning.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.warning.default}' }
-            },
-            success: {
-                background: { value: '{dark-color-scheme.success.palette.value.800}' },
-                border: { value: '{dark-color-scheme.success.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.success.default}' }
-            },
-            info: {
-                background: { value: '{dark-color-scheme.info.palette.value.800}' },
-                border: { value: '{dark-color-scheme.info.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.info.default}' }
-            },
-            default: {
-                background: { value: '{dark-color-scheme.second.palette.value.800}' },
-                border: { value: '{dark-color-scheme.second.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.secondary.default}' }
-            }
-        },
-        size: {
-            'border-width': { value: '{size.border-width}' },
-            'border-radius': { value: '{size.border-radius}' },
-
-            'horizontal-padding': { value: '{size.l}' },
-            'vertical-padding': { value: '{size.m}' },
-
-            'icon-margin': { value: '{size.s}' },
-
-            'close-button-width': { value: '{size.l}' },
-
-            small: {
-                'vertical-padding': { value: '{size.m}' }
-            }
-        },
-        font: {
-            default: {
-                header: { value: 'subheading' },
-                body: { value: 'body' }
-            },
-            small: {
-                header: { value: 'caption' },
-                body: { value: 'caption' }
-            }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/components/autocomplete.json5

@@ -1,11 +0,0 @@
-{
-    autocomplete: {
-        size: {
-            panel: {
-                padding: { value: '{size.xxs} 0' },
-                'max-height': { value: '256px' },
-                'border-radius': { value: '{size.border-radius}' }
-            }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/components/badge.json5

@@ -1,174 +0,0 @@
-{
-    badge: {
-        'light-color-scheme': {
-            solid: {
-                primary: {
-                    background: { value: '{light-color-scheme.primary.palette.value.400}' },
-                    border: { value: '{light-color-scheme.primary.palette.value.400}' },
-                    color: { value: 'white' },
-                },
-                info: {
-                    background: { value: '{light-color-scheme.info.palette.value.400}' },
-                    border: { value: '{light-color-scheme.info.palette.value.400}' },
-                    color: { value: 'white' }
-                },
-                success: {
-                    background: { value: '{light-color-scheme.success.palette.value.400}' },
-                    border: { value: '{light-color-scheme.success.palette.value.400}' },
-                    color: { value: 'white' }
-                },
-                warning: {
-                    background: { value: '{light-color-scheme.warning.palette.value.400}' },
-                    border: { value: '{light-color-scheme.warning.palette.value.400}' },
-                    color: { value: 'white' }
-                },
-                error: {
-                    background: { value: '{light-color-scheme.error.palette.value.400}' },
-                    border: { value: '{light-color-scheme.error.palette.value.400}' },
-                    color: { value: 'white' }
-                },
-                transparent: {
-                    background: { value: 'transparent' },
-                    border: { value: '{light-color-scheme.second.palette.value.200}' },
-                    color: { value: '{light-color-scheme.second.palette.value.900}' },
-                },
-                light: {
-                    background: { value: '{light-color-scheme.second.palette.value.100}' },
-                    border: { value: '{light-color-scheme.second.palette.value.100}' },
-                    color: { value: '{light-color-scheme.second.palette.value.900}' }
-                },
-                second: {
-                    background: { value: '{light-color-scheme.second.palette.value.400}' },
-                    border: { value: '{light-color-scheme.second.palette.value.400}' },
-                    color: { value: 'white' }
-                }
-            },
-            pastel: {
-                primary: {
-                    background: { value: '{light-color-scheme.primary.palette.value.40}' },
-                    border: { value: '{light-color-scheme.primary.palette.value.200}' },
-                    color: { value: '{light-color-scheme.primary.palette.value.400}' }
-                },
-                info: {
-                    background: { value: '{light-color-scheme.info.palette.value.40}' },
-                    border: { value: '{light-color-scheme.info.palette.value.200}' },
-                    color: { value: '{light-color-scheme.info.palette.value.400}' }
-                },
-                success: {
-                    background: { value: '{light-color-scheme.success.palette.value.40}' },
-                    border: { value: '{light-color-scheme.success.palette.value.200}' },
-                    color: { value: '{light-color-scheme.success.palette.value.500}' }
-                },
-                warning: {
-                    background: { value: '{light-color-scheme.warning.palette.value.40}' },
-                    border: { value: '{light-color-scheme.warning.palette.value.200}' },
-                    color: { value: '{light-color-scheme.warning.palette.value.500}' }
-                },
-                error: {
-                    background: { value: '{light-color-scheme.error.palette.value.40}' },
-                    border: { value: '{light-color-scheme.error.palette.value.200}' },
-                    color: { value: '{light-color-scheme.error.palette.value.500}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            pastel: {
-                primary: {
-                    background: { value: '{light-color-scheme.primary.palette.value.800}' },
-                    border: { value: '{light-color-scheme.primary.palette.value.600}' },
-                    color: { value: '{light-color-scheme.primary.palette.value.200}' },
-                },
-                info: {
-                    background: { value: '{light-color-scheme.info.palette.value.800}' },
-                    border: { value: '{light-color-scheme.info.palette.value.600}' },
-                    color: { value: '{light-color-scheme.info.palette.value.200}' },
-                },
-                success: {
-                    background: { value: '{light-color-scheme.success.palette.value.800}' },
-                    border: { value: '{light-color-scheme.success.palette.value.600}' },
-                    color: { value: '{light-color-scheme.success.palette.value.200}' }
-                },
-                warning: {
-                    background: { value: '{light-color-scheme.warning.palette.value.800}' },
-                    border: { value: '{light-color-scheme.warning.palette.value.600}' },
-                    color: { value: '{light-color-scheme.warning.palette.value.200}' }
-                },
-                error: {
-                    background: { value: '{light-color-scheme.error.palette.value.800}' },
-                    border: { value: '{light-color-scheme.error.palette.value.600}' },
-                    color: { value: '{light-color-scheme.error.palette.value.200}' }
-                }
-            },
-            solid: {
-                primary: {
-                    background: { value: '{light-color-scheme.primary.palette.value.560}' },
-                    border: { value: '{light-color-scheme.primary.palette.value.560}' },
-                    color: { value: 'white' },
-                },
-                info: {
-                    background: { value: '{light-color-scheme.info.palette.value.560}' },
-                    border: { value: '{light-color-scheme.info.palette.value.560}' },
-                    color: { value: 'white' }
-                },
-                success: {
-                    background: { value: '{light-color-scheme.success.palette.value.560}' },
-                    border: { value: '{light-color-scheme.success.palette.value.560}' },
-                    color: { value: 'white' }
-                },
-                warning: {
-                    background: { value: '{light-color-scheme.warning.palette.value.560}' },
-                    border: { value: '{light-color-scheme.warning.palette.value.560}' },
-                    color: { value: 'white' }
-                },
-                error: {
-                    background: { value: '{light-color-scheme.error.palette.value.560}' },
-                    border: { value: '{light-color-scheme.error.palette.value.560}' },
-                    color: { value: 'white' }
-                },
-                transparent: {
-                    background: { value: 'transparent' },
-                    border: { value: '{light-color-scheme.second.palette.value.560}' },
-                    color: { value: 'white' },
-                },
-                light: {
-                    background: { value: '{light-color-scheme.second.palette.value.400}' },
-                    border: { value: '{light-color-scheme.second.palette.value.400}' },
-                    color: { value: 'white' }
-                },
-                second: {
-                    background: { value: '{light-color-scheme.second.palette.value.560}' },
-                    border: { value: '{light-color-scheme.second.palette.value.560}' },
-                    color: { value: 'white' }
-                }
-            }
-        },
-        size: {
-            default: {
-                height: { value: '{size.xxl}' },
-                'min-width': { value: '10px' },
-                padding: { value: '0 {size.s}' },
-                'border-width': { value: '{size.border-width}' },
-                'border-radius': { value: '{size.border-radius}' }
-            },
-            mini: {
-                height: { value: '{size.l}' },
-                'min-width': { value: '10px' },
-                'border-width': { value: '{size.border-width}' },
-                'border-radius': { value: '{size.3xs}' },
-                padding: { value: '0 {size.xxs}' }
-            }
-        },
-        font: {
-            default: {
-                default: { value: 'caption' },
-                caps: { value: 'caption-caps' },
-                mono: { value: 'caption-mono'}
-            },
-            mini: {
-                default: { value: 'extra-small-text' },
-                caps: { value: 'extra-small-text-caps' },
-                mono: { value: 'extra-small-text-mono'}
-            }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/components/button-toggle.json5

@@ -1,11 +0,0 @@
-{
-    'button-toggle': {
-        size: {
-            border: {
-                size: { value: '{size.border-width}' },
-                radius: { value: '{size.border-radius}' },
-                'siblings-radius': { value: '0' }
-            }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/components/button.json5

@@ -1,142 +0,0 @@
-{
-    button: {
-        'light-color-scheme': {
-             active: {
-                shadow: { value: 'inset 0 1px 2px 0 rgba(black, 0.2)' }
-            },
-            primary: {
-                color: { value: '{light-color-scheme.primary.palette.value.contrast.500}' },
-                border: { value: '{light-color-scheme.primary.palette.value.500}' },
-                background: { value: '{light-color-scheme.primary.default}' },
-                icon: { value: '{light-color-scheme.primary.palette.value.contrast.500}' },
-
-                states: {
-                    active: {
-                        border: { value: '{light-color-scheme.primary.palette.value.560}' },
-                        background: { value: '{light-color-scheme.primary.palette.value.560}' }
-                    }
-                }
-            },
-            primary_transparent: {
-                color: { value: '{light-color-scheme.primary.palette.value.500}' },
-                icon: { value: '{icon.light-color-scheme.primary.default}' },
-
-                states: {
-                    hover: {
-                        color: { value: '{light-color-scheme.primary.palette.value.560}' },
-                        icon: { value: '{icon.light-color-scheme.primary.states.hover}' }
-                    },
-                    active: {
-                        color: { value: '{light-color-scheme.primary.palette.value.600}' },
-                        icon: { value: '{icon.light-color-scheme.primary.states.active}' }
-                    }
-                }
-            },
-            second: {
-                border: { value: '{light-color-scheme.second.palette.value.100}' },
-                background: { value: '{light-color-scheme.second.palette.value.100}' },
-                color: { value: '{light-color-scheme.second.palette.value.900}' },
-                icon: { value: '{icon.light-color-scheme.secondary.default}' },
-
-                states: {
-                    active: {
-                        border: { value: '{light-color-scheme.second.palette.value.200}' },
-                        background: { value: '{light-color-scheme.second.palette.value.200}' },
-                    }
-                }
-            },
-            error: {
-                border: { value: '{light-color-scheme.second.palette.value.100}' },
-                background: { value: '{light-color-scheme.second.palette.value.100}' },
-                color: { value: '{light-color-scheme.error.palette.value.400}' },
-                icon: { value: '{light-color-scheme.error.palette.value.400}' },
-
-                states: {
-                    active: {
-                        border: { value: '{light-color-scheme.second.palette.value.200}' },
-                        background: { value: '{light-color-scheme.second.palette.value.200}' },
-                    }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            active: {
-                shadow: { value: 'inset 1px 2px 2px 0 rgba(black, 0.2)' }
-            },
-            primary: {
-                color: { value: '{dark-color-scheme.primary.palette.value.contrast.500}' },
-                border: { value: '{dark-color-scheme.primary.palette.value.560}' },
-                background: { value: '{dark-color-scheme.primary.default}' },
-                icon: { value: '{dark-color-scheme.primary.palette.value.contrast.500}' },
-
-                states: {
-                    active: {
-                        border: { value: 'darken({dark-color-scheme.primary.palette.value.600}, 5)' },
-                        background: { value: 'darken({dark-color-scheme.primary.palette.value.600}, 5)' }
-                    }
-                }
-            },
-
-            primary_transparent: {
-                color: { value: '{dark-color-scheme.primary.palette.value.300}' },
-                icon: { value: '{icon.dark-color-scheme.primary.default}' },
-
-                states: {
-                    hover: {
-                        color: { value: '{dark-color-scheme.primary.palette.value.600}' },
-                        icon: { value: '{icon.dark-color-scheme.primary.states.hover}' }
-                    },
-                    active: {
-                        color: { value: '{dark-color-scheme.primary.palette.value.700}' },
-                        icon: { value: '{icon.dark-color-scheme.primary.states.active}' }
-                    }
-                }
-            },
-            second: {
-                border: { value: '{dark-color-scheme.second.palette.value.560}' },
-                background: { value: '{dark-color-scheme.second.palette.value.560}' },
-                color: { value: '{dark-color-scheme.second.palette.value.40}' },
-                icon: { value: '{icon.dark-color-scheme.secondary.default}' },
-
-                states: {
-                    active: {
-                        border: { value: '{dark-color-scheme.second.palette.value.700}' },
-                        background: { value: '{dark-color-scheme.second.palette.value.700}' }
-                    }
-                }
-            },
-            error: {
-                border: { value: '{dark-color-scheme.second.palette.value.560}' },
-                background: { value: '{dark-color-scheme.second.palette.value.560}' },
-                color: { value: '{dark-color-scheme.error.palette.value.400}' },
-                icon: { value: '{dark-color-scheme.error.palette.value.400}' },
-
-                states: {
-                    active: {
-                        border: { value: '{dark-color-scheme.second.palette.value.700}' },
-                        background: { value: '{dark-color-scheme.second.palette.value.700}' }
-                    }
-                }
-            }
-        },
-        size: {
-            height: { value: '{size.3xl}' },
-
-            'border-width': { value: '{size.border-width}' },
-            'border-radius': { value: '{size.border-radius}' },
-
-            'horizontal-padding': { value: '{size.m}' }
-        },
-        font: {
-            default: { value: 'body' },
-            primary: { value: 'body-strong' },
-            primary_transparent: { value: 'body' }
-        }
-    },
-    'icon-button': {
-        size: {
-            'horizontal-padding': { value: '{size.s}' },
-            'left-icon-padding': { value: '{size.xs}' }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/components/card.json5

@@ -1,51 +0,0 @@
-{
-    card: {
-        'light-color-scheme': {
-            error: {
-                'vertical-line': { value: '{light-color-scheme.error.palette.value.100}' },
-                background: { value: '{light-color-scheme.error.palette.value.40}' },
-                shadow: { value: '{light-color-scheme.error.palette.value.100}' }
-            },
-            warning: {
-                'vertical-line': { value: '{light-color-scheme.warning.palette.value.100}' },
-                background: { value: '{light-color-scheme.warning.palette.value.40}' },
-                shadow: { value: '{light-color-scheme.warning.palette.value.100}' }
-            },
-            success: {
-                'vertical-line': { value: '{light-color-scheme.success.palette.value.100}' },
-                background: { value: '{light-color-scheme.success.palette.value.40}' },
-                shadow: { value: '{light-color-scheme.success.palette.value.100}' }
-            },
-            info: {
-                'vertical-line': { value: '{light-color-scheme.info.palette.value.100}' },
-                background: { value: '{light-color-scheme.info.palette.value.40}' },
-                shadow: { value: '{light-color-scheme.info.palette.value.100}' }
-            }
-        },
-        'dark-color-scheme': {
-            error: {
-                'vertical-line': { value: '{dark-color-scheme.error.palette.value.700}' },
-                background: { value: '{dark-color-scheme.error.palette.value.900}' },
-                shadow: { value: '{dark-color-scheme.error.palette.value.700}' }
-            },
-            warning: {
-                'vertical-line': { value: '{dark-color-scheme.warning.palette.value.700}' },
-                background: { value: '{dark-color-scheme.warning.palette.value.800}' },
-                shadow: { value: '{dark-color-scheme.warning.palette.value.700}' }
-            },
-            success: {
-                'vertical-line': { value: '{dark-color-scheme.success.palette.value.700}' },
-                background: { value: '{dark-color-scheme.success.palette.value.800}' },
-                shadow: { value: '{dark-color-scheme.success.palette.value.700}' }
-            },
-            info: {
-                'vertical-line': { value: '{dark-color-scheme.info.palette.value.700}' },
-                background: { value: '{dark-color-scheme.info.palette.value.800}' },
-                shadow: { value: '{dark-color-scheme.info.palette.value.700}' }
-            }
-        },
-        size: {
-            'vertical-line': { value: '{size.xxs}' }
-        }
-    }
-}