@foxford/ui 2.38.0-beta-ff3ed8d-20240813 → 2.38.0-beta-4083fb5-20240814

package/components/Arrow/default-constants.mjs

@@ -1 +0,0 @@
-const SIZES_DEFAULT={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};export{SIZES_DEFAULT};

package/components/Arrow/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardArrowProp=createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={onColored:{outline:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus,responsiveSize,responsiveMargin);export{Root};

package/components/ArrowBadge/ArrowBadge.mjs

@@ -1 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Edge,Content}from'./style.mjs';import{SIZES}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='ArrowBadge';const ArrowBadge=withMergedProps(forwardRef(((r,e)=>{const{size:t="m",textProps:o={},children:s,left:i,right:n,fancy:f,...m}=r;const a={as:'div',size:'inherit',color:'inherit'};return jsxs(Root,{...m,size:t,left:i,right:n,fancy:f,ref:e,children:[jsx(Edge,{left:i,fancy:f}),jsx(Content,{children:typeof s=='function'?s({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:s})}),jsx(Edge,{right:n,fancy:f,after:!0})]})})),{displayName:"ArrowBadge",sizes:SIZES});export{ArrowBadge,COMPONENT_NAME};

package/components/ArrowBadge/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};export{SIZES};

package/components/ArrowBadge/images/arrow.svg.js

@@ -1 +0,0 @@
-'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));

package/components/ArrowBadge/images/arrow.svg.mjs

@@ -1 +0,0 @@
-import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},_extends.apply(null,arguments)}const SvgArrow=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));export{SvgArrow as default};

package/components/ArrowBadge/images/fancy.svg.js

@@ -1 +0,0 @@
-'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));

package/components/ArrowBadge/images/fancy.svg.mjs

@@ -1 +0,0 @@
-import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)({}).hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},_extends.apply(null,arguments)}const SvgFancy=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));export{SvgFancy as default};

package/components/ArrowBadge/images/rectangle.svg.js

@@ -1 +0,0 @@
-'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));

package/components/ArrowBadge/images/rectangle.svg.mjs

@@ -1 +0,0 @@
-import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}const SvgRectangle=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));export{SvgRectangle as default};

package/components/ArrowBadge/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import SvgArrow from'./images/arrow.svg.mjs';import SvgRectangle from'./images/rectangle.svg.mjs';import SvgFancy from'./images/fancy.svg.mjs';const shouldForwardArrowBadgeProp=createShouldForwardProp((o=>!['left','right','fancy'].includes(o)));const Content=styled.div.withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{let r=SvgRectangle;return o.fancy&&(r=SvgFancy),(o.left||o.right)&&(r=SvgArrow),{as:r}})).withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n  & > ${Content} {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-200'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-200'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-200'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-200'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({componentId:"fox-ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{let r=0;let e=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(e=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${e}em;\n      }\n    `}),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&`& > ${Content} {\n       color: ${getColor(o.color,o)};\n     }`),(o=>o.backgroundColor&&`& > ${Content} {\n       background-color: ${getColor(o.backgroundColor,o)};\n     }\n     & > ${Edge} {\n       color: ${getColor(o.backgroundColor,o)};\n     }`));export{Content,Edge,Root};

package/components/Avatar/Avatar.mjs

@@ -1 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{abbreviateCaption}from'./utils.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{SIZES_DEFAULT,SIZES_MAPPING_RULES}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx,Fragment}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Avatar=withMergedProps(forwardRef(((t,e)=>{const{size:r="m",textProps:o={},children:s,text:i,...a}=t;const n=typeof r!='string'||a.preset!=='default'&&r!=='sm'?r:SIZES_MAPPING_RULES[r]??r;return jsx(Root,{...a,size:n,ref:e,children:a.loading?jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):jsx(Fragment,{children:s??(!a.src&&jsx(Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...o,children:abbreviateCaption(i||a.title||'')}))})})})),{displayName:'Avatar',sizes:t=>t.preset==='brand'?t.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Avatar};

package/components/Avatar/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:12,borderRadius:'50%'},xs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:6,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:24,height:24,fontSize:10,borderRadius:5},xxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxs:{width:16,height:16,fontSize:6,borderRadius:4}};export{SIZES,SIZES_SQUARE};

package/components/Avatar/default-constants.mjs

@@ -1 +0,0 @@
-const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};export{SIZES_DEFAULT,SIZES_MAPPING_RULES};

package/components/Avatar/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{getColor}from'../../mixins/color.mjs';const shouldForwardAvatarProp=createShouldForwardProp((o=>!['src','shadow','square','loading'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.theme.colors.white,backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors.mercury,shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors['bg-brand-primary-100'],shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardAvatarProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%',width:'1em',height:'1em'})}))).withConfig({componentId:"fox-ui__sc-1dzfgqr-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${o.src&&!o.loading?`\n          background-image: url(${o.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `:''}\n  `),(o=>o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),(o=>o.color&&!o.loading&&`background-color: ${getColor(o.color,o)};`),responsiveSize,responsiveMargin);export{Root};

package/components/Avatar/utils.mjs

@@ -1 +0,0 @@
-const abbreviateCaption=t=>t.split(' ').map((t=>t.trim())).filter((t=>t.length!==0)).slice(0,2).reduce(((t,e)=>{if(typeof e=='string'){const i=e.codePointAt(0);typeof i=='number'&&(t+=String.fromCodePoint(i))}return t}),'')||'#';export{abbreviateCaption};

package/components/Badge/Badge.mjs

@@ -1 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUND,SIZES}from'./constants.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const Badge=withMergedProps(forwardRef(((o,r)=>{const{size:e="s",borderRadius:t=3,textProps:s={},iconProps:i={},children:n,content:c,icon:m,...a}=o;const[d,p]=Array.isArray(m)?m:[m];const f={as:'span',size:'inherit',color:'inherit',marginLeft:d?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return jsx(Root,{...a,size:e,borderRadius:t,ref:r,children:typeof n=='function'?n({baseTextProps:f,textProps:s,iconBaseProps:x,iconProps:i,icon:m}):jsxs(Fragment,{children:[d&&jsx(Icon,{name:typeof d=='string'?d:void 0,icon:typeof d!='string'?d:void 0,...x,...i}),(n||c)&&jsx(Text,{...f,...s,children:n||c}),p&&jsx(Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...i})]})})})),{displayName:'Badge',sizes:o=>o.round?SIZES_ROUND:SIZES});export{Badge};

package/components/Badge/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}};const SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};export{SIZES,SIZES_ROUND};

package/components/Badge/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{display}from'../../mixins/display.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardBadgeProp=createShouldForwardProp((o=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-100'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-100'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-100'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'1.8em',width:o.round?'1.8em':void 0,paddingRight:o.round?void 0:'0.6em',paddingLeft:o.round?void 0:'0.6em'})}))).withConfig({componentId:"fox-ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${o.round?'50%':typeof o.borderRadius=='number'?`${o.borderRadius}px`:o.borderRadius};\n      cursor: default;\n    `),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&color(o.color,'background-color')),(o=>o.display&&display(o.display)),(o=>!o.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));export{Root};

package/components/Button/Button.mjs

@@ -1 +0,0 @@
-import{forwardRef}from'react';import{useTheme}from'styled-components';import{Link}from'react-router-dom';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND}from'./constants.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,PROPS_BY_SIZE}from'./default-constants.mjs';import{Root,LoaderIcon}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((o,e)=>{let{size:t="m",inline:s=!0,rounded:r=!0,color:n="accent",fontColor:i="white",textProps:m={},iconProps:a={},as:c,className:p,children:l,content:d,fontWeight:u,icon:f,innerRef:h,...S}=o;const E=useTheme();S.preset!=='default'||typeof t!='string'||S.round||(S={...PROPS_BY_SIZE[t]??{},...S}),S.href&&(c='a'),S.to&&(c=Link),S.primary&&(n='primary'),S.secondary&&(n='atlantis');const g=useClassname("Button",p);const j=useClassname("Button");const x=useComputedRel(E,S);const I=useComputedLinkProps(c,S);let[P,N]=Array.isArray(f)?f:[f];S.success&&(P='checkFill',N=null),S.preset==='brand'&&S.loading&&(P=jsx(LoaderIcon,{}),N=null);const _={as:'span',size:'inherit',color:'inherit',weight:u??(S.preset==='brand'?800:600),lineHeight:S.preset==='brand'?1.2:1,marginLeft:P?'0.25em':void 0,marginRight:N?'0.25em':void 0};const y={as:'span',color:'inherit'};return jsx(Root,{...S,...I,size:t,inline:s,color:n,fontColor:i,rounded:r,rel:x,as:c,className:g,ref:e??h,children:typeof l=='function'?l({baseTextProps:_,textProps:m,iconBaseProps:y,iconProps:a,icon:[P,N]}):jsxs(Fragment,{children:[P&&jsx(Icon,{className:"icon",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,...y,...a}),(l||d)&&jsx(Text,{className:`${j}__content`,..._,...m,children:l||d}),N&&jsx(Icon,{className:"icon",name:typeof N=='string'?N:void 0,icon:typeof N!='string'?N:void 0,...y,...a})]})})})),{displayName:"Button",sizes:o=>{let e=o.preset==='brand'?SIZES:SIZES_DEFAULT;return o.round&&(e=o.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),e}});export{Button,COMPONENT_NAME};

package/components/Button/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}};const SIZES_ROUND={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};export{SIZES,SIZES_ROUND};

