@ptsecurity/mosaic 13.2.0 → 13.3.0

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

@@ -1,38 +0,0 @@
-{
-    'description-list': {
-        'light-color-scheme': {
-            dt: { value: '{light-color-scheme.foreground.text-less-contrast.value}' },
-            dd: { value: '{light-color-scheme.foreground.text.value}' }
-        },
-        'dark-color-scheme': {
-            dt: { value: '{dark-color-scheme.foreground.text-less-contrast.value}' },
-            dd: { value: '{dark-color-scheme.foreground.text.value}' }
-        },
-        size: {
-            'grid-template-columns': { value: 'repeat(4, 1fr)' },
-
-            'dt-grid-column': { value: '1' },
-            'dd-grid-column': { value: '2 / span 3' },
-
-            horizontal: {
-                'column-gap': { value: '16px' },
-                'row-gap': { value: '12px' }
-            },
-            vertical: {
-                'column-gap': { value: '0' },
-                'row-gap': { value: '2px' },
-                'dd-margin-bottom': { value: '16px' }
-            },
-        },
-        font: {
-            horizontal: {
-                dt: { value: 'body' },
-                dd: { value: 'body' },
-            },
-            vertical: {
-                dt: { value: 'caption' },
-                dd: { value: 'body' }
-            },
-        }
-    }
-}

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

