npm - @pnp/spfx-controls-react - Versions diffs - 3.26.0-beta.3440869 → 3.26.0-beta.3446661 - Mend

@pnp/spfx-controls-react 3.26.0-beta.3440869 → 3.26.0-beta.3446661

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/lib-commonjs/webparts/controlsTest/components/ControlsTest.module.scss.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../node_modules/@fluentui/react/dist/sass/mixins/_Animation.Mixins.scss","../../../../src/webparts/controlsTest/components/ControlsTest.module.scss","../../../../node_modules/@fluentui/react/dist/sass/mixins/_Directionality.Mixins.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACDE;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACrGJ;EACE;EACA;;ACAF;EFuJE;;AEhJF;EFqJE;;ACzJF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;;AAEF;EACE;;AACA;EACE;EACA;;AAKN;EACE;EACA;EAEA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA,kBAhHa;EAiHb;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Outputs the keyframes used by the animation classes\r\n@mixin ms-motion-keyframes() {\r\n @keyframes ms-motion-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes ms-motion-fadeOut {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @keyframes ms-motion-scaleDownIn {\r\n from {\r\n transform: scale3d(1.15, 1.15, 1);\r\n }\r\n to {\r\n transform: scale3d(1, 1, 1);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-scaleDownOut {\r\n from {\r\n transform: scale3d(1, 1, 1);\r\n }\r\n to {\r\n transform: scale3d(0.9, 0.9, 1);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideLeftOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(-48px, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideRightOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(48px, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideLeftIn {\r\n from {\r\n transform: translate3d(48px, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideRightIn {\r\n from {\r\n transform: translate3d(-48px, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0px, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideUpOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0, -48px, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideDownOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0, 48px, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideUpIn {\r\n from {\r\n transform: translate3d(0, 48px, 0);\r\n }\r\n to {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideDownIn {\r\n from {\r\n transform: translate3d(0, -48px, 0);\r\n }\r\n to {\r\n transform: translate3d(0px, 0, 0);\r\n }\r\n }\r\n}\r\n\r\n// Fades.\r\n@mixin ms-motion-fadeIn {\r\n animation: ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-fadeOut {\r\n animation: ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n// Scales.\r\n@mixin ms-motion-scaleDownIn {\r\n animation: ms-motion-scaleDownIn $ms-motion-duration-3 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-scaleDownOut {\r\n animation: ms-motion-scaleDownOut $ms-motion-duration-3 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n// Slides.\r\n@mixin ms-motion-slideLeftOut {\r\n @include ms-LTR {\r\n animation: ms-motion-slideLeftOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideRightOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideRightOut {\r\n @include ms-LTR {\r\n animation: ms-motion-slideRightOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideLeftOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideLeftIn {\r\n @include ms-LTR {\r\n animation: ms-motion-slideLeftIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideRightIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideRightIn {\r\n @include ms-LTR {\r\n animation: ms-motion-slideRightIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideLeftIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideUpOut {\r\n animation: ms-motion-slideUpOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideDownOut {\r\n animation: ms-motion-slideDownOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideUpIn {\r\n animation: ms-motion-slideUpIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideDownIn {\r\n animation: ms-motion-slideDownIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n$themePrimary: '[theme:themePrimary, default:#0078d7]';\n\n@include ms-motion-keyframes();\n\n.controlsTest {\n .instruction {\n animation-duration: $ms-motion-duration-4 !important;\n animation-delay: 0.5s !important;\n @include ms-motion-slideLeftIn;\n }\n .container {\n padding: 10px;\n max-width: 1200px;\n margin: 0px auto 20px auto;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n }\n\n .toggleFilter {\n display: flex;\n float: left;\n margin: 10px;\n }\n\n .controlFiltersContainer {\n overflow: auto;\n display: grid;\n grid-template-columns: auto auto auto;\n }\n\n .row {\n padding: 10px;\n >div>div {\n margin-bottom: 10px;\n }\n }\n\n .listItem {\n max-width: 715px;\n margin: 5px auto 5px auto;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n }\n\n .button {\n // Our button\n text-decoration: none;\n height: 32px; // Primary Button\n min-width: 80px;\n background-color: #0078d7;\n border-color: #0078d7;\n color: #ffffff; // Basic Button\n outline: transparent;\n position: relative;\n font-family: \"Segoe UI WestEuropean\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n border-width: 0;\n text-align: center;\n cursor: pointer;\n display: inline-block;\n padding: 0 16px;\n\n .label {\n font-weight: 600;\n font-size: 14px;\n height: 32px;\n line-height: 32px;\n margin: 0 4px;\n vertical-align: top;\n display: inline-block;\n }\n }\n\n .siteBreadcrumb {\n background-color: #0078d7;\n margin-bottom: 10px;\n i,\n a {\n color: #fff;\n }\n ol {\n height: 30px;\n a {\n height: 100%;\n line-height: 30px;\n }\n }\n }\n\n .carouselContent {\n height: 200px;\n width: 80%;\n\n color: darkblue;\n font-style: italic;\n }\n .carouselButtonsContainer {\n background-color: orange !important;\n opacity: 0.3;\n }\n\n .carouselImageContent {\n height: 400px;\n }\n\n .listViewWrapper {\n height: 200px;\n }\n}\n\n.dialogContainer {\n border-top: 4px;\n border-top-color: $themePrimary;\n border-top-style: solid;\n min-width: 400px;\n\n .dialogContent {\n text-align: center;\n padding-bottom: 10px;\n font-size: 1.125em;\n }\n\n .dialogFooter {\n display: flex;\n justify-content: center;\n margin-top: 1.25em;\n\n button {\n min-width: 100px;\n margin: 0px 10px;\n }\n\n .loader{\n margin-top: 15px;\n }\n }\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//\r\n// Office UI Fabric\r\n// --------------------------------------------------\r\n// Directionality mixins to generate LTR and RTL-specific styles\r\n\r\n// Base left-to-right mixin definition.\r\n@mixin ms-LTR {\r\n [dir='ltr'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Base right-to-left mixin definition.\r\n@mixin ms-RTL {\r\n [dir='rtl'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Use baseRTL to set the default direction to right-to-left on\r\n// a root element (e.g. page or region) that needs RTL support.\r\n@mixin ms-base-RTL {\r\n @include ms-RTL {\r\n direction: rtl;\r\n unicode-bidi: bidi-override;\r\n }\r\n}\r\n\r\n\r\n// Common CSS property mixins with support for RTL.\r\n// Use to automatically create RTL versions of your properties.\r\n\r\n// Background direction.\r\n@mixin ms-background-position($alignment) {\r\n @if $alignment == left {\r\n @include ms-LTR {\r\n background-position: left;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: right;\r\n }\r\n } @else if $alignment == right {\r\n @include ms-LTR {\r\n background-position: right;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: left;\r\n }\r\n } @else {\r\n background-position: $alignment;\r\n }\r\n}\r\n\r\n// Border styles.\r\n@mixin ms-border-color($top, $right, $bottom, $left) {\r\n border-color: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n border-color: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-border-left($width, $style, $color) {\r\n @include ms-LTR {\r\n border-left: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-color($color) {\r\n @include ms-LTR {\r\n border-left-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-style($style) {\r\n @include ms-LTR {\r\n border-left-style: $style;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-width($width) {\r\n @include ms-LTR {\r\n border-left-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-width: $width;\r\n }\r\n}\r\n\r\n@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {\r\n border-radius: $topLeft $topRight $bottomRight $bottomLeft;\r\n\r\n @include ms-RTL {\r\n border-radius: $topRight $topLeft $bottomLeft $bottomRight;\r\n }\r\n}\r\n\r\n@mixin ms-border-right($width, $style, $color) {\r\n @include ms-LTR {\r\n border-right: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-color($color) {\r\n @include ms-LTR {\r\n border-right-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-style($style) {\r\n @include ms-LTR {\r\n border-right-style: $style;\r\n }\r\n \r\n @include ms-RTL {\r\n border-left-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-width($width) {\r\n @include ms-LTR {\r\n border-right-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-width: $width;\r\n }\r\n}\r\n\r\n// Floats.\r\n@mixin ms-clear($side) {\r\n @if $side == left {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: right;\r\n }\r\n } @else if $side == right {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: left;\r\n }\r\n } @else {\r\n clear: $side;\r\n }\r\n}\r\n\r\n@mixin ms-float($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n float: left;\r\n }\r\n\r\n @include ms-RTL {\r\n float: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n float: right;\r\n }\r\n\r\n @include ms-RTL {\r\n float: left;\r\n }\r\n }\r\n}\r\n\r\n// Positioning.\r\n@mixin ms-left($distance) {\r\n @include ms-LTR {\r\n left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-right($distance) {\r\n @include ms-LTR {\r\n right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n left: $distance;\r\n }\r\n}\r\n\r\n// Margins.\r\n@mixin ms-margin($top, $right, $bottom, $left) {\r\n margin: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n margin: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-margin-left($distance) {\r\n @include ms-LTR {\r\n margin-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n margin-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-margin-right($distance) {\r\n @include ms-LTR {\r\n margin-right: $distance;\r\n }\r\n @include ms-RTL {\r\n margin-left: $distance;\r\n }\r\n}\r\n\r\n// Padding.\r\n@mixin ms-padding($top, $right, $bottom, $left) {\r\n padding: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n padding: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-padding-left($distance) {\r\n @include ms-LTR {\r\n padding-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-padding-right($distance) {\r\n @include ms-LTR {\r\n padding-right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-left: $distance;\r\n }\r\n}\r\n\r\n// Text-alignment.\r\n@mixin ms-text-align($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n text-align: left;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n text-align: right;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n\r\n// Box-shadow.\r\n@mixin ms-box-shadow($left, $etc) {\r\n @if $left != 0 {\r\n @include ms-LTR {\r\n box-shadow: $left $etc;\r\n }\r\n\r\n @include ms-RTL {\r\n box-shadow: -$left $etc;\r\n }\r\n } @else {\r\n box-shadow: 0 $etc;\r\n }\r\n}\r\n\r\n// Transforms.\r\n@mixin ms-transform-scaleX($scaleX: 1) {\r\n @include ms-LTR {\r\n transform: scaleX($scaleX);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: scaleX(-$scaleX);\r\n }\r\n}\r\n\r\n@mixin ms-transform-translateX($distance) {\r\n @include ms-LTR {\r\n transform: translateX($distance);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: translateX(-$distance);\r\n }\r\n}\r\n\r\n@mixin ms-transform-rotate($degrees) {\r\n @include ms-LTR {\r\n transform: rotate($degrees);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: rotate(-$degrees);\r\n }\r\n}\r\n\r\n// Transitions. Only supported when ONLY left/right are declared\r\n@mixin ms-transition-property($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n transition-property: left;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n transition-property: right;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: left;\r\n }\r\n }\r\n}\r\n"],"file":"ControlsTest.module.scss.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../node_modules/@fluentui/react/dist/sass/mixins/_Animation.Mixins.scss","../../../../src/webparts/controlsTest/components/ControlsTest.module.scss","../../../../node_modules/@fluentui/react/dist/sass/mixins/_Directionality.Mixins.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACDE;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACrGJ;EACE;EACA;;ACAF;EFuJE;;AEhJF;EFqJE;;ACzJF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;;AAEF;EACE;;AACA;EACE;EACA;;AAKN;EACE;EACA;EAEA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA,kBAhHa;EAiHb;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/\r\n Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-light;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semilight;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-regular;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-semibold;\r\n font-style: normal;\r\n }\r\n\r\n @font-face {\r\n font-family: $font-family-name;\r\n src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n format(\"woff2\"),\r\n url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n format(\"woff\");\r\n font-weight: $ms-font-weight-bold;\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n [lang^=\"#{$language-code}\"] .ms-Fabric,\r\n .ms-Fabric [lang^=\"#{$language-code}\"],\r\n .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n font-family: $font-family;\r\n }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n// Outputs the keyframes used by the animation classes\r\n@mixin ms-motion-keyframes() {\r\n @keyframes ms-motion-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes ms-motion-fadeOut {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @keyframes ms-motion-scaleDownIn {\r\n from {\r\n transform: scale3d(1.15, 1.15, 1);\r\n }\r\n to {\r\n transform: scale3d(1, 1, 1);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-scaleDownOut {\r\n from {\r\n transform: scale3d(1, 1, 1);\r\n }\r\n to {\r\n transform: scale3d(0.9, 0.9, 1);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideLeftOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(-48px, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideRightOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(48px, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideLeftIn {\r\n from {\r\n transform: translate3d(48px, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideRightIn {\r\n from {\r\n transform: translate3d(-48px, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0px, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideUpOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0, -48px, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideDownOut {\r\n from {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n to {\r\n transform: translate3d(0, 48px, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideUpIn {\r\n from {\r\n transform: translate3d(0, 48px, 0);\r\n }\r\n to {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes ms-motion-slideDownIn {\r\n from {\r\n transform: translate3d(0, -48px, 0);\r\n }\r\n to {\r\n transform: translate3d(0px, 0, 0);\r\n }\r\n }\r\n}\r\n\r\n// Fades.\r\n@mixin ms-motion-fadeIn {\r\n animation: ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-fadeOut {\r\n animation: ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n// Scales.\r\n@mixin ms-motion-scaleDownIn {\r\n animation: ms-motion-scaleDownIn $ms-motion-duration-3 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-scaleDownOut {\r\n animation: ms-motion-scaleDownOut $ms-motion-duration-3 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n// Slides.\r\n@mixin ms-motion-slideLeftOut {\r\n @include ms-LTR {\r\n animation: ms-motion-slideLeftOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideRightOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideRightOut {\r\n @include ms-LTR {\r\n animation: ms-motion-slideRightOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideLeftOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideLeftIn {\r\n @include ms-LTR {\r\n animation: ms-motion-slideLeftIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideRightIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideRightIn {\r\n @include ms-LTR {\r\n animation: ms-motion-slideRightIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n\r\n @include ms-RTL {\r\n animation: ms-motion-slideLeftIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n }\r\n}\r\n\r\n@mixin ms-motion-slideUpOut {\r\n animation: ms-motion-slideUpOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideDownOut {\r\n animation: ms-motion-slideDownOut $ms-motion-duration-1 $ms-motion-timing-accelerate both,\r\n ms-motion-fadeOut $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideUpIn {\r\n animation: ms-motion-slideUpIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n\r\n@mixin ms-motion-slideDownIn {\r\n animation: ms-motion-slideDownIn $ms-motion-duration-1 $ms-motion-timing-decelerate both,\r\n ms-motion-fadeIn $ms-motion-duration-1 $ms-motion-timing-linear both;\r\n}\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n$themePrimary: '[theme:themePrimary, default:#0078d7]';\n\n@include ms-motion-keyframes();\n\n.controlsTest {\n .instruction {\n animation-duration: $ms-motion-duration-4 !important;\n animation-delay: 0.5s !important;\n @include ms-motion-slideLeftIn;\n }\n .container {\n padding: 10px;\n max-width: 1200px;\n margin: 0px auto 20px auto;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n }\n\n .toggleFilter {\n display: flex;\n float: left;\n margin: 10px;\n }\n\n .controlFiltersContainer {\n overflow: auto;\n display: grid;\n grid-template-columns: auto auto auto;\n }\n\n .row {\n padding: 10px;\n >div>div {\n margin-bottom: 10px;\n }\n }\n\n .listItem {\n max-width: 715px;\n margin: 5px auto 5px auto;\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n }\n\n .button {\n // Our button\n text-decoration: none;\n height: 32px; // Primary Button\n min-width: 80px;\n background-color: #0078d7;\n border-color: #0078d7;\n color: #ffffff; // Basic Button\n outline: transparent;\n position: relative;\n font-family: \"Segoe UI WestEuropean\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif;\n -webkit-font-smoothing: antialiased;\n font-size: 14px;\n font-weight: 400;\n border-width: 0;\n text-align: center;\n cursor: pointer;\n display: inline-block;\n padding: 0 16px;\n\n .label {\n font-weight: 600;\n font-size: 14px;\n height: 32px;\n line-height: 32px;\n margin: 0 4px;\n vertical-align: top;\n display: inline-block;\n }\n }\n\n .siteBreadcrumb {\n background-color: #0078d7;\n margin-bottom: 10px;\n i,\n a {\n color: #fff;\n }\n ol {\n height: 30px;\n a {\n height: 100%;\n line-height: 30px;\n }\n }\n }\n\n .carouselContent {\n height: 200px;\n width: 80%;\n\n color: darkblue;\n font-style: italic;\n }\n .carouselButtonsContainer {\n background-color: orange !important;\n opacity: 0.3;\n }\n\n .carouselImageContent {\n height: 400px;\n }\n\n .listViewWrapper {\n height: 200px;\n }\n}\n\n.dialogContainer {\n border-top: 4px;\n border-top-color: $themePrimary;\n border-top-style: solid;\n min-width: 400px;\n\n .dialogContent {\n text-align: center;\n padding-bottom: 10px;\n font-size: 1.125em;\n }\n\n .dialogFooter {\n display: flex;\n justify-content: center;\n margin-top: 1.25em;\n\n button {\n min-width: 100px;\n margin: 0px 10px;\n }\n\n .loader{\n margin-top: 15px;\n }\n }\n}\n\n.richTextActions {\n margin-top: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n\n .richTextToggles {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n}\n","// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//\r\n// Office UI Fabric\r\n// --------------------------------------------------\r\n// Directionality mixins to generate LTR and RTL-specific styles\r\n\r\n// Base left-to-right mixin definition.\r\n@mixin ms-LTR {\r\n [dir='ltr'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Base right-to-left mixin definition.\r\n@mixin ms-RTL {\r\n [dir='rtl'] & {\r\n @content;\r\n }\r\n}\r\n\r\n// Use baseRTL to set the default direction to right-to-left on\r\n// a root element (e.g. page or region) that needs RTL support.\r\n@mixin ms-base-RTL {\r\n @include ms-RTL {\r\n direction: rtl;\r\n unicode-bidi: bidi-override;\r\n }\r\n}\r\n\r\n\r\n// Common CSS property mixins with support for RTL.\r\n// Use to automatically create RTL versions of your properties.\r\n\r\n// Background direction.\r\n@mixin ms-background-position($alignment) {\r\n @if $alignment == left {\r\n @include ms-LTR {\r\n background-position: left;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: right;\r\n }\r\n } @else if $alignment == right {\r\n @include ms-LTR {\r\n background-position: right;\r\n }\r\n\r\n @include ms-RTL {\r\n background-position: left;\r\n }\r\n } @else {\r\n background-position: $alignment;\r\n }\r\n}\r\n\r\n// Border styles.\r\n@mixin ms-border-color($top, $right, $bottom, $left) {\r\n border-color: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n border-color: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-border-left($width, $style, $color) {\r\n @include ms-LTR {\r\n border-left: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-color($color) {\r\n @include ms-LTR {\r\n border-left-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-style($style) {\r\n @include ms-LTR {\r\n border-left-style: $style;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-left-width($width) {\r\n @include ms-LTR {\r\n border-left-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-right-width: $width;\r\n }\r\n}\r\n\r\n@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {\r\n border-radius: $topLeft $topRight $bottomRight $bottomLeft;\r\n\r\n @include ms-RTL {\r\n border-radius: $topRight $topLeft $bottomLeft $bottomRight;\r\n }\r\n}\r\n\r\n@mixin ms-border-right($width, $style, $color) {\r\n @include ms-LTR {\r\n border-right: $width $style $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left: $width $style $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-color($color) {\r\n @include ms-LTR {\r\n border-right-color: $color;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-color: $color;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-style($style) {\r\n @include ms-LTR {\r\n border-right-style: $style;\r\n }\r\n \r\n @include ms-RTL {\r\n border-left-style: $style;\r\n }\r\n}\r\n\r\n@mixin ms-border-right-width($width) {\r\n @include ms-LTR {\r\n border-right-width: $width;\r\n }\r\n\r\n @include ms-RTL {\r\n border-left-width: $width;\r\n }\r\n}\r\n\r\n// Floats.\r\n@mixin ms-clear($side) {\r\n @if $side == left {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: right;\r\n }\r\n } @else if $side == right {\r\n @include ms-LTR {\r\n clear: $side;\r\n }\r\n\r\n @include ms-RTL {\r\n clear: left;\r\n }\r\n } @else {\r\n clear: $side;\r\n }\r\n}\r\n\r\n@mixin ms-float($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n float: left;\r\n }\r\n\r\n @include ms-RTL {\r\n float: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n float: right;\r\n }\r\n\r\n @include ms-RTL {\r\n float: left;\r\n }\r\n }\r\n}\r\n\r\n// Positioning.\r\n@mixin ms-left($distance) {\r\n @include ms-LTR {\r\n left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-right($distance) {\r\n @include ms-LTR {\r\n right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n left: $distance;\r\n }\r\n}\r\n\r\n// Margins.\r\n@mixin ms-margin($top, $right, $bottom, $left) {\r\n margin: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n margin: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-margin-left($distance) {\r\n @include ms-LTR {\r\n margin-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n margin-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-margin-right($distance) {\r\n @include ms-LTR {\r\n margin-right: $distance;\r\n }\r\n @include ms-RTL {\r\n margin-left: $distance;\r\n }\r\n}\r\n\r\n// Padding.\r\n@mixin ms-padding($top, $right, $bottom, $left) {\r\n padding: $top $right $bottom $left;\r\n\r\n @include ms-RTL {\r\n padding: $top $left $bottom $right;\r\n }\r\n}\r\n\r\n@mixin ms-padding-left($distance) {\r\n @include ms-LTR {\r\n padding-left: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-right: $distance;\r\n }\r\n}\r\n\r\n@mixin ms-padding-right($distance) {\r\n @include ms-LTR {\r\n padding-right: $distance;\r\n }\r\n\r\n @include ms-RTL {\r\n padding-left: $distance;\r\n }\r\n}\r\n\r\n// Text-alignment.\r\n@mixin ms-text-align($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n text-align: left;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n text-align: right;\r\n }\r\n\r\n @include ms-RTL {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n\r\n// Box-shadow.\r\n@mixin ms-box-shadow($left, $etc) {\r\n @if $left != 0 {\r\n @include ms-LTR {\r\n box-shadow: $left $etc;\r\n }\r\n\r\n @include ms-RTL {\r\n box-shadow: -$left $etc;\r\n }\r\n } @else {\r\n box-shadow: 0 $etc;\r\n }\r\n}\r\n\r\n// Transforms.\r\n@mixin ms-transform-scaleX($scaleX: 1) {\r\n @include ms-LTR {\r\n transform: scaleX($scaleX);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: scaleX(-$scaleX);\r\n }\r\n}\r\n\r\n@mixin ms-transform-translateX($distance) {\r\n @include ms-LTR {\r\n transform: translateX($distance);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: translateX(-$distance);\r\n }\r\n}\r\n\r\n@mixin ms-transform-rotate($degrees) {\r\n @include ms-LTR {\r\n transform: rotate($degrees);\r\n }\r\n\r\n @include ms-RTL {\r\n transform: rotate(-$degrees);\r\n }\r\n}\r\n\r\n// Transitions. Only supported when ONLY left/right are declared\r\n@mixin ms-transition-property($direction) {\r\n @if $direction == left {\r\n @include ms-LTR {\r\n transition-property: left;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: right;\r\n }\r\n } @else {\r\n @include ms-LTR {\r\n transition-property: right;\r\n }\r\n\r\n @include ms-RTL {\r\n transition-property: left;\r\n }\r\n }\r\n}\r\n"],"file":"ControlsTest.module.scss.css"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "3.26.0-beta.3440869",
+  "version": "3.26.0-beta.3446661",
   "engines": {
     "node": ">=22.14.0 < 23.0.0"
   },