diff --git a/packages/genesys-spark-components/src/components/stable/gux-blank-state/gux-blank-state.scss b/packages/genesys-spark-components/src/components/stable/gux-blank-state/gux-blank-state.scss index 331f561c09..f0cbf1f7e8 100644 --- a/packages/genesys-spark-components/src/components/stable/gux-blank-state/gux-blank-state.scss +++ b/packages/genesys-spark-components/src/components/stable/gux-blank-state/gux-blank-state.scss @@ -15,8 +15,6 @@ justify-content: center; padding: var(--gse-ui-blankState-padding); color: var(--gse-ui-blankState-foregroundColor); - background-color: var(--gse-ui-blankState-backgroundColor); - border-radius: var(--gse-ui-blankState-borderRadius); .gux-image { padding-bottom: var(--gse-ui-blankState-gapMain); diff --git a/packages/genesys-spark-tokens/data/$themes.json b/packages/genesys-spark-tokens/data/$themes.json index 38430cebbf..8ee8d8ec6d 100644 --- a/packages/genesys-spark-tokens/data/$themes.json +++ b/packages/genesys-spark-tokens/data/$themes.json @@ -1436,8 +1436,6 @@ "blank_state.gap_content": "15ff02c5635d64e3b7783047132a288e1c544c29", "blank_state.icon_color": "03e52d060cdc4dcc32623015a44f91f0b07bffa8", "blank_state.foreground_color": "f40fea58f608d3c2a0ffa2cd3028fe44621a01ff", - "blank_state.background_color": "3c7986ea3c6ef2c7104a1c4f8245ed33384914ba", - "blank_state.border_radius": "c08624df104ed51d2db706f04b1371f800368585", "modal_side_sheet.background_color": "81f04246c29238a4780b279340f638ffa8deee81", "modal_side_sheet.header_color": "4353346603588efc7a7cc5a0f31a9595cbece094", "modal_side_sheet.close_color": "040e591a6e8818525815ee290c95287ba5d6707d", @@ -1995,7 +1993,7 @@ "form_control.label.icon_size": "69dfa1a47154cfbc4f9a596f1602d0cd96d7ed27", "form_control.label.tooltip_trigger.color": "a51fa73548d3d486cd6a0079bcf13830d7e14823", "form_control.label.tooltip_trigger.border_radius": "745899192109572fd30ad59c70b78e660dcd7c15", - "form_control.form_field.gap": "395de836d3d61aabbe60f3eda9b8525bddcbaedc", + "form_control.form_field.gap": "287a7f4fa84b57c6d2d1ea1f04b9f7d59199ebe3", "form_control.group.gap_items": "e0836e29b0ba2c5561a5b6ff57b5a2e125705a2e", "form_control.helper.gap": "aa3ea794acd979a5add34d1430993049a1c30829", "form_control.helper.default_color": "9fdcf96126d689c4425bfa4d43dfdb9f340c4355", @@ -2234,9 +2232,8 @@ "form_footer.modal.desktop.horizontal_padding": "2dafc1786b3dbe723af13d827a6360ecdc41d1c1", "form_footer.modal.desktop.gap": "4a66b95f5b7f40506f5610ad53edc1f48e1df87e", "form_footer.background_color": "175ccc38d28e5344f21ced588c099d07abda0aa4", - "form_control.form_field.gap": "287a7f4fa84b57c6d2d1ea1f04b9f7d59199ebe3", "color.focus": "4903357e580485abfbc7eec7c53a94eb42f7f2fd" }, "group": ".ui" } -] +] \ No newline at end of file diff --git a/packages/genesys-spark-tokens/data/semantic/mode/dark.json b/packages/genesys-spark-tokens/data/semantic/mode/dark.json index 6ef6d2964f..a14b4e92f9 100644 --- a/packages/genesys-spark-tokens/data/semantic/mode/dark.json +++ b/packages/genesys-spark-tokens/data/semantic/mode/dark.json @@ -923,4 +923,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/genesys-spark-tokens/data/ui/feedback.json b/packages/genesys-spark-tokens/data/ui/feedback.json index a519a35828..5f5c143d8f 100644 --- a/packages/genesys-spark-tokens/data/ui/feedback.json +++ b/packages/genesys-spark-tokens/data/ui/feedback.json @@ -484,14 +484,6 @@ "foreground_color": { "value": "{foreground.container.high_emphasis}", "type": "color" - }, - "background_color": { - "value": "{color.transparent}", - "type": "color" - }, - "border_radius": { - "value": "{container.md.border_radius}", - "type": "borderRadius" } }, "modal_side_sheet": { diff --git a/packages/genesys-spark-tokens/data/ui/form_control.json b/packages/genesys-spark-tokens/data/ui/form_control.json index 429d4384e8..88fc9678a2 100644 --- a/packages/genesys-spark-tokens/data/ui/form_control.json +++ b/packages/genesys-spark-tokens/data/ui/form_control.json @@ -307,4 +307,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json index 88b7049232..764adc3c8a 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json @@ -2800,9 +2800,7 @@ "gap_main": "12px", "gap_content": "24px", "icon_color": "#626e84", - "foreground_color": "#1b2c48", - "background_color": "rgba(0, 0, 0, 0)", - "border_radius": "8px" + "foreground_color": "#1b2c48" }, "modal_side_sheet": { "background_color": "#ffffff", diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json index 88b7049232..764adc3c8a 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json @@ -2800,9 +2800,7 @@ "gap_main": "12px", "gap_content": "24px", "icon_color": "#626e84", - "foreground_color": "#1b2c48", - "background_color": "rgba(0, 0, 0, 0)", - "border_radius": "8px" + "foreground_color": "#1b2c48" }, "modal_side_sheet": { "background_color": "#ffffff", diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json index ddc91cef96..4bafe0d7c6 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json @@ -2800,9 +2800,7 @@ "gap_main": "12px", "gap_content": "24px", "icon_color": "#4c5667", - "foreground_color": "#2e394c", - "background_color": "rgba(0, 0, 0, 0)", - "border_radius": "4px" + "foreground_color": "#2e394c" }, "modal_side_sheet": { "background_color": "#ffffff", diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss index 9f716a1b7d..d099731218 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss @@ -1,8 +1,8 @@ @mixin tokens { - --gse-semantic-opacity-disabled: .5; - --gse-semantic-opacity-shroud: .8; + --gse-semantic-opacity-disabled: 0.5; + --gse-semantic-opacity-shroud: 0.8; --gse-semantic-theme-fontFamily-headings: Urbanist; - --gse-semantic-theme-fontFamily-body: 'Noto Sans'; + --gse-semantic-theme-fontFamily-body: "Noto Sans"; --gse-semantic-theme-background-container-primary-10: #ffffff; --gse-semantic-theme-background-container-primary-20: #fbfcfe; --gse-semantic-theme-background-container-primary-30: #f3f5fb; @@ -307,54 +307,54 @@ --gse-semantic-border-formControl-textInput-hover: #3742a2; --gse-semantic-border-formControl-textInput-active: #252e78; --gse-semantic-border-formControl-textInput-error: #e22245; - --gse-semantic-body-sm-regular-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-regular-fontFamily: "Noto Sans"; --gse-semantic-body-sm-regular-fontWeight: 400; --gse-semantic-body-sm-regular-fontSize: 12px; --gse-semantic-body-sm-regular-lineHeight: 18px; - --gse-semantic-body-sm-link-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-link-fontFamily: "Noto Sans"; --gse-semantic-body-sm-link-fontWeight: 600; --gse-semantic-body-sm-link-fontSize: 12px; --gse-semantic-body-sm-link-lineHeight: 18px; --gse-semantic-body-sm-link-textDecoration: underline; - --gse-semantic-body-sm-bold-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-bold-fontFamily: "Noto Sans"; --gse-semantic-body-sm-bold-fontWeight: 700; --gse-semantic-body-sm-bold-fontSize: 12px; --gse-semantic-body-sm-bold-lineHeight: 18px; - --gse-semantic-body-sm-semiBold-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-semiBold-fontFamily: "Noto Sans"; --gse-semantic-body-sm-semiBold-fontWeight: 600; --gse-semantic-body-sm-semiBold-fontSize: 12px; --gse-semantic-body-sm-semiBold-lineHeight: 18px; - --gse-semantic-body-md-regular-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-regular-fontFamily: "Noto Sans"; --gse-semantic-body-md-regular-fontWeight: 400; --gse-semantic-body-md-regular-fontSize: 14px; --gse-semantic-body-md-regular-lineHeight: 20px; - --gse-semantic-body-md-link-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-link-fontFamily: "Noto Sans"; --gse-semantic-body-md-link-fontWeight: 600; --gse-semantic-body-md-link-fontSize: 14px; --gse-semantic-body-md-link-lineHeight: 20px; --gse-semantic-body-md-link-textDecoration: underline; - --gse-semantic-body-md-bold-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-bold-fontFamily: "Noto Sans"; --gse-semantic-body-md-bold-fontWeight: 700; --gse-semantic-body-md-bold-fontSize: 14px; --gse-semantic-body-md-bold-lineHeight: 20px; - --gse-semantic-body-md-semiBold-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-semiBold-fontFamily: "Noto Sans"; --gse-semantic-body-md-semiBold-fontWeight: 600; --gse-semantic-body-md-semiBold-fontSize: 14px; --gse-semantic-body-md-semiBold-lineHeight: 20px; - --gse-semantic-body-lg-regular-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-regular-fontFamily: "Noto Sans"; --gse-semantic-body-lg-regular-fontWeight: 400; --gse-semantic-body-lg-regular-fontSize: 16px; --gse-semantic-body-lg-regular-lineHeight: 24px; - --gse-semantic-body-lg-link-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-link-fontFamily: "Noto Sans"; --gse-semantic-body-lg-link-fontWeight: 600; --gse-semantic-body-lg-link-fontSize: 16px; --gse-semantic-body-lg-link-lineHeight: 24px; --gse-semantic-body-lg-link-textDecoration: underline; - --gse-semantic-body-lg-bold-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-bold-fontFamily: "Noto Sans"; --gse-semantic-body-lg-bold-fontWeight: 700; --gse-semantic-body-lg-bold-fontSize: 16px; --gse-semantic-body-lg-bold-lineHeight: 24px; - --gse-semantic-body-lg-semiBold-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-semiBold-fontFamily: "Noto Sans"; --gse-semantic-body-lg-semiBold-fontWeight: 600; --gse-semantic-body-lg-semiBold-fontSize: 16px; --gse-semantic-body-lg-semiBold-lineHeight: 24px; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss index 791df421bf..edacaf743a 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss @@ -1,6 +1,6 @@ @mixin tokens { --gse-ui-color-focus: #7b88f7; - --gse-ui-formControl-input-contentText-fontFamily: 'Noto Sans'; + --gse-ui-formControl-input-contentText-fontFamily: "Noto Sans"; --gse-ui-formControl-input-contentText-fontWeight: 400; --gse-ui-formControl-input-contentText-fontSize: 12px; --gse-ui-formControl-input-contentText-lineHeight: 18px; @@ -19,7 +19,7 @@ --gse-ui-formControl-input-disabled-border-color: #a3a7b0; --gse-ui-formControl-input-disabled-border-width: 1px; --gse-ui-formControl-input-disabled-border-style: solid; - --gse-ui-formControl-input-disabled-opacity: .5; + --gse-ui-formControl-input-disabled-opacity: 0.5; --gse-ui-formControl-input-borderRadius: 4px; --gse-ui-formControl-input-backgroundColor: #ffffff; --gse-ui-formControl-input-placeholderColor: #626e84; @@ -30,7 +30,7 @@ --gse-ui-formControl-input-gap: 12px; --gse-ui-formControl-input-top: 8px; --gse-ui-formControl-input-padding: 8px 12px; - --gse-ui-formControl-input-prefixSufix-text-fontFamily: 'Noto Sans'; + --gse-ui-formControl-input-prefixSufix-text-fontFamily: "Noto Sans"; --gse-ui-formControl-input-prefixSufix-text-fontWeight: 700; --gse-ui-formControl-input-prefixSufix-text-fontSize: 14px; --gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px; @@ -50,16 +50,16 @@ --gse-ui-formControl-input-spinbuttonIcon-size: 16px; --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7; --gse-ui-formControl-label-padding: 0 0 8px 0; - --gse-ui-formControl-label-text-fontFamily: 'Noto Sans'; + --gse-ui-formControl-label-text-fontFamily: "Noto Sans"; --gse-ui-formControl-label-text-fontWeight: 400; --gse-ui-formControl-label-text-fontSize: 12px; --gse-ui-formControl-label-text-lineHeight: 18px; - --gse-ui-formControl-label-textBold-fontFamily: 'Noto Sans'; + --gse-ui-formControl-label-textBold-fontFamily: "Noto Sans"; --gse-ui-formControl-label-textBold-fontWeight: 600; --gse-ui-formControl-label-textBold-fontSize: 12px; --gse-ui-formControl-label-textBold-lineHeight: 18px; --gse-ui-formControl-label-labelColor: #1b2c48; - --gse-ui-formControl-label-indicator-text-fontFamily: 'Noto Sans'; + --gse-ui-formControl-label-indicator-text-fontFamily: "Noto Sans"; --gse-ui-formControl-label-indicator-text-fontWeight: 400; --gse-ui-formControl-label-indicator-text-fontSize: 12px; --gse-ui-formControl-label-indicator-text-lineHeight: 18px; @@ -71,7 +71,7 @@ --gse-ui-formControl-formField-gap: 4px; --gse-ui-formControl-group-gapItems: 8px; --gse-ui-formControl-helper-gap: 4px; - --gse-ui-formControl-helper-helperText-fontFamily: 'Noto Sans'; + --gse-ui-formControl-helper-helperText-fontFamily: "Noto Sans"; --gse-ui-formControl-helper-helperText-fontWeight: 400; --gse-ui-formControl-helper-helperText-fontSize: 12px; --gse-ui-formControl-helper-helperText-lineHeight: 18px; @@ -127,7 +127,7 @@ --gse-ui-tooltip-height: 32px; --gse-ui-tooltip-gap: 8px; --gse-ui-tooltip-borderRadius: 4px; - --gse-ui-tooltip-text-fontFamily: 'Noto Sans'; + --gse-ui-tooltip-text-fontFamily: "Noto Sans"; --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; @@ -174,7 +174,7 @@ --gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48; --gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc; --gse-ui-tag-accent6-bold-foregroundColor: #ffffff; - --gse-ui-tag-text-fontFamily: 'Noto Sans'; + --gse-ui-tag-text-fontFamily: "Noto Sans"; --gse-ui-tag-text-fontWeight: 600; --gse-ui-tag-text-fontSize: 14px; --gse-ui-tag-text-lineHeight: 20px; @@ -207,9 +207,9 @@ --gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96; --gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48; --gse-ui-tag-button-size: 16px; - --gse-ui-tag-disabled-opacity: .5; + --gse-ui-tag-disabled-opacity: 0.5; --gse-ui-badge-borderRadius: 16px; - --gse-ui-badge-text-fontFamily: 'Noto Sans'; + --gse-ui-badge-text-fontFamily: "Noto Sans"; --gse-ui-badge-text-fontWeight: 600; --gse-ui-badge-text-fontSize: 12px; --gse-ui-badge-text-lineHeight: 18px; @@ -262,11 +262,11 @@ --gse-ui-alert-error-border-color: #f3a7b5; --gse-ui-alert-error-border-width: 1px; --gse-ui-alert-error-border-style: solid; - --gse-ui-alert-text-fontFamily: 'Noto Sans'; + --gse-ui-alert-text-fontFamily: "Noto Sans"; --gse-ui-alert-text-fontWeight: 400; --gse-ui-alert-text-fontSize: 12px; --gse-ui-alert-text-lineHeight: 18px; - --gse-ui-alert-emphasisText-fontFamily: 'Noto Sans'; + --gse-ui-alert-emphasisText-fontFamily: "Noto Sans"; --gse-ui-alert-emphasisText-fontWeight: 700; --gse-ui-alert-emphasisText-fontSize: 12px; --gse-ui-alert-emphasisText-lineHeight: 18px; @@ -275,18 +275,18 @@ --gse-ui-rating-active-color: #4856cb; --gse-ui-rating-hover-color: #3742a2; --gse-ui-rating-disabled-color: #767c8d; - --gse-ui-rating-disabled-opacity: .5; + --gse-ui-rating-disabled-opacity: 0.5; --gse-ui-rating-size: 16px; --gse-ui-rating-star-gap: 8px; --gse-ui-breadcrumbs-primary-height: 20px; --gse-ui-breadcrumbs-primary-separator-padding: 0 12px; - --gse-ui-breadcrumbs-primary-separator-typography-fontFamily: 'Noto Sans'; + --gse-ui-breadcrumbs-primary-separator-typography-fontFamily: "Noto Sans"; --gse-ui-breadcrumbs-primary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-primary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-primary-separator-typography-lineHeight: 20px; --gse-ui-breadcrumbs-secondary-height: 16px; --gse-ui-breadcrumbs-secondary-separator-padding: 0 8px; - --gse-ui-breadcrumbs-secondary-separator-typography-fontFamily: 'Noto Sans'; + --gse-ui-breadcrumbs-secondary-separator-typography-fontFamily: "Noto Sans"; --gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px; @@ -297,7 +297,7 @@ --gse-ui-segmentedControl-button-start-borderRadius: 4px 0 0 4px; --gse-ui-segmentedControl-button-middle-borderRadius: 0; --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0; - --gse-ui-segmentedControl-button-disabled-opacity: .5; + --gse-ui-segmentedControl-button-disabled-opacity: 0.5; --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); @@ -343,7 +343,7 @@ --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48; --gse-ui-copyToClipboard-label-padding: 2px 4px; --gse-ui-copyToClipboard-label-borderRadius: 4px; - --gse-ui-copyToClipboard-label-text-fontFamily: 'Noto Sans'; + --gse-ui-copyToClipboard-label-text-fontFamily: "Noto Sans"; --gse-ui-copyToClipboard-label-text-fontWeight: 600; --gse-ui-copyToClipboard-label-text-fontSize: 14px; --gse-ui-copyToClipboard-label-text-lineHeight: 20px; @@ -397,8 +397,8 @@ --gse-ui-button-danger-active-backgroundColor: #440a15; --gse-ui-button-danger-active-foregroundColor: #ffffff; --gse-ui-button-borderRadius: 4px; - --gse-ui-button-disabled-opacity: .5; - --gse-ui-button-text-fontFamily: 'Noto Sans'; + --gse-ui-button-disabled-opacity: 0.5; + --gse-ui-button-text-fontFamily: "Noto Sans"; --gse-ui-button-text-fontWeight: 700; --gse-ui-button-text-fontSize: 12px; --gse-ui-button-text-lineHeight: 18px; @@ -428,31 +428,31 @@ --gse-ui-links-asButton-height: 32px; --gse-ui-links-asButton-padding: 12px; --gse-ui-links-asButton-gap: 8px; - --gse-ui-links-asButton-text-fontFamily: 'Noto Sans'; + --gse-ui-links-asButton-text-fontFamily: "Noto Sans"; --gse-ui-links-asButton-text-fontWeight: 600; --gse-ui-links-asButton-text-fontSize: 14px; --gse-ui-links-asButton-text-lineHeight: 20px; - --gse-ui-links-asButton-underlinedText-fontFamily: 'Noto Sans'; + --gse-ui-links-asButton-underlinedText-fontFamily: "Noto Sans"; --gse-ui-links-asButton-underlinedText-fontWeight: 600; --gse-ui-links-asButton-underlinedText-fontSize: 14px; --gse-ui-links-asButton-underlinedText-lineHeight: 20px; --gse-ui-links-asButton-underlinedText-textDecoration: underline; --gse-ui-links-inLine-medium-height: 24px; - --gse-ui-links-inLine-medium-text-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-medium-text-fontFamily: "Noto Sans"; --gse-ui-links-inLine-medium-text-fontWeight: 600; --gse-ui-links-inLine-medium-text-fontSize: 14px; --gse-ui-links-inLine-medium-text-lineHeight: 20px; - --gse-ui-links-inLine-medium-underlinedText-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-medium-underlinedText-fontFamily: "Noto Sans"; --gse-ui-links-inLine-medium-underlinedText-fontWeight: 600; --gse-ui-links-inLine-medium-underlinedText-fontSize: 14px; --gse-ui-links-inLine-medium-underlinedText-lineHeight: 20px; --gse-ui-links-inLine-medium-underlinedText-textDecoration: underline; --gse-ui-links-inLine-small-height: 20px; - --gse-ui-links-inLine-small-text-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-small-text-fontFamily: "Noto Sans"; --gse-ui-links-inLine-small-text-fontWeight: 600; --gse-ui-links-inLine-small-text-fontSize: 12px; --gse-ui-links-inLine-small-text-lineHeight: 18px; - --gse-ui-links-inLine-small-underlinedText-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-small-underlinedText-fontFamily: "Noto Sans"; --gse-ui-links-inLine-small-underlinedText-fontWeight: 600; --gse-ui-links-inLine-small-underlinedText-fontSize: 12px; --gse-ui-links-inLine-small-underlinedText-lineHeight: 18px; @@ -473,14 +473,14 @@ --gse-ui-radioButton-icon-height: 16px; --gse-ui-radioButton-icon-width: 16px; --gse-ui-radioButton-label-foregroundColor: #1b2c48; - --gse-ui-radioButton-label-text-fontFamily: 'Noto Sans'; + --gse-ui-radioButton-label-text-fontFamily: "Noto Sans"; --gse-ui-radioButton-label-text-fontWeight: 400; --gse-ui-radioButton-label-text-fontSize: 12px; --gse-ui-radioButton-label-text-lineHeight: 18px; --gse-ui-radioButton-gap: 8px; --gse-ui-radioButton-helper-padding: 4px 0 0 24px; --gse-ui-radioButton-helper-gap: 8px; - --gse-ui-radioButton-disabled-opacity: .5; + --gse-ui-radioButton-disabled-opacity: 0.5; --gse-ui-radioButton-focus-border-color: #7b88f7; --gse-ui-radioButton-focus-border-width: 2px; --gse-ui-radioButton-focus-border-style: solid; @@ -494,14 +494,14 @@ --gse-ui-checkbox-icon-height: 16px; --gse-ui-checkbox-icon-width: 16px; --gse-ui-checkbox-label-foregroundColor: #1b2c48; - --gse-ui-checkbox-label-text-fontFamily: 'Noto Sans'; + --gse-ui-checkbox-label-text-fontFamily: "Noto Sans"; --gse-ui-checkbox-label-text-fontWeight: 400; --gse-ui-checkbox-label-text-fontSize: 12px; --gse-ui-checkbox-label-text-lineHeight: 18px; --gse-ui-checkbox-helper-padding: 4px 0 0 24px; --gse-ui-checkbox-helper-gap: 8px; --gse-ui-checkbox-gap: 8px; - --gse-ui-checkbox-disabled-opacity: .5; + --gse-ui-checkbox-disabled-opacity: 0.5; --gse-ui-checkbox-focus-border-color: #7b88f7; --gse-ui-checkbox-focus-border-width: 2px; --gse-ui-checkbox-focus-border-style: solid; @@ -514,16 +514,16 @@ --gse-ui-menu-option-height: 32px; --gse-ui-menu-option-startIcon-height: 16px; --gse-ui-menu-option-startIcon-width: 16px; - --gse-ui-menu-option-label-default-text-fontFamily: 'Noto Sans'; + --gse-ui-menu-option-label-default-text-fontFamily: "Noto Sans"; --gse-ui-menu-option-label-default-text-fontWeight: 400; --gse-ui-menu-option-label-default-text-fontSize: 12px; --gse-ui-menu-option-label-default-text-lineHeight: 18px; - --gse-ui-menu-option-label-active-text-fontFamily: 'Noto Sans'; + --gse-ui-menu-option-label-active-text-fontFamily: "Noto Sans"; --gse-ui-menu-option-label-active-text-fontWeight: 700; --gse-ui-menu-option-label-active-text-fontSize: 12px; --gse-ui-menu-option-label-active-text-lineHeight: 18px; --gse-ui-menu-option-label-foregroundColor: #1b2c48; - --gse-ui-menu-option-shortcut-text-fontFamily: 'Noto Sans'; + --gse-ui-menu-option-shortcut-text-fontFamily: "Noto Sans"; --gse-ui-menu-option-shortcut-text-fontWeight: 400; --gse-ui-menu-option-shortcut-text-fontSize: 14px; --gse-ui-menu-option-shortcut-text-lineHeight: 20px; @@ -531,7 +531,7 @@ --gse-ui-menu-option-shortcut-selected-foregroundColor: #1b2c48; --gse-ui-menu-option-hover-backgroundColor: #eff0fe; --gse-ui-menu-option-selected-backgroundColor: #ced2fc; - --gse-ui-menu-option-disabled-opacity: .5; + --gse-ui-menu-option-disabled-opacity: 0.5; --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #767c8d; --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #3742a2; --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #252e78; @@ -592,7 +592,7 @@ --gse-ui-calendarMenu-day-range-height: 32px; --gse-ui-calendarMenu-day-input-height: 32px; --gse-ui-calendarMenu-day-input-width: 160px; - --gse-ui-calendarMenu-day-headerText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-day-headerText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-day-headerText-fontWeight: 700; --gse-ui-calendarMenu-day-headerText-fontSize: 12px; --gse-ui-calendarMenu-day-headerText-lineHeight: 18px; @@ -605,17 +605,17 @@ --gse-ui-calendarMenu-month-single-header-height: 48px; --gse-ui-calendarMenu-month-monthCell-width: 66px; --gse-ui-calendarMenu-month-monthCell-height: 48px; - --gse-ui-calendarMenu-month-headerText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-month-headerText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-month-headerText-fontWeight: 400; --gse-ui-calendarMenu-month-headerText-fontSize: 16px; --gse-ui-calendarMenu-month-headerText-lineHeight: 24px; --gse-ui-calendarMenu-month-range-vertical-width: 272px; --gse-ui-calendarMenu-month-range-vertical-height: 652px; - --gse-ui-calendarMenu-month-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-month-defaultText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-month-defaultText-fontWeight: 400; --gse-ui-calendarMenu-month-defaultText-fontSize: 12px; --gse-ui-calendarMenu-month-defaultText-lineHeight: 18px; - --gse-ui-calendarMenu-month-currentText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-month-currentText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-month-currentText-fontWeight: 700; --gse-ui-calendarMenu-month-currentText-fontSize: 12px; --gse-ui-calendarMenu-month-currentText-lineHeight: 18px; @@ -634,11 +634,11 @@ --gse-ui-calendarMenu-header-padding: 12px 16px; --gse-ui-calendarMenu-header-arrow-padding: 8px; --gse-ui-calendarMenu-backgroundColor: #ffffff; - --gse-ui-calendarMenu-date-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-date-defaultText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-date-defaultText-fontWeight: 400; --gse-ui-calendarMenu-date-defaultText-fontSize: 12px; --gse-ui-calendarMenu-date-defaultText-lineHeight: 18px; - --gse-ui-calendarMenu-date-currentText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-date-currentText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-date-currentText-fontWeight: 700; --gse-ui-calendarMenu-date-currentText-fontSize: 12px; --gse-ui-calendarMenu-date-currentText-lineHeight: 18px; @@ -655,8 +655,8 @@ --gse-ui-calendarMenu-range-body-firstMonth-borderRadius: 0 0 0 8px; --gse-ui-calendarMenu-range-body-secondMonth-borderRadius: 0 0 8px 0; --gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 16px 16px 0; - --gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px; - --gse-ui-calendarMenu-disabled-opacity: .5; + --gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px; + --gse-ui-calendarMenu-disabled-opacity: 0.5; --gse-ui-calendarMenu-monthBody-padding: 16px 24px; --gse-ui-calendarMenu-monthBody-gap: 2px; --gse-ui-calendarMenu-boxShadow-blur: 4px; @@ -669,11 +669,11 @@ --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; - --gse-ui-datePicker-disabled-opacity: .5; + --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; --gse-ui-datePicker-iconHover: #3742a2; --gse-ui-datePicker-iconFocus: #3742a2; - --gse-ui-toggle-label-fontFamily: 'Noto Sans'; + --gse-ui-toggle-label-fontFamily: "Noto Sans"; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; --gse-ui-toggle-label-lineHeight: 18px; @@ -707,7 +707,7 @@ --gse-ui-toggle-handle-backgroundColor: #ffffff; --gse-ui-toggle-handle-foregroundColor: #4856cb; --gse-ui-toggle-handle-borderRadius: 16px; - --gse-ui-toggle-disabled-opacity: .5; + --gse-ui-toggle-disabled-opacity: 0.5; --gse-ui-toggle-focus-border-color: #7b88f7; --gse-ui-toggle-focus-border-width: 2px; --gse-ui-toggle-focus-border-style: solid; @@ -733,7 +733,7 @@ --gse-ui-timePicker-ampm-padding: 2px; --gse-ui-colorPicker-label-requiredSymbolColor: #e22245; --gse-ui-colorPicker-label-textColor: #1b2c48; - --gse-ui-colorPicker-label-text-fontFamily: 'Noto Sans'; + --gse-ui-colorPicker-label-text-fontFamily: "Noto Sans"; --gse-ui-colorPicker-label-text-fontWeight: 400; --gse-ui-colorPicker-label-text-fontSize: 12px; --gse-ui-colorPicker-label-text-lineHeight: 18px; @@ -753,8 +753,8 @@ --gse-ui-slider-handle-active-backgroundColor: #252e78; --gse-ui-slider-handle-disabled-backgroundColor: #4856cb; --gse-ui-slider-handle-borderRadius: 100%; - --gse-ui-slider-disabled-opacity: .5; - --gse-ui-slider-label-text-fontFamily: 'Noto Sans'; + --gse-ui-slider-disabled-opacity: 0.5; + --gse-ui-slider-label-text-fontFamily: "Noto Sans"; --gse-ui-slider-label-text-fontWeight: 600; --gse-ui-slider-label-text-fontSize: 14px; --gse-ui-slider-label-text-lineHeight: 20px; @@ -837,7 +837,7 @@ --gse-ui-selectorCard-descriptive-label-fontWeight: 700; --gse-ui-selectorCard-descriptive-label-fontSize: 16px; --gse-ui-selectorCard-descriptive-label-lineHeight: 24px; - --gse-ui-selectorCard-descriptive-description-fontFamily: 'Noto Sans'; + --gse-ui-selectorCard-descriptive-description-fontFamily: "Noto Sans"; --gse-ui-selectorCard-descriptive-description-fontWeight: 400; --gse-ui-selectorCard-descriptive-description-fontSize: 12px; --gse-ui-selectorCard-descriptive-description-lineHeight: 18px; @@ -847,7 +847,7 @@ --gse-ui-selectorCard-selected-border-color: #3742a2; --gse-ui-selectorCard-selected-border-width: 1px; --gse-ui-selectorCard-selected-border-style: solid; - --gse-ui-selectorCard-disabled-opacity: .5; + --gse-ui-selectorCard-disabled-opacity: 0.5; --gse-ui-selectorCard-disabled-backgroundColor: #ffffff; --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb; --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d; @@ -858,7 +858,7 @@ --gse-ui-search-counter-divider-border-width: 1px; --gse-ui-search-counter-divider-border-style: solid; --gse-ui-search-counter-divider-foregroundColor: #a3a7b0; - --gse-ui-search-counter-text-fontFamily: 'Noto Sans'; + --gse-ui-search-counter-text-fontFamily: "Noto Sans"; --gse-ui-search-counter-text-fontWeight: 400; --gse-ui-search-counter-text-fontSize: 12px; --gse-ui-search-counter-text-lineHeight: 18px; @@ -871,7 +871,7 @@ --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48; --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4; --gse-ui-simpleFilter-gap: 16px; - --gse-ui-dataTableItems-header-text-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-header-text-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-header-text-fontWeight: 700; --gse-ui-dataTableItems-header-text-fontSize: 12px; --gse-ui-dataTableItems-header-text-lineHeight: 18px; @@ -921,7 +921,7 @@ --gse-ui-dataTableItems-cell-padding: 0 12px; --gse-ui-dataTableItems-cell-gap: 8px; --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-cell-text-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-cell-text-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-cell-text-fontWeight: 400; --gse-ui-dataTableItems-cell-text-fontSize: 12px; --gse-ui-dataTableItems-cell-text-lineHeight: 18px; @@ -947,11 +947,11 @@ --gse-ui-dataTableItems-tablePagination-divider-color: #c6c8ce; --gse-ui-dataTableItems-tablePagination-divider-width: 1px; --gse-ui-dataTableItems-tablePagination-divider-style: solid; - --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-tablePagination-defaultText-fontWeight: 400; --gse-ui-dataTableItems-tablePagination-defaultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-defaultText-lineHeight: 18px; - --gse-ui-dataTableItems-tablePagination-currentResultText-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-tablePagination-currentResultText-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight: 700; --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; @@ -1034,7 +1034,7 @@ --gse-ui-avatar-media-initialsForeground-add: #4856cb; --gse-ui-avatar-hoverModal-shroudColor: #3e5374cc; --gse-ui-avatar-hoverModal-foregroundColor: #ffffff; - --gse-ui-avatar-hoverModal-opacity: .8; + --gse-ui-avatar-hoverModal-opacity: 0.8; --gse-ui-avatar-content-borderRadius: 100%; --gse-ui-avatar-content-default-border-color: #ffffff; --gse-ui-avatar-content-default-border-width: 1px; @@ -1138,8 +1138,8 @@ --gse-ui-tabs-item-height: 40px; --gse-ui-tabs-item-horizontal-fixedHeight: 40px; --gse-ui-tabs-item-horizontal-padding: 11px 12px 10px; - --gse-ui-tabs-item-disableOpacity: .5; - --gse-ui-tabs-item-itemText-fontFamily: 'Noto Sans'; + --gse-ui-tabs-item-disableOpacity: 0.5; + --gse-ui-tabs-item-itemText-fontFamily: "Noto Sans"; --gse-ui-tabs-item-itemText-fontWeight: 400; --gse-ui-tabs-item-itemText-fontSize: 12px; --gse-ui-tabs-item-itemText-lineHeight: 18px; @@ -1203,7 +1203,7 @@ --gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48; --gse-ui-advancedTabs-item-menuButton-focus-height: 53px; --gse-ui-advancedTabs-item-menuButton-focus-width: 40px; - --gse-ui-advancedTabs-item-itemText-fontFamily: 'Noto Sans'; + --gse-ui-advancedTabs-item-itemText-fontFamily: "Noto Sans"; --gse-ui-advancedTabs-item-itemText-fontWeight: 400; --gse-ui-advancedTabs-item-itemText-fontSize: 12px; --gse-ui-advancedTabs-item-itemText-lineHeight: 18px; @@ -1231,7 +1231,7 @@ --gse-ui-toast-heading-fontWeight: 700; --gse-ui-toast-heading-fontSize: 16px; --gse-ui-toast-heading-lineHeight: 24px; - --gse-ui-toast-text-fontFamily: 'Noto Sans'; + --gse-ui-toast-text-fontFamily: "Noto Sans"; --gse-ui-toast-text-fontWeight: 400; --gse-ui-toast-text-fontSize: 14px; --gse-ui-toast-text-lineHeight: 20px; @@ -1273,7 +1273,7 @@ --gse-ui-modal-boxShadow-offsetX: 0; --gse-ui-modal-boxShadow-offsetY: 0; --gse-ui-modal-borderRadius: 16px; - --gse-ui-modal-shroud-opacity: .8; + --gse-ui-modal-shroud-opacity: 0.8; --gse-ui-modal-dismissButton-paddingTop: 16px; --gse-ui-modal-dismissButton-paddingRight: 8px; --gse-ui-popover-borderRadius: 8px; @@ -1291,7 +1291,7 @@ --gse-ui-popover-buttonsBar-gap: 8px; --gse-ui-popover-header-gap: 4px; --gse-ui-popover-spacer-height: 16px; - --gse-ui-popover-body-text-fontFamily: 'Noto Sans'; + --gse-ui-popover-body-text-fontFamily: "Noto Sans"; --gse-ui-popover-body-text-fontWeight: 400; --gse-ui-popover-body-text-fontSize: 14px; --gse-ui-popover-body-text-lineHeight: 20px; @@ -1305,7 +1305,7 @@ --gse-ui-progressAndLoading-spinner-base: #dee1fd; --gse-ui-progressAndLoading-spinner-large: 48px; --gse-ui-progressAndLoading-spinner-small: 16px; - --gse-ui-progressAndLoading-spinner-text-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-spinner-text-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-spinner-text-fontWeight: 600; --gse-ui-progressAndLoading-spinner-text-fontSize: 12px; --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px; @@ -1314,7 +1314,7 @@ --gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px; --gse-ui-progressAndLoading-loadingState-large-header-lineHeight: 32px; - --gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight: 600; --gse-ui-progressAndLoading-loadingState-large-subheader-fontSize: 16px; --gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight: 24px; @@ -1323,7 +1323,7 @@ --gse-ui-progressAndLoading-loadingState-medium-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-medium-header-fontSize: 18px; --gse-ui-progressAndLoading-loadingState-medium-header-lineHeight: 27px; - --gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight: 600; --gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize: 14px; --gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight: 20px; @@ -1332,7 +1332,7 @@ --gse-ui-progressAndLoading-loadingState-small-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-small-header-fontSize: 16px; --gse-ui-progressAndLoading-loadingState-small-header-lineHeight: 24px; - --gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight: 600; --gse-ui-progressAndLoading-loadingState-small-subheader-fontSize: 12px; --gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight: 18px; @@ -1348,7 +1348,7 @@ --gse-ui-progressAndLoading-blankState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-blankState-large-header-fontSize: 18px; --gse-ui-progressAndLoading-blankState-large-header-lineHeight: 27px; - --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight: 600; --gse-ui-progressAndLoading-blankState-large-subheader-fontSize: 14px; --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight: 20px; @@ -1356,7 +1356,7 @@ --gse-ui-progressAndLoading-blankState-small-header-fontWeight: 700; --gse-ui-progressAndLoading-blankState-small-header-fontSize: 14px; --gse-ui-progressAndLoading-blankState-small-header-lineHeight: 24px; - --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight: 600; --gse-ui-progressAndLoading-blankState-small-subheader-fontSize: 12px; --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight: 18px; @@ -1374,20 +1374,18 @@ --gse-ui-blankState-gapContent: 24px; --gse-ui-blankState-iconColor: #626e84; --gse-ui-blankState-foregroundColor: #1b2c48; - --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-blankState-borderRadius: 8px; --gse-ui-modalSideSheet-backgroundColor: #ffffff; --gse-ui-modalSideSheet-headerColor: #1b2c48; --gse-ui-modalSideSheet-closeColor: #3e5374; --gse-ui-modalSideSheet-dividerColor: #c6c8ce; --gse-ui-modalSideSheet-shroudColor: #3e5374cc; - --gse-ui-modalSideSheet-shroud-opacity: .8; + --gse-ui-modalSideSheet-shroud-opacity: 0.8; --gse-ui-modalSideSheet-descriptionColor: #3e5374; --gse-ui-modalSideSheet-heading-fontFamily: Urbanist; --gse-ui-modalSideSheet-heading-fontWeight: 600; --gse-ui-modalSideSheet-heading-fontSize: 18px; --gse-ui-modalSideSheet-heading-lineHeight: 27px; - --gse-ui-modalSideSheet-description-fontFamily: 'Noto Sans'; + --gse-ui-modalSideSheet-description-fontFamily: "Noto Sans"; --gse-ui-modalSideSheet-description-fontWeight: 400; --gse-ui-modalSideSheet-description-fontSize: 12px; --gse-ui-modalSideSheet-description-lineHeight: 18px; @@ -1418,7 +1416,7 @@ --gse-ui-dynamicSideSheet-heading-fontWeight: 600; --gse-ui-dynamicSideSheet-heading-fontSize: 18px; --gse-ui-dynamicSideSheet-heading-lineHeight: 27px; - --gse-ui-dynamicSideSheet-description-fontFamily: 'Noto Sans'; + --gse-ui-dynamicSideSheet-description-fontFamily: "Noto Sans"; --gse-ui-dynamicSideSheet-description-fontWeight: 400; --gse-ui-dynamicSideSheet-description-fontSize: 12px; --gse-ui-dynamicSideSheet-description-lineHeight: 18px; @@ -1441,7 +1439,7 @@ --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374; --gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48; --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d; - --gse-ui-accordion-header-label-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-header-label-defaultText-fontFamily: "Noto Sans"; --gse-ui-accordion-header-label-defaultText-fontWeight: 700; --gse-ui-accordion-header-label-defaultText-fontSize: 14px; --gse-ui-accordion-header-label-defaultText-lineHeight: 20px; @@ -1466,15 +1464,15 @@ --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48; --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc; --gse-ui-accordion-menuItem-focus-borderRadius: 4px; - --gse-ui-accordion-menuItem-label-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-menuItem-label-defaultText-fontFamily: "Noto Sans"; --gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400; --gse-ui-accordion-menuItem-label-defaultText-fontSize: 12px; --gse-ui-accordion-menuItem-label-defaultText-lineHeight: 18px; - --gse-ui-accordion-menuItem-label-selectedText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-menuItem-label-selectedText-fontFamily: "Noto Sans"; --gse-ui-accordion-menuItem-label-selectedText-fontWeight: 600; --gse-ui-accordion-menuItem-label-selectedText-fontSize: 12px; --gse-ui-accordion-menuItem-label-selectedText-lineHeight: 18px; - --gse-ui-accordion-menuItem-shortcut-text-fontFamily: 'Noto Sans'; + --gse-ui-accordion-menuItem-shortcut-text-fontFamily: "Noto Sans"; --gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400; --gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px; --gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px; @@ -1485,7 +1483,7 @@ --gse-ui-accordion-contentItem-gap: 16px; --gse-ui-accordion-contentItem-foregroundColor: #1b2c48; --gse-ui-accordion-contentItem-backgroundColor: #ffffff; - --gse-ui-accordion-contentItem-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-contentItem-defaultText-fontFamily: "Noto Sans"; --gse-ui-accordion-contentItem-defaultText-fontWeight: 400; --gse-ui-accordion-contentItem-defaultText-fontSize: 12px; --gse-ui-accordion-contentItem-defaultText-lineHeight: 18px; @@ -1494,5 +1492,5 @@ --gse-ui-accordion-wrapper-dividerBorder-style: solid; --gse-ui-accordion-focus-offset-gap: 1px; --gse-ui-accordion-contentPanel-paddingBottom: 8px; - --gse-ui-accordion-label-disabled-opacity: .5; + --gse-ui-accordion-label-disabled-opacity: 0.5; } diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss index 9f716a1b7d..d099731218 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss @@ -1,8 +1,8 @@ @mixin tokens { - --gse-semantic-opacity-disabled: .5; - --gse-semantic-opacity-shroud: .8; + --gse-semantic-opacity-disabled: 0.5; + --gse-semantic-opacity-shroud: 0.8; --gse-semantic-theme-fontFamily-headings: Urbanist; - --gse-semantic-theme-fontFamily-body: 'Noto Sans'; + --gse-semantic-theme-fontFamily-body: "Noto Sans"; --gse-semantic-theme-background-container-primary-10: #ffffff; --gse-semantic-theme-background-container-primary-20: #fbfcfe; --gse-semantic-theme-background-container-primary-30: #f3f5fb; @@ -307,54 +307,54 @@ --gse-semantic-border-formControl-textInput-hover: #3742a2; --gse-semantic-border-formControl-textInput-active: #252e78; --gse-semantic-border-formControl-textInput-error: #e22245; - --gse-semantic-body-sm-regular-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-regular-fontFamily: "Noto Sans"; --gse-semantic-body-sm-regular-fontWeight: 400; --gse-semantic-body-sm-regular-fontSize: 12px; --gse-semantic-body-sm-regular-lineHeight: 18px; - --gse-semantic-body-sm-link-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-link-fontFamily: "Noto Sans"; --gse-semantic-body-sm-link-fontWeight: 600; --gse-semantic-body-sm-link-fontSize: 12px; --gse-semantic-body-sm-link-lineHeight: 18px; --gse-semantic-body-sm-link-textDecoration: underline; - --gse-semantic-body-sm-bold-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-bold-fontFamily: "Noto Sans"; --gse-semantic-body-sm-bold-fontWeight: 700; --gse-semantic-body-sm-bold-fontSize: 12px; --gse-semantic-body-sm-bold-lineHeight: 18px; - --gse-semantic-body-sm-semiBold-fontFamily: 'Noto Sans'; + --gse-semantic-body-sm-semiBold-fontFamily: "Noto Sans"; --gse-semantic-body-sm-semiBold-fontWeight: 600; --gse-semantic-body-sm-semiBold-fontSize: 12px; --gse-semantic-body-sm-semiBold-lineHeight: 18px; - --gse-semantic-body-md-regular-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-regular-fontFamily: "Noto Sans"; --gse-semantic-body-md-regular-fontWeight: 400; --gse-semantic-body-md-regular-fontSize: 14px; --gse-semantic-body-md-regular-lineHeight: 20px; - --gse-semantic-body-md-link-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-link-fontFamily: "Noto Sans"; --gse-semantic-body-md-link-fontWeight: 600; --gse-semantic-body-md-link-fontSize: 14px; --gse-semantic-body-md-link-lineHeight: 20px; --gse-semantic-body-md-link-textDecoration: underline; - --gse-semantic-body-md-bold-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-bold-fontFamily: "Noto Sans"; --gse-semantic-body-md-bold-fontWeight: 700; --gse-semantic-body-md-bold-fontSize: 14px; --gse-semantic-body-md-bold-lineHeight: 20px; - --gse-semantic-body-md-semiBold-fontFamily: 'Noto Sans'; + --gse-semantic-body-md-semiBold-fontFamily: "Noto Sans"; --gse-semantic-body-md-semiBold-fontWeight: 600; --gse-semantic-body-md-semiBold-fontSize: 14px; --gse-semantic-body-md-semiBold-lineHeight: 20px; - --gse-semantic-body-lg-regular-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-regular-fontFamily: "Noto Sans"; --gse-semantic-body-lg-regular-fontWeight: 400; --gse-semantic-body-lg-regular-fontSize: 16px; --gse-semantic-body-lg-regular-lineHeight: 24px; - --gse-semantic-body-lg-link-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-link-fontFamily: "Noto Sans"; --gse-semantic-body-lg-link-fontWeight: 600; --gse-semantic-body-lg-link-fontSize: 16px; --gse-semantic-body-lg-link-lineHeight: 24px; --gse-semantic-body-lg-link-textDecoration: underline; - --gse-semantic-body-lg-bold-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-bold-fontFamily: "Noto Sans"; --gse-semantic-body-lg-bold-fontWeight: 700; --gse-semantic-body-lg-bold-fontSize: 16px; --gse-semantic-body-lg-bold-lineHeight: 24px; - --gse-semantic-body-lg-semiBold-fontFamily: 'Noto Sans'; + --gse-semantic-body-lg-semiBold-fontFamily: "Noto Sans"; --gse-semantic-body-lg-semiBold-fontWeight: 600; --gse-semantic-body-lg-semiBold-fontSize: 16px; --gse-semantic-body-lg-semiBold-lineHeight: 24px; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss index 791df421bf..edacaf743a 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss @@ -1,6 +1,6 @@ @mixin tokens { --gse-ui-color-focus: #7b88f7; - --gse-ui-formControl-input-contentText-fontFamily: 'Noto Sans'; + --gse-ui-formControl-input-contentText-fontFamily: "Noto Sans"; --gse-ui-formControl-input-contentText-fontWeight: 400; --gse-ui-formControl-input-contentText-fontSize: 12px; --gse-ui-formControl-input-contentText-lineHeight: 18px; @@ -19,7 +19,7 @@ --gse-ui-formControl-input-disabled-border-color: #a3a7b0; --gse-ui-formControl-input-disabled-border-width: 1px; --gse-ui-formControl-input-disabled-border-style: solid; - --gse-ui-formControl-input-disabled-opacity: .5; + --gse-ui-formControl-input-disabled-opacity: 0.5; --gse-ui-formControl-input-borderRadius: 4px; --gse-ui-formControl-input-backgroundColor: #ffffff; --gse-ui-formControl-input-placeholderColor: #626e84; @@ -30,7 +30,7 @@ --gse-ui-formControl-input-gap: 12px; --gse-ui-formControl-input-top: 8px; --gse-ui-formControl-input-padding: 8px 12px; - --gse-ui-formControl-input-prefixSufix-text-fontFamily: 'Noto Sans'; + --gse-ui-formControl-input-prefixSufix-text-fontFamily: "Noto Sans"; --gse-ui-formControl-input-prefixSufix-text-fontWeight: 700; --gse-ui-formControl-input-prefixSufix-text-fontSize: 14px; --gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px; @@ -50,16 +50,16 @@ --gse-ui-formControl-input-spinbuttonIcon-size: 16px; --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7; --gse-ui-formControl-label-padding: 0 0 8px 0; - --gse-ui-formControl-label-text-fontFamily: 'Noto Sans'; + --gse-ui-formControl-label-text-fontFamily: "Noto Sans"; --gse-ui-formControl-label-text-fontWeight: 400; --gse-ui-formControl-label-text-fontSize: 12px; --gse-ui-formControl-label-text-lineHeight: 18px; - --gse-ui-formControl-label-textBold-fontFamily: 'Noto Sans'; + --gse-ui-formControl-label-textBold-fontFamily: "Noto Sans"; --gse-ui-formControl-label-textBold-fontWeight: 600; --gse-ui-formControl-label-textBold-fontSize: 12px; --gse-ui-formControl-label-textBold-lineHeight: 18px; --gse-ui-formControl-label-labelColor: #1b2c48; - --gse-ui-formControl-label-indicator-text-fontFamily: 'Noto Sans'; + --gse-ui-formControl-label-indicator-text-fontFamily: "Noto Sans"; --gse-ui-formControl-label-indicator-text-fontWeight: 400; --gse-ui-formControl-label-indicator-text-fontSize: 12px; --gse-ui-formControl-label-indicator-text-lineHeight: 18px; @@ -71,7 +71,7 @@ --gse-ui-formControl-formField-gap: 4px; --gse-ui-formControl-group-gapItems: 8px; --gse-ui-formControl-helper-gap: 4px; - --gse-ui-formControl-helper-helperText-fontFamily: 'Noto Sans'; + --gse-ui-formControl-helper-helperText-fontFamily: "Noto Sans"; --gse-ui-formControl-helper-helperText-fontWeight: 400; --gse-ui-formControl-helper-helperText-fontSize: 12px; --gse-ui-formControl-helper-helperText-lineHeight: 18px; @@ -127,7 +127,7 @@ --gse-ui-tooltip-height: 32px; --gse-ui-tooltip-gap: 8px; --gse-ui-tooltip-borderRadius: 4px; - --gse-ui-tooltip-text-fontFamily: 'Noto Sans'; + --gse-ui-tooltip-text-fontFamily: "Noto Sans"; --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; @@ -174,7 +174,7 @@ --gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48; --gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc; --gse-ui-tag-accent6-bold-foregroundColor: #ffffff; - --gse-ui-tag-text-fontFamily: 'Noto Sans'; + --gse-ui-tag-text-fontFamily: "Noto Sans"; --gse-ui-tag-text-fontWeight: 600; --gse-ui-tag-text-fontSize: 14px; --gse-ui-tag-text-lineHeight: 20px; @@ -207,9 +207,9 @@ --gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96; --gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48; --gse-ui-tag-button-size: 16px; - --gse-ui-tag-disabled-opacity: .5; + --gse-ui-tag-disabled-opacity: 0.5; --gse-ui-badge-borderRadius: 16px; - --gse-ui-badge-text-fontFamily: 'Noto Sans'; + --gse-ui-badge-text-fontFamily: "Noto Sans"; --gse-ui-badge-text-fontWeight: 600; --gse-ui-badge-text-fontSize: 12px; --gse-ui-badge-text-lineHeight: 18px; @@ -262,11 +262,11 @@ --gse-ui-alert-error-border-color: #f3a7b5; --gse-ui-alert-error-border-width: 1px; --gse-ui-alert-error-border-style: solid; - --gse-ui-alert-text-fontFamily: 'Noto Sans'; + --gse-ui-alert-text-fontFamily: "Noto Sans"; --gse-ui-alert-text-fontWeight: 400; --gse-ui-alert-text-fontSize: 12px; --gse-ui-alert-text-lineHeight: 18px; - --gse-ui-alert-emphasisText-fontFamily: 'Noto Sans'; + --gse-ui-alert-emphasisText-fontFamily: "Noto Sans"; --gse-ui-alert-emphasisText-fontWeight: 700; --gse-ui-alert-emphasisText-fontSize: 12px; --gse-ui-alert-emphasisText-lineHeight: 18px; @@ -275,18 +275,18 @@ --gse-ui-rating-active-color: #4856cb; --gse-ui-rating-hover-color: #3742a2; --gse-ui-rating-disabled-color: #767c8d; - --gse-ui-rating-disabled-opacity: .5; + --gse-ui-rating-disabled-opacity: 0.5; --gse-ui-rating-size: 16px; --gse-ui-rating-star-gap: 8px; --gse-ui-breadcrumbs-primary-height: 20px; --gse-ui-breadcrumbs-primary-separator-padding: 0 12px; - --gse-ui-breadcrumbs-primary-separator-typography-fontFamily: 'Noto Sans'; + --gse-ui-breadcrumbs-primary-separator-typography-fontFamily: "Noto Sans"; --gse-ui-breadcrumbs-primary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-primary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-primary-separator-typography-lineHeight: 20px; --gse-ui-breadcrumbs-secondary-height: 16px; --gse-ui-breadcrumbs-secondary-separator-padding: 0 8px; - --gse-ui-breadcrumbs-secondary-separator-typography-fontFamily: 'Noto Sans'; + --gse-ui-breadcrumbs-secondary-separator-typography-fontFamily: "Noto Sans"; --gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px; @@ -297,7 +297,7 @@ --gse-ui-segmentedControl-button-start-borderRadius: 4px 0 0 4px; --gse-ui-segmentedControl-button-middle-borderRadius: 0; --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0; - --gse-ui-segmentedControl-button-disabled-opacity: .5; + --gse-ui-segmentedControl-button-disabled-opacity: 0.5; --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); @@ -343,7 +343,7 @@ --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48; --gse-ui-copyToClipboard-label-padding: 2px 4px; --gse-ui-copyToClipboard-label-borderRadius: 4px; - --gse-ui-copyToClipboard-label-text-fontFamily: 'Noto Sans'; + --gse-ui-copyToClipboard-label-text-fontFamily: "Noto Sans"; --gse-ui-copyToClipboard-label-text-fontWeight: 600; --gse-ui-copyToClipboard-label-text-fontSize: 14px; --gse-ui-copyToClipboard-label-text-lineHeight: 20px; @@ -397,8 +397,8 @@ --gse-ui-button-danger-active-backgroundColor: #440a15; --gse-ui-button-danger-active-foregroundColor: #ffffff; --gse-ui-button-borderRadius: 4px; - --gse-ui-button-disabled-opacity: .5; - --gse-ui-button-text-fontFamily: 'Noto Sans'; + --gse-ui-button-disabled-opacity: 0.5; + --gse-ui-button-text-fontFamily: "Noto Sans"; --gse-ui-button-text-fontWeight: 700; --gse-ui-button-text-fontSize: 12px; --gse-ui-button-text-lineHeight: 18px; @@ -428,31 +428,31 @@ --gse-ui-links-asButton-height: 32px; --gse-ui-links-asButton-padding: 12px; --gse-ui-links-asButton-gap: 8px; - --gse-ui-links-asButton-text-fontFamily: 'Noto Sans'; + --gse-ui-links-asButton-text-fontFamily: "Noto Sans"; --gse-ui-links-asButton-text-fontWeight: 600; --gse-ui-links-asButton-text-fontSize: 14px; --gse-ui-links-asButton-text-lineHeight: 20px; - --gse-ui-links-asButton-underlinedText-fontFamily: 'Noto Sans'; + --gse-ui-links-asButton-underlinedText-fontFamily: "Noto Sans"; --gse-ui-links-asButton-underlinedText-fontWeight: 600; --gse-ui-links-asButton-underlinedText-fontSize: 14px; --gse-ui-links-asButton-underlinedText-lineHeight: 20px; --gse-ui-links-asButton-underlinedText-textDecoration: underline; --gse-ui-links-inLine-medium-height: 24px; - --gse-ui-links-inLine-medium-text-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-medium-text-fontFamily: "Noto Sans"; --gse-ui-links-inLine-medium-text-fontWeight: 600; --gse-ui-links-inLine-medium-text-fontSize: 14px; --gse-ui-links-inLine-medium-text-lineHeight: 20px; - --gse-ui-links-inLine-medium-underlinedText-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-medium-underlinedText-fontFamily: "Noto Sans"; --gse-ui-links-inLine-medium-underlinedText-fontWeight: 600; --gse-ui-links-inLine-medium-underlinedText-fontSize: 14px; --gse-ui-links-inLine-medium-underlinedText-lineHeight: 20px; --gse-ui-links-inLine-medium-underlinedText-textDecoration: underline; --gse-ui-links-inLine-small-height: 20px; - --gse-ui-links-inLine-small-text-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-small-text-fontFamily: "Noto Sans"; --gse-ui-links-inLine-small-text-fontWeight: 600; --gse-ui-links-inLine-small-text-fontSize: 12px; --gse-ui-links-inLine-small-text-lineHeight: 18px; - --gse-ui-links-inLine-small-underlinedText-fontFamily: 'Noto Sans'; + --gse-ui-links-inLine-small-underlinedText-fontFamily: "Noto Sans"; --gse-ui-links-inLine-small-underlinedText-fontWeight: 600; --gse-ui-links-inLine-small-underlinedText-fontSize: 12px; --gse-ui-links-inLine-small-underlinedText-lineHeight: 18px; @@ -473,14 +473,14 @@ --gse-ui-radioButton-icon-height: 16px; --gse-ui-radioButton-icon-width: 16px; --gse-ui-radioButton-label-foregroundColor: #1b2c48; - --gse-ui-radioButton-label-text-fontFamily: 'Noto Sans'; + --gse-ui-radioButton-label-text-fontFamily: "Noto Sans"; --gse-ui-radioButton-label-text-fontWeight: 400; --gse-ui-radioButton-label-text-fontSize: 12px; --gse-ui-radioButton-label-text-lineHeight: 18px; --gse-ui-radioButton-gap: 8px; --gse-ui-radioButton-helper-padding: 4px 0 0 24px; --gse-ui-radioButton-helper-gap: 8px; - --gse-ui-radioButton-disabled-opacity: .5; + --gse-ui-radioButton-disabled-opacity: 0.5; --gse-ui-radioButton-focus-border-color: #7b88f7; --gse-ui-radioButton-focus-border-width: 2px; --gse-ui-radioButton-focus-border-style: solid; @@ -494,14 +494,14 @@ --gse-ui-checkbox-icon-height: 16px; --gse-ui-checkbox-icon-width: 16px; --gse-ui-checkbox-label-foregroundColor: #1b2c48; - --gse-ui-checkbox-label-text-fontFamily: 'Noto Sans'; + --gse-ui-checkbox-label-text-fontFamily: "Noto Sans"; --gse-ui-checkbox-label-text-fontWeight: 400; --gse-ui-checkbox-label-text-fontSize: 12px; --gse-ui-checkbox-label-text-lineHeight: 18px; --gse-ui-checkbox-helper-padding: 4px 0 0 24px; --gse-ui-checkbox-helper-gap: 8px; --gse-ui-checkbox-gap: 8px; - --gse-ui-checkbox-disabled-opacity: .5; + --gse-ui-checkbox-disabled-opacity: 0.5; --gse-ui-checkbox-focus-border-color: #7b88f7; --gse-ui-checkbox-focus-border-width: 2px; --gse-ui-checkbox-focus-border-style: solid; @@ -514,16 +514,16 @@ --gse-ui-menu-option-height: 32px; --gse-ui-menu-option-startIcon-height: 16px; --gse-ui-menu-option-startIcon-width: 16px; - --gse-ui-menu-option-label-default-text-fontFamily: 'Noto Sans'; + --gse-ui-menu-option-label-default-text-fontFamily: "Noto Sans"; --gse-ui-menu-option-label-default-text-fontWeight: 400; --gse-ui-menu-option-label-default-text-fontSize: 12px; --gse-ui-menu-option-label-default-text-lineHeight: 18px; - --gse-ui-menu-option-label-active-text-fontFamily: 'Noto Sans'; + --gse-ui-menu-option-label-active-text-fontFamily: "Noto Sans"; --gse-ui-menu-option-label-active-text-fontWeight: 700; --gse-ui-menu-option-label-active-text-fontSize: 12px; --gse-ui-menu-option-label-active-text-lineHeight: 18px; --gse-ui-menu-option-label-foregroundColor: #1b2c48; - --gse-ui-menu-option-shortcut-text-fontFamily: 'Noto Sans'; + --gse-ui-menu-option-shortcut-text-fontFamily: "Noto Sans"; --gse-ui-menu-option-shortcut-text-fontWeight: 400; --gse-ui-menu-option-shortcut-text-fontSize: 14px; --gse-ui-menu-option-shortcut-text-lineHeight: 20px; @@ -531,7 +531,7 @@ --gse-ui-menu-option-shortcut-selected-foregroundColor: #1b2c48; --gse-ui-menu-option-hover-backgroundColor: #eff0fe; --gse-ui-menu-option-selected-backgroundColor: #ced2fc; - --gse-ui-menu-option-disabled-opacity: .5; + --gse-ui-menu-option-disabled-opacity: 0.5; --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #767c8d; --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #3742a2; --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #252e78; @@ -592,7 +592,7 @@ --gse-ui-calendarMenu-day-range-height: 32px; --gse-ui-calendarMenu-day-input-height: 32px; --gse-ui-calendarMenu-day-input-width: 160px; - --gse-ui-calendarMenu-day-headerText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-day-headerText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-day-headerText-fontWeight: 700; --gse-ui-calendarMenu-day-headerText-fontSize: 12px; --gse-ui-calendarMenu-day-headerText-lineHeight: 18px; @@ -605,17 +605,17 @@ --gse-ui-calendarMenu-month-single-header-height: 48px; --gse-ui-calendarMenu-month-monthCell-width: 66px; --gse-ui-calendarMenu-month-monthCell-height: 48px; - --gse-ui-calendarMenu-month-headerText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-month-headerText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-month-headerText-fontWeight: 400; --gse-ui-calendarMenu-month-headerText-fontSize: 16px; --gse-ui-calendarMenu-month-headerText-lineHeight: 24px; --gse-ui-calendarMenu-month-range-vertical-width: 272px; --gse-ui-calendarMenu-month-range-vertical-height: 652px; - --gse-ui-calendarMenu-month-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-month-defaultText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-month-defaultText-fontWeight: 400; --gse-ui-calendarMenu-month-defaultText-fontSize: 12px; --gse-ui-calendarMenu-month-defaultText-lineHeight: 18px; - --gse-ui-calendarMenu-month-currentText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-month-currentText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-month-currentText-fontWeight: 700; --gse-ui-calendarMenu-month-currentText-fontSize: 12px; --gse-ui-calendarMenu-month-currentText-lineHeight: 18px; @@ -634,11 +634,11 @@ --gse-ui-calendarMenu-header-padding: 12px 16px; --gse-ui-calendarMenu-header-arrow-padding: 8px; --gse-ui-calendarMenu-backgroundColor: #ffffff; - --gse-ui-calendarMenu-date-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-date-defaultText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-date-defaultText-fontWeight: 400; --gse-ui-calendarMenu-date-defaultText-fontSize: 12px; --gse-ui-calendarMenu-date-defaultText-lineHeight: 18px; - --gse-ui-calendarMenu-date-currentText-fontFamily: 'Noto Sans'; + --gse-ui-calendarMenu-date-currentText-fontFamily: "Noto Sans"; --gse-ui-calendarMenu-date-currentText-fontWeight: 700; --gse-ui-calendarMenu-date-currentText-fontSize: 12px; --gse-ui-calendarMenu-date-currentText-lineHeight: 18px; @@ -655,8 +655,8 @@ --gse-ui-calendarMenu-range-body-firstMonth-borderRadius: 0 0 0 8px; --gse-ui-calendarMenu-range-body-secondMonth-borderRadius: 0 0 8px 0; --gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 16px 16px 0; - --gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px; - --gse-ui-calendarMenu-disabled-opacity: .5; + --gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px; + --gse-ui-calendarMenu-disabled-opacity: 0.5; --gse-ui-calendarMenu-monthBody-padding: 16px 24px; --gse-ui-calendarMenu-monthBody-gap: 2px; --gse-ui-calendarMenu-boxShadow-blur: 4px; @@ -669,11 +669,11 @@ --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; - --gse-ui-datePicker-disabled-opacity: .5; + --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; --gse-ui-datePicker-iconHover: #3742a2; --gse-ui-datePicker-iconFocus: #3742a2; - --gse-ui-toggle-label-fontFamily: 'Noto Sans'; + --gse-ui-toggle-label-fontFamily: "Noto Sans"; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; --gse-ui-toggle-label-lineHeight: 18px; @@ -707,7 +707,7 @@ --gse-ui-toggle-handle-backgroundColor: #ffffff; --gse-ui-toggle-handle-foregroundColor: #4856cb; --gse-ui-toggle-handle-borderRadius: 16px; - --gse-ui-toggle-disabled-opacity: .5; + --gse-ui-toggle-disabled-opacity: 0.5; --gse-ui-toggle-focus-border-color: #7b88f7; --gse-ui-toggle-focus-border-width: 2px; --gse-ui-toggle-focus-border-style: solid; @@ -733,7 +733,7 @@ --gse-ui-timePicker-ampm-padding: 2px; --gse-ui-colorPicker-label-requiredSymbolColor: #e22245; --gse-ui-colorPicker-label-textColor: #1b2c48; - --gse-ui-colorPicker-label-text-fontFamily: 'Noto Sans'; + --gse-ui-colorPicker-label-text-fontFamily: "Noto Sans"; --gse-ui-colorPicker-label-text-fontWeight: 400; --gse-ui-colorPicker-label-text-fontSize: 12px; --gse-ui-colorPicker-label-text-lineHeight: 18px; @@ -753,8 +753,8 @@ --gse-ui-slider-handle-active-backgroundColor: #252e78; --gse-ui-slider-handle-disabled-backgroundColor: #4856cb; --gse-ui-slider-handle-borderRadius: 100%; - --gse-ui-slider-disabled-opacity: .5; - --gse-ui-slider-label-text-fontFamily: 'Noto Sans'; + --gse-ui-slider-disabled-opacity: 0.5; + --gse-ui-slider-label-text-fontFamily: "Noto Sans"; --gse-ui-slider-label-text-fontWeight: 600; --gse-ui-slider-label-text-fontSize: 14px; --gse-ui-slider-label-text-lineHeight: 20px; @@ -837,7 +837,7 @@ --gse-ui-selectorCard-descriptive-label-fontWeight: 700; --gse-ui-selectorCard-descriptive-label-fontSize: 16px; --gse-ui-selectorCard-descriptive-label-lineHeight: 24px; - --gse-ui-selectorCard-descriptive-description-fontFamily: 'Noto Sans'; + --gse-ui-selectorCard-descriptive-description-fontFamily: "Noto Sans"; --gse-ui-selectorCard-descriptive-description-fontWeight: 400; --gse-ui-selectorCard-descriptive-description-fontSize: 12px; --gse-ui-selectorCard-descriptive-description-lineHeight: 18px; @@ -847,7 +847,7 @@ --gse-ui-selectorCard-selected-border-color: #3742a2; --gse-ui-selectorCard-selected-border-width: 1px; --gse-ui-selectorCard-selected-border-style: solid; - --gse-ui-selectorCard-disabled-opacity: .5; + --gse-ui-selectorCard-disabled-opacity: 0.5; --gse-ui-selectorCard-disabled-backgroundColor: #ffffff; --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb; --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d; @@ -858,7 +858,7 @@ --gse-ui-search-counter-divider-border-width: 1px; --gse-ui-search-counter-divider-border-style: solid; --gse-ui-search-counter-divider-foregroundColor: #a3a7b0; - --gse-ui-search-counter-text-fontFamily: 'Noto Sans'; + --gse-ui-search-counter-text-fontFamily: "Noto Sans"; --gse-ui-search-counter-text-fontWeight: 400; --gse-ui-search-counter-text-fontSize: 12px; --gse-ui-search-counter-text-lineHeight: 18px; @@ -871,7 +871,7 @@ --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48; --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4; --gse-ui-simpleFilter-gap: 16px; - --gse-ui-dataTableItems-header-text-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-header-text-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-header-text-fontWeight: 700; --gse-ui-dataTableItems-header-text-fontSize: 12px; --gse-ui-dataTableItems-header-text-lineHeight: 18px; @@ -921,7 +921,7 @@ --gse-ui-dataTableItems-cell-padding: 0 12px; --gse-ui-dataTableItems-cell-gap: 8px; --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-cell-text-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-cell-text-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-cell-text-fontWeight: 400; --gse-ui-dataTableItems-cell-text-fontSize: 12px; --gse-ui-dataTableItems-cell-text-lineHeight: 18px; @@ -947,11 +947,11 @@ --gse-ui-dataTableItems-tablePagination-divider-color: #c6c8ce; --gse-ui-dataTableItems-tablePagination-divider-width: 1px; --gse-ui-dataTableItems-tablePagination-divider-style: solid; - --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-tablePagination-defaultText-fontWeight: 400; --gse-ui-dataTableItems-tablePagination-defaultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-defaultText-lineHeight: 18px; - --gse-ui-dataTableItems-tablePagination-currentResultText-fontFamily: 'Noto Sans'; + --gse-ui-dataTableItems-tablePagination-currentResultText-fontFamily: "Noto Sans"; --gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight: 700; --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; @@ -1034,7 +1034,7 @@ --gse-ui-avatar-media-initialsForeground-add: #4856cb; --gse-ui-avatar-hoverModal-shroudColor: #3e5374cc; --gse-ui-avatar-hoverModal-foregroundColor: #ffffff; - --gse-ui-avatar-hoverModal-opacity: .8; + --gse-ui-avatar-hoverModal-opacity: 0.8; --gse-ui-avatar-content-borderRadius: 100%; --gse-ui-avatar-content-default-border-color: #ffffff; --gse-ui-avatar-content-default-border-width: 1px; @@ -1138,8 +1138,8 @@ --gse-ui-tabs-item-height: 40px; --gse-ui-tabs-item-horizontal-fixedHeight: 40px; --gse-ui-tabs-item-horizontal-padding: 11px 12px 10px; - --gse-ui-tabs-item-disableOpacity: .5; - --gse-ui-tabs-item-itemText-fontFamily: 'Noto Sans'; + --gse-ui-tabs-item-disableOpacity: 0.5; + --gse-ui-tabs-item-itemText-fontFamily: "Noto Sans"; --gse-ui-tabs-item-itemText-fontWeight: 400; --gse-ui-tabs-item-itemText-fontSize: 12px; --gse-ui-tabs-item-itemText-lineHeight: 18px; @@ -1203,7 +1203,7 @@ --gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48; --gse-ui-advancedTabs-item-menuButton-focus-height: 53px; --gse-ui-advancedTabs-item-menuButton-focus-width: 40px; - --gse-ui-advancedTabs-item-itemText-fontFamily: 'Noto Sans'; + --gse-ui-advancedTabs-item-itemText-fontFamily: "Noto Sans"; --gse-ui-advancedTabs-item-itemText-fontWeight: 400; --gse-ui-advancedTabs-item-itemText-fontSize: 12px; --gse-ui-advancedTabs-item-itemText-lineHeight: 18px; @@ -1231,7 +1231,7 @@ --gse-ui-toast-heading-fontWeight: 700; --gse-ui-toast-heading-fontSize: 16px; --gse-ui-toast-heading-lineHeight: 24px; - --gse-ui-toast-text-fontFamily: 'Noto Sans'; + --gse-ui-toast-text-fontFamily: "Noto Sans"; --gse-ui-toast-text-fontWeight: 400; --gse-ui-toast-text-fontSize: 14px; --gse-ui-toast-text-lineHeight: 20px; @@ -1273,7 +1273,7 @@ --gse-ui-modal-boxShadow-offsetX: 0; --gse-ui-modal-boxShadow-offsetY: 0; --gse-ui-modal-borderRadius: 16px; - --gse-ui-modal-shroud-opacity: .8; + --gse-ui-modal-shroud-opacity: 0.8; --gse-ui-modal-dismissButton-paddingTop: 16px; --gse-ui-modal-dismissButton-paddingRight: 8px; --gse-ui-popover-borderRadius: 8px; @@ -1291,7 +1291,7 @@ --gse-ui-popover-buttonsBar-gap: 8px; --gse-ui-popover-header-gap: 4px; --gse-ui-popover-spacer-height: 16px; - --gse-ui-popover-body-text-fontFamily: 'Noto Sans'; + --gse-ui-popover-body-text-fontFamily: "Noto Sans"; --gse-ui-popover-body-text-fontWeight: 400; --gse-ui-popover-body-text-fontSize: 14px; --gse-ui-popover-body-text-lineHeight: 20px; @@ -1305,7 +1305,7 @@ --gse-ui-progressAndLoading-spinner-base: #dee1fd; --gse-ui-progressAndLoading-spinner-large: 48px; --gse-ui-progressAndLoading-spinner-small: 16px; - --gse-ui-progressAndLoading-spinner-text-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-spinner-text-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-spinner-text-fontWeight: 600; --gse-ui-progressAndLoading-spinner-text-fontSize: 12px; --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px; @@ -1314,7 +1314,7 @@ --gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px; --gse-ui-progressAndLoading-loadingState-large-header-lineHeight: 32px; - --gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight: 600; --gse-ui-progressAndLoading-loadingState-large-subheader-fontSize: 16px; --gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight: 24px; @@ -1323,7 +1323,7 @@ --gse-ui-progressAndLoading-loadingState-medium-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-medium-header-fontSize: 18px; --gse-ui-progressAndLoading-loadingState-medium-header-lineHeight: 27px; - --gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight: 600; --gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize: 14px; --gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight: 20px; @@ -1332,7 +1332,7 @@ --gse-ui-progressAndLoading-loadingState-small-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-small-header-fontSize: 16px; --gse-ui-progressAndLoading-loadingState-small-header-lineHeight: 24px; - --gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight: 600; --gse-ui-progressAndLoading-loadingState-small-subheader-fontSize: 12px; --gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight: 18px; @@ -1348,7 +1348,7 @@ --gse-ui-progressAndLoading-blankState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-blankState-large-header-fontSize: 18px; --gse-ui-progressAndLoading-blankState-large-header-lineHeight: 27px; - --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight: 600; --gse-ui-progressAndLoading-blankState-large-subheader-fontSize: 14px; --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight: 20px; @@ -1356,7 +1356,7 @@ --gse-ui-progressAndLoading-blankState-small-header-fontWeight: 700; --gse-ui-progressAndLoading-blankState-small-header-fontSize: 14px; --gse-ui-progressAndLoading-blankState-small-header-lineHeight: 24px; - --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily: 'Noto Sans'; + --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily: "Noto Sans"; --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight: 600; --gse-ui-progressAndLoading-blankState-small-subheader-fontSize: 12px; --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight: 18px; @@ -1374,20 +1374,18 @@ --gse-ui-blankState-gapContent: 24px; --gse-ui-blankState-iconColor: #626e84; --gse-ui-blankState-foregroundColor: #1b2c48; - --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-blankState-borderRadius: 8px; --gse-ui-modalSideSheet-backgroundColor: #ffffff; --gse-ui-modalSideSheet-headerColor: #1b2c48; --gse-ui-modalSideSheet-closeColor: #3e5374; --gse-ui-modalSideSheet-dividerColor: #c6c8ce; --gse-ui-modalSideSheet-shroudColor: #3e5374cc; - --gse-ui-modalSideSheet-shroud-opacity: .8; + --gse-ui-modalSideSheet-shroud-opacity: 0.8; --gse-ui-modalSideSheet-descriptionColor: #3e5374; --gse-ui-modalSideSheet-heading-fontFamily: Urbanist; --gse-ui-modalSideSheet-heading-fontWeight: 600; --gse-ui-modalSideSheet-heading-fontSize: 18px; --gse-ui-modalSideSheet-heading-lineHeight: 27px; - --gse-ui-modalSideSheet-description-fontFamily: 'Noto Sans'; + --gse-ui-modalSideSheet-description-fontFamily: "Noto Sans"; --gse-ui-modalSideSheet-description-fontWeight: 400; --gse-ui-modalSideSheet-description-fontSize: 12px; --gse-ui-modalSideSheet-description-lineHeight: 18px; @@ -1418,7 +1416,7 @@ --gse-ui-dynamicSideSheet-heading-fontWeight: 600; --gse-ui-dynamicSideSheet-heading-fontSize: 18px; --gse-ui-dynamicSideSheet-heading-lineHeight: 27px; - --gse-ui-dynamicSideSheet-description-fontFamily: 'Noto Sans'; + --gse-ui-dynamicSideSheet-description-fontFamily: "Noto Sans"; --gse-ui-dynamicSideSheet-description-fontWeight: 400; --gse-ui-dynamicSideSheet-description-fontSize: 12px; --gse-ui-dynamicSideSheet-description-lineHeight: 18px; @@ -1441,7 +1439,7 @@ --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374; --gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48; --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d; - --gse-ui-accordion-header-label-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-header-label-defaultText-fontFamily: "Noto Sans"; --gse-ui-accordion-header-label-defaultText-fontWeight: 700; --gse-ui-accordion-header-label-defaultText-fontSize: 14px; --gse-ui-accordion-header-label-defaultText-lineHeight: 20px; @@ -1466,15 +1464,15 @@ --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48; --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc; --gse-ui-accordion-menuItem-focus-borderRadius: 4px; - --gse-ui-accordion-menuItem-label-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-menuItem-label-defaultText-fontFamily: "Noto Sans"; --gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400; --gse-ui-accordion-menuItem-label-defaultText-fontSize: 12px; --gse-ui-accordion-menuItem-label-defaultText-lineHeight: 18px; - --gse-ui-accordion-menuItem-label-selectedText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-menuItem-label-selectedText-fontFamily: "Noto Sans"; --gse-ui-accordion-menuItem-label-selectedText-fontWeight: 600; --gse-ui-accordion-menuItem-label-selectedText-fontSize: 12px; --gse-ui-accordion-menuItem-label-selectedText-lineHeight: 18px; - --gse-ui-accordion-menuItem-shortcut-text-fontFamily: 'Noto Sans'; + --gse-ui-accordion-menuItem-shortcut-text-fontFamily: "Noto Sans"; --gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400; --gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px; --gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px; @@ -1485,7 +1483,7 @@ --gse-ui-accordion-contentItem-gap: 16px; --gse-ui-accordion-contentItem-foregroundColor: #1b2c48; --gse-ui-accordion-contentItem-backgroundColor: #ffffff; - --gse-ui-accordion-contentItem-defaultText-fontFamily: 'Noto Sans'; + --gse-ui-accordion-contentItem-defaultText-fontFamily: "Noto Sans"; --gse-ui-accordion-contentItem-defaultText-fontWeight: 400; --gse-ui-accordion-contentItem-defaultText-fontSize: 12px; --gse-ui-accordion-contentItem-defaultText-lineHeight: 18px; @@ -1494,5 +1492,5 @@ --gse-ui-accordion-wrapper-dividerBorder-style: solid; --gse-ui-accordion-focus-offset-gap: 1px; --gse-ui-accordion-contentPanel-paddingBottom: 8px; - --gse-ui-accordion-label-disabled-opacity: .5; + --gse-ui-accordion-label-disabled-opacity: 0.5; } diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss index ac68642f92..f7cc90b829 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss @@ -1,6 +1,6 @@ @mixin tokens { - --gse-semantic-opacity-disabled: .5; - --gse-semantic-opacity-shroud: .8; + --gse-semantic-opacity-disabled: 0.5; + --gse-semantic-opacity-shroud: 0.8; --gse-semantic-theme-fontFamily-headings: Roboto; --gse-semantic-theme-fontFamily-body: Roboto; --gse-semantic-theme-background-container-primary-10: #ffffff; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss index 5aee1f66fc..28c71f618c 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss @@ -19,7 +19,7 @@ --gse-ui-formControl-input-disabled-border-color: #6b7585; --gse-ui-formControl-input-disabled-border-width: 1px; --gse-ui-formControl-input-disabled-border-style: solid; - --gse-ui-formControl-input-disabled-opacity: .5; + --gse-ui-formControl-input-disabled-opacity: 0.5; --gse-ui-formControl-input-borderRadius: 4px; --gse-ui-formControl-input-backgroundColor: #f6f7f9; --gse-ui-formControl-input-placeholderColor: #4c5667; @@ -207,7 +207,7 @@ --gse-ui-tag-accent10-subtle-backgroundColor: #f8f3c6; --gse-ui-tag-accent10-subtle-foregroundColor: #2e394c; --gse-ui-tag-button-size: 16px; - --gse-ui-tag-disabled-opacity: .5; + --gse-ui-tag-disabled-opacity: 0.5; --gse-ui-badge-borderRadius: 16px; --gse-ui-badge-text-fontFamily: Roboto; --gse-ui-badge-text-fontWeight: 600; @@ -275,7 +275,7 @@ --gse-ui-rating-active-color: #2a60c8; --gse-ui-rating-hover-color: #2754ac; --gse-ui-rating-disabled-color: #6b7585; - --gse-ui-rating-disabled-opacity: .5; + --gse-ui-rating-disabled-opacity: 0.5; --gse-ui-rating-size: 16px; --gse-ui-rating-star-gap: 8px; --gse-ui-breadcrumbs-primary-height: 20px; @@ -297,7 +297,7 @@ --gse-ui-segmentedControl-button-start-borderRadius: 4px 0 0 4px; --gse-ui-segmentedControl-button-middle-borderRadius: 0; --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0; - --gse-ui-segmentedControl-button-disabled-opacity: .5; + --gse-ui-segmentedControl-button-disabled-opacity: 0.5; --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-segmentedControl-button-disabled-foregroundColor: #2a60c8; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); @@ -397,7 +397,7 @@ --gse-ui-button-danger-active-backgroundColor: #520404; --gse-ui-button-danger-active-foregroundColor: #ffffff; --gse-ui-button-borderRadius: 4px; - --gse-ui-button-disabled-opacity: .5; + --gse-ui-button-disabled-opacity: 0.5; --gse-ui-button-text-fontFamily: Roboto; --gse-ui-button-text-fontWeight: 700; --gse-ui-button-text-fontSize: 12px; @@ -480,7 +480,7 @@ --gse-ui-radioButton-gap: 8px; --gse-ui-radioButton-helper-padding: 4px 0 0 24px; --gse-ui-radioButton-helper-gap: 8px; - --gse-ui-radioButton-disabled-opacity: .5; + --gse-ui-radioButton-disabled-opacity: 0.5; --gse-ui-radioButton-focus-border-color: #aac9ff; --gse-ui-radioButton-focus-border-width: 2px; --gse-ui-radioButton-focus-border-style: solid; @@ -501,7 +501,7 @@ --gse-ui-checkbox-helper-padding: 4px 0 0 24px; --gse-ui-checkbox-helper-gap: 8px; --gse-ui-checkbox-gap: 8px; - --gse-ui-checkbox-disabled-opacity: .5; + --gse-ui-checkbox-disabled-opacity: 0.5; --gse-ui-checkbox-focus-border-color: #aac9ff; --gse-ui-checkbox-focus-border-width: 2px; --gse-ui-checkbox-focus-border-style: solid; @@ -531,7 +531,7 @@ --gse-ui-menu-option-shortcut-selected-foregroundColor: #2e394c; --gse-ui-menu-option-hover-backgroundColor: #e8ecf2; --gse-ui-menu-option-selected-backgroundColor: #e2e6ee; - --gse-ui-menu-option-disabled-opacity: .5; + --gse-ui-menu-option-disabled-opacity: 0.5; --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #6b7585; --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #2754ac; --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #23478f; @@ -655,8 +655,8 @@ --gse-ui-calendarMenu-range-body-firstMonth-borderRadius: 0 0 0 4px; --gse-ui-calendarMenu-range-body-secondMonth-borderRadius: 0 0 4px 0; --gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 4px 4px 0; - --gse-ui-calendarMenu-range-date-startDate-borderRadius: 4px 0 0 4px; - --gse-ui-calendarMenu-disabled-opacity: .5; + --gse-ui-calendarMenu-range-date-startDate-borderRadius: 4px 0 0 4px; + --gse-ui-calendarMenu-disabled-opacity: 0.5; --gse-ui-calendarMenu-monthBody-padding: 16px 24px; --gse-ui-calendarMenu-monthBody-gap: 2px; --gse-ui-calendarMenu-boxShadow-blur: 4px; @@ -669,7 +669,7 @@ --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; - --gse-ui-datePicker-disabled-opacity: .5; + --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; --gse-ui-datePicker-iconHover: #3742a2; --gse-ui-datePicker-iconFocus: #3742a2; @@ -707,7 +707,7 @@ --gse-ui-toggle-handle-backgroundColor: #ffffff; --gse-ui-toggle-handle-foregroundColor: #2a60c8; --gse-ui-toggle-handle-borderRadius: 4px; - --gse-ui-toggle-disabled-opacity: .5; + --gse-ui-toggle-disabled-opacity: 0.5; --gse-ui-toggle-focus-border-color: #aac9ff; --gse-ui-toggle-focus-border-width: 2px; --gse-ui-toggle-focus-border-style: solid; @@ -753,7 +753,7 @@ --gse-ui-slider-handle-active-backgroundColor: #23478f; --gse-ui-slider-handle-disabled-backgroundColor: #2a60c8; --gse-ui-slider-handle-borderRadius: 100%; - --gse-ui-slider-disabled-opacity: .5; + --gse-ui-slider-disabled-opacity: 0.5; --gse-ui-slider-label-text-fontFamily: Roboto; --gse-ui-slider-label-text-fontWeight: 600; --gse-ui-slider-label-text-fontSize: 14px; @@ -847,7 +847,7 @@ --gse-ui-selectorCard-selected-border-color: #2a60c8; --gse-ui-selectorCard-selected-border-width: 1px; --gse-ui-selectorCard-selected-border-style: solid; - --gse-ui-selectorCard-disabled-opacity: .5; + --gse-ui-selectorCard-disabled-opacity: 0.5; --gse-ui-selectorCard-disabled-backgroundColor: #ffffff; --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2a60c8; --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #6b7585; @@ -1034,7 +1034,7 @@ --gse-ui-avatar-media-initialsForeground-add: #2e394c; --gse-ui-avatar-hoverModal-shroudColor: #202937cc; --gse-ui-avatar-hoverModal-foregroundColor: #ffffff; - --gse-ui-avatar-hoverModal-opacity: .8; + --gse-ui-avatar-hoverModal-opacity: 0.8; --gse-ui-avatar-content-borderRadius: 100%; --gse-ui-avatar-content-default-border-color: #ffffff; --gse-ui-avatar-content-default-border-width: 1px; @@ -1138,7 +1138,7 @@ --gse-ui-tabs-item-height: 40px; --gse-ui-tabs-item-horizontal-fixedHeight: 40px; --gse-ui-tabs-item-horizontal-padding: 11px 12px 10px; - --gse-ui-tabs-item-disableOpacity: .5; + --gse-ui-tabs-item-disableOpacity: 0.5; --gse-ui-tabs-item-itemText-fontFamily: Roboto; --gse-ui-tabs-item-itemText-fontWeight: 400; --gse-ui-tabs-item-itemText-fontSize: 12px; @@ -1273,7 +1273,7 @@ --gse-ui-modal-boxShadow-offsetX: 0; --gse-ui-modal-boxShadow-offsetY: 0; --gse-ui-modal-borderRadius: 4px; - --gse-ui-modal-shroud-opacity: .8; + --gse-ui-modal-shroud-opacity: 0.8; --gse-ui-modal-dismissButton-paddingTop: 16px; --gse-ui-modal-dismissButton-paddingRight: 8px; --gse-ui-popover-borderRadius: 4px; @@ -1374,14 +1374,12 @@ --gse-ui-blankState-gapContent: 24px; --gse-ui-blankState-iconColor: #4c5667; --gse-ui-blankState-foregroundColor: #2e394c; - --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-blankState-borderRadius: 4px; --gse-ui-modalSideSheet-backgroundColor: #ffffff; --gse-ui-modalSideSheet-headerColor: #2e394c; --gse-ui-modalSideSheet-closeColor: #3e4a5b; --gse-ui-modalSideSheet-dividerColor: #b4bccb; --gse-ui-modalSideSheet-shroudColor: #202937cc; - --gse-ui-modalSideSheet-shroud-opacity: .8; + --gse-ui-modalSideSheet-shroud-opacity: 0.8; --gse-ui-modalSideSheet-descriptionColor: #3e4a5b; --gse-ui-modalSideSheet-heading-fontFamily: Roboto; --gse-ui-modalSideSheet-heading-fontWeight: 600; @@ -1494,5 +1492,5 @@ --gse-ui-accordion-wrapper-dividerBorder-style: solid; --gse-ui-accordion-focus-offset-gap: 1px; --gse-ui-accordion-contentPanel-paddingBottom: 8px; - --gse-ui-accordion-label-disabled-opacity: .5; + --gse-ui-accordion-label-disabled-opacity: 0.5; }