package/components/Button/default-constants.mjs

@@ -1 +0,0 @@
-const SIZES_DEFAULT={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}};const SIZES_ROUND_DEFAULT={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};const PROPS_BY_SIZE={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}};export{PROPS_BY_SIZE,SIZES_DEFAULT,SIZES_ROUND_DEFAULT};

package/components/Button/hooks.mjs

@@ -1 +0,0 @@
-function useComputedRel(e,t){const r=e.utils?.relBuilder;let o;return t.href&&(o=t.rel,!o&&r&&t.autoRel&&(t.href||t.to)&&(o=r(t.href??t.to,t.target))),o}function useComputedLinkProps(e,t){let r={};return e===void 0||t.disabled||(e==='a'?r={href:t.href||t.to,target:t.target}:typeof e!='string'&&(r={to:t.to||t.href})),r}export{useComputedLinkProps,useComputedRel};

package/components/Button/style.mjs

@@ -1 +0,0 @@
-import styled,{keyframes,css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveFluidPropKeyRegExp,responsiveWidthPropKeyRegExp,responsivePaddingPropKeyRegExp,responsiveFontSizePropKeyRegExp,responsiveHeightPropKeyRegExp}from'../../shared/regexp.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const shouldForwardButtonProp=createShouldForwardProp((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(responsiveFluidPropKeyRegExp.test(o)||responsiveWidthPropKeyRegExp.test(o)||responsivePaddingPropKeyRegExp.test(o)||responsiveFontSizePropKeyRegExp.test(o)||responsiveHeightPropKeyRegExp.test(o))));const WIDTHS={xl:320,l:280,m:245,s:180,xs:140};const loadingAnimation=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const defaultLoadingStyles=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],loadingAnimation);const getWidth=o=>o==='auto'?'auto':typeof o=='number'||typeof o=='boolean'?o:o&&WIDTHS[o]?WIDTHS[o]:'auto';const fluidStyles=()=>css(["min-width:initial;width:100%;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={onColored:{clear:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-oncontrast-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-secondary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success||o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},danger:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['alert-bg-error-500'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['alert-bg-error-500'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},black:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.loading?o.theme.colors['content-onmain-inverse']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-onmain-inverse']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-onmain-contrast'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():o.theme.colors['bg-onmain-inverse'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-inverse'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-brand-primary'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-brand-primary-basic'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const defaultStyles=css([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':`\n      &:active {\n        box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n      }\n      &:hover {\n        color: ${o.fontColor};\n        background-color: ${tinycolor(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString()};\n      }\n      ${o.inverted||o.basic||o.outline?`\n              &:not(:hover) {\n                border: 1px solid ${o.theme.colors[o.color]};\n              }\n              &:hover {\n                border: 1px solid ${o.theme.colors[o.color]};\n              }\n            `:''}\n    `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),color(o.color,r)}),(o=>{let r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),color(o.fontColor,r)}),(o=>o.disabled?`\n      cursor: not-allowed;\n      background-color: ${o.theme.colors.mercury};\n      color: ${o.theme.colors.silver};\n    `:''),(o=>o.basic||o.outline?'background-color: transparent;':''));const Root=styled.button.withConfig({shouldForwardProp:shouldForwardButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{let r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);let e='0px';o.rounded&&(e=o.preset==='brand'?'48px':'5px'),o.round&&(e='50%');let t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),`\n      display: ${r};\n      border-radius: ${e};\n      cursor: ${t};\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      justify-content: center;\n      align-items: center;\n      user-select: none;\n      border: none;\n      text-decoration: none;\n      appearance: none;\n      white-space: nowrap;\n      text-align: center;\n      vertical-align: top;\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            overflow: hidden;\n            transition-property: background-color, color;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='default')return defaultStyles;let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.danger&&(r=COLOR_SCHEMA.danger),o.onColored&&(r=COLOR_SCHEMA.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),focus,responsiveSize,(o=>o.padding?property(o.padding,'padding'):null),(o=>o.paddingTop?property(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?property(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?property(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?property(o.paddingLeft,'padding-left'):null),(o=>o.margin?property(o.margin,'margin'):null),(o=>o.marginTop?property(o.marginTop,'margin-top'):null),(o=>o.marginRight?property(o.marginRight,'margin-right'):null),(o=>o.marginBottom?property(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?property(o.marginLeft,'margin-left'):null),(o=>o.fontSize?property(o.fontSize,'font-size'):null),(o=>o.height?property(o.height,'height'):null),(o=>{const r=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?property(getWidth(o.width),r):null}),(({paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n})=>responsiveNamedProperty({sizes:{paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n})=>responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n})=>responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n})=>responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n})=>responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n})=>responsiveNamedProperty({sizes:{marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n},cssProperty:'margin'})),(({marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n})=>responsiveNamedProperty({sizes:{marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n},cssProperty:'margin-top'})),(({marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n})=>responsiveNamedProperty({sizes:{marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n},cssProperty:'margin-right'})),(({marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n})=>responsiveNamedProperty({sizes:{marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n},cssProperty:'margin-bottom'})),(({marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n})=>responsiveNamedProperty({sizes:{marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n},cssProperty:'margin-left'})),(({fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n})=>responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n})=>responsiveNamedProperty({sizes:{heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n,fluid:s,width:c})=>responsiveNamedProperty({sizes:{widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n},cssProperty:s&&c!=='auto'?'max-width':'width',customSizeHandler:getWidth})),(o=>o.fluid?property(o.fluid,fluidStyles):null),(({fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n})=>responsiveNamedProperty({sizes:{fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const LoaderIcon=styled(LoaderFill_2).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{LoaderIcon,Root};

package/components/Checkbox/Checkbox.mjs

@@ -1 +0,0 @@
-import{forwardRef}from'react';import{useTheme}from'styled-components';import cx from'clsx';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{CheckboxGroup}from'./Group.mjs';import{Root,Input,Background,BrandMask,CheckIcon,DefaultMask,Content}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{InputCheckbox}from'../InputCheckbox/InputCheckbox.mjs';const COMPONENT_NAME='Checkbox';const Checkbox=forwardRef(((e,o)=>{const s=useTheme();const r=useClassname("Checkbox");const{preset:n,style:t,id:c,name:a,value:d,disabled:i,error:m,success:l,fluid:h,children:u,label:k,checked:C,defaultChecked:x,background:p,onColored:b,size:f="m",inline:j=!0,width:g=s.defaultInputControlsWidth,className:y,onChange:I=()=>{},...N}=useConfigPriority(s.components?.Checkbox,e);let M=s.preset==='brand';typeof n=='string'&&(M=n==='brand');const P=cx(r,y,C&&`${r}--checked`);const w=`${r}__label`;return jsxs(Root,{ref:o,className:P,style:t,fluid:h,disabled:i,htmlFor:c||a,size:f,inline:j,width:g,error:m,success:l,background:p,onColored:b,brandPresetUsed:M,children:[jsx(Input,{...N,...C===void 0?{defaultChecked:x}:{checked:C},id:c||a,name:a,type:"checkbox",value:d,disabled:i,onChange:I}),M?jsxs(Fragment,{children:[p&&jsx(Background,{}),jsx(BrandMask,{children:jsx(CheckIcon,{})})]}):jsx(DefaultMask,{}),(k||u)&&jsx(Content,{className:w,children:k||u})]})}));Checkbox.Input=InputCheckbox,Checkbox.Group=CheckboxGroup,Checkbox.displayName="Checkbox";export{COMPONENT_NAME,Checkbox};

package/components/Checkbox/Group.mjs

@@ -1 +0,0 @@
-import{Group}from'./style.mjs';import{jsx}from'react/jsx-runtime';const CheckboxGroup=({children:r,...o})=>jsx(Group,{...o,children:r});export{CheckboxGroup};

package/components/Checkbox/images/check-default.svg.js

@@ -1 +0,0 @@
-'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _rect,_g;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},e),_rect||(_rect=React__namespace.createElement("rect",{width:19.091,height:19.091,x:.455,y:.455,fill:"#fff",stroke:"#B8B8B8",rx:5})),_g||(_g=React__namespace.createElement("g",{fill:"none"},React__namespace.createElement("rect",{width:20,height:20,fill:"#1A96F6",rx:5}),React__namespace.createElement("path",{stroke:"#fff",strokeWidth:2,d:"M6 9.99 9 13l6-6"}))));

package/components/Checkbox/images/check-default.svg.mjs

@@ -1 +0,0 @@
-import*as React from'react';var _rect,_g;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const SvgCheckDefault=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},e),_rect||(_rect=React.createElement("rect",{width:19.091,height:19.091,x:.455,y:.455,fill:"#fff",stroke:"#B8B8B8",rx:5})),_g||(_g=React.createElement("g",{fill:"none"},React.createElement("rect",{width:20,height:20,fill:"#1A96F6",rx:5}),React.createElement("path",{stroke:"#fff",strokeWidth:2,d:"M6 9.99 9 13l6-6"}))));export{SvgCheckDefault as default};

