npm - @foxford/ui - Versions diffs - 2.39.0-beta-750e574-20240814 → 2.39.0-beta-cbc88d8-20240820 - Mend

@foxford/ui 2.39.0-beta-750e574-20240814 → 2.39.0-beta-cbc88d8-20240820

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

Files changed (203) hide show

package/components/Separator/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var Text$1=require('../Text/Text.js');const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=~~styled~~(Text$1.Text).withConfig({componentId:"~~fox-~~ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],(t=>t.theme.colors.white));const TextRoot=~~styled~~.div.withConfig({componentId:"~~fox-~~ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=~~styled~~.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({componentId:"~~fox-~~ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentColor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>styled.css(["height:",";"],WEIGHT_MAP[t.weight\|\|1])),(t=>t.color?color.color(t.color,'color'):null),(t=>t.padding?responsiveProperty.property(t.padding,'padding'):null),(t=>t.paddingTop?responsiveProperty.property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?responsiveProperty.property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?responsiveProperty.property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?responsiveProperty.property(t.paddingLeft,'padding-left'):null),(t=>t.margin?responsiveProperty.property(t.margin,'margin'):null),(t=>t.marginTop?responsiveProperty.property(t.marginTop,'margin-top'):null),(t=>t.marginRight?responsiveProperty.property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?responsiveProperty.property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?responsiveProperty.property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:r,paddingM:o,paddingL:i,paddingXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:t,paddingS:r,paddingM:o,paddingL:i,paddingXL:e},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:i,paddingTopXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:i,paddingTopXL:e},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:i,paddingRightXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:i,paddingRightXL:e},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:i,paddingBottomXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:i,paddingBottomXL:e},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:i,paddingLeftXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:i,paddingLeftXL:e},cssProperty:'padding-left'})),(({marginXS:t,marginS:r,marginM:o,marginL:i,marginXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:t,marginS:r,marginM:o,marginL:i,marginXL:e},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:i,marginTopXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:i,marginTopXL:e},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:i,marginRightXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:i,marginRightXL:e},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:i,marginBottomXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:i,marginBottomXL:e},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:i,marginLeftXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:i,marginLeftXL:e},cssProperty:'margin-left'})),(t=>t.top?responsiveProperty.property(t.top,'padding-top'):null),(t=>t.right?responsiveProperty.property(t.right,'padding-right'):null),(t=>t.bottom?responsiveProperty.property(t.bottom,'padding-bottom'):null),(t=>t.left?responsiveProperty.property(t.left,'padding-left'):null),(({topXS:t,topS:r,topM:o,topL:i,topXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:t,topS:r,topM:o,topL:i,topXL:e},cssProperty:'padding-top'})),(({rightXS:t,rightS:r,rightM:o,rightL:i,rightXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:t,rightS:r,rightM:o,rightL:i,rightXL:e},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:r,bottomM:o,bottomL:i,bottomXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:t,bottomS:r,bottomM:o,bottomL:i,bottomXL:e},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:r,leftM:o,leftL:i,leftXL:e})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:t,leftS:r,leftM:o,leftL:i,leftXL:e},cssProperty:'padding-left'})));exports.Root=Root,exports.Text=Text,exports.TextRoot=TextRoot;
1	+ 'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var Text$1=require('../Text/Text.js');function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var styled__default=_interopDefault(styled);const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled__default.default(Text$1.Text).withConfig({displayName:"Separator__Text",componentId:"ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],(t=>t.theme.colors.white));const TextRoot=styled__default.default.div.withConfig({displayName:"Separator__TextRoot",componentId:"ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Separator__Root",componentId:"ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentColor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>styled.css(["height:",";"],WEIGHT_MAP[t.weight\|\|1])),(t=>t.color?color.color(t.color,'color'):null),(t=>t.padding?responsiveProperty.property(t.padding,'padding'):null),(t=>t.paddingTop?responsiveProperty.property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?responsiveProperty.property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?responsiveProperty.property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?responsiveProperty.property(t.paddingLeft,'padding-left'):null),(t=>t.margin?responsiveProperty.property(t.margin,'margin'):null),(t=>t.marginTop?responsiveProperty.property(t.marginTop,'margin-top'):null),(t=>t.marginRight?responsiveProperty.property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?responsiveProperty.property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?responsiveProperty.property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:r,paddingM:o,paddingL:e,paddingXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:t,paddingS:r,paddingM:o,paddingL:e,paddingXL:i},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:e,paddingTopXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:e,paddingTopXL:i},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:e,paddingRightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:e,paddingRightXL:i},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:e,paddingBottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:e,paddingBottomXL:i},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:e,paddingLeftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:e,paddingLeftXL:i},cssProperty:'padding-left'})),(({marginXS:t,marginS:r,marginM:o,marginL:e,marginXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:t,marginS:r,marginM:o,marginL:e,marginXL:i},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:e,marginTopXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:e,marginTopXL:i},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:e,marginRightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:e,marginRightXL:i},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:e,marginBottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:e,marginBottomXL:i},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:e,marginLeftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:e,marginLeftXL:i},cssProperty:'margin-left'})),(t=>t.top?responsiveProperty.property(t.top,'padding-top'):null),(t=>t.right?responsiveProperty.property(t.right,'padding-right'):null),(t=>t.bottom?responsiveProperty.property(t.bottom,'padding-bottom'):null),(t=>t.left?responsiveProperty.property(t.left,'padding-left'):null),(({topXS:t,topS:r,topM:o,topL:e,topXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:t,topS:r,topM:o,topL:e,topXL:i},cssProperty:'padding-top'})),(({rightXS:t,rightS:r,rightM:o,rightL:e,rightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:t,rightS:r,rightM:o,rightL:e,rightXL:i},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:r,bottomM:o,bottomL:e,bottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:t,bottomS:r,bottomM:o,bottomL:e,bottomXL:i},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:r,leftM:o,leftL:e,leftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:t,leftS:r,leftM:o,leftL:e,leftXL:i},cssProperty:'padding-left'})));exports.Root=Root,exports.Text=Text,exports.TextRoot=TextRoot;

package/components/Separator/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled(Text$1).withConfig({componentId:"~~fox-~~ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],(t=>t.theme.colors.white));const TextRoot=styled.div.withConfig({componentId:"~~fox-~~ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({componentId:"~~fox-~~ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentColor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>css(["height:",";"],WEIGHT_MAP[t.weight\|\|1])),(t=>t.color?color(t.color,'color'):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:r,topXL:p})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:r,topXL:p},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p},cssProperty:'padding-left'})));export{Root,Text,TextRoot};
1	+ import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled(Text$1).withConfig({displayName:"Separator__Text",componentId:"ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],(t=>t.theme.colors.white));const TextRoot=styled.div.withConfig({displayName:"Separator__TextRoot",componentId:"ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Separator__Root",componentId:"ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentColor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>css(["height:",";"],WEIGHT_MAP[t.weight\|\|1])),(t=>t.color?color(t.color,'color'):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:r,topXL:p})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:r,topXL:p},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p},cssProperty:'padding-left'})));export{Root,Text,TextRoot};

package/components/Skeleton/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');const shouldForwardSkeletonProp=style.createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=styled.keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n background-color: ${o.color};\n background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=~~styled~~.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({componentId:"~~fox-~~ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'\|\|(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return styled.css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin.responsiveMargin);exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardSkeletonProp=style.createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=styled.keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n background-color: ${o.color};\n background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'\|\|(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return styled.css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin.responsiveMargin);exports.Root=Root;

package/components/Skeleton/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n background-color: ${o.color};\n background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({componentId:"~~fox-~~ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'\|\|(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin);export{Root};
1	+ import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n background-color: ${o.color};\n background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'\|\|(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin);export{Root};

package/components/Spacer/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');const Root=styled.div.withConfig({shouldForwardProp:r=>['children','className','style','onClick'].includes(r)\|\|r.includes('data-')}).withConfig({componentId:"~~fox-~~ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(r=>r.display?display.display(r.display):null),(r=>r.padding?responsiveProperty.property(r.padding,'padding'):null),(r=>r.paddingTop?responsiveProperty.property(r.paddingTop,'padding-top'):null),(r=>r.paddingRight?responsiveProperty.property(r.paddingRight,'padding-right'):null),(r=>r.paddingBottom?responsiveProperty.property(r.paddingBottom,'padding-bottom'):null),(r=>r.paddingLeft?responsiveProperty.property(r.paddingLeft,'padding-left'):null),(r=>r.margin?responsiveProperty.property(r.margin,'margin'):null),(r=>r.marginTop?responsiveProperty.property(r.marginTop,'margin-top'):null),(r=>r.marginRight?responsiveProperty.property(r.marginRight,'margin-right'):null),(r=>r.marginBottom?responsiveProperty.property(r.marginBottom,'margin-bottom'):null),(r=>r.marginLeft?responsiveProperty.property(r.marginLeft,'margin-left'):null),(({paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p},cssProperty:'margin'})),(({marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p},cssProperty:'margin-left'})),(r=>r.top?responsiveProperty.property(r.top,'padding-top'):null),(r=>r.right?responsiveProperty.property(r.right,'padding-right'):null),(r=>r.bottom?responsiveProperty.property(r.bottom,'padding-bottom'):null),(r=>r.left?responsiveProperty.property(r.left,'padding-left'):null),(({topXS:r,topS:t,topM:i,topL:o,topXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:r,topS:t,topM:i,topL:o,topXL:p},cssProperty:'padding-top'})),(({rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p},cssProperty:'padding-left'})));exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}const Root=_interopDefault(styled).default.div.withConfig({shouldForwardProp:r=>['children','className','style','onClick'].includes(r)\|\|r.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(r=>r.display?display.display(r.display):null),(r=>r.padding?responsiveProperty.property(r.padding,'padding'):null),(r=>r.paddingTop?responsiveProperty.property(r.paddingTop,'padding-top'):null),(r=>r.paddingRight?responsiveProperty.property(r.paddingRight,'padding-right'):null),(r=>r.paddingBottom?responsiveProperty.property(r.paddingBottom,'padding-bottom'):null),(r=>r.paddingLeft?responsiveProperty.property(r.paddingLeft,'padding-left'):null),(r=>r.margin?responsiveProperty.property(r.margin,'margin'):null),(r=>r.marginTop?responsiveProperty.property(r.marginTop,'margin-top'):null),(r=>r.marginRight?responsiveProperty.property(r.marginRight,'margin-right'):null),(r=>r.marginBottom?responsiveProperty.property(r.marginBottom,'margin-bottom'):null),(r=>r.marginLeft?responsiveProperty.property(r.marginLeft,'margin-left'):null),(({paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p},cssProperty:'margin'})),(({marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p},cssProperty:'margin-left'})),(r=>r.top?responsiveProperty.property(r.top,'padding-top'):null),(r=>r.right?responsiveProperty.property(r.right,'padding-right'):null),(r=>r.bottom?responsiveProperty.property(r.bottom,'padding-bottom'):null),(r=>r.left?responsiveProperty.property(r.left,'padding-left'):null),(({topXS:r,topS:t,topM:i,topL:o,topXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:r,topS:t,topM:i,topL:o,topXL:p},cssProperty:'padding-top'})),(({rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p},cssProperty:'padding-left'})));exports.Root=Root;

package/components/Spacer/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style','onClick'].includes(t)\|\|t.includes('data-')}).withConfig({componentId:"~~fox-~~ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>t.display?display(t.display):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:p,topXL:r})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:p,topXL:r},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r},cssProperty:'padding-left'})));export{Root};
1	+ import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style','onClick'].includes(t)\|\|t.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>t.display?display(t.display):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:p,topXL:r})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:p,topXL:r},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r},cssProperty:'padding-left'})));export{Root};

package/components/Spinner/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');const SIZES={l:60,m:40,s:20};const spinner=styled.keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=styled.css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=styled.css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:styled.css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=~~styled~~.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({componentId:"~~fox-~~ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?responsiveProperty.property(SIZES[e.size]\|\|e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:o,sizeXL:t})=>responsiveProperty.responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const SIZES={l:60,m:40,s:20};const spinner=styled.keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=styled.css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=styled.css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:styled.css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({displayName:"Spinner__Root",componentId:"ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?responsiveProperty.property(SIZES[e.size]\|\|e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:t,sizeXL:o})=>responsiveProperty.responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(t),sizeXL:getSize(o)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));exports.Root=Root;

package/components/Spinner/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{keyframes,css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const SIZES={l:60,m:40,s:20};const spinner=keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({componentId:"~~fox-~~ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?property(SIZES[e.size]\|\|e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:o,sizeXL:t})=>responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));export{Root};
1	+ import styled,{keyframes,css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const SIZES={l:60,m:40,s:20};const spinner=keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({displayName:"Spinner__Root",componentId:"ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?property(SIZES[e.size]\|\|e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:o,sizeXL:t})=>responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));export{Root};

package/components/Switcher/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');const Input=~~styled~~.input.withConfig({componentId:"~~fox-~~ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=~~styled~~.label.withConfig({componentId:"~~fox-~~ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=~~styled~~.label.withConfig({componentId:"~~fox-~~ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n cursor: not-allowed;\n opacity: 0.7;\n\n & ${Switcher} {\n cursor: not-allowed;\n box-shadow: none;\n\n &::before {\n box-shadow: none;\n }\n }\n\n & ${Label} {\n cursor: not-allowed;\n }\n`;const checkedStyles=styled.css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:n})=>e-n-(o-n)/2));const baseStyles=styled.css(["",""],(e=>`\n position: relative;\n display: inline-flex;\n flex-direction: row;\n box-sizing: border-box;\n height: ${e.switcherHeight}px;\n line-height: ${e.switcherHeight}px;\n vertical-align: middle;\n justify-content: flex-start;\n align-content: center;\n align-items: center;\n max-width: 100%;\n color: inherit;\n `));const defaultPresetStyle=styled.css(["",""],(e=>{const o=e.color\|\|'atlantis';return`\n & ${Switcher} {\n box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n background-color: #eaecf3;\n\n &::before {\n background-color: ${e.theme.colors.white};\n box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n }\n\n ${e.inactiveColor?`\n background-image: linear-gradient(\n to right,\n ${tinycolor(color.getColor(e.inactiveColor,e)).lighten(10).toString()},\n ${color.getColor(e.inactiveColor,e)}\n );\n `:''}\n\n ${e.checked?`\n background-image: linear-gradient(\n to right,\n ${tinycolor(color.getColor(o,e)).lighten(10).toString()},\n ${color.getColor(o,e)}\n );\n `:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n outline: 1px solid ${color.getColor(o,e)};\n outline-offset: 2px;\n }\n `}));const brandPresetStyles=styled.css(["",""],(e=>`\n & ${Switcher} {\n background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n &::before {\n background-color: ${e.theme.colors['bg-oncolor-primary']};\n box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n }\n\n ${!e.checked&&e.inactiveColor?`background-color: ${color.getColor(e.inactiveColor,e)};`:''}\n ${e.checked&&e.color?`background-color: ${color.getColor(e.color,e)};`:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n `));const Root=~~styled~~.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({componentId:"~~fox-~~ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));exports.Input=Input,exports.Label=Label,exports.Root=Root,exports.Switcher=Switcher;
1	+ 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled__default.default.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled__default.default.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n cursor: not-allowed;\n opacity: 0.7;\n\n & ${Switcher} {\n cursor: not-allowed;\n box-shadow: none;\n\n &::before {\n box-shadow: none;\n }\n }\n\n & ${Label} {\n cursor: not-allowed;\n }\n`;const checkedStyles=styled.css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:t})=>e-t-(o-t)/2));const baseStyles=styled.css(["",""],(e=>`\n position: relative;\n display: inline-flex;\n flex-direction: row;\n box-sizing: border-box;\n height: ${e.switcherHeight}px;\n line-height: ${e.switcherHeight}px;\n vertical-align: middle;\n justify-content: flex-start;\n align-content: center;\n align-items: center;\n max-width: 100%;\n color: inherit;\n `));const defaultPresetStyle=styled.css(["",""],(e=>{const o=e.color\|\|'atlantis';return`\n & ${Switcher} {\n box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n background-color: #eaecf3;\n\n &::before {\n background-color: ${e.theme.colors.white};\n box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n }\n\n ${e.inactiveColor?`\n background-image: linear-gradient(\n to right,\n ${tinycolor.default(color.getColor(e.inactiveColor,e)).lighten(10).toString()},\n ${color.getColor(e.inactiveColor,e)}\n );\n `:''}\n\n ${e.checked?`\n background-image: linear-gradient(\n to right,\n ${tinycolor.default(color.getColor(o,e)).lighten(10).toString()},\n ${color.getColor(o,e)}\n );\n `:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n outline: 1px solid ${color.getColor(o,e)};\n outline-offset: 2px;\n }\n `}));const brandPresetStyles=styled.css(["",""],(e=>`\n & ${Switcher} {\n background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n &::before {\n background-color: ${e.theme.colors['bg-oncolor-primary']};\n box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n }\n\n ${!e.checked&&e.inactiveColor?`background-color: ${color.getColor(e.inactiveColor,e)};`:''}\n ${e.checked&&e.color?`background-color: ${color.getColor(e.color,e)};`:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n `));const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));exports.Input=Input,exports.Label=Label,exports.Root=Root,exports.Switcher=Switcher;

package/components/Switcher/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{getColor}from'../../mixins/color.mjs';const Input=styled.input.withConfig({componentId:"~~fox-~~ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.label.withConfig({componentId:"~~fox-~~ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled.label.withConfig({componentId:"~~fox-~~ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n cursor: not-allowed;\n opacity: 0.7;\n\n & ${Switcher} {\n cursor: not-allowed;\n box-shadow: none;\n\n &::before {\n box-shadow: none;\n }\n }\n\n & ${Label} {\n cursor: not-allowed;\n }\n`;const checkedStyles=css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:n})=>e-n-(o-n)/2));const baseStyles=css(["",""],(e=>`\n position: relative;\n display: inline-flex;\n flex-direction: row;\n box-sizing: border-box;\n height: ${e.switcherHeight}px;\n line-height: ${e.switcherHeight}px;\n vertical-align: middle;\n justify-content: flex-start;\n align-content: center;\n align-items: center;\n max-width: 100%;\n color: inherit;\n `));const defaultPresetStyle=css(["",""],(e=>{const o=e.color\|\|'atlantis';return`\n & ${Switcher} {\n box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n background-color: #eaecf3;\n\n &::before {\n background-color: ${e.theme.colors.white};\n box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n }\n\n ${e.inactiveColor?`\n background-image: linear-gradient(\n to right,\n ${tinycolor(getColor(e.inactiveColor,e)).lighten(10).toString()},\n ${getColor(e.inactiveColor,e)}\n );\n `:''}\n\n ${e.checked?`\n background-image: linear-gradient(\n to right,\n ${tinycolor(getColor(o,e)).lighten(10).toString()},\n ${getColor(o,e)}\n );\n `:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n outline: 1px solid ${getColor(o,e)};\n outline-offset: 2px;\n }\n `}));const brandPresetStyles=css(["",""],(e=>`\n & ${Switcher} {\n background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n &::before {\n background-color: ${e.theme.colors['bg-oncolor-primary']};\n box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n }\n\n ${!e.checked&&e.inactiveColor?`background-color: ${getColor(e.inactiveColor,e)};`:''}\n ${e.checked&&e.color?`background-color: ${getColor(e.color,e)};`:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n `));const Root=styled.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({componentId:"~~fox-~~ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));export{Input,Label,Root,Switcher};
1	+ import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{getColor}from'../../mixins/color.mjs';const Input=styled.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n cursor: not-allowed;\n opacity: 0.7;\n\n & ${Switcher} {\n cursor: not-allowed;\n box-shadow: none;\n\n &::before {\n box-shadow: none;\n }\n }\n\n & ${Label} {\n cursor: not-allowed;\n }\n`;const checkedStyles=css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:n})=>e-n-(o-n)/2));const baseStyles=css(["",""],(e=>`\n position: relative;\n display: inline-flex;\n flex-direction: row;\n box-sizing: border-box;\n height: ${e.switcherHeight}px;\n line-height: ${e.switcherHeight}px;\n vertical-align: middle;\n justify-content: flex-start;\n align-content: center;\n align-items: center;\n max-width: 100%;\n color: inherit;\n `));const defaultPresetStyle=css(["",""],(e=>{const o=e.color\|\|'atlantis';return`\n & ${Switcher} {\n box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n background-color: #eaecf3;\n\n &::before {\n background-color: ${e.theme.colors.white};\n box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n }\n\n ${e.inactiveColor?`\n background-image: linear-gradient(\n to right,\n ${tinycolor(getColor(e.inactiveColor,e)).lighten(10).toString()},\n ${getColor(e.inactiveColor,e)}\n );\n `:''}\n\n ${e.checked?`\n background-image: linear-gradient(\n to right,\n ${tinycolor(getColor(o,e)).lighten(10).toString()},\n ${getColor(o,e)}\n );\n `:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n outline: 1px solid ${getColor(o,e)};\n outline-offset: 2px;\n }\n `}));const brandPresetStyles=css(["",""],(e=>`\n & ${Switcher} {\n background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n &::before {\n background-color: ${e.theme.colors['bg-oncolor-primary']};\n box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n }\n\n ${!e.checked&&e.inactiveColor?`background-color: ${getColor(e.inactiveColor,e)};`:''}\n ${e.checked&&e.color?`background-color: ${getColor(e.color,e)};`:''}\n }\n\n & ${Input}:focus-visible + ${Switcher} {\n box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n `));const Root=styled.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));export{Input,Label,Root,Switcher};

package/components/Tab/images/arrow.svg.js CHANGED Viewed

	@@ -1 +1 @@
1	- '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",preserveAspectRatio:"none",viewBox:"0 0 21 48"},e),_path\|\|(_path=React__namespace.createElement("path",{fill:"currentcolor",d:"M22 0h-3L1 24l18 24h3"})));
1	+ 'use strict';function _interopNamespace(e){if(e&&e.__esModule)return 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)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(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)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",preserveAspectRatio:"none",viewBox:"0 0 21 48"},e),_path\|\|(_path=React__namespace.createElement("path",{fill:"currentcolor",d:"M22 0h-3L1 24l18 24h3"})));

package/components/Tab/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var arrow=require('./images/arrow.svg.js');const shouldForwardTabProp=style.createShouldForwardProp((o=>!['active','compact','crispy','crispyCompact','tabTheme','left','right','rounded','outline','onColored','black'].includes(o)));const DEFAULT_STYLES={default:styled.css(["",""],(o=>`\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 12px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 60px;\n }\n `)),compact:styled.css(["",""],(o=>`\n font-size: 16px;\n font-weight: normal;\n padding-bottom: 10px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 20px;\n }\n `)),crispyCompact:styled.css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 6px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 18px;\n }\n `)),crispy:styled.css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 14px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 32px;\n }\n `))};const Content=styled.span.withConfig({componentId:"fox-ui__sc-26yal1-0"})(["box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;flex-grow:1;flex-shrink:0;height:100%;padding:0 1em;border:1px solid transparent;transition-property:background-color,border-color;"]);const Edge=styled(arrow).withConfig({shouldForwardProp:()=>!1}).withConfig({componentId:"fox-ui__sc-26yal1-1"})(["box-sizing:border-box;flex-shrink:0;height:100%;transition-property:color,stroke;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n & > ${Content} {\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n }\n & > ${Edge} {\n color: ${o.backgroundColor};\n stroke: ${o.borderColor};\n }\n &:hover > ${Content} {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:hover > ${Edge} {\n color: ${o.backgroundColorHover};\n stroke: ${o.borderColorHover};\n }\n &:disabled > ${Content} {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n &:disabled > ${Edge} {\n color: ${o.backgroundColorDisabled};\n stroke: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={default:{default:styled.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-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline:styled.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-onmain-primary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']: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?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},onColored:{default:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),borderColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:o.theme.colors['bg-brand-primary-500'],borderColor:o.theme.colors['bg-onmain-primary'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).darken(3).toString(),borderColorHover:o.theme.colors['bg-onmain-primary'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette})))},black:{default:styled.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.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline:styled.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-primary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']: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?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-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['bg-disabled-large'],...o.palette})))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardTabProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'2.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({componentId:"fox-ui__sc-26yal1-2"})([""," "," "," "," "," "," ",""],(o=>{const r=o.rounded?8:0;const e=o.left?0:r;const t=o.right?0:r;return`\n box-sizing: border-box;\n display: ${o.preset==='brand'?'inline-flex':'inline-block'};\n cursor: ${o.disabled?'not-allowed':'pointer'};\n isolation: isolate;\n flex-shrink: 0;\n appearance: none;\n padding: 0;\n border: none;\n background-color: transparent;\n text-decoration: none;\n width: max-content;\n & > ${Content}, \n & > ${Edge} {\n transition-duration: 250ms;\n }\n & > ${Content} {\n border-radius: ${e}px ${t}px ${t}px ${e}px;\n border-left-style: ${o.left?'none':'solid'};\n border-right-style: ${o.right?'none':'solid'};\n margin-left: ${o.left?-2:0}px;\n margin-right: ${o.right?-2:0}px;\n }\n `}),(o=>{if(o.preset==='brand'){let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.onColored&&(r=COLOR_SCHEMA.onColored),o.outline?r.outline:r.default}return o.compact\|\|o.tabTheme==='compact'?DEFAULT_STYLES.compact:o.crispyCompact\|\|o.tabTheme==='crispyCompact'?DEFAULT_STYLES.crispyCompact:o.crispy\|\|o.tabTheme==='crispy'?DEFAULT_STYLES.crispy:DEFAULT_STYLES.default}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(o=>o.color&&`color: ${color.getColor(o.color,o)};`),(o=>o.borderColor&&`border-color: ${color.getColor(o.borderColor,o)};`));exports.Content=Content,exports.Edge=Edge,exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var arrow=require('./images/arrow.svg.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardTabProp=style.createShouldForwardProp((o=>!['active','compact','crispy','crispyCompact','tabTheme','left','right','rounded','outline','onColored','black'].includes(o)));const DEFAULT_STYLES={default:styled.css(["",""],(o=>`\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 12px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 60px;\n }\n `)),compact:styled.css(["",""],(o=>`\n font-size: 16px;\n font-weight: normal;\n padding-bottom: 10px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 20px;\n }\n `)),crispyCompact:styled.css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 6px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 18px;\n }\n `)),crispy:styled.css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 14px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 32px;\n }\n `))};const Content=styled__default.default.span.withConfig({displayName:"Tab__Content",componentId:"ui__sc-26yal1-0"})(["box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;flex-grow:1;flex-shrink:0;height:100%;padding:0 1em;border:1px solid transparent;transition-property:background-color,border-color;"]);const Edge=styled__default.default(arrow.default).withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Tab__Edge",componentId:"ui__sc-26yal1-1"})(["box-sizing:border-box;flex-shrink:0;height:100%;transition-property:color,stroke;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n & > ${Content} {\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n }\n & > ${Edge} {\n color: ${o.backgroundColor};\n stroke: ${o.borderColor};\n }\n &:hover > ${Content} {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:hover > ${Edge} {\n color: ${o.backgroundColorHover};\n stroke: ${o.borderColorHover};\n }\n &:disabled > ${Content} {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n &:disabled > ${Edge} {\n color: ${o.backgroundColorDisabled};\n stroke: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={default:{default:styled.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-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline:styled.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-onmain-primary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']: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?o.theme.colors['bg-brand-primary-500']:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},onColored:{default:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor.default(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),borderColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor.default(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:o.theme.colors['bg-brand-primary-500'],borderColor:o.theme.colors['bg-onmain-primary'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor.default(o.theme.colors['bg-brand-primary-500']).darken(3).toString(),borderColorHover:o.theme.colors['bg-onmain-primary'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette})))},black:{default:styled.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.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline:styled.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-primary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']: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?o.theme.colors['bg-onmain-contrast']:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-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['bg-disabled-large'],...o.palette})))}};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardTabProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'2.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"Tab__Root",componentId:"ui__sc-26yal1-2"})([""," "," "," "," "," "," ",""],(o=>{const r=o.rounded?8:0;const e=o.left?0:r;const t=o.right?0:r;return`\n box-sizing: border-box;\n display: ${o.preset==='brand'?'inline-flex':'inline-block'};\n cursor: ${o.disabled?'not-allowed':'pointer'};\n isolation: isolate;\n flex-shrink: 0;\n appearance: none;\n padding: 0;\n border: none;\n background-color: transparent;\n text-decoration: none;\n width: max-content;\n & > ${Content}, \n & > ${Edge} {\n transition-duration: 250ms;\n }\n & > ${Content} {\n border-radius: ${e}px ${t}px ${t}px ${e}px;\n border-left-style: ${o.left?'none':'solid'};\n border-right-style: ${o.right?'none':'solid'};\n margin-left: ${o.left?-2:0}px;\n margin-right: ${o.right?-2:0}px;\n }\n `}),(o=>{if(o.preset==='brand'){let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.onColored&&(r=COLOR_SCHEMA.onColored),o.outline?r.outline:r.default}return o.compact\|\|o.tabTheme==='compact'?DEFAULT_STYLES.compact:o.crispyCompact\|\|o.tabTheme==='crispyCompact'?DEFAULT_STYLES.crispyCompact:o.crispy\|\|o.tabTheme==='crispy'?DEFAULT_STYLES.crispy:DEFAULT_STYLES.default}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(o=>o.color&&`color: ${color.getColor(o.color,o)};`),(o=>o.borderColor&&`border-color: ${color.getColor(o.borderColor,o)};`));exports.Content=Content,exports.Edge=Edge,exports.Root=Root;

package/components/Tab/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{getColor}from'../../mixins/color.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';import SvgArrow from'./images/arrow.svg.mjs';const shouldForwardTabProp=createShouldForwardProp((o=>!['active','compact','crispy','crispyCompact','tabTheme','left','right','rounded','outline','onColored','black'].includes(o)));const DEFAULT_STYLES={default:css(["",""],(o=>`\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 12px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 60px;\n }\n `)),compact:css(["",""],(o=>`\n font-size: 16px;\n font-weight: normal;\n padding-bottom: 10px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 20px;\n }\n `)),crispyCompact:css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 6px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 18px;\n }\n `)),crispy:css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 14px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 32px;\n }\n `))};const Content=styled.span.withConfig({componentId:"fox-ui__sc-26yal1-0"})(["box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;flex-grow:1;flex-shrink:0;height:100%;padding:0 1em;border:1px solid transparent;transition-property:background-color,border-color;"]);const Edge=styled(SvgArrow).withConfig({shouldForwardProp:()=>!1}).withConfig({componentId:"fox-ui__sc-26yal1-1"})(["box-sizing:border-box;flex-shrink:0;height:100%;transition-property:color,stroke;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n & > ${Content} {\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n }\n & > ${Edge} {\n color: ${o.backgroundColor};\n stroke: ${o.borderColor};\n }\n &:hover > ${Content} {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:hover > ${Edge} {\n color: ${o.backgroundColorHover};\n stroke: ${o.borderColorHover};\n }\n &:disabled > ${Content} {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n &:disabled > ${Edge} {\n color: ${o.backgroundColorDisabled};\n stroke: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={default:{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-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline: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-onmain-primary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']: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?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},onColored:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),borderColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette}))),outline:css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:o.theme.colors['bg-brand-primary-500'],borderColor:o.theme.colors['bg-onmain-primary'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).darken(3).toString(),borderColorHover:o.theme.colors['bg-onmain-primary'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette})))},black:{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-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline: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-primary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']: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?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-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['bg-disabled-large'],...o.palette})))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardTabProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'2.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({componentId:"fox-ui__sc-26yal1-2"})([""," "," "," "," "," "," ",""],(o=>{const r=o.rounded?8:0;const e=o.left?0:r;const t=o.right?0:r;return`\n box-sizing: border-box;\n display: ${o.preset==='brand'?'inline-flex':'inline-block'};\n cursor: ${o.disabled?'not-allowed':'pointer'};\n isolation: isolate;\n flex-shrink: 0;\n appearance: none;\n padding: 0;\n border: none;\n background-color: transparent;\n text-decoration: none;\n width: max-content;\n & > ${Content}, \n & > ${Edge} {\n transition-duration: 250ms;\n }\n & > ${Content} {\n border-radius: ${e}px ${t}px ${t}px ${e}px;\n border-left-style: ${o.left?'none':'solid'};\n border-right-style: ${o.right?'none':'solid'};\n margin-left: ${o.left?-2:0}px;\n margin-right: ${o.right?-2:0}px;\n }\n `}),(o=>{if(o.preset==='brand'){let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.onColored&&(r=COLOR_SCHEMA.onColored),o.outline?r.outline:r.default}return o.compact\|\|o.tabTheme==='compact'?DEFAULT_STYLES.compact:o.crispyCompact\|\|o.tabTheme==='crispyCompact'?DEFAULT_STYLES.crispyCompact:o.crispy\|\|o.tabTheme==='crispy'?DEFAULT_STYLES.crispy:DEFAULT_STYLES.default}),focus,responsiveSize,responsiveMargin,(o=>o.color&&`color: ${getColor(o.color,o)};`),(o=>o.borderColor&&`border-color: ${getColor(o.borderColor,o)};`));export{Content,Edge,Root};
1	+ import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{getColor}from'../../mixins/color.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';import SvgArrow from'./images/arrow.svg.mjs';const shouldForwardTabProp=createShouldForwardProp((o=>!['active','compact','crispy','crispyCompact','tabTheme','left','right','rounded','outline','onColored','black'].includes(o)));const DEFAULT_STYLES={default:css(["",""],(o=>`\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 12px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 60px;\n }\n `)),compact:css(["",""],(o=>`\n font-size: 16px;\n font-weight: normal;\n padding-bottom: 10px;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 20px;\n }\n `)),crispyCompact:css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 6px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 18px;\n }\n `)),crispy:css(["",""],(o=>`\n font-size: 12px;\n font-weight: bold;\n padding-bottom: 14px;\n text-transform: uppercase;\n color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n &:hover {\n color: ${o.theme.colors.primary};\n }\n &.active {\n color: ${o.theme.colors.primary};\n border-bottom-color: currentcolor;\n }\n & + & {\n margin-left: 32px;\n }\n `))};const Content=styled.span.withConfig({displayName:"Tab__Content",componentId:"ui__sc-26yal1-0"})(["box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;flex-grow:1;flex-shrink:0;height:100%;padding:0 1em;border:1px solid transparent;transition-property:background-color,border-color;"]);const Edge=styled(SvgArrow).withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Tab__Edge",componentId:"ui__sc-26yal1-1"})(["box-sizing:border-box;flex-shrink:0;height:100%;transition-property:color,stroke;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n & > ${Content} {\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n }\n & > ${Edge} {\n color: ${o.backgroundColor};\n stroke: ${o.borderColor};\n }\n &:hover > ${Content} {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:hover > ${Edge} {\n color: ${o.backgroundColorHover};\n stroke: ${o.borderColorHover};\n }\n &:disabled > ${Content} {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n &:disabled > ${Edge} {\n color: ${o.backgroundColorDisabled};\n stroke: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={default:{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-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline: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-onmain-primary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']: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?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},onColored:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),borderColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette}))),outline:css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:o.theme.colors['bg-brand-primary-500'],borderColor:o.theme.colors['bg-onmain-primary'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).darken(3).toString(),borderColorHover:o.theme.colors['bg-onmain-primary'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette})))},black:{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-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline: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-primary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']: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?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-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['bg-disabled-large'],...o.palette})))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardTabProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'2.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"Tab__Root",componentId:"ui__sc-26yal1-2"})([""," "," "," "," "," "," ",""],(o=>{const r=o.rounded?8:0;const e=o.left?0:r;const t=o.right?0:r;return`\n box-sizing: border-box;\n display: ${o.preset==='brand'?'inline-flex':'inline-block'};\n cursor: ${o.disabled?'not-allowed':'pointer'};\n isolation: isolate;\n flex-shrink: 0;\n appearance: none;\n padding: 0;\n border: none;\n background-color: transparent;\n text-decoration: none;\n width: max-content;\n & > ${Content}, \n & > ${Edge} {\n transition-duration: 250ms;\n }\n & > ${Content} {\n border-radius: ${e}px ${t}px ${t}px ${e}px;\n border-left-style: ${o.left?'none':'solid'};\n border-right-style: ${o.right?'none':'solid'};\n margin-left: ${o.left?-2:0}px;\n margin-right: ${o.right?-2:0}px;\n }\n `}),(o=>{if(o.preset==='brand'){let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.onColored&&(r=COLOR_SCHEMA.onColored),o.outline?r.outline:r.default}return o.compact\|\|o.tabTheme==='compact'?DEFAULT_STYLES.compact:o.crispyCompact\|\|o.tabTheme==='crispyCompact'?DEFAULT_STYLES.crispyCompact:o.crispy\|\|o.tabTheme==='crispy'?DEFAULT_STYLES.crispy:DEFAULT_STYLES.default}),focus,responsiveSize,responsiveMargin,(o=>o.color&&`color: ${getColor(o.color,o)};`),(o=>o.borderColor&&`border-color: ${getColor(o.borderColor,o)};`));export{Content,Edge,Root};

package/components/Tabs/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');const borderColor=o=>styled.css(["border-bottom:1px solid ",";"],o);const Root=~~styled~~.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({componentId:"~~fox-~~ui__sc-ggtlgu-0"})(["color:rgba(247,247,247,1);display:flex;align-items:flex-end;justify-content:center;flex-direction:row;"," "," ",""],(o=>o.borderColor&&!o.noBorder?color.color(o.borderColor,borderColor):null),(o=>o.color?color.color(o.color):null),responsiveProperty.responsiveProperty('width'));const Inner=~~styled~~.div.withConfig({componentId:"~~fox-~~ui__sc-ggtlgu-1"})(["position:relative;display:block;width:auto;height:auto;padding:0;margin:0 -20px;box-sizing:border-box;background:transparent;overflow:visible;max-width:100%;width:100%;&::before,&::after{position:absolute;top:0;bottom:0;display:block;content:'';width:","px;height:100%;}&::before{left:0;background:linear-gradient(-90deg,rgba(247,247,247,0) 0%,currentColor 100%);}&::after{right:0;background:linear-gradient(90deg,rgba(247,247,247,0) 0%,currentColor 100%);}"],20);const Content=~~styled~~.div.withConfig({componentId:"~~fox-~~ui__sc-ggtlgu-2"})(["position:relative;z-index:1;display:block;padding:0;margin:0 auto;white-space:nowrap;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;color:",";scrollbar-width:none;&::-webkit-scrollbar{height:0;background:transparent;visibility:hidden;}&::-webkit-scrollbar-thumb{height:0px;background:transparent;visibility:hidden;}",""],(o=>o.theme.colors.mineShaft),(o=>o.noBorder?styled.css(["display:flex;justify-content:space-between;width:100%;"]):null));exports.Content=Content,exports.Inner=Inner,exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const borderColor=o=>styled.css(["border-bottom:1px solid ",";"],o);const Root=styled__default.default.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"Tabs__Root",componentId:"ui__sc-ggtlgu-0"})(["color:rgba(247,247,247,1);display:flex;align-items:flex-end;justify-content:center;flex-direction:row;"," "," ",""],(o=>o.borderColor&&!o.noBorder?color.color(o.borderColor,borderColor):null),(o=>o.color?color.color(o.color):null),responsiveProperty.responsiveProperty('width'));const Inner=styled__default.default.div.withConfig({displayName:"Tabs__Inner",componentId:"ui__sc-ggtlgu-1"})(["position:relative;display:block;width:auto;height:auto;padding:0;margin:0 -20px;box-sizing:border-box;background:transparent;overflow:visible;max-width:100%;width:100%;&::before,&::after{position:absolute;top:0;bottom:0;display:block;content:'';width:","px;height:100%;}&::before{left:0;background:linear-gradient(-90deg,rgba(247,247,247,0) 0%,currentColor 100%);}&::after{right:0;background:linear-gradient(90deg,rgba(247,247,247,0) 0%,currentColor 100%);}"],20);const Content=styled__default.default.div.withConfig({displayName:"Tabs__Content",componentId:"ui__sc-ggtlgu-2"})(["position:relative;z-index:1;display:block;padding:0;margin:0 auto;white-space:nowrap;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;color:",";scrollbar-width:none;&::-webkit-scrollbar{height:0;background:transparent;visibility:hidden;}&::-webkit-scrollbar-thumb{height:0px;background:transparent;visibility:hidden;}",""],(o=>o.theme.colors.mineShaft),(o=>o.noBorder?styled.css(["display:flex;justify-content:space-between;width:100%;"]):null));exports.Content=Content,exports.Inner=Inner,exports.Root=Root;

package/components/Tabs/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';const borderColor=o=>css(["border-bottom:1px solid ",";"],o);const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({componentId:"~~fox-~~ui__sc-ggtlgu-0"})(["color:rgba(247,247,247,1);display:flex;align-items:flex-end;justify-content:center;flex-direction:row;"," "," ",""],(o=>o.borderColor&&!o.noBorder?color(o.borderColor,borderColor):null),(o=>o.color?color(o.color):null),responsiveProperty('width'));const Inner=styled.div.withConfig({componentId:"~~fox-~~ui__sc-ggtlgu-1"})(["position:relative;display:block;width:auto;height:auto;padding:0;margin:0 -20px;box-sizing:border-box;background:transparent;overflow:visible;max-width:100%;width:100%;&::before,&::after{position:absolute;top:0;bottom:0;display:block;content:'';width:","px;height:100%;}&::before{left:0;background:linear-gradient(-90deg,rgba(247,247,247,0) 0%,currentColor 100%);}&::after{right:0;background:linear-gradient(90deg,rgba(247,247,247,0) 0%,currentColor 100%);}"],20);const Content=styled.div.withConfig({componentId:"~~fox-~~ui__sc-ggtlgu-2"})(["position:relative;z-index:1;display:block;padding:0;margin:0 auto;white-space:nowrap;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;color:",";scrollbar-width:none;&::-webkit-scrollbar{height:0;background:transparent;visibility:hidden;}&::-webkit-scrollbar-thumb{height:0px;background:transparent;visibility:hidden;}",""],(o=>o.theme.colors.mineShaft),(o=>o.noBorder?css(["display:flex;justify-content:space-between;width:100%;"]):null));export{Content,Inner,Root};
1	+ import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';const borderColor=o=>css(["border-bottom:1px solid ",";"],o);const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"Tabs__Root",componentId:"ui__sc-ggtlgu-0"})(["color:rgba(247,247,247,1);display:flex;align-items:flex-end;justify-content:center;flex-direction:row;"," "," ",""],(o=>o.borderColor&&!o.noBorder?color(o.borderColor,borderColor):null),(o=>o.color?color(o.color):null),responsiveProperty('width'));const Inner=styled.div.withConfig({displayName:"Tabs__Inner",componentId:"ui__sc-ggtlgu-1"})(["position:relative;display:block;width:auto;height:auto;padding:0;margin:0 -20px;box-sizing:border-box;background:transparent;overflow:visible;max-width:100%;width:100%;&::before,&::after{position:absolute;top:0;bottom:0;display:block;content:'';width:","px;height:100%;}&::before{left:0;background:linear-gradient(-90deg,rgba(247,247,247,0) 0%,currentColor 100%);}&::after{right:0;background:linear-gradient(90deg,rgba(247,247,247,0) 0%,currentColor 100%);}"],20);const Content=styled.div.withConfig({displayName:"Tabs__Content",componentId:"ui__sc-ggtlgu-2"})(["position:relative;z-index:1;display:block;padding:0;margin:0 auto;white-space:nowrap;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;color:",";scrollbar-width:none;&::-webkit-scrollbar{height:0;background:transparent;visibility:hidden;}&::-webkit-scrollbar-thumb{height:0px;background:transparent;visibility:hidden;}",""],(o=>o.theme.colors.mineShaft),(o=>o.noBorder?css(["display:flex;justify-content:space-between;width:100%;"]):null));export{Content,Inner,Root};

package/components/Tag/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var Text$1=require('../Text/Text.js');const WIDTHS={l:220,m:182,s:100,xs:60};const active=styled.css(["border-color:transparent;background-color:currentColor;"]);const Text=~~styled~~(Text$1.Text).withConfig({componentId:"~~fox-~~ui__sc-3oi44j-0"})(["display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=styled.css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=~~styled~~.button.withConfig({shouldForwardProp:e=>['children','htmlFor','className','style','onClick'].includes(e)}).withConfig({componentId:"~~fox-~~ui__sc-3oi44j-1"})(["padding:0px 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(e=>e.theme.colors.white),(e=>e.theme.colors.whiteGray),(e=>e.size?responsiveProperty.property((e=>e.width==='auto'?'auto':typeof e.width=='number'?e.width:e.size&&WIDTHS[e.size]?WIDTHS[e.size]:'auto')(e),'width'):null),(e=>e.height?responsiveProperty.property(e.height,'line-height'):null),(e=>e.height?responsiveProperty.property(e.height,'height'):null),(({heightXS:e,heightS:o,heightM:i,heightL:t,heightXL:r})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:e,heightS:o,heightM:i,heightL:t,heightXL:r},cssProperty:'height'})),(e=>e.width?responsiveProperty.property(e.width,'width'):null),(({widthXS:e,widthS:o,widthM:i,widthL:t,widthXL:r})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e,widthS:o,widthM:i,widthL:t,widthXL:r},cssProperty:'width'})),(e=>e.display?display.display(e.display):null),(e=>e.color?color.color(e.color):null),(e=>e.disabled?null:styled.css(["&:hover:not(:disabled){border-color:currentColor;}&:active:not(:disabled){"," ","{color:",";}}"],active,Text,(e=>e.theme.colors.white))),(e=>e.inverse\|\|e.checked?active:null),disabled,(e=>e.disabled?disabled:null));exports.Root=Root,exports.Text=Text;
1	+ 'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var Text$1=require('../Text/Text.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={l:220,m:182,s:100,xs:60};const active=styled.css(["border-color:transparent;background-color:currentColor;"]);const Text=styled__default.default(Text$1.Text).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=styled.css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled__default.default.button.withConfig({shouldForwardProp:e=>['children','htmlFor','className','style','onClick'].includes(e)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0px 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(e=>e.theme.colors.white),(e=>e.theme.colors.whiteGray),(e=>e.size?responsiveProperty.property((e=>e.width==='auto'?'auto':typeof e.width=='number'?e.width:e.size&&WIDTHS[e.size]?WIDTHS[e.size]:'auto')(e),'width'):null),(e=>e.height?responsiveProperty.property(e.height,'line-height'):null),(e=>e.height?responsiveProperty.property(e.height,'height'):null),(({heightXS:e,heightS:t,heightM:o,heightL:i,heightXL:r})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:e,heightS:t,heightM:o,heightL:i,heightXL:r},cssProperty:'height'})),(e=>e.width?responsiveProperty.property(e.width,'width'):null),(({widthXS:e,widthS:t,widthM:o,widthL:i,widthXL:r})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e,widthS:t,widthM:o,widthL:i,widthXL:r},cssProperty:'width'})),(e=>e.display?display.display(e.display):null),(e=>e.color?color.color(e.color):null),(e=>e.disabled?null:styled.css(["&:hover:not(:disabled){border-color:currentColor;}&:active:not(:disabled){"," ","{color:",";}}"],active,Text,(e=>e.theme.colors.white))),(e=>e.inverse\|\|e.checked?active:null),disabled,(e=>e.disabled?disabled:null));exports.Root=Root,exports.Text=Text;

package/components/Tag/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WIDTHS={l:220,m:182,s:100,xs:60};const active=css(["border-color:transparent;background-color:currentColor;"]);const Text=styled(Text$1).withConfig({componentId:"~~fox-~~ui__sc-3oi44j-0"})(["display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled.button.withConfig({shouldForwardProp:o=>['children','htmlFor','className','style','onClick'].includes(o)}).withConfig({componentId:"~~fox-~~ui__sc-3oi44j-1"})(["padding:0px 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(o=>o.theme.colors.white),(o=>o.theme.colors.whiteGray),(o=>o.size?property((o=>o.width==='auto'?'auto':typeof o.width=='number'?o.width:o.size&&WIDTHS[o.size]?WIDTHS[o.size]:'auto')(o),'width'):null),(o=>o.height?property(o.height,'line-height'):null),(o=>o.height?property(o.height,'height'):null),(({heightXS:o,heightS:e,heightM:i,heightL:t,heightXL:r})=>responsiveNamedProperty({sizes:{heightXS:o,heightS:e,heightM:i,heightL:t,heightXL:r},cssProperty:'height'})),(o=>o.width?property(o.width,'width'):null),(({widthXS:o,widthS:e,widthM:i,widthL:t,widthXL:r})=>responsiveNamedProperty({sizes:{widthXS:o,widthS:e,widthM:i,widthL:t,widthXL:r},cssProperty:'width'})),(o=>o.display?display(o.display):null),(o=>o.color?color(o.color):null),(o=>o.disabled?null:css(["&:hover:not(:disabled){border-color:currentColor;}&:active:not(:disabled){"," ","{color:",";}}"],active,Text,(o=>o.theme.colors.white))),(o=>o.inverse\|\|o.checked?active:null),disabled,(o=>o.disabled?disabled:null));export{Root,Text};
1	+ import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WIDTHS={l:220,m:182,s:100,xs:60};const active=css(["border-color:transparent;background-color:currentColor;"]);const Text=styled(Text$1).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled.button.withConfig({shouldForwardProp:e=>['children','htmlFor','className','style','onClick'].includes(e)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0px 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(e=>e.theme.colors.white),(e=>e.theme.colors.whiteGray),(e=>e.size?property((e=>e.width==='auto'?'auto':typeof e.width=='number'?e.width:e.size&&WIDTHS[e.size]?WIDTHS[e.size]:'auto')(e),'width'):null),(e=>e.height?property(e.height,'line-height'):null),(e=>e.height?property(e.height,'height'):null),(({heightXS:e,heightS:o,heightM:i,heightL:t,heightXL:r})=>responsiveNamedProperty({sizes:{heightXS:e,heightS:o,heightM:i,heightL:t,heightXL:r},cssProperty:'height'})),(e=>e.width?property(e.width,'width'):null),(({widthXS:e,widthS:o,widthM:i,widthL:t,widthXL:r})=>responsiveNamedProperty({sizes:{widthXS:e,widthS:o,widthM:i,widthL:t,widthXL:r},cssProperty:'width'})),(e=>e.display?display(e.display):null),(e=>e.color?color(e.color):null),(e=>e.disabled?null:css(["&:hover:not(:disabled){border-color:currentColor;}&:active:not(:disabled){"," ","{color:",";}}"],active,Text,(e=>e.theme.colors.white))),(e=>e.inverse\|\|e.checked?active:null),disabled,(e=>e.disabled?disabled:null));export{Root,Text};

package/components/Text/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=style.createShouldForwardProp((e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','underline','whiteSpace','wordBreak'].includes(e)));const Root=~~styled~~.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({componentId:"~~fox-~~ui__sc-s2fogy-0"})([""," "," "," "," ",""],(e=>`\n margin: 0;\n ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n ${e.transform?`text-transform: ${e.transform};`:''}\n ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n ${e.textAlign?`text-align: ${e.textAlign};`:''}\n ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n ${e.underline?`border-bottom: 1px ${typeof e.underline=='string'?e.underline:'solid'};`:''}\n ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n a {\n text-decoration: ${e.underlineLinks?'underline':'none'};\n &:hover {\n text-decoration: none;\n }\n }\n `),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(e=>e.display?display.display(e.display):null),(e=>color.color(e.color?e.color:e.theme.textColor)));exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=style.createShouldForwardProp((e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','underline','whiteSpace','wordBreak'].includes(e)));const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," ",""],(e=>`\n margin: 0;\n ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n ${e.transform?`text-transform: ${e.transform};`:''}\n ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n ${e.textAlign?`text-align: ${e.textAlign};`:''}\n ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n ${e.underline?`border-bottom: 1px ${typeof e.underline=='string'?e.underline:'solid'};`:''}\n ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n a {\n text-decoration: ${e.underlineLinks?'underline':'none'};\n &:hover {\n text-decoration: none;\n }\n }\n `),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(e=>e.display?display.display(e.display):null),(e=>color.color(e.color?e.color:e.theme.textColor)));exports.Root=Root;

package/components/Text/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=createShouldForwardProp((e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','underline','whiteSpace','wordBreak'].includes(e)));const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({componentId:"~~fox-~~ui__sc-s2fogy-0"})([""," "," "," "," ",""],(e=>`\n margin: 0;\n ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n ${e.transform?`text-transform: ${e.transform};`:''}\n ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n ${e.textAlign?`text-align: ${e.textAlign};`:''}\n ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n ${e.underline?`border-bottom: 1px ${typeof e.underline=='string'?e.underline:'solid'};`:''}\n ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n a {\n text-decoration: ${e.underlineLinks?'underline':'none'};\n &:hover {\n text-decoration: none;\n }\n }\n `),responsiveSize,responsiveMargin,(e=>e.display?display(e.display):null),(e=>color(e.color?e.color:e.theme.textColor)));export{Root};
1	+ import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=createShouldForwardProp((e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','underline','whiteSpace','wordBreak'].includes(e)));const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," ",""],(e=>`\n margin: 0;\n ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n ${e.transform?`text-transform: ${e.transform};`:''}\n ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n ${e.textAlign?`text-align: ${e.textAlign};`:''}\n ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n ${e.underline?`border-bottom: 1px ${typeof e.underline=='string'?e.underline:'solid'};`:''}\n ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n a {\n text-decoration: ${e.underlineLinks?'underline':'none'};\n &:hover {\n text-decoration: none;\n }\n }\n `),responsiveSize,responsiveMargin,(e=>e.display?display(e.display):null),(e=>color(e.color?e.color:e.theme.textColor)));export{Root};

package/components/Text.Ellipse/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var ~~styled~~=require('styled-components');const Ul=~~styled~~.ul.withConfig({componentId:"~~fox-~~ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=~~styled~~.li.withConfig({componentId:"~~fox-~~ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);exports.Li=Li,exports.Ul=Ul;
1	+ 'use strict';function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(require('styled-components'));const Ul=styled__default.default.ul.withConfig({displayName:"TextEllipse__Ul",componentId:"ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled__default.default.li.withConfig({displayName:"TextEllipse__Li",componentId:"ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);exports.Li=Li,exports.Ul=Ul;

package/components/Text.Ellipse/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled from'styled-components';const Ul=styled.ul.withConfig({componentId:"~~fox-~~ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled.li.withConfig({componentId:"~~fox-~~ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);export{Li,Ul};
1	+ import styled from'styled-components';const Ul=styled.ul.withConfig({displayName:"TextEllipse__Ul",componentId:"ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled.li.withConfig({displayName:"TextEllipse__Li",componentId:"ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);export{Li,Ul};

package/components/Textarea/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('../Input/helpers.js');var style=require('../Input/style.js');var focus=require('../../mixins/focus.js');const brandTextareaStyle=styled.css(["",";"," "," "," "," ",""],(({theme:e,disabled:o})=>`\n display: block;\n box-sizing: border-box;\n appearance: none;\n width: auto;\n resize: none;\n cursor: ${o?'not-allowed':'text'};\n\n background: ${e.colors['bg-onmain-secondary']};\n border: 1px solid ${e.colors['border-onmain-default-large']};\n border-radius: 12px;\n padding: 12px 16px;\n\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n color: ${e.colors['content-onmain-primary']};\n\n transition-property: background-color, border-color, color, caret-color;\n transition-duration: 200ms;\n transition-timing-function: ease-in;\n\n &::placeholder {\n color: ${e.colors['content-onmain-secondary']};\n }\n\n &:disabled {\n background-color: ${e.colors['bg-disabled-large']};\n border-color: ${e.colors['border-disabled']};\n color: ${e.colors['content-disabled']};\n }\n `),(e=>e.width?responsiveProperty.property(helpers.chooseWidthValue(e.width),e.fluid&&e.width!=='auto'?'max-width':'width'):null),(e=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e.widthXS,widthS:e.widthS,widthM:e.widthM,widthL:e.widthL,widthXL:e.widthXL},cssProperty:e.fluid&&e.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue})),(({fluid:e})=>e&&'width: 100%;'),(({error:e,theme:o})=>e&&`\n background-color: ${o.colors['alert-bg-error-100']};\n border: 1px solid ${o.colors['alert-bg-error-500']};\n `),focus.focus);const baseTextareaStyle=styled.css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],style.baseInputStyle);const Root=~~styled~~.textarea.withConfig({shouldForwardProp:e=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(e)&&!e.includes('width')}).withConfig({componentId:"~~fox-~~ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:e})=>e?brandTextareaStyle:baseTextareaStyle));exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('../Input/helpers.js');var style=require('../Input/style.js');var focus=require('../../mixins/focus.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const brandTextareaStyle=styled.css(["",";"," "," "," "," ",""],(({theme:e,disabled:o})=>`\n display: block;\n box-sizing: border-box;\n appearance: none;\n width: auto;\n resize: none;\n cursor: ${o?'not-allowed':'text'};\n\n background: ${e.colors['bg-onmain-secondary']};\n border: 1px solid ${e.colors['border-onmain-default-large']};\n border-radius: 12px;\n padding: 12px 16px;\n\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n color: ${e.colors['content-onmain-primary']};\n\n transition-property: background-color, border-color, color, caret-color;\n transition-duration: 200ms;\n transition-timing-function: ease-in;\n\n &::placeholder {\n color: ${e.colors['content-onmain-secondary']};\n }\n\n &:disabled {\n background-color: ${e.colors['bg-disabled-large']};\n border-color: ${e.colors['border-disabled']};\n color: ${e.colors['content-disabled']};\n }\n `),(e=>e.width?responsiveProperty.property(helpers.chooseWidthValue(e.width),e.fluid&&e.width!=='auto'?'max-width':'width'):null),(e=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e.widthXS,widthS:e.widthS,widthM:e.widthM,widthL:e.widthL,widthXL:e.widthXL},cssProperty:e.fluid&&e.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue})),(({fluid:e})=>e&&'width: 100%;'),(({error:e,theme:o})=>e&&`\n background-color: ${o.colors['alert-bg-error-100']};\n border: 1px solid ${o.colors['alert-bg-error-500']};\n `),focus.focus);const baseTextareaStyle=styled.css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],style.baseInputStyle);const Root=styled__default.default.textarea.withConfig({shouldForwardProp:e=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(e)&&!e.includes('width')}).withConfig({displayName:"Textarea__Root",componentId:"ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:e})=>e?brandTextareaStyle:baseTextareaStyle));exports.Root=Root;

package/components/Textarea/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import styled,{css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'../Input/helpers.mjs';import{baseInputStyle}from'../Input/style.mjs';import{focus}from'../../mixins/focus.mjs';const brandTextareaStyle=css(["",";"," "," "," "," ",""],(({theme:o,disabled:e})=>`\n display: block;\n box-sizing: border-box;\n appearance: none;\n width: auto;\n resize: none;\n cursor: ${e?'not-allowed':'text'};\n\n background: ${o.colors['bg-onmain-secondary']};\n border: 1px solid ${o.colors['border-onmain-default-large']};\n border-radius: 12px;\n padding: 12px 16px;\n\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n color: ${o.colors['content-onmain-primary']};\n\n transition-property: background-color, border-color, color, caret-color;\n transition-duration: 200ms;\n transition-timing-function: ease-in;\n\n &::placeholder {\n color: ${o.colors['content-onmain-secondary']};\n }\n\n &:disabled {\n background-color: ${o.colors['bg-disabled-large']};\n border-color: ${o.colors['border-disabled']};\n color: ${o.colors['content-disabled']};\n }\n `),(o=>o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null),(o=>responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue})),(({fluid:o})=>o&&'width: 100%;'),(({error:o,theme:e})=>o&&`\n background-color: ${e.colors['alert-bg-error-100']};\n border: 1px solid ${e.colors['alert-bg-error-500']};\n `),focus);const baseTextareaStyle=css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],baseInputStyle);const Root=styled.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(o)&&!o.includes('width')}).withConfig({componentId:"~~fox-~~ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:o})=>o?brandTextareaStyle:baseTextareaStyle));export{Root};
1	+ import styled,{css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'../Input/helpers.mjs';import{baseInputStyle}from'../Input/style.mjs';import{focus}from'../../mixins/focus.mjs';const brandTextareaStyle=css(["",";"," "," "," "," ",""],(({theme:o,disabled:e})=>`\n display: block;\n box-sizing: border-box;\n appearance: none;\n width: auto;\n resize: none;\n cursor: ${e?'not-allowed':'text'};\n\n background: ${o.colors['bg-onmain-secondary']};\n border: 1px solid ${o.colors['border-onmain-default-large']};\n border-radius: 12px;\n padding: 12px 16px;\n\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 24px;\n color: ${o.colors['content-onmain-primary']};\n\n transition-property: background-color, border-color, color, caret-color;\n transition-duration: 200ms;\n transition-timing-function: ease-in;\n\n &::placeholder {\n color: ${o.colors['content-onmain-secondary']};\n }\n\n &:disabled {\n background-color: ${o.colors['bg-disabled-large']};\n border-color: ${o.colors['border-disabled']};\n color: ${o.colors['content-disabled']};\n }\n `),(o=>o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null),(o=>responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue})),(({fluid:o})=>o&&'width: 100%;'),(({error:o,theme:e})=>o&&`\n background-color: ${e.colors['alert-bg-error-100']};\n border: 1px solid ${e.colors['alert-bg-error-500']};\n `),focus);const baseTextareaStyle=css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],baseInputStyle);const Root=styled.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Textarea__Root",componentId:"ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:o})=>o?brandTextareaStyle:baseTextareaStyle));export{Root};

package/components/Tooltip/Tooltip.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var React=require('react');var styled=require('styled-components');var Floater=require('react-floater');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var TooltipWrapper=require('./TooltipWrapper.js');var defaultConstants=require('./default-constants.js');var require$$0=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');var constants=require('../TooltipComponent/constants.js');const Tooltip=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{preset:r,size:t="s",sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:d,palette:u,black:m,contrast:T,titleProps:f,contentProps:z,closeButtonProps:b,...g}=e;const q=styled.useTheme();if(r!=='brand'){const e={...g,styles:ramda.mergeDeepLeft(g.styles??{},defaultConstants.TOOLTIP_STYLES_DEFAULT)};return require$$0.jsx(~~Floater~~,{...e,children:require$$0.jsx("span",{children:e.children})})}let C=q.colors['bg-onmain-primary'];m&&(C=q.colors['bg-onmain-inverse']),T&&(C=q.colors['bg-brand-primary-basic']),u?.backgroundColor&&(C=q.colors[u.backgroundColor]??u.backgroundColor);const h={...g,offset:g.offset??8,styles:ramda.mergeDeepLeft(g.styles??{},{arrow:{color:C,spread:16,length:8},floater:{filter:`drop-shadow(0 6px 10px ${q.colors['bg-oncolor-hover']})`}}),component:require$$0.jsx(TooltipWrapper.TooltipWrapper,{ref:o,size:t,sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:d,palette:u,black:m,contrast:T,title:g.title,titleProps:f,content:g.content,contentProps:z,footer:g.footer,showCloseButton:g.showCloseButton,closeButtonProps:b,component:g.component})};return require$$0.jsx(~~Floater~~,{...h,modifiers:{flip:{enabled:!h.disableFlip}}})})),{displayName:"Tooltip",sizes:constants.SIZES}),{Component:TooltipComponent.TooltipComponent});exports.COMPONENT_NAME="Tooltip",exports.Tooltip=Tooltip;
1	+ 'use strict';var React=require('react');var styled=require('styled-components');var Floater=require('react-floater');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var TooltipWrapper=require('./TooltipWrapper.js');var defaultConstants=require('./default-constants.js');var require$$0=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');var constants=require('../TooltipComponent/constants.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Floater__default=_interopDefault(Floater);const Tooltip=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{preset:t,size:r="s",sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:u,palette:d,black:f,contrast:m,titleProps:T,contentProps:z,closeButtonProps:b,...g}=e;const q=styled.useTheme();if(t!=='brand'){const e={...g,styles:ramda.mergeDeepLeft(g.styles??{},defaultConstants.TOOLTIP_STYLES_DEFAULT)};return require$$0.jsx(Floater__default.default,{...e,children:require$$0.jsx("span",{children:e.children})})}let C=q.colors['bg-onmain-primary'];f&&(C=q.colors['bg-onmain-inverse']),m&&(C=q.colors['bg-brand-primary-basic']),d?.backgroundColor&&(C=q.colors[d.backgroundColor]??d.backgroundColor);const h={...g,offset:g.offset??8,styles:ramda.mergeDeepLeft(g.styles??{},{arrow:{color:C,spread:16,length:8},floater:{filter:`drop-shadow(0 6px 10px ${q.colors['bg-oncolor-hover']})`}}),component:require$$0.jsx(TooltipWrapper.TooltipWrapper,{ref:o,size:r,sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:u,palette:d,black:f,contrast:m,title:g.title,titleProps:T,content:g.content,contentProps:z,footer:g.footer,showCloseButton:g.showCloseButton,closeButtonProps:b,component:g.component})};return require$$0.jsx(Floater__default.default,{...h,modifiers:{flip:{enabled:!h.disableFlip}}})})),{displayName:"Tooltip",sizes:constants.SIZES}),{Component:TooltipComponent.TooltipComponent});exports.COMPONENT_NAME="Tooltip",exports.Tooltip=Tooltip;

package/components/TooltipComponent/style.js CHANGED Viewed

	@@ -1 +1 @@
1	- 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');const shouldForwardTooltipComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=~~styled~~.button.withConfig({componentId:"~~fox-~~ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus.focus);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n & > ${CloseButton} {\n color: ${o.closeColor};\n }\n & > ${CloseButton}:hover {\n color: ${o.closeColorHover};\n }\n & > ${CloseButton}:active {\n color: ${o.closeColorActive};\n }\n & > ${CloseButton}:disabled {\n color: ${o.closeColorDisabled};\n }\n\n`;const COLOR_SCHEMA={contrast:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=~~styled~~.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({componentId:"~~fox-~~ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize.responsiveSize);exports.CloseButton=CloseButton,exports.Root=Root;
1	+ 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardTooltipComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled__default.default.button.withConfig({displayName:"TooltipComponent__CloseButton",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus.focus);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n & > ${CloseButton} {\n color: ${o.closeColor};\n }\n & > ${CloseButton}:hover {\n color: ${o.closeColorHover};\n }\n & > ${CloseButton}:active {\n color: ${o.closeColorActive};\n }\n & > ${CloseButton}:disabled {\n color: ${o.closeColorDisabled};\n }\n\n`;const COLOR_SCHEMA={contrast:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor.default(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor.default(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize.responsiveSize);exports.CloseButton=CloseButton,exports.Root=Root;

package/components/TooltipComponent/style.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- 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{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardTooltipComponentProp=createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled.button.withConfig({componentId:"~~fox-~~ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n & > ${CloseButton} {\n color: ${o.closeColor};\n }\n & > ${CloseButton}:hover {\n color: ${o.closeColorHover};\n }\n & > ${CloseButton}:active {\n color: ${o.closeColorActive};\n }\n & > ${CloseButton}:disabled {\n color: ${o.closeColorDisabled};\n }\n\n`;const COLOR_SCHEMA={contrast:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({componentId:"~~fox-~~ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize);export{CloseButton,Root};
1	+ 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{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardTooltipComponentProp=createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled.button.withConfig({displayName:"TooltipComponent__CloseButton",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n & > ${CloseButton} {\n color: ${o.closeColor};\n }\n & > ${CloseButton}:hover {\n color: ${o.closeColorHover};\n }\n & > ${CloseButton}:active {\n color: ${o.closeColorActive};\n }\n & > ${CloseButton}:disabled {\n color: ${o.closeColorDisabled};\n }\n\n`;const COLOR_SCHEMA={contrast:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize);export{CloseButton,Root};