@ptsecurity/mosaic 13.10.0 → 13.12.0

package/_theming.scss

@@ -599,6 +599,7 @@ $card-dark-color-scheme-info-shadow: #084453;
 $card-size-vertical-line: 4px;
 $checkbox-light-color-scheme-default-border: #bdc7d1;
 $checkbox-light-color-scheme-default-color: white;
+$checkbox-light-color-scheme-default-background: transparent;
 $checkbox-light-color-scheme-default-states-checked-border: #0374eb;
 $checkbox-light-color-scheme-default-states-checked-background: #0374eb;
 $checkbox-light-color-scheme-default-states-focused-border: #0374eb;
@@ -609,6 +610,7 @@ $checkbox-light-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #0
 $checkbox-light-color-scheme-default-states-checked-focused-outline: 1px solid white;
 $checkbox-light-color-scheme-error-border: #db3c55;
 $checkbox-light-color-scheme-error-color: white;
+$checkbox-light-color-scheme-error-background: transparent;
 $checkbox-light-color-scheme-error-states-checked-border: #db3c55;
 $checkbox-light-color-scheme-error-states-checked-background: #db3c55;
 $checkbox-light-color-scheme-error-states-focused-border: #db3c55;
@@ -619,6 +621,7 @@ $checkbox-light-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #db3
 $checkbox-light-color-scheme-error-states-checked-focused-outline: 1px solid white;
 $checkbox-dark-color-scheme-default-border: #515e69;
 $checkbox-dark-color-scheme-default-color: white;
+$checkbox-dark-color-scheme-default-background: transparent;
 $checkbox-dark-color-scheme-default-states-checked-border: #0059b8;
 $checkbox-dark-color-scheme-default-states-checked-background: #0059b8;
 $checkbox-dark-color-scheme-default-states-focused-border: #4187ff;
@@ -629,6 +632,7 @@ $checkbox-dark-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #41
 $checkbox-dark-color-scheme-default-states-checked-focused-outline: 1px solid #19252f;
 $checkbox-dark-color-scheme-error-border: #b9023a;
 $checkbox-dark-color-scheme-error-color: white;
+$checkbox-dark-color-scheme-error-background: transparent;
 $checkbox-dark-color-scheme-error-states-checked-border: #b9023a;
 $checkbox-dark-color-scheme-error-states-checked-background: #b9023a;
 $checkbox-dark-color-scheme-error-states-focused-border: #b9023a;
