@gouvfr/dsfr 1.5.0 → 1.5.1

package/dist/utility/icons/icons-others/icons-others.css.map

@@ -1 +1 @@
-{"version":3,"sources":["<no source>","../../../../icons-others.css","../../../../../../../../src/utility/icons/icons-others/main.scss","../../../../../../../../src/core/style/selector/tool/_pseudo.scss","../../../../../../../../src/utility/icons/icons-others/style/_module.scss","../../../../../../../../src/core/style/icon/_tool.scss","../../../../../../../../src/core/style/function/_important.scss","../../../../../../../../src/core/style/selector/tool/_breakpoint.scss","../../../../../../../../src/_media-query-order.scss","../../../../../../../../src/legacy/style/tool/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cDFc;;AAiBd;;;;EEDM,WCbc;AHgBpB;;AENE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALoBhC;;AEXE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALyBhC;;AEhBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;AL8BhC;;AErBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;ALmChC;;AE1BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;ALwChC;;AE/BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;AL6ChC;;AEpCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALkDhC;;AEzCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALuDhC;;AE9CE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL4DhC;;AEnDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALiEhC;;AExDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALsEhC;;AE7DE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL2EhC;;AElEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALgFhC;;AEvEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALqFhC;;AM1EI;ECPE,cAAA;APLN;;AMYI;ECPE,cAAA;APDN;;AMQI;ECPE,cAAA;APGN;;AMII;ECPE,cAAA;APON;;AQJI;ENEF;IEgDE,uECzD4B;EL0F9B;;EEjFA;IEgDE,uECzD4B;EL6F9B;;EEpFA;IEgDE,4ECzD4B;ELgG9B;;EEvFA;IEgDE,4ECzD4B;ELmG9B;;EE1FA;IEgDE,wECzD4B;ELsG9B;;EE7FA;IEgDE,wECzD4B;ELyG9B;;EEhGA;IEgDE,0ECzD4B;EL4G9B;;EEnGA;IEgDE,0ECzD4B;EL+G9B;;EEtGA;IEgDE,2ECzD4B;ELkH9B;;EEzGA;IEgDE,2ECzD4B;ELqH9B;;EE5GA;IEgDE,2ECzD4B;ELwH9B;;EE/GA;IEgDE,2ECzD4B;EL2H9B;;EElHA;IEgDE,2ECzD4B;EL8H9B;;EErHA;IEgDE,2ECzD4B;ELiI9B;AACF","file":"icons-others.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n  /*! media sm */\n}\n\n@media (min-width: 48em) {\n  /*! media md */\n}\n\n@media (min-width: 62em) {\n  /*! media lg */\n}\n\n@media (min-width: 78em) {\n  /*! media xl */\n}\n\n[class^=\"fr-icon-\"]::before, [class*=\" fr-icon-\"]::before, [class^=\"fr-fi-\"]::before, [class*=\" fr-fi-\"]::before {\n  content: \"\";\n}\n\n.fr-icon-leaf-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n}\n\n.fr-icon-leaf-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n}\n\n.fr-icon-lightbulb-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n}\n\n.fr-icon-lightbulb-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n}\n\n.fr-icon-plant-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n}\n\n.fr-icon-plant-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n}\n\n.fr-icon-recycle-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n}\n\n.fr-icon-recycle-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n}\n\n.fr-icon-scales-3-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n}\n\n.fr-icon-scales-3-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n}\n\n.fr-icon-seedling-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n}\n\n.fr-icon-seedling-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n}\n\n.fr-icon-umbrella-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n}\n\n.fr-icon-umbrella-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  .fr-icon-leaf-fill::before {\n    background-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n  }\n  .fr-icon-leaf-line::before {\n    background-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n  }\n  .fr-icon-lightbulb-fill::before {\n    background-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n  }\n  .fr-icon-lightbulb-line::before {\n    background-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n  }\n  .fr-icon-plant-fill::before {\n    background-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n  }\n  .fr-icon-plant-line::before {\n    background-image: url(\"../../../icons/others/plant-line.svg\") !important;\n  }\n  .fr-icon-recycle-fill::before {\n    background-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n  }\n  .fr-icon-recycle-line::before {\n    background-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n  }\n  .fr-icon-scales-3-fill::before {\n    background-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n  }\n  .fr-icon-scales-3-line::before {\n    background-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n  }\n  .fr-icon-seedling-fill::before {\n    background-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n  }\n  .fr-icon-seedling-line::before {\n    background-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n  }\n  .fr-icon-umbrella-fill::before {\n    background-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n  }\n  .fr-icon-umbrella-line::before {\n    background-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n  }\n}\n","////\n/// Icon Others Main\n/// @group icons-others\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@import '../../../core/style/path/path-3';\n@import '../../../media-query-order';\n@import 'index';\n@import 'style/module';\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/// Icon Others Module\n/// @group icons-others\n////\n\n@include has-icon {\n  @include before('');\n}\n\n@include generate-icons(filter-icons('others'));\n","////\n/// Core Tool : Icon\n/// @group core\n////\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 px-rem(map-get($icon-size-map, $size));\n}\n\n@function get-url-icon($icon, $important: false) {\n  $config: map-get($icons-config, $icon);\n  $url: url('#{$dist-path}#{map-get($config, path)}');\n  @return important($url, $important);\n}\n\n@mixin with-icon($size:md) {\n  @include has-icon {\n    @include before {\n      @include icon-size($size);\n      @content;\n    }\n  }\n}\n\n@mixin icon-size($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    --icon-size: #{icon-size($size)};\n  }\n}\n\n@mixin icon-size-legacy($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    $size: icon-size($size);\n    @include size($size, $size);\n  }\n}\n\n@mixin icon-content($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    -webkit-mask-image: $url;\n    mask-image: $url;\n  }\n}\n\n@mixin icon-content-legacy($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    background-image: $url;\n  }\n}\n\n@mixin icon-style($pseudo: before, $content: '') {\n  @include _pseudo($pseudo, $content) {\n    flex: 0 0 auto;\n    display: inline-block;\n    vertical-align: middle;\n    background-color: currentColor;\n    @include size(var(--icon-size), var(--icon-size));\n    -webkit-mask-size: 100% 100%;\n    mask-size: 100% 100%;\n    @content;\n  }\n}\n\n@mixin icon-style-legacy($pseudo: before, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: no-repeat;\n  }\n}\n\n@mixin icon($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: '';\n    @if $icon == null {\n      $content: null;\n    }\n    @include icon-style($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\n  }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: null;\n    @if $icon != null {\n      content: '';\n    }\n    @include icon-style-legacy($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content-legacy($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size-legacy($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\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-content($icon, before, true);\n    }\n  }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n  @each $icon, $setting in $config {\n    #{ns(icon-#{$icon})} {\n      @include icon-content-legacy($icon, before, true);\n    }\n  }\n}\n","////\n/// Core Function : important\n/// @group core\n////\n\n@function important($value, $important: true) {\n  @if $important {\n    @return #{$value} !important;\n  }\n  @return $value;\n}\n","////\n/// Core Tool : Selector Breakpoint\n/// @group core\n////\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, $media);\n\n  @if $limits != null {\n    @media (min-width: nth($limits, 1)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\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-to(md) {\n///     }\n///   }\n@mixin respond-to($media) {\n\n  @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';\n\n  $limits: map_get($breakpoints, $media);\n\n  @if $limits != null and length($limits) == 2 {\n    @media (max-width: nth($limits, 2)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n","////\n/// Media query order\n/// Fix temporaire, déclare les média query vides de chaque breakpoints, pour garder le bon ordre au build\n////\n\n@import 'core/style/selector/setting/breakpoint';\n@import 'core/style/selector/tool/breakpoint';\n\n@each $bp, $limits in $breakpoints {\n  @if $bp != xs {\n    @include respond-from($bp) {\n      /*! media #{$bp} */\n    }\n  }\n}\n","////\n/// Legacy Tool : legacy\n/// @group legacy\n////\n\n/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin legacy($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 not-legacy($target) {\n  @if $target == ie10 or $target == ie11 {\n    @supports not (-ms-high-contrast: none) {\n      @content;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["<no source>","../../../../icons-others.css","../../../../../../../../src/utility/icons/icons-others/main.scss","../../../../../../../../src/core/style/selector/tool/_pseudo.scss","../../../../../../../../src/utility/icons/icons-others/style/_module.scss","../../../../../../../../src/core/style/icon/_tool.scss","../../../../../../../../src/core/style/function/_important.scss","../../../../../../../../src/core/style/selector/tool/_breakpoint.scss","../../../../../../../../src/_media-query-order.scss","../../../../../../../../src/legacy/style/tool/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cDFc;;AAiBd;;;;EEDM,WCbc;AHgBpB;;AENE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALoBhC;;AEXE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALyBhC;;AEhBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;AL8BhC;;AErBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;ALmChC;;AE1BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;ALwChC;;AE/BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;AL6ChC;;AEpCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALkDhC;;AEzCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALuDhC;;AE9CE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL4DhC;;AEnDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALiEhC;;AExDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALsEhC;;AE7DE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL2EhC;;AElEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALgFhC;;AEvEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALqFhC;;AM1EI;ECPE,cAAA;APLN;;AMYI;ECPE,cAAA;APDN;;AMQI;ECPE,cAAA;APGN;;AMII;ECPE,cAAA;APON;;AQJI;ENEF;IEgDE,uECzD4B;EL0F9B;;EEjFA;IEgDE,uECzD4B;EL6F9B;;EEpFA;IEgDE,4ECzD4B;ELgG9B;;EEvFA;IEgDE,4ECzD4B;ELmG9B;;EE1FA;IEgDE,wECzD4B;ELsG9B;;EE7FA;IEgDE,wECzD4B;ELyG9B;;EEhGA;IEgDE,0ECzD4B;EL4G9B;;EEnGA;IEgDE,0ECzD4B;EL+G9B;;EEtGA;IEgDE,2ECzD4B;ELkH9B;;EEzGA;IEgDE,2ECzD4B;ELqH9B;;EE5GA;IEgDE,2ECzD4B;ELwH9B;;EE/GA;IEgDE,2ECzD4B;EL2H9B;;EElHA;IEgDE,2ECzD4B;EL8H9B;;EErHA;IEgDE,2ECzD4B;ELiI9B;AACF","file":"icons-others.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n  /*! media sm */\n}\n\n@media (min-width: 48em) {\n  /*! media md */\n}\n\n@media (min-width: 62em) {\n  /*! media lg */\n}\n\n@media (min-width: 78em) {\n  /*! media xl */\n}\n\n[class^=\"fr-icon-\"]::before, [class*=\" fr-icon-\"]::before, [class^=\"fr-fi-\"]::before, [class*=\" fr-fi-\"]::before {\n  content: \"\";\n}\n\n.fr-icon-leaf-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n}\n\n.fr-icon-leaf-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n}\n\n.fr-icon-lightbulb-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n}\n\n.fr-icon-lightbulb-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n}\n\n.fr-icon-plant-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n}\n\n.fr-icon-plant-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n}\n\n.fr-icon-recycle-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n}\n\n.fr-icon-recycle-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n}\n\n.fr-icon-scales-3-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n}\n\n.fr-icon-scales-3-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n}\n\n.fr-icon-seedling-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n}\n\n.fr-icon-seedling-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n}\n\n.fr-icon-umbrella-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n}\n\n.fr-icon-umbrella-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  .fr-icon-leaf-fill::before {\n    background-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n  }\n  .fr-icon-leaf-line::before {\n    background-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n  }\n  .fr-icon-lightbulb-fill::before {\n    background-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n  }\n  .fr-icon-lightbulb-line::before {\n    background-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n  }\n  .fr-icon-plant-fill::before {\n    background-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n  }\n  .fr-icon-plant-line::before {\n    background-image: url(\"../../../icons/others/plant-line.svg\") !important;\n  }\n  .fr-icon-recycle-fill::before {\n    background-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n  }\n  .fr-icon-recycle-line::before {\n    background-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n  }\n  .fr-icon-scales-3-fill::before {\n    background-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n  }\n  .fr-icon-scales-3-line::before {\n    background-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n  }\n  .fr-icon-seedling-fill::before {\n    background-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n  }\n  .fr-icon-seedling-line::before {\n    background-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n  }\n  .fr-icon-umbrella-fill::before {\n    background-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n  }\n  .fr-icon-umbrella-line::before {\n    background-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n  }\n}\n","////\n/// Icon Others Main\n/// @group icons-others\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@import '../../../core/style/path/path-3';\n@import '../../../media-query-order';\n@import 'index';\n@import 'style/module';\n\n// deprecated\n@import 'deprecated/style/setting';\n@import 'deprecated/style/module';\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/// Icon Others Module\n/// @group icons-others\n////\n\n@include has-icon {\n  @include before('');\n}\n\n@include generate-icons(filter-icons('others'));\n","////\n/// Core Tool : Icon\n/// @group core\n////\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 px-rem(map-get($icon-size-map, $size));\n}\n\n@function get-url-icon($icon, $important: false) {\n  $config: map-get($icons-config, $icon);\n  $url: url('#{$dist-path}#{map-get($config, path)}');\n  @return important($url, $important);\n}\n\n@mixin with-icon($size:md) {\n  @include has-icon {\n    @include before {\n      @include icon-size($size);\n      @content;\n    }\n  }\n}\n\n@mixin icon-size($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    --icon-size: #{icon-size($size)};\n  }\n}\n\n@mixin icon-size-legacy($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    $size: icon-size($size);\n    @include size($size, $size);\n  }\n}\n\n@mixin icon-content($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    -webkit-mask-image: $url;\n    mask-image: $url;\n  }\n}\n\n@mixin icon-content-legacy($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    background-image: $url;\n  }\n}\n\n@mixin icon-style($pseudo: before, $content: '') {\n  @include _pseudo($pseudo, $content) {\n    flex: 0 0 auto;\n    display: inline-block;\n    vertical-align: middle;\n    background-color: currentColor;\n    @include size(var(--icon-size), var(--icon-size));\n    -webkit-mask-size: 100% 100%;\n    mask-size: 100% 100%;\n    @content;\n  }\n}\n\n@mixin icon-style-legacy($pseudo: before, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: no-repeat;\n  }\n}\n\n@mixin icon($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: '';\n    @if $icon == null {\n      $content: null;\n    }\n    @include icon-style($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\n  }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: null;\n    @if $icon != null {\n      content: '';\n    }\n    @include icon-style-legacy($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content-legacy($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size-legacy($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\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-content($icon, before, true);\n    }\n  }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n  @each $icon, $setting in $config {\n    #{ns(icon-#{$icon})} {\n      @include icon-content-legacy($icon, before, true);\n    }\n  }\n}\n","////\n/// Core Function : important\n/// @group core\n////\n\n@function important($value, $important: true) {\n  @if $important {\n    @return #{$value} !important;\n  }\n  @return $value;\n}\n","////\n/// Core Tool : Selector Breakpoint\n/// @group core\n////\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, $media);\n\n  @if $limits != null {\n    @media (min-width: nth($limits, 1)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\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-to(md) {\n///     }\n///   }\n@mixin respond-to($media) {\n\n  @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';\n\n  $limits: map_get($breakpoints, $media);\n\n  @if $limits != null and length($limits) == 2 {\n    @media (max-width: nth($limits, 2)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n","////\n/// Media query order\n/// Fix temporaire, déclare les média query vides de chaque breakpoints, pour garder le bon ordre au build\n////\n\n@import 'core/style/selector/setting/breakpoint';\n@import 'core/style/selector/tool/breakpoint';\n\n@each $bp, $limits in $breakpoints {\n  @if $bp != xs {\n    @include respond-from($bp) {\n      /*! media #{$bp} */\n    }\n  }\n}\n","////\n/// Legacy Tool : legacy\n/// @group legacy\n////\n\n/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin legacy($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 not-legacy($target) {\n  @if $target == ie10 or $target == ie11 {\n    @supports not (-ms-high-contrast: none) {\n      @content;\n    }\n  }\n}\n"]}