package/components/Checkbox/images/check.svg.js

@@ -1 +0,0 @@
-'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 9"},e),_path||(_path=React__namespace.createElement("path",{stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M10.5 1.5 4.312 8 1.5 5.045"})));

package/components/Checkbox/images/check.svg.mjs

@@ -1 +0,0 @@
-import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const SvgCheck=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 9"},e),_path||(_path=React.createElement("path",{stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M10.5 1.5 4.312 8 1.5 5.045"})));export{SvgCheck as default};

package/components/Checkbox/style.mjs

@@ -1,10 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{screenMaxS}from'../../mixins/screen.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';import SvgCheckDefault from'./images/check-default.svg.mjs';import SvgCheck from'./images/check.svg.mjs';const DEFAULT_SIZES={extraSmall:12,xs:12,small:14,s:14,medium:16,m:16,large:18,l:18,extraLarge:20,xl:20};const BRAND_SIZES={extraSmall:16,xs:16,small:20,s:20,medium:24,m:24,large:28,l:28,extraLarge:32,xl:32};const STATIC_SIZES=['extraSmall','xs','small','s','medium','m','large','l','extraLarge','xl'];const baseStyles=css(["",""],(o=>`\n    &,\n    & * {\n      box-sizing: border-box;\n    }\n    position: relative;\n    cursor: pointer;\n    padding: ${o.background?12:0}px;\n    display: ${o.inline?'inline-flex':'flex'};\n    align-items: baseline;\n    isolation: isolate;\n    & + & {\n      margin-left: 15px;\n    }\n  `));const Input=styled.input.withConfig({componentId:"fox-ui__sc-9s6oap-0"})(["position:absolute;opacity:0;z-index:-1;&:focus{outline:none;}"]);const Background=styled.span.withConfig({componentId:"fox-ui__sc-9s6oap-1"})(["border-radius:8px;border:1px solid;border-color:transparent;overflow:hidden;&::before{content:'';opacity:0;}&,&::before{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:border-color,background-color,opacity;transition-duration:150ms;transition-timing-function:ease-in;}"]);const DefaultMask=styled(SvgCheckDefault).withConfig({componentId:"fox-ui__sc-9s6oap-2"})(["position:relative;top:2px;width:1em;height:1em;flex-shrink:0;g{opacity:0;transition:opacity 200ms ease;}"]);const BrandMask=styled.div.withConfig({componentId:"fox-ui__sc-9s6oap-3"})(["position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;border-radius:4px;border:1px solid;border-color:transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);const CheckIcon=styled(SvgCheck).withConfig({componentId:"fox-ui__sc-9s6oap-4"})(["width:50%;opacity:0;"]);const Content=styled.span.withConfig({componentId:"fox-ui__sc-9s6oap-5"})(["position:relative;margin-left:10px;"]);const template=o=>`\n  & > ${Content} {\n    color: ${o.fontColor};\n  }\n  & > ${BrandMask} {\n    background-color: ${o.bg};\n    color: ${o.color};\n    border-color: ${o.border};\n  }\n  & > ${Input}:checked ~ ${BrandMask} {\n    border-color: transparent;\n    background-color: ${o.bgChecked};\n  }\n  & > ${Input}:checked ~ ${BrandMask} > ${CheckIcon} {\n    opacity: 1;\n  }\n  & > ${Input}:disabled ~ ${Content} {\n    color: ${o.colorDisabled};\n  }\n  &:hover > ${BrandMask} {\n    border-color: ${o.borderHover};\n  }\n  &:focus {\n    outline: none;\n  }\n  & > ${Input}:focus-visible ~ ${BrandMask} {\n    outline: 1px solid ${o.outlineFocus};\n    outline-offset: 2px;\n  }\n`;const templateBackground=o=>`\n  & > ${Background} {\n    background-color: ${o.bg};\n    border-color: ${o.border};\n  }\n  & > ${Input}:checked ~ ${Background} {\n    background-color: ${o.bgChecked};\n    border-color: ${o.borderChecked};\n  }\n  &:hover > ${Background} {\n    background-color: ${o.bgHover};\n    border-color: ${o.borderHover};\n  }\n  &:hover > ${Background}::before {\n    background-color: ${o.beforeBgHover};\n    opacity: 1;\n  }\n`;const PRESET={default:{regular:css([""," ",""],(o=>template({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-basic'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['border-brand-primary'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-100'],borderChecked:o.theme.colors['border-brand-primary'],bgHover:o.theme.colors['bg-oncolor-hover'],borderHover:o.theme.colors['border-onmain-default-large'],beforeBgHover:'transparent'}):null)),error:css([""," ",""],(o=>template({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['alert-bg-error-100'],border:o.theme.colors['alert-error'],bgChecked:o.theme.colors['alert-bg-error-100'],borderChecked:o.theme.colors['alert-error'],bgHover:o.theme.colors['alert-bg-error-100'],borderHover:o.theme.colors['alert-error'],beforeBgHover:'transparent'}):null)),success:css([""," ",""],(o=>template({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['alert-bg-success-100'],border:o.theme.colors['alert-success'],bgChecked:o.theme.colors['alert-bg-success-100'],borderChecked:o.theme.colors['alert-success'],bgHover:o.theme.colors['alert-bg-success-100'],borderHover:o.theme.colors['alert-success'],beforeBgHover:'transparent'}):null)),disabled:css(["cursor:auto;"," ",""],(o=>template({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['bg-disabled-large'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-large'],borderChecked:o.theme.colors['bg-disabled-active'],bgHover:o.theme.colors['bg-disabled-large'],borderHover:o.theme.colors['border-disabled'],beforeBgHover:'transparent'}):null))},onColored:{regular:css([""," ",""],(o=>template(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-basic'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['border-brand-primary'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-brand-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-oncolor-primary'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['content-oncolor-primary'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-onmain-default-large'],bgChecked:o.theme.colors['bg-onmain-primary'],borderChecked:o.theme.colors['border-onmain-default-large'],bgHover:o.theme.colors['bg-onmain-secondary'],borderHover:o.theme.colors['border-onmain-default-large'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),error:css([""," ",""],(o=>template(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['alert-bg-error-100'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-100'],borderChecked:o.theme.colors['alert-error'],bgHover:o.theme.colors['alert-bg-error-100'],borderHover:o.theme.colors['alert-error'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),success:css([""," ",""],(o=>template(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['alert-bg-success-100'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-100'],borderChecked:o.theme.colors['alert-success'],bgHover:o.theme.colors['alert-bg-success-100'],borderHover:o.theme.colors['alert-success'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),disabled:css(["cursor:auto;"," ",""],(o=>template(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?templateBackground({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-oncolor-disabled'],bgChecked:o.theme.colors['bg-onmain-secondary'],borderChecked:o.theme.colors['border-oncolor-disabled'],bgHover:o.theme.colors['bg-onmain-secondary'],borderHover:o.theme.colors['border-oncolor-disabled'],beforeBgHover:'transparent'}):null))}};const PRESET_DEFAULT={default:css([""," ",""],(o=>o.error?`\n          & > ${DefaultMask} > rect { \n            fill: ${tinycolor(o.theme.colors.pomegranate).setAlpha(.1).toString()};\n            stroke: ${o.theme.colors.pomegranate};\n          }  \n          & > ${DefaultMask} g > rect {\n            fill: ${o.theme.colors.pomegranate};\n          }\n        `:null),(o=>`\n      color: ${o.disabled?o.theme.colors.alto:o.theme.colors.mineShaft};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      & > ${Input}:checked ~ ${DefaultMask} g {\n        opacity: 1;\n      }\n      & > ${Input}:disabled ~ ${DefaultMask} > rect {\n        fill: ${o.theme.colors.white};\n        stroke: ${o.theme.colors.grey};\n      }\n      & > ${Input}:checked:disabled ~ ${DefaultMask} g > rect {\n        fill: ${o.theme.colors.alto};\n      }\n      &:focus {\n        outline: none;\n      }\n      & > ${Input}:focus-visible ~ ${DefaultMask} {\n        outline: 1px solid ${o.theme.colors.accent};\n        outline-offset: 2px;\n      }\n    `))};const Root=styled.label.withConfig({shouldForwardProp:o=>['children','htmlFor','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-9s6oap-6"})([""," "," "," "," ",""],baseStyles,(o=>o.brandPresetUsed?o.disabled&&!o.onColored?PRESET.default.disabled:o.disabled&&o.onColored?PRESET.onColored.disabled:!o.error||o.success||o.onColored?o.error&&!o.success&&o.onColored?PRESET.onColored.error:!o.success||o.error||o.onColored?o.success&&!o.error&&o.onColored?PRESET.onColored.success:o.onColored?PRESET.onColored.regular:PRESET.default.regular:PRESET.default.success:PRESET.default.error:PRESET_DEFAULT.default),(o=>{const e=o.brandPresetUsed?BRAND_SIZES:DEFAULT_SIZES;return STATIC_SIZES.includes(o.size)?`font-size: ${e[o.size]}px;`:responsiveProperty('size','font-size')}),(o=>responsiveProperty('width',o.fluid&&o.width!=='auto'&&!Array.isArray(o.width)?'max-width':'width')),(o=>o.fluid?'width: 100%;':null));const Group=styled.div.withConfig({shouldForwardProp:o=>o!=='inline'}).withConfig({componentId:"fox-ui__sc-9s6oap-7"})(["",""],(o=>o.inline?css(["display:flex;flex-direction:row;> ",":first-child{margin-left:0;}> ",":not(:first-child){margin-left:15px;}",""],Root,Root,screenMaxS()`
-            flex-direction: column;
-            > ${Root}:first-child {
-              margin-top: 0;
-            }
-            > ${Root}:not(:first-child) {
-              margin-top: 15px;
-              margin-left: 0;
-            }
-          `):`\n          display: flex;\n          flex-direction: column;\n          > ${Root}:first-child {\n            margin-top: 0;\n            margin-left: 0;\n          }\n          > ${Root}:not(:first-child) {\n            margin-top: 15px;\n            margin-left: 0;\n          }\n      `));export{Background,BrandMask,CheckIcon,Content,DefaultMask,Group,Input,Root};

