@ptsecurity/mosaic 13.2.0 → 13.3.0

package/tree/padding.directive.d.ts

@@ -1,12 +1,14 @@
 import { Directionality } from '@angular/cdk/bidi';
-import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
 import { McTreeBase, McTreeNode } from './tree-base';
+import { McTreeOption } from './tree-option.component';
 import * as i0 from "@angular/core";
-export declare class McTreeNodePadding<T> implements OnInit, OnDestroy {
+export declare class McTreeNodePadding<T> implements OnDestroy, AfterViewInit {
     protected treeNode: McTreeNode<T>;
     protected tree: McTreeBase<T>;
     private renderer;
     private element;
+    private option;
     private dir;
     get level(): number;
     set level(value: number);
@@ -21,8 +23,8 @@ export declare class McTreeNodePadding<T> implements OnInit, OnDestroy {
     withIcon: boolean;
     iconWidth: number;
     private destroyed;
-    constructor(treeNode: McTreeNode<T>, tree: McTreeBase<T>, renderer: Renderer2, element: ElementRef<HTMLElement>, dir: Directionality);
-    ngOnInit(): void;
+    constructor(treeNode: McTreeNode<T>, tree: McTreeBase<T>, renderer: Renderer2, element: ElementRef<HTMLElement>, option: McTreeOption, dir: Directionality);
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     paddingIndent(): string | null;
     /**
@@ -40,6 +42,6 @@ export declare class McTreeNodePadding<T> implements OnInit, OnDestroy {
      */
     private setIndentInput;
     private setPadding;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodePadding<any>, [null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodePadding<any>, [null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodePadding<any>, "[mcTreeNodePadding]", ["mcTreeNodePadding"], { "indent": "mcTreeNodePaddingIndent"; }, {}, never>;
 }

package/tree/tree-option.component.d.ts

@@ -4,7 +4,7 @@ import { McOptionActionComponent, McPseudoCheckbox } from '@ptsecurity/mosaic/co
 import { McDropdownTrigger } from '@ptsecurity/mosaic/dropdown';
 import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
 import { Subject } from 'rxjs';
-import { McTreeNodeToggleBaseDirective } from './toggle';
+import { McTreeNodeToggleDirective } from './toggle';
 import { McTreeNode } from './tree-base';
 import * as i0 from "@angular/core";
 export interface McTreeOptionEvent {
@@ -25,7 +25,7 @@ export declare class McTreeOption extends McTreeNode<McTreeOption> implements Af
     tree: any;
     readonly onFocus: Subject<McTreeOptionEvent>;
     readonly onBlur: Subject<McTreeOptionEvent>;
-    toggleElement: McTreeNodeToggleBaseDirective<McTreeOption>;
+    toggleElement: McTreeNodeToggleDirective<McTreeOption>;
     pseudoCheckbox: McPseudoCheckbox;
     actionButton: McOptionActionComponent;
     tooltipTrigger: McTooltipTrigger;

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

@@ -1,83 +0,0 @@
-{
-    alert: {
-        'light-color-scheme': {
-            error: {
-                background: { value: '{light-color-scheme.error.palette.value.60.value}' },
-                border: { value: '{light-color-scheme.error.default.value}' },
-                icon: { value: '{light-color-scheme.error.default.value}' }
-            },
-            warning: {
-                background: { value: '{light-color-scheme.warning.palette.value.60.value}' },
-                border: { value: '{light-color-scheme.warning.default.value}' },
-                icon: { value: '{light-color-scheme.warning.palette.value.400.value}' }
-            },
-            success: {
-                background: { value: '{light-color-scheme.success.palette.value.60.value}' },
-                border: { value: '{light-color-scheme.success.default.value}' },
-                icon: { value: '{light-color-scheme.success.palette.value.400.value}' }
-            },
-            info: {
-                background: { value: '{light-color-scheme.info.palette.value.60.value}' },
-                border: { value: '{light-color-scheme.info.default.value}' },
-                icon: { value: '{light-color-scheme.info.palette.value.400.value}' }
-            },
-            default: {
-                background: { value: '{light-color-scheme.second.palette.value.60.value}' },
-                border: { value: '{light-color-scheme.second.default.value}' },
-                icon: { value: '{light-color-scheme.second.palette.value.200.value}' }
-            }
-        },
-        'dark-color-scheme': {
-            error: {
-                background: { value: '{dark-color-scheme.error.palette.value.700.value}' },
-                border: { value: '{dark-color-scheme.error.palette.value.700.value}' },
-                icon: { value: '{dark-color-scheme.error.default.value}' }
-            },
-            warning: {
-                background: { value: '{dark-color-scheme.warning.palette.value.700.value}' },
-                border: { value: '{dark-color-scheme.warning.palette.value.700.value}' },
-                icon: { value: '{dark-color-scheme.warning.default.value}' }
-            },
-            success: {
-                background: { value: '{dark-color-scheme.success.palette.value.700.value}' },
-                border: { value: '{dark-color-scheme.success.palette.value.700.value}' },
-                icon: { value: '{dark-color-scheme.success.default.value}' }
-            },
-            info: {
-                background: { value: '{dark-color-scheme.info.palette.value.700.value}' },
-                border: { value: '{dark-color-scheme.info.palette.value.700.value}' },
-                icon: { value: '{dark-color-scheme.info.default.value}' }
-            },
-            default: {
-                background: { value: '{dark-color-scheme.second.palette.value.700.value}' },
-                border: { value: '{dark-color-scheme.second.palette.value.700.value}' },
-                icon: { value: '{dark-color-scheme.second.default.value}' }
-            }
-        },
-        size: {
-            'border-width': { value: '1px' },
-            'border-radius': { value: '4px' },
-
-            'horizontal-padding': { value: '{padding.control-horizontal}' },
-            'vertical-padding': { value: '13px' },
-
-            'icon-margin': { value: '{margin.iconText_M-horizontal}' },
-
-            'close-button-width': { value: '16px' },
-
-            small: {
-                'vertical-padding': { value: '11px' }
-            }
-        },
-        font: {
-            default: {
-                header: { value: 'subheading' },
-                body: { value: 'body' }
-            },
-            small: {
-                header: { value: 'caption' },
-                body: { value: 'caption' }
-            }
-        }
-    }
-}

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

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

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

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

package/design-tokens/legacy-2017/tokens/components/button-toggle.json5

@@ -1,10 +0,0 @@
-{
-    'button-toggle': {
-        size: {
-            border: {
-                size: { value: '1px' },
-                radius: { value: '3px' }
-            }
-        }
-    }
-}

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

@@ -1,143 +0,0 @@
-{
-    button: {
-        'light-color-scheme': {
-            active: {
-                shadow: { value: 'inset 0 1px 2px 0 rgba(black, 0.2)' }
-            },
-            primary: {
-                color: { value: '{light-color-scheme.primary.palette.value.contrast.500.value}' },
-                border: { value: '{light-color-scheme.primary.palette.value.560.value}' },
-                background: { value: '{light-color-scheme.primary.palette.value.500.value}' },
-                icon: { value: '{light-color-scheme.primary.palette.value.contrast.500.value}' },
-
-                states: {
-                    active: {
-                        border: { value: 'darken({light-color-scheme.primary.palette.value.560.value}, 5)' },
-                        background: { value: 'darken({light-color-scheme.primary.palette.value.500.value}, 5)' }
-                    }
-                }
-            },
-            primary_transparent: {
-                color: { value: '{light-color-scheme.primary.palette.value.500.value}' },
-                icon: { value: '{light-color-scheme.primary.palette.value.500.value}' },
-
-                states: {
-                    hover: {
-                        color: { value: '{light-color-scheme.primary.palette.value.600.value}' },
-                        icon: { value: '{light-color-scheme.primary.palette.value.600.value}' }
-                    },
-                    active: {
-                        color: { value: '{light-color-scheme.primary.palette.value.700.value}' },
-                        icon: { value: '{light-color-scheme.primary.palette.value.700.value}' }
-                    }
-                }
-            },
-            second: {
-                border: { value: '{light-color-scheme.foreground.border.value}' },
-                background: { value: '{light-color-scheme.background.background-disabled.value}' },
-                color: { value: '{light-color-scheme.foreground.text.value}' },
-                icon: { value: '{light-color-scheme.foreground.text-less-contrast.value}' },
-
-                states: {
-                    active: {
-                        border: { value: 'darken({light-color-scheme.foreground.border.value}, 5)' },
-                        background: { value: 'darken({light-color-scheme.background.background-disabled.value}, 5)' }
-                    }
-                }
-            },
-            error: {
-                border: { value: '{light-color-scheme.foreground.border.value}' },
-                background: { value: '{light-color-scheme.background.background-disabled.value}' },
-                color: { value: '{light-color-scheme.error.palette.value.400.value}' },
-                icon: { value: '{light-color-scheme.error.palette.value.400.value}' },
-
-                states: {
-                    active: {
-                        border: { value: 'darken({light-color-scheme.foreground.border.value}, 5)' },
-                        background: { value: 'darken({light-color-scheme.background.background-disabled.value}, 5)' }
-                    }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            active: {
-                shadow: { value: 'inset 1px 2px 2px 0 rgba(black, 0.2)' }
-            },
-            primary: {
-                color: { value: '{dark-color-scheme.primary.palette.value.contrast.500.value}' },
-                border: { value: '{dark-color-scheme.primary.palette.value.560.value}' },
-                background: { value: '{dark-color-scheme.primary.palette.value.500.value}' },
-                icon: { value: '{dark-color-scheme.primary.palette.value.contrast.500.value}' },
-
-                states: {
-                    active: {
-                        border: { value: 'darken({dark-color-scheme.primary.palette.value.560.value}, 5)' },
-                        background: { value: 'darken({dark-color-scheme.primary.palette.value.400.value}, 5)' }
-                    }
-                }
-            },
-
-            primary_transparent: {
-                color: { value: '{dark-color-scheme.primary.palette.value.500.value}' },
-                icon: { value: '{dark-color-scheme.primary.palette.value.500.value}' },
-
-                states: {
-                    hover: {
-                        color: { value: '{dark-color-scheme.primary.palette.value.600.value}' },
-                        icon: { value: '{dark-color-scheme.primary.palette.value.600.value}' }
-                    },
-                    active: {
-                        color: { value: '{dark-color-scheme.primary.palette.value.700.value}' },
-                        icon: { value: '{dark-color-scheme.primary.palette.value.700.value}' }
-                    }
-                }
-            },
-            second: {
-                border: { value: '{dark-color-scheme.foreground.border.value}' },
-                background: { value: '{dark-color-scheme.background.background-disabled.value}' },
-                color: { value: '{dark-color-scheme.foreground.text.value}' },
-                icon: { value: '{dark-color-scheme.foreground.text-less-contrast.value}' },
-
-                states: {
-                    active: {
-                        border: { value: 'darken({dark-color-scheme.foreground.border.value}, 5)' },
-                        background: { value: 'darken({dark-color-scheme.background.background-disabled.value}, 5)' }
-                    }
-                }
-            },
-            error: {
-                border: { value: '{dark-color-scheme.foreground.border.value}' },
-                background: { value: '{dark-color-scheme.background.background-disabled.value}' },
-                color: { value: '{dark-color-scheme.error.palette.value.400.value}' },
-                icon: { value: '{dark-color-scheme.error.palette.value.400.value}' },
-
-                states: {
-                    active: {
-                        border: { value: 'darken({dark-color-scheme.foreground.border.value}, 5)' },
-                        background: { value: 'darken({dark-color-scheme.background.background-disabled.value}, 5)' }
-                    }
-                }
-            }
-        },
-        size: {
-            'border-width': { value: '1px' },
-            'border-radius': { value: '3px' },
-
-            'vertical-padding': { value: '6px' },
-            'horizontal-padding': { value: '16px' }
-        },
-        font: {
-            default: { value: 'body' },
-            primary: { value: 'body-strong' },
-            primary_transparent: { value: 'body' }
-        }
-    },
-    'icon-button': {
-        size: {
-            'vertical-padding': { value: '6px' },
-            'horizontal-padding': { value: '8px' },
-
-            'icon-horizontal-padding': { value: '16px' }
-        }
-    }
-}

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

@@ -1,51 +0,0 @@
-{
-    card: {
-        'light-color-scheme': {
-            error: {
-                'vertical-line': { value: '{light-color-scheme.error.default.value}' },
-                background: { value: '{light-color-scheme.error.palette.value.60.value}' },
-                shadow: { value: '{light-color-scheme.second.palette.value.100.value}' }
-            },
-            warning: {
-                'vertical-line': { value: '{light-color-scheme.warning.default.value}' },
-                background: { value: '{light-color-scheme.warning.palette.value.60.value}' },
-                shadow: { value: '{light-color-scheme.second.palette.value.100.value}' }
-            },
-            success: {
-                'vertical-line': { value: '{light-color-scheme.success.default.value}' },
-                background: { value: '{light-color-scheme.success.palette.value.60.value}' },
-                shadow: { value: '{light-color-scheme.second.palette.value.100.value}' }
-            },
-            info: {
-                'vertical-line': { value: '{light-color-scheme.info.default.value}' },
-                background: { value: '{light-color-scheme.info.palette.value.60.value}' },
-                shadow: { value: '{light-color-scheme.second.palette.value.100.value}' }
-            }
-        },
-        'dark-color-scheme': {
-            error: {
-                'vertical-line': { value: '{dark-color-scheme.error.default.value}' },
-                background: { value: '{dark-color-scheme.error.palette.value.700.value}' },
-                shadow: { value: '{dark-color-scheme.second.palette.value.700.value}' }
-            },
-            warning: {
-                'vertical-line': { value: '{dark-color-scheme.warning.default.value}' },
-                background: { value: '{dark-color-scheme.warning.palette.value.700.value}' },
-                shadow: { value: '{dark-color-scheme.second.palette.value.700.value}' }
-            },
-            success: {
-                'vertical-line': { value: '{dark-color-scheme.success.default.value}' },
-                background: { value: '{dark-color-scheme.success.palette.value.700.value}' },
-                shadow: { value: '{dark-color-scheme.second.palette.value.700.value}' }
-            },
-            info: {
-                'vertical-line': { value: '{dark-color-scheme.info.default.value}' },
-                background: { value: '{dark-color-scheme.info.palette.value.700.value}' },
-                shadow: { value: '{dark-color-scheme.second.palette.value.700.value}' }
-            }
-        },
-        size: {
-            'vertical-line': { value: '4px' }
-        }
-    }
-}

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

@@ -1,39 +0,0 @@
-{
-    checkbox: {
-        'light-color-scheme': {
-            border: { value: '{light-color-scheme.second.palette.value.300.value}' },
-            states: {
-                checked: {
-                    border: { value: '{light-color-scheme.primary.palette.value.600.value}' },
-                    background: { value: '{light-color-scheme.primary.palette.value.500.value}' }
-                },
-                focused: {
-                    border: { value: '{light-color-scheme.primary.palette.value.600.value}' },
-                    shadow: { value: '0 0 0 1px {light-color-scheme.primary.palette.value.600.value}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            border: { value: '{dark-color-scheme.second.palette.value.400.value}' },
-            states: {
-                checked: {
-                    border: { value: '{dark-color-scheme.primary.palette.value.400.value}' },
-                    background: { value: '{dark-color-scheme.primary.palette.value.600.value}' }
-                },
-                focused: {
-                    border: { value: '{dark-color-scheme.primary.palette.value.400.value}' },
-                    shadow: { value: '0 0 0 1px {dark-color-scheme.primary.palette.value.400.value}' }
-                }
-            }
-        },
-        size: {
-            width: { value: '16px' },
-            'label-margin': { value: '{margin.iconText_M-horizontal}' },
-            'border-width': { value: '1px' },
-            'toggle-box-shadow': { value: 'inset 0 0 1px 0 rgba(0, 0, 0, 0.2)' }
-        },
-        font: {
-            default: { value: 'body' }
-        }
-    }
-}

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

@@ -1,64 +0,0 @@
-{
-    'datepicker-toggle': {
-        size: {
-            width: { value: '30px' },
-            height: { value: '30px' }
-        }
-    },
-    'datepicker-body': {
-        'light-color-scheme': {
-            states: {
-                selected: {
-                    color: { value: '{light-color-scheme.primary.default.value}' },
-                    background: { value: '{light-color-scheme.primary.palette.value.100.value}' }
-                }
-            }
-        },
-        'dark-color-scheme': {
-            states: {
-                selected: {
-                    color: { value: '{dark-color-scheme.primary.palette.value.500.value}' },
-                    background: { value: '{dark-color-scheme.primary.palette.value.700.value}' }
-                }
-            }
-        },
-        size: {
-            label: {
-                'paddings': { value: '8px 28px 12px 12px' }
-            },
-            cell: {
-                'min-size': { value: '32px' },
-                margin: { value: '5%' },
-                padding: { value: '8px' },
-                'border-width': { value: '1px' }
-            }
-        },
-        font: {
-            label: { value: 'body-strong' },
-            today: { value: 'body-strong' }
-        }
-    },
-    'datepicker-calendar': {
-        size: {
-            'padding-top': { value: '16px' },
-            'padding-horizontal': { value: '8px' },
-            'padding-bottom': { value: '8px' },
-            'padding-blocks': { value: '12px' },
-
-            '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,8 +0,0 @@
-{
-    divider: {
-        size: {
-            width: { value: '1px' },
-            'inset-margin': { value: '80px' }
-        }
-    }
-}