@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 13.9 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","%3Cinput%20css%20u5UW-d%3E","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA,ACgBE,2DCVA,gEC2CM,CD1CN,wDEYF,CHHE,2DCVA,gEC2CM,CD1CN,wDEiBF,CHRE,mDCVA,4DC2CM,CD1CN,oDEsBF,CHbE,mDCVA,4DC2CM,CD1CN,oDE2BF,CHlBE,+DCVA,kEC2CM,CD1CN,0DEgCF,CHvBE,+DCVA,kEC2CM,CD1CN,0DEqCF,CH5BE,qDCVA,6DC2CM,CD1CN,qDE0CF,CHjCE,qDCVA,6DC2CM,CD1CN,qDE+CF,CHtCE,+DCVA,sEC2CM,CD1CN,8DEoDF,CH3CE,+DCVA,sEC2CM,CD1CN,8DEyDF,CHhDE,qECVA,qEC2CM,CD1CN,6DE8DF,CHrDE,qECVA,qEC2CM,CD1CN,6DEmEF,CH1DE,mDCVA,4DC2CM,CD1CN,oDEwEF,CH/DE,mDCVA,4DC2CM,CD1CN,oDE6EF,CHpEE,qDCVA,6DC2CM,CD1CN,qDEkFF,CHzEE,qDCVA,6DC2CM,CD1CN,qDEuFF,CH9EE,iECVA,mEC2CM,CD1CN,2DE4FF,CHnFE,iECVA,mEC2CM,CD1CN,2DEiGF,CHxFE,iDCVA,2DC2CM,CD1CN,mDEsGF,CH7FE,iDCVA,2DC2CM,CD1CN,mDE2GF,CHlGE,6DCVA,iEC2CM,CD1CN,yDEgHF,CHvGE,6DCVA,iEC2CM,CD1CN,yDEqHF,CH5GE,qECVA,qEC2CM,CD1CN,6DE0HF,CHjHE,qECVA,qEC2CM,CD1CN,6DE+HF,CHtHE,yDCVA,+DC2CM,CD1CN,uDEoIF,CH3HE,yDCVA,+DC2CM,CD1CN,uDEyIF,CHhIE,yDCVA,+DC2CM,CD1CN,uDE8IF,CHrIE,yDCVA,+DC2CM,CD1CN,uDEmJF,CH1IE,qDCVA,6DC2CM,CD1CN,qDEwJF,CH/IE,qDCVA,6DC2CM,CD1CN,qDE6JF,CHpJE,2DCVA,kEC2CM,CD1CN,0DEkKF,CHzJE,2DCVA,kEC2CM,CD1CN,0DEuKF,CC/JI;ECRI,cAAA,CFDR,CCSI;ECRI,cAAA,CFER,CCMI;ECRI,cAAA,CFKR,CCGI;ECRI,cAAA,CFQR","file":"icons-weather.main.min.css","sourcesContent":[null,"////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n\n@mixin mask-image-repeat($value) {\n -webkit-mask-repeat: $value;\n mask-repeat: $value;\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/preference';\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@mixin icon-forced-color($color: graytext, $adjust: false, $restrain: before after) {\n @include _pseudo($restrain) {\n @include preference.forced-colors {\n @if $adjust == true {\n forced-color-adjust: none;\n }\n background-color: $color;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\n }\n}\n","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n.fr-icon-cloudy-2-fill::before, .fr-icon-cloudy-2-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/cloudy-2-fill.svg\");\n mask-image: url(\"../../../icons/weather/cloudy-2-fill.svg\");\n}\n\n.fr-icon-cloudy-2-line::before, .fr-icon-cloudy-2-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/cloudy-2-line.svg\");\n mask-image: url(\"../../../icons/weather/cloudy-2-line.svg\");\n}\n\n.fr-icon-fire-fill::before, .fr-icon-fire-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/fire-fill.svg\");\n mask-image: url(\"../../../icons/weather/fire-fill.svg\");\n}\n\n.fr-icon-fire-line::before, .fr-icon-fire-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/fire-line.svg\");\n mask-image: url(\"../../../icons/weather/fire-line.svg\");\n}\n\n.fr-icon-flashlight-fill::before, .fr-icon-flashlight-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/flashlight-fill.svg\");\n mask-image: url(\"../../../icons/weather/flashlight-fill.svg\");\n}\n\n.fr-icon-flashlight-line::before, .fr-icon-flashlight-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/flashlight-line.svg\");\n mask-image: url(\"../../../icons/weather/flashlight-line.svg\");\n}\n\n.fr-icon-flood-fill::before, .fr-icon-flood-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/flood-fill.svg\");\n mask-image: url(\"../../../icons/weather/flood-fill.svg\");\n}\n\n.fr-icon-flood-line::before, .fr-icon-flood-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/flood-line.svg\");\n mask-image: url(\"../../../icons/weather/flood-line.svg\");\n}\n\n.fr-icon-avalanches-fill::before, .fr-icon-avalanches-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/fr--avalanches-fill.svg\");\n mask-image: url(\"../../../icons/weather/fr--avalanches-fill.svg\");\n}\n\n.fr-icon-submersion-fill::before, .fr-icon-submersion-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/fr--submersion-fill.svg\");\n mask-image: url(\"../../../icons/weather/fr--submersion-fill.svg\");\n}\n\n.fr-icon-heavy-showers-fill::before, .fr-icon-heavy-showers-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/heavy-showers-fill.svg\");\n mask-image: url(\"../../../icons/weather/heavy-showers-fill.svg\");\n}\n\n.fr-icon-heavy-showers-line::before, .fr-icon-heavy-showers-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/heavy-showers-line.svg\");\n mask-image: url(\"../../../icons/weather/heavy-showers-line.svg\");\n}\n\n.fr-icon-moon-fill::before, .fr-icon-moon-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/moon-fill.svg\");\n mask-image: url(\"../../../icons/weather/moon-fill.svg\");\n}\n\n.fr-icon-moon-line::before, .fr-icon-moon-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/moon-line.svg\");\n mask-image: url(\"../../../icons/weather/moon-line.svg\");\n}\n\n.fr-icon-snowy-fill::before, .fr-icon-snowy-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/snowy-fill.svg\");\n mask-image: url(\"../../../icons/weather/snowy-fill.svg\");\n}\n\n.fr-icon-snowy-line::before, .fr-icon-snowy-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/snowy-line.svg\");\n mask-image: url(\"../../../icons/weather/snowy-line.svg\");\n}\n\n.fr-icon-sparkling-2-fill::before, .fr-icon-sparkling-2-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/sparkling-2-fill.svg\");\n mask-image: url(\"../../../icons/weather/sparkling-2-fill.svg\");\n}\n\n.fr-icon-sparkling-2-line::before, .fr-icon-sparkling-2-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/sparkling-2-line.svg\");\n mask-image: url(\"../../../icons/weather/sparkling-2-line.svg\");\n}\n\n.fr-icon-sun-fill::before, .fr-icon-sun-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/sun-fill.svg\");\n mask-image: url(\"../../../icons/weather/sun-fill.svg\");\n}\n\n.fr-icon-sun-line::before, .fr-icon-sun-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/sun-line.svg\");\n mask-image: url(\"../../../icons/weather/sun-line.svg\");\n}\n\n.fr-icon-temp-cold-fill::before, .fr-icon-temp-cold-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/temp-cold-fill.svg\");\n mask-image: url(\"../../../icons/weather/temp-cold-fill.svg\");\n}\n\n.fr-icon-temp-cold-line::before, .fr-icon-temp-cold-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/temp-cold-line.svg\");\n mask-image: url(\"../../../icons/weather/temp-cold-line.svg\");\n}\n\n.fr-icon-thunderstorms-fill::before, .fr-icon-thunderstorms-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/thunderstorms-fill.svg\");\n mask-image: url(\"../../../icons/weather/thunderstorms-fill.svg\");\n}\n\n.fr-icon-thunderstorms-line::before, .fr-icon-thunderstorms-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/thunderstorms-line.svg\");\n mask-image: url(\"../../../icons/weather/thunderstorms-line.svg\");\n}\n\n.fr-icon-tornado-fill::before, .fr-icon-tornado-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/tornado-fill.svg\");\n mask-image: url(\"../../../icons/weather/tornado-fill.svg\");\n}\n\n.fr-icon-tornado-line::before, .fr-icon-tornado-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/tornado-line.svg\");\n mask-image: url(\"../../../icons/weather/tornado-line.svg\");\n}\n\n.fr-icon-typhoon-fill::before, .fr-icon-typhoon-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/typhoon-fill.svg\");\n mask-image: url(\"../../../icons/weather/typhoon-fill.svg\");\n}\n\n.fr-icon-typhoon-line::before, .fr-icon-typhoon-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/typhoon-line.svg\");\n mask-image: url(\"../../../icons/weather/typhoon-line.svg\");\n}\n\n.fr-icon-windy-fill::before, .fr-icon-windy-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/windy-fill.svg\");\n mask-image: url(\"../../../icons/weather/windy-fill.svg\");\n}\n\n.fr-icon-windy-line::before, .fr-icon-windy-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/windy-line.svg\");\n mask-image: url(\"../../../icons/weather/windy-line.svg\");\n}\n\n.fr-fi-flashlight-fill::before, .fr-fi-flashlight-fill::after {\n -webkit-mask-image: url(\"../../../icons/weather/flashlight-fill.svg\");\n mask-image: url(\"../../../icons/weather/flashlight-fill.svg\");\n}\n\n.fr-fi-flashlight-line::before, .fr-fi-flashlight-line::after {\n -webkit-mask-image: url(\"../../../icons/weather/flashlight-line.svg\");\n mask-image: url(\"../../../icons/weather/flashlight-line.svg\");\n}","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}