{"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors-dark-theme.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/typography.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/01-base/mixins.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/others.scss"],"names":[],"mappings":"AAEA;EAEQ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACFR;EAEQ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACGR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEI;EAGA;EACA;EAGI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;ACzBJ;EDDR;IAqCoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACpCZ;EDDR;IAkDoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AErEpB;EACI;EAMI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAOJ;EAEI;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","sourcesContent":["@use '../02-tokens/colors-semantic' as semantic;\n\n:root {\n    @each $color, $value in semantic.$color-semantic-map {\n        --eds-c-#{$color}: #{$value};\n    }\n}","@use '../02-tokens/colors-semantic-dark-theme' as semantic;\n\nhtml.eui-t-dark {\n    @each $color, $value in semantic.$color-semantic-map {\n        --eds-c-#{$color}: #{$value};\n    }\n}","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n\n@font-face {\n  font-family: 'Inter';\n  src: url('#{base.$eds-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: block;\n}\n\n@font-face {\n  font-family: 'Inter';\n  src: url('#{base.$eds-assets-base-path}/fonts/inter/InterVariable-Italic.woff2') format('woff2');\n  font-weight: 100 900;\n  font-display: block;\n  font-style: italic;\n}\n\n:root {\n    // base font size\n    --eds-f-s-base: 16px;\n    \n    // font families\n    --eds-f-family: 'Inter', arial, sans-serif;\n    --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;    \n\n    @each $size, $def in typography-primitive.$font-size-map {\n        --eds-f-s-#{$size}: #{$def};\n    }\n    @each $size, $def in typography-primitive.$font-line-height-map {\n        --eds-f-lh-#{$size}: #{$def};\n    }\n    @each $size, $def in typography-primitive.$font-weight-map {\n        --eds-f-w-#{$size}: #{$def};\n    }\n\n    // EDS raw vars\n    @each $size, $def in typography-primitive.$font-size-letter-spacing-map {\n        --eds-f-ls-#{$size}: #{$def};\n    }    \n\n    // EDS typography\n    @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n        @each $size, $sizeDef in $typeDef {\n            --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n        }\n    }\n\n    @include base.media(maps.$eds-bkp-tablet) {\n        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {\n            $desktopTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'desktop'), $type);\n            @each $size, $sizeDef in $typeDef {\n                $desktopSizeDef: map.get($desktopTypeDef, $size);\n                // Only emit override if size or line-height differs from desktop\n                @if map.get($sizeDef, 'size') != map.get($desktopSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($desktopSizeDef, 'line-height') {\n                    --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n                }\n            }\n        }        \n    }\n\n    @include base.media(maps.$eds-bkp-mobile) {\n        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {\n            $tabletTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'tablet'), $type);\n            @each $size, $sizeDef in $typeDef {\n                $tabletSizeDef: map.get($tabletTypeDef, $size);\n                // Only emit override if size or line-height differs from tablet\n                @if map.get($sizeDef, 'size') != map.get($tabletSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($tabletSizeDef, 'line-height') {\n                    --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n                }\n            }\n        }        \n    }    \n}\n","@use 'sass:map';\n@use 'sass:list';\n\n$default-feature: \"min-width\";\n@mixin media($query: $feature $value $columns) {\n    @if list.length($query) == 1 {\n        @media screen and ($default-feature: list.nth($query, 1)) {\n            @content;\n        }\n    }\n    @else {\n        $loop-to: list.length($query);\n        $media-query: \"screen and \";\n        @if is-not(is-even(list.length($query))) {\n            $loop-to: $loop-to - 1;\n        }\n        $i: 1;\n        @while $i <=$loop-to {\n            $media-query: $media-query + \"(\" + list.nth($query, $i) + \": \" + list.nth($query, $i + 1) + \") \";\n            @if ($i + 1) != $loop-to {\n                $media-query: $media-query + \"and \";\n            }\n            $i: $i+2;\n        }\n        @media #{$media-query} {\n            @content;\n        }\n    }\n}\n\n@mixin eds-ellipsis() {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n@mixin eds-focus-visible($offset: -2px, $size: 2px) {\n    &:focus-visible:not([readonly]) {\n        outline: $size solid var(--eds-c-border-primary) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n@mixin eds-focus-ring($offset: 1px) {\n    &:focus:not([readonly]) {\n        outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eds-br-xs) !important;\n    }\n}\n@mixin eds-focus-ring-rounded($offset: 1px) {\n    &:focus:not([readonly]) {\n        outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eds-br-full) !important;\n    }\n}\n@mixin eds-focus-visible-ring($offset: 1px) {\n    &:focus-visible:not([readonly]) {\n        outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eds-br-xs) !important;\n    }\n}\n@mixin eds-focus-visible-ring-rounded($offset: 1px) {\n    &:focus-visible:not([readonly]) {\n        outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eds-br-full) !important;\n    }\n}\n\n\n@mixin loading-indicator() {\n    align-items: center;\n    display: flex;\n\n    &::after,\n    &::before {\n        content: '';\n        height: var(--eds-sp-l);\n        position: absolute;\n        right: var(--eds-sp-s);\n        width: var(--eds-sp-l);\n    }\n\n    &::before {\n        border: var(--eds-sp-3xs) solid rgba(0, 0, 0, 0.35);\n        border-radius: 100%;\n    }\n\n    &::after {\n        animation: loading 0.6s linear;\n        animation-iteration-count: infinite;\n        border-color: var(--eui-c-white) transparent transparent;\n        border-radius: 100%;\n        border-style: solid;\n        border-width: var(--eds-sp-3xs);\n        box-shadow: 0 0 0 1px transparent;\n    }\n\n    &--sm::after,\n    &--sm::before {\n        height: var(--eds-sp-m);\n        width: var(--eds-sp-m);\n    }\n\n    @keyframes loading {\n        to { transform: rotate(360deg); }\n    }\n}\n\n// EDS Input mixin — common styles for text inputs, textareas, selects\n@mixin eds-input() {\n    font: var(--eds-f-paragraph-m);\n    appearance: none;\n    background-color: var(--eds-c-surface-elevation);\n    border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);\n    border-radius: var(--eds-br-s);\n    box-shadow: none;\n    color: var(--eds-c-foreground-default);\n    min-height: var(--eds-si-3xl);\n    padding: var(--eds-sp-xs) var(--eds-sp-s);\n    width: 100%;\n    @include eds-focus-visible();\n\n    &:not([hidden]) {\n        display: block;\n    }\n\n    &::placeholder {\n        color: var(--eds-c-foreground-subtler);\n        opacity: 1;\n    }\n\n    // Readonly\n    &[readonly] {\n        background-color: transparent;\n        border-color: transparent;\n        box-shadow: none;\n        padding-left: 0;\n        padding-right: 0;\n        pointer-events: none;\n    }\n\n    // Disabled\n    &:disabled:not([readonly]),\n    &--disabled:not([readonly]) {\n        background-color: var(--eds-c-suface-disabled);\n        border-color: var(--eds-c-border-disabled);\n        color: var(--eds-c-foreground-subtler);\n        pointer-events: none;\n    }\n\n    // Invalid\n    &--invalid {\n        border-color: var(--eds-c-border-critical);\n    }\n\n    &--loading {\n        padding-right: var(--eds-sp-7xl);\n\n        &-icon {\n            @include loading-indicator();\n        }\n    }    \n}\n","@use 'sass:map';\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n\n:root {\n    --eds-base-line-height: 1.5rem;\n\n    // SPACING - eds-sp\n    // ---------------\n\n    @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n        --eds-sp-#{$spacing}: #{$value};\n    }\n    @each $sizing, $value in dimensions-semantic.$sizing-semantic-map {\n        --eds-si-#{$sizing}: #{$value};\n    }\n\n    \n    // BORDER RADIUS - eds-br\n    // ----------------------\n\n    @each $br, $value in maps.$border-radius-map {\n        --eds-br-#{$br}: #{$value};\n    }\n\n\n    // BREAKPOINTS - eds-bp\n    // ---------------------------\n\n    @each $bp, $value in maps.$breakpoint-size-map {\n        --eds-bp-#{$bp}: #{$value};\n    }\n\n\n    // BORDER WIDTH - eds-bw\n    // ---------------------\n\n    @each $br, $value in maps.$border-width-map {\n        --eds-bw-#{$br}: #{$value};\n    }\n\n\n    // BOX-SHADOWS - eds-sh\n    // --------------------\n\n    --eds-sh-none: none;\n    @each $sh, $shDef in maps.$shadow-map {\n        --eds-sh-#{$sh}: #{map.get($shDef, 'offset-x') map.get($shDef, 'offset-y') map.get($shDef, 'blur') map.get($shDef, 'spread') map.get($shDef, 'color')};\n    }\n\n\n    // ICON-SIZES - eds-is\n    // -------------------\n\n    @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n        --eds-is-#{$icon-size}: #{$value};\n    }\n\n\n    // OPACITY - eds-op\n    // ----------------\n\n    @each $idx, $value in maps.$opacity-map {\n        --eds-op-#{$idx}: #{$value};\n    }\n}"]}