@@ -1,47 +0,0 @@
-{
-    'dropdown-item': {
-        size: {
-            padding: { value: '5px 15px' },
-            'icon-padding': { value: '0 8px 2px 0' }
-        },
-        font: {
-            default: { value: 'body' },
-            caption: { value: 'caption' }
-        }
-    },
-    'dropdown-group-header': {
-        size: {
-            default: {
-                padding: { value: '6px 15px' }
-            },
-            small: {
-                padding: { value: '8px 15px' }
-            }
-        },
-        font: {
-            default: { value: 'body-strong' },
-            small: { value: 'caption-caps' }
-        }
-    },
-    'dropdown-divider': {
-        size: {
-            'height': { value: '1px' },
-            'margin': { value: '4px 0' }
-        }
-    },
-    'dropdown-trigger': {
-        size: {
-            'icon-padding-right': { value: '8px' }
-        }
-    },
-    'dropdown-panel': {
-        size: {
-            'max-width': { value: '640px' },
-            padding: { value: '4px 0' },
-            border: {
-                width: { value: '1px' },
-                radius: { value: '3px' }
-            }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/form-field.json5

@@ -1,91 +0,0 @@
-{
-    'form-field': {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.second.default.value}' },
-            background: { value: '{light-color-scheme.background.background.value}' },
-
-            states: {
-                hover: {
-                    border: { value: '{light-color-scheme.second.palette.value.400.value}' }
-                },
-                invalid: {
-                    border: { value: '{light-color-scheme.error.default.value}' },
-                    background: { value: 'transparent' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.second.default.value}' },
-            background: { value: '{dark-color-scheme.background.background.value}' },
-
-            states: {
-                hover: {
-                    border: { value: '{dark-color-scheme.second.palette.value.200.value}' }
-                },
-                invalid: {
-                    border: { value: '{dark-color-scheme.error.default.value}' },
-                    background: { value: 'transparent' }
-                }
-            }
-        },
-        size: {
-            border: {
-                width: { value: '1px' },
-                radius: { value: '3px' }
-            },
-            button: {
-                width: { value: '32px' }
-            }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    },
-    'form-field-hint': {
-        size: {
-            'margin-top': { value: '4px' }
-        },
-        font: {
-            default: { value: 'caption' }
-        }
-    },
-    'form-field-password-hint': {
-        'light-color-scheme': {
-            'text-color': { value: '{light-color-scheme.foreground.text.value}' },
-            'icon-color': { value: '{light-color-scheme.foreground.text.value}' },
-
-            states: {
-                invalid: {
-                    'icon-color': { value: '{light-color-scheme.foreground.text-error.value}' },
-                    'text-color': { value: '{light-color-scheme.foreground.text.value}' }
-                },
-                valid: {
-                    'text-color': { value: '{light-color-scheme.foreground.text-success.value}' },
-                    'icon-color': { value: '{light-color-scheme.foreground.text-success.value}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            'text-color': { value: '{dark-color-scheme.foreground.text.value}' },
-            'icon-color': { value: '{dark-color-scheme.foreground.text.value}' },
-
-            states: {
-                invalid: {
-                    'icon-color': { value: '{dark-color-scheme.foreground.text-error.value}' },
-                    'text-color': { value: '{dark-color-scheme.foreground.text.value}' }
-                },
-                valid: {
-                    'text-color': { value: '{dark-color-scheme.foreground.text-success.value}' },
-                    'icon-color': { value: '{dark-color-scheme.foreground.text-success.value}' }
-                }
-            }
-        },
-        size: {
-            'margin-top': { value: '8px' },
-            'icon-margin': { value: '4px' }
-        },
-        font: {
-            default: { value: 'caption' }
-        }
-    }
-}

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

@@ -1,52 +0,0 @@
-{
-    forms: {
-        'light-color-scheme': {
-            label: { value: '{light-color-scheme.foreground.text-less-contrast.value}' },
-            legend: { value: '{light-color-scheme.foreground.text.value}' }
-        },
-        'dark-color-scheme': {
-            label: { value: '{dark-color-scheme.foreground.text-less-contrast.value}' },
-            legend: { value: '{dark-color-scheme.foreground.text.value}' }
-        },
-        size: {
-            horizontal: {
-                row: {
-                    'margin-bottom': { value: '20px' }
-                },
-                label: {
-                    'padding-top': { value: '6px' },
-                    'padding-bottom': { value: '0' }
-                },
-                control: {
-                    'padding-left': { value: '16px' }
-                },
-                legend: {
-                    'margin-top': { value: '32px' },
-                    'margin-bottom': { value: '16px' }
-                }
-            },
-            vertical: {
-                row: {
-                    'margin-bottom': { value: '16px' }
-                },
-                label: {
-                    'padding-top': { value: '0' },
-                    'padding-bottom': { value: '4px' }
-                },
-                control: {
-                    'padding-left': { value: '24px' }
-                },
-                legend: {
-                    'margin-top': { value: '32px' },
-                    'margin-bottom': { value: '12px' }
-                }
-            },
-        },
-        font: {
-            default: {
-                label: { value: 'body' },
-                legend: { value: 'subheading' },
-            },
-        }
-    }
-}

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

@@ -1,13 +0,0 @@
-{
-    input: {
-        size: {
-            padding: { value: '5px {padding.control-horizontal}' },
-            width: { value: '100%' },
-            'min-height': { value: '30px' }
-        },
-        font: {
-            default: { value: 'body' },
-            monospace: { value: 'body-mono' }
-        }
-    }
-}

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

@@ -1,56 +0,0 @@
-{
-    link: {
-        'light-color-scheme': {
-            text: { value: '{light-color-scheme.primary.default.value}' },
-            'border-bottom': { value: 'rgba({light-color-scheme.primary.default.value}, 0.32)' },
-
-            'state-visited': {
-                'text': { value: '#6A2795' },
-                'border-bottom': { value: 'rgba(106, 39, 149, 0.32)' }
-            },
-            'state-hover': {
-                'text': { value: '{light-color-scheme.primary.palette.value.600.value}' },
-                'border-bottom': { value: 'rgba({light-color-scheme.primary.palette.value.600.value}, 0.32)' }
-            },
-
-            'state-active': { value: '{light-color-scheme.primary.palette.value.700.value}' },
-
-            'state-focused': {
-                outline: { value: '{light-color-scheme.states.focused-color.value}' }
-            }
-        },
-        'dark-color-scheme': {
-            text: { value: '{dark-color-scheme.primary.default.value}' },
-            'border-bottom': { value: 'rgba({dark-color-scheme.primary.default.value}, 0.32)' },
-
-            'state-visited': {
-                'text': { value: '#a23ee2' },
-                'border-bottom': { value: 'rgba(162, 62, 226, 0.32)' }
-            },
-            'state-hover': {
-                'text': { value: '{dark-color-scheme.primary.palette.value.300.value}' },
-                'border-bottom': { value: 'rgba({dark-color-scheme.primary.palette.value.300.value}, 0.32)' }
-            },
-            'state-active': { value: '{dark-color-scheme.primary.palette.value.300.value}' },
-            'state-focused': {
-                outline: { value: '{dark-color-scheme.states.focused-color.value}' }
-            }
-        },
-        size: {
-            'icon-margin': { value: '{margin.iconText_S-horizontal}' },
-            'state-focused': {
-                'outline-offset': { value: '2px' },
-                'outline-width': { value: '2px' }
-            }
-        },
-        animation: {
-            'transition': { value: 'color ease-out 300ms' },
-            'state-hover': {
-                'transition': { value: 'color 0ms' }
-            }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}

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

@@ -1,15 +0,0 @@
-{
-    list: {
-        size: {
-            'horizontal-padding': { value: '{padding.option-horizontal}' },
-            'icon-padding': { value: '4px' },
-
-            'item-height': { value: '{size.option-height}' },
-
-            'icon-width': { value: '24px' }
-        },
-        font: {
-            item: { value: 'body' }
-        }
-    }
-}

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

@@ -1,79 +0,0 @@
-{
-    modal: {
-        'light-color-scheme': {
-            shadow: {
-                value: '(0 0 0 1px {light-color-scheme.second.palette.value.300.value}, 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.value}, 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' },
-            normal: { value: '640px' },
-            large: { value: '960px' },
-
-            top: { value: '48px' },
-            'close-width': { value: '56px' },
-            'border-radius': { value: '4px' },
-            'border-width': { value: '1px' }
-        }
-    },
-    'modal-header': {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.foreground.divider.value}' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.foreground.divider.value}' }
-        },
-        size: {
-            'border-radius': { value: '4px 4px 0 0' },
-            padding: { value: '14px 16px' }
-        },
-        font: {
-            default: { value: 'title' }
-        }
-    },
-    'modal-body': {
-        size: {
-            'max-height': { value: 'calc(100vh - 260px)' },
-            padding: { value: '16px 24px 24px' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    },
-    'modal-footer': {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.foreground.divider.value}' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.foreground.divider.value}' }
-        },
-        size: {
-            'border-radius': { value: '0 0 4px 4px' },
-            padding: { value: '16px {padding.headerFooter-horizontal}' }
-        }
-    },
-    'modal-confirm': {
-        size: {
-            padding: { value: '24px' }
-        }
-    }
-}

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

@@ -1,69 +0,0 @@
-{
-    navbar: {
-        'light-color-scheme': {
-            background: { value: '{light-color-scheme.primary.palette.value.700.value}' },
-
-            'divider-background': { value: 'rgba(255, 255, 255, 0.3)' }
-        },
-        'dark-color-scheme': {
-            background: { value: '{dark-color-scheme.primary.palette.value.700.value}' },
-
-            'divider-background': { value: 'rgba(255, 255, 255, 0.3)' }
-        },
-        size: {
-            'icon-margin': { value: '6px' }
-        },
-        font: {
-            title: { value: 'body' }
-        }
-    },
-    'vertical-navbar': {
-        size: {
-            states: {
-                'expanded-width': { value: '240px' },
-                'collapsed-width': { value: '56px' }
-            },
-            'icon-margin': { value: '16px' }
-        }
-    },
-    'navbar-item': {
-        'light-color-scheme': {
-            text: { value: '{light-color-scheme.primary.palette.value.100.value}' },
-            icon: { value: '{light-color-scheme.primary.palette.value.100.value}' },
-
-            states: {
-                active: { value: 'rgba(0, 0, 0, 0.1)' },
-                selected: { value: '{light-color-scheme.second.palette.value.700.value}' },
-                hover: { value: 'rgba(255, 255, 255, 0.1)' },
-                progress: { value: '{light-color-scheme.primary.palette.value.800.value}' },
-                'disabled-opacity': { value: 0.3 }
-            }
-        },
-        'dark-color-scheme': {
-            text: { value: '{dark-color-scheme.primary.palette.value.100.value}' },
-            icon: { value: '{dark-color-scheme.primary.palette.value.100.value}' },
-
-            states: {
-                active: { value: 'rgba(0, 0, 0, 0.1)' },
-                selected: { value: '{dark-color-scheme.second.palette.value.600.value}' },
-                hover: { value: 'rgba(255, 255, 255, 0.1)' },
-                progress: { value: '{dark-color-scheme.primary.palette.value.800.value}' },
-                'disabled-opacity': { value: 0.3 }
-            }
-        },
-        size: {
-            padding: { value: '{padding.control-horizontal}' },
-            height: { value: '48px' },
-            height_vertical: { value: '56px' }
-        }
-    },
-    'navbar-brand': {
-        size: {
-            padding: { value: '12px' },
-            'margin-right': { value: '24px' }
-        },
-        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: '{padding.option-horizontal}' },
-            height: { value: '32px' },
-            'border-width': { value: '2px' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}

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

@@ -1,68 +0,0 @@
-{
-    popover: {
-        'light-color-scheme': {
-            background: { value: 'white' },
-            text: { value: '{light-color-scheme.foreground.text.value}' },
-            shadow: { value: '{popup.light-color-scheme.shadow.value}' },
-            border: { value: '{light-color-scheme.foreground.border.value}' }
-        },
-        'dark-color-scheme': {
-            background: { value: '{dark-color-scheme.second.palette.value.700.value}' },
-            text: { value: '{dark-color-scheme.foreground.text.value}' },
-            shadow: { value: '{popup.dark-color-scheme.shadow.value}' },
-            border: { value: '{dark-color-scheme.second.palette.value.700.value}' }
-        },
-        size: {
-            'max-height': { value: '480px' },
-            padding: { value: '16px' },
-            'border-radius': { value: '3px' },
-
-            'arrow-size': { value: '12px' },
-            'trigger-margin': { value: '9px' },
-
-            'small-width': { value: '200px' },
-            'normal-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.value}' },
-            text: { value: '{light-color-scheme.foreground.text.value}' },
-            background: { value: 'white' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{popup.dark-color-scheme.footer-background.value}' },
-            text: { value: '{dark-color-scheme.foreground.text.value}' },
-            background: { value: '{dark-color-scheme.second.palette.value.700.value}' }
-        },
-        size: {
-            height: { value: '10px 16px' },
-            padding: { value: '10px 16px' }
-        },
-        font: {
-            default: { value: 'subheading' }
-        }
-    },
-    'popover-footer': {
-        'light-color-scheme': {
-            border: { value: '{popup.light-color-scheme.footer-background.value}' },
-            background: { value: '{popup.light-color-scheme.footer-background.value}' }
-        },
-        'dark-color-scheme': {
-            border: { value: '{popup.dark-color-scheme.footer-background.value}' },
-            background: { value: '{popup.dark-color-scheme.footer-background.value}' }
-        },
-        size: {
-            'margin-top': { value: '8px' },
-            padding: { value: '12px {padding.headerFooter-horizontal}' },
-            'height': { value: '56px' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}

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

@@ -1,18 +0,0 @@
-{
-    popup: {
-        'light-color-scheme': {
-            shadow: { value: '0 3px 3px 0 {light-color-scheme.second.palette.value.A200.value}' },
-            border: { value: '{light-color-scheme.second.palette.value.300.value}' },
-            divider: { value: '{light-color-scheme.second.palette.value.200.value}' },
-            background: { value: 'white' },
-            'footer-background': { value: '{light-color-scheme.second.palette.value.60.value}' }
-        },
-        'dark-color-scheme': {
-            shadow: { value: '0 3px 3px 0 {dark-color-scheme.second.palette.value.A200.value}' },
-            border: { value: '{dark-color-scheme.second.palette.value.400.value}' },
-            divider: { value: '{dark-color-scheme.foreground.divider.value}' },
-            background: { value: '{dark-color-scheme.second.palette.value.700.value}' },
-            '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.value}' }
-        },
-        'dark-color-scheme': {
-            background: { value: '{dark-color-scheme.second.palette.value.600.value}' }
-        },
-        size: {
-            height: { value: '4px' }
-        }
-    }
-}

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

@@ -1,7 +0,0 @@
-{
-    'progress-spinner': {
-        size: {
-            size: { value: '16px' }
-        }
-    }
-}

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

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

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

@@ -1,25 +0,0 @@
-{
-    select: {
-        size: {
-            height: { value: '30px' },
-            'left-padding': { value: '{padding.control-horizontal}' },
-            'right-padding': { value: '8px' },
-            'left-padding-multiple': { value: '8px' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    },
-    'select-panel': {
-        size: {
-            'max-height': { value: '232px' },
-            'max-width': { value: '640px' },
-            'vertical-padding': { value: '4px' },
-            'border-width': { value: '1px' },
-            'border-radius': { value: '3px' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}