freemium-ui 2.0.91 → 2.1.0-alpha.1

package/lib/TextArea--fiwZ_QM.js

@@ -0,0 +1,98 @@
+import{u as n,_ as e,a as r,b as t}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import o,{useRef as i,useMemo as a}from"react"
+;import{S as l,R as c}from"./index-D8E8s0tV.js"
+;import{E as s}from"./ErrorText-Uvye7uop.js"
+;var d,u,m,p,f,h,y,g=n.textarea(d||(d=e(["\n  resize: none !important;\n  border: unset;\n  flex: 1;\n  padding: ",";\n  outline: unset;\n  font-weight: ",";\n  font-size: ",";\n  white-space: ",";\n  font-family: ",";\n  background-color: ",";\n  line-height: ",";\n  color: ",";\n  direction: "," !important;\n  &::placeholder {\n    font-family: ",";\n    font-size: ",";\n    color: ",";\n  }\n  &:focus,\n  &:active {\n    box-shadow: none !important;\n  }\n  &:disabled {\n    opacity: 0.6;\n  }\n"],["\n  resize: none !important;\n  border: unset;\n  flex: 1;\n  padding: ",";\n  outline: unset;\n  font-weight: ",";\n  font-size: ",";\n  white-space: ",";\n  font-family: ",";\n  background-color: ",";\n  line-height: ",";\n  color: ",";\n  direction: "," !important;\n  &::placeholder {\n    font-family: ",";\n    font-size: ",";\n    color: ",";\n  }\n  &:focus,\n  &:active {\n    box-shadow: none !important;\n  }\n  &:disabled {\n    opacity: 0.6;\n  }\n"])),(function(n){
+return n.$showLineNumbers?"6px 12px":"unset"}),(function(n){
+return n.theme.typography.primary.fontWeight}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.$showLineNumbers?"nowrap":"unset"}),(function(n){var e=n.theme
+;return n.$showLineNumbers?"monospace":e.typography.fontFamily}),(function(n){
+return n.theme.colors.fill.surface}),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.colors.text.primary}),(function(n){var e=n.theme
+;return n.$forceInputDir||e.direction}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.colors.text.placeholder
+})),b=n.div(u||(u=e(["\n  padding: 8px;\n  text-align: right;\n  overflow: hidden;\n  line-height: ",";\n  font-weight: ",";\n  font-size: ",";\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n  color: ",";\n  background-color: ",";\n  min-width: 2.5rem;\n"],["\n  padding: 8px;\n  text-align: right;\n  overflow: hidden;\n  line-height: ",";\n  font-weight: ",";\n  font-size: ",";\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n  color: ",";\n  background-color: ",";\n  min-width: 2.5rem;\n"])),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.typography.primary.fontWeight}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.colors.text.placeholder}),(function(n){
+return n.theme.colors.fill.medium
+})),x=n.input(m||(m=e(["\n  flex: 1;\n  border: unset;\n  outline: unset;\n  padding: unset;\n  margin: unset;\n  line-height: ",";\n  font-weight: ",";\n  font-size: ",";\n  font-family: ",";\n  background-color: ",";\n  color: ",";\n  direction: "," !important;\n  &::placeholder {\n    font-family: ",";\n    font-size: ",";\n    color: ",";\n  }\n  &:disabled {\n    // background-color: ",";\n    // color: ",";\n    opacity: 0.6;\n  }\n"],["\n  flex: 1;\n  border: unset;\n  outline: unset;\n  padding: unset;\n  margin: unset;\n  line-height: ",";\n  font-weight: ",";\n  font-size: ",";\n  font-family: ",";\n  background-color: ",";\n  color: ",";\n  direction: "," !important;\n  &::placeholder {\n    font-family: ",";\n    font-size: ",";\n    color: ",";\n  }\n  &:disabled {\n    // background-color: ",";\n    // color: ",";\n    opacity: 0.6;\n  }\n"])),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.typography.primary.fontWeight}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.colors.fill.surface}),(function(n){
+return n.theme.colors.text.primary}),(function(n){var e=n.theme
+;return n.$forceInputDir||e.direction}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.colors.text.placeholder}),(function(n){
+return n.theme.colors.fill.disabled}),(function(n){
+return n.theme.colors.text.disabled
+})),v=n.div(p||(p=e(["\n  display: flex;\n  flex: 1;\n  gap: 4px;\n  font-family: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  direction: "," !important;\n  div.end-adornment {\n    display: grid;\n    place-content: center;\n  }\n  div.start-adornment {\n    display: grid;\n    place-content: center;\n  }\n  div.end-max-length {\n    text-align: "," !important;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  gap: 4px;\n  font-family: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  direction: "," !important;\n  div.end-adornment {\n    display: grid;\n    place-content: center;\n  }\n  div.start-adornment {\n    display: grid;\n    place-content: center;\n  }\n  div.end-max-length {\n    text-align: "," !important;\n  }\n"])),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.colors.text.primary}),(function(n){var e=n.theme
+;return n.$forceInputDir||e.direction}),(function(n){var e=n.theme
+;return"rtl"===(n.$forceInputDir||e.direction)?"left":"right"
+})),w=n.div(f||(f=e(["\n  font-size: ",";\n  margin-left: 4px;\n  align-self: ",";\n  direction: ",";\n"],["\n  font-size: ",";\n  margin-left: 4px;\n  align-self: ",";\n  direction: ",";\n"])),(function(n){
+return n.theme.typography.secondary.fontSize}),(function(n){
+return n.isTa?"flex-end":"center"}),(function(n){return n.theme.direction
+})),E=n.div(h||(h=e(["\n  max-height: ",";\n  padding: ",";\n  overflow: ",";\n  display: flex;\n  border: 1px solid\n    ",";\n  background-color: ",";\n  border-radius: 4px;\n  transition: all 0.2s ease-in-out;\n  direction: "," !important;\n  &:hover {\n    border-color: ",";\n  }\n  &:focus-within {\n    box-shadow: ","\n      0px 0px 0px 1px;\n    border-color: ",";\n  }\n"],["\n  max-height: ",";\n  padding: ",";\n  overflow: ",";\n  display: flex;\n  border: 1px solid\n    ",";\n  background-color: ",";\n  border-radius: 4px;\n  transition: all 0.2s ease-in-out;\n  direction: "," !important;\n  &:hover {\n    border-color: ",";\n  }\n  &:focus-within {\n    box-shadow: ","\n      0px 0px 0px 1px;\n    border-color: ",";\n  }\n"])),(function(n){
+var e=n.$rows,r=n.theme
+;return e?"calc(".concat(r.typography.primary.fontSize," * ").concat(1.5*e," + 16px)"):"unset"
+}),(function(n){return n.$showLineNumbers?"0":"6px 12px"}),(function(n){
+return n.$showLineNumbers?"hidden":"unset"}),(function(n){var e=n.theme
+;return n.$isErrored?e.colors.border.error:e.colors.border.normal
+}),(function(n){return n.theme.colors.fill.surface}),(function(n){var e=n.theme
+;return n.$forceInputDir||e.direction}),(function(n){
+var e=n.theme,r=n.disabled,t=n.$isErrored
+;return r?e.colors.border.normal:t?e.colors.border.error:e.colors.border.hover
+}),(function(n){var e=n.theme
+;return n.$isErrored?e.colors.border.error:e.colors.border.active
+}),(function(n){var e=n.theme
+;return n.$isErrored?e.colors.border.error:e.colors.border.active
+})),$=n.div(y||(y=e(["\n  display: ",";\n  direction: ",";\n  label.input-label {\n    margin: 0 2px 4px 2px;\n  }\n  span.input-helper {\n    margin: 2px 2px 0 2px;\n    display: block;\n  }\n"],["\n  display: ",";\n  direction: ",";\n  label.input-label {\n    margin: 0 2px 4px 2px;\n  }\n  span.input-helper {\n    margin: 2px 2px 0 2px;\n    display: block;\n  }\n"])),(function(n){
+return n.$inline?"inline-block":"block"}),(function(n){return n.theme.direction
+})),N=o.forwardRef((function(n,e){
+var i=n.label,a=n.inline,d=n.startLabel,u=n.startAdornment,m=n.endLabel,p=n.endAdornment,f=n.isRequired,h=n.isErrored,y=n.showCount,g=n.inputStyle,b=n.style,w=n.errorText,N=n.maxLength,z=n.labelProps,L=n.containerProps,k=n.forceInputDir,D=r(n,["label","inline","startLabel","startAdornment","endLabel","endAdornment","isRequired","isErrored","showCount","inputStyle","style","errorText","maxLength","labelProps","containerProps","forceInputDir"])
+;return o.createElement($,{$inline:a,$isErrored:h,disabled:D.disabled,style:b
+},i&&o.createElement(l,t({htmlFor:D.id,className:"input-label"
+},z),i,i&&f&&o.createElement(c,null,"*")),o.createElement(E,t({
+className:"input-container",disabled:D.disabled,$isErrored:h},L,{
+$forceInputDir:k}),d&&o.createElement("div",{className:"start-label"
+},d),o.createElement(v,{className:"input-basic",$forceInputDir:k
+},u&&o.createElement("div",{className:"start-adornment"
+},u),o.createElement(x,t({maxLength:N},D,{"aria-invalid":h,ref:e,style:g,
+$forceInputDir:k})),y&&(N||0)>0&&o.createElement("div",{
+className:"end-max-length"
+},"".concat("string"==typeof D.value?D.value.length:"".concat(D.value||"").length,"/").concat(N||0)),p&&o.createElement("div",{
+className:"end-adornment"},p)),m&&o.createElement("div",{className:"end-label"
+},m)),h&&w&&o.createElement(s,null,w))})),z=o.forwardRef((function(n,e){
+var d=n.label,u=n.inline,m=n.startLabel,p=n.startAdornment,f=n.endLabel,h=n.endAdornment,y=n.isRequired,x=n.isErrored,N=n.showCount,z=n.inputStyle,L=n.style,k=n.errorText,D=n.maxLength,I=n.forceInputDir,S=n.showLineNumbers,T=r(n,["label","inline","startLabel","startAdornment","endLabel","endAdornment","isRequired","isErrored","showCount","inputStyle","style","errorText","maxLength","forceInputDir","showLineNumbers"]),A=i(null),F=i(null),R=a((function(){
+return(T.value||"").split("\n")}),[T.value]);return o.createElement($,{
+$inline:u,$isErrored:x,disabled:T.disabled,style:L},o.createElement(l,{
+htmlFor:T.id,className:"input-label"
+},d,d&&y&&o.createElement(c,null,"*")),o.createElement(E,{
+className:"input-container",disabled:T.disabled,$isErrored:x,$showLineNumbers:S,
+$rows:T.rows},m&&o.createElement("div",{className:"start-label"
+},m),o.createElement(v,{className:"input-basic",style:{
+flexDirection:S?"row":"column"},$forceInputDir:I,$showLineNumbers:S
+},S&&o.createElement(b,{ref:A},R.map((function(n,e){
+return o.createElement("span",{key:e},e+1)}))),p&&o.createElement("div",{
+className:"start-adornment"},p),o.createElement(g,t({maxLength:D},T,{
+"aria-invalid":x,ref:null!=e?e:F,style:z,$forceInputDir:I,$showLineNumbers:S,
+onScroll:function(n){var r,t=(e||F).current
+;A.current&&t&&(A.current.scrollTop=(null==t?void 0:t.scrollTop)||0),
+null===(r=T.onScroll)||void 0===r||r.call(T,n)}
+})),N&&!S&&(D||0)>0&&o.createElement(w,{isTa:!0,className:"end-max-length"
+},"".concat("string"==typeof T.value?T.value.length:"".concat(T.value||"").length,"/").concat(D||0)),h&&o.createElement("div",{
+className:"end-adornment"},h)),f&&o.createElement("div",{className:"end-label"
+},f)),x&&k&&o.createElement(s,null,k))}));export{N as I,z as T};