@@ -4195,6 +4199,9 @@ $fonts: (
 
         cursor: pointer;
         text-align: center;
+
+        height: auto;
+        min-height: auto;
     }
 
     &.mc-alert_small {
@@ -4685,10 +4692,10 @@ $fonts: (
 /* stylelint-disable no-descending-specificity */
 @mixin mc-checkbox-color($states) {
     & .mc-checkbox-frame {
-        border-color: map-get($states, border);
-
         background-color: map-get($states, background);
 
+        border-color: map-get($states, border);
+
         & .mc-checkbox-checkmark,
         & .mc-checkbox-mixedmark {
             color: map-get($states, color);
@@ -4735,12 +4742,6 @@ $fonts: (
     $checkbox: map-get(map-get($theme, components), checkbox);
 
     .mc-checkbox {
-        &:hover {
-            .mc-checkbox-frame {
-                background: map-get($background, overlay-hover);
-            }
-        }
-
         &.mc-primary {
             color: map-get($foreground, primary);
             @include mc-checkbox-color(map-get($checkbox, primary));
@@ -4751,6 +4752,12 @@ $fonts: (
             @include mc-checkbox-color(map-get($checkbox, error));
         }
 
+        &:hover {
+            .mc-checkbox-frame {
+                background: map-get($background, overlay-hover);
+            }
+        }
+
         &.mc-disabled,
         &.mc-primary.mc-disabled,
         &.mc-error.mc-disabled {

package/_visual.scss

@@ -501,6 +501,7 @@ $card-dark-color-scheme-info-shadow: #084453;
 $card-size-vertical-line: 4px;
 $checkbox-light-color-scheme-default-border: #bdc7d1;
 $checkbox-light-color-scheme-default-color: white;
+$checkbox-light-color-scheme-default-background: transparent;
 $checkbox-light-color-scheme-default-states-checked-border: #0374eb;
 $checkbox-light-color-scheme-default-states-checked-background: #0374eb;
 $checkbox-light-color-scheme-default-states-focused-border: #0374eb;
@@ -511,6 +512,7 @@ $checkbox-light-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #0
 $checkbox-light-color-scheme-default-states-checked-focused-outline: 1px solid white;
 $checkbox-light-color-scheme-error-border: #db3c55;
 $checkbox-light-color-scheme-error-color: white;
+$checkbox-light-color-scheme-error-background: transparent;
 $checkbox-light-color-scheme-error-states-checked-border: #db3c55;
 $checkbox-light-color-scheme-error-states-checked-background: #db3c55;
 $checkbox-light-color-scheme-error-states-focused-border: #db3c55;
@@ -521,6 +523,7 @@ $checkbox-light-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #db3
 $checkbox-light-color-scheme-error-states-checked-focused-outline: 1px solid white;
 $checkbox-dark-color-scheme-default-border: #515e69;
 $checkbox-dark-color-scheme-default-color: white;
+$checkbox-dark-color-scheme-default-background: transparent;
 $checkbox-dark-color-scheme-default-states-checked-border: #0059b8;
 $checkbox-dark-color-scheme-default-states-checked-background: #0059b8;
 $checkbox-dark-color-scheme-default-states-focused-border: #4187ff;
@@ -531,6 +534,7 @@ $checkbox-dark-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #41
 $checkbox-dark-color-scheme-default-states-checked-focused-outline: 1px solid #19252f;
 $checkbox-dark-color-scheme-error-border: #b9023a;
 $checkbox-dark-color-scheme-error-color: white;
+$checkbox-dark-color-scheme-error-background: transparent;
 $checkbox-dark-color-scheme-error-states-checked-border: #b9023a;
 $checkbox-dark-color-scheme-error-states-checked-background: #b9023a;
 $checkbox-dark-color-scheme-error-states-focused-border: #b9023a;
@@ -2675,40 +2679,40 @@ $fonts: (
     @each $indent in $indents {
         @each $name, $value in $sizes {
             .layout-#{$indent}-#{$name} {
-                #{$indent}: $value;
+                #{$indent}: $value !important;
             }
 
             .layout-#{$indent}-top-#{$name} {
-                #{$indent}-top: $value;
+                #{$indent}-top: $value !important;
             }
 
             .layout-#{$indent}-right-#{$name} {
-                #{$indent}-right: $value;
+                #{$indent}-right: $value !important;
             }
 
             .layout-#{$indent}-bottom-#{$name} {
-                #{$indent}-bottom: $value;
+                #{$indent}-bottom: $value !important;
             }
 
             .layout-#{$indent}-left-#{$name} {
-                #{$indent}-left: $value;
+                #{$indent}-left: $value !important;
             }
         }
 
         .layout-#{$indent}-no-top {
-            #{$indent}-top: 0;
+            #{$indent}-top: 0 !important;
         }
 
         .layout-#{$indent}-no-right {
-            #{$indent}-right: 0;
+            #{$indent}-right: 0 !important;
         }
 
         .layout-#{$indent}-no-bottom {
-            #{$indent}-bottom: 0;
+            #{$indent}-bottom: 0 !important;
         }
 
         .layout-#{$indent}-no-left {
-            #{$indent}-left: 0;
+            #{$indent}-left: 0 !important;
         }
     }
 }

package/core/formatters/date/formatter.pipe.d.ts