package/components/Chip/Chip.mjs

@@ -1 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Avatar}from'../Avatar/Avatar.mjs';import{Text}from'../Text/Text.mjs';import{Indicator}from'../Indicator/Indicator.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const Chip=withMergedProps(forwardRef(((t,o)=>{const{size:r="m",textProps:e={},captionProps:s={},iconProps:i={},avatarProps:n={},indicatorProps:c={},discardButtonProps:a={},sizeXXS:p,sizeXS:d,sizeS:m,sizeM:x,sizeL:f,sizeXL:j,children:l,text:h,caption:z,icon:I,...y}=t;let u='div';let P;y.onClick&&(u='button'),a.onClick&&(u='div'),u==='button'&&(P='button'),y.type&&(P=y.type);const g={size:r,sizeXXS:p,sizeXS:d,sizeS:m,sizeM:x,sizeL:f,sizeXL:j};const[v,b]=Array.isArray(I)?I:[I];const S={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:z?1.3:1};const C={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const X={icon:'close',square:!0,disabled:y.disabled};return jsx(Root,{...y,...g,as:u,type:P,ref:o,children:typeof l=='function'?l({textProps:S,captionProps:C,discardButtonProps:X}):jsxs(Fragment,{children:[v&&jsx(Icon,{preset:"brand",name:typeof v=='string'?v:void 0,icon:typeof v!='string'?v:void 0,...i}),(n.src||n.text)&&jsx(Avatar,{...g,preset:"brand",...n}),jsxs(Content,{children:[jsx(Text,{...S,...e,children:l??h}),z&&jsx(Text,{...C,...s,children:z})]}),(c.children||c.text)&&jsx(Indicator,{...g,...c}),b&&jsx(Icon,{preset:"brand",name:typeof b=='string'?b:void 0,icon:typeof b!='string'?b:void 0,...i}),a.onClick&&jsx(IconButton,{...g,...X,...a})]})})})),{displayName:'Chip',sizes:SIZES});export{Chip};

package/components/Chip/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},l:{fontSize:18,minHeight:40,padding:8,borderRadius:8},m:{fontSize:16,minHeight:36,padding:7,borderRadius:8},s:{fontSize:14,minHeight:32,padding:6,borderRadius:7},xs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4}};export{SIZES};

package/components/Chip/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardChipProp=createShouldForwardProp((o=>!['outline','black','active','cursor'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))),black:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette})))},secondary:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-secondary']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette})))},outline:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette}))),black:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette})))}},contrast:{primary:{default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))),black:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette})))},secondary:{default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette})))},outline:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette}))),black:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette})))}}};const Content=styled.span.withConfig({componentId:"fox-ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;text-align:start;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardChipProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,padding:'0.4em',borderRadius:'0.2em'})}).withConfig({componentId:"fox-ui__sc-ndhge9-1"})([""," "," "," "," ",""],(o=>{let r='default';return o.as==='button'&&(r='pointer'),o.as==='button'&&o.disabled&&(r='not-allowed'),o.cursor&&(r=o.cursor),`\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ${r};\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ${Content}:first-child {\n        margin-left: 0.4em;\n      }\n      & > ${Content}:last-child {\n        margin-right: 0.4em;\n      }\n    `}),(o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let e=r.primary;return o.secondary&&(e=r.secondary),o.outline&&(e=r.outline),o.black?e.black:e.default}),focus,responsiveSize,responsiveMargin);export{Content,Root};

package/components/Container/Container.mjs

@@ -1 +0,0 @@
-import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Container(o){return jsx(Root,{...o})}Container.displayName='Container';export{Container};