package/lib/ThemeProvider-bWL8hyYA.js

@@ -0,0 +1,7 @@
+import e from"react"
+;import{d as n,_ as r,t}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import{T as o}from"./ToastProvider-CMk1PSzB.js"
+;var i,m=n(i||(i=r(["\n  * {\n    box-sizing: border-box;\n    /* direction: ","; */\n  }\n"],["\n  * {\n    box-sizing: border-box;\n    /* direction: ","; */\n  }\n"])),(function(e){
+return e.theme.direction})),s=function(n){return e.createElement(t,{
+theme:n.theme},e.createElement(m,null),e.createElement(o,null,n.children))}
+;export{s as T};

package/lib/ThemeProvider.d.ts

@@ -0,0 +1,158 @@
+/// <reference types="react" />
+import { CSSProperties } from 'react';
+
+type TypographyWeightType = 'regular' | 'bold' | 'semi-bold';
+
+type BreakpointKeys = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type UiUnits = 'px' | 'rem' | 'em' | '%';
+interface Breakpoints {
+    keys: BreakpointKeys[];
+    values: Record<BreakpointKeys, number>;
+    unit: UiUnits;
+}
+interface TextColorSemantics {
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+}
+interface TextColors {
+    primary: string;
+    link: string;
+    secondary: string;
+    disabled: string;
+    placeholder: string;
+    error: string;
+    inverse: string;
+    semantic: TextColorSemantics;
+}
+interface FillColors {
+    base: string;
+    medium: string;
+    dark: string;
+    surface: string;
+    inverse: string;
+    hover: string;
+    disabled: string;
+    hilight: string;
+}
+interface SemanticColorsType {
+    bg: string;
+    border: string;
+}
+interface SemanticColors {
+    error: SemanticColorsType;
+    warning: SemanticColorsType;
+    info: SemanticColorsType;
+    success: SemanticColorsType;
+}
+interface BorderColors {
+    light: string;
+    normal: string;
+    divider: string;
+    hover: string;
+    active: string;
+    disabled: string;
+    error: string;
+}
+interface CommonColors {
+    accent: string;
+    black: string;
+    white: string;
+}
+interface Colors {
+    common: CommonColors;
+    text: TextColors;
+    fill: FillColors;
+    semantic: SemanticColors;
+    border: BorderColors;
+    shadow: string;
+    scrim: string;
+}
+interface BaseTypography {
+    fontSize?: React.CSSProperties['fontSize'];
+    fontWeight?: React.CSSProperties['fontWeight'];
+    lineHeight?: React.CSSProperties['lineHeight'];
+}
+interface FuiTypography {
+    fontFamily: React.CSSProperties['fontFamily'];
+    fontWeight: Record<TypographyWeightType, React.CSSProperties['fontWeight']>;
+    primary: BaseTypography;
+    secondary: BaseTypography;
+    heading: BaseTypography;
+    heading4: BaseTypography;
+    heading3: BaseTypography;
+    heading2: BaseTypography;
+    heading1: BaseTypography;
+    caption: BaseTypography;
+}
+interface Easing {
+    easeInOut: string;
+    easeOut: string;
+    easeIn: string;
+    sharp: string;
+}
+interface Duration {
+    short: string;
+    standard: string;
+    complex: string;
+}
+interface Transitions {
+    easing: Easing;
+    duration: Duration;
+}
+interface ZIndex {
+    popover: number;
+    dropdown: number;
+    mobileStepper: number;
+    fab: number;
+    speedDial: number;
+    appBar: number;
+    drawer: number;
+    modal: number;
+    snackbar: number;
+    tooltip: number;
+}
+interface FreemiumUiButtonTheme {
+    backgroundFrom: string;
+    backgroundTo: string;
+    color: string;
+    disabledColor: string;
+    activeBackgroundColor: string;
+    hoverColor: string;
+    borderColor: string;
+    activeBorderColor: string;
+    disabledBorderColor: string;
+    disabledBackgroundFrom: string;
+    disabledBackgroundTo: string;
+}
+interface FreemiumUiTheme {
+    mode: 'light' | 'dark';
+    direction: 'ltr' | 'rtl';
+    breakpoints: Breakpoints;
+    colors: Colors;
+    typography: FuiTypography;
+    shadows?: string[] | null;
+    transitions: Transitions;
+    zIndex: ZIndex;
+    components: {
+        toast: {
+            position: Extract<CSSProperties['alignItems'], 'end' | 'start' | 'center'>;
+        };
+        button: {
+            primary: FreemiumUiButtonTheme;
+            secondary: FreemiumUiButtonTheme;
+            danger: FreemiumUiButtonTheme;
+            link: FreemiumUiButtonTheme;
+        };
+    };
+}
+
+type ThemeProviderType<Theme> = React.ComponentType<{
+    children: React.ReactNode;
+    theme: Theme;
+}>;
+
+declare const ThemeProvider: ThemeProviderType<FreemiumUiTheme>;
+
+export { ThemeProvider, type ThemeProviderType };

