Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision

Target

Select target project
  • pub/cgdd-public/bun-poleweb/systeme-de-design-de-l-etat/cms-spip/z-dsfr
1 result
Select Git revision
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 81 additions and 50 deletions
design_system_admin/dsfr/component/accordion/accordion.main.min.css
View file @ c70aacd8
@charset "UTF-8";
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-accordion{position:relative}.fr-accordion:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey),0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-accordion__title{display:block;font-size:unset;line-height:unset;margin:0}.fr-accordion__btn{--text-spacing:0;--title-spacing:0;align-items:center;color:var(--text-action-high-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;margin:0;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.75rem 1rem;text-align:left;width:-moz-fit-content;width:fit-content;width:100%}.fr-accordion__btn:after,.fr-accordion__btn:before{display:block}.fr-accordion__btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:auto;margin-right:0;-webkit-mask-image:url(../../icons/system/arrow-down-s-line.svg);mask-image:url(../../icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .3s;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-accordion__btn:before{content:none}.fr-accordion__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-accordion .fr-collapse{--ul-type:disc;--ol-type:decimal;--ul-start:1rem;--ol-start:1.5rem;--xl-block:0.5rem;--li-bottom:0.25rem;--xl-base:1em;--ol-content:counters(li-counter,".") ". ";transition:visibility .3s,padding .3s}.fr-accordion .fr-collapse--expanded{padding-bottom:1.5rem;padding-top:1rem}.fr-accordions-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}.fr-accordion__btn[aria-expanded=true]{--idle:transparent;--hover:var(--background-open-blue-france-hover);--active:var(--background-open-blue-france-active);background-color:var(--background-open-blue-france)}@media (min-width:36em){
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-accordion .fr-collapse{margin:0 -.25rem;padding-left:1rem;padding-right:1rem}}@media (min-width:62em){
......
design_system_admin/dsfr/component/accordion/accordion.main.min.css.map
View file @ c70aacd8
{"version":3,"sources":["file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_module.scss","%3Cinput%20css%20XMryyR%3E","<no source>","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/animate/mixin/_caret.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_scheme.scss","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":"AAuCE,gBCsEF;AC7GA;;GAAA,AFOA,cACE,iBCUF,CEFE,qBCAE,QAAA,CCyBA,0FAAA,CFtBE,UHTY,CGaZ,aAAA,CGsCA,WAAA,CF1CF,MAAA,CJPA,mBAAA,CIJF,iBAAA,CAKE,OAAA,CAHA,KAAA,CEgDE,UL5BN,CMxBE,qBPYE,aAAA,CACA,eAAA,CACA,iBAAA,CQaA,QPGJ,CDbE,mBSkFE,gBAAA,CAAA,iBAAA,CCtFA,kBAAA,CLsBA,yCAAA,CKjCA,mBAAA,CAOA,kBAAA,CCHF,cAAA,CCOA,eAAA,CDNA,kBAFc,CHsBZ,QAfE,CKaF,eAAA,CADA,cAAA,CFbA,eAFW,CEcX,gBAAA,CFIF,mBAAA,CXJE,eAAA,CcsBA,sBAAA,CACA,iBAAA,CRME,ULFN,CExCE,mDWsCI,abKN,CE3CE,yBUiBI,gBAAA,CE2BF,6BAAA,CZzCE,UYqD+B,CAdjC,oBAAA,CADA,aAAA,CTIE,uBAAA,CEhCA,gBAXA,CAWA,cAXA,CQZJ,gED0CM,CCzCN,wDDyCM,CCrCN,2BDmD2B,CClD3B,mBDkD2B,CE5DzB,wBAAA,CFyDA,kDAAA,CTDE,sBLON,CEjDE,0BAGI,YFiDN,CgB9DI,6CACE,yBhBuFN,CDvDE,2BkB1BE,cAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,2CAAA,ClBwBA,qCCiEJ,CD/DI,qCQjBE,qBAXA,CAWA,gBP+FN,CDvEA,qBkB5BE,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBjBuGF,CkBtHM,uCdoCE,kBAAA,CAqCJ,gDAAA,CAAA,kDAAA,CAhDA,mDJ0GJ,CmBpII;ECRI,cAAA,CpBDR,CmBSI;ECRI,cAAA,CrBgCN,2BQNE,gBAfE,CAGA,iBAHA,CAIA,kBP2FJ,CAxGF,CmBMI;ECRI,cAAA,CpBKR,CmBGI;ECRI,cAAA,CpBQR","file":"accordion.main.min.css","sourcesContent":["////\n/// Accordion Module\n/// @group accordion\n////\n\n@use 'module/animate';\n\n#{ns(accordion)} {\n position: relative;\n\n @include before('', block) {\n @include absolute(0, 0, 0 , 0, 100%, 100%);\n pointer-events: none;\n }\n\n // add heading style for accessibility concerns and reset margins\n @include title {\n @include margin(0);\n display: block;\n font-size: unset;\n line-height: unset;\n }\n\n &__btn {\n @include _build-link-base;\n @include _link-display(flex);\n @include font-weight('medium');\n @include nest-accordion-button(arrow-down-s-line);\n @include size(100%);\n text-align: left;\n @include margin(0);\n @include animate.caret();\n\n @include after {\n @include margin-right(0);\n @include margin-left(auto);\n }\n }\n\n #{ns(collapse)} {\n @include enable-list-style;\n @include margin(0 -1v, md);\n @include padding-x(4v, md);\n\n transition: visibility 0.3s, padding 0.3s;\n\n &--expanded {\n @include padding-top(4v);\n @include padding-bottom(6v);\n }\n }\n}\n\n#{ns-group(accordions)} {\n @include disable-list-style;\n}\n","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ACCORDION\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-accordion {\n position: relative;\n}\n.fr-accordion::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.fr-accordion__title {\n margin: 0;\n display: block;\n font-size: unset;\n line-height: unset;\n}\n.fr-accordion__btn {\n --text-spacing: 0;\n --title-spacing: 0;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n min-height: 3rem;\n padding: 0.75rem 1rem;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n width: 100%;\n text-align: left;\n margin: 0;\n}\n.fr-accordion__btn::before, .fr-accordion__btn::after {\n display: block;\n}\n.fr-accordion__btn::after {\n content: \"\";\n --icon-size: 1rem;\n margin-right: -0.125rem;\n margin-left: 0.25rem;\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-accordion__btn::after {\n -webkit-mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n}\n.fr-accordion__btn::after {\n content: \"\";\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\n transition: transform 0.3s;\n}\n.fr-accordion__btn[aria-expanded=true]::after {\n transform: rotate(-180deg);\n}\n.fr-accordion__btn::after {\n margin-right: 0;\n margin-left: auto;\n}\n.fr-accordion .fr-collapse {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: 1rem;\n --ol-start: 1.5rem;\n --xl-block: 0.5rem;\n --li-bottom: 0.25rem;\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \". \";\n transition: visibility 0.3s, padding 0.3s;\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n margin: 0 -0.25rem;\n }\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n.fr-accordion .fr-collapse--expanded {\n padding-top: 1rem;\n padding-bottom: 1.5rem;\n}\n\n.fr-accordions-group {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n.fr-accordion::before {\n box-shadow: inset 0 1px 0 0 var(--border-default-grey), 0 1px 0 0 var(--border-default-grey);\n}\n.fr-accordion__btn {\n color: var(--text-action-high-blue-france);\n}\n.fr-accordion__btn[aria-expanded=true] {\n background-color: var(--background-open-blue-france);\n --idle: transparent;\n --hover: var(--background-open-blue-france-hover);\n --active: var(--background-open-blue-france-active);\n}",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 : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Display display\n/// @group core\n////\n\n@mixin display-flex($flex-direction: row, $align-items: null, $justify-content: null, $flex-wrap: null, $inline: false) {\n\n @if $inline == true {\n display: inline-flex;\n }\n @else {\n display: flex;\n }\n\n @if $flex-direction != null {\n flex-direction: #{$flex-direction};\n }\n\n @if $align-items != null {\n align-items: #{$align-items};\n }\n\n @if $justify-content != null {\n justify-content: #{$justify-content};\n }\n\n @if $flex-wrap != null {\n flex-wrap: #{$flex-wrap};\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Link Tool : build\n/// @group link\n////\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false) {\n $selector: '';\n $base: '#{$base}';\n\n @if $size != md {\n $selector: '#{$base}--#{$size}';\n }\n\n @if $align-on-content {\n $selector: '#{$selector}#{$base}--align-on-content';\n }\n\n @if $place == only {\n @if $selector == '' {\n $selector: '#{$base}';\n }\n $selector: '#{$selector}:not([class*=\"#{str-slice($base, 2)}--icon-\"])';\n }\n @else if $place == left or $place == right {\n $selector: '#{$selector}#{$base}--icon-#{$place}';\n }\n\n @if $selector == '' {\n $selector: $base;\n }\n\n #{$selector} {\n @if $place != null {\n @include has-icon {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n}\n\n@mixin _build-link-base {\n @include set-text-margin(0);\n @include set-title-margin(0);\n}\n\n@mixin _link-display($display) {\n @if $display == flex {\n @include display-flex(row, center, null, null, true);\n width: -moz-fit-content;\n width: fit-content;\n @include _pseudo(before after) {\n display: block;\n }\n }\n @else {\n display: inline;\n }\n}\n\n@mixin _build-link($settings) {\n $places: map_get($settings, places);\n $sizes: _link-sort-sizes(map_get($settings, sizes));\n $border-radius: map-get($settings, border-radius);\n $align-on-content: map-get($settings, align-on-content);\n $base: ns(map-get($settings, selector));\n $underline: map-get($settings, underline);\n\n #{$base} {\n @include _build-link-base;\n @include _link-display(map-get($settings, display));\n\n @if $underline != true {\n @include disable-underline;\n @include tint-enabled(true, null);\n }\n @content;\n }\n\n @if map_get($settings, no-modifier) != true {\n @each $size, $size-settings in $sizes {\n @include _link-class($base, $size) {\n @include _build-link-size($size-settings, $border-radius);\n\n @if map_get($settings, blank) {\n @include target-blank(true) {\n @include _build-link-icon($size-settings, right, $size, false);\n }\n }\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true) {\n @include _link-align-on-content($size, null, $size-settings);\n }\n }\n\n @if $places != null {\n @each $place in $places {\n @include _link-class($base, $size, $place) {\n @include _build-link-icon($size-settings, $place, $size, true);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, $place, true) {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n }\n }\n\n @if index($places, only) == null {\n @include _link-class($base, $size, only) {\n @include before(none);\n }\n }\n }\n }\n }\n}\n\n@mixin build-link() {\n @include _build-link($links-settings) {\n @content;\n }\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\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@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","////\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","@mixin caret() {\n &::after {\n transition: transform 0.3s;\n }\n\n &[aria-expanded='true'] {\n &::after {\n transform: rotate(-180deg);\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Accordion Scheme\n/// @group accordion\n////\n\n@use 'module/color';\n\n@mixin _accordion-scheme($legacy: false) {\n #{ns(accordion)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in bottom-1-out);\n }\n\n &__btn {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &[aria-expanded='true'] {\n @include color.background(open blue-france, (legacy: $legacy));\n }\n }\n }\n}\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"]}
\ No newline at end of file
{"version":3,"sources":["file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_module.scss","%3Cinput%20css%20g2nK3X%3E","<no source>","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/animate/mixin/_caret.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_scheme.scss","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":"AAuCE,gBCsEF;AC7GA;;GAAA,AFOA,cACE,iBCUF,CEFE,qBCAE,QAAA,CCyBA,0FAAA,CFtBE,UHTY,CGaZ,aAAA,CGsCA,WAAA,CF1CF,MAAA,CJPA,mBAAA,CIJF,iBAAA,CAKE,OAAA,CAHA,KAAA,CEgDE,UL5BN,CMxBE,qBPYE,aAAA,CACA,eAAA,CACA,iBAAA,CQaA,QPGJ,CDbE,mBSkFE,gBAAA,CAAA,iBAAA,CCtFA,kBAAA,CLsBA,yCAAA,CKjCA,mBAAA,CAOA,kBAAA,CCHF,cAAA,CCOA,eAAA,CDNA,kBAFc,CHsBZ,QAfE,CKaF,eAAA,CADA,cAAA,CFbA,eAFW,CEcX,gBAAA,CFIF,mBAAA,CXJE,eAAA,Cc0BA,sBAAA,CACA,iBAAA,CREE,ULFN,CExCE,mDW0CI,abCN,CE3CE,yBUiBI,gBAAA,CE2BF,6BAAA,CZzCE,UYqD+B,CAdjC,oBAAA,CADA,aAAA,CTIE,uBAAA,CEhCA,gBAXA,CAWA,cAXA,CQZJ,gED0CM,CCzCN,wDDyCM,CCrCN,2BDmD2B,CClD3B,mBDkD2B,CE5DzB,wBAAA,CFyDA,kDAAA,CTDE,sBLON,CEjDE,0BAGI,YFiDN,CgB9DI,6CACE,yBhBuFN,CDvDE,2BkB1BE,cAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,2CAAA,ClBwBA,qCCiEJ,CD/DI,qCQjBE,qBAXA,CAWA,gBP+FN,CDvEA,qBkB5BE,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBjBuGF,CkBtHM,uCdoCE,kBAAA,CAqCJ,gDAAA,CAAA,kDAAA,CAhDA,mDJ0GJ,CmBpII;ECRI,cAAA,CpBDR,CmBSI;ECRI,cAAA,CrBgCN,2BQNE,gBAfE,CAGA,iBAHA,CAIA,kBP2FJ,CAxGF,CmBMI;ECRI,cAAA,CpBKR,CmBGI;ECRI,cAAA,CpBQR","file":"accordion.main.min.css","sourcesContent":["////\n/// Accordion Module\n/// @group accordion\n////\n\n@use 'module/animate';\n\n#{ns(accordion)} {\n position: relative;\n\n @include before('', block) {\n @include absolute(0, 0, 0 , 0, 100%, 100%);\n pointer-events: none;\n }\n\n // add heading style for accessibility concerns and reset margins\n @include title {\n @include margin(0);\n display: block;\n font-size: unset;\n line-height: unset;\n }\n\n &__btn {\n @include _build-link-base;\n @include _link-display(flex);\n @include font-weight('medium');\n @include nest-accordion-button(arrow-down-s-line);\n @include size(100%);\n text-align: left;\n @include margin(0);\n @include animate.caret();\n\n @include after {\n @include margin-right(0);\n @include margin-left(auto);\n }\n }\n\n #{ns(collapse)} {\n @include enable-list-style;\n @include margin(0 -1v, md);\n @include padding-x(4v, md);\n\n transition: visibility 0.3s, padding 0.3s;\n\n &--expanded {\n @include padding-top(4v);\n @include padding-bottom(6v);\n }\n }\n}\n\n#{ns-group(accordions)} {\n @include disable-list-style;\n}\n","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ACCORDION\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-accordion {\n position: relative;\n}\n.fr-accordion::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.fr-accordion__title {\n margin: 0;\n display: block;\n font-size: unset;\n line-height: unset;\n}\n.fr-accordion__btn {\n --text-spacing: 0;\n --title-spacing: 0;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n min-height: 3rem;\n padding: 0.75rem 1rem;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n width: 100%;\n text-align: left;\n margin: 0;\n}\n.fr-accordion__btn::before, .fr-accordion__btn::after {\n display: block;\n}\n.fr-accordion__btn::after {\n content: \"\";\n --icon-size: 1rem;\n margin-right: -0.125rem;\n margin-left: 0.25rem;\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-accordion__btn::after {\n -webkit-mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n}\n.fr-accordion__btn::after {\n content: \"\";\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\n transition: transform 0.3s;\n}\n.fr-accordion__btn[aria-expanded=true]::after {\n transform: rotate(-180deg);\n}\n.fr-accordion__btn::after {\n margin-right: 0;\n margin-left: auto;\n}\n.fr-accordion .fr-collapse {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: 1rem;\n --ol-start: 1.5rem;\n --xl-block: 0.5rem;\n --li-bottom: 0.25rem;\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \". \";\n transition: visibility 0.3s, padding 0.3s;\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n margin: 0 -0.25rem;\n }\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n.fr-accordion .fr-collapse--expanded {\n padding-top: 1rem;\n padding-bottom: 1.5rem;\n}\n\n.fr-accordions-group {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n.fr-accordion::before {\n box-shadow: inset 0 1px 0 0 var(--border-default-grey), 0 1px 0 0 var(--border-default-grey);\n}\n.fr-accordion__btn {\n color: var(--text-action-high-blue-france);\n}\n.fr-accordion__btn[aria-expanded=true] {\n background-color: var(--background-open-blue-france);\n --idle: transparent;\n --hover: var(--background-open-blue-france-hover);\n --active: var(--background-open-blue-france-active);\n}",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 : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Display display\n/// @group core\n////\n\n@mixin display-flex($flex-direction: row, $align-items: null, $justify-content: null, $flex-wrap: null, $inline: false) {\n\n @if $inline == true {\n display: inline-flex;\n }\n @else {\n display: flex;\n }\n\n @if $flex-direction != null {\n flex-direction: #{$flex-direction};\n }\n\n @if $align-items != null {\n align-items: #{$align-items};\n }\n\n @if $justify-content != null {\n justify-content: #{$justify-content};\n }\n\n @if $flex-wrap != null {\n flex-wrap: #{$flex-wrap};\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Link Tool : build\n/// @group link\n////\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false, $append: '') {\n $selector: '';\n $base: '#{$base}';\n\n @if $size != md {\n $selector: '#{$base}--#{$size}';\n }\n\n @if $align-on-content {\n $selector: '#{$selector}#{$base}--align-on-content';\n }\n\n @if $place == only {\n @if $selector == '' {\n $selector: '#{$base}';\n }\n $selector: '#{$selector}:not([class*=\"#{str-slice($base, 2)}--icon-\"])';\n }\n @else if $place == left or $place == right {\n $selector: '#{$selector}#{$base}--icon-#{$place}';\n }\n\n @if $selector == '' {\n $selector: $base;\n }\n\n @if $append != '' {\n $selector: '#{$selector} #{$append}';\n }\n\n #{$selector} {\n @if $place != null {\n @include has-icon {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n}\n\n@mixin _build-link-base {\n @include set-text-margin(0);\n @include set-title-margin(0);\n}\n\n@mixin _link-display($display) {\n @if $display == flex {\n @include display-flex(row, center, null, null, true);\n width: -moz-fit-content;\n width: fit-content;\n @include _pseudo(before after) {\n display: block;\n }\n }\n @else {\n display: inline;\n }\n}\n\n@mixin _build-link($settings) {\n $places: map_get($settings, places);\n $sizes: _link-sort-sizes(map_get($settings, sizes));\n $border-radius: map-get($settings, border-radius);\n $align-on-content: map-get($settings, align-on-content);\n $base: ns(map-get($settings, selector));\n $underline: map-get($settings, underline);\n $append: map-get($settings, append);\n\n #{$base} {\n @include _build-link-base;\n @include _link-display(map-get($settings, display));\n\n @if $underline != true {\n @include disable-underline;\n @include tint-enabled(true, null);\n }\n @content;\n }\n\n @if map_get($settings, no-modifier) != true {\n @each $size, $size-settings in $sizes {\n @include _link-class($base, $size, null, false, $append) {\n @include _build-link-size($size-settings, $border-radius);\n\n @if map_get($settings, blank) {\n @include target-blank(true) {\n @include _build-link-icon($size-settings, right, $size, false);\n }\n }\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true, $append) {\n @include _link-align-on-content($size, null, $size-settings);\n }\n }\n\n @if $places != null {\n @each $place in $places {\n @include _link-class($base, $size, $place, false, $append) {\n @include _build-link-icon($size-settings, $place, $size, true);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, $place, true, $append) {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n }\n }\n\n @if index($places, only) == null {\n @include _link-class($base, $size, only, false, $append) {\n @include before(none);\n }\n }\n }\n }\n }\n}\n\n@mixin build-link() {\n @include _build-link($links-settings) {\n @content;\n }\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\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@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","////\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","@mixin caret() {\n &::after {\n transition: transform 0.3s;\n }\n\n &[aria-expanded='true'] {\n &::after {\n transform: rotate(-180deg);\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Accordion Scheme\n/// @group accordion\n////\n\n@use 'module/color';\n\n@mixin _accordion-scheme($legacy: false) {\n #{ns(accordion)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in bottom-1-out);\n }\n\n &__btn {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &[aria-expanded='true'] {\n @include color.background(open blue-france, (legacy: $legacy));\n }\n }\n }\n}\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.min.css
View file @ c70aacd8
@charset "UTF-8";
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-accordion{position:relative}.fr-accordion:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey),0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-accordion__title{display:block;font-size:unset;line-height:unset;margin:0}.fr-accordion__btn{--text-spacing:0;--title-spacing:0;align-items:center;color:var(--text-action-high-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;margin:0;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.75rem 1rem;text-align:left;width:-moz-fit-content;width:fit-content;width:100%}.fr-accordion__btn:after,.fr-accordion__btn:before{display:block}.fr-accordion__btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:auto;margin-right:0;-webkit-mask-image:url(../../icons/system/arrow-down-s-line.svg);mask-image:url(../../icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .3s;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-accordion__btn:before{content:none}.fr-accordion__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-accordion .fr-collapse{--ul-type:disc;--ol-type:decimal;--ul-start:1rem;--ol-start:1.5rem;--xl-block:0.5rem;--li-bottom:0.25rem;--xl-base:1em;--ol-content:counters(li-counter,".") ". ";transition:visibility .3s,padding .3s}.fr-accordion .fr-collapse--expanded{padding-bottom:1.5rem;padding-top:1rem}.fr-accordions-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}.fr-accordion__btn[aria-expanded=true]{--idle:transparent;--hover:var(--background-open-blue-france-hover);--active:var(--background-open-blue-france-active);background-color:var(--background-open-blue-france)}@media (min-width:36em){
/*! media sm */
/*! media sm */}@media (min-width:48em){
......@@ -9,4 +9,4 @@
/*! media lg */
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-accordions-group ol,.fr-accordions-group ul{list-style-type:none}.fr-accordions-group ol,.fr-accordions-group ul{margin-bottom:0;margin-top:0;padding-left:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol,ul{margin-bottom:.5rem;margin-top:.5rem;padding-left:1rem}.fr-accordion__btn:after,.fr-accordion__btn:before{background-color:transparent;background-image:url(../../icons/system/arrow-down-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-accordion__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-accordion:before{box-shadow:inset 0 1px 0 0 #ddd,0 1px 0 0 #ddd}.fr-accordion__btn{color:#000091}.fr-accordion__btn[aria-expanded=true]{background-color:#e3e3fd}}
\ No newline at end of file
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-accordions-group ol,.fr-accordions-group ul{list-style-type:none}.fr-accordions-group ol,.fr-accordions-group ul{margin-bottom:0;margin-top:0;padding-left:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol,ul{margin-bottom:.5rem;margin-top:.5rem;padding-left:1rem}.fr-accordion__btn:after,.fr-accordion__btn:before{background-color:transparent;background-image:url(../../icons/system/arrow-down-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-accordion__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-accordion:before{box-shadow:inset 0 1px 0 0 #ddd,0 1px 0 0 #ddd}.fr-accordion__btn{color:#000091}.fr-accordion__btn[aria-expanded=true]{background-color:#e3e3fd}}@media print{.fr-accordion:before{box-shadow:inset 0 1px 0 0 #ddd,0 1px 0 0 #ddd}.fr-accordion__btn{color:#000091}.fr-accordion__btn[aria-expanded=true]{background-color:#e3e3fd}.fr-accordion__btn:after{transform:rotate(-180deg)}.fr-accordion .fr-collapse:not(.fr-collapse--expanded){--collapse-max-height:none!important;--collapse:inherit!important;padding:1rem;visibility:visible}}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.min.css.map
View file @ c70aacd8
{"version":3,"sources":["file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_module.scss","%3Cinput%20css%20jcWtX9%3E","<no source>","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/animate/mixin/_caret.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_scheme.scss","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","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_legacy.scss"],"names":[],"mappings":"AAuCE,gBCsEF;AC7GA;;GAAA,AFOA,cACE,iBCUF,CEFE,qBCAE,QAAA,CCyBA,0FAAA,CFtBE,UHTY,CGaZ,aAAA,CGsCA,WAAA,CF1CF,MAAA,CJPA,mBAAA,CIJF,iBAAA,CAKE,OAAA,CAHA,KAAA,CEgDE,UL5BN,CMxBE,qBPYE,aAAA,CACA,eAAA,CACA,iBAAA,CQaA,QPGJ,CDbE,mBSkFE,gBAAA,CAAA,iBAAA,CCtFA,kBAAA,CLsBA,yCAAA,CKjCA,mBAAA,CAOA,kBAAA,CCHF,cAAA,CCOA,eAAA,CDNA,kBAFc,CHsBZ,QAfE,CKaF,eAAA,CADA,cAAA,CFbA,eAFW,CEcX,gBAAA,CFIF,mBAAA,CXJE,eAAA,CcsBA,sBAAA,CACA,iBAAA,CRME,ULFN,CExCE,mDWsCI,abKN,CE3CE,yBUiBI,gBAAA,CE2BF,6BAAA,CZzCE,UYqD+B,CAdjC,oBAAA,CADA,aAAA,CTIE,uBAAA,CEhCA,gBAXA,CAWA,cAXA,CQZJ,gED0CM,CCzCN,wDDyCM,CCrCN,2BDmD2B,CClD3B,mBDkD2B,CE5DzB,wBAAA,CFyDA,kDAAA,CTDE,sBLON,CEjDE,0BAGI,YFiDN,CgB9DI,6CACE,yBhBuFN,CDvDE,2BkB1BE,cAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,2CAAA,ClBwBA,qCCiEJ,CD/DI,qCQjBE,qBAXA,CAWA,gBP+FN,CDvEA,qBkB5BE,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBjBuGF,CkBtHM,uCdoCE,kBAAA,CAqCJ,gDAAA,CAAA,kDAAA,CAhDA,mDJ0GJ,CmBpII;ECRI,cAAA;EAAA,cAAA,CpBDR,CmBSI;ECRI,cAAA,CrBgCN,2BQNE,gBAfE,CAGA,iBAHA,CAIA,kBP2FJ;EoB1GM,cAAA,CpBER,CmBMI;ECRI,cAAA;EAAA,cAAA,CpBKR,CmBGI;ECRI,cAAA;EAAA,cAAA,CpBQR,CqBNI,2DJiEA,gDACE,oBjB+FJ,CiB5FE,gDVpDE,eARA,CAOA,YAPA,CAWA,cPmJJ,CiBpIE,GACE,oBjBsIJ,CiBnIE,GACE,uBjBqIJ,CiBlIE,MV1BE,mBARA,CAOA,gBAPA,CAWA,iBP+JJ,CE5KA,mDoBME,4BAAA,CANA,8DAFI,CAUJ,2BAAA,CADA,oBAAA,CjBsCE,WAAA,CAHA,ULuIJ,CEjLA,6CqBOQ,yBvBoLR,CE3LA,qBEyBE,8CJuKF,CkBnME,mBd4BA,aJ4KF,CkBrMI,uCdyBF,wBJiLF,CAdF","file":"accordion.min.css","sourcesContent":["////\n/// Accordion Module\n/// @group accordion\n////\n\n@use 'module/animate';\n\n#{ns(accordion)} {\n position: relative;\n\n @include before('', block) {\n @include absolute(0, 0, 0 , 0, 100%, 100%);\n pointer-events: none;\n }\n\n // add heading style for accessibility concerns and reset margins\n @include title {\n @include margin(0);\n display: block;\n font-size: unset;\n line-height: unset;\n }\n\n &__btn {\n @include _build-link-base;\n @include _link-display(flex);\n @include font-weight('medium');\n @include nest-accordion-button(arrow-down-s-line);\n @include size(100%);\n text-align: left;\n @include margin(0);\n @include animate.caret();\n\n @include after {\n @include margin-right(0);\n @include margin-left(auto);\n }\n }\n\n #{ns(collapse)} {\n @include enable-list-style;\n @include margin(0 -1v, md);\n @include padding-x(4v, md);\n\n transition: visibility 0.3s, padding 0.3s;\n\n &--expanded {\n @include padding-top(4v);\n @include padding-bottom(6v);\n }\n }\n}\n\n#{ns-group(accordions)} {\n @include disable-list-style;\n}\n","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ACCORDION\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-accordion {\n position: relative;\n}\n.fr-accordion::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.fr-accordion__title {\n margin: 0;\n display: block;\n font-size: unset;\n line-height: unset;\n}\n.fr-accordion__btn {\n --text-spacing: 0;\n --title-spacing: 0;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n min-height: 3rem;\n padding: 0.75rem 1rem;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n width: 100%;\n text-align: left;\n margin: 0;\n}\n.fr-accordion__btn::before, .fr-accordion__btn::after {\n display: block;\n}\n.fr-accordion__btn::after {\n content: \"\";\n --icon-size: 1rem;\n margin-right: -0.125rem;\n margin-left: 0.25rem;\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-accordion__btn::after {\n -webkit-mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n}\n.fr-accordion__btn::after {\n content: \"\";\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\n transition: transform 0.3s;\n}\n.fr-accordion__btn[aria-expanded=true]::after {\n transform: rotate(-180deg);\n}\n.fr-accordion__btn::after {\n margin-right: 0;\n margin-left: auto;\n}\n.fr-accordion .fr-collapse {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: 1rem;\n --ol-start: 1.5rem;\n --xl-block: 0.5rem;\n --li-bottom: 0.25rem;\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \". \";\n transition: visibility 0.3s, padding 0.3s;\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n margin: 0 -0.25rem;\n }\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n.fr-accordion .fr-collapse--expanded {\n padding-top: 1rem;\n padding-bottom: 1.5rem;\n}\n\n.fr-accordions-group {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n.fr-accordion::before {\n box-shadow: inset 0 1px 0 0 var(--border-default-grey), 0 1px 0 0 var(--border-default-grey);\n}\n.fr-accordion__btn {\n color: var(--text-action-high-blue-france);\n}\n.fr-accordion__btn[aria-expanded=true] {\n background-color: var(--background-open-blue-france);\n --idle: transparent;\n --hover: var(--background-open-blue-france-hover);\n --active: var(--background-open-blue-france-active);\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 /**\n * Reset liste à puce\n */\n .fr-accordions-group ul {\n list-style-type: none;\n }\n .fr-accordions-group ol {\n list-style-type: none;\n }\n .fr-accordions-group ul,\n .fr-accordions-group ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n ul {\n list-style-type: disc;\n }\n ol {\n list-style-type: decimal;\n }\n ul,\n ol {\n padding-left: 1rem;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n .fr-accordion__btn::before, .fr-accordion__btn::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-accordion__btn::before, .fr-accordion__btn::after {\n background-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n }\n .fr-accordion__btn::before, .fr-accordion__btn::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-accordion__btn[aria-expanded=true]::after {\n transform: rotate(-180deg);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-accordion::before {\n box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-accordion__btn {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-accordion__btn[aria-expanded=true] {\n background-color: #e3e3fd;\n }\n}",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 : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Display display\n/// @group core\n////\n\n@mixin display-flex($flex-direction: row, $align-items: null, $justify-content: null, $flex-wrap: null, $inline: false) {\n\n @if $inline == true {\n display: inline-flex;\n }\n @else {\n display: flex;\n }\n\n @if $flex-direction != null {\n flex-direction: #{$flex-direction};\n }\n\n @if $align-items != null {\n align-items: #{$align-items};\n }\n\n @if $justify-content != null {\n justify-content: #{$justify-content};\n }\n\n @if $flex-wrap != null {\n flex-wrap: #{$flex-wrap};\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Link Tool : build\n/// @group link\n////\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false) {\n $selector: '';\n $base: '#{$base}';\n\n @if $size != md {\n $selector: '#{$base}--#{$size}';\n }\n\n @if $align-on-content {\n $selector: '#{$selector}#{$base}--align-on-content';\n }\n\n @if $place == only {\n @if $selector == '' {\n $selector: '#{$base}';\n }\n $selector: '#{$selector}:not([class*=\"#{str-slice($base, 2)}--icon-\"])';\n }\n @else if $place == left or $place == right {\n $selector: '#{$selector}#{$base}--icon-#{$place}';\n }\n\n @if $selector == '' {\n $selector: $base;\n }\n\n #{$selector} {\n @if $place != null {\n @include has-icon {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n}\n\n@mixin _build-link-base {\n @include set-text-margin(0);\n @include set-title-margin(0);\n}\n\n@mixin _link-display($display) {\n @if $display == flex {\n @include display-flex(row, center, null, null, true);\n width: -moz-fit-content;\n width: fit-content;\n @include _pseudo(before after) {\n display: block;\n }\n }\n @else {\n display: inline;\n }\n}\n\n@mixin _build-link($settings) {\n $places: map_get($settings, places);\n $sizes: _link-sort-sizes(map_get($settings, sizes));\n $border-radius: map-get($settings, border-radius);\n $align-on-content: map-get($settings, align-on-content);\n $base: ns(map-get($settings, selector));\n $underline: map-get($settings, underline);\n\n #{$base} {\n @include _build-link-base;\n @include _link-display(map-get($settings, display));\n\n @if $underline != true {\n @include disable-underline;\n @include tint-enabled(true, null);\n }\n @content;\n }\n\n @if map_get($settings, no-modifier) != true {\n @each $size, $size-settings in $sizes {\n @include _link-class($base, $size) {\n @include _build-link-size($size-settings, $border-radius);\n\n @if map_get($settings, blank) {\n @include target-blank(true) {\n @include _build-link-icon($size-settings, right, $size, false);\n }\n }\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true) {\n @include _link-align-on-content($size, null, $size-settings);\n }\n }\n\n @if $places != null {\n @each $place in $places {\n @include _link-class($base, $size, $place) {\n @include _build-link-icon($size-settings, $place, $size, true);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, $place, true) {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n }\n }\n\n @if index($places, only) == null {\n @include _link-class($base, $size, only) {\n @include before(none);\n }\n }\n }\n }\n }\n}\n\n@mixin build-link() {\n @include _build-link($links-settings) {\n @content;\n }\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\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@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","////\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","@mixin caret() {\n &::after {\n transition: transform 0.3s;\n }\n\n &[aria-expanded='true'] {\n &::after {\n transform: rotate(-180deg);\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Accordion Scheme\n/// @group accordion\n////\n\n@use 'module/color';\n\n@mixin _accordion-scheme($legacy: false) {\n #{ns(accordion)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in bottom-1-out);\n }\n\n &__btn {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &[aria-expanded='true'] {\n @include color.background(open blue-france, (legacy: $legacy));\n }\n }\n }\n}\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","/// 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 : 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","////\n/// Accordion Legacy\n/// @group accordion\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * Reset liste à puce\n */\n #{ns-group(accordions)} {\n @include disable-list-style-legacy;\n }\n\n #{ns(accordion)} {\n @include enable-list-style-legacy;\n\n &__btn {\n @include icon-legacy(arrow-down-s-line, sm);\n\n &[aria-expanded=\"true\"] {\n @include after {\n transform: rotate(-180deg);\n }\n }\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_module.scss","%3Cinput%20css%2063iNsM%3E","<no source>","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/animate/mixin/_caret.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_scheme.scss","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","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_print.scss"],"names":[],"mappings":"AAuCE,gBCsEF;AC7GA;;GAAA,AFOA,cACE,iBCUF,CEFE,qBCAE,QAAA,CCyBA,0FAAA,CFtBE,UHTY,CGaZ,aAAA,CGsCA,WAAA,CF1CF,MAAA,CJPA,mBAAA,CIJF,iBAAA,CAKE,OAAA,CAHA,KAAA,CEgDE,UL5BN,CMxBE,qBPYE,aAAA,CACA,eAAA,CACA,iBAAA,CQaA,QPGJ,CDbE,mBSkFE,gBAAA,CAAA,iBAAA,CCtFA,kBAAA,CLsBA,yCAAA,CKjCA,mBAAA,CAOA,kBAAA,CCHF,cAAA,CCOA,eAAA,CDNA,kBAFc,CHsBZ,QAfE,CKaF,eAAA,CADA,cAAA,CFbA,eAFW,CEcX,gBAAA,CFIF,mBAAA,CXJE,eAAA,Cc0BA,sBAAA,CACA,iBAAA,CREE,ULFN,CExCE,mDW0CI,abCN,CE3CE,yBUiBI,gBAAA,CE2BF,6BAAA,CZzCE,UYqD+B,CAdjC,oBAAA,CADA,aAAA,CTIE,uBAAA,CEhCA,gBAXA,CAWA,cAXA,CQZJ,gED0CM,CCzCN,wDDyCM,CCrCN,2BDmD2B,CClD3B,mBDkD2B,CE5DzB,wBAAA,CFyDA,kDAAA,CTDE,sBLON,CEjDE,0BAGI,YFiDN,CgB9DI,6CACE,yBhBuFN,CDvDE,2BkB1BE,cAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,mBAAA,CACA,aAAA,CACA,2CAAA,ClBwBA,qCCiEJ,CD/DI,qCQjBE,qBAXA,CAWA,gBP+FN,CDvEA,qBkB5BE,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBjBuGF,CkBtHM,uCdoCE,kBAAA,CAqCJ,gDAAA,CAAA,kDAAA,CAhDA,mDJ0GJ,CmBpII;ECRI,cAAA;EAAA,cAAA,CpBDR,CmBSI;ECRI,cAAA,CrBgCN,2BQNE,gBAfE,CAGA,iBAHA,CAIA,kBP2FJ;EoB1GM,cAAA,CpBER,CmBMI;ECRI,cAAA;EAAA,cAAA,CpBKR,CmBGI;ECRI,cAAA;EAAA,cAAA,CpBQR,CqBNI,2DJiEA,gDACE,oBjB+FJ,CiB5FE,gDVpDE,eARA,CAOA,YAPA,CAWA,cPmJJ,CiBpIE,GACE,oBjBsIJ,CiBnIE,GACE,uBjBqIJ,CiBlIE,MV1BE,mBARA,CAOA,gBAPA,CAWA,iBP+JJ,CE5KA,mDoBME,4BAAA,CANA,8DAFI,CAUJ,2BAAA,CADA,oBAAA,CjBsCE,WAAA,CAHA,ULuIJ,CEjLA,6CqBOQ,yBvBoLR,CE3LA,qBEyBE,8CJuKF,CkBnME,mBd4BA,aJ4KF,CkBrMI,uCdyBF,wBJiLF,CAdF,CwBvMA,atBWE,qBEyBE,8CJuLF,CkBnNE,mBd4BA,aJ0LF,CkBnNI,uCdyBF,wBJ6LF,CyBrOA,yBACE,yBzBuOF,CyBpOA,uDACE,oCAAA,CACA,4BAAA,ClB0BA,YAfE,CkBTF,kBzBsOF,CACF","file":"accordion.min.css","sourcesContent":["////\n/// Accordion Module\n/// @group accordion\n////\n\n@use 'module/animate';\n\n#{ns(accordion)} {\n position: relative;\n\n @include before('', block) {\n @include absolute(0, 0, 0 , 0, 100%, 100%);\n pointer-events: none;\n }\n\n // add heading style for accessibility concerns and reset margins\n @include title {\n @include margin(0);\n display: block;\n font-size: unset;\n line-height: unset;\n }\n\n &__btn {\n @include _build-link-base;\n @include _link-display(flex);\n @include font-weight('medium');\n @include nest-accordion-button(arrow-down-s-line);\n @include size(100%);\n text-align: left;\n @include margin(0);\n @include animate.caret();\n\n @include after {\n @include margin-right(0);\n @include margin-left(auto);\n }\n }\n\n #{ns(collapse)} {\n @include enable-list-style;\n @include margin(0 -1v, md);\n @include padding-x(4v, md);\n\n transition: visibility 0.3s, padding 0.3s;\n\n &--expanded {\n @include padding-top(4v);\n @include padding-bottom(6v);\n }\n }\n}\n\n#{ns-group(accordions)} {\n @include disable-list-style;\n}\n","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ACCORDION\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-accordion {\n position: relative;\n}\n.fr-accordion::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.fr-accordion__title {\n margin: 0;\n display: block;\n font-size: unset;\n line-height: unset;\n}\n.fr-accordion__btn {\n --text-spacing: 0;\n --title-spacing: 0;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n min-height: 3rem;\n padding: 0.75rem 1rem;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n width: 100%;\n text-align: left;\n margin: 0;\n}\n.fr-accordion__btn::before, .fr-accordion__btn::after {\n display: block;\n}\n.fr-accordion__btn::after {\n content: \"\";\n --icon-size: 1rem;\n margin-right: -0.125rem;\n margin-left: 0.25rem;\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-accordion__btn::after {\n -webkit-mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n}\n.fr-accordion__btn::after {\n content: \"\";\n}\n.fr-accordion__btn::before {\n content: none;\n}\n.fr-accordion__btn::after {\n transition: transform 0.3s;\n}\n.fr-accordion__btn[aria-expanded=true]::after {\n transform: rotate(-180deg);\n}\n.fr-accordion__btn::after {\n margin-right: 0;\n margin-left: auto;\n}\n.fr-accordion .fr-collapse {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: 1rem;\n --ol-start: 1.5rem;\n --xl-block: 0.5rem;\n --li-bottom: 0.25rem;\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \". \";\n transition: visibility 0.3s, padding 0.3s;\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n margin: 0 -0.25rem;\n }\n}\n@media (min-width: 48em) {\n .fr-accordion .fr-collapse {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n.fr-accordion .fr-collapse--expanded {\n padding-top: 1rem;\n padding-bottom: 1.5rem;\n}\n\n.fr-accordions-group {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n.fr-accordion::before {\n box-shadow: inset 0 1px 0 0 var(--border-default-grey), 0 1px 0 0 var(--border-default-grey);\n}\n.fr-accordion__btn {\n color: var(--text-action-high-blue-france);\n}\n.fr-accordion__btn[aria-expanded=true] {\n background-color: var(--background-open-blue-france);\n --idle: transparent;\n --hover: var(--background-open-blue-france-hover);\n --active: var(--background-open-blue-france-active);\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 /**\n * Reset liste à puce\n */\n .fr-accordions-group ul {\n list-style-type: none;\n }\n .fr-accordions-group ol {\n list-style-type: none;\n }\n .fr-accordions-group ul,\n .fr-accordions-group ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n ul {\n list-style-type: disc;\n }\n ol {\n list-style-type: decimal;\n }\n ul,\n ol {\n padding-left: 1rem;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n .fr-accordion__btn::before, .fr-accordion__btn::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-accordion__btn::before, .fr-accordion__btn::after {\n background-image: url(\"../../icons/system/arrow-down-s-line.svg\");\n }\n .fr-accordion__btn::before, .fr-accordion__btn::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-accordion__btn[aria-expanded=true]::after {\n transform: rotate(-180deg);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-accordion::before {\n box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-accordion__btn {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-accordion__btn[aria-expanded=true] {\n background-color: #e3e3fd;\n }\n}\n\n@media print {\n .fr-accordion::before {\n box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd;\n }\n .fr-accordion__btn {\n color: #000091;\n }\n .fr-accordion__btn[aria-expanded=true] {\n background-color: #e3e3fd;\n }\n .fr-accordion__btn::after {\n transform: rotate(-180deg);\n }\n .fr-accordion .fr-collapse:not(.fr-collapse--expanded) {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n visibility: visible;\n padding: 1rem;\n }\n}",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 : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Display display\n/// @group core\n////\n\n@mixin display-flex($flex-direction: row, $align-items: null, $justify-content: null, $flex-wrap: null, $inline: false) {\n\n @if $inline == true {\n display: inline-flex;\n }\n @else {\n display: flex;\n }\n\n @if $flex-direction != null {\n flex-direction: #{$flex-direction};\n }\n\n @if $align-items != null {\n align-items: #{$align-items};\n }\n\n @if $justify-content != null {\n justify-content: #{$justify-content};\n }\n\n @if $flex-wrap != null {\n flex-wrap: #{$flex-wrap};\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Link Tool : build\n/// @group link\n////\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false, $append: '') {\n $selector: '';\n $base: '#{$base}';\n\n @if $size != md {\n $selector: '#{$base}--#{$size}';\n }\n\n @if $align-on-content {\n $selector: '#{$selector}#{$base}--align-on-content';\n }\n\n @if $place == only {\n @if $selector == '' {\n $selector: '#{$base}';\n }\n $selector: '#{$selector}:not([class*=\"#{str-slice($base, 2)}--icon-\"])';\n }\n @else if $place == left or $place == right {\n $selector: '#{$selector}#{$base}--icon-#{$place}';\n }\n\n @if $selector == '' {\n $selector: $base;\n }\n\n @if $append != '' {\n $selector: '#{$selector} #{$append}';\n }\n\n #{$selector} {\n @if $place != null {\n @include has-icon {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n}\n\n@mixin _build-link-base {\n @include set-text-margin(0);\n @include set-title-margin(0);\n}\n\n@mixin _link-display($display) {\n @if $display == flex {\n @include display-flex(row, center, null, null, true);\n width: -moz-fit-content;\n width: fit-content;\n @include _pseudo(before after) {\n display: block;\n }\n }\n @else {\n display: inline;\n }\n}\n\n@mixin _build-link($settings) {\n $places: map_get($settings, places);\n $sizes: _link-sort-sizes(map_get($settings, sizes));\n $border-radius: map-get($settings, border-radius);\n $align-on-content: map-get($settings, align-on-content);\n $base: ns(map-get($settings, selector));\n $underline: map-get($settings, underline);\n $append: map-get($settings, append);\n\n #{$base} {\n @include _build-link-base;\n @include _link-display(map-get($settings, display));\n\n @if $underline != true {\n @include disable-underline;\n @include tint-enabled(true, null);\n }\n @content;\n }\n\n @if map_get($settings, no-modifier) != true {\n @each $size, $size-settings in $sizes {\n @include _link-class($base, $size, null, false, $append) {\n @include _build-link-size($size-settings, $border-radius);\n\n @if map_get($settings, blank) {\n @include target-blank(true) {\n @include _build-link-icon($size-settings, right, $size, false);\n }\n }\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true, $append) {\n @include _link-align-on-content($size, null, $size-settings);\n }\n }\n\n @if $places != null {\n @each $place in $places {\n @include _link-class($base, $size, $place, false, $append) {\n @include _build-link-icon($size-settings, $place, $size, true);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, $place, true, $append) {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n }\n }\n\n @if index($places, only) == null {\n @include _link-class($base, $size, only, false, $append) {\n @include before(none);\n }\n }\n }\n }\n }\n}\n\n@mixin build-link() {\n @include _build-link($links-settings) {\n @content;\n }\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\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@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","////\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","@mixin caret() {\n &::after {\n transition: transform 0.3s;\n }\n\n &[aria-expanded='true'] {\n &::after {\n transform: rotate(-180deg);\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Accordion Scheme\n/// @group accordion\n////\n\n@use 'module/color';\n\n@mixin _accordion-scheme($legacy: false) {\n #{ns(accordion)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in bottom-1-out);\n }\n\n &__btn {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &[aria-expanded='true'] {\n @include color.background(open blue-france, (legacy: $legacy));\n }\n }\n }\n}\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","/// 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 : 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","////\n/// Accordion Legacy\n/// @group accordion\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * Reset liste à puce\n */\n #{ns-group(accordions)} {\n @include disable-list-style-legacy;\n }\n\n #{ns(accordion)} {\n @include enable-list-style-legacy;\n\n &__btn {\n @include icon-legacy(arrow-down-s-line, sm);\n\n &[aria-expanded=\"true\"] {\n @include after {\n transform: rotate(-180deg);\n }\n }\n }\n }\n}\n","////\n/// Accordion Print\n/// @group accordion\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _accordion-scheme('print');\n\n @import 'style/print';\n}\n","#{ns(accordion)} {\n &__btn::after {\n transform: rotate(-180deg);\n }\n\n #{ns(collapse)}:not(#{ns(collapse--expanded)}) {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n\n visibility: visible;\n @include padding(1rem);\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.module.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
const config = {
prefix: 'fr',
namespace: 'dsfr',
organisation: '@gouvfr',
version: '1.10.1'
version: '1.11.0'
};
const api = window[config.namespace];
......@@ -15,7 +15,7 @@ const COLLAPSE = api.internals.ns.selector('collapse');
const AccordionSelector = {
GROUP: api.internals.ns.selector('accordions-group'),
ACCORDION: ACCORDION,
COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}`,
COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}`,
COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,
BUTTON: `${ACCORDION}__btn`
};
......
design_system_admin/dsfr/component/accordion/accordion.module.js.map
View file @ c70aacd8
{"version":3,"file":"accordion.module.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG;AACf,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE,SAAS;AACzB,EAAE,OAAO,EAAE,QAAQ;AACnB,CAAC;;ACJD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ACCpC,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACzD,MAAM,QAAQ,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvD;AACO,MAAM,iBAAiB,GAAG;AACjC,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACtD,EAAE,SAAS,EAAE,SAAS;AACtB,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACzM,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;AAC7C,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;AAC7B,CAAC;;ACRD,MAAM,SAAS,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC1C,EAAE,WAAW,iBAAiB,CAAC,GAAG;AAClC,IAAI,OAAO,WAAW,CAAC;AACvB,GAAG;AACH;AACA,EAAE,IAAI,eAAe,CAAC,GAAG;AACzB,IAAI,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC3K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,GAAG;AACH;;ACTA,MAAM,eAAe,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;AACtD,EAAE,WAAW,iBAAiB,CAAC,GAAG;AAClC,IAAI,OAAO,iBAAiB,CAAC;AAC7B,GAAG;AACH;AACA,EAAE,QAAQ,CAAC,CAAC,MAAM,EAAE;AACpB,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,GAAG,iBAAiB,CAAC,eAAe,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACtI,IAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC;AAC3C,GAAG;AACH;;ACPA,GAAG,CAAC,SAAS,GAAG;AAChB,EAAE,SAAS,EAAE,SAAS;AACtB,EAAE,iBAAiB,EAAE,iBAAiB;AACtC,EAAE,eAAe,EAAE,eAAe;AAClC,CAAC;;ACPD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;AAC7F,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC"}
\ No newline at end of file
{"version":3,"file":"accordion.module.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG;AACf,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE,SAAS;AACzB,EAAE,OAAO,EAAE,QAAQ;AACnB,CAAC;;ACJD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ACCpC,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACzD,MAAM,QAAQ,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvD;AACO,MAAM,iBAAiB,GAAG;AACjC,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACtD,EAAE,SAAS,EAAE,SAAS;AACtB,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACrN,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;AAC7C,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;AAC7B,CAAC;;ACRD,MAAM,SAAS,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC1C,EAAE,WAAW,iBAAiB,CAAC,GAAG;AAClC,IAAI,OAAO,WAAW,CAAC;AACvB,GAAG;AACH;AACA,EAAE,IAAI,eAAe,CAAC,GAAG;AACzB,IAAI,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC3K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,GAAG;AACH;;ACTA,MAAM,eAAe,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;AACtD,EAAE,WAAW,iBAAiB,CAAC,GAAG;AAClC,IAAI,OAAO,iBAAiB,CAAC;AAC7B,GAAG;AACH;AACA,EAAE,QAAQ,CAAC,CAAC,MAAM,EAAE;AACpB,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,GAAG,iBAAiB,CAAC,eAAe,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACtI,IAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC;AAC3C,GAAG;AACH;;ACPA,GAAG,CAAC,SAAS,GAAG;AAChB,EAAE,SAAS,EAAE,SAAS;AACtB,EAAE,iBAAiB,EAAE,iBAAiB;AACtC,EAAE,eAAe,EAAE,eAAe;AAClC,CAAC;;ACPD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;AAC7F,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC"}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.module.min.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
const e=window.dsfr,n=e.internals.ns.selector("accordion"),o=e.internals.ns.selector("collapse"),c={GROUP:e.internals.ns.selector("accordions-group"),ACCORDION:n,COLLAPSE:`${n} > ${o}, ${n} > *:not(${n}, ${o}) > ${o}, ${n} > *:not(${n}, ${o}) > *:not(${n}, ${o}) > ${o}`,COLLAPSE_LEGACY:`${n} ${o}`,BUTTON:`${n}__btn`};class r extends e.core.Instance{static get instanceClassName(){return"Accordion"}get collapsePrimary(){return this.element.children.map((e=>e.getInstance("CollapseButton"))).filter((e=>null!==e&&e.hasClass(c.BUTTON)))[0]}}class s extends e.core.CollapsesGroup{static get instanceClassName(){return"AccordionsGroup"}validate(n){const o=n.node.matches(e.internals.legacy.isLegacy?c.COLLAPSE_LEGACY:c.COLLAPSE);return super.validate(n)&&o}}e.accordion={Accordion:r,AccordionSelector:c,AccordionsGroup:s},e.internals.register(e.accordion.AccordionSelector.GROUP,e.accordion.AccordionsGroup),e.internals.register(e.accordion.AccordionSelector.ACCORDION,e.accordion.Accordion);
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
const n=window.dsfr,o=n.internals.ns.selector("accordion"),e=n.internals.ns.selector("collapse"),c={GROUP:n.internals.ns.selector("accordions-group"),ACCORDION:o,COLLAPSE:`${o} > ${e}, ${o} > *:not(${o}):not(${e}) > ${e}, ${o} > *:not(${o}):not(${e}) > *:not(${o}):not(${e}) > ${e}`,COLLAPSE_LEGACY:`${o} ${e}`,BUTTON:`${o}__btn`};class r extends n.core.Instance{static get instanceClassName(){return"Accordion"}get collapsePrimary(){return this.element.children.map((n=>n.getInstance("CollapseButton"))).filter((n=>null!==n&&n.hasClass(c.BUTTON)))[0]}}class s extends n.core.CollapsesGroup{static get instanceClassName(){return"AccordionsGroup"}validate(o){const e=o.node.matches(n.internals.legacy.isLegacy?c.COLLAPSE_LEGACY:c.COLLAPSE);return super.validate(o)&&e}}n.accordion={Accordion:r,AccordionSelector:c,AccordionsGroup:s},n.internals.register(n.accordion.AccordionSelector.GROUP,n.accordion.AccordionsGroup),n.internals.register(n.accordion.AccordionSelector.ACCORDION,n.accordion.Accordion);
//# sourceMappingURL=accordion.module.min.js.map
design_system_admin/dsfr/component/accordion/accordion.module.min.js.map
View file @ c70aacd8
{"version":3,"file":"accordion.module.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":["api","window","ACCORDION","internals","ns","selector","COLLAPSE","AccordionSelector","GROUP","COLLAPSE_LEGACY","BUTTON","Accordion","core","Instance","instanceClassName","collapsePrimary","this","element","children","map","child","getInstance","filter","button","hasClass","AccordionsGroup","CollapsesGroup","validate","member","match","node","matches","legacy","isLegacy","super","accordion","register"],"mappings":";AAAA,MCCMA,EAAMC,OAAuB,KCC7BC,EAAYF,EAAIG,UAAUC,GAAGC,SAAS,aACtCC,EAAWN,EAAIG,UAAUC,GAAGC,SAAS,YAE9BE,EAAoB,CAC/BC,MAAOR,EAAIG,UAAUC,GAAGC,SAAS,oBACjCH,UAAWA,EACXI,SAAU,GAAGJ,OAAeI,MAAaJ,aAAqBA,MAAcI,QAAeA,MAAaJ,aAAqBA,MAAcI,cAAqBJ,MAAcI,QAAeA,IAC7LG,gBAAiB,GAAGP,KAAaI,IACjCI,OAAQ,GAAGR,UCPb,MAAMS,UAAkBX,EAAIY,KAAKC,SACpBC,+BACT,MAAO,YAGLC,sBAEF,OADgBC,KAAKC,QAAQC,SAASC,KAAIC,GAASA,EAAMC,YAAY,oBAAmBC,QAAOC,GAAqB,OAAXA,GAAmBA,EAAOC,SAASjB,EAAkBG,UAC/I,ICPnB,MAAMe,UAAwBzB,EAAIY,KAAKc,eAC1BZ,+BACT,MAAO,kBAGTa,SAAUC,GACR,MAAMC,EAAQD,EAAOE,KAAKC,QAAQ/B,EAAIG,UAAU6B,OAAOC,SAAW1B,EAAkBE,gBAAkBF,EAAkBD,UACxH,OAAO4B,MAAMP,SAASC,IAAWC,GCLrC7B,EAAImC,UAAY,CACdxB,UAAWA,EACXJ,kBAAmBA,EACnBkB,gBAAiBA,GCNnBzB,EAAIG,UAAUiC,SAASpC,EAAImC,UAAU5B,kBAAkBC,MAAOR,EAAImC,UAAUV,iBAC5EzB,EAAIG,UAAUiC,SAASpC,EAAImC,UAAU5B,kBAAkBL,UAAWF,EAAImC,UAAUxB"}
\ No newline at end of file
{"version":3,"file":"accordion.module.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":["api","window","ACCORDION","internals","ns","selector","COLLAPSE","AccordionSelector","GROUP","COLLAPSE_LEGACY","BUTTON","Accordion","core","Instance","instanceClassName","collapsePrimary","this","element","children","map","child","getInstance","filter","button","hasClass","AccordionsGroup","CollapsesGroup","validate","member","match","node","matches","legacy","isLegacy","super","accordion","register"],"mappings":";AAAA,MCCMA,EAAMC,OAAuB,KCC7BC,EAAYF,EAAIG,UAAUC,GAAGC,SAAS,aACtCC,EAAWN,EAAIG,UAAUC,GAAGC,SAAS,YAE9BE,EAAoB,CAC/BC,MAAOR,EAAIG,UAAUC,GAAGC,SAAS,oBACjCH,UAAWA,EACXI,SAAU,GAAGJ,OAAeI,MAAaJ,aAAqBA,UAAkBI,QAAeA,MAAaJ,aAAqBA,UAAkBI,cAAqBJ,UAAkBI,QAAeA,IACzMG,gBAAiB,GAAGP,KAAaI,IACjCI,OAAQ,GAAGR,UCPb,MAAMS,UAAkBX,EAAIY,KAAKC,SACpBC,+BACT,MAAO,YAGLC,sBAEF,OADgBC,KAAKC,QAAQC,SAASC,KAAIC,GAASA,EAAMC,YAAY,oBAAmBC,QAAOC,GAAqB,OAAXA,GAAmBA,EAAOC,SAASjB,EAAkBG,UAC/I,ICPnB,MAAMe,UAAwBzB,EAAIY,KAAKc,eAC1BZ,+BACT,MAAO,kBAGTa,SAAUC,GACR,MAAMC,EAAQD,EAAOE,KAAKC,QAAQ/B,EAAIG,UAAU6B,OAAOC,SAAW1B,EAAkBE,gBAAkBF,EAAkBD,UACxH,OAAO4B,MAAMP,SAASC,IAAWC,GCLrC7B,EAAImC,UAAY,CACdxB,UAAWA,EACXJ,kBAAmBA,EACnBkB,gBAAiBA,GCNnBzB,EAAIG,UAAUiC,SAASpC,EAAImC,UAAU5B,kBAAkBC,MAAOR,EAAImC,UAAUV,iBAC5EzB,EAAIG,UAAUiC,SAASpC,EAAImC,UAAU5B,kBAAkBL,UAAWF,EAAImC,UAAUxB"}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.nomodule.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
(function () {
'use strict';
......@@ -7,7 +7,7 @@
prefix: 'fr',
namespace: 'dsfr',
organisation: '@gouvfr',
version: '1.10.1'
version: '1.11.0'
};
var api = window[config.namespace];
......@@ -18,7 +18,7 @@
var AccordionSelector = {
GROUP: api.internals.ns.selector('accordions-group'),
ACCORDION: ACCORDION,
COLLAPSE: (ACCORDION + " > " + COLLAPSE + ", " + ACCORDION + " > *:not(" + ACCORDION + ", " + COLLAPSE + ") > " + COLLAPSE + ", " + ACCORDION + " > *:not(" + ACCORDION + ", " + COLLAPSE + ") > *:not(" + ACCORDION + ", " + COLLAPSE + ") > " + COLLAPSE),
COLLAPSE: (ACCORDION + " > " + COLLAPSE + ", " + ACCORDION + " > *:not(" + ACCORDION + "):not(" + COLLAPSE + ") > " + COLLAPSE + ", " + ACCORDION + " > *:not(" + ACCORDION + "):not(" + COLLAPSE + ") > *:not(" + ACCORDION + "):not(" + COLLAPSE + ") > " + COLLAPSE),
COLLAPSE_LEGACY: (ACCORDION + " " + COLLAPSE),
BUTTON: (ACCORDION + "__btn")
};
......
design_system_admin/dsfr/component/accordion/accordion.nomodule.js.map
View file @ c70aacd8
{"version":3,"file":"accordion.nomodule.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":["const","super"],"mappings":";;;;;EAAAA,IAAM,MAAM,GAAG;EACf,EAAE,MAAM,EAAE,IAAI;EACd,EAAE,SAAS,EAAE,MAAM;EACnB,EAAE,YAAY,EAAE,SAAS;EACzB,EAAE,OAAO,EAAE,QAAQ;EACnB,CAAC;;ECJDA,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ECCpCA,IAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;EACzDA,IAAM,QAAQ,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvD;EACOA,IAAM,iBAAiB,GAAG;EACjC,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;EACtD,EAAE,SAAS,EAAE,SAAS;EACtB,EAAE,QAAQ,GAAK,SAAS,WAAM,QAAQ,UAAK,SAAS,iBAAY,SAAS,UAAK,QAAQ,YAAO,QAAQ,UAAK,SAAS,iBAAY,SAAS,UAAK,QAAQ,kBAAa,SAAS,UAAK,QAAQ,YAAO,SAAU;EACzM,EAAE,eAAe,GAAK,SAAS,SAAI,SAAU;EAC7C,EAAE,MAAM,GAAK,SAAS,WAAO;EAC7B,CAAC;;ECRD,IAAM,SAAS;;;;;;;;;;;;IACb,gBAAW,oCAAqB;EAClC,IAAI,OAAO,WAAW,CAAC;EACvB,IAAG;AACH;EACA,EAAE,mBAAI,kCAAmB;EACzB,IAAIA,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,WAAC,gBAAS,KAAK,CAAC,WAAW,CAAC,gBAAgB,IAAC,CAAC,CAAC,MAAM,WAAC,iBAAU,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,IAAC,CAAC,CAAC;EAC3K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;EACtB;;;;;;IARwB,GAAG,CAAC,IAAI,CAAC;;ECAjC,IAAM,eAAe;;;;;;;;;;;IACnB,gBAAW,oCAAqB;EAClC,IAAI,OAAO,iBAAiB,CAAC;EAC7B,IAAG;AACH;EACA,4BAAE,8BAAU,MAAM,EAAE;EACpB,IAAIA,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,GAAG,iBAAiB,CAAC,eAAe,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;EACtI,IAAI,OAAOC,oBAAK,CAAC,aAAQ,OAAC,MAAM,CAAC,IAAI,KAAK,CAAC;EAC3C;;;;;IAR8B,GAAG,CAAC,IAAI,CAAC;;ECEvC,GAAG,CAAC,SAAS,GAAG;EAChB,EAAE,SAAS,EAAE,SAAS;EACtB,EAAE,iBAAiB,EAAE,iBAAiB;EACtC,EAAE,eAAe,EAAE,eAAe;EAClC,CAAC;;ECPD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;EAC7F,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC;;"}
\ No newline at end of file
{"version":3,"file":"accordion.nomodule.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":["const","super"],"mappings":";;;;;EAAAA,IAAM,MAAM,GAAG;EACf,EAAE,MAAM,EAAE,IAAI;EACd,EAAE,SAAS,EAAE,MAAM;EACnB,EAAE,YAAY,EAAE,SAAS;EACzB,EAAE,OAAO,EAAE,QAAQ;EACnB,CAAC;;ECJDA,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ECCpCA,IAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;EACzDA,IAAM,QAAQ,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvD;EACOA,IAAM,iBAAiB,GAAG;EACjC,EAAE,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC;EACtD,EAAE,SAAS,EAAE,SAAS;EACtB,EAAE,QAAQ,GAAK,SAAS,WAAM,QAAQ,UAAK,SAAS,iBAAY,SAAS,cAAS,QAAQ,YAAO,QAAQ,UAAK,SAAS,iBAAY,SAAS,cAAS,QAAQ,kBAAa,SAAS,cAAS,QAAQ,YAAO,SAAU;EACrN,EAAE,eAAe,GAAK,SAAS,SAAI,SAAU;EAC7C,EAAE,MAAM,GAAK,SAAS,WAAO;EAC7B,CAAC;;ECRD,IAAM,SAAS;;;;;;;;;;;;IACb,gBAAW,oCAAqB;EAClC,IAAI,OAAO,WAAW,CAAC;EACvB,IAAG;AACH;EACA,EAAE,mBAAI,kCAAmB;EACzB,IAAIA,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,WAAC,gBAAS,KAAK,CAAC,WAAW,CAAC,gBAAgB,IAAC,CAAC,CAAC,MAAM,WAAC,iBAAU,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC,MAAM,IAAC,CAAC,CAAC;EAC3K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;EACtB;;;;;;IARwB,GAAG,CAAC,IAAI,CAAC;;ECAjC,IAAM,eAAe;;;;;;;;;;;IACnB,gBAAW,oCAAqB;EAClC,IAAI,OAAO,iBAAiB,CAAC;EAC7B,IAAG;AACH;EACA,4BAAE,8BAAU,MAAM,EAAE;EACpB,IAAIA,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,GAAG,iBAAiB,CAAC,eAAe,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;EACtI,IAAI,OAAOC,oBAAK,CAAC,aAAQ,OAAC,MAAM,CAAC,IAAI,KAAK,CAAC;EAC3C;;;;;IAR8B,GAAG,CAAC,IAAI,CAAC;;ECEvC,GAAG,CAAC,SAAS,GAAG;EAChB,EAAE,SAAS,EAAE,SAAS;EACtB,EAAE,iBAAiB,EAAE,iBAAiB;EACtC,EAAE,eAAe,EAAE,eAAe;EAClC,CAAC;;ECPD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;EAC7F,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC;;"}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.nomodule.min.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
!function(){"use strict";var o=window.dsfr,e=o.internals.ns.selector("accordion"),t=o.internals.ns.selector("collapse"),r={GROUP:o.internals.ns.selector("accordions-group"),ACCORDION:e,COLLAPSE:e+" > "+t+", "+e+" > *:not("+e+", "+t+") > "+t+", "+e+" > *:not("+e+", "+t+") > *:not("+e+", "+t+") > "+t,COLLAPSE_LEGACY:e+" "+t,BUTTON:e+"__btn"},n=function(o){function e(){o.apply(this,arguments)}o&&(e.__proto__=o),e.prototype=Object.create(o&&o.prototype),e.prototype.constructor=e;var t={collapsePrimary:{configurable:!0}},n={instanceClassName:{configurable:!0}};return n.instanceClassName.get=function(){return"Accordion"},t.collapsePrimary.get=function(){return this.element.children.map((function(o){return o.getInstance("CollapseButton")})).filter((function(o){return null!==o&&o.hasClass(r.BUTTON)}))[0]},Object.defineProperties(e.prototype,t),Object.defineProperties(e,n),e}(o.core.Instance),c=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={instanceClassName:{configurable:!0}};return n.instanceClassName.get=function(){return"AccordionsGroup"},t.prototype.validate=function(t){var n=t.node.matches(o.internals.legacy.isLegacy?r.COLLAPSE_LEGACY:r.COLLAPSE);return e.prototype.validate.call(this,t)&&n},Object.defineProperties(t,n),t}(o.core.CollapsesGroup);o.accordion={Accordion:n,AccordionSelector:r,AccordionsGroup:c},o.internals.register(o.accordion.AccordionSelector.GROUP,o.accordion.AccordionsGroup),o.internals.register(o.accordion.AccordionSelector.ACCORDION,o.accordion.Accordion)}();
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
!function(){"use strict";var o=window.dsfr,t=o.internals.ns.selector("accordion"),e=o.internals.ns.selector("collapse"),n={GROUP:o.internals.ns.selector("accordions-group"),ACCORDION:t,COLLAPSE:t+" > "+e+", "+t+" > *:not("+t+"):not("+e+") > "+e+", "+t+" > *:not("+t+"):not("+e+") > *:not("+t+"):not("+e+") > "+e,COLLAPSE_LEGACY:t+" "+e,BUTTON:t+"__btn"},r=function(o){function t(){o.apply(this,arguments)}o&&(t.__proto__=o),t.prototype=Object.create(o&&o.prototype),t.prototype.constructor=t;var e={collapsePrimary:{configurable:!0}},r={instanceClassName:{configurable:!0}};return r.instanceClassName.get=function(){return"Accordion"},e.collapsePrimary.get=function(){return this.element.children.map((function(o){return o.getInstance("CollapseButton")})).filter((function(o){return null!==o&&o.hasClass(n.BUTTON)}))[0]},Object.defineProperties(t.prototype,e),Object.defineProperties(t,r),t}(o.core.Instance),c=function(t){function e(){t.apply(this,arguments)}t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e;var r={instanceClassName:{configurable:!0}};return r.instanceClassName.get=function(){return"AccordionsGroup"},e.prototype.validate=function(e){var r=e.node.matches(o.internals.legacy.isLegacy?n.COLLAPSE_LEGACY:n.COLLAPSE);return t.prototype.validate.call(this,e)&&r},Object.defineProperties(e,r),e}(o.core.CollapsesGroup);o.accordion={Accordion:r,AccordionSelector:n,AccordionsGroup:c},o.internals.register(o.accordion.AccordionSelector.GROUP,o.accordion.AccordionsGroup),o.internals.register(o.accordion.AccordionSelector.ACCORDION,o.accordion.Accordion)}();
//# sourceMappingURL=accordion.nomodule.min.js.map
design_system_admin/dsfr/component/accordion/accordion.nomodule.min.js.map
View file @ c70aacd8
{"version":3,"file":"accordion.nomodule.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}, ${COLLAPSE}) > *:not(${ACCORDION}, ${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":["const","api","window","ACCORDION","internals","ns","selector","COLLAPSE","AccordionSelector","GROUP","COLLAPSE_LEGACY","BUTTON","Accordion","staticAccessors","instanceClassName","prototypeAccessors","collapsePrimary","this","element","children","map","child","getInstance","filter","button","hasClass","core","Instance","AccordionsGroup","validate","member","match","node","matches","legacy","isLegacy","super","CollapsesGroup","accordion","register"],"mappings":";yBAAAA,ICCMC,EAAMC,OAAuB,KCC7BC,EAAYF,EAAIG,UAAUC,GAAGC,SAAS,aACtCC,EAAWN,EAAIG,UAAUC,GAAGC,SAAS,YAE9BE,EAAoB,CAC/BC,MAAOR,EAAIG,UAAUC,GAAGC,SAAS,oBACjCH,UAAWA,EACXI,SAAaJ,QAAeI,OAAaJ,cAAqBA,OAAcI,SAAeA,OAAaJ,cAAqBA,OAAcI,eAAqBJ,OAAcI,SAAeA,EAC7LG,gBAAoBP,MAAaI,EACjCI,OAAWR,WCPPS,mOACJC,EAAWC,iCACT,MAAO,aAGTC,EAAIC,+BAEF,OADgBC,KAAKC,QAAQC,SAASC,cAAIC,UAASA,EAAMC,YAAY,qBAAmBC,iBAAOC,UAAqB,OAAXA,GAAmBA,EAAOC,SAASjB,EAAkBG,WAC/I,2EAPKV,EAAIyB,KAAKC,UCA3BC,6LACJf,EAAWC,iCACT,MAAO,+BAGTe,kBAAUC,GACR9B,IAAM+B,EAAQD,EAAOE,KAAKC,QAAQhC,EAAIG,UAAU8B,OAAOC,SAAW3B,EAAkBE,gBAAkBF,EAAkBD,UACxH,OAAO6B,YAAMP,mBAASC,IAAWC,mCAPP9B,EAAIyB,KAAKW,gBCEvCpC,EAAIqC,UAAY,CACd1B,UAAWA,EACXJ,kBAAmBA,EACnBoB,gBAAiBA,GCNnB3B,EAAIG,UAAUmC,SAAStC,EAAIqC,UAAU9B,kBAAkBC,MAAOR,EAAIqC,UAAUV,iBAC5E3B,EAAIG,UAAUmC,SAAStC,EAAIqC,UAAU9B,kBAAkBL,UAAWF,EAAIqC,UAAU1B"}
\ No newline at end of file
{"version":3,"file":"accordion.nomodule.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/accordion/script/accordion/accordion-selector.js","../../../src/component/accordion/script/accordion/accordion.js","../../../src/component/accordion/script/accordion/accordions-group.js","../../../src/component/accordion/index.js","../../../src/component/accordion/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nconst ACCORDION = api.internals.ns.selector('accordion');\nconst COLLAPSE = api.internals.ns.selector('collapse');\n\nexport const AccordionSelector = {\n GROUP: api.internals.ns.selector('accordions-group'),\n ACCORDION: ACCORDION,\n COLLAPSE: `${ACCORDION} > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}, ${ACCORDION} > *:not(${ACCORDION}):not(${COLLAPSE}) > *:not(${ACCORDION}):not(${COLLAPSE}) > ${COLLAPSE}`,\n COLLAPSE_LEGACY: `${ACCORDION} ${COLLAPSE}`,\n BUTTON: `${ACCORDION}__btn`\n};\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector';\n\nclass Accordion extends api.core.Instance {\n static get instanceClassName () {\n return 'Accordion';\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(AccordionSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Accordion };\n","import api from '../../api.js';\nimport { AccordionSelector } from './accordion-selector.js';\n\nclass AccordionsGroup extends api.core.CollapsesGroup {\n static get instanceClassName () {\n return 'AccordionsGroup';\n }\n\n validate (member) {\n const match = member.node.matches(api.internals.legacy.isLegacy ? AccordionSelector.COLLAPSE_LEGACY : AccordionSelector.COLLAPSE);\n return super.validate(member) && match;\n }\n}\n\nexport { AccordionsGroup };\n","import api from './api.js';\nimport { Accordion } from './script/accordion/accordion';\nimport { AccordionsGroup } from './script/accordion/accordions-group.js';\nimport { AccordionSelector } from './script/accordion/accordion-selector.js';\n\napi.accordion = {\n Accordion: Accordion,\n AccordionSelector: AccordionSelector,\n AccordionsGroup: AccordionsGroup\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.accordion.AccordionSelector.GROUP, api.accordion.AccordionsGroup);\napi.internals.register(api.accordion.AccordionSelector.ACCORDION, api.accordion.Accordion);\n\nexport default api;\n"],"names":["const","api","window","ACCORDION","internals","ns","selector","COLLAPSE","AccordionSelector","GROUP","COLLAPSE_LEGACY","BUTTON","Accordion","staticAccessors","instanceClassName","prototypeAccessors","collapsePrimary","this","element","children","map","child","getInstance","filter","button","hasClass","core","Instance","AccordionsGroup","validate","member","match","node","matches","legacy","isLegacy","super","CollapsesGroup","accordion","register"],"mappings":";yBAAAA,ICCMC,EAAMC,OAAuB,KCC7BC,EAAYF,EAAIG,UAAUC,GAAGC,SAAS,aACtCC,EAAWN,EAAIG,UAAUC,GAAGC,SAAS,YAE9BE,EAAoB,CAC/BC,MAAOR,EAAIG,UAAUC,GAAGC,SAAS,oBACjCH,UAAWA,EACXI,SAAaJ,QAAeI,OAAaJ,cAAqBA,WAAkBI,SAAeA,OAAaJ,cAAqBA,WAAkBI,eAAqBJ,WAAkBI,SAAeA,EACzMG,gBAAoBP,MAAaI,EACjCI,OAAWR,WCPPS,mOACJC,EAAWC,iCACT,MAAO,aAGTC,EAAIC,+BAEF,OADgBC,KAAKC,QAAQC,SAASC,cAAIC,UAASA,EAAMC,YAAY,qBAAmBC,iBAAOC,UAAqB,OAAXA,GAAmBA,EAAOC,SAASjB,EAAkBG,WAC/I,2EAPKV,EAAIyB,KAAKC,UCA3BC,6LACJf,EAAWC,iCACT,MAAO,+BAGTe,kBAAUC,GACR9B,IAAM+B,EAAQD,EAAOE,KAAKC,QAAQhC,EAAIG,UAAU8B,OAAOC,SAAW3B,EAAkBE,gBAAkBF,EAAkBD,UACxH,OAAO6B,YAAMP,mBAASC,IAAWC,mCAPP9B,EAAIyB,KAAKW,gBCEvCpC,EAAIqC,UAAY,CACd1B,UAAWA,EACXJ,kBAAmBA,EACnBoB,gBAAiBA,GCNnB3B,EAAIG,UAAUmC,SAAStC,EAAIqC,UAAU9B,kBAAkBC,MAAOR,EAAIqC,UAAUV,iBAC5E3B,EAAIG,UAAUmC,SAAStC,EAAIqC,UAAU9B,kBAAkBL,UAAWF,EAAIqC,UAAU1B"}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@charset "UTF-8";
......@@ -12,7 +12,10 @@
--title-spacing: 0 0 0.25rem;
--text-spacing: 0 0 0.25rem;
box-shadow: inset 0 0 0 1px var(--border-plain-grey), inset 2.5rem 0 0 0 var(--background-flat-grey);
background-size: 100% 1px, 1px 100%, 100% 1px, 2.5rem 100%;
background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;
background-repeat: no-repeat, no-repeat no-repeat, no-repeat;
background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--background-flat-grey), var(--background-flat-grey));
}
.fr-alert::before {
......@@ -41,7 +44,7 @@
.fr-alert .fr-btn--close {
position: absolute;
top: 0.25rem;
right: 1.25rem;
right: 0.25rem;
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
......@@ -145,19 +148,19 @@
}
.fr-alert--info {
box-shadow: inset 0 0 0 1px var(--border-plain-info), inset 2.5rem 0 0 0 var(--background-flat-info);
background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--background-flat-info), var(--background-flat-info));
}
.fr-alert--error {
box-shadow: inset 0 0 0 1px var(--border-plain-error), inset 2.5rem 0 0 0 var(--background-flat-error);
background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--background-flat-error), var(--background-flat-error));
}
.fr-alert--success {
box-shadow: inset 0 0 0 1px var(--border-plain-success), inset 2.5rem 0 0 0 var(--background-flat-success);
background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--background-flat-success), var(--background-flat-success));
}
.fr-alert--warning {
box-shadow: inset 0 0 0 1px var(--border-plain-warning), inset 2.5rem 0 0 0 var(--background-flat-warning);
background-image: linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--background-flat-warning), var(--background-flat-warning));
}
@media (min-width: 36em) {
/*! media sm */
......@@ -241,7 +244,32 @@
}
.fr-alert {
box-shadow: inset 0 0 0 1px #3a3a3a, inset 2.5rem 0 0 0 #3a3a3a;
background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);
}
.fr-alert::before {
color: #fff;
}
.fr-alert--info {
background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);
}
.fr-alert--error {
background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);
}
.fr-alert--success {
background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);
}
.fr-alert--warning {
background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);
}
}
@media print {
.fr-alert {
background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);
}
.fr-alert::before {
......@@ -249,18 +277,18 @@
}
.fr-alert--info {
box-shadow: inset 0 0 0 1px #0063cb, inset 2.5rem 0 0 0 #0063cb;
background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);
}
.fr-alert--error {
box-shadow: inset 0 0 0 1px #ce0500, inset 2.5rem 0 0 0 #ce0500;
background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);
}
.fr-alert--success {
box-shadow: inset 0 0 0 1px #18753c, inset 2.5rem 0 0 0 #18753c;
background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);
}
.fr-alert--warning {
box-shadow: inset 0 0 0 1px #b34000, inset 2.5rem 0 0 0 #b34000;
background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);
}
}
design_system_admin/dsfr/component/alert/alert.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","%3Cinput%20css%20sGH8Qn%3E","file:///Users/ket/Documents/work/dsfr/src/component/alert/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","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","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;ACAA;ECGE,kBAAA;ECyBE,oCAfE;;ECuFF,4BAAA;EAAA,2BAAA;EChEA,oGAAA;ANpBJ;;AOLE;EC0BE,mBAAA;EAeA,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;ELtD3B,kBAAA;EAEE,MAAA;EASA,OAAA;ECcA,mBAfE;EEuBF,gCAAA;ANjBJ;;AERE;EGqBE,gBAAA;EAXF,mBAAA;EAGE,mBAAA;ALcJ;;AEvBE;ECZA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AZwBhB;;AOhDE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARHrC;;AE5CE;EEII,gBAXA;AJuEN;;AOzEE;EGVA,+DF0CM;EEzCN,uDFyCM;AR6CR;;AO7EE;EGVA,kEF0CM;EEzCN,0DFyCM;ARiDR;;AOjFE;EGVA,gEF0CM;EEzCN,wDFyCM;ARqDR;;AOrFE;EGVA,kEF0CM;EEzCN,0DFyCM;ARyDR;;AOzFE;;;;EAGI,WCqD+B;ARoCrC;;AExDE;EEnBE,oCAfE;AJ6FN;;AO/FE;EHiBE,qBAfE;AJgGN;;Aa5GE;EVEA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EC/BZ,mBAAA;Ab0HJ;;AOnHE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARgErC;;AczHI;ER0BA,oGAAA;AN0HJ;;AchJI;ERsBA,sGAAA;AN6HJ;;Ac/II;ERkBA,0GAAA;ANgIJ;;Ac9II;ERcA,0GAAA;ANmIJ;Ae7JI;ECRI,cAAA;;EAAA,cAAA;AhBDR;AeSI;ECRI,cAAA;EdSN;IGUA,kBAAA;IAGE,oBAAA;ELmBF;;EgBzCM,cAAA;AhBER;AeMI;ECRI,cAAA;;EAAA,cAAA;AhBKR;AeGI;ECRI,cAAA;;EAAA,cAAA;AhBQR;AiBNI;ECDF;;GAAA;EXQA;;IYME,6BAAA;IACA,qBAAA;IACA,4BAAA;IVkCE,aAAA;IAGA,cAAA;ETqIJ;;EkBpLE;;IdmBA,mBAfE;EJwLJ;;EO1LA;IYAE,6DAFI;EnB+LN;;EO7LA;IYAE,gEAFI;EnBkMN;;EOhMA;IYAE,8DAFI;EnBqMN;;EOnMA;IYAE,gEAFI;EnBwMN;;EOtMA;;IYME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IV4CF,WAAA;IAGA,YAAA;ET8JJ;;EoBnNA;;GAAA;EbQA;;IYME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IV4CF,WAAA;IAGA,YAAA;ET+KJ;;EcpOA;IRiCE,+DAAA;EN+MF;;EOxOA;IDyBE,WAAA;ENoNF;;Ec9OE;IR0BA,+DAAA;ENyNF;;Ec/OE;IRsBA,+DAAA;EN8NF;;EchPE;IRkBA,+DAAA;ENmOF;;EcjPE;IRcA,+DAAA;ENwOF;AA9CF","file":"alert.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\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-alert {\n position: relative;\n padding: 1rem 2.25rem 0.75rem 3.5rem;\n --title-spacing: 0 0 0.25rem;\n --text-spacing: 0 0 0.25rem;\n}\n.fr-alert::before {\n --icon-size: 1.5rem;\n}\n.fr-alert::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n position: absolute;\n top: 0;\n left: 0;\n margin: 1rem 0.5rem;\n}\n.fr-alert__title {\n font-weight: 700;\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n@media (min-width: 48em) {\n .fr-alert__title {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n}\n.fr-alert .fr-btn--close {\n position: absolute;\n top: 0.25rem;\n right: 1.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-btn--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-btn--close::before {\n content: \"\";\n}\n.fr-alert + .fr-alert {\n margin-top: 1rem;\n}\n.fr-alert--info::before {\n -webkit-mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n}\n.fr-alert--success::before {\n -webkit-mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n}\n.fr-alert--error::before {\n -webkit-mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n}\n.fr-alert--warning::before {\n -webkit-mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n}\n.fr-alert--info::before, .fr-alert--success::before, .fr-alert--error::before, .fr-alert--warning::before {\n content: \"\";\n}\n.fr-alert--sm {\n padding: 0.5rem 2.25rem 0.25rem 3rem;\n}\n.fr-alert--sm::before {\n margin: 0.5rem 0.5rem;\n}\n\n.fr-alert .fr-link--close {\n position: absolute;\n top: 0.25rem;\n right: 1.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n align-items: center;\n}\n.fr-alert .fr-link--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-link--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-link--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-link--close::before {\n content: \"\";\n}\n\n.fr-alert {\n box-shadow: inset 0 0 0 1px var(--border-plain-grey), inset 2.5rem 0 0 0 var(--background-flat-grey);\n}\n.fr-alert::before {\n color: var(--text-inverted-grey);\n}\n.fr-alert--info {\n box-shadow: inset 0 0 0 1px var(--border-plain-info), inset 2.5rem 0 0 0 var(--background-flat-info);\n}\n.fr-alert--error {\n box-shadow: inset 0 0 0 1px var(--border-plain-error), inset 2.5rem 0 0 0 var(--background-flat-error);\n}\n.fr-alert--success {\n box-shadow: inset 0 0 0 1px var(--border-plain-success), inset 2.5rem 0 0 0 var(--background-flat-success);\n}\n.fr-alert--warning {\n box-shadow: inset 0 0 0 1px var(--border-plain-warning), inset 2.5rem 0 0 0 var(--background-flat-warning);\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 /**\n * reset des marges dans l'alerte\n */\n .fr-alert::before, .fr-alert::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert::before, .fr-alert::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-alert__title,\n .fr-alert p {\n margin: 0 0 0.25rem;\n }\n .fr-alert--info::before {\n background-image: url(\"../../icons/system/fr--info-fill.svg\");\n }\n .fr-alert--success::before {\n background-image: url(\"../../icons/system/fr--success-fill.svg\");\n }\n .fr-alert--error::before {\n background-image: url(\"../../icons/system/fr--error-fill.svg\");\n }\n .fr-alert--warning::before {\n background-image: url(\"../../icons/system/fr--warning-fill.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset des marges dans l'alerte\n */\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert {\n box-shadow: inset 0 0 0 1px #3a3a3a, inset 2.5rem 0 0 0 #3a3a3a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert::before {\n color: #fff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--info {\n box-shadow: inset 0 0 0 1px #0063cb, inset 2.5rem 0 0 0 #0063cb;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--error {\n box-shadow: inset 0 0 0 1px #ce0500, inset 2.5rem 0 0 0 #ce0500;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--success {\n box-shadow: inset 0 0 0 1px #18753c, inset 2.5rem 0 0 0 #18753c;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--warning {\n box-shadow: inset 0 0 0 1px #b34000, inset 2.5rem 0 0 0 #b34000;\n }\n}","////\n/// Alert Main\n/// @group alert\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n// deprecated\n@import 'deprecated/style/module';\n\n@include _alert-scheme;\n","////\n/// Alert Module\n/// @group alert\n////\n\n#{ns(alert)} {\n @include relative();\n @include padding(4v 9v 3v 14v);\n @include set-title-margin(0 0 1v);\n @include set-text-margin(0 0 1v);\n @include icon-size(md, before);\n @include icon-style(before) {\n @include absolute(0, null, null, 0);\n @include margin(4v 2v);\n }\n\n &__title {\n @include title-style(h6);\n }\n\n #{ns(btn--close)} {\n @include absolute(1v,5v);\n @include nest-btn(sm, only, close-line, null, false);\n }\n\n + #{ns(alert)} {\n @include margin-top(4v);\n }\n\n &--info {\n @include icon-image(info-fill, before);\n }\n\n &--success {\n @include icon-image(success-fill, before);\n }\n\n &--error {\n @include icon-image(error-fill, before);\n }\n\n &--warning {\n @include icon-image(warning-fill, before);\n }\n\n &--info,\n &--success,\n &--error,\n &--warning {\n @include icon-content;\n }\n\n &--sm {\n @include padding(2v 9v 1v 12v);\n\n @include before {\n @include margin(2v 2v);\n }\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\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 default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\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/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Alert Deprecated Module\n/// @group alert\n////\n\n#{ns(alert)} {\n #{ns(link--close)} {\n @include absolute(1v, 5v);\n @include nest-btn(sm, only, close-line, null, false);\n align-items: center;\n }\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.box-shadow((plain grey) (background flat grey), (legacy:$legacy), all-1-in left-10v-in);\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.box-shadow((plain info) (background flat info), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--error {\n @include color.box-shadow((plain error) (background flat error), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--success {\n @include color.box-shadow((plain success) (background flat success), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--warning {\n @include color.box-shadow((plain warning) (background flat warning), (legacy:$legacy), all-1-in left-10v-in);\n }\n }\n}\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","/// 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/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n @include icon-legacy(null, md);\n\n &__title,\n p {\n @include margin(0 0 1v);\n }\n\n &--info {\n @include icon-legacy(info-fill, null, before, false);\n }\n\n &--success {\n @include icon-legacy(success-fill, null, before, false);\n }\n\n &--error {\n @include icon-legacy(error-fill, null, before, false);\n }\n\n &--warning {\n @include icon-legacy(warning-fill, null, before, false);\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\n }\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","////\n/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n #{ns(link--close)} {\n @include icon-legacy(close-line, sm);\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","%3Cinput%20css%20tzmlUt%3E","file:///Users/ket/Documents/work/dsfr/src/component/alert/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","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","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/print.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;ACEA;ECCE,kBAAA;ECyBE,oCAfE;;ECuFF,4BAAA;EAAA,2BAAA;EH7FF,0DAAA;EACA,wDAAA;EACA,4DAAA;EI2BE,6YAAA;ANjBJ;;AORE;EC0BE,mBAAA;EAeA,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;ELtD3B,kBAAA;EAEE,MAAA;EASA,OAAA;ECcA,mBAfE;EEuBF,gCAAA;ANdJ;;AENE;EGgBE,gBAAA;EAXF,mBAAA;EAGE,mBAAA;ALiBJ;;AErBE;ECjBA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AZ2BhB;;AOnDE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARArC;;AE1CE;EEDI,gBAXA;AJ0EN;;AO5EE;EGVA,+DF0CM;EEzCN,uDFyCM;ARgDR;;AOhFE;EGVA,kEF0CM;EEzCN,0DFyCM;ARoDR;;AOpFE;EGVA,gEF0CM;EEzCN,wDFyCM;ARwDR;;AOxFE;EGVA,kEF0CM;EEzCN,0DFyCM;AR4DR;;AO5FE;;;;EAGI,WCqD+B;ARuCrC;;AEtDE;EExBE,oCAfE;AJgGN;;AOlGE;EHiBE,qBAfE;AJmGN;;Aa/GE;EVEA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EC/BZ,mBAAA;Ab6HJ;;AOtHE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARmErC;;Ac5HI;ER0BA,6YAAA;AN6HJ;;AcnJI;ERsBA,uZAAA;ANgIJ;;AclJI;ERkBA,2aAAA;ANmIJ;;AcjJI;ERcA,2aAAA;ANsIJ;AehKI;ECRI,cAAA;;EAAA,cAAA;AhBDR;AeSI;ECRI,cAAA;EdcN;IGKA,kBAAA;IAGE,oBAAA;ELsBF;;EgB5CM,cAAA;AhBER;AeMI;ECRI,cAAA;;EAAA,cAAA;AhBKR;AeGI;ECRI,cAAA;;EAAA,cAAA;AhBQR;AiBNI;ECDF;;GAAA;EXQA;;IYME,6BAAA;IACA,qBAAA;IACA,4BAAA;IVkCE,aAAA;IAGA,cAAA;ETwIJ;;EkBvLE;;IdmBA,mBAfE;EJ2LJ;;EO7LA;IYAE,6DAFI;EnBkMN;;EOhMA;IYAE,gEAFI;EnBqMN;;EOnMA;IYAE,8DAFI;EnBwMN;;EOtMA;IYAE,gEAFI;EnB2MN;;EOzMA;;IYME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IV4CF,WAAA;IAGA,YAAA;ETiKJ;;EoBtNA;;GAAA;EbQA;;IYME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IV4CF,WAAA;IAGA,YAAA;ETkLJ;;EcvOA;IRiCE,6NAAA;ENkNF;;EO3OA;IDyBE,WAAA;ENuNF;;EcjPE;IR0BA,6NAAA;EN4NF;;EclPE;IRsBA,6NAAA;ENiOF;;EcnPE;IRkBA,6NAAA;ENsOF;;EcpPE;IRcA,6NAAA;EN2OF;AA9CF;AqBjOA;EPGE;IRiCE,6NAAA;ENiPF;;EO1QA;IDyBE,WAAA;ENoPF;;Ec9QE;IR0BA,6NAAA;ENuPF;;Ec7QE;IRsBA,6NAAA;EN0PF;;Ec5QE;IRkBA,6NAAA;EN6PF;;Ec3QE;IRcA,6NAAA;ENgQF;AACF","file":"alert.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\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-alert {\n position: relative;\n padding: 1rem 2.25rem 0.75rem 3.5rem;\n --title-spacing: 0 0 0.25rem;\n --text-spacing: 0 0 0.25rem;\n background-size: 100% 1px, 1px 100%, 100% 1px, 2.5rem 100%;\n background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;\n background-repeat: no-repeat, no-repeat no-repeat, no-repeat;\n}\n.fr-alert::before {\n --icon-size: 1.5rem;\n}\n.fr-alert::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n position: absolute;\n top: 0;\n left: 0;\n margin: 1rem 0.5rem;\n}\n.fr-alert__title {\n font-weight: 700;\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n@media (min-width: 48em) {\n .fr-alert__title {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n}\n.fr-alert .fr-btn--close {\n position: absolute;\n top: 0.25rem;\n right: 0.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-btn--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-btn--close::before {\n content: \"\";\n}\n.fr-alert + .fr-alert {\n margin-top: 1rem;\n}\n.fr-alert--info::before {\n -webkit-mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n}\n.fr-alert--success::before {\n -webkit-mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n}\n.fr-alert--error::before {\n -webkit-mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n}\n.fr-alert--warning::before {\n -webkit-mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n}\n.fr-alert--info::before, .fr-alert--success::before, .fr-alert--error::before, .fr-alert--warning::before {\n content: \"\";\n}\n.fr-alert--sm {\n padding: 0.5rem 2.25rem 0.25rem 3rem;\n}\n.fr-alert--sm::before {\n margin: 0.5rem 0.5rem;\n}\n\n.fr-alert .fr-link--close {\n position: absolute;\n top: 0.25rem;\n right: 1.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n align-items: center;\n}\n.fr-alert .fr-link--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-link--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-link--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-link--close::before {\n content: \"\";\n}\n\n.fr-alert {\n background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--background-flat-grey), var(--background-flat-grey));\n}\n.fr-alert::before {\n color: var(--text-inverted-grey);\n}\n.fr-alert--info {\n background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--background-flat-info), var(--background-flat-info));\n}\n.fr-alert--error {\n background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--background-flat-error), var(--background-flat-error));\n}\n.fr-alert--success {\n background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--background-flat-success), var(--background-flat-success));\n}\n.fr-alert--warning {\n background-image: linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--background-flat-warning), var(--background-flat-warning));\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 /**\n * reset des marges dans l'alerte\n */\n .fr-alert::before, .fr-alert::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert::before, .fr-alert::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-alert__title,\n .fr-alert p {\n margin: 0 0 0.25rem;\n }\n .fr-alert--info::before {\n background-image: url(\"../../icons/system/fr--info-fill.svg\");\n }\n .fr-alert--success::before {\n background-image: url(\"../../icons/system/fr--success-fill.svg\");\n }\n .fr-alert--error::before {\n background-image: url(\"../../icons/system/fr--error-fill.svg\");\n }\n .fr-alert--warning::before {\n background-image: url(\"../../icons/system/fr--warning-fill.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset des marges dans l'alerte\n */\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert {\n background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert::before {\n color: #fff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--info {\n background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--error {\n background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--success {\n background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--warning {\n background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);\n }\n}\n\n@media print {\n .fr-alert {\n background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);\n }\n .fr-alert::before {\n color: #fff;\n }\n .fr-alert--info {\n background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);\n }\n .fr-alert--error {\n background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-alert--success {\n background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-alert--warning {\n background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);\n }\n}","////\n/// Alert Main\n/// @group alert\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n// deprecated\n@import 'deprecated/style/module';\n\n@include _alert-scheme;\n","////\n/// Alert Module\n/// @group alert\n////\n\n@use 'module/spacing';\n\n#{ns(alert)} {\n @include relative();\n @include padding(4v 9v 3v 14v);\n @include set-title-margin(0 0 1v);\n @include set-text-margin(0 0 1v);\n background-size: 100% 1px, 1px 100%, 100% 1px, spacing.space(10v) 100%;\n background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;\n background-repeat: no-repeat, no-repeat no-repeat, no-repeat;\n @include icon-size(md, before);\n @include icon-style(before) {\n @include absolute(0, null, null, 0);\n @include margin(4v 2v);\n }\n\n &__title {\n @include title-style(h6);\n }\n\n #{ns(btn--close)} {\n @include absolute(1v,1v);\n @include nest-btn(sm, only, close-line, null, false);\n }\n\n + #{ns(alert)} {\n @include margin-top(4v);\n }\n\n &--info {\n @include icon-image(info-fill, before);\n }\n\n &--success {\n @include icon-image(success-fill, before);\n }\n\n &--error {\n @include icon-image(error-fill, before);\n }\n\n &--warning {\n @include icon-image(warning-fill, before);\n }\n\n &--info,\n &--success,\n &--error,\n &--warning {\n @include icon-content;\n }\n\n &--sm {\n @include padding(2v 9v 1v 12v);\n\n @include before {\n @include margin(2v 2v);\n }\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\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 default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\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/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Alert Deprecated Module\n/// @group alert\n////\n\n#{ns(alert)} {\n #{ns(link--close)} {\n @include absolute(1v, 5v);\n @include nest-btn(sm, only, close-line, null, false);\n align-items: center;\n }\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.background-image((border plain grey) (border plain grey) (border plain grey) (border plain grey) (flat grey), (legacy:$legacy));\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.background-image((border plain info) (border plain info) (border plain info) (border plain info) (flat info), (legacy:$legacy));\n }\n\n &--error {\n @include color.background-image((border plain error) (border plain error) (border plain error) (border plain error) (flat error), (legacy:$legacy));\n }\n\n &--success {\n @include color.background-image((border plain success) (border plain success) (border plain success) (border plain success) (flat success), (legacy:$legacy));\n }\n\n &--warning {\n @include color.background-image((border plain warning) (border plain warning) (border plain warning) (border plain warning) (flat warning), (legacy:$legacy));\n }\n }\n}\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","/// 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/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n @include icon-legacy(null, md);\n\n &__title,\n p {\n @include margin(0 0 1v);\n }\n\n &--info {\n @include icon-legacy(info-fill, null, before, false);\n }\n\n &--success {\n @include icon-legacy(success-fill, null, before, false);\n }\n\n &--error {\n @include icon-legacy(error-fill, null, before, false);\n }\n\n &--warning {\n @include icon-legacy(warning-fill, null, before, false);\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\n }\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","////\n/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n #{ns(link--close)} {\n @include icon-legacy(close-line, sm);\n }\n }\n}\n","////\n/// Alert Print\n/// @group alert\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _alert-scheme('print');\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.legacy.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@media (min-width: 36em) {
/*! media sm */
......@@ -71,7 +71,7 @@
}
.fr-alert {
box-shadow: inset 0 0 0 1px #3a3a3a, inset 2.5rem 0 0 0 #3a3a3a;
background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);
}
.fr-alert::before {
......@@ -79,18 +79,18 @@
}
.fr-alert--info {
box-shadow: inset 0 0 0 1px #0063cb, inset 2.5rem 0 0 0 #0063cb;
background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);
}
.fr-alert--error {
box-shadow: inset 0 0 0 1px #ce0500, inset 2.5rem 0 0 0 #ce0500;
background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);
}
.fr-alert--success {
box-shadow: inset 0 0 0 1px #18753c, inset 2.5rem 0 0 0 #18753c;
background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);
}
.fr-alert--warning {
box-shadow: inset 0 0 0 1px #b34000, inset 2.5rem 0 0 0 #b34000;
background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);
}
}
design_system_admin/dsfr/component/alert/alert.legacy.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","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","%3Cinput%20css%20scRjXQ%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss"],"names":[],"mappings":"AAAA;;GAAA;ACeI;ECRI,cAAA;ACLR;AFaI;ECRI,cAAA;ACFR;AFUI;ECRI,cAAA;ACCR;AFOI;ECRI,cAAA;ACIR;ACFI;ECDF;;GAAA;ECQA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,aAAA;IAGA,cAAA;ELzCJ;;EENE;;IImBA,mBAfE;ENUJ;;EGZA;ICAE,6DAFI;EJiBN;;EGfA;ICAE,gEAFI;EJoBN;;EGlBA;ICAE,8DAFI;EJuBN;;EGrBA;ICAE,gEAFI;EJ0BN;;EGxBA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IC4CF,WAAA;IAGA,YAAA;ELhBJ;;EOrCA;;GAAA;EJQA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IC4CF,WAAA;IAGA,YAAA;ELCJ;;EQtDA;ICiCE,+DAAA;ETiCF;;EG1DA;IMyBE,WAAA;ETsCF;;EQhEE;IC0BA,+DAAA;ET2CF;;EQjEE;ICsBA,+DAAA;ETgDF;;EQlEE;ICkBA,+DAAA;ETqDF;;EQnEE;ICcA,+DAAA;ET0DF;AA9CF","file":"alert.legacy.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 /**\n * reset des marges dans l'alerte\n */\n .fr-alert::before, .fr-alert::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert::before, .fr-alert::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-alert__title,\n .fr-alert p {\n margin: 0 0 0.25rem;\n }\n .fr-alert--info::before {\n background-image: url(\"../../icons/system/fr--info-fill.svg\");\n }\n .fr-alert--success::before {\n background-image: url(\"../../icons/system/fr--success-fill.svg\");\n }\n .fr-alert--error::before {\n background-image: url(\"../../icons/system/fr--error-fill.svg\");\n }\n .fr-alert--warning::before {\n background-image: url(\"../../icons/system/fr--warning-fill.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset des marges dans l'alerte\n */\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert {\n box-shadow: inset 0 0 0 1px #3a3a3a, inset 2.5rem 0 0 0 #3a3a3a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert::before {\n color: #fff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--info {\n box-shadow: inset 0 0 0 1px #0063cb, inset 2.5rem 0 0 0 #0063cb;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--error {\n box-shadow: inset 0 0 0 1px #ce0500, inset 2.5rem 0 0 0 #ce0500;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--success {\n box-shadow: inset 0 0 0 1px #18753c, inset 2.5rem 0 0 0 #18753c;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--warning {\n box-shadow: inset 0 0 0 1px #b34000, inset 2.5rem 0 0 0 #b34000;\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/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n @include icon-legacy(null, md);\n\n &__title,\n p {\n @include margin(0 0 1v);\n }\n\n &--info {\n @include icon-legacy(info-fill, null, before, false);\n }\n\n &--success {\n @include icon-legacy(success-fill, null, before, false);\n }\n\n &--error {\n @include icon-legacy(error-fill, null, before, false);\n }\n\n &--warning {\n @include icon-legacy(warning-fill, null, before, false);\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n #{ns(link--close)} {\n @include icon-legacy(close-line, sm);\n }\n }\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.box-shadow((plain grey) (background flat grey), (legacy:$legacy), all-1-in left-10v-in);\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.box-shadow((plain info) (background flat info), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--error {\n @include color.box-shadow((plain error) (background flat error), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--success {\n @include color.box-shadow((plain success) (background flat success), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--warning {\n @include color.box-shadow((plain warning) (background flat warning), (legacy:$legacy), all-1-in left-10v-in);\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","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","%3Cinput%20css%20qMmlyT%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss"],"names":[],"mappings":"AAAA;;GAAA;ACeI;ECRI,cAAA;ACLR;AFaI;ECRI,cAAA;ACFR;AFUI;ECRI,cAAA;ACCR;AFOI;ECRI,cAAA;ACIR;ACFI;ECDF;;GAAA;ECQA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,aAAA;IAGA,cAAA;ELzCJ;;EENE;;IImBA,mBAfE;ENUJ;;EGZA;ICAE,6DAFI;EJiBN;;EGfA;ICAE,gEAFI;EJoBN;;EGlBA;ICAE,8DAFI;EJuBN;;EGrBA;ICAE,gEAFI;EJ0BN;;EGxBA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IC4CF,WAAA;IAGA,YAAA;ELhBJ;;EOrCA;;GAAA;EJQA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IC4CF,WAAA;IAGA,YAAA;ELCJ;;EQtDA;ICiCE,6NAAA;ETiCF;;EG1DA;IMyBE,WAAA;ETsCF;;EQhEE;IC0BA,6NAAA;ET2CF;;EQjEE;ICsBA,6NAAA;ETgDF;;EQlEE;ICkBA,6NAAA;ETqDF;;EQnEE;ICcA,6NAAA;ET0DF;AA9CF","file":"alert.legacy.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 /**\n * reset des marges dans l'alerte\n */\n .fr-alert::before, .fr-alert::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert::before, .fr-alert::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-alert__title,\n .fr-alert p {\n margin: 0 0 0.25rem;\n }\n .fr-alert--info::before {\n background-image: url(\"../../icons/system/fr--info-fill.svg\");\n }\n .fr-alert--success::before {\n background-image: url(\"../../icons/system/fr--success-fill.svg\");\n }\n .fr-alert--error::before {\n background-image: url(\"../../icons/system/fr--error-fill.svg\");\n }\n .fr-alert--warning::before {\n background-image: url(\"../../icons/system/fr--warning-fill.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset des marges dans l'alerte\n */\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert {\n background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert::before {\n color: #fff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--info {\n background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--error {\n background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--success {\n background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--warning {\n background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);\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/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n @include icon-legacy(null, md);\n\n &__title,\n p {\n @include margin(0 0 1v);\n }\n\n &--info {\n @include icon-legacy(info-fill, null, before, false);\n }\n\n &--success {\n @include icon-legacy(success-fill, null, before, false);\n }\n\n &--error {\n @include icon-legacy(error-fill, null, before, false);\n }\n\n &--warning {\n @include icon-legacy(warning-fill, null, before, false);\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n #{ns(link--close)} {\n @include icon-legacy(close-line, sm);\n }\n }\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.background-image((border plain grey) (border plain grey) (border plain grey) (border plain grey) (flat grey), (legacy:$legacy));\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.background-image((border plain info) (border plain info) (border plain info) (border plain info) (flat info), (legacy:$legacy));\n }\n\n &--error {\n @include color.background-image((border plain error) (border plain error) (border plain error) (border plain error) (flat error), (legacy:$legacy));\n }\n\n &--success {\n @include color.background-image((border plain success) (border plain success) (border plain success) (border plain success) (flat success), (legacy:$legacy));\n }\n\n &--warning {\n @include color.background-image((border plain warning) (border plain warning) (border plain warning) (border plain warning) (flat warning), (legacy:$legacy));\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.legacy.min.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | 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){
/*! media lg */}@media (min-width:78em){
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-alert:after,.fr-alert:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-alert p,.fr-alert__title{margin:0 0 .25rem}.fr-alert--info:before{background-image:url(../../icons/system/fr--info-fill.svg)}.fr-alert--success:before{background-image:url(../../icons/system/fr--success-fill.svg)}.fr-alert--error:before{background-image:url(../../icons/system/fr--error-fill.svg)}.fr-alert--warning:before{background-image:url(../../icons/system/fr--warning-fill.svg)}.fr-alert .fr-btn--close:after,.fr-alert .fr-btn--close:before,.fr-alert .fr-link--close:after,.fr-alert .fr-link--close:before{background-color:transparent;background-image:url(../../icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-alert{box-shadow:inset 0 0 0 1px #3a3a3a,inset 2.5rem 0 0 0 #3a3a3a}.fr-alert:before{color:#fff}.fr-alert--info{box-shadow:inset 0 0 0 1px #0063cb,inset 2.5rem 0 0 0 #0063cb}.fr-alert--error{box-shadow:inset 0 0 0 1px #ce0500,inset 2.5rem 0 0 0 #ce0500}.fr-alert--success{box-shadow:inset 0 0 0 1px #18753c,inset 2.5rem 0 0 0 #18753c}.fr-alert--warning{box-shadow:inset 0 0 0 1px #b34000,inset 2.5rem 0 0 0 #b34000}}
\ No newline at end of file
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-alert:after,.fr-alert:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-alert p,.fr-alert__title{margin:0 0 .25rem}.fr-alert--info:before{background-image:url(../../icons/system/fr--info-fill.svg)}.fr-alert--success:before{background-image:url(../../icons/system/fr--success-fill.svg)}.fr-alert--error:before{background-image:url(../../icons/system/fr--error-fill.svg)}.fr-alert--warning:before{background-image:url(../../icons/system/fr--warning-fill.svg)}.fr-alert .fr-btn--close:after,.fr-alert .fr-btn--close:before,.fr-alert .fr-link--close:after,.fr-alert .fr-link--close:before{background-color:transparent;background-image:url(../../icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-alert{background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a)}.fr-alert:before{color:#fff}.fr-alert--info{background-image:linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb)}.fr-alert--error{background-image:linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500)}.fr-alert--success{background-image:linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c)}.fr-alert--warning{background-image:linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000)}}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.legacy.min.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","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","%3Cinput%20css%20QfbKoY%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss"],"names":[],"mappings":"AAAA;;GAAA,ACeI;ECRI,cAAA,CCLR,CFaI;ECRI,cAAA,CCFR,CFUI;ECRI,cAAA,CCCR,CFOI;ECRI,cAAA,CCIR,CCFI,2DCOF,iCCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJtCJ,CKNE,6BCmBA,iBNLF,CEZA,uBCAE,0DHeF,CEfA,0BCAE,6DHkBF,CElBA,wBCAE,2DHqBF,CErBA,0BCAE,6DHwBF,CExBA,gICME,4BAAA,CANA,uDAFI,CAUJ,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJIJ,COtDA,UCiCE,6DRiCF,CE1DA,iBMyBE,URsCF,COhEE,gBC0BA,6DR2CF,COjEE,iBCsBA,6DRgDF,COlEE,mBCkBA,6DRqDF,COnEE,mBCcA,6DR0DF,CA9CF","file":"alert.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 /**\n * reset des marges dans l'alerte\n */\n .fr-alert::before, .fr-alert::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert::before, .fr-alert::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-alert__title,\n .fr-alert p {\n margin: 0 0 0.25rem;\n }\n .fr-alert--info::before {\n background-image: url(\"../../icons/system/fr--info-fill.svg\");\n }\n .fr-alert--success::before {\n background-image: url(\"../../icons/system/fr--success-fill.svg\");\n }\n .fr-alert--error::before {\n background-image: url(\"../../icons/system/fr--error-fill.svg\");\n }\n .fr-alert--warning::before {\n background-image: url(\"../../icons/system/fr--warning-fill.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset des marges dans l'alerte\n */\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert {\n box-shadow: inset 0 0 0 1px #3a3a3a, inset 2.5rem 0 0 0 #3a3a3a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert::before {\n color: #fff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--info {\n box-shadow: inset 0 0 0 1px #0063cb, inset 2.5rem 0 0 0 #0063cb;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--error {\n box-shadow: inset 0 0 0 1px #ce0500, inset 2.5rem 0 0 0 #ce0500;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--success {\n box-shadow: inset 0 0 0 1px #18753c, inset 2.5rem 0 0 0 #18753c;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--warning {\n box-shadow: inset 0 0 0 1px #b34000, inset 2.5rem 0 0 0 #b34000;\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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n @include icon-legacy(null, md);\n\n &__title,\n p {\n @include margin(0 0 1v);\n }\n\n &--info {\n @include icon-legacy(info-fill, null, before, false);\n }\n\n &--success {\n @include icon-legacy(success-fill, null, before, false);\n }\n\n &--error {\n @include icon-legacy(error-fill, null, before, false);\n }\n\n &--warning {\n @include icon-legacy(warning-fill, null, before, false);\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.box-shadow((plain grey) (background flat grey), (legacy:$legacy), all-1-in left-10v-in);\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.box-shadow((plain info) (background flat info), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--error {\n @include color.box-shadow((plain error) (background flat error), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--success {\n @include color.box-shadow((plain success) (background flat success), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--warning {\n @include color.box-shadow((plain warning) (background flat warning), (legacy:$legacy), all-1-in left-10v-in);\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","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","%3Cinput%20css%20WVTbD1%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss"],"names":[],"mappings":"AAAA;;GAAA,ACeI;ECRI,cAAA,CCLR,CFaI;ECRI,cAAA,CCFR,CFUI;ECRI,cAAA,CCCR,CFOI;ECRI,cAAA,CCIR,CCFI,2DCOF,iCCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJtCJ,CKNE,6BCmBA,iBNLF,CEZA,uBCAE,0DHeF,CEfA,0BCAE,6DHkBF,CElBA,wBCAE,2DHqBF,CErBA,0BCAE,6DHwBF,CExBA,gICME,4BAAA,CANA,uDAFI,CAUJ,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJIJ,COtDA,UCiCE,8MRiCF,CE1DA,iBMyBE,URsCF,COhEE,gBC0BA,8MR2CF,COjEE,iBCsBA,8MRgDF,COlEE,mBCkBA,8MRqDF,COnEE,mBCcA,8MR0DF,CA9CF","file":"alert.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 /**\n * reset des marges dans l'alerte\n */\n .fr-alert::before, .fr-alert::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert::before, .fr-alert::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-alert__title,\n .fr-alert p {\n margin: 0 0 0.25rem;\n }\n .fr-alert--info::before {\n background-image: url(\"../../icons/system/fr--info-fill.svg\");\n }\n .fr-alert--success::before {\n background-image: url(\"../../icons/system/fr--success-fill.svg\");\n }\n .fr-alert--error::before {\n background-image: url(\"../../icons/system/fr--error-fill.svg\");\n }\n .fr-alert--warning::before {\n background-image: url(\"../../icons/system/fr--warning-fill.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset des marges dans l'alerte\n */\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert {\n background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert::before {\n color: #fff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--info {\n background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--error {\n background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--success {\n background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-alert--warning {\n background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);\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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Alert Legacy\n/// @group alert\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * reset des marges dans l'alerte\n */\n #{ns(alert)} {\n @include icon-legacy(null, md);\n\n &__title,\n p {\n @include margin(0 0 1v);\n }\n\n &--info {\n @include icon-legacy(info-fill, null, before, false);\n }\n\n &--success {\n @include icon-legacy(success-fill, null, before, false);\n }\n\n &--error {\n @include icon-legacy(error-fill, null, before, false);\n }\n\n &--warning {\n @include icon-legacy(warning-fill, null, before, false);\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.background-image((border plain grey) (border plain grey) (border plain grey) (border plain grey) (flat grey), (legacy:$legacy));\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.background-image((border plain info) (border plain info) (border plain info) (border plain info) (flat info), (legacy:$legacy));\n }\n\n &--error {\n @include color.background-image((border plain error) (border plain error) (border plain error) (border plain error) (flat error), (legacy:$legacy));\n }\n\n &--success {\n @include color.background-image((border plain success) (border plain success) (border plain success) (border plain success) (flat success), (legacy:$legacy));\n }\n\n &--warning {\n @include color.background-image((border plain warning) (border plain warning) (border plain warning) (border plain warning) (flat warning), (legacy:$legacy));\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.main.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@charset "UTF-8";
......@@ -12,7 +12,10 @@
--title-spacing: 0 0 0.25rem;
--text-spacing: 0 0 0.25rem;
box-shadow: inset 0 0 0 1px var(--border-plain-grey), inset 2.5rem 0 0 0 var(--background-flat-grey);
background-size: 100% 1px, 1px 100%, 100% 1px, 2.5rem 100%;
background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;
background-repeat: no-repeat, no-repeat no-repeat, no-repeat;
background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--background-flat-grey), var(--background-flat-grey));
}
.fr-alert::before {
......@@ -41,7 +44,7 @@
.fr-alert .fr-btn--close {
position: absolute;
top: 0.25rem;
right: 1.25rem;
right: 0.25rem;
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
......@@ -145,19 +148,19 @@
}
.fr-alert--info {
box-shadow: inset 0 0 0 1px var(--border-plain-info), inset 2.5rem 0 0 0 var(--background-flat-info);
background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--background-flat-info), var(--background-flat-info));
}
.fr-alert--error {
box-shadow: inset 0 0 0 1px var(--border-plain-error), inset 2.5rem 0 0 0 var(--background-flat-error);
background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--background-flat-error), var(--background-flat-error));
}
.fr-alert--success {
box-shadow: inset 0 0 0 1px var(--border-plain-success), inset 2.5rem 0 0 0 var(--background-flat-success);
background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--background-flat-success), var(--background-flat-success));
}
.fr-alert--warning {
box-shadow: inset 0 0 0 1px var(--border-plain-warning), inset 2.5rem 0 0 0 var(--background-flat-warning);
background-image: linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--background-flat-warning), var(--background-flat-warning));
}
@media (min-width: 36em) {
/*! media sm */
......
design_system_admin/dsfr/component/alert/alert.main.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","%3Cinput%20css%20P_HWQr%3E","file:///Users/ket/Documents/work/dsfr/src/component/alert/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","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;ACAA,gBAAgB;;ACKhB;;cAAA;ACAA;ECGE,kBAAA;ECyBE,oCAfE;;ECuFF,4BAAA;EAAA,2BAAA;EChEA,oGAAA;ANpBJ;;AOLE;EC0BE,mBAAA;EAeA,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;ELtD3B,kBAAA;EAEE,MAAA;EASA,OAAA;ECcA,mBAfE;EEuBF,gCAAA;ANjBJ;;AERE;EGqBE,gBAAA;EAXF,mBAAA;EAGE,mBAAA;ALcJ;;AEvBE;ECZA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AZwBhB;;AOhDE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARHrC;;AE5CE;EEII,gBAXA;AJuEN;;AOzEE;EGVA,+DF0CM;EEzCN,uDFyCM;AR6CR;;AO7EE;EGVA,kEF0CM;EEzCN,0DFyCM;ARiDR;;AOjFE;EGVA,gEF0CM;EEzCN,wDFyCM;ARqDR;;AOrFE;EGVA,kEF0CM;EEzCN,0DFyCM;ARyDR;;AOzFE;;;;EAGI,WCqD+B;ARoCrC;;AExDE;EEnBE,oCAfE;AJ6FN;;AO/FE;EHiBE,qBAfE;AJgGN;;Aa5GE;EVEA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EC/BZ,mBAAA;Ab0HJ;;AOnHE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARgErC;;AczHI;ER0BA,oGAAA;AN0HJ;;AchJI;ERsBA,sGAAA;AN6HJ;;Ac/II;ERkBA,0GAAA;ANgIJ;;Ac9II;ERcA,0GAAA;ANmIJ;Ae7JI;ECRI,cAAA;AhBDR;AeSI;ECRI,cAAA;EdSN;IGUA,kBAAA;IAGE,oBAAA;ELmBF;AAvCF;AeMI;ECRI,cAAA;AhBKR;AeGI;ECRI,cAAA;AhBQR","file":"alert.main.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\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-alert {\n position: relative;\n padding: 1rem 2.25rem 0.75rem 3.5rem;\n --title-spacing: 0 0 0.25rem;\n --text-spacing: 0 0 0.25rem;\n}\n.fr-alert::before {\n --icon-size: 1.5rem;\n}\n.fr-alert::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n position: absolute;\n top: 0;\n left: 0;\n margin: 1rem 0.5rem;\n}\n.fr-alert__title {\n font-weight: 700;\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n@media (min-width: 48em) {\n .fr-alert__title {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n}\n.fr-alert .fr-btn--close {\n position: absolute;\n top: 0.25rem;\n right: 1.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-btn--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-btn--close::before {\n content: \"\";\n}\n.fr-alert + .fr-alert {\n margin-top: 1rem;\n}\n.fr-alert--info::before {\n -webkit-mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n}\n.fr-alert--success::before {\n -webkit-mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n}\n.fr-alert--error::before {\n -webkit-mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n}\n.fr-alert--warning::before {\n -webkit-mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n}\n.fr-alert--info::before, .fr-alert--success::before, .fr-alert--error::before, .fr-alert--warning::before {\n content: \"\";\n}\n.fr-alert--sm {\n padding: 0.5rem 2.25rem 0.25rem 3rem;\n}\n.fr-alert--sm::before {\n margin: 0.5rem 0.5rem;\n}\n\n.fr-alert .fr-link--close {\n position: absolute;\n top: 0.25rem;\n right: 1.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n align-items: center;\n}\n.fr-alert .fr-link--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-link--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-link--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-link--close::before {\n content: \"\";\n}\n\n.fr-alert {\n box-shadow: inset 0 0 0 1px var(--border-plain-grey), inset 2.5rem 0 0 0 var(--background-flat-grey);\n}\n.fr-alert::before {\n color: var(--text-inverted-grey);\n}\n.fr-alert--info {\n box-shadow: inset 0 0 0 1px var(--border-plain-info), inset 2.5rem 0 0 0 var(--background-flat-info);\n}\n.fr-alert--error {\n box-shadow: inset 0 0 0 1px var(--border-plain-error), inset 2.5rem 0 0 0 var(--background-flat-error);\n}\n.fr-alert--success {\n box-shadow: inset 0 0 0 1px var(--border-plain-success), inset 2.5rem 0 0 0 var(--background-flat-success);\n}\n.fr-alert--warning {\n box-shadow: inset 0 0 0 1px var(--border-plain-warning), inset 2.5rem 0 0 0 var(--background-flat-warning);\n}","////\n/// Alert Main\n/// @group alert\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n// deprecated\n@import 'deprecated/style/module';\n\n@include _alert-scheme;\n","////\n/// Alert Module\n/// @group alert\n////\n\n#{ns(alert)} {\n @include relative();\n @include padding(4v 9v 3v 14v);\n @include set-title-margin(0 0 1v);\n @include set-text-margin(0 0 1v);\n @include icon-size(md, before);\n @include icon-style(before) {\n @include absolute(0, null, null, 0);\n @include margin(4v 2v);\n }\n\n &__title {\n @include title-style(h6);\n }\n\n #{ns(btn--close)} {\n @include absolute(1v,5v);\n @include nest-btn(sm, only, close-line, null, false);\n }\n\n + #{ns(alert)} {\n @include margin-top(4v);\n }\n\n &--info {\n @include icon-image(info-fill, before);\n }\n\n &--success {\n @include icon-image(success-fill, before);\n }\n\n &--error {\n @include icon-image(error-fill, before);\n }\n\n &--warning {\n @include icon-image(warning-fill, before);\n }\n\n &--info,\n &--success,\n &--error,\n &--warning {\n @include icon-content;\n }\n\n &--sm {\n @include padding(2v 9v 1v 12v);\n\n @include before {\n @include margin(2v 2v);\n }\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\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 default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\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/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Alert Deprecated Module\n/// @group alert\n////\n\n#{ns(alert)} {\n #{ns(link--close)} {\n @include absolute(1v, 5v);\n @include nest-btn(sm, only, close-line, null, false);\n align-items: center;\n }\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.box-shadow((plain grey) (background flat grey), (legacy:$legacy), all-1-in left-10v-in);\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.box-shadow((plain info) (background flat info), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--error {\n @include color.box-shadow((plain error) (background flat error), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--success {\n @include color.box-shadow((plain success) (background flat success), (legacy:$legacy), all-1-in left-10v-in);\n }\n\n &--warning {\n @include color.box-shadow((plain warning) (background flat warning), (legacy:$legacy), all-1-in left-10v-in);\n }\n }\n}\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"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","%3Cinput%20css%20OIO9KA%3E","file:///Users/ket/Documents/work/dsfr/src/component/alert/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/deprecated/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","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;ACAA,gBAAgB;;ACKhB;;cAAA;ACEA;ECCE,kBAAA;ECyBE,oCAfE;;ECuFF,4BAAA;EAAA,2BAAA;EH7FF,0DAAA;EACA,wDAAA;EACA,4DAAA;EI2BE,6YAAA;ANjBJ;;AORE;EC0BE,mBAAA;EAeA,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;ELtD3B,kBAAA;EAEE,MAAA;EASA,OAAA;ECcA,mBAfE;EEuBF,gCAAA;ANdJ;;AENE;EGgBE,gBAAA;EAXF,mBAAA;EAGE,mBAAA;ALiBJ;;AErBE;ECjBA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AZ2BhB;;AOnDE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARArC;;AE1CE;EEDI,gBAXA;AJ0EN;;AO5EE;EGVA,+DF0CM;EEzCN,uDFyCM;ARgDR;;AOhFE;EGVA,kEF0CM;EEzCN,0DFyCM;ARoDR;;AOpFE;EGVA,gEF0CM;EEzCN,wDFyCM;ARwDR;;AOxFE;EGVA,kEF0CM;EEzCN,0DFyCM;AR4DR;;AO5FE;;;;EAGI,WCqD+B;ARuCrC;;AEtDE;EExBE,oCAfE;AJgGN;;AOlGE;EHiBE,qBAfE;AJmGN;;Aa/GE;EVEA,kBAAA;EAEE,YAAA;EAGA,cAAA;EQDF,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ECSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EC/BZ,mBAAA;Ab6HJ;;AOtHE;EKkCI,iBAAA;EACA,cAAA;EACA,oBAZU;EJiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,4DF0CM;EEzCN,oDFyCM;ED7BF,WCqD+B;ARmErC;;Ac5HI;ER0BA,6YAAA;AN6HJ;;AcnJI;ERsBA,uZAAA;ANgIJ;;AclJI;ERkBA,2aAAA;ANmIJ;;AcjJI;ERcA,2aAAA;ANsIJ;AehKI;ECRI,cAAA;AhBDR;AeSI;ECRI,cAAA;EdcN;IGKA,kBAAA;IAGE,oBAAA;ELsBF;AA1CF;AeMI;ECRI,cAAA;AhBKR;AeGI;ECRI,cAAA;AhBQR","file":"alert.main.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\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-alert {\n position: relative;\n padding: 1rem 2.25rem 0.75rem 3.5rem;\n --title-spacing: 0 0 0.25rem;\n --text-spacing: 0 0 0.25rem;\n background-size: 100% 1px, 1px 100%, 100% 1px, 2.5rem 100%;\n background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;\n background-repeat: no-repeat, no-repeat no-repeat, no-repeat;\n}\n.fr-alert::before {\n --icon-size: 1.5rem;\n}\n.fr-alert::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n position: absolute;\n top: 0;\n left: 0;\n margin: 1rem 0.5rem;\n}\n.fr-alert__title {\n font-weight: 700;\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n@media (min-width: 48em) {\n .fr-alert__title {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n}\n.fr-alert .fr-btn--close {\n position: absolute;\n top: 0.25rem;\n right: 0.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-btn--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-btn--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-btn--close::before {\n content: \"\";\n}\n.fr-alert + .fr-alert {\n margin-top: 1rem;\n}\n.fr-alert--info::before {\n -webkit-mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n mask-image: url(\"../../icons/system/fr--info-fill.svg\");\n}\n.fr-alert--success::before {\n -webkit-mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n mask-image: url(\"../../icons/system/fr--success-fill.svg\");\n}\n.fr-alert--error::before {\n -webkit-mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n mask-image: url(\"../../icons/system/fr--error-fill.svg\");\n}\n.fr-alert--warning::before {\n -webkit-mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n mask-image: url(\"../../icons/system/fr--warning-fill.svg\");\n}\n.fr-alert--info::before, .fr-alert--success::before, .fr-alert--error::before, .fr-alert--warning::before {\n content: \"\";\n}\n.fr-alert--sm {\n padding: 0.5rem 2.25rem 0.25rem 3rem;\n}\n.fr-alert--sm::before {\n margin: 0.5rem 0.5rem;\n}\n\n.fr-alert .fr-link--close {\n position: absolute;\n top: 0.25rem;\n right: 1.25rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n overflow: hidden;\n white-space: nowrap;\n max-width: 2rem;\n max-height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n align-items: center;\n}\n.fr-alert .fr-link--close::before {\n --icon-size: 1rem;\n margin-left: 0;\n margin-right: 0.5rem;\n}\n.fr-alert .fr-link--close::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-alert .fr-link--close::before {\n -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-alert .fr-link--close::before {\n content: \"\";\n}\n\n.fr-alert {\n background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)), linear-gradient(0deg, var(--background-flat-grey), var(--background-flat-grey));\n}\n.fr-alert::before {\n color: var(--text-inverted-grey);\n}\n.fr-alert--info {\n background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info)), linear-gradient(0deg, var(--background-flat-info), var(--background-flat-info));\n}\n.fr-alert--error {\n background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error)), linear-gradient(0deg, var(--background-flat-error), var(--background-flat-error));\n}\n.fr-alert--success {\n background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success)), linear-gradient(0deg, var(--background-flat-success), var(--background-flat-success));\n}\n.fr-alert--warning {\n background-image: linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--border-plain-warning), var(--border-plain-warning)), linear-gradient(0deg, var(--background-flat-warning), var(--background-flat-warning));\n}","////\n/// Alert Main\n/// @group alert\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ALERT\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n// deprecated\n@import 'deprecated/style/module';\n\n@include _alert-scheme;\n","////\n/// Alert Module\n/// @group alert\n////\n\n@use 'module/spacing';\n\n#{ns(alert)} {\n @include relative();\n @include padding(4v 9v 3v 14v);\n @include set-title-margin(0 0 1v);\n @include set-text-margin(0 0 1v);\n background-size: 100% 1px, 1px 100%, 100% 1px, spacing.space(10v) 100%;\n background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;\n background-repeat: no-repeat, no-repeat no-repeat, no-repeat;\n @include icon-size(md, before);\n @include icon-style(before) {\n @include absolute(0, null, null, 0);\n @include margin(4v 2v);\n }\n\n &__title {\n @include title-style(h6);\n }\n\n #{ns(btn--close)} {\n @include absolute(1v,1v);\n @include nest-btn(sm, only, close-line, null, false);\n }\n\n + #{ns(alert)} {\n @include margin-top(4v);\n }\n\n &--info {\n @include icon-image(info-fill, before);\n }\n\n &--success {\n @include icon-image(success-fill, before);\n }\n\n &--error {\n @include icon-image(error-fill, before);\n }\n\n &--warning {\n @include icon-image(warning-fill, before);\n }\n\n &--info,\n &--success,\n &--error,\n &--warning {\n @include icon-content;\n }\n\n &--sm {\n @include padding(2v 9v 1v 12v);\n\n @include before {\n @include margin(2v 2v);\n }\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\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 default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\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/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Alert Deprecated Module\n/// @group alert\n////\n\n#{ns(alert)} {\n #{ns(link--close)} {\n @include absolute(1v, 5v);\n @include nest-btn(sm, only, close-line, null, false);\n align-items: center;\n }\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.background-image((border plain grey) (border plain grey) (border plain grey) (border plain grey) (flat grey), (legacy:$legacy));\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.background-image((border plain info) (border plain info) (border plain info) (border plain info) (flat info), (legacy:$legacy));\n }\n\n &--error {\n @include color.background-image((border plain error) (border plain error) (border plain error) (border plain error) (flat error), (legacy:$legacy));\n }\n\n &--success {\n @include color.background-image((border plain success) (border plain success) (border plain success) (border plain success) (flat success), (legacy:$legacy));\n }\n\n &--warning {\n @include color.background-image((border plain warning) (border plain warning) (border plain warning) (border plain warning) (flat warning), (legacy:$legacy));\n }\n }\n}\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"]}
\ No newline at end of file