@ptsecurity/mosaic 14.10.8 → 14.10.10

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

@@ -1,73 +0,0 @@
-{
-    'datepicker-toggle': {
-        size: {
-            width: { value: '30px' },
-            height: { value: '30px' }
-        }
-    },
-    'datepicker-body': {
-        'light-color-scheme': {
-            states: {
-                today: {
-                    color: { value: '{light-color-scheme.primary.default}' },
-                    background: { value: '{light-color-scheme.background.background}' }
-                },
-                selected: {
-                    color: { value: '{light-color-scheme.foreground.text}' },
-                    background: { value: '{light-color-scheme.states.selected-color}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            states: {
-                today: {
-                    color: { value: '{dark-color-scheme.primary.palette.value.500}' },
-                    background: { value: '{light-color-scheme.background.background}' }
-                },
-                selected: {
-                    color: { value: '{light-color-scheme.foreground.text}' },
-                    background: { value: '{light-color-scheme.states.selected-color}' }
-                }
-            }
-        },
-        size: {
-            label: {
-                'paddings': { value: '{size.s} 28px {size.m} {size.m}' }
-            },
-            cell: {
-                'min-size': { value: '{size.3xl}' },
-                margin: { value: '5%' },
-                padding: { value: '{size.s}' },
-                'border-width': { value: '{size.border-width}' },
-                'border-radius': { value: '0' }
-            }
-        },
-        font: {
-            label: { value: 'body-strong' },
-            today: { value: 'body-strong' }
-        }
-    },
-    'datepicker-calendar': {
-        size: {
-            'padding-top': { value: '{size.l}' },
-            'padding-horizontal': { value: '{size.s}' },
-            'padding-bottom': { value: '{size.s}' },
-            'padding-blocks': { value: '{size.m}' },
-            'border-radius': { value: '0' },
-            'divider-width': { value: '1px' },
-
-            icon: {
-                'border-width': { value: '2px' },
-                'prev-icon-transform': { value: 'translateX(2px) rotate(-45deg)' },
-                'nex-icon-transform': { value: 'translateX(-2px) rotate(45deg)' }
-            }
-        },
-        font: {
-            default: { value: 'body' },
-            header: { value: 'caption' }
-        }
-    },
-    'datepicker-input': {
-        size: { 'width': { value: '130px' } }
-    }
-}

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

@@ -1,14 +0,0 @@
-{
-    divider: {
-        'light-color-scheme': {
-            color: { value: '{light-color-scheme.foreground.divider}' }
-        },
-        'dark-color-scheme': {
-            color: { value: '{dark-color-scheme.foreground.divider}' }
-        },
-        size: {
-            width: { value: '1px' },
-            'inset-margin': { value: '80px' }
-        }
-    }
-}

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}' },
-            dd: { value: '{light-color-scheme.foreground.text}' }
-        },
-        'dark-color-scheme': {
-            dt: { value: '{dark-color-scheme.foreground.text-less-contrast}' },
-            dd: { value: '{dark-color-scheme.foreground.text}' }
-        },
-        size: {
-            'grid-template-columns': { value: 'repeat(4, 1fr)' },
-
-            'dt-grid-column': { value: '1' },
-            'dd-grid-column': { value: '2 / span 3' },
-
-            horizontal: {
-                'column-gap': { value: '{size.l}' },
-                'row-gap': { value: '{size.m}' }
-            },
-            vertical: {
-                'column-gap': { value: '0' },
-                'row-gap': { value: '{size.3xs}' },
-                'dd-margin-bottom': { value: '{size.l}' }
-            },
-        },
-        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,48 +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: {
-            'button-right-padding': { value: '{size.s}' },
-            'right-icon-padding': { value: '{size.3xs}' }
-        }
-    },
-    'dropdown-panel': {
-        size: {
-            'max-width': { value: '640px' },
-            padding: { value: '{size.xxs} 0' },
-            border: {
-                width: { value: '{size.border-width}' },
-                radius: { value: '{size.border-radius}' }
-            }
-        }
-    }
-}

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