package/lib/ThemeProvider.js

@@ -0,0 +1,9 @@
+export{T as ThemeProvider}from"./ThemeProvider-bWL8hyYA.js";import"react"
+;import"./styled-components.browser.esm-Bq2p-e5F.js"
+;import"./ToastProvider-CMk1PSzB.js";import"./index-BT1o947S.js"
+;import"./index-BnDw8kbT.js";import"react-dom";import"./index-ByHJlnsx.js"
+;import"./index-CeIB4COQ.js";import"./index-BdTXfGkV.js"
+;import"./index-Cjkk7z9c.js";import"./index-COoRg_pp.js"
+;import"./index-Dy5ztCxm.js";import"./index-_WvIFKTM.js"
+;import"./keyframes-PnzFl0I5.js";import"./index-D8E8s0tV.js"
+;import"./Cross-CIeKwtq6.js";import"./Info-BsILbpCG.js";

package/lib/TickIcon-BJqSAG4_.js

@@ -0,0 +1,7 @@
+import{b as e}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import r from"react";var t=r.forwardRef((function(t,o){
+return r.createElement("svg",e({width:"10",height:"8",viewBox:"0 0 10 8",
+fill:"none",xmlns:"http://www.w3.org/2000/svg"},t,{ref:o
+}),r.createElement("path",{
+d:"M3.79398 7.44662C3.56997 7.44983 3.35397 7.36343 3.19398 7.20662L0.445976 4.49462C0.281619 4.33832 0.188576 4.12144 0.188576 3.89462C0.188576 3.66781 0.281619 3.45093 0.445976 3.29462C0.778133 2.96516 1.31382 2.96516 1.64598 3.29462L3.79398 5.41862L8.35398 0.810623C8.51028 0.646266 8.72716 0.553223 8.95398 0.553223C9.18079 0.553223 9.39767 0.646266 9.55398 0.810623C9.71833 0.966927 9.81138 1.18381 9.81138 1.41062C9.81138 1.63744 9.71833 1.85432 9.55398 2.01062L4.33398 7.20662C4.18899 7.34939 3.9971 7.43467 3.79398 7.44662Z",
+fill:t.fill}))}));export{t as T};