@ptsecurity/mosaic 14.10.8 → 14.10.10

package/design-tokens/legacy-2017/tokens/components/markdown.json5

@@ -1,294 +0,0 @@
-{
-    markdown: {
-        h1: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '0' },
-                'margin-bottom': { value: '{size.l}' },
-            },
-            font: {
-                default: { value: 'md-h1' }
-            }
-        },
-        h2: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.xxl}' },
-                'margin-bottom': { value: '{size.m}' },
-            },
-            font: {
-                default: { value: 'md-h2' }
-            }
-        },
-        h3: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.xxl}' },
-                'margin-bottom': { value: '{size.m}' },
-            },
-            font: {
-                default: { value: 'md-h3' }
-            }
-        },
-        h4: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.xxl}' },
-                'margin-bottom': { value: '{size.m}' },
-            },
-            font: {
-                default: { value: 'md-h4' }
-            }
-        },
-        h5: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.xxl}' },
-                'margin-bottom': { value: '{size.s}' },
-            },
-            font: {
-                default: { value: 'md-h5' }
-            }
-        },
-        h6: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.xxl}' },
-                'margin-bottom': { value: '{size.s}' },
-            },
-            font: {
-                default: { value: 'md-h6' }
-            }
-        },
-        p: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.m}' },
-                'margin-bottom': { value: '{size.m}' },
-            },
-            font: {
-                default: { value: 'md-body' }
-            }
-        },
-        list: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.text}' }
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.text}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.m}' },
-                'margin-bottom': { value: '{size.m}' },
-                'margin-top-after-paragraph': { value: '-{size.s}' },
-                'ol-number-padding-right': { value: '{size.xxs}' },
-                'ul-padding': { value: '0 0 0 {size.xxl}' },
-                'item-margin-bottom': { value: '{size.xxs}' }
-            },
-            font: {
-                default: { value: 'md-body' }
-            }
-        },
-        blockquote: {
-            'light-color-scheme': {
-                text: { value: '{light-color-scheme.foreground.text}' },
-                line: { value: '{light-color-scheme.foreground.border}' },
-                background: { value: 'transparent' },
-                border: { value: 'transparent' }
-            },
-            'dark-color-scheme': {
-                text: { value: '{dark-color-scheme.foreground.text}' },
-                line: { value: '{dark-color-scheme.foreground.border}' },
-                background: { value: 'transparent' },
-                border: { value: 'transparent' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.m}' },
-                'margin-bottom': { value: '{size.m}' },
-                'padding': { value: '{size.3xs} {size.m}' },
-                'line-width': { value: '{size.xxs}' },
-                'border-radius': { value: '0' },
-                'border-width': { value: '0' },
-            },
-            font: {
-                default: { value: 'md-body' }
-            }
-        },
-        code: {
-            'light-color-scheme': {
-                text: { value: '{light-color-scheme.foreground.text}' },
-                background: { value: '{light-color-scheme.background.background-less-contrast}' },
-                border: { value: '{light-color-scheme.foreground.divider}' }
-            },
-            'dark-color-scheme': {
-                text: { value: '{dark-color-scheme.foreground.text}' },
-                background: { value: '{dark-color-scheme.background.background-less-contrast}' },
-                border: { value: '{dark-color-scheme.foreground.divider}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'multiline-margin-top': { value: '{size.m}' },
-                'multiline-margin-bottom': { value: '{size.xxl}' },
-                'inline-padding': { value: '0 {size.xxs}' },
-                'multiline-padding': { value: '{size.m} {size.l}' },
-                'border-radius': { value: '{size.border-radius}' },
-                'border-width': { value: '{size.border-width}' },
-            },
-            font: {
-                default: { value: 'md-body-mono' }
-            }
-        },
-        link: {
-            'light-color-scheme': {
-                text: { value: '{link.light-color-scheme.text}' },
-                'border-bottom': { value: '{link.light-color-scheme.border-bottom}' },
-
-                'state-visited': {
-                    'text': { value: '{link.light-color-scheme.state-visited.text}' },
-                    'border-bottom': { value: '{link.light-color-scheme.state-visited.border-bottom}' }
-                },
-                'state-hover': {
-                    'text': { value: '{link.light-color-scheme.state-hover.text}' },
-                    'border-bottom': { value: '{link.light-color-scheme.state-hover.border-bottom}' }
-                },
-
-                'state-active': { value: '{link.light-color-scheme.state-active}' },
-
-                'state-focused': {
-                    outline: { value: '{link.light-color-scheme.state-focused.outline}' }
-                }
-            },
-            'dark-color-scheme': {
-                text: { value: '{link.dark-color-scheme.text}' },
-                'border-bottom': { value: '{link.dark-color-scheme.border-bottom}' },
-
-                'state-visited': {
-                    'text': { value: '{link.dark-color-scheme.state-visited.text}' },
-                    'border-bottom': { value: '{link.dark-color-scheme.state-visited.border-bottom}' }
-                },
-                'state-hover': {
-                    'text': { value: '{link.dark-color-scheme.state-hover.text}' },
-                    'border-bottom': { value: '{link.dark-color-scheme.state-hover.border-bottom}' }
-                },
-
-                'state-active': { value: '{link.dark-color-scheme.state-active}' },
-
-                'state-focused': {
-                    outline: { value: '{link.dark-color-scheme.state-focused.outline}' }
-                }
-            },
-            size: {
-                'icon-margin': { value: '{link.size.default.icon-margin}' },
-                'state-focused': {
-                    'outline-offset': { value: '{link.size.state-focused.outline-offset}' },
-                    'outline-width': { value: '{link.size.state-focused.outline-width}' }
-                }
-            },
-            font: {
-                default: { value: 'md-body' }
-            }
-        },
-        image: {
-            'light-color-scheme': {
-                'caption-text': { value: '{light-color-scheme.foreground.text-less-contrast}' }
-            },
-            'dark-color-scheme': {
-                'caption-text': { value: '{dark-color-scheme.foreground.text-less-contrast}' }
-            },
-            size: {
-                'max-width': { value: '{markdown.size.max-width}'},
-                'margin-top': { value: '{size.m}' },
-                'margin-bottom': { value: '{size.m}' },
-
-                'caption-margin-top': { value: '-{size.s}' },
-                'caption-margin-bottom': { value: '{size.xxl}' },
-            },
-            font: {
-                'caption': { value: 'md-caption' }
-            }
-        },
-        hr: {
-            'light-color-scheme': {
-                color: { value: '{light-color-scheme.foreground.divider}' },
-            },
-            'dark-color-scheme': {
-                color: { value: '{dark-color-scheme.foreground.divider}' }
-            },
-            size: {
-                'width': { value: '1px'},
-                'margin-vertical': { value: '{size.xxl}' },
-            },
-        },
-        table: {
-            'light-color-scheme': {
-                header: { value: '{light-color-scheme.foreground.text-less-contrast}' },
-                body: { value: '{light-color-scheme.foreground.text}' },
-                border: { value: '{light-color-scheme.foreground.divider}' }
-            },
-            'dark-color-scheme': {
-                header: { value: '{dark-color-scheme.foreground.text-less-contrast}' },
-                body: { value: '{dark-color-scheme.foreground.text}' },
-                border: { value: '{dark-color-scheme.foreground.divider}' }
-            },
-            size: {
-                'border-width': { value: '{size.border-width}'},
-                'padding': { value: '{size.s}' },
-                'margin-bottom': { value: '{size.m}' }
-            },
-            font: {
-                header: { value: 'md-table-header' },
-                body: { value: 'md-table-cell' }
-            }
-        },
-        size: {
-            'max-width': { value: '650px' }
-        },
-        font: {
-            default: { value: 'md-body' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/modal.json5

@@ -1,81 +0,0 @@
-{
-    modal: {
-        'light-color-scheme': {
-            shadow: {
-                value: '(0 0 0 1px {light-color-scheme.second.palette.value.300}, 0 6px 12px 0 rgba(0, 0, 0, 0.5))'
-            },
-            'body-top-shadow':{
-                value: '0 2px 4px 0 rgba(0, 0, 0, 0.16)'
-            },
-            'body-bottom-shadow':{
-                value: '0 -2px 4px 0 rgba(0, 0, 0, 0.16)'
-            },
-            'background-mask': { value: 'rgba(0, 0, 0, 0.5)' }
-        },
-        'dark-color-scheme': {
-            shadow: {
-                value: '(0 0 0 1px {dark-color-scheme.second.palette.value.800}, 0 6px 12px 0 rgba(0, 0, 0, 0.5))'
-            },
-            'body-top-shadow':{
-                value: '0 2px 4px 0 rgba(0, 0, 0, 0.16)'
-            },
-            'body-bottom-shadow':{
-                value: '0 -2px 4px 0 rgba(0, 0, 0, 0.16)'
-            },
-            'background-mask': { value: 'rgba(0, 0, 0, 0.5)' }
-        },
-        size: {
-            small: { value: '400px' },
-            medium: { value: '640px' },
-            large: { value: '960px' },
-
-            top: { value: '48px' },
-            'close-width': { value: '{modal-header.size.height}' },
-            'border-radius': { value: '{size.border-radius}' },
-            'border-width': { value: '{size.border-width}' }
-        }
-    },
-    'modal-header': {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.foreground.divider}' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.foreground.divider}' }
-        },
-        size: {
-            'border-radius': { value: '{size.border-radius} {size.border-radius} 0 0' },
-            height: { value: '{size.6xl}' },
-            padding: { value: '0 {size.l}' }
-        },
-        font: {
-            default: { value: 'title' }
-        }
-    },
-    'modal-body': {
-        size: {
-            'max-height': { value: 'calc(100vh - 260px)' },
-            padding: { value: '{size.l} {size.xxl} {size.xxl}' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    },
-    'modal-footer': {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.foreground.divider}' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.foreground.divider}' }
-        },
-        size: {
-            'border-radius': { value: '0 0 {size.border-radius} {size.border-radius}' },
-            height: { value: '{size.7xl}' },
-            padding: { value: '0 {size.l}' }
-        }
-    },
-    'modal-confirm': {
-        size: {
-            padding: { value: '{size.xxl}' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/navbar.json5

@@ -1,70 +0,0 @@
-{
-    navbar: {
-        'light-color-scheme': {
-            background: { value: '{light-color-scheme.primary.palette.value.700}' },
-
-            'divider-background': { value: 'rgba(255, 255, 255, 0.3)' }
-        },
-        'dark-color-scheme': {
-            background: { value: '{dark-color-scheme.primary.palette.value.700}' },
-
-            'divider-background': { value: 'rgba(255, 255, 255, 0.3)' }
-        },
-        size: {
-            'icon-margin': { value: '{size.xs}' },
-            'right-icon-margin': { value: '{size.3xs}' }
-        },
-        font: {
-            title: { value: 'body' }
-        }
-    },
-    'vertical-navbar': {
-        size: {
-            states: {
-                'expanded-width': { value: '240px' },
-                'collapsed-width': { value: '{size.6xl}' }
-            },
-            'icon-margin': { value: '{size.l}' }
-        }
-    },
-    'navbar-item': {
-        'light-color-scheme': {
-            text: { value: '{light-color-scheme.primary.palette.value.100}' },
-            icon: { value: '{light-color-scheme.primary.palette.value.100}' },
-
-            states: {
-                active: { value: 'rgba(0, 0, 0, 0.1)' },
-                selected: { value: '{light-color-scheme.primary.palette.value.600}' },
-                hover: { value: 'rgba(255, 255, 255, 0.1)' },
-                progress: { value: '{light-color-scheme.primary.palette.value.800}' },
-                'disabled-opacity': { value: 0.3 }
-            }
-        },
-        'dark-color-scheme': {
-            text: { value: '{dark-color-scheme.primary.palette.value.100}' },
-            icon: { value: '{dark-color-scheme.primary.palette.value.100}' },
-
-            states: {
-                active: { value: 'rgba(0, 0, 0, 0.1)' },
-                selected: { value: '{dark-color-scheme.primary.palette.value.600}' },
-                hover: { value: 'rgba(255, 255, 255, 0.1)' },
-                progress: { value: '{dark-color-scheme.primary.palette.value.800}' },
-                'disabled-opacity': { value: 0.3 }
-            }
-        },
-        size: {
-            padding: { value: '{size.l}' },
-            height: { value: '{size.5xl}' },
-            height_vertical: { value: '{size.6xl}' }
-        }
-    },
-    'navbar-brand': {
-        size: {
-            padding: { value: '{size.m}' },
-            'margin-right': { value: '{size.xxl}' }
-        },
-        font: {
-            title: { value: 'title' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/optgroup.json5

@@ -1,10 +0,0 @@
-{
-    optgroup: {
-        size: {
-            'padding-left': { value: '17px' }
-        },
-        font: {
-            default: { value: 'subheading' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/option.json5

@@ -1,12 +0,0 @@
-{
-    option: {
-        size: {
-            'horizontal-padding': { value: '{size.m}' },
-            height: { value: '{size.3xl}' },
-            'border-width': { value: '2px' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/popover.json5

@@ -1,69 +0,0 @@
-{
-    popover: {
-        'light-color-scheme': {
-            background: { value: 'white' },
-            text: { value: '{light-color-scheme.foreground.text}' },
-            shadow: { value: '{popup.light-color-scheme.shadow}' },
-            border: { value: '{light-color-scheme.foreground.border}' }
-        },
-        'dark-color-scheme': {
-            background: { value: '{dark-color-scheme.second.palette.value.700}' },
-            text: { value: '{dark-color-scheme.foreground.text}' },
-            shadow: { value: '{popup.dark-color-scheme.shadow}' },
-            border: { value: '{dark-color-scheme.second.palette.value.700}' }
-        },
-        size: {
-            'max-height': { value: '480px' },
-            padding: { value: '{size.l}' },
-            'border-radius': { value: '{size.border-radius}' },
-            'border-width': { value: '{size.border-width}' },
-
-            'arrow-size': { value: '12px' },
-            'trigger-margin': { value: '9px' },
-
-            'small-width': { value: '200px' },
-            'medium-width': { value: '400px' },
-            'large-width': { value: '640px' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    },
-    'popover-header': {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.second.palette.value.100}' },
-            text: { value: '{light-color-scheme.foreground.text}' },
-            background: { value: 'white' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{popup.dark-color-scheme.footer-background}' },
-            text: { value: '{dark-color-scheme.foreground.text}' },
-            background: { value: '{dark-color-scheme.second.palette.value.700}' }
-        },
-        size: {
-            height: { value: '{size.4xl}' },
-            padding: { value: '0 {size.l}' }
-        },
-        font: {
-            default: { value: 'subheading' }
-        }
-    },
-    'popover-footer': {
-        'light-color-scheme': {
-            border: { value: '{popup.light-color-scheme.footer-background}' },
-            background: { value: '{popup.light-color-scheme.footer-background}' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{popup.dark-color-scheme.footer-background}' },
-            background: { value: '{popup.dark-color-scheme.footer-background}' }
-        },
-        size: {
-            'margin-top': { value: '{size.s}' },
-            padding: { value: '{size.m} {size.l}' },
-            'height': { value: '{size.6xl}' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/popup.json5

@@ -1,16 +0,0 @@
-{
-    popup: {
-        'light-color-scheme': {
-            shadow: { value: '0 3px 3px 0 {light-color-scheme.second.palette.value.A200}' },
-            border: { value: '{light-color-scheme.second.palette.value.300}' },
-            background: { value: 'white' },
-            'footer-background': { value: '{light-color-scheme.second.palette.value.60}' }
-        },
-        'dark-color-scheme': {
-            shadow: { value: '0 3px 3px 0 {dark-color-scheme.second.palette.value.A200}' },
-            border: { value: '{dark-color-scheme.second.palette.value.400}' },
-            background: { value: '{dark-color-scheme.second.palette.value.700}' },
-            'footer-background': { value: 'transparent' }
-        },
-    }
-}

package/design-tokens/legacy-2017/tokens/components/progress-bar.json5

@@ -1,13 +0,0 @@
-{
-    'progress-bar': {
-        'light-color-scheme': {
-            background: { value: '{light-color-scheme.second.palette.value.60}' }
-        },
-        'dark-color-scheme': {
-            background: { value: '{dark-color-scheme.second.palette.value.600}' }
-        },
-        size: {
-            height: { value: '{size.xxs}' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/progress-spinner.json5

@@ -1,16 +0,0 @@
-{
-    'progress-spinner': {
-        size: {
-            default: {
-                size: { value: '{size.l}' },
-                'svg-circle-radius': { value: '42.5%' },
-                'svg-stroke-width': { value: '13%' }
-            },
-            large: {
-                size: { value: '{size.5xl}' },
-                'svg-circle-radius': { value: '47%' },
-                'svg-stroke-width': { value: '6%' }
-            }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/radio.json5

@@ -1,47 +0,0 @@
-{
-    radio: {
-        'light-color-scheme': {
-            'outer-circle-border': { value: '{light-color-scheme.second.palette.value.500}' },
-            'inner-circle-border': { value: 'transparent' },
-            'cap-color': { value: 'white' },
-
-            states: {
-                checked: {
-                    'outer-circle-border': { value: '{light-color-scheme.primary.palette.value.500}' },
-                    'inner-circle-border': { value: '{light-color-scheme.primary.palette.value.500}' }
-                },
-                focused: {
-                    'outer-circle-border': { value: '{light-color-scheme.primary.palette.value.500}' },
-                    'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.primary.palette.value.500}' },
-                    'inner-circle-shadow': { value: '0 0 0 2px {light-color-scheme.background.background}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            'outer-circle-border': { value: '{dark-color-scheme.second.palette.value.400}' },
-            'inner-circle-border': { value: 'transparent' },
-            'cap-color': { value: 'white' },
-
-            states: {
-                checked: {
-                    'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.600}' },
-                    'inner-circle-border': { value: '{dark-color-scheme.primary.palette.value.600}' }
-                },
-                focused: {
-                    'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.500}' },
-                    'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.primary.palette.value.500}' },
-                    'inner-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.background.background}' }
-                }
-            }
-        },
-        size: {
-            'outer-size': { value: '14px' },
-            'inner-size': { value: '10px' },
-            'cap-size': { value: '6px' },
-            'label-margin': { value: '{margin.iconText_M-horizontal}' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}