package/dist/utility/icons/icons-others/icons-others.legacy.css

@@ -1,5 +1,5 @@
 /*!
- * DSFR v1.5.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ * DSFR v1.5.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
  */
 @media (min-width: 36em) {
   /*! media sm */

package/dist/utility/icons/icons-others/icons-others.legacy.min.css

@@ -1,5 +1,5 @@
 /*!
- * DSFR v1.5.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ * DSFR v1.5.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
  */@media (min-width:36em){
   /*! media sm */}@media (min-width:48em){
   /*! media md */}@media (min-width:62em){

package/dist/utility/icons/icons-others/icons-others.main.css

@@ -1,5 +1,5 @@
 /*!
- * DSFR v1.5.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ * DSFR v1.5.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
  */
 @charset "UTF-8";
 

package/dist/utility/icons/icons-others/icons-others.main.css.map

@@ -1 +1 @@
-{"version":3,"sources":["<no source>","../../../../icons-others.main.css","../../../../../../../../src/utility/icons/icons-others/main.scss","../../../../../../../../src/core/style/selector/tool/_pseudo.scss","../../../../../../../../src/utility/icons/icons-others/style/_module.scss","../../../../../../../../src/core/style/icon/_tool.scss","../../../../../../../../src/core/style/function/_important.scss","../../../../../../../../src/core/style/selector/tool/_breakpoint.scss","../../../../../../../../src/_media-query-order.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cDFc;;AAiBd;;;;EEDM,WCbc;AHgBpB;;AENE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALoBhC;;AEXE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALyBhC;;AEhBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;AL8BhC;;AErBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;ALmChC;;AE1BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;ALwChC;;AE/BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;AL6ChC;;AEpCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALkDhC;;AEzCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALuDhC;;AE9CE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL4DhC;;AEnDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALiEhC;;AExDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALsEhC;;AE7DE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL2EhC;;AElEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALgFhC;;AEvEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALqFhC;;AM1EI;ECPE,cAAA;APLN;;AMYI;ECPE,cAAA;APDN;;AMQI;ECPE,cAAA;APGN;;AMII;ECPE,cAAA;APON","file":"icons-others.main.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n  /*! media sm */\n}\n\n@media (min-width: 48em) {\n  /*! media md */\n}\n\n@media (min-width: 62em) {\n  /*! media lg */\n}\n\n@media (min-width: 78em) {\n  /*! media xl */\n}\n\n[class^=\"fr-icon-\"]::before, [class*=\" fr-icon-\"]::before, [class^=\"fr-fi-\"]::before, [class*=\" fr-fi-\"]::before {\n  content: \"\";\n}\n\n.fr-icon-leaf-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n}\n\n.fr-icon-leaf-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n}\n\n.fr-icon-lightbulb-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n}\n\n.fr-icon-lightbulb-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n}\n\n.fr-icon-plant-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n}\n\n.fr-icon-plant-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n}\n\n.fr-icon-recycle-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n}\n\n.fr-icon-recycle-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n}\n\n.fr-icon-scales-3-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n}\n\n.fr-icon-scales-3-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n}\n\n.fr-icon-seedling-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n}\n\n.fr-icon-seedling-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n}\n\n.fr-icon-umbrella-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n}\n\n.fr-icon-umbrella-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n}\n","////\n/// Icon Others Main\n/// @group icons-others\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@import '../../../core/style/path/path-3';\n@import '../../../media-query-order';\n@import 'index';\n@import 'style/module';\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/// Icon Others Module\n/// @group icons-others\n////\n\n@include has-icon {\n  @include before('');\n}\n\n@include generate-icons(filter-icons('others'));\n","////\n/// Core Tool : Icon\n/// @group core\n////\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 px-rem(map-get($icon-size-map, $size));\n}\n\n@function get-url-icon($icon, $important: false) {\n  $config: map-get($icons-config, $icon);\n  $url: url('#{$dist-path}#{map-get($config, path)}');\n  @return important($url, $important);\n}\n\n@mixin with-icon($size:md) {\n  @include has-icon {\n    @include before {\n      @include icon-size($size);\n      @content;\n    }\n  }\n}\n\n@mixin icon-size($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    --icon-size: #{icon-size($size)};\n  }\n}\n\n@mixin icon-size-legacy($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    $size: icon-size($size);\n    @include size($size, $size);\n  }\n}\n\n@mixin icon-content($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    -webkit-mask-image: $url;\n    mask-image: $url;\n  }\n}\n\n@mixin icon-content-legacy($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    background-image: $url;\n  }\n}\n\n@mixin icon-style($pseudo: before, $content: '') {\n  @include _pseudo($pseudo, $content) {\n    flex: 0 0 auto;\n    display: inline-block;\n    vertical-align: middle;\n    background-color: currentColor;\n    @include size(var(--icon-size), var(--icon-size));\n    -webkit-mask-size: 100% 100%;\n    mask-size: 100% 100%;\n    @content;\n  }\n}\n\n@mixin icon-style-legacy($pseudo: before, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: no-repeat;\n  }\n}\n\n@mixin icon($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: '';\n    @if $icon == null {\n      $content: null;\n    }\n    @include icon-style($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\n  }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: null;\n    @if $icon != null {\n      content: '';\n    }\n    @include icon-style-legacy($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content-legacy($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size-legacy($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\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-content($icon, before, true);\n    }\n  }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n  @each $icon, $setting in $config {\n    #{ns(icon-#{$icon})} {\n      @include icon-content-legacy($icon, before, true);\n    }\n  }\n}\n","////\n/// Core Function : important\n/// @group core\n////\n\n@function important($value, $important: true) {\n  @if $important {\n    @return #{$value} !important;\n  }\n  @return $value;\n}\n","////\n/// Core Tool : Selector Breakpoint\n/// @group core\n////\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, $media);\n\n  @if $limits != null {\n    @media (min-width: nth($limits, 1)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\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-to(md) {\n///     }\n///   }\n@mixin respond-to($media) {\n\n  @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';\n\n  $limits: map_get($breakpoints, $media);\n\n  @if $limits != null and length($limits) == 2 {\n    @media (max-width: nth($limits, 2)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n","////\n/// Media query order\n/// Fix temporaire, déclare les média query vides de chaque breakpoints, pour garder le bon ordre au build\n////\n\n@import 'core/style/selector/setting/breakpoint';\n@import 'core/style/selector/tool/breakpoint';\n\n@each $bp, $limits in $breakpoints {\n  @if $bp != xs {\n    @include respond-from($bp) {\n      /*! media #{$bp} */\n    }\n  }\n}\n"]}
+{"version":3,"sources":["<no source>","../../../../icons-others.main.css","../../../../../../../../src/utility/icons/icons-others/main.scss","../../../../../../../../src/core/style/selector/tool/_pseudo.scss","../../../../../../../../src/utility/icons/icons-others/style/_module.scss","../../../../../../../../src/core/style/icon/_tool.scss","../../../../../../../../src/core/style/function/_important.scss","../../../../../../../../src/core/style/selector/tool/_breakpoint.scss","../../../../../../../../src/_media-query-order.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cDFc;;AAiBd;;;;EEDM,WCbc;AHgBpB;;AENE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALoBhC;;AEXE;EEwCE,yECjD4B;EDkD5B,iEClD4B;ALyBhC;;AEhBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;AL8BhC;;AErBE;EEwCE,8ECjD4B;EDkD5B,sEClD4B;ALmChC;;AE1BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;ALwChC;;AE/BE;EEwCE,0ECjD4B;EDkD5B,kEClD4B;AL6ChC;;AEpCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALkDhC;;AEzCE;EEwCE,4ECjD4B;EDkD5B,oEClD4B;ALuDhC;;AE9CE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL4DhC;;AEnDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALiEhC;;AExDE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALsEhC;;AE7DE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;AL2EhC;;AElEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALgFhC;;AEvEE;EEwCE,6ECjD4B;EDkD5B,qEClD4B;ALqFhC;;AM1EI;ECPE,cAAA;APLN;;AMYI;ECPE,cAAA;APDN;;AMQI;ECPE,cAAA;APGN;;AMII;ECPE,cAAA;APON","file":"icons-others.main.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n  /*! media sm */\n}\n\n@media (min-width: 48em) {\n  /*! media md */\n}\n\n@media (min-width: 62em) {\n  /*! media lg */\n}\n\n@media (min-width: 78em) {\n  /*! media xl */\n}\n\n[class^=\"fr-icon-\"]::before, [class*=\" fr-icon-\"]::before, [class^=\"fr-fi-\"]::before, [class*=\" fr-fi-\"]::before {\n  content: \"\";\n}\n\n.fr-icon-leaf-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-fill.svg\") !important;\n}\n\n.fr-icon-leaf-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/leaf-line.svg\") !important;\n}\n\n.fr-icon-lightbulb-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-fill.svg\") !important;\n}\n\n.fr-icon-lightbulb-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/lightbulb-line.svg\") !important;\n}\n\n.fr-icon-plant-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-fill.svg\") !important;\n}\n\n.fr-icon-plant-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/plant-line.svg\") !important;\n}\n\n.fr-icon-recycle-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-fill.svg\") !important;\n}\n\n.fr-icon-recycle-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/recycle-line.svg\") !important;\n}\n\n.fr-icon-scales-3-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-fill.svg\") !important;\n}\n\n.fr-icon-scales-3-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/scales-3-line.svg\") !important;\n}\n\n.fr-icon-seedling-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-fill.svg\") !important;\n}\n\n.fr-icon-seedling-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/seedling-line.svg\") !important;\n}\n\n.fr-icon-umbrella-fill::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-fill.svg\") !important;\n}\n\n.fr-icon-umbrella-line::before {\n  -webkit-mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n  mask-image: url(\"../../../icons/others/umbrella-line.svg\") !important;\n}\n","////\n/// Icon Others Main\n/// @group icons-others\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  ICON COMMUNICATION\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@import '../../../core/style/path/path-3';\n@import '../../../media-query-order';\n@import 'index';\n@import 'style/module';\n\n// deprecated\n@import 'deprecated/style/setting';\n@import 'deprecated/style/module';\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/// Icon Others Module\n/// @group icons-others\n////\n\n@include has-icon {\n  @include before('');\n}\n\n@include generate-icons(filter-icons('others'));\n","////\n/// Core Tool : Icon\n/// @group core\n////\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 px-rem(map-get($icon-size-map, $size));\n}\n\n@function get-url-icon($icon, $important: false) {\n  $config: map-get($icons-config, $icon);\n  $url: url('#{$dist-path}#{map-get($config, path)}');\n  @return important($url, $important);\n}\n\n@mixin with-icon($size:md) {\n  @include has-icon {\n    @include before {\n      @include icon-size($size);\n      @content;\n    }\n  }\n}\n\n@mixin icon-size($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    --icon-size: #{icon-size($size)};\n  }\n}\n\n@mixin icon-size-legacy($size:md, $pseudo: null) {\n  $selector: null;\n  @if $pseudo == before or $pseudo == after {\n    $selector: '&::#{$pseudo}';\n  }\n  @include nest($selector) {\n    $size: icon-size($size);\n    @include size($size, $size);\n  }\n}\n\n@mixin icon-content($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    -webkit-mask-image: $url;\n    mask-image: $url;\n  }\n}\n\n@mixin icon-content-legacy($icon, $pseudo: before, $important: false, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    $url: get-url-icon($icon, $important);\n    background-image: $url;\n  }\n}\n\n@mixin icon-style($pseudo: before, $content: '') {\n  @include _pseudo($pseudo, $content) {\n    flex: 0 0 auto;\n    display: inline-block;\n    vertical-align: middle;\n    background-color: currentColor;\n    @include size(var(--icon-size), var(--icon-size));\n    -webkit-mask-size: 100% 100%;\n    mask-size: 100% 100%;\n    @content;\n  }\n}\n\n@mixin icon-style-legacy($pseudo: before, $content: null) {\n  @include _pseudo($pseudo, $content) {\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: no-repeat;\n  }\n}\n\n@mixin icon($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: '';\n    @if $icon == null {\n      $content: null;\n    }\n    @include icon-style($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\n  }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $pseudo: before, $init: true) {\n  @if $init {\n    $content: null;\n    @if $icon != null {\n      content: '';\n    }\n    @include icon-style-legacy($pseudo, $content);\n  }\n\n  @if $icon != null {\n    @include icon-content-legacy($icon, $pseudo);\n  }\n\n  @if $size != null {\n    @include icon-size-legacy($size, $pseudo);\n  }\n\n  @include _pseudo($pseudo) {\n    @content;\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-content($icon, before, true);\n    }\n  }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n  @each $icon, $setting in $config {\n    #{ns(icon-#{$icon})} {\n      @include icon-content-legacy($icon, before, true);\n    }\n  }\n}\n","////\n/// Core Function : important\n/// @group core\n////\n\n@function important($value, $important: true) {\n  @if $important {\n    @return #{$value} !important;\n  }\n  @return $value;\n}\n","////\n/// Core Tool : Selector Breakpoint\n/// @group core\n////\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, $media);\n\n  @if $limits != null {\n    @media (min-width: nth($limits, 1)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\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-to(md) {\n///     }\n///   }\n@mixin respond-to($media) {\n\n  @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';\n\n  $limits: map_get($breakpoints, $media);\n\n  @if $limits != null and length($limits) == 2 {\n    @media (max-width: nth($limits, 2)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n","////\n/// Media query order\n/// Fix temporaire, déclare les média query vides de chaque breakpoints, pour garder le bon ordre au build\n////\n\n@import 'core/style/selector/setting/breakpoint';\n@import 'core/style/selector/tool/breakpoint';\n\n@each $bp, $limits in $breakpoints {\n  @if $bp != xs {\n    @include respond-from($bp) {\n      /*! media #{$bp} */\n    }\n  }\n}\n"]}

package/dist/utility/icons/icons-others/icons-others.main.min.css

@@ -1,5 +1,5 @@
 /*!
- * DSFR v1.5.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ * DSFR v1.5.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
  */[class*=" fr-fi-"]:before,[class*=" fr-icon-"]:before,[class^=fr-fi-]:before,[class^=fr-icon-]:before{content:""}.fr-icon-leaf-fill:before{-webkit-mask-image:url(../../../icons/others/leaf-fill.svg)!important;mask-image:url(../../../icons/others/leaf-fill.svg)!important}.fr-icon-leaf-line:before{-webkit-mask-image:url(../../../icons/others/leaf-line.svg)!important;mask-image:url(../../../icons/others/leaf-line.svg)!important}.fr-icon-lightbulb-fill:before{-webkit-mask-image:url(../../../icons/others/lightbulb-fill.svg)!important;mask-image:url(../../../icons/others/lightbulb-fill.svg)!important}.fr-icon-lightbulb-line:before{-webkit-mask-image:url(../../../icons/others/lightbulb-line.svg)!important;mask-image:url(../../../icons/others/lightbulb-line.svg)!important}.fr-icon-plant-fill:before{-webkit-mask-image:url(../../../icons/others/plant-fill.svg)!important;mask-image:url(../../../icons/others/plant-fill.svg)!important}.fr-icon-plant-line:before{-webkit-mask-image:url(../../../icons/others/plant-line.svg)!important;mask-image:url(../../../icons/others/plant-line.svg)!important}.fr-icon-recycle-fill:before{-webkit-mask-image:url(../../../icons/others/recycle-fill.svg)!important;mask-image:url(../../../icons/others/recycle-fill.svg)!important}.fr-icon-recycle-line:before{-webkit-mask-image:url(../../../icons/others/recycle-line.svg)!important;mask-image:url(../../../icons/others/recycle-line.svg)!important}.fr-icon-scales-3-fill:before{-webkit-mask-image:url(../../../icons/others/scales-3-fill.svg)!important;mask-image:url(../../../icons/others/scales-3-fill.svg)!important}.fr-icon-scales-3-line:before{-webkit-mask-image:url(../../../icons/others/scales-3-line.svg)!important;mask-image:url(../../../icons/others/scales-3-line.svg)!important}.fr-icon-seedling-fill:before{-webkit-mask-image:url(../../../icons/others/seedling-fill.svg)!important;mask-image:url(../../../icons/others/seedling-fill.svg)!important}.fr-icon-seedling-line:before{-webkit-mask-image:url(../../../icons/others/seedling-line.svg)!important;mask-image:url(../../../icons/others/seedling-line.svg)!important}.fr-icon-umbrella-fill:before{-webkit-mask-image:url(../../../icons/others/umbrella-fill.svg)!important;mask-image:url(../../../icons/others/umbrella-fill.svg)!important}.fr-icon-umbrella-line:before{-webkit-mask-image:url(../../../icons/others/umbrella-line.svg)!important;mask-image:url(../../../icons/others/umbrella-line.svg)!important}@media (min-width:36em){
   /*! media sm */}@media (min-width:48em){
   /*! media md */}@media (min-width:62em){

package/dist/utility/icons/icons-others/icons-others.min.css

@@ -1,5 +1,5 @@
 /*!
- * DSFR v1.5.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ * DSFR v1.5.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
  */[class*=" fr-fi-"]:before,[class*=" fr-icon-"]:before,[class^=fr-fi-]:before,[class^=fr-icon-]:before{content:""}.fr-icon-leaf-fill:before{-webkit-mask-image:url(../../../icons/others/leaf-fill.svg)!important;mask-image:url(../../../icons/others/leaf-fill.svg)!important}.fr-icon-leaf-line:before{-webkit-mask-image:url(../../../icons/others/leaf-line.svg)!important;mask-image:url(../../../icons/others/leaf-line.svg)!important}.fr-icon-lightbulb-fill:before{-webkit-mask-image:url(../../../icons/others/lightbulb-fill.svg)!important;mask-image:url(../../../icons/others/lightbulb-fill.svg)!important}.fr-icon-lightbulb-line:before{-webkit-mask-image:url(../../../icons/others/lightbulb-line.svg)!important;mask-image:url(../../../icons/others/lightbulb-line.svg)!important}.fr-icon-plant-fill:before{-webkit-mask-image:url(../../../icons/others/plant-fill.svg)!important;mask-image:url(../../../icons/others/plant-fill.svg)!important}.fr-icon-plant-line:before{-webkit-mask-image:url(../../../icons/others/plant-line.svg)!important;mask-image:url(../../../icons/others/plant-line.svg)!important}.fr-icon-recycle-fill:before{-webkit-mask-image:url(../../../icons/others/recycle-fill.svg)!important;mask-image:url(../../../icons/others/recycle-fill.svg)!important}.fr-icon-recycle-line:before{-webkit-mask-image:url(../../../icons/others/recycle-line.svg)!important;mask-image:url(../../../icons/others/recycle-line.svg)!important}.fr-icon-scales-3-fill:before{-webkit-mask-image:url(../../../icons/others/scales-3-fill.svg)!important;mask-image:url(../../../icons/others/scales-3-fill.svg)!important}.fr-icon-scales-3-line:before{-webkit-mask-image:url(../../../icons/others/scales-3-line.svg)!important;mask-image:url(../../../icons/others/scales-3-line.svg)!important}.fr-icon-seedling-fill:before{-webkit-mask-image:url(../../../icons/others/seedling-fill.svg)!important;mask-image:url(../../../icons/others/seedling-fill.svg)!important}.fr-icon-seedling-line:before{-webkit-mask-image:url(../../../icons/others/seedling-line.svg)!important;mask-image:url(../../../icons/others/seedling-line.svg)!important}.fr-icon-umbrella-fill:before{-webkit-mask-image:url(../../../icons/others/umbrella-fill.svg)!important;mask-image:url(../../../icons/others/umbrella-fill.svg)!important}.fr-icon-umbrella-line:before{-webkit-mask-image:url(../../../icons/others/umbrella-line.svg)!important;mask-image:url(../../../icons/others/umbrella-line.svg)!important}@media (min-width:36em){
   /*! media sm */}@media (min-width:48em){
   /*! media md */}@media (min-width:62em){

package/dist/utility/icons/icons-system/README.md

@@ -1,5 +1,7 @@
 # icons-system
 
+Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
+
 ## Dépendances
 ```shell
 icons-system
@@ -17,4 +19,8 @@ Afin d’utiliser le composant `icons-system`, il est nécessaire d’ajouter le
   <body>
   </body>
 </html>
-```
+```
+
+## Documentation
+
+Consulter [la documentation](https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#System) sur le module Icônes System

package/dist/utility/icons/icons-system/icons-system.css

@@ -1,5 +1,5 @@
 /*!
- * DSFR v1.5.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ * DSFR v1.5.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
  */
 @charset "UTF-8";
 
@@ -194,14 +194,14 @@
   mask-image: url("../../../icons/system/close-line.svg") !important;
 }
 
-.fr-icon-delete-fill::before {
-  -webkit-mask-image: url("../../../icons/system/delete-fill.svg") !important;
-  mask-image: url("../../../icons/system/delete-fill.svg") !important;
+.fr-icon-delete-bin-fill::before {
+  -webkit-mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+  mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
 }
 
-.fr-icon-delete-line::before {
-  -webkit-mask-image: url("../../../icons/system/delete-line.svg") !important;
-  mask-image: url("../../../icons/system/delete-line.svg") !important;
+.fr-icon-delete-bin-line::before {
+  -webkit-mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
+  mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
 }
 
 .fr-icon-download-fill::before {
@@ -639,16 +639,6 @@
   mask-image: url("../../../icons/system/close-line.svg") !important;
 }
 
-.fr-fi-delete-fill::before {
-  -webkit-mask-image: url("../../../icons/system/delete-fill.svg") !important;
-  mask-image: url("../../../icons/system/delete-fill.svg") !important;
-}
-
-.fr-fi-delete-line::before {
-  -webkit-mask-image: url("../../../icons/system/delete-line.svg") !important;
-  mask-image: url("../../../icons/system/delete-line.svg") !important;
-}
-
 .fr-fi-download-line::before {
   -webkit-mask-image: url("../../../icons/system/download-line.svg") !important;
   mask-image: url("../../../icons/system/download-line.svg") !important;
@@ -879,6 +869,26 @@
   mask-image: url("../../../icons/system/zoom-out-line.svg") !important;
 }
 
+.fr-fi-delete-line::before {
+  -webkit-mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
+  mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
+}
+
+.fr-fi-delete-fill::before {
+  -webkit-mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+  mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+}
+
+.fr-icon-delete-line::before {
+  -webkit-mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
+  mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
+}
+
+.fr-icon-delete-fill::before {
+  -webkit-mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+  mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+}
+
 @media (min-width: 36em) {
   /*! media sm */
 }
@@ -1040,12 +1050,12 @@
     background-image: url("../../../icons/system/close-line.svg") !important;
   }
 
-  .fr-icon-delete-fill::before {
-    background-image: url("../../../icons/system/delete-fill.svg") !important;
+  .fr-icon-delete-bin-fill::before {
+    background-image: url("../../../icons/system/delete-bin-fill.svg") !important;
   }
 
-  .fr-icon-delete-line::before {
-    background-image: url("../../../icons/system/delete-line.svg") !important;
+  .fr-icon-delete-bin-line::before {
+    background-image: url("../../../icons/system/delete-bin-line.svg") !important;
   }
 
   .fr-icon-download-fill::before {
@@ -1396,14 +1406,6 @@
     background-image: url("../../../icons/system/close-line.svg") !important;
   }
 
-  .fr-fi-delete-fill::before {
-    background-image: url("../../../icons/system/delete-fill.svg") !important;
-  }
-
-  .fr-fi-delete-line::before {
-    background-image: url("../../../icons/system/delete-line.svg") !important;
-  }
-
   .fr-fi-download-line::before {
     background-image: url("../../../icons/system/download-line.svg") !important;
   }
@@ -1587,4 +1589,22 @@
   .fr-fi-zoom-out-line::before {
     background-image: url("../../../icons/system/zoom-out-line.svg") !important;
   }
+
+  .fr-fi-delete-line::before {
+    background-image: url("../../../icons/system/delete-bin-line.svg") !important;
+  }
+
+  .fr-fi-delete-fill::before {
+    background-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+  }
+
+  .fr-icon-delete-line::before {
+    -webkit-mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
+    mask-image: url("../../../icons/system/delete-bin-line.svg") !important;
+  }
+
+  .fr-icon-delete-fill::before {
+    -webkit-mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+    mask-image: url("../../../icons/system/delete-bin-fill.svg") !important;
+  }
 }