@@ -0,0 +1,95 @@
+import { PipeTransform } from '@angular/core';
+import { DateTime } from 'luxon';
+import { DateFormatter, DateTimeOptions } from './formatter';
+import * as i0 from "@angular/core";
+export declare class AbsoluteDateFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any, currYear?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateFormatterPipe, "absoluteLongDate">;
+}
+export declare class AbsoluteDateTimeFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateTimeFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateTimeFormatterPipe, "absoluteLongDateTime">;
+}
+export declare class AbsoluteDateShortFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any, currYear?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateShortFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateShortFormatterPipe, "absoluteShortDate">;
+}
+export declare class AbsoluteShortDateTimeFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteShortDateTimeFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteShortDateTimeFormatterPipe, "absoluteShortDateTime">;
+}
+export declare class RelativeDateFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateFormatterPipe, "relativeLongDate">;
+}
+export declare class RelativeDateTimeFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateTimeFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateTimeFormatterPipe, "relativeLongDateTime">;
+}
+export declare class RelativeShortDateFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateFormatterPipe, "relativeShortDate">;
+}
+export declare class RelativeShortDateTimeFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform(value: any, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateTimeFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateTimeFormatterPipe, "relativeShortDateTime">;
+}
+export declare class RangeDateFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform([value1, value2]: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateFormatterPipe, "rangeLongDate">;
+}
+export declare class RangeShortDateFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform([value1, value2]: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateFormatterPipe, "rangeShortDate">;
+}
+export declare class RangeDateTimeFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform([value1, value2]: any, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateTimeFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateTimeFormatterPipe, "rangeLongDateTime">;
+}
+export declare class RangeMiddleDateTimeFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform([value1, value2]: any, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeMiddleDateTimeFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeMiddleDateTimeFormatterPipe, "rangeMiddleDateTime">;
+}
+export declare class RangeShortDateTimeFormatterPipe implements PipeTransform {
+    private formatter;
+    constructor(formatter: DateFormatter<DateTime>);
+    transform([value1, value2]: any, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateTimeFormatterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateTimeFormatterPipe, "rangeShortDateTime">;
+}

package/core/formatters/index.d.ts

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./number/formatter";
+import * as i2 from "./date/formatter.pipe";
 export declare class McFormattersModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McFormattersModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe], never, [typeof i1.McDecimalPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe], never, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McFormattersModule>;
 }
 export * from './number/formatter';
 export * from './date/formatter';
+export * from './date/formatter.pipe';

package/core/pop-up/pop-up-trigger.d.ts

