@ptsecurity/mosaic 14.7.1 → 15.0.0

package/design-tokens/pt-2022/tokens/properties/colors.json5

@@ -1,122 +0,0 @@
-{
-    'light-color-scheme': {
-        primary: {
-            default: { value: '{palette.blue.500}' },
-
-            palette: { value: '{palette.blue}' }
-        },
-        second: {
-            default: { value: '{palette.grey.500}' },
-
-            palette: { value: '{palette.grey}' }
-        },
-        error: {
-            default: { value: '{palette.red.500}' },
-
-            palette: { value: '{palette.red}' }
-        },
-        info: {
-            default: { value: '{palette.blue.500}' },
-
-            palette: { value: '{palette.teal}' }
-        },
-        success: {
-            default: { value: '{palette.green.500}' },
-
-            palette: { value: '{palette.green}' }
-        },
-        warning: {
-            default: { value: '{palette.yellow.500}' },
-
-            palette: { value: '{palette.yellow}' }
-        },
-        foreground: {
-            text: { value: '{palette.grey.900}' },
-            'text-less-contrast': { value: '{palette.grey.500}'},
-            'text-disabled': { value: '{palette.grey.300}' },
-            'text-error': { value: '{light-color-scheme.error.palette.value.500}' },
-            'text-success': { value: '{light-color-scheme.success.palette.value.560}' },
-
-            divider: { value: '{palette.grey.100}' },
-            border: { value: '{palette.grey.200}' },
-            icon: { value: '{palette.grey.300}' }
-        },
-        background: {
-            background: { value: 'white' },
-            'background-disabled': { value: '{palette.grey.40}' },
-            'background-less-contrast': { value: '{palette.grey.40}' },
-            'background-under': { value: '{palette.grey.40}' },
-
-            'overlay-hover': { value: 'rgba(black, 0.05)' },
-            'overlay-active': { value: 'rgba(black, 0.1)' },
-            'overlay-disabled': { value: 'rgba(white, 0.3)' }
-        },
-        states: {
-            'focused-color': { value: '{light-color-scheme.primary.palette.value.500}' },
-            'focused-color-error': { value: '{light-color-scheme.error.palette.value.500}' },
-            'selected-color': { value: '{light-color-scheme.primary.palette.value.60}' },
-            'pressed-shadow': { value: 'inset 0 1px 2px 0 rgba(black, 0.2)' },
-            'disabled-opacity': { value: 0.3 }
-        }
-    },
-    'dark-color-scheme': {
-        primary: {
-            default: { value: '{palette.blue.560}' },
-
-            palette: { value: '{palette.blue}' }
-        },
-        second: {
-            default: { value: '{palette.grey.560}' },
-
-            palette: { value: '{palette.grey}' }
-        },
-        error: {
-            default: { value: '{palette.red.560}' },
-
-            palette: { value: '{palette.red}' }
-        },
-        info: {
-            default: { value: '{palette.teal.560}' },
-
-            palette: { value: '{palette.teal}' }
-        },
-        success: {
-            default: { value: '{palette.green.560}' },
-
-            palette: { value: '{palette.green}' }
-        },
-        warning: {
-            default: { value: '{palette.yellow.560}' },
-
-            palette: { value: '{palette.yellow}' }
-        },
-        foreground: {
-            text: { value: '{palette.grey.100}' },
-            'text-less-contrast': { value: '{palette.grey.300}'},
-            'text-disabled': { value: '{palette.grey.500}' },
-            'text-error': { value: '{dark-color-scheme.error.palette.value.300}' },
-            'text-success': { value: '{dark-color-scheme.success.palette.value.300}' },
-
-            divider: { value: 'mix({palette.grey.560}, transparent, 50%)' },
-            border: { value: '{palette.grey.560}' },
-            icon: { value: '{palette.grey.300}' }
-        },
-        background: {
-            background: { value: '{palette.grey.900}' },
-            'background-disabled': { value: '{palette.grey.700}' },
-            'background-less-contrast': { value: '{palette.grey.800}' },
-            'background-under': { value: '{palette.grey.1000}' },
-
-            'overlay-hover': { value: 'rgba(white, 0.05)' },
-            'overlay-active': { value: 'rgba(white, 0.1)' },
-            'overlay-disabled': { value: 'rgba(black, 0.2)' }
-        },
-        states: {
-            'focused-color': { value: '{dark-color-scheme.primary.palette.value.400}' },
-            'focused-color-error': { value: '{light-color-scheme.error.palette.value.560}' },
-            'selected-color': { value: '{palette.blue.A200}' },
-            'pressed-shadow': { value: 'inset 1px 2px 2px 0 rgba(black, 0.2)' },
-            'disabled-opacity': { value: 0.45 }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/properties/font.json5

@@ -1,15 +0,0 @@
-{
-    font: {
-        family: {
-            accent: {
-                value: "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"
-            },
-            base: {
-                value: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"
-            },
-            monospace: {
-                value: "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"
-            }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/properties/globals.json5

@@ -1,49 +0,0 @@
-{
-    size: {
-        '3xs': { value: '2px' },
-        'xxs': { value: '4px' },
-        'xs': { value: '6px' },
-        's': { value: '8px' },
-        'm': { value: '12px' },
-        'l': { value: '16px' },
-        'xl': { value: '20px' },
-        'xxl': { value: '24px' },
-        '3xl': { value: '32px' },
-        '4xl': { value: '40px' },
-        '5xl': { value: '48px' },
-        '6xl': { value: '56px' },
-        '7xl': { value: '64px' },
-
-        'border-width': { 'value': '1px' },
-        'border-radius': { 'value': '4px' },
-
-        // this will be deleted
-        'option-height': { 'value': '32px' },
-        'panel-height': { 'value': '48px' },
-        // у radio и checkbox в макетах 20px, у тоггла есть две модификации на 16px и 14px
-        'control_S-height': { 'value': '16px' },
-        // в form-field это реализовано через отступы
-        'control_M-height': { 'value': '32px' },
-        // этого нет сейчас
-        'button-minWidth': { 'value': '64px' },
-        // badge на padding
-        'badge_tag-height': { 'value': '24px' },
-        // modal; sidepanel - сейчас в этих компонентах paddings
-        'header-height': { 'value': '56px' },
-        'footer-height': { 'value': '64px' },
-        // this will be deleted
-    },
-    padding: {
-        'control-horizontal': { 'value': '16px' },
-        'option-horizontal': { 'value': '16px' },
-        'badge_tag-horizontal': { 'value': '8px' },
-        'header-right': { 'value': '8px' },
-        'headerFooter-horizontal': { 'value': '16px' }
-    },
-    margin: {
-        // у radio-group нет таких отступов, а у checkbox вообще нет группы
-        'controlGroup_S-vertical': { 'value': '8px' },
-        'iconText_M-horizontal': { 'value': '8px' },
-        'iconText_S-horizontal': { 'value': '4px' }
-    }
-}

package/design-tokens/pt-2022/tokens/properties/md-typography.json5

@@ -1,103 +0,0 @@
-{
-    "md-typography": {
-        'md-h1': {
-            'font-size': { value: '{typography.display-2.font-size}' },
-            'line-height': { value: '48px' },
-            'letter-spacing': { value: '{typography.display-2.letter-spacing}' },
-            'font-weight': { value: '{typography.display-2.font-weight}' },
-            'font-family': { value: '{typography.display-2.font-family}' },
-            'text-transform': { value: '{typography.display-2.text-transform}' },
-            'font-feature-settings': { value: '{typography.display-2.font-feature-settings}' }
-        },
-        'md-h2': {
-            'font-size': { value: '{typography.display-3.font-size}' },
-            'line-height': { value: '38px' },
-            'letter-spacing': { value: '{typography.display-3.letter-spacing}' },
-            'font-weight': { value: '{typography.display-3.font-weight}' },
-            'font-family': { value: '{typography.display-3.font-family}' },
-            'text-transform': { value: '{typography.display-3.text-transform}' },
-            'font-feature-settings': { value: '{typography.display-3.font-feature-settings}' }
-        },
-        'md-h3': {
-            'font-size': { value: '{typography.headline.font-size}' },
-            'line-height': { value: '28px' },
-            'letter-spacing': { value: '{typography.headline.letter-spacing}' },
-            'font-weight': { value: '{typography.headline.font-weight}' },
-            'font-family': { value: '{typography.headline.font-family}' },
-            'text-transform': { value: '{typography.headline.text-transform}' },
-            'font-feature-settings': { value: '{typography.headline.font-feature-settings}' }
-        },
-        'md-h4': {
-            'font-size': { value: '{typography.title.font-size}' },
-            'line-height': { value: '24px' },
-            'letter-spacing': { value: '{typography.title.letter-spacing}' },
-            'font-weight': { value: '{typography.title.font-weight}' },
-            'font-family': { value: '{typography.title.font-family}' },
-            'text-transform': { value: '{typography.title.text-transform}' },
-            'font-feature-settings': { value: '{typography.title.font-feature-settings}' }
-        },
-        'md-h5': {
-            'font-size': { value: '{typography.subheading.font-size}' },
-            'line-height': { value: '24px' },
-            'letter-spacing': { value: '{typography.subheading.letter-spacing}' },
-            'font-weight': { value: '{typography.subheading.font-weight}' },
-            'font-family': { value: '{typography.subheading.font-family}' },
-            'text-transform': { value: '{typography.subheading.text-transform}' },
-            'font-feature-settings': { value: '{typography.subheading.font-feature-settings}' }
-        },
-        'md-h6': {
-            'font-size': { value: '{typography.subheading.font-size}' },
-            'line-height': { value: '24px' },
-            'letter-spacing': { value: '{typography.subheading.letter-spacing}' },
-            'font-weight': { value: '{typography.subheading.font-weight}' },
-            'font-family': { value: '{typography.subheading.font-family}' },
-            'text-transform': { value: '{typography.subheading.text-transform}' },
-            'font-feature-settings': { value: '{typography.subheading.font-feature-settings}' }
-        },
-        'md-body': {
-            'font-size': { value: '{typography.body.font-size}' },
-            'line-height': { value: '24px' },
-            'letter-spacing': { value: '{typography.body.letter-spacing}' },
-            'font-weight': { value: '{typography.body.font-weight}' },
-            'font-family': { value: '{typography.body.font-family}' },
-            'text-transform': { value: '{typography.body.text-transform}' },
-            'font-feature-settings': { value: '{typography.body.font-feature-settings}' }
-        },
-        'md-body-mono': {
-            'font-size': { value: '14px' },
-            'line-height': { value: '20px' },
-            'letter-spacing': { value: '{typography.body-mono.letter-spacing}' },
-            'font-weight': { value: '{typography.body-mono.font-weight}' },
-            'font-family': { value: '{typography.body-mono.font-family}' },
-            'text-transform': { value: '{typography.body-mono.text-transform}' },
-            'font-feature-settings': { value: '{typography.body-mono.font-feature-settings}' }
-        },
-        'md-caption': {
-            'font-size': { value: '{typography.caption.font-size}' },
-            'line-height': { value: '{typography.caption.line-height}' },
-            'letter-spacing': { value: '{typography.caption.letter-spacing}' },
-            'font-weight': { value: '{typography.caption.font-weight}' },
-            'font-family': { value: '{typography.caption.font-family}' },
-            'text-transform': { value: '{typography.caption.text-transform}' },
-            'font-feature-settings': { value: '{typography.caption.font-feature-settings}' }
-        },
-        'md-table-cell': {
-            'font-size': { value: '{typography.body-tabular.font-size}' },
-            'line-height': { value: '{typography.body-tabular.line-height}' },
-            'letter-spacing': { value: '{typography.body-tabular.letter-spacing}' },
-            'font-weight': { value: '{typography.body-tabular.font-weight}' },
-            'font-family': { value: '{typography.body-tabular.font-family}' },
-            'text-transform': { value: '{typography.body-tabular.text-transform}' },
-            'font-feature-settings': { value: '{typography.body-tabular.font-feature-settings}' }
-        },
-        'md-table-header': {
-            'font-size': { value: '{typography.caption-tabular.font-size}' },
-            'line-height': { value: '{typography.caption-tabular.line-height}' },
-            'letter-spacing': { value: '{typography.caption-tabular.letter-spacing}' },
-            'font-weight': { value: '{typography.caption-tabular.font-weight}' },
-            'font-family': { value: '{typography.caption-tabular.font-family}' },
-            'text-transform': { value: '{typography.caption-tabular.text-transform}' },
-            'font-feature-settings': { value: '{typography.caption-tabular.font-feature-settings}' }
-        }
-    }
-}

package/design-tokens/pt-2022/tokens/properties/padding.json5

@@ -1,3 +0,0 @@
-{
-
-}

package/design-tokens/pt-2022/tokens/properties/palette.json5

@@ -1,233 +0,0 @@
-{
-    "palette": {
-        "blue": {
-            "40": { value: '#eff6ff' },
-            "60": { value: '#e7f1ff' },
-            "100": { value: '#c8dfff' },
-            "200": { value: '#a2c7fe' },
-            "300": { value: '#5697ff' },
-            "400": { value: '#4187ff' },
-            "500": { value: '#0374eb' },
-            "560": { value: '#0059b8' },
-            "600": { value: '#014b9d' },
-            "700": { value: '#023c7f' },
-            "800": { value: '#193060' },
-            "900": { value: '#00224f' },
-            "1000": { value: '#001a40' },           
-            "A100": { value: 'rgba(3, 116, 235, 0.15)' },
-            "A200": { value: 'rgba(3, 116, 235, 0.3)' },
-            "contrast": {
-                "40": { value: '#4D4D4D' },
-                "60": { value: '#4D4D4D' },
-                "100": { value: '#4D4D4D' },
-                "200": { value: '#4D4D4D' },
-                "300": { value: '#4D4D4D' },
-                "400": { value: 'white' },
-                "500": { value: 'white' },
-                "560": { value: 'white' },
-                "600": { value: 'white' },
-                "700": { value: 'white' },
-                "800": { value: 'white' },
-                "A100": { value: '#4D4D4D' },
-                "A200": { value: 'white' }
-            }
-        },
-        "green": {
-            "40": { value: '#ecf9ef' },
-            "60": { value: '#d2f7db' },
-            "100": { value: '#b6ebc3' },
-            "200": { value: '#8ed5a1' },
-            "300": { value: '#4ba96c' },
-            "400": { value: '#319d5c' },
-            "500": { value: '#028b49' },
-            "560": { value: '#016b37' },
-            "600": { value: '#015a2d' },
-            "700": { value: '#004823' },
-            "800": { value: '#103920' },
-            "900": { value: '#002a12' },
-            "1000": { value: '#00210c' },
-            "A100": { value: 'rgba(2, 139, 73, 0.15)' },
-            "contrast": {
-                "40": { value: '#4D4D4D' },
-                "60": { value: '#4D4D4D' },
-                "100": { value: '#4D4D4D' },
-                "200": { value: '#4D4D4D' },
-                "300": { value: '#4D4D4D' },
-                "400": { value: 'white' },
-                "500": { value: 'white' },
-                "560": { value: 'white' },
-                "600": { value: 'white' },
-                "700": { value: 'white' },
-                "800": { value: 'white' },
-                "A100": { value: '#4D4D4D' }
-            }
-        },
-        "red": {
-            "40": { value: '#fff3f3' },
-            "60": { value: '#ffeaea' },
-            "100": { value: '#fbd6d6' },
-            "200": { value: '#fcb2b4' },
-            "300": { value: '#ee6f79' },
-            "400": { value: '#ea5868' },
-            "500": { value: '#db3c55' },
-            "560": { value: '#b9023a' },
-            "600": { value: '#9e0130' },
-            "700": { value: '#800025' },
-            "800": { value: '#621420' },
-            "900": { value: '#500013' },
-            "1000": { value: '#41000b' },
-            "A100": { value: 'rgba(219, 60, 85, 0.15)' },
-
-            "contrast": {
-                "40": { value: '#4D4D4D' },
-                "60": { value: '#4D4D4D' },
-                "100": { value: '#4D4D4D' },
-                "200": { value: '#4D4D4D' },
-                "300": { value: '#4D4D4D' },
-                "400": { value: 'white' },
-                "500": { value: 'white' },
-                "560": { value: 'white' },
-                "600": { value: 'white' },
-                "700": { value: 'white' },
-                "800": { value: 'white' },
-                "A100": { value: '#4D4D4D' }
-            }
-        },
-        "grey": {
-            "40": { value: '#f2f5f9' },
-            "60": { value: '#ebeef2' },
-            "100": { value: '#d7dee4' },
-            "200": { value: '#bdc7d1' },
-            "300": { value: '#8c99a5' },
-            "400": { value: '#7f8c98' },
-            "500": { value: '#6d7a86' },
-            "560": { value: '#515e69' },
-            "600": { value: '#434f5a' },
-            "700": { value: '#333f4a' },
-            "800": { value: '#27333e' },
-            "900": { value: '#19252f' },
-            "1000": { value: '#151e25' },
-            "A40": { value: 'rgba(25, 37, 47, 0.04)' },
-            "A60": { value: 'rgba(25, 37, 47, 0.06)' },
-            "A100": { value: 'rgba(25, 37, 47, 0.1)' },
-            "A200": { value: 'rgba(25, 37, 47, 0.2)' },
-            "A300": { value: 'rgba(25, 37, 47, 0.3)' },
-            "A500": { value: 'rgba(25, 37, 47, 0.5)' },
-
-            "contrast": {
-                "40": { value: '#4D4D4D' },
-                "60": { value: '#4D4D4D' },
-                "100": { value: '#4D4D4D' },
-                "200": { value: '#4D4D4D' },
-                "300": { value: '#4D4D4D' },
-                "400": { value: 'white' },
-                "500": { value: 'white' },
-                "560": { value: 'white' },
-                "600": { value: 'white' },
-                "700": { value: 'white' },
-                "800": { value: 'white' }
-            }
-        },
-        "yellow": {
-            "40": { value: '#fff4dd' },
-            "60": { value: '#ffecce' },
-            "100": { value: '#fcdda6' },
-            "200": { value: '#f5c23c' },
-            "300": { value: '#e19f12' },
-            "400": { value: '#c78816' },
-            "500": { value: '#a26e0c' },
-            "560": { value: '#7e5406' },
-            "600": { value: '#6b4804' },
-            "700": { value: '#543803' },
-            "800": { value: '#3e3015' },
-            "900": { value: '#312001' },
-            "1000": { value: '#1f1500' },
-            "A100": { value: 'rgba(255, 159, 18, 0.15)' },
-
-            "contrast": {
-                "40": { value: '#4D4D4D' },
-                "60": { value: '#4D4D4D' },
-                "100": { value: '#4D4D4D' },
-                "200": { value: '#4D4D4D' },
-                "300": { value: '#4D4D4D' },
-                "400": { value: 'white' },
-                "500": { value: 'white' },
-                "560": { value: 'white' },
-                "600": { value: 'white' },
-                "700": { value: 'white' },
-                "800": { value: 'white' },
-                "A100": { value: '#4D4D4D' }
-            }
-        },
-        "teal": {
-            "40": { value: '#ebf8fd' },
-            "60": { value: '#d9f3fd' },
-            "100": { value: '#afe6f9' },
-            "200": { value: '#6ed3f2' },
-            "300": { value: '#18a5c5' },
-            "400": { value: '#2099b7' },
-            "500": { value: '#218ca8' },
-            "560": { value: '#0c6579' },
-            "600": { value: '#0c5567' },
-            "700": { value: '#084453' },
-            "800": { value: '#143641' },
-            "900": { value: '#022731' },
-            "1000": { value: '#001f28' },
-            "contrast": {
-                "40": { value: '#4D4D4D' },
-                "60": { value: '#4D4D4D' },
-                "100": { value: '#4D4D4D' },
-                "200": { value: '#4D4D4D' },
-                "300": { value: '#4D4D4D' },
-                "400": { value: 'white' },
-                "500": { value: 'white' },
-                "560": { value: 'white' },
-                "600": { value: 'white' },
-                "700": { value: 'white' },
-                "800": { value: 'white' },
-                "A100": { value: '#4D4D4D' },
-                "A200": { value: 'white' }
-            }
-        },
-        "purple": {
-            "40": { value: '#fff3fb' },
-            "60": { value: '#ffe9f8' },
-            "100": { value: '#f2d4e8' },
-            "200": { value: '#e4bbd7' },
-            "300": { value: '#c692b5' },
-            "400": { value: '#bb78a7' },
-            "500": { value: '#a65d92' },
-            "560": { value: '#864775' },
-            "600": { value: '#753865' },
-            "700": { value: '#612853' },
-            "800": { value: '#48273f' },
-            "900": { value: '#36172e' },
-            "1000": { value: '#23001b' },          
-            "contrast": {
-                "40": { value: '#4D4D4D' },
-                "60": { value: '#4D4D4D' },
-                "100": { value: '#4D4D4D' },
-                "200": { value: '#4D4D4D' },
-                "300": { value: '#4D4D4D' },
-                "400": { value: 'white' },
-                "500": { value: 'white' },
-                "560": { value: 'white' },
-                "600": { value: 'white' },
-                "700": { value: 'white' },
-                "800": { value: 'white' },
-                "A100": { value: '#4D4D4D' },
-                "A200": { value: 'white' }
-            }
-        }
-    },
-
-    "color": {
-        "blue": { "palette": { value: '{palette.blue}' } },
-        "green": { "palette": { value: '{palette.green}' } },
-        "red": { "palette": { value: '{palette.red}' } },
-        "grey": { "palette": { value: '{palette.grey}' } },
-        "yellow": { "palette": { value: '{palette.yellow}' } },
-        "teal": { "palette": { value: '{palette.teal}' } },
-        "purple": { "palette": { value: '{palette.purple}' } }
-    }
-}