@@ -1,92 +0,0 @@
-{
-    'form-field': {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.second.default}' },
-            background: { value: '{light-color-scheme.background.background}' },
-
-            states: {
-                hover: {
-                    border: { value: '{light-color-scheme.second.palette.value.400}' }
-                },
-                invalid: {
-                    border: { value: '{light-color-scheme.error.default}' },
-                    background: { value: '{light-color-scheme.error.palette.value.40}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.second.default}' },
-            background: { value: '{dark-color-scheme.background.background}' },
-
-            states: {
-                hover: {
-                    border: { value: '{dark-color-scheme.second.palette.value.200}' }
-                },
-                invalid: {
-                    border: { value: '{dark-color-scheme.error.default}' },
-                    background: { value: 'mix({dark-color-scheme.error.palette.value.800}, transparent, 30%)' }
-                }
-            }
-        },
-        size: {
-            height: { value: '{size.3xl}' },
-            border: {
-                width: { value: '{size.border-width}' },
-                radius: { value: '{size.border-radius}' }
-            },
-            button: {
-                width: { value: '{size.3xl}' }
-            }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    },
-    'form-field-hint': {
-        size: {
-            'margin-top': { value: '{size.xxs}' }
-        },
-        font: {
-            default: { value: 'caption' }
-        }
-    },
-    'form-field-password-hint': {
-        'light-color-scheme': {
-            'text-color': { value: '{light-color-scheme.foreground.text}' },
-            'icon-color': { value: '{icon.light-color-scheme.secondary.default}' },
-
-            states: {
-                invalid: {
-                    'icon-color': { value: '{icon.light-color-scheme.error.default}' },
-                    'text-color': { value: '{light-color-scheme.foreground.text}' }
-                },
-                valid: {
-                    'text-color': { value: '{light-color-scheme.foreground.text-success}' },
-                    'icon-color': { value: '{icon.light-color-scheme.success.default}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            'text-color': { value: '{dark-color-scheme.foreground.text}' },
-            'icon-color': { value: '{icon.dark-color-scheme.secondary.default}' },
-
-            states: {
-                invalid: {
-                    'icon-color': { value: '{icon.dark-color-scheme.error.default}' },
-                    'text-color': { value: '{dark-color-scheme.foreground.text}' }
-                },
-                valid: {
-                    'text-color': { value: '{dark-color-scheme.foreground.text-success}' },
-                    'icon-color': { value: '{icon.dark-color-scheme.success.default}' }
-                }
-            }
-        },
-        size: {
-            'margin-top': { value: '{size.s}' },
-            'icon-margin': { value: '{size.xxs}' }
-        },
-        font: {
-            default: { value: 'caption' }
-        }
-    }
-}

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

@@ -1,48 +0,0 @@
-{
-    forms: {
-        'light-color-scheme': {
-            label: { value: '{light-color-scheme.foreground.text-less-contrast}' },
-            legend: { value: '{light-color-scheme.foreground.text}' }
-        },
-        'dark-color-scheme': {
-            label: { value: '{dark-color-scheme.foreground.text-less-contrast}' },
-            legend: { value: '{dark-color-scheme.foreground.text}' }
-        },
-        size: {
-            horizontal: {
-                row: {
-                    'margin-bottom': { value: '{size.xl}' }
-                },
-                control: {
-                    'padding-left': { value: '{size.l}' }
-                },
-                legend: {
-                    'margin-top': { value: '{size.3xl}' },
-                    'margin-bottom': { value: '{size.l}' }
-                }
-            },
-            vertical: {
-                row: {
-                    'margin-bottom': { value: '{size.l}' }
-                },
-                label: {
-                    'padding-top': { value: '0' },
-                    'padding-bottom': { value: '{size.xxs}' }
-                },
-                control: {
-                    'padding-left': { value: '{size.xxl}' }
-                },
-                legend: {
-                    'margin-top': { value: '{size.3xl}' },
-                    'margin-bottom': { value: '{size.m}' }
-                }
-            },
-        },
-        font: {
-            default: {
-                label: { value: 'body' },
-                legend: { value: 'subheading' },
-            },
-        }
-    }
-}

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

@@ -1,104 +0,0 @@
-{
-    icon: {
-        'light-color-scheme': {
-            secondary: {
-                default: { value: '{light-color-scheme.second.palette.value.400}' },
-                states: {
-                    hover: { value: '{light-color-scheme.second.palette.value.700}' },
-                    active: { value: '{light-color-scheme.second.palette.value.800}' },
-                    disabled: { value: 'mix({icon.light-color-scheme.secondary.default}, transparent, 30%)' }
-                },
-            },
-            primary: {
-                default: { value: '{light-color-scheme.primary.palette.value.400}' },
-                states: {
-                    hover: { value: '{light-color-scheme.primary.palette.value.700}' },
-                    active: { value: '{light-color-scheme.primary.palette.value.800}' },
-                    disabled: { value: 'mix({icon.light-color-scheme.primary.default}, transparent, 30%)' }
-                },
-            },
-            info: {
-                default: { value: '{light-color-scheme.info.palette.value.400}' },
-                states: {
-                    hover: { value: '{light-color-scheme.info.palette.value.700}' },
-                    active: { value: '{light-color-scheme.info.palette.value.800}' },
-                    disabled: { value: 'mix({icon.light-color-scheme.info.default}, transparent, 30%)' }
-                },
-            },
-            success: {
-                default: { value: '{light-color-scheme.success.palette.value.400}' },
-                states: {
-                    hover: { value: '{light-color-scheme.success.palette.value.700}' },
-                    active: { value: '{light-color-scheme.success.palette.value.800}' },
-                    disabled: { value: 'mix({icon.light-color-scheme.success.default}, transparent, 30%)' }
-                },
-            },
-            warning: {
-                default: { value: '{light-color-scheme.warning.palette.value.400}' },
-                states: {
-                    hover: { value: '{light-color-scheme.warning.palette.value.700}' },
-                    active: { value: '{light-color-scheme.warning.palette.value.800}' },
-                    disabled: { value: 'mix({icon.light-color-scheme.warning.default}, transparent, 30%)' }
-                },
-            },
-            error: {
-                default: { value: '{light-color-scheme.error.palette.value.400}' },
-                states: {
-                    hover: { value: '{light-color-scheme.error.palette.value.700}' },
-                    active: { value: '{light-color-scheme.error.palette.value.800}' },
-                    disabled: { value: 'mix({icon.light-color-scheme.error.default}, transparent, 30%)' }
-                }
-            },
-        },
-        'dark-color-scheme': {
-            secondary: {
-                default: { value: '{dark-color-scheme.second.palette.value.500}' },
-                states: {
-                    hover: { value: '{dark-color-scheme.second.palette.value.600}' },
-                    active: { value: '{dark-color-scheme.second.palette.value.700}' },
-                    disabled: { value: 'mix({icon.dark-color-scheme.secondary.default}, transparent, 30%)' }
-                },
-            },
-            primary: {
-                default: { value: '{dark-color-scheme.primary.palette.value.500}' },
-                states: {
-                    hover: { value: '{dark-color-scheme.primary.palette.value.600}' },
-                    active: { value: '{dark-color-scheme.primary.palette.value.700}' },
-                    disabled: { value: 'mix({icon.dark-color-scheme.primary.default}, transparent, 30%)' }
-                },
-            },
-            info: {
-                default: { value: '{dark-color-scheme.info.palette.value.500}' },
-                states: {
-                    hover: { value: '{dark-color-scheme.info.palette.value.600}' },
-                    active: { value: '{dark-color-scheme.info.palette.value.700}' },
-                    disabled: { value: 'mix({icon.dark-color-scheme.info.default}, transparent, 30%)' }
-                },
-            },
-            success: {
-                default: { value: '{dark-color-scheme.success.palette.value.500}' },
-                states: {
-                    hover: { value: '{dark-color-scheme.success.palette.value.600}' },
-                    active: { value: '{dark-color-scheme.success.palette.value.700}' },
-                    disabled: { value: 'mix({icon.dark-color-scheme.success.default}, transparent, 30%)' }
-                },
-            },
-            warning: {
-                default: { value: '{dark-color-scheme.warning.palette.value.500}' },
-                states: {
-                    hover: { value: '{dark-color-scheme.warning.palette.value.600}' },
-                    active: { value: '{dark-color-scheme.warning.palette.value.700}' },
-                    disabled: { value: 'mix({icon.dark-color-scheme.warning.default}, transparent, 30%)' }
-                },
-            },
-            error: {
-                default: { value: '{dark-color-scheme.error.palette.value.500}' },
-                states: {
-                    hover: { value: '{dark-color-scheme.error.palette.value.600}' },
-                    active: { value: '{dark-color-scheme.error.palette.value.700}' },
-                    disabled: { value: 'mix({icon.dark-color-scheme.error.default}, transparent, 30%)' }
-                }
-            }
-        }
-    }
-}

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

@@ -1,12 +0,0 @@
-{
-    input: {
-        size: {
-            padding: { value: '0 {size.m}' },
-            width: { value: '100%' }
-        },
-        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}' },
-            'border-bottom': { value: 'rgba({light-color-scheme.primary.default}, 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}' },
-                'border-bottom': { value: 'rgba({light-color-scheme.primary.palette.value.600}, 0.32)' }
-            },
-
-            'state-active': { value: '{light-color-scheme.primary.palette.value.700}' },
-
-            'state-focused': {
-                outline: { value: '{light-color-scheme.states.focused-color}' }
-            }
-        },
-        'dark-color-scheme': {
-            text: { value: '{dark-color-scheme.primary.default}' },
-            'border-bottom': { value: 'rgba({dark-color-scheme.primary.default}, 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}' },
-                'border-bottom': { value: 'rgba({dark-color-scheme.primary.palette.value.300}, 0.32)' }
-            },
-            'state-active': { value: '{dark-color-scheme.primary.palette.value.300}' },
-            'state-focused': {
-                outline: { value: '{dark-color-scheme.states.focused-color}' }
-            }
-        },
-        size: {
-            'state-focused': {
-                'outline-offset': { value: '2px' },
-                'outline-width': { value: '2px' }
-            },
-            default: {
-                'icon-margin': { value: '{size.xxs}' },
-            },
-            caption: {
-                'icon-margin': { value: '{size.3xs}' }
-            }
-        },
-        font: {
-            default: { value: 'body' },
-            caption: { value: 'caption' }
-        }
-    }
-}

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

@@ -1,13 +0,0 @@
-{
-    list: {
-        size: {
-            'horizontal-padding': { value: '{size.m}' },
-            'icon-right-margin': { value: '{size.s}' },
-
-            'item-height': { value: '{size.3xl}' },
-        },
-        font: {
-            item: { value: 'body' }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/loader-overlay.json5

@@ -1,23 +0,0 @@
-{
-    'loader-overlay': {
-        'light-color-scheme': {
-            background: { value: 'mix({light-color-scheme.background.background}, transparent, 90%)' },
-            text: { value: '{light-color-scheme.foreground.text}' },
-            caption: { value: '{light-color-scheme.foreground.text-less-contrast}' }
-        },
-        'dark-color-scheme': {
-            background: { value: 'mix({dark-color-scheme.background.background}, transparent, 90%)' },
-            text: { value: '{dark-color-scheme.foreground.text}' },
-            caption: { value: '{dark-color-scheme.foreground.text-less-contrast}' }
-        },
-        size: {
-            'text-max-width': { value: '480px' },
-            'fixed-top-padding': { value: '72px' },
-            'center-optical-compensation': { value: '-40%' }
-        },
-        font: {
-            text: { value: 'body' },
-            caption: { value: 'caption' },
-        }
-    }
-}