@graupl/graupl 1.0.0-beta.47 → 1.0.0-beta.48

package/dist/css/utilities/block-size.css

@@ -0,0 +1,2 @@
+@layer graupl.utilities{.block-auto{block-size:auto!important}.max-block-auto{max-block-size:auto!important}.min-block-auto{min-block-size:auto!important}.block-fit-content{block-size:fit-content!important}.max-block-fit-content{max-block-size:fit-content!important}.min-block-fit-content{min-block-size:fit-content!important}.block-max-content{block-size:max-content!important}.max-block-max-content{max-block-size:max-content!important}.min-block-max-content{min-block-size:max-content!important}.block-min-content{block-size:min-content!important}.max-block-min-content{max-block-size:min-content!important}.min-block-min-content{min-block-size:min-content!important}.block-stretch{block-size:stretch!important}.max-block-stretch{max-block-size:stretch!important}.min-block-stretch{min-block-size:stretch!important}.block-full{block-size:100%!important}.max-block-full{max-block-size:100%!important}.min-block-full{min-block-size:100%!important}.block-quarter{block-size:25%!important}.max-block-quarter{max-block-size:25%!important}.min-block-quarter{min-block-size:25%!important}.block-half{block-size:50%!important}.max-block-half{max-block-size:50%!important}.min-block-half{min-block-size:50%!important}.block-three-quarters{block-size:75%!important}.max-block-three-quarters{max-block-size:75%!important}.min-block-three-quarters{min-block-size:75%!important}.block-third{block-size:33.3333%!important}.max-block-third{max-block-size:33.3333%!important}.min-block-third{min-block-size:33.3333%!important}.block-two-thirds{block-size:66.6667%!important}.max-block-two-thirds{max-block-size:66.6667%!important}.min-block-two-thirds{min-block-size:66.6667%!important}.block-half-screen{block-size:50vh!important}.max-block-half-screen{max-block-size:50vh!important}.min-block-half-screen{min-block-size:50vh!important}.block-third-screen{block-size:33.3333vh!important}.max-block-third-screen{max-block-size:33.3333vh!important}.min-block-third-screen{min-block-size:33.3333vh!important}.block-two-thirds-screen{block-size:66.6667vh!important}.max-block-two-thirds-screen{max-block-size:66.6667vh!important}.min-block-two-thirds-screen{min-block-size:66.6667vh!important}.block-quarter-screen{block-size:25vh!important}.max-block-quarter-screen{max-block-size:25vh!important}.min-block-quarter-screen{min-block-size:25vh!important}.block-three-quarters-screen{block-size:75vh!important}.max-block-three-quarters-screen{max-block-size:75vh!important}.min-block-three-quarters-screen{min-block-size:75vh!important}.block-full-screen{block-size:100vh!important}.max-block-full-screen{max-block-size:100vh!important}.min-block-full-screen{min-block-size:100vh!important}.block-0{block-size:var(--graupl-spacer-0,calc(0 * var(--graupl-spacer,1rem)))!important}.max-block-0{max-block-size:var(--graupl-spacer-0,calc(0 * var(--graupl-spacer,1rem)))!important}.min-block-0{min-block-size:var(--graupl-spacer-0,calc(0 * var(--graupl-spacer,1rem)))!important}.block-1{block-size:var(--graupl-spacer-1,calc(.125 * var(--graupl-spacer,1rem)))!important}.max-block-1{max-block-size:var(--graupl-spacer-1,calc(.125 * var(--graupl-spacer,1rem)))!important}.min-block-1{min-block-size:var(--graupl-spacer-1,calc(.125 * var(--graupl-spacer,1rem)))!important}.block-2{block-size:var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem)))!important}.max-block-2{max-block-size:var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem)))!important}.min-block-2{min-block-size:var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem)))!important}.block-3{block-size:var(--graupl-spacer-3,calc(.5 * var(--graupl-spacer,1rem)))!important}.max-block-3{max-block-size:var(--graupl-spacer-3,calc(.5 * var(--graupl-spacer,1rem)))!important}.min-block-3{min-block-size:var(--graupl-spacer-3,calc(.5 * var(--graupl-spacer,1rem)))!important}.block-4{block-size:var(--graupl-spacer-4,calc(.75 * var(--graupl-spacer,1rem)))!important}.max-block-4{max-block-size:var(--graupl-spacer-4,calc(.75 * var(--graupl-spacer,1rem)))!important}.min-block-4{min-block-size:var(--graupl-spacer-4,calc(.75 * var(--graupl-spacer,1rem)))!important}.block-5{block-size:var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem)))!important}.max-block-5{max-block-size:var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem)))!important}.min-block-5{min-block-size:var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem)))!important}.block-6{block-size:var(--graupl-spacer-6,calc(1.5 * var(--graupl-spacer,1rem)))!important}.max-block-6{max-block-size:var(--graupl-spacer-6,calc(1.5 * var(--graupl-spacer,1rem)))!important}.min-block-6{min-block-size:var(--graupl-spacer-6,calc(1.5 * var(--graupl-spacer,1rem)))!important}.block-7{block-size:var(--graupl-spacer-7,calc(2 * var(--graupl-spacer,1rem)))!important}.max-block-7{max-block-size:var(--graupl-spacer-7,calc(2 * var(--graupl-spacer,1rem)))!important}.min-block-7{min-block-size:var(--graupl-spacer-7,calc(2 * var(--graupl-spacer,1rem)))!important}.block-8{block-size:var(--graupl-spacer-8,calc(3 * var(--graupl-spacer,1rem)))!important}.max-block-8{max-block-size:var(--graupl-spacer-8,calc(3 * var(--graupl-spacer,1rem)))!important}.min-block-8{min-block-size:var(--graupl-spacer-8,calc(3 * var(--graupl-spacer,1rem)))!important}.block-9{block-size:var(--graupl-spacer-9,calc(5 * var(--graupl-spacer,1rem)))!important}.max-block-9{max-block-size:var(--graupl-spacer-9,calc(5 * var(--graupl-spacer,1rem)))!important}.min-block-9{min-block-size:var(--graupl-spacer-9,calc(5 * var(--graupl-spacer,1rem)))!important}.block-10{block-size:var(--graupl-spacer-10,calc(10 * var(--graupl-spacer,1rem)))!important}.max-block-10{max-block-size:var(--graupl-spacer-10,calc(10 * var(--graupl-spacer,1rem)))!important}.min-block-10{min-block-size:var(--graupl-spacer-10,calc(10 * var(--graupl-spacer,1rem)))!important}}
+/*# sourceMappingURL=block-size.css.map */

