@ptsecurity/mosaic 14.0.0 → 14.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/checkbox/checkbox.d.ts +5 -14
- package/core/formatters/date/formatter.pipe.d.ts +95 -0
- package/core/formatters/index.d.ts +3 -1
- package/core/pop-up/pop-up-trigger.d.ts +3 -1
- package/core/validation/validation.d.ts +1 -12
- package/datepicker/datepicker-input.directive.d.ts +4 -9
- package/design-tokens/legacy-2017/tokens/components/badge.json5 +46 -46
- package/design-tokens/legacy-2017/tokens/components/button-toggle.json5 +2 -1
- package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +4 -0
- package/design-tokens/legacy-2017/tokens/components/progress-spinner.json5 +10 -1
- package/design-tokens/legacy-2017/tokens/components/timezone.json5 +1 -0
- package/design-tokens/legacy-2017/tokens.d.ts +44 -33
- package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +2 -1
- package/design-tokens/pt-2022/tokens/components/checkbox.json5 +4 -0
- package/design-tokens/pt-2022/tokens/components/form-field.json5 +1 -1
- package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +10 -1
- package/design-tokens/pt-2022/tokens/components/timezone.json5 +1 -0
- package/design-tokens/pt-2022/tokens/properties/colors.json5 +8 -8
- package/design-tokens/pt-2022/tokens/properties/typography.json5 +17 -17
- package/design-tokens/pt-2022/tokens.d.ts +63 -52
- package/design-tokens/style-dictionary/formats/figma.js +2 -2
- package/esm2020/button-toggle/button-toggle.component.mjs +2 -2
- package/esm2020/checkbox/checkbox.mjs +17 -32
- package/esm2020/core/formatters/date/formatter.pipe.mjs +187 -0
- package/esm2020/core/formatters/index.mjs +62 -4
- package/esm2020/core/pop-up/pop-up-trigger.mjs +13 -11
- package/esm2020/core/validation/validation.mjs +1 -114
- package/esm2020/datepicker/datepicker-input.directive.mjs +8 -25
- package/esm2020/datepicker/datepicker.component.mjs +1 -1
- package/esm2020/design-tokens/legacy-2017/tokens.mjs +45 -34
- package/esm2020/design-tokens/pt-2022/tokens.mjs +64 -53
- package/esm2020/form-field/form-field.module.mjs +10 -5
- package/esm2020/form-field/public-api.mjs +2 -1
- package/esm2020/form-field/validate.directive.mjs +156 -0
- package/esm2020/input/input-password.mjs +8 -41
- package/esm2020/input/input.mjs +8 -41
- package/esm2020/loader-overlay/loader-overlay.component.mjs +7 -3
- package/esm2020/modal/modal.component.mjs +2 -2
- package/esm2020/modal/modal.service.mjs +2 -1
- package/esm2020/popover/popover-confirm.component.mjs +3 -3
- package/esm2020/popover/popover.component.mjs +13 -4
- package/esm2020/progress-spinner/progress-spinner.component.mjs +21 -6
- package/esm2020/radio/radio.component.mjs +42 -41
- package/esm2020/select/select.component.mjs +17 -37
- package/esm2020/sidepanel/sidepanel.service.mjs +2 -1
- package/esm2020/tags/tag-list.component.mjs +17 -32
- package/esm2020/textarea/textarea.component.mjs +17 -38
- package/esm2020/timepicker/timepicker.directive.mjs +8 -25
- package/esm2020/timezone/timezone.utils.mjs +15 -7
- package/esm2020/toast/toast-container.component.mjs +2 -2
- package/esm2020/toast/toast.service.mjs +12 -3
- package/esm2020/toggle/toggle.component.mjs +3 -3
- package/esm2020/tree-select/tree-select.component.mjs +21 -41
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs +16 -31
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-core.mjs +258 -127
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs +4 -21
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +151 -118
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-form-field.mjs +164 -7
- package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-input.mjs +9 -75
- package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +6 -2
- package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-modal.mjs +3 -2
- package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-popover.mjs +15 -6
- package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +20 -5
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-radio.mjs +42 -40
- package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-select.mjs +17 -37
- package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +1 -0
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tags.mjs +15 -30
- package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-textarea.mjs +17 -37
- package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs +6 -23
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timezone.mjs +15 -6
- package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toast.mjs +13 -4
- package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toggle.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +22 -42
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-checkbox.mjs +16 -31
- package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-core.mjs +255 -127
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs +4 -21
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +151 -118
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-form-field.mjs +162 -7
- package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-input.mjs +9 -75
- package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +6 -2
- package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-modal.mjs +3 -2
- package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-popover.mjs +15 -6
- package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +20 -5
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-radio.mjs +41 -40
- package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-select.mjs +15 -36
- package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +1 -0
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tags.mjs +14 -30
- package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-textarea.mjs +15 -36
- package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-timepicker.mjs +6 -23
- package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-timezone.mjs +14 -6
- package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-toast.mjs +13 -4
- package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-toggle.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs +19 -40
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/form-field/form-field.module.d.ts +4 -3
- package/form-field/public-api.d.ts +1 -0
- package/form-field/validate.directive.d.ts +32 -0
- package/input/input-password.d.ts +6 -12
- package/input/input.d.ts +6 -12
- package/loader-overlay/loader-overlay.component.d.ts +1 -0
- package/package.json +4 -4
- package/popover/popover.component.d.ts +1 -0
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/prebuilt-visual/default-visual.css +1 -1
- package/progress-spinner/progress-spinner.component.d.ts +6 -1
- package/radio/radio.component.d.ts +6 -12
- package/select/select.component.d.ts +6 -10
- package/tags/tag-list.component.d.ts +6 -8
- package/textarea/textarea.component.d.ts +7 -12
- package/timepicker/timepicker.directive.d.ts +4 -9
- package/timezone/timezone.utils.d.ts +1 -1
- package/toast/toast.service.d.ts +1 -0
- package/tree-select/tree-select.component.d.ts +4 -8
@@ -5087,26 +5087,26 @@ export declare const DarkColorSchemeWarningPalette: {
|
|
5087
5087
|
};
|
5088
5088
|
};
|
5089
5089
|
};
|
5090
|
-
export declare const DarkColorSchemeForegroundText = "#
|
5090
|
+
export declare const DarkColorSchemeForegroundText = "#d7dee4";
|
5091
5091
|
export declare const DarkColorSchemeForegroundTextLessContrast = "#8c99a5";
|
5092
5092
|
export declare const DarkColorSchemeForegroundTextDisabled = "#6d7a86";
|
5093
|
-
export declare const DarkColorSchemeForegroundTextError = "#
|
5094
|
-
export declare const DarkColorSchemeForegroundTextSuccess = "#
|
5095
|
-
export declare const DarkColorSchemeForegroundDivider = "#
|
5093
|
+
export declare const DarkColorSchemeForegroundTextError = "#ee6f79";
|
5094
|
+
export declare const DarkColorSchemeForegroundTextSuccess = "#4ba96c";
|
5095
|
+
export declare const DarkColorSchemeForegroundDivider = "mix(#515e69, transparent, 50%)";
|
5096
5096
|
export declare const DarkColorSchemeForegroundBorder = "#515e69";
|
5097
5097
|
export declare const DarkColorSchemeForegroundIcon = "#8c99a5";
|
5098
5098
|
export declare const DarkColorSchemeBackgroundBackground = "#19252f";
|
5099
5099
|
export declare const DarkColorSchemeBackgroundBackgroundDisabled = "#333f4a";
|
5100
5100
|
export declare const DarkColorSchemeBackgroundBackgroundLessContrast = "#27333e";
|
5101
5101
|
export declare const DarkColorSchemeBackgroundBackgroundUnder = "#151e25";
|
5102
|
-
export declare const DarkColorSchemeBackgroundOverlayHover = "rgba(
|
5103
|
-
export declare const DarkColorSchemeBackgroundOverlayActive = "rgba(
|
5102
|
+
export declare const DarkColorSchemeBackgroundOverlayHover = "rgba(white, 0.05)";
|
5103
|
+
export declare const DarkColorSchemeBackgroundOverlayActive = "rgba(white, 0.1)";
|
5104
5104
|
export declare const DarkColorSchemeBackgroundOverlayDisabled = "rgba(black, 0.2)";
|
5105
5105
|
export declare const DarkColorSchemeStatesFocusedColor = "#4187ff";
|
5106
5106
|
export declare const DarkColorSchemeStatesFocusedColorError = "#b9023a";
|
5107
|
-
export declare const DarkColorSchemeStatesSelectedColor = "
|
5107
|
+
export declare const DarkColorSchemeStatesSelectedColor = "rgba(3, 116, 235, 0.3)";
|
5108
5108
|
export declare const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)";
|
5109
|
-
export declare const DarkColorSchemeStatesDisabledOpacity = 0.
|
5109
|
+
export declare const DarkColorSchemeStatesDisabledOpacity = 0.45;
|
5110
5110
|
export declare const FontFamilyAccent = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
5111
5111
|
export declare const FontFamilyBase = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
5112
5112
|
export declare const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
|
@@ -8268,63 +8268,63 @@ export declare const TypographyDisplay1LineHeight = "76px";
|
|
8268
8268
|
export declare const TypographyDisplay1LetterSpacing = "normal";
|
8269
8269
|
export declare const TypographyDisplay1FontWeight = "normal";
|
8270
8270
|
export declare const TypographyDisplay1FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8271
|
-
export declare const TypographyDisplay1TextTransform = "
|
8271
|
+
export declare const TypographyDisplay1TextTransform = "null";
|
8272
8272
|
export declare const TypographyDisplay1FontFeatureSettings = "initial";
|
8273
8273
|
export declare const TypographyDisplay2FontSize = "45px";
|
8274
8274
|
export declare const TypographyDisplay2LineHeight = "56px";
|
8275
8275
|
export declare const TypographyDisplay2LetterSpacing = "normal";
|
8276
8276
|
export declare const TypographyDisplay2FontWeight = "normal";
|
8277
8277
|
export declare const TypographyDisplay2FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8278
|
-
export declare const TypographyDisplay2TextTransform = "
|
8278
|
+
export declare const TypographyDisplay2TextTransform = "null";
|
8279
8279
|
export declare const TypographyDisplay2FontFeatureSettings = "initial";
|
8280
8280
|
export declare const TypographyDisplay3FontSize = "34px";
|
8281
8281
|
export declare const TypographyDisplay3LineHeight = "44px";
|
8282
8282
|
export declare const TypographyDisplay3LetterSpacing = "normal";
|
8283
8283
|
export declare const TypographyDisplay3FontWeight = "normal";
|
8284
8284
|
export declare const TypographyDisplay3FontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8285
|
-
export declare const TypographyDisplay3TextTransform = "
|
8285
|
+
export declare const TypographyDisplay3TextTransform = "null";
|
8286
8286
|
export declare const TypographyDisplay3FontFeatureSettings = "initial";
|
8287
8287
|
export declare const TypographyHeadlineFontSize = "24px";
|
8288
8288
|
export declare const TypographyHeadlineLineHeight = "32px";
|
8289
8289
|
export declare const TypographyHeadlineLetterSpacing = "normal";
|
8290
8290
|
export declare const TypographyHeadlineFontWeight = "normal";
|
8291
8291
|
export declare const TypographyHeadlineFontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8292
|
-
export declare const TypographyHeadlineTextTransform = "
|
8292
|
+
export declare const TypographyHeadlineTextTransform = "null";
|
8293
8293
|
export declare const TypographyHeadlineFontFeatureSettings = "initial";
|
8294
8294
|
export declare const TypographyTitleFontSize = "20px";
|
8295
8295
|
export declare const TypographyTitleLineHeight = "28px";
|
8296
8296
|
export declare const TypographyTitleLetterSpacing = "normal";
|
8297
8297
|
export declare const TypographyTitleFontWeight = "600";
|
8298
8298
|
export declare const TypographyTitleFontFamily = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8299
|
-
export declare const TypographyTitleTextTransform = "
|
8299
|
+
export declare const TypographyTitleTextTransform = "null";
|
8300
8300
|
export declare const TypographyTitleFontFeatureSettings = "initial";
|
8301
8301
|
export declare const TypographySubheadingFontSize = "15px";
|
8302
8302
|
export declare const TypographySubheadingLineHeight = "20px";
|
8303
8303
|
export declare const TypographySubheadingLetterSpacing = "-0.009em";
|
8304
8304
|
export declare const TypographySubheadingFontWeight = "600";
|
8305
8305
|
export declare const TypographySubheadingFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8306
|
-
export declare const TypographySubheadingTextTransform = "
|
8306
|
+
export declare const TypographySubheadingTextTransform = "null";
|
8307
8307
|
export declare const TypographySubheadingFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
|
8308
8308
|
export declare const TypographyBodyFontSize = "15px";
|
8309
8309
|
export declare const TypographyBodyLineHeight = "20px";
|
8310
8310
|
export declare const TypographyBodyLetterSpacing = "-0.009em";
|
8311
8311
|
export declare const TypographyBodyFontWeight = "normal";
|
8312
8312
|
export declare const TypographyBodyFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8313
|
-
export declare const TypographyBodyTextTransform = "
|
8313
|
+
export declare const TypographyBodyTextTransform = "null";
|
8314
8314
|
export declare const TypographyBodyFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
|
8315
8315
|
export declare const TypographyBodyTabularFontSize = "15px";
|
8316
8316
|
export declare const TypographyBodyTabularLineHeight = "20px";
|
8317
8317
|
export declare const TypographyBodyTabularLetterSpacing = "-0.009em";
|
8318
8318
|
export declare const TypographyBodyTabularFontWeight = "normal";
|
8319
8319
|
export declare const TypographyBodyTabularFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8320
|
-
export declare const TypographyBodyTabularTextTransform = "
|
8320
|
+
export declare const TypographyBodyTabularTextTransform = "null";
|
8321
8321
|
export declare const TypographyBodyTabularFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
|
8322
8322
|
export declare const TypographyBodyStrongFontSize = "15px";
|
8323
8323
|
export declare const TypographyBodyStrongLineHeight = "20px";
|
8324
8324
|
export declare const TypographyBodyStrongLetterSpacing = "-0.009em";
|
8325
8325
|
export declare const TypographyBodyStrongFontWeight = "500";
|
8326
8326
|
export declare const TypographyBodyStrongFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8327
|
-
export declare const TypographyBodyStrongTextTransform = "
|
8327
|
+
export declare const TypographyBodyStrongTextTransform = "null";
|
8328
8328
|
export declare const TypographyBodyStrongFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
|
8329
8329
|
export declare const TypographyBodyCapsFontSize = "15px";
|
8330
8330
|
export declare const TypographyBodyCapsLineHeight = "20px";
|
@@ -8338,28 +8338,28 @@ export declare const TypographyBodyMonoLineHeight = "20px";
|
|
8338
8338
|
export declare const TypographyBodyMonoLetterSpacing = "normal";
|
8339
8339
|
export declare const TypographyBodyMonoFontWeight = "normal";
|
8340
8340
|
export declare const TypographyBodyMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
|
8341
|
-
export declare const TypographyBodyMonoTextTransform = "
|
8341
|
+
export declare const TypographyBodyMonoTextTransform = "null";
|
8342
8342
|
export declare const TypographyBodyMonoFontFeatureSettings = "initial";
|
8343
8343
|
export declare const TypographyCaptionFontSize = "13px";
|
8344
8344
|
export declare const TypographyCaptionLineHeight = "16px";
|
8345
8345
|
export declare const TypographyCaptionLetterSpacing = "-0.0025em";
|
8346
8346
|
export declare const TypographyCaptionFontWeight = "normal";
|
8347
8347
|
export declare const TypographyCaptionFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8348
|
-
export declare const TypographyCaptionTextTransform = "
|
8348
|
+
export declare const TypographyCaptionTextTransform = "null";
|
8349
8349
|
export declare const TypographyCaptionFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
|
8350
8350
|
export declare const TypographyCaptionTabularFontSize = "13px";
|
8351
8351
|
export declare const TypographyCaptionTabularLineHeight = "16px";
|
8352
8352
|
export declare const TypographyCaptionTabularLetterSpacing = "-0.0025em";
|
8353
8353
|
export declare const TypographyCaptionTabularFontWeight = "normal";
|
8354
8354
|
export declare const TypographyCaptionTabularFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8355
|
-
export declare const TypographyCaptionTabularTextTransform = "
|
8355
|
+
export declare const TypographyCaptionTabularTextTransform = "null";
|
8356
8356
|
export declare const TypographyCaptionTabularFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
|
8357
8357
|
export declare const TypographyCaptionStrongFontSize = "13px";
|
8358
8358
|
export declare const TypographyCaptionStrongLineHeight = "16px";
|
8359
8359
|
export declare const TypographyCaptionStrongLetterSpacing = "-0.0025em";
|
8360
8360
|
export declare const TypographyCaptionStrongFontWeight = "500";
|
8361
8361
|
export declare const TypographyCaptionStrongFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8362
|
-
export declare const TypographyCaptionStrongTextTransform = "
|
8362
|
+
export declare const TypographyCaptionStrongTextTransform = "null";
|
8363
8363
|
export declare const TypographyCaptionStrongFontFeatureSettings = "\"tnum\" on, \"ss01\" on, \"ss04\" on";
|
8364
8364
|
export declare const TypographyCaptionCapsFontSize = "13px";
|
8365
8365
|
export declare const TypographyCaptionCapsLineHeight = "16px";
|
@@ -8373,21 +8373,21 @@ export declare const TypographyCaptionMonoLineHeight = "16px";
|
|
8373
8373
|
export declare const TypographyCaptionMonoLetterSpacing = "normal";
|
8374
8374
|
export declare const TypographyCaptionMonoFontWeight = "normal";
|
8375
8375
|
export declare const TypographyCaptionMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
|
8376
|
-
export declare const TypographyCaptionMonoTextTransform = "
|
8376
|
+
export declare const TypographyCaptionMonoTextTransform = "null";
|
8377
8377
|
export declare const TypographyCaptionMonoFontFeatureSettings = "initial";
|
8378
8378
|
export declare const TypographySmallTextFontSize = "13px";
|
8379
8379
|
export declare const TypographySmallTextLineHeight = "16px";
|
8380
8380
|
export declare const TypographySmallTextLetterSpacing = "-0.0025em";
|
8381
8381
|
export declare const TypographySmallTextFontWeight = "normal";
|
8382
8382
|
export declare const TypographySmallTextFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8383
|
-
export declare const TypographySmallTextTextTransform = "
|
8383
|
+
export declare const TypographySmallTextTextTransform = "null";
|
8384
8384
|
export declare const TypographySmallTextFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
|
8385
8385
|
export declare const TypographyExtraSmallTextFontSize = "11px";
|
8386
8386
|
export declare const TypographyExtraSmallTextLineHeight = "16px";
|
8387
8387
|
export declare const TypographyExtraSmallTextLetterSpacing = "0.005em";
|
8388
8388
|
export declare const TypographyExtraSmallTextFontWeight = "normal";
|
8389
8389
|
export declare const TypographyExtraSmallTextFontFamily = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
|
8390
|
-
export declare const TypographyExtraSmallTextTextTransform = "
|
8390
|
+
export declare const TypographyExtraSmallTextTextTransform = "null";
|
8391
8391
|
export declare const TypographyExtraSmallTextFontFeatureSettings = "\"ss01\" on, \"ss04\" on";
|
8392
8392
|
export declare const TypographyExtraSmallTextCapsFontSize = "11px";
|
8393
8393
|
export declare const TypographyExtraSmallTextCapsLineHeight = "16px";
|
@@ -8401,7 +8401,7 @@ export declare const TypographyExtraSmallTextMonoLineHeight = "16px";
|
|
8401
8401
|
export declare const TypographyExtraSmallTextMonoLetterSpacing = "0px";
|
8402
8402
|
export declare const TypographyExtraSmallTextMonoFontWeight = "normal";
|
8403
8403
|
export declare const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
|
8404
|
-
export declare const TypographyExtraSmallTextMonoTextTransform = "
|
8404
|
+
export declare const TypographyExtraSmallTextMonoTextTransform = "null";
|
8405
8405
|
export declare const TypographyExtraSmallTextMonoFontFeatureSettings = "initial";
|
8406
8406
|
export declare const AlertLightColorSchemeErrorBackground = "#fff3f3";
|
8407
8407
|
export declare const AlertLightColorSchemeErrorBorder = "#fbd6d6";
|
@@ -8543,6 +8543,7 @@ export declare const BadgeFontMiniCaps = "extra-small-text-caps";
|
|
8543
8543
|
export declare const BadgeFontMiniMono = "extra-small-text-mono";
|
8544
8544
|
export declare const ButtonToggleSizeBorderSize = "1px";
|
8545
8545
|
export declare const ButtonToggleSizeBorderRadius = "4px";
|
8546
|
+
export declare const ButtonToggleSizeBorderSiblingsRadius = "0";
|
8546
8547
|
export declare const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)";
|
8547
8548
|
export declare const ButtonLightColorSchemePrimaryColor = "white";
|
8548
8549
|
export declare const ButtonLightColorSchemePrimaryBorder = "#0374eb";
|
@@ -8629,6 +8630,7 @@ export declare const CardDarkColorSchemeInfoShadow = "#084453";
|
|
8629
8630
|
export declare const CardSizeVerticalLine = "4px";
|
8630
8631
|
export declare const CheckboxLightColorSchemeDefaultBorder = "#bdc7d1";
|
8631
8632
|
export declare const CheckboxLightColorSchemeDefaultColor = "white";
|
8633
|
+
export declare const CheckboxLightColorSchemeDefaultBackground = "transparent";
|
8632
8634
|
export declare const CheckboxLightColorSchemeDefaultStatesCheckedBorder = "#0374eb";
|
8633
8635
|
export declare const CheckboxLightColorSchemeDefaultStatesCheckedBackground = "#0374eb";
|
8634
8636
|
export declare const CheckboxLightColorSchemeDefaultStatesFocusedBorder = "#0374eb";
|
@@ -8639,6 +8641,7 @@ export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedShadow =
|
|
8639
8641
|
export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid white";
|
8640
8642
|
export declare const CheckboxLightColorSchemeErrorBorder = "#db3c55";
|
8641
8643
|
export declare const CheckboxLightColorSchemeErrorColor = "white";
|
8644
|
+
export declare const CheckboxLightColorSchemeErrorBackground = "transparent";
|
8642
8645
|
export declare const CheckboxLightColorSchemeErrorStatesCheckedBorder = "#db3c55";
|
8643
8646
|
export declare const CheckboxLightColorSchemeErrorStatesCheckedBackground = "#db3c55";
|
8644
8647
|
export declare const CheckboxLightColorSchemeErrorStatesFocusedBorder = "#db3c55";
|
@@ -8649,6 +8652,7 @@ export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedShadow = "
|
|
8649
8652
|
export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedOutline = "1px solid white";
|
8650
8653
|
export declare const CheckboxDarkColorSchemeDefaultBorder = "#515e69";
|
8651
8654
|
export declare const CheckboxDarkColorSchemeDefaultColor = "white";
|
8655
|
+
export declare const CheckboxDarkColorSchemeDefaultBackground = "transparent";
|
8652
8656
|
export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBorder = "#0059b8";
|
8653
8657
|
export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBackground = "#0059b8";
|
8654
8658
|
export declare const CheckboxDarkColorSchemeDefaultStatesFocusedBorder = "#4187ff";
|
@@ -8659,6 +8663,7 @@ export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedShadow =
|
|
8659
8663
|
export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid #19252f";
|
8660
8664
|
export declare const CheckboxDarkColorSchemeErrorBorder = "#b9023a";
|
8661
8665
|
export declare const CheckboxDarkColorSchemeErrorColor = "white";
|
8666
|
+
export declare const CheckboxDarkColorSchemeErrorBackground = "transparent";
|
8662
8667
|
export declare const CheckboxDarkColorSchemeErrorStatesCheckedBorder = "#b9023a";
|
8663
8668
|
export declare const CheckboxDarkColorSchemeErrorStatesCheckedBackground = "#b9023a";
|
8664
8669
|
export declare const CheckboxDarkColorSchemeErrorStatesFocusedBorder = "#b9023a";
|
@@ -8678,7 +8683,7 @@ export declare const DatepickerToggleSizeHeight = "30px";
|
|
8678
8683
|
export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#0374eb";
|
8679
8684
|
export declare const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#e7f1ff";
|
8680
8685
|
export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4187ff";
|
8681
|
-
export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "
|
8686
|
+
export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "rgba(3, 116, 235, 0.3)";
|
8682
8687
|
export declare const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
|
8683
8688
|
export declare const DatepickerBodySizeCellMinSize = "32px";
|
8684
8689
|
export declare const DatepickerBodySizeCellMargin = "5%";
|
@@ -8698,13 +8703,13 @@ export declare const DatepickerCalendarFontDefault = "body";
|
|
8698
8703
|
export declare const DatepickerCalendarFontHeader = "caption";
|
8699
8704
|
export declare const DatepickerInputSizeWidth = "130px";
|
8700
8705
|
export declare const DividerLightColorSchemeColor = "#d7dee4";
|
8701
|
-
export declare const DividerDarkColorSchemeColor = "#
|
8706
|
+
export declare const DividerDarkColorSchemeColor = "mix(#515e69, transparent, 50%)";
|
8702
8707
|
export declare const DividerSizeWidth = "1px";
|
8703
8708
|
export declare const DividerSizeInsetMargin = "80px";
|
8704
8709
|
export declare const DescriptionListLightColorSchemeDt = "#6d7a86";
|
8705
8710
|
export declare const DescriptionListLightColorSchemeDd = "#19252f";
|
8706
8711
|
export declare const DescriptionListDarkColorSchemeDt = "#8c99a5";
|
8707
|
-
export declare const DescriptionListDarkColorSchemeDd = "#
|
8712
|
+
export declare const DescriptionListDarkColorSchemeDd = "#d7dee4";
|
8708
8713
|
export declare const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)";
|
8709
8714
|
export declare const DescriptionListSizeDtGridColumn = "1";
|
8710
8715
|
export declare const DescriptionListSizeDdGridColumn = "2 / span 3";
|
@@ -8740,7 +8745,7 @@ export declare const FormFieldLightColorSchemeStatesInvalidBorder = "#db3c55";
|
|
8740
8745
|
export declare const FormFieldLightColorSchemeStatesInvalidBackground = "#fff3f3";
|
8741
8746
|
export declare const FormFieldDarkColorSchemeBorder = "#515e69";
|
8742
8747
|
export declare const FormFieldDarkColorSchemeBackground = "transparent";
|
8743
|
-
export declare const FormFieldDarkColorSchemeStatesHoverBorder = "#
|
8748
|
+
export declare const FormFieldDarkColorSchemeStatesHoverBorder = "#6d7a86";
|
8744
8749
|
export declare const FormFieldDarkColorSchemeStatesInvalidBorder = "#b9023a";
|
8745
8750
|
export declare const FormFieldDarkColorSchemeStatesInvalidBackground = "mix(#41000b, transparent, 30%)";
|
8746
8751
|
export declare const FormFieldSizeHeight = "32px";
|
@@ -8756,11 +8761,11 @@ export declare const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor
|
|
8756
8761
|
export declare const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#19252f";
|
8757
8762
|
export declare const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#016b37";
|
8758
8763
|
export declare const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#4ba96c";
|
8759
|
-
export declare const FormFieldPasswordHintDarkColorSchemeTextColor = "#
|
8764
|
+
export declare const FormFieldPasswordHintDarkColorSchemeTextColor = "#d7dee4";
|
8760
8765
|
export declare const FormFieldPasswordHintDarkColorSchemeIconColor = "#8c99a5";
|
8761
8766
|
export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#ee6f79";
|
8762
|
-
export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#
|
8763
|
-
export declare const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#
|
8767
|
+
export declare const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#d7dee4";
|
8768
|
+
export declare const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#4ba96c";
|
8764
8769
|
export declare const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#4ba96c";
|
8765
8770
|
export declare const FormFieldPasswordHintSizeMarginTop = "8px";
|
8766
8771
|
export declare const FormFieldPasswordHintSizeIconMargin = "4px";
|
@@ -8768,7 +8773,7 @@ export declare const FormFieldPasswordHintFontDefault = "caption";
|
|
8768
8773
|
export declare const FormsLightColorSchemeLabel = "#6d7a86";
|
8769
8774
|
export declare const FormsLightColorSchemeLegend = "#19252f";
|
8770
8775
|
export declare const FormsDarkColorSchemeLabel = "#8c99a5";
|
8771
|
-
export declare const FormsDarkColorSchemeLegend = "#
|
8776
|
+
export declare const FormsDarkColorSchemeLegend = "#d7dee4";
|
8772
8777
|
export declare const FormsSizeHorizontalRowMarginBottom = "20px";
|
8773
8778
|
export declare const FormsSizeHorizontalControlPaddingLeft = "16px";
|
8774
8779
|
export declare const FormsSizeHorizontalLegendMarginTop = "32px";
|
@@ -8861,7 +8866,7 @@ export declare const LoaderOverlayLightColorSchemeBackground = "mix(white, trans
|
|
8861
8866
|
export declare const LoaderOverlayLightColorSchemeText = "#19252f";
|
8862
8867
|
export declare const LoaderOverlayLightColorSchemeCaption = "#6d7a86";
|
8863
8868
|
export declare const LoaderOverlayDarkColorSchemeBackground = "mix(#19252f, transparent, 90%)";
|
8864
|
-
export declare const LoaderOverlayDarkColorSchemeText = "#
|
8869
|
+
export declare const LoaderOverlayDarkColorSchemeText = "#d7dee4";
|
8865
8870
|
export declare const LoaderOverlayDarkColorSchemeCaption = "#8c99a5";
|
8866
8871
|
export declare const LoaderOverlaySizeTextMaxWidth = "480px";
|
8867
8872
|
export declare const LoaderOverlaySizeFixedTopPadding = "72px";
|
@@ -8884,7 +8889,7 @@ export declare const ModalSizeCloseWidth = "56px";
|
|
8884
8889
|
export declare const ModalSizeBorderRadius = "4px";
|
8885
8890
|
export declare const ModalSizeBorderWidth = "1px";
|
8886
8891
|
export declare const ModalHeaderLightColorSchemeBorder = "#d7dee4";
|
8887
|
-
export declare const ModalHeaderDarkColorSchemeBorder = "#
|
8892
|
+
export declare const ModalHeaderDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
|
8888
8893
|
export declare const ModalHeaderSizeBorderRadius = "4px 4px 0 0";
|
8889
8894
|
export declare const ModalHeaderSizeHeight = "56px";
|
8890
8895
|
export declare const ModalHeaderSizePadding = "0 16px";
|
@@ -8893,7 +8898,7 @@ export declare const ModalBodySizeMaxHeight = "calc(100vh - 260px)";
|
|
8893
8898
|
export declare const ModalBodySizePadding = "16px 24px 24px";
|
8894
8899
|
export declare const ModalBodyFontDefault = "body";
|
8895
8900
|
export declare const ModalFooterLightColorSchemeBorder = "#f2f5f9";
|
8896
|
-
export declare const ModalFooterDarkColorSchemeBorder = "#
|
8901
|
+
export declare const ModalFooterDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
|
8897
8902
|
export declare const ModalFooterSizeBorderRadius = "0 0 4px 4px";
|
8898
8903
|
export declare const ModalFooterSizeHeight = "64px";
|
8899
8904
|
export declare const ModalFooterSizePadding = "0 16px";
|
@@ -8939,7 +8944,7 @@ export declare const PopoverLightColorSchemeText = "#19252f";
|
|
8939
8944
|
export declare const PopoverLightColorSchemeShadow = "0 3px 8px 0 rgba(39, 51, 62, 0.2)";
|
8940
8945
|
export declare const PopoverLightColorSchemeBorder = "#d7dee4";
|
8941
8946
|
export declare const PopoverDarkColorSchemeBackground = "#333f4a";
|
8942
|
-
export declare const PopoverDarkColorSchemeText = "#
|
8947
|
+
export declare const PopoverDarkColorSchemeText = "#d7dee4";
|
8943
8948
|
export declare const PopoverDarkColorSchemeShadow = "0 3px 8px 0 rgba(0, 0, 0, 0.2)";
|
8944
8949
|
export declare const PopoverDarkColorSchemeBorder = "#333f4a";
|
8945
8950
|
export declare const PopoverSizeMaxHeight = "480px";
|
@@ -8956,7 +8961,7 @@ export declare const PopoverHeaderLightColorSchemeBorder = "#d7dee4";
|
|
8956
8961
|
export declare const PopoverHeaderLightColorSchemeText = "#19252f";
|
8957
8962
|
export declare const PopoverHeaderLightColorSchemeBackground = "white";
|
8958
8963
|
export declare const PopoverHeaderDarkColorSchemeBorder = "#434f5a";
|
8959
|
-
export declare const PopoverHeaderDarkColorSchemeText = "#
|
8964
|
+
export declare const PopoverHeaderDarkColorSchemeText = "#d7dee4";
|
8960
8965
|
export declare const PopoverHeaderDarkColorSchemeBackground = "#333f4a";
|
8961
8966
|
export declare const PopoverHeaderSizeHeight = "40px";
|
8962
8967
|
export declare const PopoverHeaderSizePadding = "0 16px";
|
@@ -8980,7 +8985,12 @@ export declare const PopupDarkColorSchemeFooterBackground = "transparent";
|
|
8980
8985
|
export declare const ProgressBarLightColorSchemeBackground = "rgba(25, 37, 47, 0.06)";
|
8981
8986
|
export declare const ProgressBarDarkColorSchemeBackground = "rgba(white,0.06)";
|
8982
8987
|
export declare const ProgressBarSizeHeight = "4px";
|
8983
|
-
export declare const
|
8988
|
+
export declare const ProgressSpinnerSizeDefaultSize = "16px";
|
8989
|
+
export declare const ProgressSpinnerSizeDefaultSvgCircleRadius = "42.5%";
|
8990
|
+
export declare const ProgressSpinnerSizeDefaultSvgStrokeWidth = "13%";
|
8991
|
+
export declare const ProgressSpinnerSizeLargeSize = "48px";
|
8992
|
+
export declare const ProgressSpinnerSizeLargeSvgCircleRadius = "47%";
|
8993
|
+
export declare const ProgressSpinnerSizeLargeSvgStrokeWidth = "6%";
|
8984
8994
|
export declare const RadioLightColorSchemeOuterCircleBorder = "#bdc7d1";
|
8985
8995
|
export declare const RadioLightColorSchemeInnerCircleBorder = "transparent";
|
8986
8996
|
export declare const RadioLightColorSchemeCapColor = "white";
|
@@ -9016,13 +9026,13 @@ export declare const SidepanelLightColorSchemeBorder = "#bdc7d1";
|
|
9016
9026
|
export declare const SidepanelDarkColorSchemeBorder = "#19252f";
|
9017
9027
|
export declare const SidepanelFontDefault = "body";
|
9018
9028
|
export declare const SidepanelHeaderLightColorSchemeBorder = "#d7dee4";
|
9019
|
-
export declare const SidepanelHeaderDarkColorSchemeBorder = "#
|
9029
|
+
export declare const SidepanelHeaderDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
|
9020
9030
|
export declare const SidepanelHeaderSizeHeight = "56px";
|
9021
9031
|
export declare const SidepanelHeaderSizePadding = "0 16px";
|
9022
9032
|
export declare const SidepanelHeaderSizeClosePadding = "0 0 0 8px";
|
9023
9033
|
export declare const SidepanelHeaderFontDefault = "title";
|
9024
9034
|
export declare const SidepanelFooterLightColorSchemeBorder = "#f2f5f9";
|
9025
|
-
export declare const SidepanelFooterDarkColorSchemeBorder = "#
|
9035
|
+
export declare const SidepanelFooterDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
|
9026
9036
|
export declare const SidepanelFooterSizeHeight = "64px";
|
9027
9037
|
export declare const SidepanelFooterSizePadding = "0 16px";
|
9028
9038
|
export declare const SidepanelFooterFontDefault = "body";
|
@@ -9044,9 +9054,9 @@ export declare const TabsLightColorSchemeStateDisabledText = "#8c99a5";
|
|
9044
9054
|
export declare const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3";
|
9045
9055
|
export declare const TabsDarkColorSchemeBorder = "#333f4a";
|
9046
9056
|
export declare const TabsDarkColorSchemeStateNormalIcon = "#8c99a5";
|
9047
|
-
export declare const TabsDarkColorSchemeStateNormalText = "#
|
9057
|
+
export declare const TabsDarkColorSchemeStateNormalText = "#d7dee4";
|
9048
9058
|
export declare const TabsDarkColorSchemeStateHoverIcon = "#6d7a86";
|
9049
|
-
export declare const TabsDarkColorSchemeStateHoverText = "#
|
9059
|
+
export declare const TabsDarkColorSchemeStateHoverText = "#d7dee4";
|
9050
9060
|
export declare const TabsDarkColorSchemeStateActiveMarkerColor = "#0059b8";
|
9051
9061
|
export declare const TabsDarkColorSchemeStateEmptyIcon = "mix(#8c99a5, transparent, 30%)";
|
9052
9062
|
export declare const TabsDarkColorSchemeStateEmptyText = "#6d7a86";
|
@@ -9065,9 +9075,9 @@ export declare const VerticalTabsLightColorSchemeStateSelectedBackground = "#e7f
|
|
9065
9075
|
export declare const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)";
|
9066
9076
|
export declare const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%)";
|
9067
9077
|
export declare const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent";
|
9068
|
-
export declare const VerticalTabsDarkColorSchemeStateSelectedBackground = "
|
9069
|
-
export declare const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(
|
9070
|
-
export declare const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(
|
9078
|
+
export declare const VerticalTabsDarkColorSchemeStateSelectedBackground = "rgba(3, 116, 235, 0.3)";
|
9079
|
+
export declare const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(white, 0.05)";
|
9080
|
+
export declare const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(rgba(3, 116, 235, 0.3), $lightness:-1%)";
|
9071
9081
|
export declare const TagsLightColorSchemePrimaryBackground = "#e7f1ff";
|
9072
9082
|
export declare const TagsLightColorSchemePrimaryBorder = "transparent";
|
9073
9083
|
export declare const TagsLightColorSchemePrimaryText = "#0374eb";
|
@@ -9142,13 +9152,14 @@ export declare const TextareaFontMono = "body-mono";
|
|
9142
9152
|
export declare const TimepickerSizePaddingRight = "16px";
|
9143
9153
|
export declare const TimezoneOptionLightColorSchemeText = "#19252f";
|
9144
9154
|
export declare const TimezoneOptionLightColorSchemeCaption = "#6d7a86";
|
9145
|
-
export declare const TimezoneOptionDarkColorSchemeText = "#
|
9155
|
+
export declare const TimezoneOptionDarkColorSchemeText = "#d7dee4";
|
9146
9156
|
export declare const TimezoneOptionDarkColorSchemeCaption = "#8c99a5";
|
9147
9157
|
export declare const TimezoneOptionSizePadding = "6px 8px 6px 14px";
|
9148
9158
|
export declare const TimezoneOptionSizeColumnGap = "16px";
|
9149
9159
|
export declare const TimezoneOptionSizeHeight = "auto";
|
9150
9160
|
export declare const TimezoneOptionSizeMaxHeight = "4em";
|
9151
9161
|
export declare const TimezoneOptionFontText = "body";
|
9162
|
+
export declare const TimezoneOptionFontOffsetText = "body-tabular";
|
9152
9163
|
export declare const TimezoneOptionFontCaption = "caption";
|
9153
9164
|
export declare const ToastLightColorSchemeBackground = "white";
|
9154
9165
|
export declare const ToastLightColorSchemeBorder = "#bdc7d1";
|
@@ -9161,7 +9172,7 @@ export declare const ToastLightColorSchemeIconSuccess = "#4ba96c";
|
|
9161
9172
|
export declare const ToastLightColorSchemeIconWarning = "#e19f12";
|
9162
9173
|
export declare const ToastDarkColorSchemeBackground = "#333f4a";
|
9163
9174
|
export declare const ToastDarkColorSchemeBorder = "rgba(25, 37, 47, 0.1)";
|
9164
|
-
export declare const ToastDarkColorSchemeText = "#
|
9175
|
+
export declare const ToastDarkColorSchemeText = "#d7dee4";
|
9165
9176
|
export declare const ToastDarkColorSchemeTextCaption = "#8c99a5";
|
9166
9177
|
export declare const ToastDarkColorSchemeShadow = "0 8px 16px 0 rgba(#27333e, 0.2)";
|
9167
9178
|
export declare const ToastDarkColorSchemeIconInfo = "#18a5c5";
|
@@ -9213,7 +9224,7 @@ export declare const ToggleSmallSizeWidth = "24px";
|
|
9213
9224
|
export declare const ToggleSmallSizeBorderRadius = "8px";
|
9214
9225
|
export declare const ToggleSmallFontDefault = "caption";
|
9215
9226
|
export declare const TooltipLightColorSchemeBackground = "#333f4a";
|
9216
|
-
export declare const TooltipLightColorSchemeText = "#
|
9227
|
+
export declare const TooltipLightColorSchemeText = "#d7dee4";
|
9217
9228
|
export declare const TooltipLightColorSchemeBorder = "transparent";
|
9218
9229
|
export declare const TooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
|
9219
9230
|
export declare const TooltipLightColorSchemeWarningBackground = "#fff4dd";
|
@@ -9224,7 +9235,7 @@ export declare const TooltipDarkColorSchemeText = "#19252f";
|
|
9224
9235
|
export declare const TooltipDarkColorSchemeBorder = "transparent";
|
9225
9236
|
export declare const TooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
|
9226
9237
|
export declare const TooltipDarkColorSchemeWarningBackground = "#7e5406";
|
9227
|
-
export declare const TooltipDarkColorSchemeWarningText = "#
|
9238
|
+
export declare const TooltipDarkColorSchemeWarningText = "#d7dee4";
|
9228
9239
|
export declare const TooltipDarkColorSchemeWarningBorder = "#7e5406";
|
9229
9240
|
export declare const TooltipSizeMaxWidth = "300px";
|
9230
9241
|
export declare const TooltipSizeBorderWidth = "1px";
|
@@ -9238,7 +9249,7 @@ export declare const ExtendedTooltipLightColorSchemeText = "#19252f";
|
|
9238
9249
|
export declare const ExtendedTooltipLightColorSchemeBorder = "#d7dee4";
|
9239
9250
|
export declare const ExtendedTooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
|
9240
9251
|
export declare const ExtendedTooltipDarkColorSchemeBackground = "#333f4a";
|
9241
|
-
export declare const ExtendedTooltipDarkColorSchemeText = "#
|
9252
|
+
export declare const ExtendedTooltipDarkColorSchemeText = "#d7dee4";
|
9242
9253
|
export declare const ExtendedTooltipDarkColorSchemeBorder = "#333f4a";
|
9243
9254
|
export declare const ExtendedTooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
|
9244
9255
|
export declare const ExtendedTooltipSizeBorderRadius = "4px";
|
@@ -9251,7 +9262,7 @@ export declare const ExtendedTooltipHeaderLightColorSchemeBorder = "#d7dee4";
|
|
9251
9262
|
export declare const ExtendedTooltipHeaderLightColorSchemeText = "#19252f";
|
9252
9263
|
export declare const ExtendedTooltipHeaderLightColorSchemeBackground = "white";
|
9253
9264
|
export declare const ExtendedTooltipHeaderDarkColorSchemeBorder = "#434f5a";
|
9254
|
-
export declare const ExtendedTooltipHeaderDarkColorSchemeText = "#
|
9265
|
+
export declare const ExtendedTooltipHeaderDarkColorSchemeText = "#d7dee4";
|
9255
9266
|
export declare const ExtendedTooltipHeaderDarkColorSchemeBackground = "#333f4a";
|
9256
9267
|
export declare const ExtendedTooltipHeaderSizeHeight = "40px";
|
9257
9268
|
export declare const ExtendedTooltipHeaderSizePadding = "8px 16px";
|
@@ -52,7 +52,7 @@ function rebuildTokes(tokens, parentCategory = null) {
|
|
52
52
|
}
|
53
53
|
|
54
54
|
function cleanValue(value) {
|
55
|
-
return typeof value === 'string' ? value.
|
55
|
+
return typeof value === 'string' ? value.replace(/\.value\./g, '.') : value;
|
56
56
|
}
|
57
57
|
|
58
58
|
function buildRefFromAttributes(attributes) {
|
@@ -72,7 +72,7 @@ function findLastLeafAttributes(property) {
|
|
72
72
|
|
73
73
|
function prepareFigmaTitle(value) {
|
74
74
|
return value
|
75
|
-
.
|
75
|
+
.replace(/-/g, ' ')
|
76
76
|
.split(' ')
|
77
77
|
.map((titlePart) => titlePart.charAt(0).toUpperCase() + titlePart.slice(1))
|
78
78
|
.join(' ');
|
@@ -326,7 +326,7 @@ export class McButtonToggle {
|
|
326
326
|
(click)="onToggleClick()">
|
327
327
|
<ng-content></ng-content>
|
328
328
|
</button>
|
329
|
-
`, isInline: true, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-pane{box-sizing:border-box;position:absolute;pointer-events:auto;margin:0;padding:0;z-index:1000;max-width:100%;max-height:100%}.cdk-overlay-connected-position-bounding-box{box-sizing:border-box;position:absolute;z-index:1000;display:flex;flex-direction:column;margin:0;padding:0;min-width:1px;min-height:1px}.mc-scrollbar::-webkit-scrollbar,.mc-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px #0000001f;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:#0000000d}.mc-scrollbar::-webkit-scrollbar:hover,.mc-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px #0000000e,inset 0 -1px #0000000a;background-color:#00000016}.mc-scrollbar::-webkit-scrollbar-button,.mc-scrollbar ::-webkit-scrollbar-button{display:none}.mc-scrollbar::-webkit-scrollbar-corner,.mc-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.mc-scrollbar::-webkit-scrollbar-thumb,.mc-scrollbar ::-webkit-scrollbar-thumb{background-color:#00000042;box-shadow:inset 1px 1px #0000000e,inset 0 -1px #00000016;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0}.mc-button-toggle-standalone{box-shadow:none}\n"], dependencies: [{ kind: "component", type: i2.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i2.McButtonCssStyler, selector: "[mc-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
329
|
+
`, isInline: true, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-pane{box-sizing:border-box;position:absolute;pointer-events:auto;margin:0;padding:0;z-index:1000;max-width:100%;max-height:100%}.cdk-overlay-connected-position-bounding-box{box-sizing:border-box;position:absolute;z-index:1000;display:flex;flex-direction:column;margin:0;padding:0;min-width:1px;min-height:1px}.mc-scrollbar::-webkit-scrollbar,.mc-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px #0000001f;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:#0000000d}.mc-scrollbar::-webkit-scrollbar:hover,.mc-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px #0000000e,inset 0 -1px #0000000a;background-color:#00000016}.mc-scrollbar::-webkit-scrollbar-button,.mc-scrollbar ::-webkit-scrollbar-button{display:none}.mc-scrollbar::-webkit-scrollbar-corner,.mc-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.mc-scrollbar::-webkit-scrollbar-thumb,.mc-scrollbar ::-webkit-scrollbar-thumb{background-color:#00000042;box-shadow:inset 1px 1px #0000000e,inset 0 -1px #00000016;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-standalone{box-shadow:none}\n"], dependencies: [{ kind: "component", type: i2.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i2.McButtonCssStyler, selector: "[mc-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
330
330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McButtonToggle, decorators: [{
|
331
331
|
type: Component,
|
332
332
|
args: [{ selector: 'mc-button-toggle', exportAs: 'mcButtonToggle', template: `
|
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
|
|
342
342
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
343
343
|
class: 'mc-button-toggle',
|
344
344
|
'[class.mc-button-toggle-standalone]': '!buttonToggleGroup'
|
345
|
-
}, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-pane{box-sizing:border-box;position:absolute;pointer-events:auto;margin:0;padding:0;z-index:1000;max-width:100%;max-height:100%}.cdk-overlay-connected-position-bounding-box{box-sizing:border-box;position:absolute;z-index:1000;display:flex;flex-direction:column;margin:0;padding:0;min-width:1px;min-height:1px}.mc-scrollbar::-webkit-scrollbar,.mc-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px #0000001f;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:#0000000d}.mc-scrollbar::-webkit-scrollbar:hover,.mc-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px #0000000e,inset 0 -1px #0000000a;background-color:#00000016}.mc-scrollbar::-webkit-scrollbar-button,.mc-scrollbar ::-webkit-scrollbar-button{display:none}.mc-scrollbar::-webkit-scrollbar-corner,.mc-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.mc-scrollbar::-webkit-scrollbar-thumb,.mc-scrollbar ::-webkit-scrollbar-thumb{background-color:#00000042;box-shadow:inset 1px 1px #0000000e,inset 0 -1px #00000016;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0}.mc-button-toggle-standalone{box-shadow:none}\n"] }]
|
345
|
+
}, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000;box-sizing:border-box;margin:0;padding:0}.cdk-overlay-pane{box-sizing:border-box;position:absolute;pointer-events:auto;margin:0;padding:0;z-index:1000;max-width:100%;max-height:100%}.cdk-overlay-connected-position-bounding-box{box-sizing:border-box;position:absolute;z-index:1000;display:flex;flex-direction:column;margin:0;padding:0;min-width:1px;min-height:1px}.mc-scrollbar::-webkit-scrollbar,.mc-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px #0000001f;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:#0000000d}.mc-scrollbar::-webkit-scrollbar:hover,.mc-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px #0000000e,inset 0 -1px #0000000a;background-color:#00000016}.mc-scrollbar::-webkit-scrollbar-button,.mc-scrollbar ::-webkit-scrollbar-button{display:none}.mc-scrollbar::-webkit-scrollbar-corner,.mc-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.mc-scrollbar::-webkit-scrollbar-thumb,.mc-scrollbar ::-webkit-scrollbar-thumb{background-color:#00000042;box-shadow:inset 1px 1px #0000000e,inset 0 -1px #00000016;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-standalone{box-shadow:none}\n"] }]
|
346
346
|
}], ctorParameters: function () { return [{ type: McButtonToggleGroup, decorators: [{
|
347
347
|
type: Optional
|
348
348
|
}] }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { checked: [{
|