@@ -3,7 +3,7 @@ import { ConnectedOverlayPositionChange, ConnectionPositionPair, Overlay, Overla
 import { OverlayConfig } from '@angular/cdk/overlay/overlay-config';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { ElementRef, EventEmitter, NgZone, TemplateRef, Type, ViewContainerRef } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
+import { Observable, Subject, Subscription } from 'rxjs';
 import { PopUpPlacements } from './constants';
 import * as i0 from "@angular/core";
 export declare abstract class McPopUpTrigger<T> {
@@ -35,6 +35,7 @@ export declare abstract class McPopUpTrigger<T> {
     protected portal: ComponentPortal<T>;
     protected instance: any | null;
     protected listeners: Map<string, EventListenerOrEventListenerObject>;
+    protected closingActionsSubscription: Subscription;
     protected readonly availablePositions: {
         [key: string]: ConnectionPositionPair;
     };
@@ -65,6 +66,7 @@ export declare abstract class McPopUpTrigger<T> {
     protected clearListeners(): void;
     private addEventListener;
     private removeEventListener;
+    private subscribeOnClosingActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<McPopUpTrigger<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McPopUpTrigger<any>, never, never, {}, {}, never>;
 }

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

@@ -3,27 +3,27 @@
         'light-color-scheme': {
             error: {
                 background: { value: '{light-color-scheme.error.palette.value.60}' },
-                border: { value: '{light-color-scheme.error.default}' },
+                border: { value: '{light-color-scheme.error.palette.value.200}' },
                 icon: { value: '{icon.light-color-scheme.error.default}' }
             },
             warning: {
                 background: { value: '{light-color-scheme.warning.palette.value.60}' },
-                border: { value: '{light-color-scheme.warning.default}' },
+                border: { value: '{light-color-scheme.warning.palette.value.200}' },
                 icon: { value: '{icon.light-color-scheme.warning.default}' }
             },
             success: {
                 background: { value: '{light-color-scheme.success.palette.value.60}' },
-                border: { value: '{light-color-scheme.success.default}' },
+                border: { value: '{light-color-scheme.success.palette.value.200}' },
                 icon: { value: '{icon.light-color-scheme.success.default}' }
             },
             info: {
                 background: { value: '{light-color-scheme.info.palette.value.60}' },
-                border: { value: '{light-color-scheme.info.default}' },
+                border: { value: '{light-color-scheme.info.palette.value.200}' },
                 icon: { value: '{icon.light-color-scheme.info.default}' }
             },
             default: {
                 background: { value: '{light-color-scheme.second.palette.value.60}' },
-                border: { value: '{light-color-scheme.second.default}' },
+                border: { value: '{light-color-scheme.second.palette.value.200}' },
                 icon: { value: '{icon.light-color-scheme.secondary.default}' }
             }
         },

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

@@ -4,6 +4,7 @@
             default: {
                 border: { value: '{light-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -25,6 +26,7 @@
             error: {
                 border: { value: '{light-color-scheme.error.palette.value.400}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -48,6 +50,7 @@
             default: {
                 border: { value: '{dark-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -69,6 +72,7 @@
             error: {
                 border: { value: '{dark-color-scheme.error.palette.value.400}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {

package/design-tokens/legacy-2017/tokens.d.ts

@@ -7075,7 +7075,7 @@ export declare const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'C
 export declare const TypographyExtraSmallTextMonoTextTransform = "initial";
 export declare const TypographyExtraSmallTextMonoFontFeatureSettings = "initial";
 export declare const AlertLightColorSchemeErrorBackground = "#FCEFEC";
-export declare const AlertLightColorSchemeErrorBorder = "#E76E5C";
+export declare const AlertLightColorSchemeErrorBorder = "#F4B7AE";
 export declare const AlertLightColorSchemeErrorIcon = "#E76E5C";
 export declare const AlertLightColorSchemeWarningBackground = "#FCF5E8";
 export declare const AlertLightColorSchemeWarningBorder = "#F0D49B";
@@ -7087,7 +7087,7 @@ export declare const AlertLightColorSchemeInfoBackground = "#EBF4FB";
 export declare const AlertLightColorSchemeInfoBorder = "#AAD1EC";
 export declare const AlertLightColorSchemeInfoIcon = "#57A4D7";
 export declare const AlertLightColorSchemeDefaultBackground = "#F0F0F0";
-export declare const AlertLightColorSchemeDefaultBorder = "#B3B3B3";
+export declare const AlertLightColorSchemeDefaultBorder = "#CCCCCC";
 export declare const AlertLightColorSchemeDefaultIcon = "#999999";
 export declare const AlertDarkColorSchemeErrorBackground = "#832112";
 export declare const AlertDarkColorSchemeErrorBorder = "#832112";
@@ -7300,6 +7300,7 @@ export declare const CardDarkColorSchemeInfoShadow = "#4D4D4D";
 export declare const CardSizeVerticalLine = "4px";
 export declare const CheckboxLightColorSchemeDefaultBorder = "#B3B3B3";
 export declare const CheckboxLightColorSchemeDefaultColor = "white";
+export declare const CheckboxLightColorSchemeDefaultBackground = "transparent";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBorder = "#206EA2";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBackground = "#338FCC";
 export declare const CheckboxLightColorSchemeDefaultStatesFocusedBorder = "#338FCC";
@@ -7310,6 +7311,7 @@ export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedShadow =
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxLightColorSchemeErrorBorder = "#E76E5C";
 export declare const CheckboxLightColorSchemeErrorColor = "white";
+export declare const CheckboxLightColorSchemeErrorBackground = "transparent";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBorder = "#B23522";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBackground = "#E04D36";
 export declare const CheckboxLightColorSchemeErrorStatesFocusedBorder = "#E76E5C";
@@ -7320,6 +7322,7 @@ export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedShadow = "
 export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxDarkColorSchemeDefaultBorder = "#808080";
 export declare const CheckboxDarkColorSchemeDefaultColor = "white";
+export declare const CheckboxDarkColorSchemeDefaultBackground = "transparent";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBorder = "#57A4D7";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBackground = "#206EA2";
 export declare const CheckboxDarkColorSchemeDefaultStatesFocusedBorder = "#57A4D7";
@@ -7330,6 +7333,7 @@ export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedShadow =
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid #333333";
 export declare const CheckboxDarkColorSchemeErrorBorder = "#E76E5C";
 export declare const CheckboxDarkColorSchemeErrorColor = "white";
+export declare const CheckboxDarkColorSchemeErrorBackground = "transparent";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBorder = "#E76E5C";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBackground = "#B23522";
 export declare const CheckboxDarkColorSchemeErrorStatesFocusedBorder = "#E76E5C";

package/design-tokens/pt-2022/tokens/components/checkbox.json5

@@ -4,6 +4,7 @@
             default: {
                 border: { value: '{light-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -25,6 +26,7 @@
             error: {
                 border: { value: '{light-color-scheme.error.default}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -48,6 +50,7 @@
             default: {
                 border: { value: '{dark-color-scheme.foreground.border}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {
@@ -69,6 +72,7 @@
             error: {
                 border: { value: '{dark-color-scheme.error.default}' },
                 color: { value: 'white' },
+                background: { value: 'transparent' },
 
                 states: {
                     checked: {

package/design-tokens/pt-2022/tokens.d.ts

@@ -8629,6 +8629,7 @@ export declare const CardDarkColorSchemeInfoShadow = "#084453";
 export declare const CardSizeVerticalLine = "4px";
 export declare const CheckboxLightColorSchemeDefaultBorder = "#bdc7d1";
 export declare const CheckboxLightColorSchemeDefaultColor = "white";
+export declare const CheckboxLightColorSchemeDefaultBackground = "transparent";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBorder = "#0374eb";
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedBackground = "#0374eb";
 export declare const CheckboxLightColorSchemeDefaultStatesFocusedBorder = "#0374eb";
@@ -8639,6 +8640,7 @@ export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedShadow =
 export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxLightColorSchemeErrorBorder = "#db3c55";
 export declare const CheckboxLightColorSchemeErrorColor = "white";
+export declare const CheckboxLightColorSchemeErrorBackground = "transparent";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBorder = "#db3c55";
 export declare const CheckboxLightColorSchemeErrorStatesCheckedBackground = "#db3c55";
 export declare const CheckboxLightColorSchemeErrorStatesFocusedBorder = "#db3c55";
@@ -8649,6 +8651,7 @@ export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedShadow = "
 export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedOutline = "1px solid white";
 export declare const CheckboxDarkColorSchemeDefaultBorder = "#515e69";
 export declare const CheckboxDarkColorSchemeDefaultColor = "white";
+export declare const CheckboxDarkColorSchemeDefaultBackground = "transparent";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBorder = "#0059b8";
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBackground = "#0059b8";
 export declare const CheckboxDarkColorSchemeDefaultStatesFocusedBorder = "#4187ff";
@@ -8659,6 +8662,7 @@ export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedShadow =
 export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid #19252f";
 export declare const CheckboxDarkColorSchemeErrorBorder = "#b9023a";
 export declare const CheckboxDarkColorSchemeErrorColor = "white";
+export declare const CheckboxDarkColorSchemeErrorBackground = "transparent";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBorder = "#b9023a";
 export declare const CheckboxDarkColorSchemeErrorStatesCheckedBackground = "#b9023a";
 export declare const CheckboxDarkColorSchemeErrorStatesFocusedBorder = "#b9023a";

package/design-tokens/style-dictionary/formats/figma.js

@@ -52,7 +52,7 @@ function rebuildTokes(tokens, parentCategory = null) {
 }
 
 function cleanValue(value) {
-    return typeof value === 'string' ? value.replaceAll('.value.', '.') : value;
+    return typeof value === 'string' ? value.replace(/\.value\./g, '.') : value;
 }
 
 function buildRefFromAttributes(attributes) {
@@ -72,7 +72,7 @@ function findLastLeafAttributes(property) {
 
 function prepareFigmaTitle(value) {
     return value
-        .replaceAll('-', ' ')
+        .replace(/-/g, ' ')
         .split(' ')
         .map((titlePart) => titlePart.charAt(0).toUpperCase() + titlePart.slice(1))
         .join(' ');