package/components/Container/style.mjs

@@ -1,7 +0,0 @@
-import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{screenL,screenM,screenMaxS}from'../../mixins/screen.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;margin:0 auto;padding:0 50px;box-sizing:border-box;"," "," "," "," "," "," ",""],(o=>o.theme.breakpoints.l-100+100),(o=>o.display?display(o.display):null),(o=>o.color?color(o.color,'background-color'):null),(o=>o.textAlign?css(["text-align:",";"],o.textAlign):null),(o=>o.fluid?css(["max-width:100%;"]):null),screenL()`
-    padding: 0 42px;
-  `,screenM()`
-    padding: 0 28px;
-  `,screenMaxS()`
-    padding: 0 20px;
-  `);export{Root};

package/components/ContextMenu/ContextMenu.mjs

@@ -1 +0,0 @@
-import{PureComponent,cloneElement}from'react';import{ContextMenuItem}from'./Item.mjs';import{Root}from'./style.mjs';import{tooltipStyles}from'./tooltip-styles.mjs';import{jsx}from'react/jsx-runtime';import{ContextMenuMultiLevel}from'../ContextMenu.Multilevel/ContextMenu.Multilevel.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';class ContextMenu extends PureComponent{static Item=ContextMenuItem;static MultiLevel=ContextMenuMultiLevel;static displayName='ContextMenu';static defaultProps={tooltipProps:{event:'click',placement:'left-start',offset:2,showCloseButton:!1,styles:tooltipStyles},hideOverlay:!1};constructor(t){super(t),this.state={isOpen:this.props.isOpen||!1}}getOpen=()=>{const{isOpen:t}=this.props;return t!==void 0?t:this.state.isOpen||!1};openMenu=t=>{this.setState({isOpen:!0});const{onOpen:e}=this.props;e&&e(t)};closeMenu=t=>{this.setState({isOpen:!1});const{onClose:e}=this.props;e&&e(t)};toggleMenu=t=>{const{openMenu:e,closeMenu:o}=this;const s=this.getOpen();return t.persist(),t.preventDefault(),t.stopPropagation(),s?o(t):e(t),!1};render(){const{className:t,tooltipProps:e={},trigger:o,children:s,hideOverlay:n}=this.props;const i=this.getOpen();return s&&(e.content=s),jsx(Root,{className:t,isOpen:i,onClick:this.toggleMenu,hideOverlay:n,children:jsx(Tooltip,{...e,open:i,children:jsx("div",{onClick:this.closeMenu,children:o&&cloneElement(o,{active:i})})})})}}export{ContextMenu};

package/components/ContextMenu/Item.mjs

@@ -1 +0,0 @@
-import{DefaultColorNames}from'../../theme/colors.mjs';import{RootItem}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const disabledHandler=e=>(e.preventDefault(),e.preventDefault(),e.stopPropagation(),!1);function ContextMenuItem({children:e,id:t,content:o,active:s,disabled:n,onClick:a,className:l,style:i}){return jsxs(RootItem,{style:i,className:l,active:s,disabled:n,onClick:n?disabledHandler:a,"data-id":t,children:[e,jsx(Text,{size:"s",lineHeight:"s",color:DefaultColorNames.mineShaft,children:o})]})}ContextMenuItem.displayName='ContextMenu.Item';export{ContextMenuItem};

package/components/ContextMenu/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';const isOpen=css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],(o=>o.theme.zIndex.tooltip));const disabledItem=css(["background-color:",";opacity:0.6;cursor:default;"],(o=>o.theme.colors.alabaster));const notDisabledItem=css(["&:hover{background-color:",";}"],(o=>o.theme.colors.onahau));const Root=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(o=>o.isOpen&&Boolean(o.hideOverlay)===!1?isOpen:null));const RootItem=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','data-id'].includes(o)}).withConfig({componentId:"fox-ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],(o=>o.active?css(["background-color:",";"],o.theme.colors.onahau):null),(o=>o.disabled?disabledItem:notDisabledItem));export{Root,RootItem};

package/components/ContextMenu/tooltip-styles.mjs

@@ -1 +0,0 @@
-const tooltipStyles={wrapper:{display:'inline-block',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',WebkitFilter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',maxWidth:300,minWidth:200,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:99},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:4,border:'1px solid #E9E9E9',color:'#333',backgroundColor:'#fff',minHeight:32,minWidth:180,padding:'0',position:'relative',display:'block',overflow:'hidden'},content:{display:'block'},arrow:{display:'none'}};export{tooltipStyles};

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs

@@ -1 +0,0 @@
-import{PureComponent}from'react';import{ContextMenu}from'../ContextMenu/ContextMenu.mjs';import{Heading}from'./Heading.mjs';import{SubHeading}from'./SubHeading.mjs';import{Controls}from'./Controls.mjs';import{MultilevelItems}from'./style.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';class ContextMenuMultiLevel extends PureComponent{static displayName='ContextMenu.MultiLevel';static defaultProps={config:{}};constructor(t){super(t),this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}onSelectItem=t=>{const{id:e,level:n}=t;const{selectedItems:o}=this.state;const s=[...o.slice(0,n),e];this.setState({selectedItems:s}),typeof this.props.onSelectItem=='function'&&this.props.onSelectItem(t,n)};getCurrentConfig=()=>{const{config:t}=this.props;const{selectedItems:e}=this.state;if(!t)return null;if(!e.length)return t;try{return e.reduce(((t,e)=>t.items&&t.items.find((t=>t.id===e))?.config||{}),t)}catch(t){return null}};reset=()=>{this.resetTimeout=setTimeout((()=>this.setState({selectedItems:[]})),200)};itemOnClickHandler=t=>{const e=this.getCurrentConfig();if(!e)throw new Error('Config not found');const{items:n=[]}=e;const{currentTarget:o}=t;const{id:s=null}=o.dataset;if(s===null)throw new Error('Data-id for item not found');const i=n.find((t=>`${t.id}`===s));if(!i)throw new Error('Item not found');(i.config||i.preventClosing)&&(t.preventDefault(),t.stopPropagation()),i.config&&this.onSelectItem(i),typeof i.onClick=='function'&&i.onClick(i)};render(){const{children:t,className:e,tooltipProps:n,isOpen:o,trigger:s,...i}=this.props;const{selectedItems:r}=this.state;const l=this.getCurrentConfig();const{config:c,onSelectItem:m,...u}=i;return jsxs(ContextMenu,{className:e,tooltipProps:n,isOpen:o,onClose:this.reset,trigger:s,...u,children:[t,jsxs(Fragment,{children:[jsx(Spacer,{top:9}),l?.heading?jsx(Heading,{content:l.heading}):null,l?.subheading?jsx(SubHeading,{content:l.subheading}):null,l?.items?jsx(MultilevelItems,{children:l.items.map((t=>jsx(ContextMenu.Item,{id:t.id,content:t.content,active:t.level&&Boolean(r[t.level]===t.id)||t.active,onClick:this.itemOnClickHandler},t.id)))}):null,l?.controls?jsx(Controls,{...l.controls}):jsx(Spacer,{top:9})]})]})}}export{ContextMenuMultiLevel};

package/components/ContextMenu.Multilevel/Controls.mjs

@@ -1 +0,0 @@
-import{DefaultColorNames}from'../../theme/colors.mjs';import{ControlsRoot,ControlsItem}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';function Controls({cancel:o,confirm:e,className:l,style:t}){return jsxs(ControlsRoot,{className:l,style:t,children:[o?jsx(ControlsItem,{className:"cancel",role:"button",onClick:o.onClick,children:jsx(Text,{size:"m",lineHeight:"s",color:o.color||DefaultColorNames.silver,children:o.content})}):null,e?jsx(ControlsItem,{className:"confirm",role:"button",onClick:e.onClick,children:jsx(Text,{size:"m",lineHeight:"s",color:e.color||DefaultColorNames.accent,children:e.content})}):null]})}export{Controls};

package/components/ContextMenu.Multilevel/Heading.mjs

@@ -1 +0,0 @@
-import{DefaultColorNames}from'../../theme/colors.mjs';import{HeadingRoot}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';function Heading({children:e,content:o}){return jsxs(HeadingRoot,{children:[e,jsx(Text,{size:"s",lineHeight:"s",weight:"bold",color:DefaultColorNames.mineShaft,children:o})]})}export{Heading};

package/components/ContextMenu.Multilevel/SubHeading.mjs

@@ -1 +0,0 @@
-import{DefaultColorNames}from'../../theme/colors.mjs';import{SubHeadingRoot}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';function SubHeading({children:e,content:o}){return jsxs(SubHeadingRoot,{children:[e,jsx(Text,{size:"s",lineHeight:"s",color:DefaultColorNames.mineShaft,children:o})]})}export{SubHeading};

package/components/ContextMenu.Multilevel/style.mjs

@@ -1 +0,0 @@
-import styled from'styled-components';const HeadingRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-0"})(["display:block;padding:9px 20px 16px;user-select:none;text-transform:uppercase;"]);const SubHeadingRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-1"})(["display:block;padding:9px 20px 16px;user-select:none;"]);const ControlsRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-2"})(["display:flex;justify-content:space-between;border-top:1px solid ",";user-select:none;"],(o=>o.theme.colors.mercury));const ControlsItem=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-3"})(["padding:12px 20px;cursor:pointer;"]);const MultilevelItems=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-4"})(["max-height:170px;overflow:auto;-webkit-overflow-scrolling:touch;"]);export{ControlsItem,ControlsRoot,HeadingRoot,MultilevelItems,SubHeadingRoot};

package/components/Dropdown/Dropdown.mjs

@@ -1 +0,0 @@
-import{forwardRef,useMemo,useState,useRef,useEffect,createElement}from'react';import Fuse from'../../external/.pnpm/fuse.js@7.0.0/node_modules/fuse.js/dist/fuse.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{DropdownMenuNoOptions}from'./DropdownMenuNoOptions.mjs';import{SIZES,FuseSearchKeys,SIZES_MENU,SIZES_CHECKBOX}from'./constants.mjs';import{getDropdownInputText,getDropdownInputValue,getDropdownInputMultipleValue,groupDropdownOptions}from'./utils.mjs';import{ChevronIcon,Input}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{Chip}from'../Chip/Chip.mjs';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{ListItem}from'../ListItem/ListItem.mjs';import{InputCheckbox}from'../InputCheckbox/InputCheckbox.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';const COMPONENT_NAME='Dropdown';const Dropdown=withMergedProps(forwardRef(((e,o)=>{const{size:t="m",name:r="fox-dropdown",labelPosition:n="dynamic",optionsMultiToggle:s=!0,loading:a=!1,iconProps:l={},menuProps:i={},closeMenuOnScroll:c,contrast:d,defaultSelectedOption:u,icon:p,inputMode:m,label:b,loadingMessage:g,loadingIcon:f,loadingIconProps:C,maxLength:v,multiple:h,onCloseMenu:k,onOpenMenu:x,onSelectOption:y,options:I,optionsMultiToggleCaption:w,optionsEmptyMessage:D,optionsEmptyIcon:M,optionsEmptyIconProps:j,palette:E,placeholder:S,readOnly:P,required:z,status:L,sizeXXS:F,sizeXS:T,sizeS:K,sizeM:O,sizeL:B,sizeXL:N,sizeUnits:R,form:X,...H}=e;const _={size:t,sizeXXS:F,sizeXS:T,sizeS:K,sizeM:O,sizeL:B,sizeXL:N,sizeUnits:R};const Z={size:24,color:H.disabled?'content-disabled':'content-onmain-tertiary'};const U=useMemo((()=>{const e=new Fuse(I,{threshold:.4,ignoreLocation:!0,keys:[FuseSearchKeys.text,FuseSearchKeys.tags]});return o=>o.length===0?I:e.search(o).map((e=>e.item))}),[I]);const[A,V]=useState((()=>h?'':getDropdownInputText(u)));const[q,G]=useState((()=>getDropdownInputValue(u)));const[J,Q]=useState((()=>getDropdownInputMultipleValue(u)));const[W,Y]=useState((()=>U(A)));const[$,ee]=useState(!1);const oe=h?groupDropdownOptions(I,J):[[],[]];const te=$&&!H.disabled;const re=W.length===0||a;const ne=Boolean(te||A);const se=h?J.length===0:q.length===0;const ae=oe[0].length>0&&oe[1].length===0;const le=oe[0].length>0&&oe[1].length>0;const ie=useRef(null);const ce=useRef(null);const de=useRef(null);const ue=useRef(null);const pe=useRef(A);const me=useRef(te);useEffect((()=>(A===pe.current?Y(U(A)):(pe.current=A,ue.current=setTimeout((()=>{Y(U(A))}),150)),()=>{ue.current&&clearTimeout(ue.current)})),[U,A]),useEffect((()=>{te!==me.current&&(te&&x&&x(),!te&&k&&k(),me.current=te)}),[te,k,x]),useEffect((()=>{const handleScroll=e=>{ie.current?.focus(),ee(!1),e.currentTarget&&e.currentTarget.removeEventListener(e.type,handleScroll)};return c&&te&&document.addEventListener('scroll',handleScroll),()=>{document.removeEventListener('scroll',handleScroll)}}),[c,te]);const syncInputTextWithSelectedOption=()=>{let e='';if(!h){const o=I.find((e=>e.value===q));e=o?o.text:''}V(e)};return jsx(FormInputLabel,{...H,..._,ref:o,label:b,labelPosition:n,active:ne,onColored:d,error:L==='error',success:L==='success',icon:[p,jsx(ChevronIcon,{up:te},'chevron')],iconProps:{...Z,...l},palette:{color:H.disabled?E.labelColorDisabled:E.labelColor,colorHover:H.disabled?E.labelColorDisabled:E.labelColorHover,backgroundColor:H.disabled?E.backgroundColorDisabled:E.backgroundColor,backgroundColorHover:H.disabled?E.backgroundColorDisabled:E.backgroundColorHover,borderColor:H.disabled?E.borderColorDisabled:E.borderColor,borderColorHover:H.disabled?E.borderColorDisabled:E.borderColor},onClick:e=>{H.onClick&&H.onClick(e),H.disabled||(ie.current?.focus(),te?ce.current&&e.target instanceof Node&&!ce.current.contains(e.target)&&ee(!1):ee(!0))},onKeyUp:e=>{H.onKeyUp&&H.onKeyUp(e),keyboardKeys.Esc.validate(e.key)&&(ie.current?.focus(),ee(!1))},onPointerDown:e=>{H.onPointerDown&&H.onPointerDown(e),e.target!==ie.current&&e.target instanceof Node&&e.currentTarget.contains(e.target)&&e.preventDefault()},onBlur:e=>{H.onBlur&&H.onBlur(e),e.currentTarget.contains(e.relatedTarget)||(syncInputTextWithSelectedOption(),ee(!1))},input:jsxs(Fragment,{children:[jsx(Input,{ref:ie,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",inputMode:m,maxLength:v,placeholder:S,readOnly:P,required:z&&se,disabled:H.disabled,label:b,labelPosition:n,active:ne,value:A,palette:{color:E.color,colorDisabled:E.colorDisabled,placeholderColor:E.placeholderColor,placeholderColorDisabled:E.placeholderColorDisabled},onClick:e=>{te&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{V(e.currentTarget.value),ee(!0)},onKeyDown:e=>{keyboardKeys.Enter.validate(e.key)&&(syncInputTextWithSelectedOption(),ee(!1)),!keyboardKeys.Space.validate(e.key)||te&&e.currentTarget.selectionStart!==0||(e.preventDefault(),ee((e=>!e))),keyboardKeys.ArrowDown.validate(e.key)&&de.current&&(e.preventDefault(),focusFirstFocusable(de.current))}}),h?J.map((e=>jsx("input",{type:"hidden",name:r,value:e,form:X,disabled:H.disabled},e))):q.length>0&&jsx("input",{type:"hidden",name:r,value:q,form:X,disabled:H.disabled})]}),addon:h&&J.length>0?jsx(Chip,{size:"xs",active:!0,black:!0,disabled:H.disabled,cursor:H.disabled?'not-allowed':void 0,text:J.length,textProps:{appearance:'caption',size:'xs'},palette:H.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},discardButtonProps:{contrast:!H.disabled,onKeyDown:e=>{keyboardKeys.ArrowDown.validate(e.key)&&de.current&&(e.preventDefault(),focusFirstFocusable(de.current))},onClick:e=>{e.stopPropagation(),P||(Q([]),y&&y([]),ie.current?.focus(),ee(!0))}}}):void 0,dropdown:te?jsx(MenuComponent,{...i,ref:ce,sizeUnits:"%",sizes:SIZES_MENU,size:i.size??100,tabIndex:re?void 0:0,secondary:!d,elevated:d,disableAutoFocus:!0,palette:{backgroundColor:E.menuBackgroundColor,borderColor:E.menuBorderColor},onFocus:e=>{de.current&&e.target===e.currentTarget&&(de.current.contains(e.relatedTarget)?ie.current?.focus():focusFirstFocusable(de.current))},onKeyDown:e=>{keyboardKeys.Enter.validate(e.key)&&(ie.current?.focus(),syncInputTextWithSelectedOption(),ee(!1))},children:re?jsx(DropdownMenuNoOptions,{loading:a,loadingMessage:g,loadingIcon:f,loadingIconProps:{...Z,...C},emptyMessage:D,emptyIcon:M,emptyIconProps:{...Z,...j}}):jsx(MenuList,h?{ref:de,children:A.length>0?jsx(Fragment,{children:W.map((e=>{const o=J.includes(e.value);const t=e.status??L;const n=o&&t==='error';const s=o&&t==='success';return createElement(ListItem,{..._,key:e.value,text:e.text,danger:n,success:s,disabled:H.disabled,active:o,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:o,error:n,success:s,onChange:t=>{if(!P){const r=o?J.filter((o=>o!==e.value)):[...J,t.currentTarget.value];Q(r),y&&y(I.filter((e=>r.includes(e.value))))}}})})}))}):jsxs(Fragment,{children:[s&&jsx(ListItem,{..._,text:w,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,checked:ae,indeterminate:le,error:(ae||le)&&L==='error',success:(ae||le)&&L==='success',onChange:()=>{if(!P){const e=ae||le?[]:I.map((e=>e.value));Q(e),y&&y(e.length===0?[]:I)}}})}),s&&jsx(MenuDivider,{}),oe[0].map((e=>{const o=e.status??L;const t=o==='error';const n=o==='success';return createElement(ListItem,{..._,key:e.value,active:!0,text:e.text,danger:t,success:n,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:!0,error:t,success:n,onChange:e=>{if(!P){const o=J.filter((o=>o!==e.currentTarget.value));Q(o),y&&y(I.filter((e=>o.includes(e.value))))}}})})})),oe[0].length>0&&oe[1].length>0&&jsx(MenuDivider,{}),oe[1].map((e=>createElement(ListItem,{..._,key:e.value,text:e.text,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:!1,onChange:e=>{if(!P){const o=[...J,e.currentTarget.value];Q(o),y&&y(I.filter((e=>o.includes(e.value))))}}})})))]})}:{ref:de,children:W.map((e=>{const o=q===e.value;return createElement(ListItem,{..._,key:e.value,text:e.text,active:o,danger:o&&L==='error',success:o&&L==='success',disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:t=>{if(t.stopPropagation(),!P){const t=o?{value:'',text:''}:e;V(t.text),G(t.value),y&&y(t.value?t:null),ie.current?.focus(),ee(!t.value)}}})}))})}):void 0})})),{sizes:SIZES,displayName:"Dropdown"});export{COMPONENT_NAME,Dropdown};

package/components/Dropdown/DropdownMenuNoOptions.mjs

@@ -1 +0,0 @@
-import{IconContainer,LoadingIconAnimated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const DropdownMenuNoOptions=n=>{const{loadingIcon:o=jsx(LoadingIconAnimated,{}),emptyIcon:e="redo",loadingIconProps:r={},emptyIconProps:t={},loading:i,loadingMessage:a,emptyMessage:s}=n;return jsxs(MenuContainer,{children:[jsx(IconContainer,{children:jsx(Icon,i?{...r,preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0}:{...t,preset:"brand",name:typeof e=='string'?e:void 0,icon:typeof e!='string'?e:void 0})}),i&&a&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}),!i&&s&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s})]})};export{DropdownMenuNoOptions};

package/components/Dropdown/constants.mjs

@@ -1 +0,0 @@
-import{SIZES as SIZES$1}from'../FormInputLabel/constants.mjs';import{SIZES as SIZES$2}from'../InputCheckbox/constants.mjs';const FuseSearchKeys={text:'text',tags:'tags'};const SIZES={xxxl:SIZES$1.l,xxl:SIZES$1.l,xl:SIZES$1.l,l:SIZES$1.l,m:SIZES$1.m,s:SIZES$1.s,xs:SIZES$1.s,xxs:SIZES$1.s,xxxs:SIZES$1.s};const SIZES_CHECKBOX={xxxl:SIZES$2.m,xxl:SIZES$2.m,xl:SIZES$2.m,l:SIZES$2.m,m:SIZES$2.s,s:SIZES$2.xs,xs:SIZES$2.xs,xxs:SIZES$2.xs,xxxs:SIZES$2.xs};const SIZES_MENU={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};export{FuseSearchKeys,SIZES,SIZES_CHECKBOX,SIZES_MENU};

package/components/Dropdown/style.mjs

@@ -1 +0,0 @@
-import styled,{keyframes}from'styled-components';import{ChevronDown as ChevronDown_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const Input=styled.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-519mcg-0"})([""," ",""],(o=>{let n='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(n=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(n=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${n};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(n={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${n.placeholderColor};\n  }\n  &:disabled {\n    color: ${n.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${n.placeholderColorDisabled};\n  }\n`;var n}));const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({componentId:"fox-ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown_2).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({componentId:"fox-ui__sc-519mcg-2"})(["",""],(o=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${o.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill_2).withConfig({componentId:"fox-ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{ChevronIcon,IconContainer,Input,LoadingIconAnimated};

package/components/Dropdown/utils.mjs

@@ -1 +0,0 @@
-const getDropdownInputText=t=>t?Array.isArray(t)?t[0]?t[0].text:'':t.text:'';const getDropdownInputValue=t=>t?Array.isArray(t)?t[0]?t[0].value:'':t.value:'';const getDropdownInputMultipleValue=t=>t?Array.isArray(t)?t.map((t=>t.value)):[t.value]:[];const groupDropdownOptions=(t,e)=>t.reduce(((t,o)=>(t[e.includes(o.value)?0:1].push(o),t)),[[],[]]);export{getDropdownInputMultipleValue,getDropdownInputText,getDropdownInputValue,groupDropdownOptions};

package/components/FormInputLabel/FormInputLabel.mjs

@@ -1 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Label,Caption,Dropdown}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='FormInputLabel';const FormInputLabel=withMergedProps(forwardRef(((r,e)=>{const{size:o="m",labelPosition:i="dynamic",textProps:t={},iconProps:n={},icon:s,input:a,label:p,text:m,controls:c,addon:l,dropdown:d,...f}=r;const[x,h]=Array.isArray(s)?s:[s];return jsxs(Root,{...f,size:o,labelPosition:i,ref:e,children:[x&&jsx(Spacer,{display:"flex",marginRight:12,children:jsx(Icon,{preset:"brand",name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...n})}),jsxs(Label,{size:"inherit",color:"inherit",...t,children:[a,p&&jsx(Caption,{children:p})]}),m&&jsx(Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:l||h||c?void 0:6,...t,children:m}),l&&jsx(Spacer,{display:"flex",marginLeft:12,children:l}),h&&jsx(Spacer,{display:"flex",marginLeft:12,marginRight:8,children:jsx(Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),c&&jsx(Spacer,{display:"flex",marginLeft:4,children:c}),d&&jsx(Dropdown,{children:d})]})})),{sizes:SIZES,displayName:"FormInputLabel"});export{COMPONENT_NAME,FormInputLabel};

package/components/FormInputLabel/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};export{SIZES};

package/components/FormInputLabel/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{Text}from'../Text/Text.mjs';const shouldForwardFormInputLabelProp=createShouldForwardProp((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));const Label=styled(Text).attrs({forwardedAs:'label'}).withConfig({componentId:"fox-ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);const Caption=styled.span.withConfig({componentId:"fox-ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:focus-within {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={onColored:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Dropdown=styled.div.withConfig({componentId:"fox-ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({componentId:"fox-ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{let e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';let r='1';let t='auto';o.labelPosition==='top'&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),o.labelPosition==='center'&&(e="translateY(-50%)",r=o.active?'0':'1',t=o.active?'-1':'auto');const n='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${n} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${n};\n        left: -${n};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${e};\n        opacity: ${r};\n        z-index: ${t};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `}),(o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),o.onColored&&(e=COLOR_SCHEMA.onColored),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default}),responsiveSize,responsiveMargin);export{Caption,Dropdown,Label,Root};

package/components/FormLabel/FormLabel.mjs

@@ -1 +0,0 @@
-import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Content,HintButton}from'./style.mjs';import{SIZES}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef((({size:e="m",textProps:o={},hint:s={},sizeXXS:t,sizeXS:n,sizeS:i,sizeM:r,sizeL:c,sizeXL:p,disabled:a,error:l,success:d,checked:m,onColored:z,children:b,control:x,label:f,palette:h,...j},u)=>{const P={size:e,sizeXXS:t,sizeXS:n,sizeS:i,sizeM:r,sizeL:c,sizeXL:p};const y={disabled:a,error:l,success:d,checked:m,onColored:z};const S=typeof x=='object'&&typeof x.props=='object'&&x.props!==null?x.props:{};const{textProps:M={},iconProps:E={}}=s;return jsxs(Root,{...j,...P,...y,palette:h,ref:u,children:[typeof x=='function'?x({...P,...y}):cloneElement(x,{...P,...y,...S}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",...o,children:f??b}),s.text&&jsx(Text,{as:"span",appearance:"caption",color:y.disabled?'content-disabled':'content-onmain-secondary',size:.8,sizeUnits:"em",marginTop:2,...M,children:s.text})]}),s.buttonProps&&jsx(HintButton,{...s.buttonProps,disabled:y.disabled||s.buttonProps.disabled,palette:h,type:"button",children:jsx(Icon,s.icon===void 0?{as:"span",size:20,name:"helpCircle",...E}:{as:"span",size:20,name:typeof s.icon=='string'?s.icon:void 0,icon:typeof s.icon!='string'?s.icon:void 0,...E})})]})})),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};

package/components/FormLabel/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{fontSize:26},xxl:{fontSize:24},xl:{fontSize:22},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}};export{SIZES};

package/components/FormLabel/style.mjs

@@ -1 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardFormLabelProp=createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},onColored:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({componentId:"fox-ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `),(o=>{if(o.clear)return'';const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize,responsiveMargin);const Content=styled.span.withConfig({componentId:"fox-ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const HintButton=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-mry1kz-2"})(["box-sizing:border-box;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:start;border-radius:50%;background-color:transparent;margin-left:6px;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={hintColor:o.theme.colors['content-onmain-tertiary'],hintBackgroundColor:o.theme.colors.transparent,hintColorHover:o.theme.colors['content-onmain-primary'],hintBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),hintColorActive:o.theme.colors['content-onmain-primary'],hintBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],hintColorDisabled:o.theme.colors['content-disabled'],hintBackgroundColorDisabled:o.theme.colors.transparent,...o.palette}).hintColor};\n  background-color: ${r.hintBackgroundColor};\n  &:hover {\n    color: ${r.hintColorHover};\n    background-color: ${r.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.hintColorActive};\n    background-color: ${r.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.hintColorDisabled};\n    background-color: ${r.hintBackgroundColorDisabled};\n  }\n`;var r}),focus);export{Content,HintButton,Root};

package/components/Icon/Icon.mjs

@@ -1 +0,0 @@
-import{forwardRef,useState,useEffect}from'react';import{useTheme}from'styled-components';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES}from'./constants.mjs';import{ICONS,ICONS_DEFAULT}from'./list.mjs';import{Root}from'./style.mjs';import{BackgroundWorker}from'./bg-worker.mjs';import{jsx}from'react/jsx-runtime';const cache={};const worker=new BackgroundWorker;worker.run((({xhr:e,url:o})=>{e.open('GET',o),e.send()}));const fetchImage=async e=>{let o=0;return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.responseType='text',r.open('GET',e),r.send(),r.onload=()=>{t(r.response)},r.onerror=()=>{o++,o<3&&worker.add({url:e,xhr:r}),o>=3&&n(new Error(`Failed to load icon "${name}" from "${e}" after 3 attempts.`))}}))};const Icon=withMergedProps(forwardRef(((e,o)=>{const t=useTheme();const{assetHost:n}=t;const{size:r="inherit",name:s="unknown",icon:c,preset:a,...m}=e;const l=`${a}_${s}`;const[i,d]=useState(cache[l]??null);const u=useClassname("Icon",m.className);const f=s==='unknown'?null:(a==='brand'?ICONS:ICONS_DEFAULT)[s];useEffect((()=>{f&&(cache[l]&&cache[l]!==null?d(cache[l]):cache[l]!==null?(async()=>{cache[l]=null;let e=typeof f=='string'?f:'';e||typeof f!='function'||(e=(await f()).default);let o='';try{o=await fetchImage(`${n??''}${e}`)}catch(e){console.error(e)}cache[l]=o,d(o),document.dispatchEvent(new CustomEvent(`IconLoaded_${l}`,{detail:{name:s,content:o}}))})():document.addEventListener(`IconLoaded_${l}`,(e=>{const o=e.detail;o&&o.name===s&&o.content&&d(o.content)}),{once:!0}))}),[f,s,l,n]);const p=c?{children:c}:{dangerouslySetInnerHTML:{__html:i}};return jsx(Root,{...m,size:r,className:u,ref:o,...p})})),{displayName:"Icon",sizes:SIZES});export{Icon};

package/components/Icon/bg-worker.js

@@ -1 +0,0 @@
-'use strict';exports.BackgroundWorker=class BackgroundWorker{_stack=[];_handler=()=>{};add(s){this._stack.push(s)}run(s){this._handler=s,this._process()}_process=async()=>{const s=this._stack.pop();s!==void 0&&s!==null?(await this._handler(s),setTimeout(this._process,100)):setTimeout(this._process,500)}};

package/components/Icon/bg-worker.mjs

@@ -1 +0,0 @@
-class BackgroundWorker{_stack=[];_handler=()=>{};add(s){this._stack.push(s)}run(s){this._handler=s,this._process()}_process=async()=>{const s=this._stack.pop();s!==void 0&&s!==null?(await this._handler(s),setTimeout(this._process,100)):setTimeout(this._process,500)}}export{BackgroundWorker};

package/components/Icon/constants.mjs

@@ -1 +0,0 @@
-const SIZES={xxxl:{fontSize:42},xxl:{fontSize:38},xl:{fontSize:34},l:{fontSize:30},m:{fontSize:26},s:{fontSize:22},xs:{fontSize:18},xxs:{fontSize:14},xxxs:{fontSize:10}};export{SIZES};

package/components/Icon/images/blackBoard.svg.js

@@ -1 +0,0 @@
-'use strict';module.exports="assets/blackBoard.b70f3fa458cf50c0.svg";

package/components/Icon/images/blackBoard.svg.mjs

@@ -1 +0,0 @@
-var BlackBoard="assets/blackBoard.b70f3fa458cf50c0.svg";export{BlackBoard as default};

package/components/Icon/images/book.svg.js

@@ -1 +0,0 @@
-'use strict';module.exports="assets/book.48991ce60498c971.svg";