package/dist/css/utilities/block-size.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACSI,wBCiJA,sCAAA,8CAAA,8CAAA,oDAAA,4DAAA,4DAAA,oDAAA,4DAAA,4DAAA,oDAAA,4DAAA,4DAAA,4CAAA,oDAAA,oDAAA,sCAAA,8CAAA,8CAAA,wCAAA,gDAAA,gDAAA,qCAAA,6CAAA,6CAAA,+CAAA,uDAAA,uDAAA,2CAAA,mDAAA,mDAAA,gDAAA,wDAAA,wDAAA,6CAAA,qDAAA,qDAAA,mDAAA,2DAAA,2DAAA,wDAAA,gEAAA,gEAAA,gDAAA,wDAAA,wDAAA,uDAAA,+DAAA,+DAAA,8CAAA,sDAAA,sDAAA,yFAAA,iGAAA,iGAAA,4FAAA,oGAAA,oGAAA,2FAAA,mGAAA,mGAAA,0FAAA,kGAAA,kGAAA,2FAAA,mGAAA,mGAAA,yFAAA,iGAAA,iGAAA,2FAAA,mGAAA,mGAAA,yFAAA,iGAAA,iGAAA,yFAAA,iGAAA,iGAAA,yFAAA,iGAAA,iGAAA,4FAAA,oGAAA","sources":["dist/css/utilities/block-size.css","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_utility.scss"],"sourcesContent":["@layer graupl.utilities {\n  .block-auto {\n    block-size: auto !important;\n  }\n  .max-block-auto {\n    max-block-size: auto !important;\n  }\n  .min-block-auto {\n    min-block-size: auto !important;\n  }\n  .block-fit-content {\n    block-size: fit-content !important;\n  }\n  .max-block-fit-content {\n    max-block-size: fit-content !important;\n  }\n  .min-block-fit-content {\n    min-block-size: fit-content !important;\n  }\n  .block-max-content {\n    block-size: max-content !important;\n  }\n  .max-block-max-content {\n    max-block-size: max-content !important;\n  }\n  .min-block-max-content {\n    min-block-size: max-content !important;\n  }\n  .block-min-content {\n    block-size: min-content !important;\n  }\n  .max-block-min-content {\n    max-block-size: min-content !important;\n  }\n  .min-block-min-content {\n    min-block-size: min-content !important;\n  }\n  .block-stretch {\n    block-size: stretch !important;\n  }\n  .max-block-stretch {\n    max-block-size: stretch !important;\n  }\n  .min-block-stretch {\n    min-block-size: stretch !important;\n  }\n  .block-full {\n    block-size: 100% !important;\n  }\n  .max-block-full {\n    max-block-size: 100% !important;\n  }\n  .min-block-full {\n    min-block-size: 100% !important;\n  }\n  .block-quarter {\n    block-size: 25% !important;\n  }\n  .max-block-quarter {\n    max-block-size: 25% !important;\n  }\n  .min-block-quarter {\n    min-block-size: 25% !important;\n  }\n  .block-half {\n    block-size: 50% !important;\n  }\n  .max-block-half {\n    max-block-size: 50% !important;\n  }\n  .min-block-half {\n    min-block-size: 50% !important;\n  }\n  .block-three-quarters {\n    block-size: 75% !important;\n  }\n  .max-block-three-quarters {\n    max-block-size: 75% !important;\n  }\n  .min-block-three-quarters {\n    min-block-size: 75% !important;\n  }\n  .block-third {\n    block-size: 33.3333333333% !important;\n  }\n  .max-block-third {\n    max-block-size: 33.3333333333% !important;\n  }\n  .min-block-third {\n    min-block-size: 33.3333333333% !important;\n  }\n  .block-two-thirds {\n    block-size: 66.6666666667% !important;\n  }\n  .max-block-two-thirds {\n    max-block-size: 66.6666666667% !important;\n  }\n  .min-block-two-thirds {\n    min-block-size: 66.6666666667% !important;\n  }\n  .block-half-screen {\n    block-size: 50vh !important;\n  }\n  .max-block-half-screen {\n    max-block-size: 50vh !important;\n  }\n  .min-block-half-screen {\n    min-block-size: 50vh !important;\n  }\n  .block-third-screen {\n    block-size: 33.3333333333vh !important;\n  }\n  .max-block-third-screen {\n    max-block-size: 33.3333333333vh !important;\n  }\n  .min-block-third-screen {\n    min-block-size: 33.3333333333vh !important;\n  }\n  .block-two-thirds-screen {\n    block-size: 66.6666666667vh !important;\n  }\n  .max-block-two-thirds-screen {\n    max-block-size: 66.6666666667vh !important;\n  }\n  .min-block-two-thirds-screen {\n    min-block-size: 66.6666666667vh !important;\n  }\n  .block-quarter-screen {\n    block-size: 25vh !important;\n  }\n  .max-block-quarter-screen {\n    max-block-size: 25vh !important;\n  }\n  .min-block-quarter-screen {\n    min-block-size: 25vh !important;\n  }\n  .block-three-quarters-screen {\n    block-size: 75vh !important;\n  }\n  .max-block-three-quarters-screen {\n    max-block-size: 75vh !important;\n  }\n  .min-block-three-quarters-screen {\n    min-block-size: 75vh !important;\n  }\n  .block-full-screen {\n    block-size: 100vh !important;\n  }\n  .max-block-full-screen {\n    max-block-size: 100vh !important;\n  }\n  .min-block-full-screen {\n    min-block-size: 100vh !important;\n  }\n  .block-0 {\n    block-size: var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-0 {\n    max-block-size: var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-0 {\n    min-block-size: var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-1 {\n    block-size: var(--graupl-spacer-1, calc(0.125 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-1 {\n    max-block-size: var(--graupl-spacer-1, calc(0.125 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-1 {\n    min-block-size: var(--graupl-spacer-1, calc(0.125 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-2 {\n    block-size: var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-2 {\n    max-block-size: var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-2 {\n    min-block-size: var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-3 {\n    block-size: var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-3 {\n    max-block-size: var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-3 {\n    min-block-size: var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-4 {\n    block-size: var(--graupl-spacer-4, calc(0.75 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-4 {\n    max-block-size: var(--graupl-spacer-4, calc(0.75 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-4 {\n    min-block-size: var(--graupl-spacer-4, calc(0.75 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-5 {\n    block-size: var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-5 {\n    max-block-size: var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-5 {\n    min-block-size: var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-6 {\n    block-size: var(--graupl-spacer-6, calc(1.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-6 {\n    max-block-size: var(--graupl-spacer-6, calc(1.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-6 {\n    min-block-size: var(--graupl-spacer-6, calc(1.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-7 {\n    block-size: var(--graupl-spacer-7, calc(2 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-7 {\n    max-block-size: var(--graupl-spacer-7, calc(2 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-7 {\n    min-block-size: var(--graupl-spacer-7, calc(2 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-8 {\n    block-size: var(--graupl-spacer-8, calc(3 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-8 {\n    max-block-size: var(--graupl-spacer-8, calc(3 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-8 {\n    min-block-size: var(--graupl-spacer-8, calc(3 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-9 {\n    block-size: var(--graupl-spacer-9, calc(5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-9 {\n    max-block-size: var(--graupl-spacer-9, calc(5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-9 {\n    min-block-size: var(--graupl-spacer-9, calc(5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-10 {\n    block-size: var(--graupl-spacer-10, calc(10 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-10 {\n    max-block-size: var(--graupl-spacer-10, calc(10 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-10 {\n    min-block-size: var(--graupl-spacer-10, calc(10 * var(--graupl-spacer, 1rem))) !important;\n  }\n}","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n  @if root-defaults.$use-layers {\n    @layer #{root-defaults.$id}.#{$layer} {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n","// @graupl/core utility mixins.\n//\n// Mixins to help generate utility classes.\n\n@use \"./screen\";\n@use \"./container\";\n@use \"./state\";\n@use \"./theme\";\n@use \"../functions/important\";\n@use \"../functions/utility\";\n@use \"../defaults\" as root-defaults;\n@use \"sass:string\";\n\n/// Insert a map of properties and values into a utility class.\n///\n/// @param {Map} $map\n///   The map of properties and values to apply to the selector.\n/// @param {Boolean} $important\n///   A flag to determine if the important flag should be added.\n@mixin _insert($map, $important: null) {\n  @each $prop, $value in $map {\n    // Do not attempt to insert important values inside of custom properties.\n    @if string.slice($prop, 1, 2) != \"--\" {\n      #{$prop}: important.insert(#{$value}, $override: $important);\n    } @else {\n      #{$prop}: #{$value};\n    }\n  }\n\n  // Allow for custom overrides and additional styles.\n  @content;\n}\n\n/// Handles wrapping utilities with a conditional state.\n///\n/// @param {?string} $state\n///   The state to wrap.\n@mixin _handle-state($state: null) {\n  @if $state {\n    @include state.state($state) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional screen.\n///\n/// @param {?string} $screen\n///   The screen to wrap.\n@mixin _handle-screen($screen: null) {\n  @if $screen {\n    @include screen.up($screen) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional container.\n///\n/// @param {?string} $container\n///   The container to wrap.\n@mixin _handle-container($container: null) {\n  @if $container {\n    @include container.up($container) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional theme.\n///\n/// @param {?string} $theme\n///   The theme mode to wrap.\n@mixin _handle-theme($theme: null) {\n  @if $theme {\n    @include theme.theme($theme) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Create a utility class with a list of properties and a single value.\n///\n/// @param {string}      $selector\n///   The selector to apply the utility class to.\n/// @param {string|List} $property\n///   The property/properties to apply to the selector.\n/// @param {string}      $value\n///   The value to apply to the property/properties.\n/// @param {?Boolean}     $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string}     $screen\n///   The screen to apply the utility class to.\n/// @param {?string}     $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string}     $state\n///   The state to apply the utility class to.\n@mixin create(\n  $selector,\n  $property,\n  $value,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  $map: utility.convert-property-values-to-map($property, $value);\n\n  @include create-mapped(\n    $selector,\n    $map,\n    $important: $important,\n    $screen: $screen,\n    $theme: $theme,\n    $state: $state,\n    $container: $container\n  ) {\n    @content;\n  }\n}\n\n/// Create a utility class with a map of properties and values.\n///\n/// @param {string}  $selector\n///   The selector to apply the utility class to.\n/// @param {Map}     $map\n///   The map of properties and values to apply to the selector.\n/// @param {?Boolean} $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string} $screen\n///   The screen to apply the utility class to.\n/// @param {?string} $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string} $state\n///   The state to apply the utility class to.\n@mixin create-mapped(\n  $selector,\n  $map,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  @include _handle-theme($theme) {\n    #{$selector} {\n      @if $screen or $container {\n        @if $screen {\n          @include _handle-screen($screen) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n\n        @if $container {\n          @include _handle-container($container) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n      } @else {\n        @include _handle-state($state) {\n          @include _insert($map, $important) {\n            @content;\n          }\n        }\n      }\n    }\n  }\n}\n"],"names":[]}

package/dist/css/utilities/clear.css

@@ -0,0 +1,2 @@
+@layer graupl.utilities{.clear-none{clear:none!important}.clear-left{clear:left!important}.clear-right{clear:right!important}.clear-both{clear:both!important}.clear-inline-start{clear:inline-start!important}.clear-inline-end{clear:inline-end!important}@media screen and (width>=0){.xs\:clear-none{clear:none!important}.xs\:clear-left{clear:left!important}.xs\:clear-right{clear:right!important}.xs\:clear-both{clear:both!important}.xs\:clear-inline-start{clear:inline-start!important}.xs\:clear-inline-end{clear:inline-end!important}}@media screen and (width>=576px){.sm\:clear-none{clear:none!important}.sm\:clear-left{clear:left!important}.sm\:clear-right{clear:right!important}.sm\:clear-both{clear:both!important}.sm\:clear-inline-start{clear:inline-start!important}.sm\:clear-inline-end{clear:inline-end!important}}@media screen and (width>=768px){.md\:clear-none{clear:none!important}.md\:clear-left{clear:left!important}.md\:clear-right{clear:right!important}.md\:clear-both{clear:both!important}.md\:clear-inline-start{clear:inline-start!important}.md\:clear-inline-end{clear:inline-end!important}}@media screen and (width>=1024px){.lg\:clear-none{clear:none!important}.lg\:clear-left{clear:left!important}.lg\:clear-right{clear:right!important}.lg\:clear-both{clear:both!important}.lg\:clear-inline-start{clear:inline-start!important}.lg\:clear-inline-end{clear:inline-end!important}}@media screen and (width>=1280px){.xl\:clear-none{clear:none!important}.xl\:clear-left{clear:left!important}.xl\:clear-right{clear:right!important}.xl\:clear-both{clear:both!important}.xl\:clear-inline-start{clear:inline-start!important}.xl\:clear-inline-end{clear:inline-end!important}}@media screen and (width>=1500px){.hd\:clear-none{clear:none!important}.hd\:clear-left{clear:left!important}.hd\:clear-right{clear:right!important}.hd\:clear-both{clear:both!important}.hd\:clear-inline-start{clear:inline-start!important}.hd\:clear-inline-end{clear:inline-end!important}}@media screen and (width>=1921px){.qhd\:clear-none{clear:none!important}.qhd\:clear-left{clear:left!important}.qhd\:clear-right{clear:right!important}.qhd\:clear-both{clear:both!important}.qhd\:clear-inline-start{clear:inline-start!important}.qhd\:clear-inline-end{clear:inline-end!important}}@media screen and (width>=2561px){.uhd\:clear-none{clear:none!important}.uhd\:clear-left{clear:left!important}.uhd\:clear-right{clear:right!important}.uhd\:clear-both{clear:both!important}.uhd\:clear-inline-start{clear:inline-start!important}.uhd\:clear-inline-end{clear:inline-end!important}}}
+/*# sourceMappingURL=clear.css.map */

package/dist/css/utilities/clear.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACSI,wBCiJA,iCAAA,iCAAA,mCAAA,iCAAA,iDAAA,6CC5IF,6BD4IE,qCAAA,qCAAA,uCAAA,qCAAA,qDAAA,kDC5IF,iCD4IE,qCAAA,qCAAA,uCAAA,qCAAA,qDAAA,kDC5IF,iCD4IE,qCAAA,qCAAA,uCAAA,qCAAA,qDAAA,kDC5IF,kCD4IE,qCAAA,qCAAA,uCAAA,qCAAA,qDAAA,kDC5IF,kCD4IE,qCAAA,qCAAA,uCAAA,qCAAA,qDAAA,kDC5IF,kCD4IE,qCAAA,qCAAA,uCAAA,qCAAA,qDAAA,kDC5IF,kCD4IE,sCAAA,sCAAA,wCAAA,sCAAA,sDAAA,mDC5IF,kCD4IE,sCAAA,sCAAA,wCAAA,sCAAA,sDAAA","sources":["dist/css/utilities/clear.css","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_utility.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_screen.scss"],"sourcesContent":["@layer graupl.utilities {\n  .clear-none {\n    clear: none !important;\n  }\n  .clear-left {\n    clear: left !important;\n  }\n  .clear-right {\n    clear: right !important;\n  }\n  .clear-both {\n    clear: both !important;\n  }\n  .clear-inline-start {\n    clear: inline-start !important;\n  }\n  .clear-inline-end {\n    clear: inline-end !important;\n  }\n  @media screen and (0 <= width) {\n    .xs\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:clear-none {\n      clear: none !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:clear-left {\n      clear: left !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:clear-right {\n      clear: right !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:clear-both {\n      clear: both !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:clear-inline-start {\n      clear: inline-start !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:clear-inline-end {\n      clear: inline-end !important;\n    }\n  }\n}","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n  @if root-defaults.$use-layers {\n    @layer #{root-defaults.$id}.#{$layer} {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n","// @graupl/core utility mixins.\n//\n// Mixins to help generate utility classes.\n\n@use \"./screen\";\n@use \"./container\";\n@use \"./state\";\n@use \"./theme\";\n@use \"../functions/important\";\n@use \"../functions/utility\";\n@use \"../defaults\" as root-defaults;\n@use \"sass:string\";\n\n/// Insert a map of properties and values into a utility class.\n///\n/// @param {Map} $map\n///   The map of properties and values to apply to the selector.\n/// @param {Boolean} $important\n///   A flag to determine if the important flag should be added.\n@mixin _insert($map, $important: null) {\n  @each $prop, $value in $map {\n    // Do not attempt to insert important values inside of custom properties.\n    @if string.slice($prop, 1, 2) != \"--\" {\n      #{$prop}: important.insert(#{$value}, $override: $important);\n    } @else {\n      #{$prop}: #{$value};\n    }\n  }\n\n  // Allow for custom overrides and additional styles.\n  @content;\n}\n\n/// Handles wrapping utilities with a conditional state.\n///\n/// @param {?string} $state\n///   The state to wrap.\n@mixin _handle-state($state: null) {\n  @if $state {\n    @include state.state($state) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional screen.\n///\n/// @param {?string} $screen\n///   The screen to wrap.\n@mixin _handle-screen($screen: null) {\n  @if $screen {\n    @include screen.up($screen) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional container.\n///\n/// @param {?string} $container\n///   The container to wrap.\n@mixin _handle-container($container: null) {\n  @if $container {\n    @include container.up($container) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional theme.\n///\n/// @param {?string} $theme\n///   The theme mode to wrap.\n@mixin _handle-theme($theme: null) {\n  @if $theme {\n    @include theme.theme($theme) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Create a utility class with a list of properties and a single value.\n///\n/// @param {string}      $selector\n///   The selector to apply the utility class to.\n/// @param {string|List} $property\n///   The property/properties to apply to the selector.\n/// @param {string}      $value\n///   The value to apply to the property/properties.\n/// @param {?Boolean}     $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string}     $screen\n///   The screen to apply the utility class to.\n/// @param {?string}     $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string}     $state\n///   The state to apply the utility class to.\n@mixin create(\n  $selector,\n  $property,\n  $value,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  $map: utility.convert-property-values-to-map($property, $value);\n\n  @include create-mapped(\n    $selector,\n    $map,\n    $important: $important,\n    $screen: $screen,\n    $theme: $theme,\n    $state: $state,\n    $container: $container\n  ) {\n    @content;\n  }\n}\n\n/// Create a utility class with a map of properties and values.\n///\n/// @param {string}  $selector\n///   The selector to apply the utility class to.\n/// @param {Map}     $map\n///   The map of properties and values to apply to the selector.\n/// @param {?Boolean} $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string} $screen\n///   The screen to apply the utility class to.\n/// @param {?string} $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string} $state\n///   The state to apply the utility class to.\n@mixin create-mapped(\n  $selector,\n  $map,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  @include _handle-theme($theme) {\n    #{$selector} {\n      @if $screen or $container {\n        @if $screen {\n          @include _handle-screen($screen) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n\n        @if $container {\n          @include _handle-container($container) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n      } @else {\n        @include _handle-state($state) {\n          @include _insert($map, $important) {\n            @content;\n          }\n        }\n      }\n    }\n  }\n}\n","// @graupl/core screen mixins.\n//\n// A series of mixins to generate breakpoints.\n\n// @use \"../defaults\" as root-defaults;\n@use \"../functions/screen\";\n@use \"../defaults\" as root-defaults;\n@use \"sass:map\";\n@use \"sass:meta\";\n\n// A mixin to generate a minimum screen width media query.\n@mixin up($size) {\n  $screen-size: screen.min($size);\n\n  @media screen and (#{$screen-size} <= width) {\n    @content;\n  }\n}\n\n// A mixin to generate a maximum screen width media query.\n@mixin down($size) {\n  $screen-size: screen.max($size);\n\n  @media screen and (width <= #{$screen-size}) {\n    @content;\n  }\n}\n\n// A mixin to generate a range of screen widths media query.\n@mixin between($min, $max) {\n  $screen-size: screen.range($min, $max);\n  $min: map.get($screen-size, \"min\");\n  $max: map.get($screen-size, \"max\");\n\n  @media screen and (#{$min} <= width <= #{$max}) {\n    @content;\n  }\n}\n\n@mixin only($size) {\n  @include between($size, $size) {\n    @content;\n  }\n}\n\n@mixin trigger($trigger) {\n  // Validate that the trigger exists.\n  @if not map.has-key(root-defaults.$screen-size-triggers, $trigger) {\n    @error \"The screen size trigger \\\"#{$trigger}\\\" does not exist.\";\n  }\n\n  $screen-size-trigger: map.get(root-defaults.$screen-size-triggers, $trigger);\n\n  // If the trigger is null, assume the user has disabled it and output the content as-is.\n  @if meta.type-of($screen-size-trigger) != \"null\" {\n    // Validate that the trigger has the required keys.\n    @if not map.has-key($screen-size-trigger, \"mixin\") {\n      @error \"The screen size trigger \\\"#{$trigger}\\\" does not have a mixin key.\";\n    }\n\n    @if not map.has-key($screen-size-trigger, \"args\") {\n      @error \"The screen size trigger \\\"#{$trigger}\\\" does not have an args key.\";\n    }\n\n    $mixin-name: map.get($screen-size-trigger, \"mixin\");\n    $mixin-args: map.get($screen-size-trigger, \"args\");\n\n    // Validate that the mixin exists.\n    @if not meta.mixin-exists($mixin-name) {\n      @error \"The mixin \\\"#{$mixin-name}\\\" does not exist.\";\n    }\n\n    $mixin: meta.get-mixin($mixin-name);\n\n    // Include the mixin with the provided arguments and content.\n    @if meta.accepts-content($mixin) {\n      @include meta.apply($mixin, $mixin-args...) {\n        @content;\n      }\n    } @else {\n      @warn \"The mixin \\\"#{$mixin-name}\\\" does not accept content.\";\n    }\n  }\n}\n"],"names":[]}

package/dist/css/utilities/float.css

@@ -0,0 +1,2 @@
+@layer graupl.utilities{.float-none{float:none!important}.float-left{float:left!important}.float-right{float:right!important}.float-inline-start{float:inline-start!important}.float-inline-end{float:inline-end!important}@media screen and (width>=0){.xs\:float-none{float:none!important}.xs\:float-left{float:left!important}.xs\:float-right{float:right!important}.xs\:float-inline-start{float:inline-start!important}.xs\:float-inline-end{float:inline-end!important}}@media screen and (width>=576px){.sm\:float-none{float:none!important}.sm\:float-left{float:left!important}.sm\:float-right{float:right!important}.sm\:float-inline-start{float:inline-start!important}.sm\:float-inline-end{float:inline-end!important}}@media screen and (width>=768px){.md\:float-none{float:none!important}.md\:float-left{float:left!important}.md\:float-right{float:right!important}.md\:float-inline-start{float:inline-start!important}.md\:float-inline-end{float:inline-end!important}}@media screen and (width>=1024px){.lg\:float-none{float:none!important}.lg\:float-left{float:left!important}.lg\:float-right{float:right!important}.lg\:float-inline-start{float:inline-start!important}.lg\:float-inline-end{float:inline-end!important}}@media screen and (width>=1280px){.xl\:float-none{float:none!important}.xl\:float-left{float:left!important}.xl\:float-right{float:right!important}.xl\:float-inline-start{float:inline-start!important}.xl\:float-inline-end{float:inline-end!important}}@media screen and (width>=1500px){.hd\:float-none{float:none!important}.hd\:float-left{float:left!important}.hd\:float-right{float:right!important}.hd\:float-inline-start{float:inline-start!important}.hd\:float-inline-end{float:inline-end!important}}@media screen and (width>=1921px){.qhd\:float-none{float:none!important}.qhd\:float-left{float:left!important}.qhd\:float-right{float:right!important}.qhd\:float-inline-start{float:inline-start!important}.qhd\:float-inline-end{float:inline-end!important}}@media screen and (width>=2561px){.uhd\:float-none{float:none!important}.uhd\:float-left{float:left!important}.uhd\:float-right{float:right!important}.uhd\:float-inline-start{float:inline-start!important}.uhd\:float-inline-end{float:inline-end!important}}}
+/*# sourceMappingURL=float.css.map */

package/dist/css/utilities/float.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACSI,wBCiJA,iCAAA,iCAAA,mCAAA,iDAAA,6CC5IF,6BD4IE,qCAAA,qCAAA,uCAAA,qDAAA,kDC5IF,iCD4IE,qCAAA,qCAAA,uCAAA,qDAAA,kDC5IF,iCD4IE,qCAAA,qCAAA,uCAAA,qDAAA,kDC5IF,kCD4IE,qCAAA,qCAAA,uCAAA,qDAAA,kDC5IF,kCD4IE,qCAAA,qCAAA,uCAAA,qDAAA,kDC5IF,kCD4IE,qCAAA,qCAAA,uCAAA,qDAAA,kDC5IF,kCD4IE,sCAAA,sCAAA,wCAAA,sDAAA,mDC5IF,kCD4IE,sCAAA,sCAAA,wCAAA,sDAAA","sources":["dist/css/utilities/float.css","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_utility.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_screen.scss"],"sourcesContent":["@layer graupl.utilities {\n  .float-none {\n    float: none !important;\n  }\n  .float-left {\n    float: left !important;\n  }\n  .float-right {\n    float: right !important;\n  }\n  .float-inline-start {\n    float: inline-start !important;\n  }\n  .float-inline-end {\n    float: inline-end !important;\n  }\n  @media screen and (0 <= width) {\n    .xs\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (0 <= width) {\n    .xs\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (576px <= width) {\n    .sm\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (768px <= width) {\n    .md\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (1024px <= width) {\n    .lg\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (1280px <= width) {\n    .xl\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (1500px <= width) {\n    .hd\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (1921px <= width) {\n    .qhd\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:float-none {\n      float: none !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:float-left {\n      float: left !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:float-right {\n      float: right !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:float-inline-start {\n      float: inline-start !important;\n    }\n  }\n  @media screen and (2561px <= width) {\n    .uhd\\:float-inline-end {\n      float: inline-end !important;\n    }\n  }\n}","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n  @if root-defaults.$use-layers {\n    @layer #{root-defaults.$id}.#{$layer} {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n","// @graupl/core utility mixins.\n//\n// Mixins to help generate utility classes.\n\n@use \"./screen\";\n@use \"./container\";\n@use \"./state\";\n@use \"./theme\";\n@use \"../functions/important\";\n@use \"../functions/utility\";\n@use \"../defaults\" as root-defaults;\n@use \"sass:string\";\n\n/// Insert a map of properties and values into a utility class.\n///\n/// @param {Map} $map\n///   The map of properties and values to apply to the selector.\n/// @param {Boolean} $important\n///   A flag to determine if the important flag should be added.\n@mixin _insert($map, $important: null) {\n  @each $prop, $value in $map {\n    // Do not attempt to insert important values inside of custom properties.\n    @if string.slice($prop, 1, 2) != \"--\" {\n      #{$prop}: important.insert(#{$value}, $override: $important);\n    } @else {\n      #{$prop}: #{$value};\n    }\n  }\n\n  // Allow for custom overrides and additional styles.\n  @content;\n}\n\n/// Handles wrapping utilities with a conditional state.\n///\n/// @param {?string} $state\n///   The state to wrap.\n@mixin _handle-state($state: null) {\n  @if $state {\n    @include state.state($state) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional screen.\n///\n/// @param {?string} $screen\n///   The screen to wrap.\n@mixin _handle-screen($screen: null) {\n  @if $screen {\n    @include screen.up($screen) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional container.\n///\n/// @param {?string} $container\n///   The container to wrap.\n@mixin _handle-container($container: null) {\n  @if $container {\n    @include container.up($container) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional theme.\n///\n/// @param {?string} $theme\n///   The theme mode to wrap.\n@mixin _handle-theme($theme: null) {\n  @if $theme {\n    @include theme.theme($theme) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Create a utility class with a list of properties and a single value.\n///\n/// @param {string}      $selector\n///   The selector to apply the utility class to.\n/// @param {string|List} $property\n///   The property/properties to apply to the selector.\n/// @param {string}      $value\n///   The value to apply to the property/properties.\n/// @param {?Boolean}     $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string}     $screen\n///   The screen to apply the utility class to.\n/// @param {?string}     $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string}     $state\n///   The state to apply the utility class to.\n@mixin create(\n  $selector,\n  $property,\n  $value,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  $map: utility.convert-property-values-to-map($property, $value);\n\n  @include create-mapped(\n    $selector,\n    $map,\n    $important: $important,\n    $screen: $screen,\n    $theme: $theme,\n    $state: $state,\n    $container: $container\n  ) {\n    @content;\n  }\n}\n\n/// Create a utility class with a map of properties and values.\n///\n/// @param {string}  $selector\n///   The selector to apply the utility class to.\n/// @param {Map}     $map\n///   The map of properties and values to apply to the selector.\n/// @param {?Boolean} $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string} $screen\n///   The screen to apply the utility class to.\n/// @param {?string} $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string} $state\n///   The state to apply the utility class to.\n@mixin create-mapped(\n  $selector,\n  $map,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  @include _handle-theme($theme) {\n    #{$selector} {\n      @if $screen or $container {\n        @if $screen {\n          @include _handle-screen($screen) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n\n        @if $container {\n          @include _handle-container($container) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n      } @else {\n        @include _handle-state($state) {\n          @include _insert($map, $important) {\n            @content;\n          }\n        }\n      }\n    }\n  }\n}\n","// @graupl/core screen mixins.\n//\n// A series of mixins to generate breakpoints.\n\n// @use \"../defaults\" as root-defaults;\n@use \"../functions/screen\";\n@use \"../defaults\" as root-defaults;\n@use \"sass:map\";\n@use \"sass:meta\";\n\n// A mixin to generate a minimum screen width media query.\n@mixin up($size) {\n  $screen-size: screen.min($size);\n\n  @media screen and (#{$screen-size} <= width) {\n    @content;\n  }\n}\n\n// A mixin to generate a maximum screen width media query.\n@mixin down($size) {\n  $screen-size: screen.max($size);\n\n  @media screen and (width <= #{$screen-size}) {\n    @content;\n  }\n}\n\n// A mixin to generate a range of screen widths media query.\n@mixin between($min, $max) {\n  $screen-size: screen.range($min, $max);\n  $min: map.get($screen-size, \"min\");\n  $max: map.get($screen-size, \"max\");\n\n  @media screen and (#{$min} <= width <= #{$max}) {\n    @content;\n  }\n}\n\n@mixin only($size) {\n  @include between($size, $size) {\n    @content;\n  }\n}\n\n@mixin trigger($trigger) {\n  // Validate that the trigger exists.\n  @if not map.has-key(root-defaults.$screen-size-triggers, $trigger) {\n    @error \"The screen size trigger \\\"#{$trigger}\\\" does not exist.\";\n  }\n\n  $screen-size-trigger: map.get(root-defaults.$screen-size-triggers, $trigger);\n\n  // If the trigger is null, assume the user has disabled it and output the content as-is.\n  @if meta.type-of($screen-size-trigger) != \"null\" {\n    // Validate that the trigger has the required keys.\n    @if not map.has-key($screen-size-trigger, \"mixin\") {\n      @error \"The screen size trigger \\\"#{$trigger}\\\" does not have a mixin key.\";\n    }\n\n    @if not map.has-key($screen-size-trigger, \"args\") {\n      @error \"The screen size trigger \\\"#{$trigger}\\\" does not have an args key.\";\n    }\n\n    $mixin-name: map.get($screen-size-trigger, \"mixin\");\n    $mixin-args: map.get($screen-size-trigger, \"args\");\n\n    // Validate that the mixin exists.\n    @if not meta.mixin-exists($mixin-name) {\n      @error \"The mixin \\\"#{$mixin-name}\\\" does not exist.\";\n    }\n\n    $mixin: meta.get-mixin($mixin-name);\n\n    // Include the mixin with the provided arguments and content.\n    @if meta.accepts-content($mixin) {\n      @include meta.apply($mixin, $mixin-args...) {\n        @content;\n      }\n    } @else {\n      @warn \"The mixin \\\"#{$mixin-name}\\\" does not accept content.\";\n    }\n  }\n}\n"],"names":[]}

package/dist/css/utilities/inline-size.css

@@ -0,0 +1,2 @@
+@layer graupl.utilities{.block-auto{inline-size:auto!important}.max-block-auto{max-inline-size:auto!important}.min-block-auto{min-inline-size:auto!important}.block-fit-content{inline-size:fit-content!important}.max-block-fit-content{max-inline-size:fit-content!important}.min-block-fit-content{min-inline-size:fit-content!important}.block-max-content{inline-size:max-content!important}.max-block-max-content{max-inline-size:max-content!important}.min-block-max-content{min-inline-size:max-content!important}.block-min-content{inline-size:min-content!important}.max-block-min-content{max-inline-size:min-content!important}.min-block-min-content{min-inline-size:min-content!important}.block-stretch{inline-size:stretch!important}.max-block-stretch{max-inline-size:stretch!important}.min-block-stretch{min-inline-size:stretch!important}.block-full{inline-size:100%!important}.max-block-full{max-inline-size:100%!important}.min-block-full{min-inline-size:100%!important}.block-quarter{inline-size:25%!important}.max-block-quarter{max-inline-size:25%!important}.min-block-quarter{min-inline-size:25%!important}.block-half{inline-size:50%!important}.max-block-half{max-inline-size:50%!important}.min-block-half{min-inline-size:50%!important}.block-three-quarters{inline-size:75%!important}.max-block-three-quarters{max-inline-size:75%!important}.min-block-three-quarters{min-inline-size:75%!important}.block-third{inline-size:33.3333%!important}.max-block-third{max-inline-size:33.3333%!important}.min-block-third{min-inline-size:33.3333%!important}.block-two-thirds{inline-size:66.6667%!important}.max-block-two-thirds{max-inline-size:66.6667%!important}.min-block-two-thirds{min-inline-size:66.6667%!important}.block-half-screen{inline-size:50vw!important}.max-block-half-screen{max-inline-size:50vw!important}.min-block-half-screen{min-inline-size:50vw!important}.block-third-screen{inline-size:33.3333vw!important}.max-block-third-screen{max-inline-size:33.3333vw!important}.min-block-third-screen{min-inline-size:33.3333vw!important}.block-two-thirds-screen{inline-size:66.6667vw!important}.max-block-two-thirds-screen{max-inline-size:66.6667vw!important}.min-block-two-thirds-screen{min-inline-size:66.6667vw!important}.block-quarter-screen{inline-size:25vw!important}.max-block-quarter-screen{max-inline-size:25vw!important}.min-block-quarter-screen{min-inline-size:25vw!important}.block-three-quarters-screen{inline-size:75vw!important}.max-block-three-quarters-screen{max-inline-size:75vw!important}.min-block-three-quarters-screen{min-inline-size:75vw!important}.block-full-screen{inline-size:100vw!important}.max-block-full-screen{max-inline-size:100vw!important}.min-block-full-screen{min-inline-size:100vw!important}.block-0{inline-size:var(--graupl-spacer-0,calc(0 * var(--graupl-spacer,1rem)))!important}.max-block-0{max-inline-size:var(--graupl-spacer-0,calc(0 * var(--graupl-spacer,1rem)))!important}.min-block-0{min-inline-size:var(--graupl-spacer-0,calc(0 * var(--graupl-spacer,1rem)))!important}.block-1{inline-size:var(--graupl-spacer-1,calc(.125 * var(--graupl-spacer,1rem)))!important}.max-block-1{max-inline-size:var(--graupl-spacer-1,calc(.125 * var(--graupl-spacer,1rem)))!important}.min-block-1{min-inline-size:var(--graupl-spacer-1,calc(.125 * var(--graupl-spacer,1rem)))!important}.block-2{inline-size:var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem)))!important}.max-block-2{max-inline-size:var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem)))!important}.min-block-2{min-inline-size:var(--graupl-spacer-2,calc(.25 * var(--graupl-spacer,1rem)))!important}.block-3{inline-size:var(--graupl-spacer-3,calc(.5 * var(--graupl-spacer,1rem)))!important}.max-block-3{max-inline-size:var(--graupl-spacer-3,calc(.5 * var(--graupl-spacer,1rem)))!important}.min-block-3{min-inline-size:var(--graupl-spacer-3,calc(.5 * var(--graupl-spacer,1rem)))!important}.block-4{inline-size:var(--graupl-spacer-4,calc(.75 * var(--graupl-spacer,1rem)))!important}.max-block-4{max-inline-size:var(--graupl-spacer-4,calc(.75 * var(--graupl-spacer,1rem)))!important}.min-block-4{min-inline-size:var(--graupl-spacer-4,calc(.75 * var(--graupl-spacer,1rem)))!important}.block-5{inline-size:var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem)))!important}.max-block-5{max-inline-size:var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem)))!important}.min-block-5{min-inline-size:var(--graupl-spacer-5,calc(1 * var(--graupl-spacer,1rem)))!important}.block-6{inline-size:var(--graupl-spacer-6,calc(1.5 * var(--graupl-spacer,1rem)))!important}.max-block-6{max-inline-size:var(--graupl-spacer-6,calc(1.5 * var(--graupl-spacer,1rem)))!important}.min-block-6{min-inline-size:var(--graupl-spacer-6,calc(1.5 * var(--graupl-spacer,1rem)))!important}.block-7{inline-size:var(--graupl-spacer-7,calc(2 * var(--graupl-spacer,1rem)))!important}.max-block-7{max-inline-size:var(--graupl-spacer-7,calc(2 * var(--graupl-spacer,1rem)))!important}.min-block-7{min-inline-size:var(--graupl-spacer-7,calc(2 * var(--graupl-spacer,1rem)))!important}.block-8{inline-size:var(--graupl-spacer-8,calc(3 * var(--graupl-spacer,1rem)))!important}.max-block-8{max-inline-size:var(--graupl-spacer-8,calc(3 * var(--graupl-spacer,1rem)))!important}.min-block-8{min-inline-size:var(--graupl-spacer-8,calc(3 * var(--graupl-spacer,1rem)))!important}.block-9{inline-size:var(--graupl-spacer-9,calc(5 * var(--graupl-spacer,1rem)))!important}.max-block-9{max-inline-size:var(--graupl-spacer-9,calc(5 * var(--graupl-spacer,1rem)))!important}.min-block-9{min-inline-size:var(--graupl-spacer-9,calc(5 * var(--graupl-spacer,1rem)))!important}.block-10{inline-size:var(--graupl-spacer-10,calc(10 * var(--graupl-spacer,1rem)))!important}.max-block-10{max-inline-size:var(--graupl-spacer-10,calc(10 * var(--graupl-spacer,1rem)))!important}.min-block-10{min-inline-size:var(--graupl-spacer-10,calc(10 * var(--graupl-spacer,1rem)))!important}}
+/*# sourceMappingURL=inline-size.css.map */

package/dist/css/utilities/inline-size.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACSI,wBCiJA,uCAAA,+CAAA,+CAAA,qDAAA,6DAAA,6DAAA,qDAAA,6DAAA,6DAAA,qDAAA,6DAAA,6DAAA,6CAAA,qDAAA,qDAAA,uCAAA,+CAAA,+CAAA,yCAAA,iDAAA,iDAAA,sCAAA,8CAAA,8CAAA,gDAAA,wDAAA,wDAAA,4CAAA,oDAAA,oDAAA,iDAAA,yDAAA,yDAAA,8CAAA,sDAAA,sDAAA,oDAAA,4DAAA,4DAAA,yDAAA,iEAAA,iEAAA,iDAAA,yDAAA,yDAAA,wDAAA,gEAAA,gEAAA,+CAAA,uDAAA,uDAAA,0FAAA,kGAAA,kGAAA,6FAAA,qGAAA,qGAAA,4FAAA,oGAAA,oGAAA,2FAAA,mGAAA,mGAAA,4FAAA,oGAAA,oGAAA,0FAAA,kGAAA,kGAAA,4FAAA,oGAAA,oGAAA,0FAAA,kGAAA,kGAAA,0FAAA,kGAAA,kGAAA,0FAAA,kGAAA,kGAAA,6FAAA,qGAAA","sources":["dist/css/utilities/inline-size.css","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_utility.scss"],"sourcesContent":["@layer graupl.utilities {\n  .block-auto {\n    inline-size: auto !important;\n  }\n  .max-block-auto {\n    max-inline-size: auto !important;\n  }\n  .min-block-auto {\n    min-inline-size: auto !important;\n  }\n  .block-fit-content {\n    inline-size: fit-content !important;\n  }\n  .max-block-fit-content {\n    max-inline-size: fit-content !important;\n  }\n  .min-block-fit-content {\n    min-inline-size: fit-content !important;\n  }\n  .block-max-content {\n    inline-size: max-content !important;\n  }\n  .max-block-max-content {\n    max-inline-size: max-content !important;\n  }\n  .min-block-max-content {\n    min-inline-size: max-content !important;\n  }\n  .block-min-content {\n    inline-size: min-content !important;\n  }\n  .max-block-min-content {\n    max-inline-size: min-content !important;\n  }\n  .min-block-min-content {\n    min-inline-size: min-content !important;\n  }\n  .block-stretch {\n    inline-size: stretch !important;\n  }\n  .max-block-stretch {\n    max-inline-size: stretch !important;\n  }\n  .min-block-stretch {\n    min-inline-size: stretch !important;\n  }\n  .block-full {\n    inline-size: 100% !important;\n  }\n  .max-block-full {\n    max-inline-size: 100% !important;\n  }\n  .min-block-full {\n    min-inline-size: 100% !important;\n  }\n  .block-quarter {\n    inline-size: 25% !important;\n  }\n  .max-block-quarter {\n    max-inline-size: 25% !important;\n  }\n  .min-block-quarter {\n    min-inline-size: 25% !important;\n  }\n  .block-half {\n    inline-size: 50% !important;\n  }\n  .max-block-half {\n    max-inline-size: 50% !important;\n  }\n  .min-block-half {\n    min-inline-size: 50% !important;\n  }\n  .block-three-quarters {\n    inline-size: 75% !important;\n  }\n  .max-block-three-quarters {\n    max-inline-size: 75% !important;\n  }\n  .min-block-three-quarters {\n    min-inline-size: 75% !important;\n  }\n  .block-third {\n    inline-size: 33.3333333333% !important;\n  }\n  .max-block-third {\n    max-inline-size: 33.3333333333% !important;\n  }\n  .min-block-third {\n    min-inline-size: 33.3333333333% !important;\n  }\n  .block-two-thirds {\n    inline-size: 66.6666666667% !important;\n  }\n  .max-block-two-thirds {\n    max-inline-size: 66.6666666667% !important;\n  }\n  .min-block-two-thirds {\n    min-inline-size: 66.6666666667% !important;\n  }\n  .block-half-screen {\n    inline-size: 50vw !important;\n  }\n  .max-block-half-screen {\n    max-inline-size: 50vw !important;\n  }\n  .min-block-half-screen {\n    min-inline-size: 50vw !important;\n  }\n  .block-third-screen {\n    inline-size: 33.3333333333vw !important;\n  }\n  .max-block-third-screen {\n    max-inline-size: 33.3333333333vw !important;\n  }\n  .min-block-third-screen {\n    min-inline-size: 33.3333333333vw !important;\n  }\n  .block-two-thirds-screen {\n    inline-size: 66.6666666667vw !important;\n  }\n  .max-block-two-thirds-screen {\n    max-inline-size: 66.6666666667vw !important;\n  }\n  .min-block-two-thirds-screen {\n    min-inline-size: 66.6666666667vw !important;\n  }\n  .block-quarter-screen {\n    inline-size: 25vw !important;\n  }\n  .max-block-quarter-screen {\n    max-inline-size: 25vw !important;\n  }\n  .min-block-quarter-screen {\n    min-inline-size: 25vw !important;\n  }\n  .block-three-quarters-screen {\n    inline-size: 75vw !important;\n  }\n  .max-block-three-quarters-screen {\n    max-inline-size: 75vw !important;\n  }\n  .min-block-three-quarters-screen {\n    min-inline-size: 75vw !important;\n  }\n  .block-full-screen {\n    inline-size: 100vw !important;\n  }\n  .max-block-full-screen {\n    max-inline-size: 100vw !important;\n  }\n  .min-block-full-screen {\n    min-inline-size: 100vw !important;\n  }\n  .block-0 {\n    inline-size: var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-0 {\n    max-inline-size: var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-0 {\n    min-inline-size: var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-1 {\n    inline-size: var(--graupl-spacer-1, calc(0.125 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-1 {\n    max-inline-size: var(--graupl-spacer-1, calc(0.125 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-1 {\n    min-inline-size: var(--graupl-spacer-1, calc(0.125 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-2 {\n    inline-size: var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-2 {\n    max-inline-size: var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-2 {\n    min-inline-size: var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-3 {\n    inline-size: var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-3 {\n    max-inline-size: var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-3 {\n    min-inline-size: var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-4 {\n    inline-size: var(--graupl-spacer-4, calc(0.75 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-4 {\n    max-inline-size: var(--graupl-spacer-4, calc(0.75 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-4 {\n    min-inline-size: var(--graupl-spacer-4, calc(0.75 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-5 {\n    inline-size: var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-5 {\n    max-inline-size: var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-5 {\n    min-inline-size: var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-6 {\n    inline-size: var(--graupl-spacer-6, calc(1.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-6 {\n    max-inline-size: var(--graupl-spacer-6, calc(1.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-6 {\n    min-inline-size: var(--graupl-spacer-6, calc(1.5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-7 {\n    inline-size: var(--graupl-spacer-7, calc(2 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-7 {\n    max-inline-size: var(--graupl-spacer-7, calc(2 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-7 {\n    min-inline-size: var(--graupl-spacer-7, calc(2 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-8 {\n    inline-size: var(--graupl-spacer-8, calc(3 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-8 {\n    max-inline-size: var(--graupl-spacer-8, calc(3 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-8 {\n    min-inline-size: var(--graupl-spacer-8, calc(3 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-9 {\n    inline-size: var(--graupl-spacer-9, calc(5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-9 {\n    max-inline-size: var(--graupl-spacer-9, calc(5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-9 {\n    min-inline-size: var(--graupl-spacer-9, calc(5 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .block-10 {\n    inline-size: var(--graupl-spacer-10, calc(10 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .max-block-10 {\n    max-inline-size: var(--graupl-spacer-10, calc(10 * var(--graupl-spacer, 1rem))) !important;\n  }\n  .min-block-10 {\n    min-inline-size: var(--graupl-spacer-10, calc(10 * var(--graupl-spacer, 1rem))) !important;\n  }\n}","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n  @if root-defaults.$use-layers {\n    @layer #{root-defaults.$id}.#{$layer} {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n","// @graupl/core utility mixins.\n//\n// Mixins to help generate utility classes.\n\n@use \"./screen\";\n@use \"./container\";\n@use \"./state\";\n@use \"./theme\";\n@use \"../functions/important\";\n@use \"../functions/utility\";\n@use \"../defaults\" as root-defaults;\n@use \"sass:string\";\n\n/// Insert a map of properties and values into a utility class.\n///\n/// @param {Map} $map\n///   The map of properties and values to apply to the selector.\n/// @param {Boolean} $important\n///   A flag to determine if the important flag should be added.\n@mixin _insert($map, $important: null) {\n  @each $prop, $value in $map {\n    // Do not attempt to insert important values inside of custom properties.\n    @if string.slice($prop, 1, 2) != \"--\" {\n      #{$prop}: important.insert(#{$value}, $override: $important);\n    } @else {\n      #{$prop}: #{$value};\n    }\n  }\n\n  // Allow for custom overrides and additional styles.\n  @content;\n}\n\n/// Handles wrapping utilities with a conditional state.\n///\n/// @param {?string} $state\n///   The state to wrap.\n@mixin _handle-state($state: null) {\n  @if $state {\n    @include state.state($state) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional screen.\n///\n/// @param {?string} $screen\n///   The screen to wrap.\n@mixin _handle-screen($screen: null) {\n  @if $screen {\n    @include screen.up($screen) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional container.\n///\n/// @param {?string} $container\n///   The container to wrap.\n@mixin _handle-container($container: null) {\n  @if $container {\n    @include container.up($container) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional theme.\n///\n/// @param {?string} $theme\n///   The theme mode to wrap.\n@mixin _handle-theme($theme: null) {\n  @if $theme {\n    @include theme.theme($theme) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Create a utility class with a list of properties and a single value.\n///\n/// @param {string}      $selector\n///   The selector to apply the utility class to.\n/// @param {string|List} $property\n///   The property/properties to apply to the selector.\n/// @param {string}      $value\n///   The value to apply to the property/properties.\n/// @param {?Boolean}     $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string}     $screen\n///   The screen to apply the utility class to.\n/// @param {?string}     $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string}     $state\n///   The state to apply the utility class to.\n@mixin create(\n  $selector,\n  $property,\n  $value,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  $map: utility.convert-property-values-to-map($property, $value);\n\n  @include create-mapped(\n    $selector,\n    $map,\n    $important: $important,\n    $screen: $screen,\n    $theme: $theme,\n    $state: $state,\n    $container: $container\n  ) {\n    @content;\n  }\n}\n\n/// Create a utility class with a map of properties and values.\n///\n/// @param {string}  $selector\n///   The selector to apply the utility class to.\n/// @param {Map}     $map\n///   The map of properties and values to apply to the selector.\n/// @param {?Boolean} $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string} $screen\n///   The screen to apply the utility class to.\n/// @param {?string} $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string} $state\n///   The state to apply the utility class to.\n@mixin create-mapped(\n  $selector,\n  $map,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  @include _handle-theme($theme) {\n    #{$selector} {\n      @if $screen or $container {\n        @if $screen {\n          @include _handle-screen($screen) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n\n        @if $container {\n          @include _handle-container($container) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n      } @else {\n        @include _handle-state($state) {\n          @include _insert($map, $important) {\n            @content;\n          }\n        }\n      }\n    }\n  }\n}\n"],"names":[]}

package/dist/css/utilities/placement.css

@@ -0,0 +1,2 @@
+@layer graupl.utilities{.place-content-center{place-content:center!important}.place-content-start{place-content:start!important}.place-content-end{place-content:end!important}.place-content-between{place-content:space-between!important}.place-content-around{place-content:space-around!important}.place-content-evenly{place-content:space-evenly!important}.place-content-baseline{place-content:baseline start!important}.place-content-stretch{place-content:stretch!important}.place-items-center{place-items:center!important}.place-items-start{place-items:start!important}.place-items-end{place-items:end!important}.place-items-baseline{place-items:baseline!important}.place-items-stretch{place-items:stretch stretch!important}.place-self-auto{place-self:auto!important}.place-self-center{place-self:center!important}.place-self-start{place-self:start!important}.place-self-end{place-self:end!important}.place-self-baseline{place-self:baseline!important}.place-self-stretch{place-self:stretch stretch!important}}
+/*# sourceMappingURL=placement.css.map */

package/dist/css/utilities/placement.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACSI,wBCiJA,qDAAA,mDAAA,+CAAA,6DAAA,2DAAA,2DAAA,+DAAA,uDAAA,iDAAA,+CAAA,2CAAA,qDAAA,2DAAA,2CAAA,+CAAA,6CAAA,yCAAA,mDAAA","sources":["dist/css/utilities/placement.css","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_utility.scss"],"sourcesContent":["@layer graupl.utilities {\n  .place-content-center {\n    place-content: center !important;\n  }\n  .place-content-start {\n    place-content: start !important;\n  }\n  .place-content-end {\n    place-content: end !important;\n  }\n  .place-content-between {\n    place-content: space-between !important;\n  }\n  .place-content-around {\n    place-content: space-around !important;\n  }\n  .place-content-evenly {\n    place-content: space-evenly !important;\n  }\n  .place-content-baseline {\n    place-content: baseline !important;\n  }\n  .place-content-stretch {\n    place-content: stretch !important;\n  }\n  .place-items-center {\n    place-items: center !important;\n  }\n  .place-items-start {\n    place-items: start !important;\n  }\n  .place-items-end {\n    place-items: end !important;\n  }\n  .place-items-baseline {\n    place-items: baseline !important;\n  }\n  .place-items-stretch {\n    place-items: stretch !important;\n  }\n  .place-self-auto {\n    place-self: auto !important;\n  }\n  .place-self-center {\n    place-self: center !important;\n  }\n  .place-self-start {\n    place-self: start !important;\n  }\n  .place-self-end {\n    place-self: end !important;\n  }\n  .place-self-baseline {\n    place-self: baseline !important;\n  }\n  .place-self-stretch {\n    place-self: stretch !important;\n  }\n}","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n  @if root-defaults.$use-layers {\n    @layer #{root-defaults.$id}.#{$layer} {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n","// @graupl/core utility mixins.\n//\n// Mixins to help generate utility classes.\n\n@use \"./screen\";\n@use \"./container\";\n@use \"./state\";\n@use \"./theme\";\n@use \"../functions/important\";\n@use \"../functions/utility\";\n@use \"../defaults\" as root-defaults;\n@use \"sass:string\";\n\n/// Insert a map of properties and values into a utility class.\n///\n/// @param {Map} $map\n///   The map of properties and values to apply to the selector.\n/// @param {Boolean} $important\n///   A flag to determine if the important flag should be added.\n@mixin _insert($map, $important: null) {\n  @each $prop, $value in $map {\n    // Do not attempt to insert important values inside of custom properties.\n    @if string.slice($prop, 1, 2) != \"--\" {\n      #{$prop}: important.insert(#{$value}, $override: $important);\n    } @else {\n      #{$prop}: #{$value};\n    }\n  }\n\n  // Allow for custom overrides and additional styles.\n  @content;\n}\n\n/// Handles wrapping utilities with a conditional state.\n///\n/// @param {?string} $state\n///   The state to wrap.\n@mixin _handle-state($state: null) {\n  @if $state {\n    @include state.state($state) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional screen.\n///\n/// @param {?string} $screen\n///   The screen to wrap.\n@mixin _handle-screen($screen: null) {\n  @if $screen {\n    @include screen.up($screen) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional container.\n///\n/// @param {?string} $container\n///   The container to wrap.\n@mixin _handle-container($container: null) {\n  @if $container {\n    @include container.up($container) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Handles wrapping utilities with a conditional theme.\n///\n/// @param {?string} $theme\n///   The theme mode to wrap.\n@mixin _handle-theme($theme: null) {\n  @if $theme {\n    @include theme.theme($theme) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n/// Create a utility class with a list of properties and a single value.\n///\n/// @param {string}      $selector\n///   The selector to apply the utility class to.\n/// @param {string|List} $property\n///   The property/properties to apply to the selector.\n/// @param {string}      $value\n///   The value to apply to the property/properties.\n/// @param {?Boolean}     $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string}     $screen\n///   The screen to apply the utility class to.\n/// @param {?string}     $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string}     $state\n///   The state to apply the utility class to.\n@mixin create(\n  $selector,\n  $property,\n  $value,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  $map: utility.convert-property-values-to-map($property, $value);\n\n  @include create-mapped(\n    $selector,\n    $map,\n    $important: $important,\n    $screen: $screen,\n    $theme: $theme,\n    $state: $state,\n    $container: $container\n  ) {\n    @content;\n  }\n}\n\n/// Create a utility class with a map of properties and values.\n///\n/// @param {string}  $selector\n///   The selector to apply the utility class to.\n/// @param {Map}     $map\n///   The map of properties and values to apply to the selector.\n/// @param {?Boolean} $important\n///   A flag to determine if the important flag should be added.\n/// @param {?string} $screen\n///   The screen to apply the utility class to.\n/// @param {?string} $theme\n///   The theme mode to apply the utility class to.\n/// @param {?string} $state\n///   The state to apply the utility class to.\n@mixin create-mapped(\n  $selector,\n  $map,\n  $important: null,\n  $screen: null,\n  $theme: null,\n  $state: null,\n  $container: null\n) {\n  @include _handle-theme($theme) {\n    #{$selector} {\n      @if $screen or $container {\n        @if $screen {\n          @include _handle-screen($screen) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n\n        @if $container {\n          @include _handle-container($container) {\n            @include _handle-state($state) {\n              @include _insert($map, $important) {\n                @content;\n              }\n            }\n          }\n        }\n      } @else {\n        @include _handle-state($state) {\n          @include _insert($map, $important) {\n            @content;\n          }\n        }\n      }\n    }\n  }\n}\n"],"names":[]}