UNPKG

@codegouvfr/react-dsfr

Version:

French State Design System React integration library

1 lines 15.3 kB
{"version":3,"sources":["<no source>","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%20X2-j_Q%3E","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/icon/tool/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA,ACeI;ECRI,cAAA,CCLR,CFaI;ECRI,cAAA,CCFR,CFUI;ECRI,cAAA,CCCR,CFOI;ECRI,cAAA,CCIR,CCFI,2DCOF,yDCAE,8DHDF,CECA,yDCAE,8DHGF,CEHA,+DCAE,iEHOF,CEPA,+DCAE,iEHWF,CEXA,qDCAE,4DHeF,CEfA,qDCAE,4DHmBF,CEnBA,qECAE,oEHuBF,CEvBA,qECAE,oEH2BF,CE3BA,2DCAE,+DH+BF,CE/BA,2DCAE,+DHmCF,CEnCA,6DCAE,gEHuCF,CEvCA,6DCAE,gEH2CF,CE3CA,+DCAE,iEH+CF,CE/CA,+DCAE,iEHmDF,CEnDA,uECAE,qEHuDF,CEvDA,uECAE,qEH2DF,CE3DA,2DCAE,+DH+DF,CE/DA,2DCAE,+DHmEF,CEnEA,qDCAE,4DHuEF,CEvEA,qDCAE,4DH2EF,CE3EA,6DCAE,gEH+EF,CE/EA,6DCAE,gEHmFF,CEnFA,2ECAE,uEHuFF,CEvFA,2ECAE,uEH2FF,CE3FA,mDCAE,2DH+FF,CE/FA,mDCAE,2DHmGF,CEnGA,uDCAE,6DHuGF,CEvGA,uDCAE,6DH2GF,CE3GA,+DCAE,iEH+GF,CE/GA,+DCAE,iEHmHF,CEnHA,qDCAE,4DHuHF,CEvHA,qDCAE,4DH2HF,CE3HA,mDCAE,2DH+HF,CE/HA,mDCAE,2DHmIF,CEnIA,6DCAE,gEHuIF,CEvIA,6DCAE,gEH2IF,CE3IA,qDCAE,4DH+IF,CE/IA,qDCAE,4DHmJF,CEnJA,iECAE,kEHuJF,CEvJA,iECAE,kEH2JF,CE3JA,qECAE,oEH+JF,CE/JA,qECAE,oEHmKF,CEnKA,yDCAE,8DHuKF,CEvKA,yDCAE,8DH2KF,CE3KA,uDCAE,6DH+KF,CE/KA,uDCAE,6DHmLF,CEnLA,iECAE,kEHuLF,CEvLA,iECAE,kEH2LF,CE3LA,+DCAE,iEH+LF,CE/LA,+DCAE,iEHmMF,CEnMA,6DCAE,gEHuMF,CEvMA,6DCAE,gEH2MF,CE3MA,uDCAE,6DH+MF,CE/MA,uDCAE,6DHmNF,CEnNA,8BCAE,iEHwNF,CExNA,8BCAE,iEH4NF,CE5NA,4BCAE,+DHgOF,CEhOA,4BCAE,+DHoOF,CEpOA,8BCAE,iEHwOF,CExOA,8BCAE,iEH4OF,CE5OA,yBCAE,4DHgPF,CEhPA,wBCAE,2DHoPF,CEpPA,wBCAE,2DHwPF,CExPA,2BCAE,8DH4PF,CE5PA,2BCAE,8DHgQF,CA5CF","file":"icons-business.legacy.min.css","sourcesContent":[null,"@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","@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@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-icon-archive-fill::before, .fr-icon-archive-fill::after {\n background-image: url(\"../../../icons/business/archive-fill.svg\");\n }\n\n .fr-icon-archive-line::before, .fr-icon-archive-line::after {\n background-image: url(\"../../../icons/business/archive-line.svg\");\n }\n\n .fr-icon-attachment-fill::before, .fr-icon-attachment-fill::after {\n background-image: url(\"../../../icons/business/attachment-fill.svg\");\n }\n\n .fr-icon-attachment-line::before, .fr-icon-attachment-line::after {\n background-image: url(\"../../../icons/business/attachment-line.svg\");\n }\n\n .fr-icon-award-fill::before, .fr-icon-award-fill::after {\n background-image: url(\"../../../icons/business/award-fill.svg\");\n }\n\n .fr-icon-award-line::before, .fr-icon-award-line::after {\n background-image: url(\"../../../icons/business/award-line.svg\");\n }\n\n .fr-icon-bar-chart-box-fill::before, .fr-icon-bar-chart-box-fill::after {\n background-image: url(\"../../../icons/business/bar-chart-box-fill.svg\");\n }\n\n .fr-icon-bar-chart-box-line::before, .fr-icon-bar-chart-box-line::after {\n background-image: url(\"../../../icons/business/bar-chart-box-line.svg\");\n }\n\n .fr-icon-bookmark-fill::before, .fr-icon-bookmark-fill::after {\n background-image: url(\"../../../icons/business/bookmark-fill.svg\");\n }\n\n .fr-icon-bookmark-line::before, .fr-icon-bookmark-line::after {\n background-image: url(\"../../../icons/business/bookmark-line.svg\");\n }\n\n .fr-icon-briefcase-fill::before, .fr-icon-briefcase-fill::after {\n background-image: url(\"../../../icons/business/briefcase-fill.svg\");\n }\n\n .fr-icon-briefcase-line::before, .fr-icon-briefcase-line::after {\n background-image: url(\"../../../icons/business/briefcase-line.svg\");\n }\n\n .fr-icon-calendar-2-fill::before, .fr-icon-calendar-2-fill::after {\n background-image: url(\"../../../icons/business/calendar-2-fill.svg\");\n }\n\n .fr-icon-calendar-2-line::before, .fr-icon-calendar-2-line::after {\n background-image: url(\"../../../icons/business/calendar-2-line.svg\");\n }\n\n .fr-icon-calendar-event-fill::before, .fr-icon-calendar-event-fill::after {\n background-image: url(\"../../../icons/business/calendar-event-fill.svg\");\n }\n\n .fr-icon-calendar-event-line::before, .fr-icon-calendar-event-line::after {\n background-image: url(\"../../../icons/business/calendar-event-line.svg\");\n }\n\n .fr-icon-calendar-fill::before, .fr-icon-calendar-fill::after {\n background-image: url(\"../../../icons/business/calendar-fill.svg\");\n }\n\n .fr-icon-calendar-line::before, .fr-icon-calendar-line::after {\n background-image: url(\"../../../icons/business/calendar-line.svg\");\n }\n\n .fr-icon-cloud-fill::before, .fr-icon-cloud-fill::after {\n background-image: url(\"../../../icons/business/cloud-fill.svg\");\n }\n\n .fr-icon-cloud-line::before, .fr-icon-cloud-line::after {\n background-image: url(\"../../../icons/business/cloud-line.svg\");\n }\n\n .fr-icon-copyright-fill::before, .fr-icon-copyright-fill::after {\n background-image: url(\"../../../icons/business/copyright-fill.svg\");\n }\n\n .fr-icon-copyright-line::before, .fr-icon-copyright-line::after {\n background-image: url(\"../../../icons/business/copyright-line.svg\");\n }\n\n .fr-icon-customer-service-fill::before, .fr-icon-customer-service-fill::after {\n background-image: url(\"../../../icons/business/customer-service-fill.svg\");\n }\n\n .fr-icon-customer-service-line::before, .fr-icon-customer-service-line::after {\n background-image: url(\"../../../icons/business/customer-service-line.svg\");\n }\n\n .fr-icon-flag-fill::before, .fr-icon-flag-fill::after {\n background-image: url(\"../../../icons/business/flag-fill.svg\");\n }\n\n .fr-icon-flag-line::before, .fr-icon-flag-line::after {\n background-image: url(\"../../../icons/business/flag-line.svg\");\n }\n\n .fr-icon-global-fill::before, .fr-icon-global-fill::after {\n background-image: url(\"../../../icons/business/global-fill.svg\");\n }\n\n .fr-icon-global-line::before, .fr-icon-global-line::after {\n background-image: url(\"../../../icons/business/global-line.svg\");\n }\n\n .fr-icon-line-chart-fill::before, .fr-icon-line-chart-fill::after {\n background-image: url(\"../../../icons/business/line-chart-fill.svg\");\n }\n\n .fr-icon-line-chart-line::before, .fr-icon-line-chart-line::after {\n background-image: url(\"../../../icons/business/line-chart-line.svg\");\n }\n\n .fr-icon-links-fill::before, .fr-icon-links-fill::after {\n background-image: url(\"../../../icons/business/links-fill.svg\");\n }\n\n .fr-icon-links-line::before, .fr-icon-links-line::after {\n background-image: url(\"../../../icons/business/links-line.svg\");\n }\n\n .fr-icon-mail-fill::before, .fr-icon-mail-fill::after {\n background-image: url(\"../../../icons/business/mail-fill.svg\");\n }\n\n .fr-icon-mail-line::before, .fr-icon-mail-line::after {\n background-image: url(\"../../../icons/business/mail-line.svg\");\n }\n\n .fr-icon-mail-open-fill::before, .fr-icon-mail-open-fill::after {\n background-image: url(\"../../../icons/business/mail-open-fill.svg\");\n }\n\n .fr-icon-mail-open-line::before, .fr-icon-mail-open-line::after {\n background-image: url(\"../../../icons/business/mail-open-line.svg\");\n }\n\n .fr-icon-medal-fill::before, .fr-icon-medal-fill::after {\n background-image: url(\"../../../icons/business/medal-fill.svg\");\n }\n\n .fr-icon-medal-line::before, .fr-icon-medal-line::after {\n background-image: url(\"../../../icons/business/medal-line.svg\");\n }\n\n .fr-icon-pie-chart-2-fill::before, .fr-icon-pie-chart-2-fill::after {\n background-image: url(\"../../../icons/business/pie-chart-2-fill.svg\");\n }\n\n .fr-icon-pie-chart-2-line::before, .fr-icon-pie-chart-2-line::after {\n background-image: url(\"../../../icons/business/pie-chart-2-line.svg\");\n }\n\n .fr-icon-pie-chart-box-fill::before, .fr-icon-pie-chart-box-fill::after {\n background-image: url(\"../../../icons/business/pie-chart-box-fill.svg\");\n }\n\n .fr-icon-pie-chart-box-line::before, .fr-icon-pie-chart-box-line::after {\n background-image: url(\"../../../icons/business/pie-chart-box-line.svg\");\n }\n\n .fr-icon-printer-fill::before, .fr-icon-printer-fill::after {\n background-image: url(\"../../../icons/business/printer-fill.svg\");\n }\n\n .fr-icon-printer-line::before, .fr-icon-printer-line::after {\n background-image: url(\"../../../icons/business/printer-line.svg\");\n }\n\n .fr-icon-profil-fill::before, .fr-icon-profil-fill::after {\n background-image: url(\"../../../icons/business/profil-fill.svg\");\n }\n\n .fr-icon-profil-line::before, .fr-icon-profil-line::after {\n background-image: url(\"../../../icons/business/profil-line.svg\");\n }\n\n .fr-icon-projector-2-fill::before, .fr-icon-projector-2-fill::after {\n background-image: url(\"../../../icons/business/projector-2-fill.svg\");\n }\n\n .fr-icon-projector-2-line::before, .fr-icon-projector-2-line::after {\n background-image: url(\"../../../icons/business/projector-2-line.svg\");\n }\n\n .fr-icon-send-plane-fill::before, .fr-icon-send-plane-fill::after {\n background-image: url(\"../../../icons/business/send-plane-fill.svg\");\n }\n\n .fr-icon-send-plane-line::before, .fr-icon-send-plane-line::after {\n background-image: url(\"../../../icons/business/send-plane-line.svg\");\n }\n\n .fr-icon-slideshow-fill::before, .fr-icon-slideshow-fill::after {\n background-image: url(\"../../../icons/business/slideshow-fill.svg\");\n }\n\n .fr-icon-slideshow-line::before, .fr-icon-slideshow-line::after {\n background-image: url(\"../../../icons/business/slideshow-line.svg\");\n }\n\n .fr-icon-window-fill::before, .fr-icon-window-fill::after {\n background-image: url(\"../../../icons/business/window-fill.svg\");\n }\n\n .fr-icon-window-line::before, .fr-icon-window-line::after {\n background-image: url(\"../../../icons/business/window-line.svg\");\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-fi-attachment-fill::before {\n background-image: url(\"../../../icons/business/attachment-fill.svg\");\n }\n\n .fr-fi-attachment-line::before {\n background-image: url(\"../../../icons/business/attachment-line.svg\");\n }\n\n .fr-fi-calendar-fill::before {\n background-image: url(\"../../../icons/business/calendar-fill.svg\");\n }\n\n .fr-fi-calendar-line::before {\n background-image: url(\"../../../icons/business/calendar-line.svg\");\n }\n\n .fr-fi-line-chart-fill::before {\n background-image: url(\"../../../icons/business/line-chart-fill.svg\");\n }\n\n .fr-fi-line-chart-line::before {\n background-image: url(\"../../../icons/business/line-chart-line.svg\");\n }\n\n .fr-fi-links-fill::before {\n background-image: url(\"../../../icons/business/links-fill.svg\");\n }\n\n .fr-fi-mail-fill::before {\n background-image: url(\"../../../icons/business/mail-fill.svg\");\n }\n\n .fr-fi-mail-line::before {\n background-image: url(\"../../../icons/business/mail-line.svg\");\n }\n\n .fr-fi-printer-fill::before {\n background-image: url(\"../../../icons/business/printer-fill.svg\");\n }\n\n .fr-fi-printer-line::before {\n background-image: url(\"../../../icons/business/printer-line.svg\");\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\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 : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n"]}