@onepercentio/one-ui 1.3.0 → 1.3.2

package/WebpackConfigs/email-templates.js

@@ -221,7 +221,7 @@ async function createConfig(
   });
 
   whereToPlaceTheNewLoaderPath.splice(1, 0, {
-    test: [/\.email\.tsx/, /\.document\.tsx/],
+    test: [/\.email\.tsx/],
     use: [
       {
         loader: babelLoader.loader,
@@ -238,6 +238,25 @@ async function createConfig(
       },
     ],
   });
+
+  whereToPlaceTheNewLoaderPath.splice(1, 0, {
+    test: [/\.document\.tsx/],
+    use: [
+      {
+        loader: babelLoader.loader,
+        options: babelLoader.options,
+      },
+      {
+        loader: join(__dirname, "loaders", "static-loader"),
+        options: {
+          features: {
+            ...features,
+            inlineCSS: false,
+          },
+        },
+      },
+    ],
+  });
   if (features.replaceCSSRules)
     baseConfig.module.rules.unshift({
       test: /\.svg$/,

package/dist-ts/assets/styles/index.scss

@@ -1,2 +1,2 @@
-@import "./variables.scss";
-@import "./mixins.scss";
+@forward "./variables.scss";
+@forward "./mixins.scss";

package/dist-ts/assets/styles/mixins.scss

@@ -1,3 +1,4 @@
+@use "./variables.scss" as *;
 @mixin iteractibleElement() {
   &:not(:disabled) {
     & {

package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .backdrop {
   position: fixed;

package/dist-ts/components/AdaptiveSidebar/AdaptiveSidebar.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 $hamburgerSize: 48;
 $hamburgerOffset: 24;

package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 $arrowDim: 1em;
 

package/dist-ts/components/Avatar/Avatar.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   &.noImg {

package/dist-ts/components/BucketFill/BucketFill.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/variables.scss";
+@use "../../assets/styles/variables.scss" as *;
 
 .root {
   position: relative;

package/dist-ts/components/Button/Button.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/variables.scss";
+@use "../../assets/styles/variables.scss" as *;
 
 .button {
   cursor: pointer;

package/dist-ts/components/Card/Card.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   background: $mainBackgroundColor;

package/dist-ts/components/CheckBox/CheckBox.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   display: flex;

package/dist-ts/components/Collapsable/Collapsable.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   > .title {

package/dist-ts/components/Divider/Divider.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   margin: 16px 0px;

package/dist-ts/components/FadeIn/FadeIn.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   opacity: 0;

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.d.ts

@@ -3,4 +3,4 @@ import { FileInputViewProps } from "../View.types";
 /**
  * The file input layout with a big appearance
  **/
-export default function BigFactory(IconComponent: () => ReactElement): ({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction: onRemoveFile }: FileInputViewProps) => import("react/jsx-runtime").JSX.Element;
+export default function BigFactory(IconComponent: () => ReactElement): ({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction, }: FileInputViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.js

@@ -3,12 +3,14 @@ import Styles from "./BigFactory.module.scss";
 import Spacing from "../../../Spacing/Spacing";
 import Text from "../../../Text/Text";
 import Button from "../../../Button/Button";
+import { useOneUIConfig } from "../../../../context/OneUIProvider";
 /**
  * The file input layout with a big appearance
  **/
 export default function BigFactory(IconComponent) {
-    return function Big({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction: onRemoveFile }) {
-        return (_jsxs("div", { className: `${Styles.container} ${className ?? ""}`, children: [_jsx(IconComponent, {}), _jsx(Spacing, { size: "small" }), _jsx(Text, { type: "description", children: file ? fileProvided : reason }), _jsx(Spacing, { size: "small" }), _jsx(Button, { variant: "filled", onClick: onRemoveFile, children: file ? removeFile : button }), inputEl, _jsx(Text, { className: Styles.footer, type: "caption", children: footer })] }));
+    return function Big({ states: { fileProvided: { title: fileProvided, button: removeFile }, waitingFile: { button, title: reason }, }, file, footer, className, inputEl, onAction, }) {
+        const variant = useOneUIConfig("component.fileInput.button.variant");
+        return (_jsxs("div", { className: `${Styles.container} ${className ?? ""}`, children: [_jsx(IconComponent, {}), _jsx(Spacing, { size: "small" }), _jsx(Text, { type: "description", children: file ? fileProvided : reason }), _jsx(Spacing, { size: "small" }), _jsx(Button, { variant: variant, onClick: onAction, children: file ? removeFile : button }), inputEl, _jsx(Text, { className: Styles.footer, type: "caption", children: footer })] }));
     };
 }
 //# sourceMappingURL=BigFactory.js.map

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"BigFactory.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/BigFactory/BigFactory.tsx"],"names":[],"mappings":";AAMA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,aAAiC;IAClE,OAAO,SAAS,GAAG,CAAC,EAClB,MAAM,EAAE,EACN,YAAY,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,EACzD,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GACvC,EACD,IAAI,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EAAE,YAAY,EACH;QACnB,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACtD,KAAC,aAAa,KAAG,EACjB,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,YAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,GAAQ,EAC9D,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,YAAY,YAEpB,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GACpB,EACR,OAAO,EAER,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,SAAS,YAC3C,MAAM,GACF,IACH,CACP,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"BigFactory.js","sourceRoot":"","sources":["../../../../../src/components/FileInput/View/BigFactory/BigFactory.tsx"],"names":[],"mappings":";AAMA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,aAAiC;IAClE,OAAO,SAAS,GAAG,CAAC,EAClB,MAAM,EAAE,EACN,YAAY,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,EACzD,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GACvC,EACD,IAAI,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,GACW;QACnB,MAAM,OAAO,GAAG,cAAc,CAAC,oCAAoC,CAAC,CAAC;QACrE,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACtD,KAAC,aAAa,KAAG,EACjB,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,YAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,GAAQ,EAC9D,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACxB,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,YACxC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GACpB,EACR,OAAO,EAER,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAC,SAAS,YAC3C,MAAM,GACF,IACH,CACP,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist-ts/components/FileInput/View/BigFactory/BigFactory.module.scss

@@ -1,4 +1,4 @@
-@import "../../../../assets/styles/index.scss";
+@use "../../../../assets/styles/index.scss" as *;
 
 .container {
   display: flex;

package/dist-ts/components/FileInput/View/Compact/Compact.module.scss

@@ -1,4 +1,4 @@
-@import "../../../../assets/styles/index.scss";
+@use "../../../../assets/styles/index.scss" as *;
 
 .root {
   padding: 14px 22px;

package/dist-ts/components/FlowController/FlowController.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   .headingImg {

package/dist-ts/components/HeaderCloseBtn/HeaderCloseBtn.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .headerButton {
   width: 22px;

package/dist-ts/components/Input/Input.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .inputContainer {
   position: relative;

package/dist-ts/components/Loader/Loader.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/variables.scss";
+@use "../../assets/styles/variables.scss" as *;
 
 .indicator {
   white-space: nowrap;

package/dist-ts/components/MutableHamburgerButton/MutableHamburgerButton.module.scss

@@ -1,5 +1,5 @@
 @use 'sass:math';
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 $slice: math.div(1, 7);
 

package/dist-ts/components/Notification/Notification.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/variables.scss";
+@use "../../assets/styles/variables.scss" as *;
 
 .container {
   animation-fill-mode: forwards;

package/dist-ts/components/Parallax/Parallax.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .parallax {
   display: flex;

package/dist-ts/components/PixelatedScan/PixelatedScan.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 $animationDurationMs: 2000;
 

package/dist-ts/components/ProgressBar/ProgressBar.module.scss

@@ -1,5 +1,5 @@
 @use "sass:math";
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   &.guide {

package/dist-ts/components/ProgressTexts/ProgressTexts.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   font-family: Manrope;

package/dist-ts/components/Radio/Radio.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   display: flex;

package/dist-ts/components/Radio/variants/Checkmark/Checkmark.module.scss

@@ -1,4 +1,4 @@
-@import "../../../../assets/styles/index.scss";
+@use "../../../../assets/styles/index.scss" as *;
 
 .checkmark {
   visibility: visible;

package/dist-ts/components/Radio/variants/Generic/Generic.module.scss

@@ -1,4 +1,4 @@
-@import "../../../../assets/styles/index.scss";
+@use "../../../../assets/styles/index.scss" as *;
 
 .generic {
   visibility: visible;

package/dist-ts/components/Select/Select.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .items > * {
   cursor: pointer;

package/dist-ts/components/Slider/Slider.module.scss

@@ -1,5 +1,5 @@
-@import "../../assets/styles/variables.scss";
-@import "../../assets/styles/mixins.scss";
+@use "../../assets/styles/variables.scss" as *;
+@use "../../assets/styles/mixins.scss" as *;
 
 .indicator {
   @include iteractibleElement();

package/dist-ts/components/Switch/Switch.module.scss

@@ -1,5 +1,5 @@
 @use "sass:math";
-@import "../../assets/styles/variables.scss";
+@use "../../assets/styles/variables.scss" as *;
 
 .root {
   box-sizing: border-box;

package/dist-ts/components/Table/Table.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .transitionContainer {
   min-height: auto;

package/dist-ts/components/Tabs/Tabs.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .container {
   overflow-x: auto;

package/dist-ts/components/Text/Text.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .iteractible {
   cursor: pointer;

package/dist-ts/components/Transition/Transition.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .section {
   * {

package/dist-ts/context/OneUIProvider.d.ts

@@ -87,6 +87,9 @@ export type OneUIContextSpecs = {
         };
         fileInput: {
             View: (props: FileInputViewProps) => ReactElement;
+            button: {
+                variant: FromOnePercentUtility<"UIElements.ButtonVariants">;
+            };
         };
         passwordInput: {
             iconSrc: {

package/dist-ts/context/OneUIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";AACA,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,MAAM,kBAAkB,CAAC;AAErC,OAAc,EAA2C,OAAO,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,aAAa,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAUrE,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAuM5D,MAAM,OAAO,GAAG,aAAa,CAAqB,IAAW,CAAC,CAAC;AAE/D,SAAS,aAAa,CAAC,EACrB,QAAQ,EACR,MAAM,GAC4C;IAClD,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE;YACnC,KAAK,EAAE;gBACL,UAAU,EAAE,KAAK;aAClB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7B,OAAO,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAoB,CAAC;AAC9E,CAAC;AAED;;GAEG;AACH,eAAe,aAAa,CAAC;AAE7B,SAAS,UAAU,CACjB,IAAY,EACZ,GAAqB,EACrB,aAAa,GAAG,oBAAoB;IAEpC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,IAAI;SACR,KAAK,CAAC,GAAG,CAAC;SACV,MAAM,CAAC,GAAa,CAAC;SACrB,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;QAC/B,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAE,CAAS,CAAC,CAAC,CAAC,EAAE,MAAM,CAAS,CAAC,GAAG,CAAC;YACrE,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC;AAED,SAAS,YAAY,CACnB,cAAmB,EACnB,OAAe,QAAQ;IAEvB,OAAO,IAAI,KAAK,CACd,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,EAC9D;QACE,GAAG,CAAC,OAAO,EAAE,GAAG;YACd,IAAI,GAAG,KAAK,MAAM,CAAC,WAAW,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;gBACrD,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC5B,CAAC;YACD,IAAI,CAAC;gBACH,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;gBAClC,IAAI,OAAO,KAAK,KAAK,WAAW;oBAAE,OAAO,SAAS,CAAC;gBACnD,IAAI,OAAO,KAAK,KAAK,QAAQ;oBAC3B,OAAO,YAAY,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBACpE,OAAO,KAAK,CAAC;YACf,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;gBACvC,MAAM,IAAI,KAAK,CACb,sCAAsC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;EAMrE,0BAA0B,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;iBAE5C,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAC7B,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;QACxC,OAAO,YAAY,CAAC,OAAO,CAAiC,CAAC;IAE/D,OAAO,OAA4B,CAAC;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,eAAkB,EAClB,aAAqB;IAErB,MAAM,aAAa,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;IACtD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,iBAAiB,aAAa;;;6DAGW,aAAa;;;;;;EAMxE,0BAA0B,IAAI,CAAC,SAAS,CACxC,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE,UAAU,CAAC,EAClD,IAAI,EACJ,CAAC,CACF;;iBAEgB,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC;AAYD,MAAM,UAAU,cAAc,CAG5B,IAAO,EAAE,YAAgB;IACzB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;QAC3C,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE;YACvB,OAAO,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QACpB,IACE,OAAO,GAAG,KAAK,QAAQ;YACvB,OAAO,GAAG,KAAK,UAAU;YACzB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;YAC3B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;YAEtB,OAAQ,GAAW,IAAI,YAAY,CAAC;QAEtC,IAAI,OAAO,GAAG,KAAK,SAAS;YAAE,OAAO,GAAU,CAAC;QAChD,OAAO,YAAY,CAAC,GAAG,IAAI,YAAY,CAA8B,CAAC;IACxE,CAAC;IACD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,OAAO,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IACpB,OAAO,KAAK,IAAI,YAAY,CAAC;AAC/B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC,OAAO,OAAO,CAAC,KAAM,CAAC,UAAW,CAAC;AACpC,CAAC"}

package/dist-ts/hooks/ui/useCustomScrollbar.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/index.scss";
+@use "../../assets/styles/index.scss" as *;
 
 .scrollBarRoot {
   &,

package/dist-ts/hooks/ui/useZoomable.module.scss

@@ -1,4 +1,4 @@
-@import "../../assets/styles/variables.scss";
+@use "../../assets/styles/variables.scss" as *;
 
 .zoomableIndicator {
   cursor: zoom-in;

package/dist-ts/hooks/useHero.module.scss

@@ -1,4 +1,4 @@
-@import "../assets/styles/index.scss";
+@use "../assets/styles/index.scss" as *;
 
 $timing: cubic-bezier(0.5, -0.45, 0.44, 1.37);
 // $timing: cubic-bezier(0.73, -0.49, 0.16, 1.4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",
@@ -138,7 +138,6 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "prebuild": "rm -rf ./dist; rm -rf ./dist-ts;",
-    "build": "babel src --ignore \"**/*.e2e.ts,**/*.test.ts,**/*.test.tsx,**/*.stories.tsx\" --out-dir dist --extensions \".ts,.tsx\" --copy-files --no-copy-ignored --config-file=./.prod.babelrc",
     "build:ts": "tsc --project tsconfig.prod.json",
     "build:ts:scss": "babel src --ignore \"**/*.tsx,**/*.ts\" --out-dir dist-ts --extensions \".ts,.tsx\" --copy-files --no-copy-ignored --config-file=./.prod.babelrc",
     "postbuild": "tsc",
@@ -153,7 +152,7 @@
     "deploy:storybook": "yarn build-storybook && firebase deploy --only hosting",
     "test:e2e:watch": "cypress open --component --port 6005 --browser chrome",
     "test:e2e": "cypress run --component --port 6015 --browser chrome",
-    "prepack": "bun src/index.preprocess.ts; yarn build; yarn build:ts; yarn build:ts:scss;"
+    "prepack": "bun src/index.preprocess.ts; yarn build:ts; yarn build:ts:scss;"
   },
   "browserslist": {
     "production": [

package/WebpackConfigs/__fixtures__/bug_var_color/cenario.static.tsx

@@ -1,37 +0,0 @@
-import Styles from "./style.module.scss";
-import OneUIButton from "../../../src/components/Button";
-
-const DEBUG = false;
-
-export default function Cenario() {
-  return (
-    <>
-      <div className={Styles.root}>
-        <div>
-          <p className={Styles.paragraph}>This should color red</p>
-        </div>
-        <div>
-          <p className={Styles.paragraph}>This should color green</p>
-        </div>
-        <div>
-          <p className={Styles.paragraph}>This should color blue</p>
-        </div>
-        <div>
-          <h1 className={Styles.box} data-debug={DEBUG}>
-            This should have a green background
-          </h1>
-          <h1>All buttons should have a green background</h1>
-          <button style={{ backgroundColor: "var(--var-b)" }}>
-            Inline style works
-          </button>
-          <button className={Styles.buttonStyle}>Style via class</button>
-          {/* Somehow, the one-ui button is not getting it's correct background when on rarum */}
-          <OneUIButton variant="filled">
-            What about the one-ui button
-          </OneUIButton>
-          <button className={Styles.stateClass} color="hippie">A complex css selector</button>
-        </div>
-      </div>
-    </>
-  );
-}

package/WebpackConfigs/__fixtures__/bug_var_color/style.module.scss

@@ -1,28 +0,0 @@
-.root {
-  > div:nth-child(1) {
-    --var-a: red;
-  }
-  > div:nth-child(2),
-  > div:nth-child(4) {
-    --button-primary-bg-color: var(--var-b);
-    --var-b: green;
-    --var-a: red;
-  }
-  p.paragraph {
-    color: var(--var-b, var(--var-a, blue));
-  }
-  .box,
-  .buttonStyle {
-    background-color: var(--var-b);
-  }
-  .stateClass {
-    background-color: var(--var-a);
-
-    &:not(:hover) {
-      background-color: pink;
-    }
-    &[color="hippie"]:not(:hover) {
-      background-color: var(--var-b);
-    }
-  }
-}

package/WebpackConfigs/__fixtures__/email_templates/assets/asset1.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-    <circle cx="50" cy="50" r="25" fill="red" />
-</svg>

package/WebpackConfigs/__fixtures__/email_templates/assets/asset2.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-    <circle cx="50" cy="50" r="25" fill="green" />
-</svg>

package/WebpackConfigs/__fixtures__/email_templates/email1.static.tsx

@@ -1,10 +0,0 @@
-import Asset from "./assets/asset1.svg";
-
-export default function Email1() {
-  return (
-    <h1>
-      Email 1
-      <img src={Asset} />
-    </h1>
-  );
-}

package/WebpackConfigs/__fixtures__/email_templates/email2.static.tsx

@@ -1,10 +0,0 @@
-import Asset from "./assets/asset2.svg";
-
-export default function Email2() {
-  return (
-    <h1>
-      Email 2
-      <img src={Asset} />
-    </h1>
-  );
-}

package/build/index.html

@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
-    <script src="./templates/main.js"></script>
-  </head>
-  <body></body>
-</html>

package/dist/assets/img/svg/checkbox.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-7 -7 38 38">
-    <path style="stroke: #EDEDED" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3px" fill="none" d="M22.9 3.7l-15.2 16.6-6.6-7.1" />
-</svg>

package/dist/assets/styles/index.scss

@@ -1,2 +0,0 @@
-@import "./variables.scss";
-@import "./mixins.scss";

package/dist/assets/styles/mixins.scss

@@ -1,14 +0,0 @@
-@mixin iteractibleElement() {
-  &:not(:disabled) {
-    & {
-      cursor: pointer;
-      transition: transform $fast;
-    }
-    &:hover {
-      transform: scale(1.2);
-    }
-    &:active {
-      transform: scale(1.1);
-    }
-  }
-}

package/dist/assets/styles/variables.scss

@@ -1,49 +0,0 @@
-$digitalBlue: var(--digital-blue, #558eff);
-$mediumGray: var(--medium-gray, #bababa);
-$lightGray: var(--light-gray, #d6d6d6);
-$spaceBlue: var(--space-blue, #0f113a);
-$warningRed: var(--warning-red, #e84b4b);
-$sunsetPink: var(--sunset-pink, #ff3e7d);
-$darkestGray: var(--darkest-gray, #727272);
-$gray: var(--gray, #0f113a);
-$success: var(--success, lightgreen);
-$successDark: var(--success-dark, green);
-$mainBackgroundColor: var(--bg-color, white);
-$primaryColor: var(--primary-color, var(--digital-blue));
-$elevation: var(--card-elevation, 0px 4px 10px rgba(0, 0, 0, 0.1));
-
-$mainFontFamily: var(--main-font, Roboto);
-$secondaryFontFamily: var(--second-font, Manrope);
-
-$headerFillBackgroundColor: var(--header-background-color, $digitalBlue);
-$headerBackgroundColor: var(--header-divider-bg-color, #467eea);
-$headerTextColor: var(--header-text-color, #94b8ff);
-$headerBrightColor: var(--header-bright-color, white);
-
-$tableRowBgColor: var(--table-row-bg-color, white);
-$tableRowBorderColor: var(--table-row-border-color, #bec1ca);
-
-$buttonBorderRadius: var(--button-border-radius, 8px);
-$buttonTextColor: var(--button-text-color, white);
-
-$tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);
-
-$checkboxBaseColor: var(--checkbox-base-color, $digitalBlue);
-
-$textDefaultColor: var(--text-default-color, $digitalBlue);
-
-$buttonPrimaryBackgroundColor: var(--button-primary-bg-color, #1e22aa);
-
-$fileInputBackgroundColor: var(--file-input-bg-color, #f2f6f7);
-$fileInputBorderColor: var(--file-input-border-color, #dce1e8);
-
-$avatarBackgroundColor: var(--avatar-bg-color, $lightGray);
-
-$pixelatedGuideBackground: var(--pixelated-scan-bg, var(--digital-blue));
-
-$almostInstant: var(--animation--speed-almostInstant, 50ms);
-$veryFast: var(--animation--speed-veryfast, 125ms);
-$fast: var(--animation--speed-fast, 250ms);
-$normal: var(--animation--speed-normal, 500ms);
-$slow: var(--animation--speed-slow, 1s);
-$verySlow: var(--animation--speed-veryslow, 2s);

package/dist/components/AdaptiveButton/AdaptiveButton.d.ts

@@ -1,9 +0,0 @@
-import { ComponentProps, ReactElement } from "react";
-import Button from "../Button";
-/**
- * A button that automatically adjusts its width to fit the content inside it.
- * This makes the button look natural and not stretched wider than needed.
- **/
-export default function AdaptiveButton({ children, className, ...buttonProps }: {
-    children: ReactElement;
-} & ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;