npm - acinguiux-ds-react-framework - Versions diffs - 0.1.24 → 0.1.26 - Mend

acinguiux-ds-react-framework 0.1.24 → 0.1.26

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 (1553) hide show

package/build/cjs/react-base/src/components/Input/Input.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.styles.js","sources":["../../../../../../../react-base/src/components/Input/Input.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IProps } from './Input.types';\nimport { consts } from './Input.consts';\nimport { DATE_PICKER_CLASS, LOADING_CLASS, SELECT_CLASS, Sizes } from '../../consts';\nimport {\n getInputColorStyles,\n getInputBorderStyles,\n getInputElementStyles,\n getWrapperStyles,\n getBaseElementStyles,\n} from './Input.utils';\nimport { getFocusStyles } from '../../utils';\nimport { Variables } from '../../theme/types/layer';\n\nexport const WrapperStyles = css<IProps>`\n ${({ theme, $size = `${Sizes.Medium}`, $disabled, $invalid, $readOnly }) => {\n const layer = theme.layer({\n foundation: 'section',\n sentiment: 'negative',\n sentimentProminence: 'subtle',\n disabled: false,\n });\n const disabledLayer = theme.layer({\n foundation: 'section',\n sentiment: 'negative',\n sentimentProminence: 'subtle',\n disabled: true,\n });\n const hoverLayer = theme.layer({\n foundation: 'section',\n sentiment: 'negative',\n sentimentProminence: 'subtle',\n disabled: false,\n state: 'hover',\n });\n\n const getStyles = (state?: FabricsVariables.StateType, disabled = $disabled) =>\n getInputColorStyles(theme, state, disabled, $invalid);\n\n return css`\n ${getWrapperStyles($size)};\n &::before {\n content: '';\n position: absolute;\n display: block;\n inset: 0;\n ${getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal')};\n border-color: inherit;\n }\n border-radius: ${getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal').borderRadius};\n ${getStyles()};\n\n ${$disabled &&\n css`\n &,\n & input,\n & textarea {\n cursor: not-allowed;\n }\n `}\n\n ${$size === Sizes.XSmall &&\n css`\n &:has([data-affix='prefix']) {\n padding-inline-start: ${getInputBorderStyles(\n $size,\n $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal',\n false,\n ).borderWidth}px;\n }\n\n &:has([data-affix='suffix']),\n &:has(button:last-child) {\n padding-inline-end: ${getInputBorderStyles(\n $size,\n $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal',\n false,\n ).borderWidth}px;\n }\n `};\n\n input,\n textarea {\n ${getBaseElementStyles(theme, $size, $disabled)};\n ${getInputElementStyles($size)};\n }\n\n :has(> svg.${LOADING_CLASS}) {\n padding-inline: ${consts[$size].padding.inline}px;\n padding-block: ${consts[$size].containerPadding}px;\n ${$size === Sizes.XSmall &&\n css`\n padding-block: ${consts[$size].containerPadding + consts[$size].padding.block}px;\n `};\n ${($size === Sizes.Small \|\| $size === Sizes.Medium) &&\n css`\n padding-block: 4px;\n `};\n ${$size === Sizes.Large &&\n css`\n padding-block: 8px;\n `};\n }\n\n svg:not(.${LOADING_CLASS}) {\n width: ${consts[$size].iconSize}px;\n height: ${consts[$size].iconSize}px;\n }\n\n textarea {\n min-width: fit-content;\n min-height: ${consts[$size].containerHeight - consts[$size].containerPadding * 2}px;\n max-height: 100%;\n ${$size === Sizes.XSmall &&\n css`\n max-height: calc(\n 100% -\n ${getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth * 2}px\n );\n `};\n }\n\n &:has(textarea) {\n align-items: stretch;\n }\n\n &:has([data-focused='keyboard']):not(\n :has(.${DATE_PICKER_CLASS}-range, .${DATE_PICKER_CLASS}-range-from, .${DATE_PICKER_CLASS}-range-to)\n ),\n &:has(.${DATE_PICKER_CLASS}-range):has([data-focused='keyboard']) input:focus-visible,\n &:is([data-focused='keyboard']):not(:has(button:focus-visible)) {\n ${getFocusStyles(theme)};\n }\n\n &:has([readonly]):not(.${SELECT_CLASS}, .${DATE_PICKER_CLASS}-range) {\n background-color: ${getStyles(FabricsVariables.States.Resting, true).backgroundColor};\n border-color: ${getStyles(FabricsVariables.States.Resting, true).borderColor};\n }\n\n &:has([data-resizable='both']),\n &:has([data-resizable='vertical']),\n &:has([data-resizable='horizontal']) {\n &::after {\n content: '';\n display: block;\n position: absolute;\n pointer-events: none;\n bottom: 4px;\n right: 4px;\n width: 12px;\n height: 12px;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: contain;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOUw5IDEyIiBzdHJva2U9IiM5MTkxOTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHBhdGggZD0iTTEyIDRMNCAxMiIgc3Ryb2tlPSIjOTE5MTkxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjwvc3ZnPg==');\n }\n }\n\n [data-affix] {\n display: flex;\n align-items: center;\n position: relative;\n min-width: fit-content;\n color: ${layer[Variables.TextOnFoundationSubtle]};\n background-color: ${layer[Variables.BackgroundFoundation]};\n border-radius: ${consts[$size].affixBorderRadius}px;\n padding-block: ${consts[$size].padding.block}px;\n padding-inline: ${consts[$size].padding.inline}px;\n ${$size === Sizes.XSmall &&\n css`\n padding-block: ${consts[$size].padding.block -\n getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth}px;\n `};\n ${$size === Sizes.Small &&\n css`\n padding-block: ${consts[$size].padding.block + 2}px;\n `};\n\n & > button {\n position: relative;\n pointer-events: initial;\n }\n\n &[data-transparent='true'] {\n background-color: transparent;\n }\n\n &[data-affix='prefix'][data-transparent='true'] {\n padding-inline-end: 0;\n }\n\n &[data-affix='suffix'][data-transparent='true'] {\n padding-inline-start: 0;\n }\n\n &[data-invalid='true'] {\n color: ${layer[Variables.TextOnSentimentOnBackground]};\n\n &[data-transparent='false'] {\n background-color: ${layer[Variables.BackgroundSentiment]};\n }\n\n & > button {\n color: ${layer[Variables.TextOnSentimentOnBackground]};\n }\n }\n\n &[data-disabled='true'] {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n\n &[data-transparent='false'] {\n background-color: ${disabledLayer[Variables.BackgroundFoundation]};\n }\n\n & > button {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n &:has(textarea) [data-affix] {\n align-items: flex-start;\n ${$size === Sizes.XSmall &&\n css`\n padding-block: ${1 +\n getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false).borderWidth \n 2}px;\n margin-block: ${getInputBorderStyles(\n $size,\n $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal',\n false,\n ).borderWidth}px;\n `}\n }\n\n &:has(textarea) [data-affix='suffix'] {\n position: absolute;\n top: ${consts[$size].containerPadding}px;\n bottom: ${consts[$size].containerPadding}px;\n pointer-events: none;\n right: ${consts[$size].containerPadding}px;\n\n ${$size === Sizes.XSmall &&\n css`\n top: 0;\n bottom: 0;\n right: ${getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth}px;\n `};\n }\n\n ${$size === Sizes.XSmall &&\n css`\n & > :first-child {\n border-radius: ${consts[$size].borderRadius}px 0 0 ${consts[$size].borderRadius}px;\n }\n\n [data-affix='suffix']:not([data-affix='suffix'] ~ button) {\n border-radius: 0 ${consts[$size].borderRadius - 1}px ${consts[$size].borderRadius - 1}px 0;\n border-top: none;\n border-bottom: none;\n border-right: none;\n }\n\n & > [data-affix],\n & > button {\n height: calc(\n 100% -\n ${getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth 2}px\n );\n }\n `};\n\n &:hover {\n ${getStyles(FabricsVariables.States.Hover)};\n &:has([readonly]):not(.${SELECT_CLASS},.${DATE_PICKER_CLASS}-range) {\n background-color: ${getStyles(FabricsVariables.States.Hover, true).backgroundColor};\n border-color: ${getStyles(FabricsVariables.States.Hover, true).borderColor};\n }\n\n &:not(:has([readonly])) > [data-affix]:not(:has(button), [data-disabled='true']) {\n background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n color: ${hoverLayer[Variables.TextOnFoundationSubtle]};\n\n & > button {\n color: ${hoverLayer[Variables.TextOnFoundationSubtle]};\n }\n\n &[data-invalid='true'] {\n color: ${hoverLayer[Variables.TextOnSentimentOnBackground]};\n background-color: ${hoverLayer[Variables.BackgroundSentiment]};\n\n & > button {\n color: ${hoverLayer[Variables.TextOnSentimentOnBackground]};\n }\n }\n\n &[data-transparent='true'] {\n background-color: transparent;\n }\n }\n }\n\n &:has(:focus-visible):not(:has([readonly])) {\n border-color: ${getStyles(FabricsVariables.States.Press).borderColor};\n }\n\n &:has([data-affix] > button) > [data-affix]:has(button):not([data-affix][data-disabled='true']):hover {\n &,\n & > button {\n color: ${hoverLayer[Variables.TextOnFoundationSubtle]};\n }\n background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n\n &[data-invalid='true'] {\n &,\n & > button {\n color: ${hoverLayer[Variables.TextOnSentimentOnBackground]};\n }\n background-color: ${hoverLayer[Variables.BackgroundSentiment]};\n }\n\n &[data-transparent='true'] {\n background-color: transparent;\n }\n }\n `;\n }}\n`;\n"],"names":["WrapperStyles","css","theme","$size","Sizes","$disabled","$invalid","$readOnly","layer","disabledLayer","hoverLayer","getStyles","state","disabled","getInputColorStyles","getWrapperStyles","getInputBorderStyles","getBaseElementStyles","getInputElementStyles","LOADING_CLASS","consts","DATE_PICKER_CLASS","getFocusStyles","SELECT_CLASS","FabricsVariables","Variables"],"mappings":"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"}
1	+ {"version":3,"file":"Input.styles.js","sources":["../../../../../../../react-base/src/components/Input/Input.styles.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity /\nimport { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IProps } from './Input.types';\nimport { consts } from './Input.consts';\nimport { DATE_PICKER_CLASS, LOADING_CLASS, SELECT_CLASS, Sizes } from '../../consts';\nimport {\n getInputColorStyles,\n getInputBorderStyles,\n getInputElementStyles,\n getWrapperStyles,\n getBaseElementStyles,\n} from './Input.utils';\nimport { getFocusStyles } from '../../utils';\nimport { Variables } from '../../theme/types/layer';\n\nexport const WrapperStyles = css<IProps>`\n ${({ theme, $size = `${Sizes.Medium}`, $disabled, $invalid, $readOnly }) => {\n const layer = theme.layer({\n foundation: 'section',\n sentiment: 'negative',\n sentimentProminence: 'subtle',\n disabled: false,\n });\n const disabledLayer = theme.layer({\n foundation: 'section',\n sentiment: 'negative',\n sentimentProminence: 'subtle',\n disabled: true,\n });\n const hoverLayer = theme.layer({\n foundation: 'section',\n sentiment: 'negative',\n sentimentProminence: 'subtle',\n disabled: false,\n state: 'hover',\n });\n\n const getStyles = (state?: FabricsVariables.StateType, disabled = $disabled) =>\n getInputColorStyles(theme, state, disabled, $invalid);\n\n return css`\n ${getWrapperStyles($size)};\n &::before {\n content: '';\n position: absolute;\n display: block;\n inset: 0;\n ${getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal')};\n border-color: inherit;\n }\n border-radius: ${getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal').borderRadius};\n ${getStyles()};\n\n ${$disabled &&\n css`\n &,\n & input,\n & textarea {\n cursor: not-allowed;\n }\n `}\n\n ${$size === Sizes.XSmall &&\n css`\n &:has([data-affix='prefix']) {\n padding-inline-start: ${getInputBorderStyles(\n $size,\n $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal',\n false,\n ).borderWidth}px;\n }\n\n &:has([data-affix='suffix']),\n &:has(button:last-child) {\n padding-inline-end: ${getInputBorderStyles(\n $size,\n $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal',\n false,\n ).borderWidth}px;\n }\n `};\n\n input,\n textarea {\n ${getBaseElementStyles(theme, $size, $disabled)};\n ${getInputElementStyles($size)};\n }\n\n :has(> svg.${LOADING_CLASS}) {\n padding-inline: ${consts[$size].padding.inline}px;\n padding-block: ${consts[$size].containerPadding}px;\n ${$size === Sizes.XSmall &&\n css`\n padding-block: ${consts[$size].containerPadding + consts[$size].padding.block}px;\n `};\n ${($size === Sizes.Small \|\| $size === Sizes.Medium) &&\n css`\n padding-block: 4px;\n `};\n ${$size === Sizes.Large &&\n css`\n padding-block: 8px;\n `};\n }\n\n svg:not(.${LOADING_CLASS}) {\n width: ${consts[$size].iconSize}px;\n height: ${consts[$size].iconSize}px;\n }\n\n textarea {\n min-width: fit-content;\n min-height: ${consts[$size].containerHeight - consts[$size].containerPadding 2}px;\n max-height: 100%;\n ${$size === Sizes.XSmall &&\n css`\n max-height: calc(\n 100% -\n ${getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth * 2}px\n );\n `};\n }\n\n &:has(textarea) {\n align-items: stretch;\n }\n\n &:has([data-focused='keyboard']):not(\n :has(.${DATE_PICKER_CLASS}-range, .${DATE_PICKER_CLASS}-range-from, .${DATE_PICKER_CLASS}-range-to)\n ),\n &:has(.${DATE_PICKER_CLASS}-range):has([data-focused='keyboard']) input:focus-visible,\n &:is([data-focused='keyboard']):not(:has(button:focus-visible)) {\n ${getFocusStyles(theme)};\n }\n\n &:has([readonly]):not(.${SELECT_CLASS}, .${DATE_PICKER_CLASS}-range) {\n background-color: ${getStyles(FabricsVariables.States.Resting, true).backgroundColor};\n border-color: ${getStyles(FabricsVariables.States.Resting, true).borderColor};\n }\n\n &:has([data-resizable='both']),\n &:has([data-resizable='vertical']),\n &:has([data-resizable='horizontal']) {\n &::after {\n content: '';\n display: block;\n position: absolute;\n pointer-events: none;\n bottom: 4px;\n right: 4px;\n width: 12px;\n height: 12px;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: contain;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOUw5IDEyIiBzdHJva2U9IiM5MTkxOTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHBhdGggZD0iTTEyIDRMNCAxMiIgc3Ryb2tlPSIjOTE5MTkxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPjwvc3ZnPg==');\n }\n }\n\n [data-affix] {\n display: flex;\n align-items: center;\n position: relative;\n min-width: fit-content;\n color: ${layer[Variables.TextOnFoundationSubtle]};\n background-color: ${layer[Variables.BackgroundFoundation]};\n border-radius: ${consts[$size].affixBorderRadius}px;\n padding-block: ${consts[$size].padding.block}px;\n padding-inline: ${consts[$size].padding.inline}px;\n ${$size === Sizes.XSmall &&\n css`\n padding-block: ${consts[$size].padding.block -\n getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth}px;\n `};\n ${$size === Sizes.Small &&\n css`\n padding-block: ${consts[$size].padding.block + 2}px;\n `};\n\n & > button {\n position: relative;\n pointer-events: initial;\n }\n\n &[data-transparent='true'] {\n background-color: transparent;\n }\n\n &[data-affix='prefix'][data-transparent='true'] {\n padding-inline-end: 0;\n }\n\n &[data-affix='suffix'][data-transparent='true'] {\n padding-inline-start: 0;\n }\n\n &[data-invalid='true'] {\n color: ${layer[Variables.TextOnSentimentOnBackground]};\n\n &[data-transparent='false'] {\n background-color: ${layer[Variables.BackgroundSentiment]};\n }\n\n & > button {\n color: ${layer[Variables.TextOnSentimentOnBackground]};\n }\n }\n\n &[data-disabled='true'] {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n\n &[data-transparent='false'] {\n background-color: ${disabledLayer[Variables.BackgroundFoundation]};\n }\n\n & > button {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n &:has(textarea) [data-affix] {\n align-items: flex-start;\n ${$size === Sizes.XSmall &&\n css`\n padding-block: ${1 +\n getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false).borderWidth \n 2}px;\n margin-block: ${getInputBorderStyles(\n $size,\n $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal',\n false,\n ).borderWidth}px;\n `}\n }\n\n &:has(textarea) [data-affix='suffix'] {\n position: absolute;\n top: ${consts[$size].containerPadding}px;\n bottom: ${consts[$size].containerPadding}px;\n pointer-events: none;\n right: ${consts[$size].containerPadding}px;\n\n ${$size === Sizes.XSmall &&\n css`\n top: 0;\n bottom: 0;\n right: ${getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth}px;\n `};\n }\n\n ${$size === Sizes.XSmall &&\n css`\n & > :first-child {\n border-radius: ${consts[$size].borderRadius}px 0 0 ${consts[$size].borderRadius}px;\n }\n\n [data-affix='suffix']:not([data-affix='suffix'] ~ button) {\n border-radius: 0 ${consts[$size].borderRadius - 1}px ${consts[$size].borderRadius - 1}px 0;\n border-top: none;\n border-bottom: none;\n border-right: none;\n }\n\n & > [data-affix],\n & > button {\n height: calc(\n 100% -\n ${getInputBorderStyles($size, $invalid && !$disabled && !$readOnly ? 'invalid' : 'normal', false)\n .borderWidth 2}px\n );\n }\n `};\n\n &:hover {\n ${getStyles(FabricsVariables.States.Hover)};\n &:has([readonly]):not(.${SELECT_CLASS},.${DATE_PICKER_CLASS}-range) {\n background-color: ${getStyles(FabricsVariables.States.Hover, true).backgroundColor};\n border-color: ${getStyles(FabricsVariables.States.Hover, true).borderColor};\n }\n\n &:not(:has([readonly])) > [data-affix]:not(:has(button), [data-disabled='true']) {\n background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n color: ${hoverLayer[Variables.TextOnFoundationSubtle]};\n\n & > button {\n color: ${hoverLayer[Variables.TextOnFoundationSubtle]};\n }\n\n &[data-invalid='true'] {\n color: ${hoverLayer[Variables.TextOnSentimentOnBackground]};\n background-color: ${hoverLayer[Variables.BackgroundSentiment]};\n\n & > button {\n color: ${hoverLayer[Variables.TextOnSentimentOnBackground]};\n }\n }\n\n &[data-transparent='true'] {\n background-color: transparent;\n }\n }\n }\n\n &:has(:focus-visible):not(:has([readonly])) {\n border-color: ${getStyles(FabricsVariables.States.Press).borderColor};\n }\n\n &:has([data-affix] > button) > [data-affix]:has(button):not([data-affix][data-disabled='true']):hover {\n &,\n & > button {\n color: ${hoverLayer[Variables.TextOnFoundationSubtle]};\n }\n background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n\n &[data-invalid='true'] {\n &,\n & > button {\n color: ${hoverLayer[Variables.TextOnSentimentOnBackground]};\n }\n background-color: ${hoverLayer[Variables.BackgroundSentiment]};\n }\n\n &[data-transparent='true'] {\n background-color: transparent;\n }\n }\n `;\n }}\n`;\n"],"names":["WrapperStyles","css","theme","$size","Sizes","$disabled","$invalid","$readOnly","layer","disabledLayer","hoverLayer","getStyles","state","disabled","getInputColorStyles","getWrapperStyles","getInputBorderStyles","getBaseElementStyles","getInputElementStyles","LOADING_CLASS","consts","DATE_PICKER_CLASS","getFocusStyles","SELECT_CLASS","FabricsVariables","Variables"],"mappings":"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"}

package/build/cjs/react-base/src/components/Select/Select.consts.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../consts/index.js"),a={[e.Sizes.XSmall]:{prefixPadding:3,gap:2,tags:{borderRadius:3,gap:4,height:18,textGap:4,padding:5}},[e.Sizes.Small]:{prefixPadding:0,gap:3,tags:{borderRadius:4,gap:6,height:24,textGap:4,padding:5}},[e.Sizes.Medium]:{prefixPadding:2,gap:5,tags:{borderRadius:4,gap:6,height:28,textGap:4,padding:6}},[e.Sizes.Large]:{prefixPadding:4,gap:7,tags:{borderRadius:4,gap:6,height:32,textGap:4,padding:8}}};e.Sizes.XSmall+"",e.Sizes.Small+"",e.Sizes.Medium+"",e.Sizes.Large+"";exports.newConsts=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../consts/index.js"),i={[d.Sizes.XSmall]:{prefixPadding:3,gap:2,tags:{borderRadius:3,gap:4,height:18,textGap:4,padding:5}},[d.Sizes.Small]:{prefixPadding:0,gap:3,tags:{borderRadius:4,gap:6,height:24,textGap:4,padding:5}},[d.Sizes.Medium]:{prefixPadding:2,gap:5,tags:{borderRadius:4,gap:6,height:28,textGap:4,padding:6}},[d.Sizes.Large]:{prefixPadding:4,gap:7,tags:{borderRadius:4,gap:6,height:32,textGap:4,padding:8}}},g={[d.Sizes.XSmall]:{icon:{size:16,right:4,top:3},tag:{paddingContainer:3,paddingTopBottom:1,paddingRight:5,paddingLeft:5,gapContainer:2,gap:4},group:{paddingTop:6,paddingBottom:10,paddingLeft:10,paddingRight:10},option:{paddingTopBottom:5,paddingLeft:10,paddingRight:30},default:{paddingTopBottom:3,paddingLeft:8,paddingRight:30,height:24,loading:16,loadingMargin:4}},[d.Sizes.Small]:{icon:{size:16,right:6,top:3},tag:{paddingContainer:0,paddingTopBottom:2,paddingRight:5,paddingLeft:5,gapContainer:3,gap:4},group:{paddingTop:6,paddingBottom:10,paddingLeft:10,paddingRight:10},option:{paddingTopBottom:5,paddingLeft:10,paddingRight:38},default:{paddingTopBottom:7,paddingLeft:10,paddingRight:38,height:32,loading:16,loadingMargin:2}},[d.Sizes.Medium]:{icon:{size:24,right:8,top:7},tag:{paddingContainer:2,paddingTopBottom:4,paddingRight:5,paddingLeft:5,gapContainer:5,gap:6},group:{paddingTop:12,paddingBottom:12,paddingLeft:12,paddingRight:12},option:{paddingTopBottom:9,paddingLeft:12,paddingRight:38},default:{paddingTopBottom:11,paddingLeft:12,paddingRight:38,height:40,loading:24,loadingMargin:2}},[d.Sizes.Large]:{icon:{size:24,right:12,top:11},tag:{paddingContainer:4,paddingTopBottom:4,paddingRight:8,paddingLeft:8,gapContainer:7,gap:6},group:{paddingTop:16,paddingBottom:16,paddingLeft:16,paddingRight:16},option:{paddingTopBottom:13,paddingLeft:16,paddingRight:38},default:{paddingTopBottom:13,paddingLeft:16,paddingRight:38,height:48,loading:24,loadingMargin:0}}};exports.consts=g;exports.newConsts=i;
 //# sourceMappingURL=Select.consts.js.map

package/build/cjs/react-base/src/components/Select/Select.consts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.consts.js","sources":["../../../../../../../react-base/src/components/Select/Select.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const newConsts = {\n [Sizes.XSmall]: {\n prefixPadding: 3,\n gap: 2,\n tags: {\n borderRadius: 3,\n gap: 4,\n height: 18,\n textGap: 4,\n padding: 5,\n },\n },\n [Sizes.Small]: {\n prefixPadding: 0,\n gap: 3,\n tags: {\n borderRadius: 4,\n gap: 6,\n height: 24,\n textGap: 4,\n padding: 5,\n },\n },\n [Sizes.Medium]: {\n prefixPadding: 2,\n gap: 5,\n tags: {\n borderRadius: 4,\n gap: 6,\n height: 28,\n textGap: 4,\n padding: 6,\n },\n },\n [Sizes.Large]: {\n prefixPadding: 4,\n gap: 7,\n tags: {\n borderRadius: 4,\n gap: 6,\n height: 32,\n textGap: 4,\n padding: 8,\n },\n },\n};\n\nexport const consts = {\n [Sizes.XSmall]: {\n icon: {\n size: 16,\n right: 4,\n top: 3,\n },\n tag: {\n paddingContainer: 3,\n paddingTopBottom: 1,\n paddingRight: 5,\n paddingLeft: 5,\n gapContainer: 2,\n gap: 4,\n },\n group: {\n paddingTop: 6,\n paddingBottom: 10,\n paddingLeft: 10,\n paddingRight: 10,\n },\n option: {\n paddingTopBottom: 5,\n paddingLeft: 10,\n paddingRight: 30,\n },\n default: {\n paddingTopBottom: 3,\n paddingLeft: 8,\n paddingRight: 30,\n height: 24,\n loading: 16,\n loadingMargin: 4,\n },\n },\n [Sizes.Small]: {\n icon: {\n size: 16,\n right: 6,\n top: 3,\n },\n tag: {\n paddingContainer: 0,\n paddingTopBottom: 2,\n paddingRight: 5,\n paddingLeft: 5,\n gapContainer: 3,\n gap: 4,\n },\n group: {\n paddingTop: 6,\n paddingBottom: 10,\n paddingLeft: 10,\n paddingRight: 10,\n },\n option: {\n paddingTopBottom: 5,\n paddingLeft: 10,\n paddingRight: 38,\n },\n default: {\n paddingTopBottom: 7,\n paddingLeft: 10,\n paddingRight: 38,\n height: 32,\n loading: 16,\n loadingMargin: 2,\n },\n },\n [Sizes.Medium]: {\n icon: {\n size: 24,\n right: 8,\n top: 7,\n },\n tag: {\n paddingContainer: 2,\n paddingTopBottom: 4,\n paddingRight: 5,\n paddingLeft: 5,\n gapContainer: 5,\n gap: 6,\n },\n group: {\n paddingTop: 12,\n paddingBottom: 12,\n paddingLeft: 12,\n paddingRight: 12,\n },\n option: {\n paddingTopBottom: 9,\n paddingLeft: 12,\n paddingRight: 38,\n },\n default: {\n paddingTopBottom: 11,\n paddingLeft: 12,\n paddingRight: 38,\n height: 40,\n loading: 24,\n loadingMargin: 2,\n },\n },\n [Sizes.Large]: {\n icon: {\n size: 24,\n right: 12,\n top: 11,\n },\n tag: {\n paddingContainer: 4,\n paddingTopBottom: 4,\n paddingRight: 8,\n paddingLeft: 8,\n gapContainer: 7,\n gap: 6,\n },\n group: {\n paddingTop: 16,\n paddingBottom: 16,\n paddingLeft: 16,\n paddingRight: 16,\n },\n option: {\n paddingTopBottom: 13,\n paddingLeft: 16,\n paddingRight: 38,\n },\n default: {\n paddingTopBottom: 13,\n paddingLeft: 16,\n paddingRight: 38,\n height: 48,\n loading: 24,\n loadingMargin: 0,\n },\n },\n} as const;\n"],"names":["newConsts","Sizes"],"mappings":"qJAEaA,EAAY,CACvB,CAACC,EAAAA,MAAM,MAAM,EAAG,CACd,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,EAEF,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,CAEJ,~~EAGGA~~,EAAAA,MAAM,~~OAANA~~,~~GAkCAA~~,EAAAA,MAAM,~~MAANA~~,~~GAkCAA~~,EAAAA,MAAM,~~OAANA~~,~~GAkCAA~~,EAAAA,MAAM,~~MAANA~~"}
1	+ {"version":3,"file":"Select.consts.js","sources":["../../../../../../../react-base/src/components/Select/Select.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const newConsts = {\n [Sizes.XSmall]: {\n prefixPadding: 3,\n gap: 2,\n tags: {\n borderRadius: 3,\n gap: 4,\n height: 18,\n textGap: 4,\n padding: 5,\n },\n },\n [Sizes.Small]: {\n prefixPadding: 0,\n gap: 3,\n tags: {\n borderRadius: 4,\n gap: 6,\n height: 24,\n textGap: 4,\n padding: 5,\n },\n },\n [Sizes.Medium]: {\n prefixPadding: 2,\n gap: 5,\n tags: {\n borderRadius: 4,\n gap: 6,\n height: 28,\n textGap: 4,\n padding: 6,\n },\n },\n [Sizes.Large]: {\n prefixPadding: 4,\n gap: 7,\n tags: {\n borderRadius: 4,\n gap: 6,\n height: 32,\n textGap: 4,\n padding: 8,\n },\n },\n};\n\nexport const consts = {\n [Sizes.XSmall]: {\n icon: {\n size: 16,\n right: 4,\n top: 3,\n },\n tag: {\n paddingContainer: 3,\n paddingTopBottom: 1,\n paddingRight: 5,\n paddingLeft: 5,\n gapContainer: 2,\n gap: 4,\n },\n group: {\n paddingTop: 6,\n paddingBottom: 10,\n paddingLeft: 10,\n paddingRight: 10,\n },\n option: {\n paddingTopBottom: 5,\n paddingLeft: 10,\n paddingRight: 30,\n },\n default: {\n paddingTopBottom: 3,\n paddingLeft: 8,\n paddingRight: 30,\n height: 24,\n loading: 16,\n loadingMargin: 4,\n },\n },\n [Sizes.Small]: {\n icon: {\n size: 16,\n right: 6,\n top: 3,\n },\n tag: {\n paddingContainer: 0,\n paddingTopBottom: 2,\n paddingRight: 5,\n paddingLeft: 5,\n gapContainer: 3,\n gap: 4,\n },\n group: {\n paddingTop: 6,\n paddingBottom: 10,\n paddingLeft: 10,\n paddingRight: 10,\n },\n option: {\n paddingTopBottom: 5,\n paddingLeft: 10,\n paddingRight: 38,\n },\n default: {\n paddingTopBottom: 7,\n paddingLeft: 10,\n paddingRight: 38,\n height: 32,\n loading: 16,\n loadingMargin: 2,\n },\n },\n [Sizes.Medium]: {\n icon: {\n size: 24,\n right: 8,\n top: 7,\n },\n tag: {\n paddingContainer: 2,\n paddingTopBottom: 4,\n paddingRight: 5,\n paddingLeft: 5,\n gapContainer: 5,\n gap: 6,\n },\n group: {\n paddingTop: 12,\n paddingBottom: 12,\n paddingLeft: 12,\n paddingRight: 12,\n },\n option: {\n paddingTopBottom: 9,\n paddingLeft: 12,\n paddingRight: 38,\n },\n default: {\n paddingTopBottom: 11,\n paddingLeft: 12,\n paddingRight: 38,\n height: 40,\n loading: 24,\n loadingMargin: 2,\n },\n },\n [Sizes.Large]: {\n icon: {\n size: 24,\n right: 12,\n top: 11,\n },\n tag: {\n paddingContainer: 4,\n paddingTopBottom: 4,\n paddingRight: 8,\n paddingLeft: 8,\n gapContainer: 7,\n gap: 6,\n },\n group: {\n paddingTop: 16,\n paddingBottom: 16,\n paddingLeft: 16,\n paddingRight: 16,\n },\n option: {\n paddingTopBottom: 13,\n paddingLeft: 16,\n paddingRight: 38,\n },\n default: {\n paddingTopBottom: 13,\n paddingLeft: 16,\n paddingRight: 38,\n height: 48,\n loading: 24,\n loadingMargin: 0,\n },\n },\n} as const;\n"],"names":["newConsts","Sizes","consts"],"mappings":"qJAEaA,EAAY,CACvB,CAACC,EAAAA,MAAM,MAAM,EAAG,CACd,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,EAEF,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,cAAe,EACf,IAAK,EACL,KAAM,CACJ,aAAc,EACd,IAAK,EACL,OAAQ,GACR,QAAS,EACT,QAAS,CAAA,CACX,CAEJ,EAEaC,EAAS,CACpB,CAACD,EAAAA,MAAM,MAAM,EAAG,CACd,KAAM,CACJ,KAAM,GACN,MAAO,EACP,IAAK,CAAA,EAEP,IAAK,CACH,iBAAkB,EAClB,iBAAkB,EAClB,aAAc,EACd,YAAa,EACb,aAAc,EACd,IAAK,CAAA,EAEP,MAAO,CACL,WAAY,EACZ,cAAe,GACf,YAAa,GACb,aAAc,EAAA,EAEhB,OAAQ,CACN,iBAAkB,EAClB,YAAa,GACb,aAAc,EAAA,EAEhB,QAAS,CACP,iBAAkB,EAClB,YAAa,EACb,aAAc,GACd,OAAQ,GACR,QAAS,GACT,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,KAAM,CACJ,KAAM,GACN,MAAO,EACP,IAAK,CAAA,EAEP,IAAK,CACH,iBAAkB,EAClB,iBAAkB,EAClB,aAAc,EACd,YAAa,EACb,aAAc,EACd,IAAK,CAAA,EAEP,MAAO,CACL,WAAY,EACZ,cAAe,GACf,YAAa,GACb,aAAc,EAAA,EAEhB,OAAQ,CACN,iBAAkB,EAClB,YAAa,GACb,aAAc,EAAA,EAEhB,QAAS,CACP,iBAAkB,EAClB,YAAa,GACb,aAAc,GACd,OAAQ,GACR,QAAS,GACT,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,KAAM,CACJ,KAAM,GACN,MAAO,EACP,IAAK,CAAA,EAEP,IAAK,CACH,iBAAkB,EAClB,iBAAkB,EAClB,aAAc,EACd,YAAa,EACb,aAAc,EACd,IAAK,CAAA,EAEP,MAAO,CACL,WAAY,GACZ,cAAe,GACf,YAAa,GACb,aAAc,EAAA,EAEhB,OAAQ,CACN,iBAAkB,EAClB,YAAa,GACb,aAAc,EAAA,EAEhB,QAAS,CACP,iBAAkB,GAClB,YAAa,GACb,aAAc,GACd,OAAQ,GACR,QAAS,GACT,cAAe,CAAA,CACjB,EAEF,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,KAAM,CACJ,KAAM,GACN,MAAO,GACP,IAAK,EAAA,EAEP,IAAK,CACH,iBAAkB,EAClB,iBAAkB,EAClB,aAAc,EACd,YAAa,EACb,aAAc,EACd,IAAK,CAAA,EAEP,MAAO,CACL,WAAY,GACZ,cAAe,GACf,YAAa,GACb,aAAc,EAAA,EAEhB,OAAQ,CACN,iBAAkB,GAClB,YAAa,GACb,aAAc,EAAA,EAEhB,QAAS,CACP,iBAAkB,GAClB,YAAa,GACb,aAAc,GACd,OAAQ,GACR,QAAS,GACT,cAAe,CAAA,CACjB,CAEJ"}

package/build/cjs/react-base/src/components/Select/Select.utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),u=p=>l.isValidElement(p)&&typeof p.type=="function"&&"displayName"in p.type&&p.type.displayName==="OptionGroup",y=p=>l.isValidElement(p)&&typeof p.type=="function"&&"displayName"in p.type&&p.type.displayName==="Option",n=p=>!!p&&!p.isGroup&&typeof p.value<"u",t=(p,s,e)=>{if(u(p)){const r=`${s}-optgrp-${p.key??e}`;return[{key:r,isGroup:!0,disabled:p.props.disabled,label:p.props.label??p.props.children,className:p.props.className,options:(Array.isArray(p.props.children)?p.props.children.flatMap((i,a)=>t(i,r,a)):t(p.props.children,r,0)).filter(Boolean)}]}return y(p)?[{key:`${s}-opt-${p.key??e}`,isGroup:!1,value:p.props.value,disabled:p.props.disabled,label:p.props.label??p.props.children,className:p.props.className}]:l.isValidElement(p)&&Array.isArray(p.props.children)?p.props.children.flatMap((r,i)=>t(r,s,i)):[]},o=(p,s,e)=>{if("options"in p){const r=p.key??`${s}-optgrp-${p.label}-${e}`;return{...p,key:r,options:p.options.map((i,a)=>o(i,r,a)),isGroup:!0}}return{...p,key:p.key??`${s}-opt-${p.value}-${e}`,isGroup:!1}},c=(p,s)=>p.map((e,r)=>o(e,s,r));exports.convertToOption=t;exports.ensureOptionKey=o;exports.ensureOptionsKeys=c;exports.isNodeOption=y;exports.isNodeOptionGroup=u;exports.isOption=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),u=p=>l.isValidElement(p)&&typeof p.type=="function"&&"displayName"in p.type&&p.type.displayName==="OptionGroup",y=p=>l.isValidElement(p)&&typeof p.type=="function"&&"displayName"in p.type&&p.type.displayName==="Option",c=p=>!!p&&!p.isGroup&&typeof p.value<"u",t=(p,s,e)=>{if(u(p)){const r=`${s}-optgrp-${p.key??e}`;return[{key:r,isGroup:!0,disabled:p.props.disabled,label:p.props.label??p.props.children,className:p.props.className,options:(Array.isArray(p.props.children)?p.props.children.flatMap((i,a)=>t(i,r,a)):t(p.props.children,r,0)).filter(Boolean)}]}return y(p)?[{key:`${s}-opt-${p.key??e}`,isGroup:!1,value:p.props.value,disabled:p.props.disabled,label:p.props.label??p.props.children,className:p.props.className}]:l.isValidElement(p)&&p.props&&typeof p.props=="object"&&"children"in p.props&&Array.isArray(p.props.children)?p.props.children.flatMap((r,i)=>t(r,s,i)):[]},o=(p,s,e)=>{if("options"in p){const r=p.key??`${s}-optgrp-${p.label}-${e}`;return{...p,key:r,options:p.options.map((i,a)=>o(i,r,a)),isGroup:!0}}return{...p,key:p.key??`${s}-opt-${p.value}-${e}`,isGroup:!1}},n=(p,s)=>p.map((e,r)=>o(e,s,r));exports.convertToOption=t;exports.ensureOptionKey=o;exports.ensureOptionsKeys=n;exports.isNodeOption=y;exports.isNodeOptionGroup=u;exports.isOption=c;
 //# sourceMappingURL=Select.utils.js.map

package/build/cjs/react-base/src/components/Select/Select.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.utils.js","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { IOption, IOptionGroupProps, IOptionParam, IOptionProps } from './Select.types';\n\n\nexport const isNodeOptionGroup = (node: ReactNode): node is React.ReactElement<IOptionGroupProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'OptionGroup';\n\nexport const isNodeOption = (node: ReactNode): node is React.ReactElement<IOptionProps> => isValidElement(node) && typeof node.type === 'function' && 'displayName' in node.type && node.type.displayName === 'Option';\n\n\nexport const isOption = (option?: IOption): option is IOption & { isGroup: false } => !!option && !option.isGroup && typeof option.value !== 'undefined';\n\nexport const convertToOption = (node: ReactNode, selectId: string, index: number): IOption[] => {\n if (isNodeOptionGroup(node)) {\n const grpKey = `${selectId}-optgrp-${node.key ?? index}`;\n\n return [\n {\n key: grpKey,\n isGroup: true,\n disabled: node.props.disabled,\n label: node.props.label ?? node.props.children,\n className: node.props.className,\n options: (Array.isArray(node.props.children)\n ? node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, grpKey, idx))\n : convertToOption(node.props.children, grpKey, 0)\n ).filter(Boolean),\n },\n ];\n }\n \n if (isNodeOption(node)) {\n return [\n {\n key: `${selectId}-opt-${node.key ?? index}`,\n isGroup: false,\n value: node.props.value,\n disabled: node.props.disabled,\n label: node.props.label ?? node.props.children,\n className: node.props.className,\n },\n ];\n }\n\n if (isValidElement(node) && Array.isArray(node.props.children)) {\n return node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, selectId, idx));\n }\n\n return [];\n};\n\nexport const ensureOptionKey = (option: IOptionParam, selectId: string, index: number): IOption => {\n if ('options' in option) {\n const grpKey = option.key ?? `${selectId}-optgrp-${option.label}-${index}`;\n\n return {\n ...option,\n key: grpKey,\n options: option.options.map((opt, idx) => ensureOptionKey(opt, grpKey, idx)),\n isGroup: true,\n };\n }\n\n return {\n ...option,\n key: option.key ?? `${selectId}-opt-${option.value}-${index}`,\n isGroup: false,\n };\n};\n\nexport const ensureOptionsKeys = (options: IOptionParam[], selectId: string): IOption[] => options.map((option, index) => ensureOptionKey(option, selectId, index));"],"names":["isNodeOptionGroup","node","isValidElement","isNodeOption","isOption","option","convertToOption","selectId","index","grpKey","opt","idx","ensureOptionKey","ensureOptionsKeys","options"],"mappings":"~~qIAKaA~~,EAAqBC,~~GAAmEC~~,EAAAA,eAAeD,CAAI,~~GAAK~~,OAAOA,EAAK,MAAS,~~YAAc~~,gBAAiBA,EAAK,~~MAAQA~~,EAAK,KAAK,cAAgB,~~cAE3ME~~,EAAgBF,~~GAA8DC~~,EAAAA,eAAeD,CAAI,~~GAAK~~,OAAOA,EAAK,MAAS,~~YAAc~~,gBAAiBA,EAAK,~~MAAQA~~,EAAK,KAAK,cAAgB,~~SAGjMG~~,EAAYC,~~GAA6D~~,CAAC,CAACA,GAAU,CAACA,EAAO,SAAW,OAAOA,EAAO,MAAU,~~IAEhIC~~,EAAkB,CAACL,EAAiBM,EAAkBC,IAA6B,CAC9F,GAAIR,EAAkBC,CAAI,EAAG,CAC3B,MAAMQ,EAAS,GAAGF,CAAQ,WAAWN,EAAK,KAAOO,CAAK,GAEtD,MAAO,CACL,CACE,IAAKC,EACL,QAAS,GACT,SAAUR,EAAK,MAAM,SACrB,MAAOA,EAAK,MAAM,OAASA,EAAK,MAAM,SACtC,UAAWA,EAAK,MAAM,UACtB,SAAU,MAAM,QAAQA,EAAK,MAAM,QAAQ,~~EACzCA~~,EAAK,MAAM,SAAS,QAAQ,CAACS,EAAgBC,IAAgBL,EAAgBI,EAAKD,EAAQE,CAAG,CAAC,EAC9FL,EAAgBL,EAAK,MAAM,SAAUQ,EAAQ,CAAC,GAChD,OAAO,OAAO,CAAA,~~CAChB~~,CAEJ,CAEA,OAAIN,EAAaF,CAAI,~~EACV~~,CACL,CACE,IAAK,GAAGM,CAAQ,QAAQN,EAAK,KAAOO,CAAK,GACzC,QAAS,GACT,MAAOP,EAAK,MAAM,MAClB,SAAUA,EAAK,MAAM,SACrB,MAAOA,EAAK,MAAM,OAASA,EAAK,MAAM,SACtC,UAAWA,EAAK,MAAM,SAAA,CACxB,~~EAIFC~~,EAAAA,eAAeD,CAAI,~~GAAK~~,MAAM,QAAQA,EAAK,MAAM,QAAQ,~~EACpDA~~,EAAK,MAAM,SAAS,QAAQ,CAACS,EAAgBC,IAAgBL,EAAgBI,EAAKH,EAAUI,CAAG,CAAC,EAGlG,CAAA,CACT,EAEaC,EAAkB,CAACP,EAAsBE,EAAkBC,IAA2B,CACjG,GAAI,YAAaH,EAAQ,CACvB,MAAMI,EAASJ,EAAO,KAAO,GAAGE,CAAQ,WAAWF,EAAO,KAAK,IAAIG,CAAK,GAExE,MAAO,CACL,GAAGH,EACH,IAAKI,EACL,QAASJ,EAAO,QAAQ,IAAI,CAACK,EAAKC,IAAQC,EAAgBF,EAAKD,EAAQE,CAAG,CAAC,EAC3E,QAAS,EAAA,CAEb,CAEA,MAAO,CACL,GAAGN,EACH,IAAKA,EAAO,KAAO,GAAGE,CAAQ,QAAQF,EAAO,KAAK,IAAIG,CAAK,GAC3D,QAAS,EAAA,CAEb,EAEaK,EAAoB,CAACC,EAAyBP,~~IAAgCO~~,EAAQ,IAAI,CAACT,EAAQG,IAAUI,EAAgBP,EAAQE,EAAUC,CAAK,CAAC"}
1	+ {"version":3,"file":"Select.utils.js","sources":["../../../../../../../react-base/src/components/Select/Select.utils.ts"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { IOption, IOptionGroupProps, IOptionParam, IOptionProps } from './Select.types';\n\nexport const isNodeOptionGroup = (node: ReactNode): node is React.ReactElement<IOptionGroupProps> =>\n isValidElement(node) &&\n typeof node.type === 'function' &&\n 'displayName' in node.type &&\n node.type.displayName === 'OptionGroup';\n\nexport const isNodeOption = (node: ReactNode): node is React.ReactElement<IOptionProps> =>\n isValidElement(node) &&\n typeof node.type === 'function' &&\n 'displayName' in node.type &&\n node.type.displayName === 'Option';\n\nexport const isOption = (option?: IOption): option is IOption & { isGroup: false } =>\n !!option && !option.isGroup && typeof option.value !== 'undefined';\n\nexport const convertToOption = (node: ReactNode, selectId: string, index: number): IOption[] => {\n if (isNodeOptionGroup(node)) {\n const grpKey = `${selectId}-optgrp-${node.key ?? index}`;\n\n return [\n {\n key: grpKey,\n isGroup: true,\n disabled: node.props.disabled,\n label: node.props.label ?? node.props.children,\n className: node.props.className,\n options: (Array.isArray(node.props.children)\n ? node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, grpKey, idx))\n : convertToOption(node.props.children, grpKey, 0)\n ).filter(Boolean),\n },\n ];\n }\n\n if (isNodeOption(node)) {\n return [\n {\n key: `${selectId}-opt-${node.key ?? index}`,\n isGroup: false,\n value: node.props.value,\n disabled: node.props.disabled,\n label: node.props.label ?? node.props.children,\n className: node.props.className,\n },\n ];\n }\n\n if (\n isValidElement(node) &&\n !!node.props &&\n typeof node.props === 'object' &&\n 'children' in node.props &&\n Array.isArray(node.props.children)\n ) {\n return node.props.children.flatMap((opt: ReactNode, idx: number) => convertToOption(opt, selectId, idx));\n }\n\n return [];\n};\n\nexport const ensureOptionKey = (option: IOptionParam, selectId: string, index: number): IOption => {\n if ('options' in option) {\n const grpKey = option.key ?? `${selectId}-optgrp-${option.label}-${index}`;\n\n return {\n ...option,\n key: grpKey,\n options: option.options.map((opt, idx) => ensureOptionKey(opt, grpKey, idx)),\n isGroup: true,\n };\n }\n\n return {\n ...option,\n key: option.key ?? `${selectId}-opt-${option.value}-${index}`,\n isGroup: false,\n };\n};\n\nexport const ensureOptionsKeys = (options: IOptionParam[], selectId: string): IOption[] =>\n options.map((option, index) => ensureOptionKey(option, selectId, index));\n"],"names":["isNodeOptionGroup","node","isValidElement","isNodeOption","isOption","option","convertToOption","selectId","index","grpKey","opt","idx","ensureOptionKey","ensureOptionsKeys","options"],"mappings":"qIAIaA,EAAqBC,GAChCC,EAAAA,eAAeD,CAAI,GACnB,OAAOA,EAAK,MAAS,YACrB,gBAAiBA,EAAK,MACtBA,EAAK,KAAK,cAAgB,cAEfE,EAAgBF,GAC3BC,EAAAA,eAAeD,CAAI,GACnB,OAAOA,EAAK,MAAS,YACrB,gBAAiBA,EAAK,MACtBA,EAAK,KAAK,cAAgB,SAEfG,EAAYC,GACvB,CAAC,CAACA,GAAU,CAACA,EAAO,SAAW,OAAOA,EAAO,MAAU,IAE5CC,EAAkB,CAACL,EAAiBM,EAAkBC,IAA6B,CAC9F,GAAIR,EAAkBC,CAAI,EAAG,CAC3B,MAAMQ,EAAS,GAAGF,CAAQ,WAAWN,EAAK,KAAOO,CAAK,GAEtD,MAAO,CACL,CACE,IAAKC,EACL,QAAS,GACT,SAAUR,EAAK,MAAM,SACrB,MAAOA,EAAK,MAAM,OAASA,EAAK,MAAM,SACtC,UAAWA,EAAK,MAAM,UACtB,SAAU,MAAM,QAAQA,EAAK,MAAM,QAAQ,EACvCA,EAAK,MAAM,SAAS,QAAQ,CAACS,EAAgBC,IAAgBL,EAAgBI,EAAKD,EAAQE,CAAG,CAAC,EAC9FL,EAAgBL,EAAK,MAAM,SAAUQ,EAAQ,CAAC,GAChD,OAAO,OAAO,CAAA,CAClB,CAEJ,CAEA,OAAIN,EAAaF,CAAI,EACZ,CACL,CACE,IAAK,GAAGM,CAAQ,QAAQN,EAAK,KAAOO,CAAK,GACzC,QAAS,GACT,MAAOP,EAAK,MAAM,MAClB,SAAUA,EAAK,MAAM,SACrB,MAAOA,EAAK,MAAM,OAASA,EAAK,MAAM,SACtC,UAAWA,EAAK,MAAM,SAAA,CACxB,EAKFC,EAAAA,eAAeD,CAAI,GACjBA,EAAK,OACP,OAAOA,EAAK,OAAU,UACtB,aAAcA,EAAK,OACnB,MAAM,QAAQA,EAAK,MAAM,QAAQ,EAE1BA,EAAK,MAAM,SAAS,QAAQ,CAACS,EAAgBC,IAAgBL,EAAgBI,EAAKH,EAAUI,CAAG,CAAC,EAGlG,CAAA,CACT,EAEaC,EAAkB,CAACP,EAAsBE,EAAkBC,IAA2B,CACjG,GAAI,YAAaH,EAAQ,CACvB,MAAMI,EAASJ,EAAO,KAAO,GAAGE,CAAQ,WAAWF,EAAO,KAAK,IAAIG,CAAK,GAExE,MAAO,CACL,GAAGH,EACH,IAAKI,EACL,QAASJ,EAAO,QAAQ,IAAI,CAACK,EAAKC,IAAQC,EAAgBF,EAAKD,EAAQE,CAAG,CAAC,EAC3E,QAAS,EAAA,CAEb,CAEA,MAAO,CACL,GAAGN,EACH,IAAKA,EAAO,KAAO,GAAGE,CAAQ,QAAQF,EAAO,KAAK,IAAIG,CAAK,GAC3D,QAAS,EAAA,CAEb,EAEaK,EAAoB,CAACC,EAAyBP,IACzDO,EAAQ,IAAI,CAACT,EAAQG,IAAUI,EAAgBP,EAAQE,EAAUC,CAAK,CAAC"}

package/build/cjs/react-base/src/components/Stepper/Stepper.consts.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../consts/index.js"),r={stepsContainerGap:4,wrapper:{borderRadius:4,gap:16,padding:{vertical:{[e.Directions.Horizontal]:16,[e.Directions.Vertical]:4},horizontal:{[e.Directions.Horizontal]:6,[e.Directions.Vertical]:6}},focusBorderRadius:6,focusOutlineWidth:3,focusOutlineOffset:2},connector:{lineWidth:4,borderRadius:4,gap:{[e.Directions.Horizontal]:12,[e.Directions.Vertical]:8},gradients:{[e.Directions.Horizontal]:{linear:"linear-gradient(90deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px",radial:`radial-gradient(circle closest-side at 2px, currentColor 98%, #0000) 0/8px,
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../consts/index.js"),r={stepsContainerGap:4,wrapper:{borderRadius:4,padding:{vertical:{[e.Directions.Horizontal]:16,[e.Directions.Vertical]:4},horizontal:{[e.Directions.Horizontal]:6,[e.Directions.Vertical]:6}}},connector:{lineWidth:4,borderRadius:4,gap:{[e.Directions.Horizontal]:12,[e.Directions.Vertical]:8},gradients:{[e.Directions.Horizontal]:{linear:"linear-gradient(90deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px",radial:`radial-gradient(circle closest-side at 2px, currentColor 98%, #0000) 0/8px,
              radial-gradient(circle closest-side at 4px, currentColor 98%, #0000) 0/8px`},[e.Directions.Vertical]:{linear:"linear-gradient(180deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px 8px",radial:`radial-gradient(circle 2px at 2px 2px, currentColor 98%, #0000) 0/4px 8px,
-             radial-gradient(circle 2px at 2px 4px, currentColor 98%, #0000) 0/4px 8px`}}},content:{gap:4,paddingTop:{[e.Sizes.Small]:2,[e.Sizes.Medium]:2,[e.Sizes.Large]:4},stepNumberHeight:{[e.Sizes.Small]:26,[e.Sizes.Medium]:28,[e.Sizes.Large]:28}}},i={wrapper:{gap:4},container:{borderRadius:8,gap:16,padding:{[e.Sizes.Small]:12,[e.Sizes.Medium]:16,[e.Sizes.Large]:20},focusBorderRadius:6,focusOutlineWidth:3}};exports.containedStepperConsts=i;exports.stepperConsts=r;
+             radial-gradient(circle 2px at 2px 4px, currentColor 98%, #0000) 0/4px 8px`}}},content:{gap:4,paddingTop:{[e.Sizes.Small]:2,[e.Sizes.Medium]:2,[e.Sizes.Large]:4},stepNumberHeight:{[e.Sizes.Small]:26,[e.Sizes.Medium]:28,[e.Sizes.Large]:28}}},i={wrapper:{gap:4},container:{borderRadius:8,gap:16,padding:{[e.Sizes.Small]:12,[e.Sizes.Medium]:16,[e.Sizes.Large]:20}}};exports.containedStepperConsts=i;exports.stepperConsts=r;
 //# sourceMappingURL=Stepper.consts.js.map

package/build/cjs/react-base/src/components/Stepper/Stepper.consts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.consts.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { Size } from './Stepper.types';\nimport { Directions, Sizes } from '../../consts';\n\ntype StepperConsts = {\n stepsContainerGap: number;\n wrapper: {\n borderRadius: number;\n gap: number;\n padding: {\n vertical: Record<Directions, number>;\n horizontal: Record<Directions, number>;\n };\n focusBorderRadius: number;\n focusOutlineWidth: number;\n focusOutlineOffset: number;\n };\n connector: {\n lineWidth: number;\n gap: Record<Directions, number>;\n gradients: Record<Directions, Record<'linear' \| 'radial', string>>;\n borderRadius: number;\n };\n content: {\n gap: number;\n paddingTop: Record<Size, number>;\n stepNumberHeight: Record<Size, number>;\n };\n};\n\nexport const stepperConsts: StepperConsts = {\n stepsContainerGap: 4,\n wrapper: {\n borderRadius: 4,\n gap: 16,\n padding: {\n vertical: {\n [Directions.Horizontal]: 16,\n [Directions.Vertical]: 4,\n },\n horizontal: {\n [Directions.Horizontal]: 6,\n [Directions.Vertical]: 6,\n },\n },\n focusBorderRadius: 6,\n focusOutlineWidth: 3,\n focusOutlineOffset: 2,\n },\n connector: {\n lineWidth: 4,\n borderRadius: 4,\n gap: {\n [Directions.Horizontal]: 12,\n [Directions.Vertical]: 8,\n },\n gradients: {\n [Directions.Horizontal]: {\n linear: 'linear-gradient(90deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px',\n radial: `radial-gradient(circle closest-side at 2px, currentColor 98%, #0000) 0/8px,\n radial-gradient(circle closest-side at 4px, currentColor 98%, #0000) 0/8px`,\n },\n [Directions.Vertical]: {\n linear: 'linear-gradient(180deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px 8px',\n radial: `radial-gradient(circle 2px at 2px 2px, currentColor 98%, #0000) 0/4px 8px,\n radial-gradient(circle 2px at 2px 4px, currentColor 98%, #0000) 0/4px 8px`,\n },\n },\n },\n content: {\n gap: 4,\n paddingTop: {\n [Sizes.Small]: 2,\n [Sizes.Medium]: 2,\n [Sizes.Large]: 4,\n },\n stepNumberHeight: {\n [Sizes.Small]: 26,\n [Sizes.Medium]: 28,\n [Sizes.Large]: 28,\n },\n },\n};\n\ntype ContainedStepperConsts = {\n wrapper: {\n gap: number;\n };\n container: {\n borderRadius: number;\n gap: number;\n padding: Record<Size, number>;\n focusBorderRadius: number;\n focusOutlineWidth: number;\n };\n};\n\nexport const containedStepperConsts: ContainedStepperConsts = {\n wrapper: {\n gap: 4,\n },\n container: {\n borderRadius: 8,\n gap: 16,\n padding: {\n [Sizes.Small]: 12,\n [Sizes.Medium]: 16,\n [Sizes.Large]: 20,\n },\n focusBorderRadius: 6,\n focusOutlineWidth: 3,\n },\n};\n"],"names":["stepperConsts","Directions","Sizes","containedStepperConsts"],"mappings":"qJA6BaA,EAA+B,CAC1C,kBAAmB,EACnB,QAAS,CACP,aAAc,~~EACd~~,~~IAAK,GACL,~~QAAS,CACP,SAAU,CACR,CAACC,EAAAA,WAAW,UAAU,EAAG,GACzB,CAACA,EAAAA,WAAW,QAAQ,EAAG,CAAA,EAEzB,WAAY,CACV,CAACA,EAAAA,WAAW,UAAU,EAAG,EACzB,CAACA,EAAAA,WAAW,QAAQ,EAAG,CAAA,CACzB,~~EAEF~~,~~kBAAmB~~,~~EACnB,kBAAmB,EACnB,mBAAoB,CAAA,EAEtB,~~UAAW,CACT,UAAW,EACX,aAAc,EACd,IAAK,CACH,CAACA,EAAAA,WAAW,UAAU,EAAG,GACzB,CAACA,EAAAA,WAAW,QAAQ,EAAG,CAAA,EAEzB,UAAW,CACT,CAACA,EAAAA,WAAW,UAAU,EAAG,CACvB,OAAQ,yFACR,OAAQ;AAAA,wFAAA,EAGV,CAACA,EAAAA,WAAW,QAAQ,EAAG,CACrB,OAAQ,8FACR,OAAQ;AAAA,uFAAA,CAEV,CACF,EAEF,QAAS,CACP,IAAK,EACL,WAAY,CACV,CAACC,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,CAAA,EAEjB,iBAAkB,CAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,CACjB,CAEJ,EAeaC,EAAiD,CAC5D,QAAS,CACP,IAAK,CAAA,EAEP,UAAW,CACT,aAAc,EACd,IAAK,GACL,QAAS,CACP,CAACD,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,~~EAEjB~~,~~kBAAmB,EACnB,kBAAmB,CAAA,CAEvB~~"}
1	+ {"version":3,"file":"Stepper.consts.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { Size } from './Stepper.types';\nimport { Directions, Sizes } from '../../consts';\n\ntype StepperConsts = {\n stepsContainerGap: number;\n wrapper: {\n borderRadius: number;\n gap: number;\n padding: {\n vertical: Record<Directions, number>;\n horizontal: Record<Directions, number>;\n };\n focusBorderRadius: number;\n focusOutlineWidth: number;\n focusOutlineOffset: number;\n };\n connector: {\n lineWidth: number;\n gap: Record<Directions, number>;\n gradients: Record<Directions, Record<'linear' \| 'radial', string>>;\n borderRadius: number;\n };\n content: {\n gap: number;\n paddingTop: Record<Size, number>;\n stepNumberHeight: Record<Size, number>;\n };\n};\n\nexport const stepperConsts: StepperConsts = {\n stepsContainerGap: 4,\n wrapper: {\n borderRadius: 4,\n gap: 16,\n padding: {\n vertical: {\n [Directions.Horizontal]: 16,\n [Directions.Vertical]: 4,\n },\n horizontal: {\n [Directions.Horizontal]: 6,\n [Directions.Vertical]: 6,\n },\n },\n focusBorderRadius: 6,\n focusOutlineWidth: 3,\n focusOutlineOffset: 2,\n },\n connector: {\n lineWidth: 4,\n borderRadius: 4,\n gap: {\n [Directions.Horizontal]: 12,\n [Directions.Vertical]: 8,\n },\n gradients: {\n [Directions.Horizontal]: {\n linear: 'linear-gradient(90deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px',\n radial: `radial-gradient(circle closest-side at 2px, currentColor 98%, #0000) 0/8px,\n radial-gradient(circle closest-side at 4px, currentColor 98%, #0000) 0/8px`,\n },\n [Directions.Vertical]: {\n linear: 'linear-gradient(180deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px 8px',\n radial: `radial-gradient(circle 2px at 2px 2px, currentColor 98%, #0000) 0/4px 8px,\n radial-gradient(circle 2px at 2px 4px, currentColor 98%, #0000) 0/4px 8px`,\n },\n },\n },\n content: {\n gap: 4,\n paddingTop: {\n [Sizes.Small]: 2,\n [Sizes.Medium]: 2,\n [Sizes.Large]: 4,\n },\n stepNumberHeight: {\n [Sizes.Small]: 26,\n [Sizes.Medium]: 28,\n [Sizes.Large]: 28,\n },\n },\n};\n\ntype ContainedStepperConsts = {\n wrapper: {\n gap: number;\n };\n container: {\n borderRadius: number;\n gap: number;\n padding: Record<Size, number>;\n focusBorderRadius: number;\n focusOutlineWidth: number;\n };\n};\n\nexport const containedStepperConsts: ContainedStepperConsts = {\n wrapper: {\n gap: 4,\n },\n container: {\n borderRadius: 8,\n gap: 16,\n padding: {\n [Sizes.Small]: 12,\n [Sizes.Medium]: 16,\n [Sizes.Large]: 20,\n },\n focusBorderRadius: 6,\n focusOutlineWidth: 3,\n },\n};\n"],"names":["stepperConsts","Directions","Sizes","containedStepperConsts"],"mappings":"qJA6BaA,EAA+B,CAC1C,kBAAmB,EACnB,QAAS,CACP,aAAc,EAEd,QAAS,CACP,SAAU,CACR,CAACC,EAAAA,WAAW,UAAU,EAAG,GACzB,CAACA,EAAAA,WAAW,QAAQ,EAAG,CAAA,EAEzB,WAAY,CACV,CAACA,EAAAA,WAAW,UAAU,EAAG,EACzB,CAACA,EAAAA,WAAW,QAAQ,EAAG,CAAA,CACzB,CAKJ,EACA,UAAW,CACT,UAAW,EACX,aAAc,EACd,IAAK,CACH,CAACA,EAAAA,WAAW,UAAU,EAAG,GACzB,CAACA,EAAAA,WAAW,QAAQ,EAAG,CAAA,EAEzB,UAAW,CACT,CAACA,EAAAA,WAAW,UAAU,EAAG,CACvB,OAAQ,yFACR,OAAQ;AAAA,wFAAA,EAGV,CAACA,EAAAA,WAAW,QAAQ,EAAG,CACrB,OAAQ,8FACR,OAAQ;AAAA,uFAAA,CAEV,CACF,EAEF,QAAS,CACP,IAAK,EACL,WAAY,CACV,CAACC,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,CAAA,EAEjB,iBAAkB,CAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,CACjB,CAEJ,EAeaC,EAAiD,CAC5D,QAAS,CACP,IAAK,CAAA,EAEP,UAAW,CACT,aAAc,EACd,IAAK,GACL,QAAS,CACP,CAACD,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EAAA,CAInB,CACF"}

package/build/cjs/react-base/src/components/Stepper/Stepper.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.utils.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size, Type, Stage } from './Stepper.types';\nimport { Sizes } from '../../consts';\nimport { type Theme, Variables, type ModesType } from '../../theme';\n\nexport const getStage = (current: number, index: number, isFinished?: boolean): Stage => {\n if (index === current) {\n return 'current';\n }\n\n if (isFinished \|\| index < current) {\n return 'completed';\n }\n\n return 'waiting';\n};\n\nexport const getTitleLevel = (size: Size) => {\n switch (size) {\n case Sizes.Small:\n return 4;\n case Sizes.Large:\n return 2;\n default:\n return 3;\n }\n};\n\nexport const getTextStyles = (\n theme: Theme,\n stage: Stage,\n invalid: boolean \| undefined,\n disabled: boolean \| undefined,\n) =>\n Object.values(FabricsVariables.States).reduce(\n (acc, state) => {\n const layer = theme.layer({\n sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n sentiment: FabricsVariables.Sentiments.Negative,\n disabled,\n state,\n foundation: 'base',\n });\n\n let titleColorVariable = Variables.TextOnFoundationSubtle;\n\n if (stage === 'current') {\n titleColorVariable = Variables.TextOnFoundationStrong;\n }\n\n if (invalid) {\n titleColorVariable = Variables.TextOnSentimentOnBackground;\n }\n\n return {\n ...acc,\n [state]: {\n titleColor: layer[titleColorVariable],\n stepNumberColor: layer[Variables.TextOnFoundationSubtle],\n },\n };\n },\n {} as Record<FabricsVariables.StateType, { titleColor: string; stepNumberColor: string }>,\n );\n\nexport const getConnectorStyles = (\n theme: Theme,\n stage: Stage,\n type: Type,\n invalid: boolean \| undefined,\n disabled: boolean \| undefined,\n): Record<FabricsVariables.StateType, string> => {\n const name = stage === 'waiting' && type === 'default' ? 'color' : 'background-color';\n\n return Object.values(FabricsVariables.States).reduce(\n (acc, state) => {\n const layer = theme.layer({\n foundation: 'surface',\n disabled,\n state,\n sentiment: FabricsVariables.Sentiments.Negative,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n });\n let variableName = Variables.BorderOnFoundationMedium;\n\n if (stage === 'current' \|\| stage === 'completed') {\n variableName = Variables.BorderOnSelectedOnBackground;\n }\n if (invalid) {\n variableName = Variables.BorderOnSentimentOnBackground;\n }\n\n return {\n ...acc,\n [state]: `${name}: ${layer[variableName]}`,\n };\n },\n {} as Record<FabricsVariables.StateType, string>,\n );\n};\n\ntype StepperStateStyle = {\n badgeColor: string;\n badgeBackgroundColor: string;\n badgeBorder: string;\n dividerColor: string;\n containerBackground: string;\n};\n\nexport const getStepperStyles = (\n theme: Theme,\n stage: Stage,\n ~~type~~: Type,\n invalid: boolean \| undefined,\n disabled: boolean \| undefined,\n) =>\n Object.values(FabricsVariables.States).reduce(\n (acc, state) => {\n const modes: ModesType = {\n disabled,\n transparentRestingState: disabled,\n state,\n foundation: 'base',\n sentiment: FabricsVariables.Sentiments.Negative,\n sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n };\n const layer = theme.layer(modes);\n const subtleLayer = theme.layer({\n ...modes,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n });\n\n let badgeBackgroundColor = (stage === 'current' ? layer : subtleLayer)[Variables.BackgroundSelected];\n let badgeColor = subtleLayer[Variables.TextOnFoundationSubtle];\n\n if (stage === 'current' \|\| stage === 'completed') {\n badgeColor = (stage === 'current' ? layer : subtleLayer)[Variables.TextOnSelectedBackgroundStrong];\n }\n\n if (invalid) {\n badgeBackgroundColor = subtleLayer[Variables.BackgroundSentiment];\n badgeColor = layer[Variables.TextOnSentimentOnBackground];\n }\n\n return {\n ...acc,\n [state]: {\n containerBackground: layer[Variables.BackgroundFoundation],\n badgeBackgroundColor,\n badgeColor,\n badgeBorder: stage === 'waiting' ? `1px solid ${layer[Variables.BorderOnFoundationMedium]}` : 'unset',\n },\n };\n },\n {} as Record<FabricsVariables.StateType, StepperStateStyle>,\n );\n"],"names":["getStage","current","index","isFinished","getTitleLevel","size","Sizes","getTextStyles","theme","stage","invalid","disabled","FabricsVariables","acc","state","layer","titleColorVariable","Variables","getConnectorStyles","type","name","variableName","getStepperStyles","modes","subtleLayer","badgeBackgroundColor","badgeColor"],"mappings":"+NAMaA,EAAW,CAACC,EAAiBC,EAAeC,IACnDD,IAAUD,EACL,UAGLE,GAAcD,EAAQD,EACjB,YAGF,UAGIG,EAAiBC,GAAe,CAC3C,OAAQA,EAAA,CACN,KAAKC,EAAAA,MAAM,MACT,MAAO,GACT,KAAKA,EAAAA,MAAM,MACT,MAAO,GACT,QACE,MAAO,EAAA,CAEb,EAEaC,EAAgB,CAC3BC,EACAC,EACAC,EACAC,IAEA,OAAO,OAAOC,EAAAA,iBAAiB,MAAM,EAAE,OACrC,CAACC,EAAKC,IAAU,CACd,MAAMC,EAAQP,EAAM,MAAM,CACxB,oBAAqBI,EAAAA,iBAAiB,qBAAqB,YAC3D,UAAWA,EAAAA,iBAAiB,WAAW,SACvC,SAAAD,EACA,MAAAG,EACA,WAAY,MAAA,CACb,EAED,IAAIE,EAAqBC,EAAAA,UAAU,uBAEnC,OAAIR,IAAU,YACZO,EAAqBC,EAAAA,UAAU,wBAG7BP,IACFM,EAAqBC,EAAAA,UAAU,6BAG1B,CACL,GAAGJ,EACH,CAACC,CAAK,EAAG,CACP,WAAYC,EAAMC,CAAkB,EACpC,gBAAiBD,EAAME,EAAAA,UAAU,sBAAsB,CAAA,CACzD,CAEJ,EACA,CAAA,CACF,EAEWC,EAAqB,CAChCV,EACAC,EACAU,EACAT,EACAC,IAC+C,CAC/C,MAAMS,EAAOX,IAAU,WAAaU,IAAS,UAAY,QAAU,mBAEnE,OAAO,OAAO,OAAOP,mBAAiB,MAAM,EAAE,OAC5C,CAACC,EAAKC,IAAU,CACd,MAAMC,EAAQP,EAAM,MAAM,CACxB,WAAY,UACZ,SAAAG,EACA,MAAAG,EACA,UAAWF,EAAAA,iBAAiB,WAAW,SACvC,mBAAoBA,EAAAA,iBAAiB,oBAAoB,OACzD,oBAAqBA,EAAAA,iBAAiB,qBAAqB,WAAA,CAC5D,EACD,IAAIS,EAAeJ,EAAAA,UAAU,yBAE7B,OAAIR,IAAU,WAAaA,IAAU,eACnCY,EAAeJ,EAAAA,UAAU,8BAEvBP,IACFW,EAAeJ,EAAAA,UAAU,+BAGpB,CACL,GAAGJ,EACH,CAACC,CAAK,EAAG,GAAGM,CAAI,KAAKL,EAAMM,CAAY,CAAC,EAAA,CAE5C,EACA,CAAA,CAAC,CAEL,EAUaC,EAAmB,CAC9Bd,EACAC,~~EACAU~~,~~EACAT~~,EACAC,IAEA,OAAO,OAAOC,mBAAiB,MAAM,EAAE,OACrC,CAACC,EAAKC,IAAU,CACd,~~MAAMS~~,EAAmB,CACvB,~~SAAAZ~~,EACA,wBAAyBA,EACzB,MAAAG,EACA,WAAY,OACZ,UAAWF,EAAAA,iBAAiB,WAAW,SACvC,oBAAqBA,EAAAA,iBAAiB,qBAAqB,WAAA,EAEvDG,EAAQP,EAAM,~~MAAMe~~,CAAK,EACzBC,~~EAAchB~~,EAAM,MAAM,CAC9B,~~GAAGe~~,EACH,~~mBAAoBX~~,EAAAA,iBAAiB,oBAAoB,OACzD,oBAAqBA,EAAAA,iBAAiB,qBAAqB,MAAA,CAC5D,EAED,~~IAAIa~~,~~GAAwBhB~~,IAAU,UAAYM,~~EAAQS~~,~~GAAaP~~,EAAAA,UAAU,kBAAkB,EAC/FS,EAAaF,~~EAAYP~~,EAAAA,UAAU,sBAAsB,EAE7D,OAAIR,IAAU,WAAaA,IAAU,~~eACnCiB~~,~~GAAcjB~~,IAAU,UAAYM,~~EAAQS~~,~~GAAaP~~,EAAAA,UAAU,8BAA8B,GAG/FP,~~IACFe~~,EAAuBD,~~EAAYP~~,EAAAA,UAAU,mBAAmB,~~EAChES~~,~~EAAaX~~,EAAME,EAAAA,UAAU,2BAA2B,GAGnD,CACL,GAAGJ,EACH,CAACC,CAAK,EAAG,CACP,oBAAqBC,EAAME,EAAAA,UAAU,oBAAoB,EACzD,~~qBAAAQ~~,EACA,WAAAC,EACA,~~YAAajB~~,IAAU,UAAY,aAAaM,EAAME,EAAAA,UAAU,wBAAwB,CAAC,GAAK,OAAA,CAChG,CAEJ,EACA,CAAA,CACF"}
1	+ {"version":3,"file":"Stepper.utils.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size, Type, Stage } from './Stepper.types';\nimport { Sizes } from '../../consts';\nimport { type Theme, Variables, type ModesType } from '../../theme';\n\nexport const getStage = (current: number, index: number, isFinished?: boolean): Stage => {\n if (index === current) {\n return 'current';\n }\n\n if (isFinished \|\| index < current) {\n return 'completed';\n }\n\n return 'waiting';\n};\n\nexport const getTitleLevel = (size: Size) => {\n switch (size) {\n case Sizes.Small:\n return 4;\n case Sizes.Large:\n return 2;\n default:\n return 3;\n }\n};\n\nexport const getTextStyles = (\n theme: Theme,\n stage: Stage,\n invalid: boolean \| undefined,\n disabled: boolean \| undefined,\n) =>\n Object.values(FabricsVariables.States).reduce(\n (acc, state) => {\n const layer = theme.layer({\n sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n sentiment: FabricsVariables.Sentiments.Negative,\n disabled,\n state,\n foundation: 'base',\n });\n\n let titleColorVariable = Variables.TextOnFoundationSubtle;\n\n if (stage === 'current') {\n titleColorVariable = Variables.TextOnFoundationStrong;\n }\n\n if (invalid) {\n titleColorVariable = Variables.TextOnSentimentOnBackground;\n }\n\n return {\n ...acc,\n [state]: {\n titleColor: layer[titleColorVariable],\n stepNumberColor: layer[Variables.TextOnFoundationSubtle],\n },\n };\n },\n {} as Record<FabricsVariables.StateType, { titleColor: string; stepNumberColor: string }>,\n );\n\nexport const getConnectorStyles = (\n theme: Theme,\n stage: Stage,\n type: Type,\n invalid: boolean \| undefined,\n disabled: boolean \| undefined,\n): Record<FabricsVariables.StateType, string> => {\n const name = stage === 'waiting' && type === 'default' ? 'color' : 'background-color';\n\n return Object.values(FabricsVariables.States).reduce(\n (acc, state) => {\n const layer = theme.layer({\n foundation: 'surface',\n disabled,\n state,\n sentiment: FabricsVariables.Sentiments.Negative,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n });\n let variableName = Variables.BorderOnFoundationMedium;\n\n if (stage === 'current' \|\| stage === 'completed') {\n variableName = Variables.BorderOnSelectedOnBackground;\n }\n if (invalid) {\n variableName = Variables.BorderOnSentimentOnBackground;\n }\n\n return {\n ...acc,\n [state]: `${name}: ${layer[variableName]}`,\n };\n },\n {} as Record<FabricsVariables.StateType, string>,\n );\n};\n\ntype StepperStateStyle = {\n badgeColor: string;\n badgeBackgroundColor: string;\n badgeBorder: string;\n dividerColor: string;\n containerBackground: string;\n};\n\nexport const getStepperStyles = (\n theme: Theme,\n stage: Stage,\n _type: Type,\n invalid: boolean \| undefined,\n disabled: boolean \| undefined,\n) =>\n Object.values(FabricsVariables.States).reduce(\n (acc, state) => {\n const modes: ModesType = {\n disabled,\n transparentRestingState: disabled,\n state,\n foundation: 'base',\n sentiment: FabricsVariables.Sentiments.Negative,\n sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n };\n const layer = theme.layer(modes);\n const subtleLayer = theme.layer({\n ...modes,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n });\n\n let badgeBackgroundColor = (stage === 'current' ? layer : subtleLayer)[Variables.BackgroundSelected];\n let badgeColor = subtleLayer[Variables.TextOnFoundationSubtle];\n\n if (stage === 'current' \|\| stage === 'completed') {\n badgeColor = (stage === 'current' ? layer : subtleLayer)[Variables.TextOnSelectedBackgroundStrong];\n }\n\n if (invalid) {\n badgeBackgroundColor = subtleLayer[Variables.BackgroundSentiment];\n badgeColor = layer[Variables.TextOnSentimentOnBackground];\n }\n\n return {\n ...acc,\n [state]: {\n containerBackground: layer[Variables.BackgroundFoundation],\n badgeBackgroundColor,\n badgeColor,\n badgeBorder: stage === 'waiting' ? `1px solid ${layer[Variables.BorderOnFoundationMedium]}` : 'unset',\n },\n };\n },\n {} as Record<FabricsVariables.StateType, StepperStateStyle>,\n );\n"],"names":["getStage","current","index","isFinished","getTitleLevel","size","Sizes","getTextStyles","theme","stage","invalid","disabled","FabricsVariables","acc","state","layer","titleColorVariable","Variables","getConnectorStyles","type","name","variableName","getStepperStyles","_type","modes","subtleLayer","badgeBackgroundColor","badgeColor"],"mappings":"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"}

package/build/cjs/react-base/src/components/Text/components/Display/Display.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Display.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Display.utils';\nimport type { IProps, Levels } from './Display.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n $level: Levels;\n $gutter?: IProps['gutter'];\n $bold?: IProps['bold'];\n $size?: IProps['size'];\n $disabled?: IProps['disabled'];\n $contrast?: IProps['contrast'];\n};\n\nexport const Styles = css<StylesProps>`\n ${({ theme, $level, $size, $bold, $gutter, $contrast, $disabled }) => {\n const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n return css`\n ${font(theme, $level, $size)}\n\n ${$bold &&\n css`\n font-weight: bold;\n `};\n\n b,\n strong {\n font-weight: bold;\n }\n\n margin-top: 0;\n margin-bottom: 0;\n\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n ${$contrast === 'subtle' &&\n css`\n color: ${layer[Variables.TextOnFoundationSubtle]};\n `}\n\n ${$gutter &&\n css`\n margin-bottom: ${consts.gutter.display};\n `}\n `;\n }}\n`;\n"],"names":["Styles","css","theme","$level","$size","$bold","$gutter","$contrast","$disabled","layer","font","Variables","consts"],"mappings":"~~mQAgBaA~~,EAASC,EAAAA;AAAAA,IAClB,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,UAAAC,KAAgB,CACpE,MAAMC,EAAQP,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUM,EAAW,EAExE,OAAOP,EAAAA;AAAAA,QACHS,OAAKR,EAAOC,EAAQC,CAAK,CAAC;AAAA;AAAA,QAE1BC,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBN,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECL,GACFL,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,OAAO;AAAA,OACvC;AAAA,KAEL,CAAC;AAAA"}
1	+ {"version":3,"file":"Display.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Display.utils';\nimport type { IProps, Levels } from './Display.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n $level: Levels;\n $gutter?: IProps['gutter'];\n // eslint-disable-next-line sonarjs/deprecation\n $bold?: IProps['bold'];\n $size?: IProps['size'];\n $disabled?: IProps['disabled'];\n $contrast?: IProps['contrast'];\n};\n\nexport const Styles = css<StylesProps>`\n ${({ theme, $level, $size, $bold, $gutter, $contrast, $disabled }) => {\n const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n return css`\n ${font(theme, $level, $size)}\n\n ${$bold &&\n css`\n font-weight: bold;\n `};\n\n b,\n strong {\n font-weight: bold;\n }\n\n margin-top: 0;\n margin-bottom: 0;\n\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n ${$contrast === 'subtle' &&\n css`\n color: ${layer[Variables.TextOnFoundationSubtle]};\n `}\n\n ${$gutter &&\n css`\n margin-bottom: ${consts.gutter.display};\n `}\n `;\n }}\n`;\n"],"names":["Styles","css","theme","$level","$size","$bold","$gutter","$contrast","$disabled","layer","font","Variables","consts"],"mappings":"mQAiBaA,EAASC,EAAAA;AAAAA,IAClB,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,UAAAC,EAAW,UAAAC,KAAgB,CACpE,MAAMC,EAAQP,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUM,EAAW,EAExE,OAAOP,EAAAA;AAAAA,QACHS,OAAKR,EAAOC,EAAQC,CAAK,CAAC;AAAA;AAAA,QAE1BC,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,IAAc,UAChBN,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECL,GACFL,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,OAAO;AAAA,OACvC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/react-base/src/components/Text/components/Display/Display.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["~~import~~ type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n 1: 'large',\n 2: 'medium',\n 3: 'small',\n 4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n level = 1,\n contrast,\n gutter,\n bold,\n size,\n disabled,\n type = `${TextElementTypes.Span}`,\n ...rest\n}: IProps) => ({\n $level: level,\n type,\n $contrast: contrast,\n $gutter: gutter,\n $size: size,\n $bold: bold,\n $disabled: disabled,\n ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":"~~wMAKMA~~,EAA0E,CAC9E,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,YACL,EAEaC,EAAO,CAACC,EAAcC,EAAeC,IAChDF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAA6BG,CAAK,CAAC,EAE5FG,EAAW,CAAC,CACvB,MAAAH,EAAQ,EACR,SAAAI,EACA,OAAAC,EACA,KAAAC,EACA,KAAAL,EACA,SAAAM,EACA,KAAAC,EAAO,GAAGC,mBAAiB,IAAI,GAC/B,GAAGC,CACL,KAAe,CACb,OAAQV,EACR,KAAAQ,EACA,UAAWJ,EACX,QAASC,EACT,MAAOJ,EACP,MAAOK,EACP,UAAWC,EACX,GAAGG,CACL"}
1	+ {"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n 1: 'large',\n 2: 'medium',\n 3: 'small',\n 4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n level = 1,\n contrast,\n gutter,\n bold,\n size,\n disabled,\n type = `${TextElementTypes.Span}`,\n ...rest\n}: IProps) => ({\n $level: level,\n type,\n $contrast: contrast,\n $gutter: gutter,\n $size: size,\n $bold: bold,\n $disabled: disabled,\n ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":"wMAMMA,EAA0E,CAC9E,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,YACL,EAEaC,EAAO,CAACC,EAAcC,EAAeC,IAChDF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAA6BG,CAAK,CAAC,EAE5FG,EAAW,CAAC,CACvB,MAAAH,EAAQ,EACR,SAAAI,EACA,OAAAC,EACA,KAAAC,EACA,KAAAL,EACA,SAAAM,EACA,KAAAC,EAAO,GAAGC,mBAAiB,IAAI,GAC/B,GAAGC,CACL,KAAe,CACb,OAAQV,EACR,KAAAQ,EACA,UAAWJ,EACX,QAASC,EACT,MAAOJ,EACP,MAAOK,EACP,UAAWC,EACX,GAAGG,CACL"}

package/build/cjs/react-base/src/components/Text/components/Heading/Heading.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Heading.utils';\nimport type { IProps, Level } from './Heading.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n $innerLevel: Level;\n $disabled?: IProps['disabled'];\n $gutter?: IProps['gutter'];\n $size?: IProps['size'];\n $bold?: IProps['bold'];\n $contrast?: IProps['contrast'];\n};\n\nconst Styles = css<StylesProps>`\n ${({ $innerLevel, $size, $gutter, $bold, $contrast, $disabled, theme }) => {\n const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n return css`\n ${font(theme, $innerLevel, $size)};\n margin: unset;\n\n ${$bold &&\n css`\n font-weight: 600;\n `};\n\n b,\n strong {\n font-weight: 600;\n }\n\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n ${$contrast === 'subtle' &&\n css`\n color: ${layer[Variables.TextOnFoundationSubtle]};\n `}\n\n ${$gutter &&\n $innerLevel === 1 &&\n css`\n margin-bottom: ${consts.gutter.h1};\n `}\n\n ${$gutter &&\n ($innerLevel === 2 \|\| $innerLevel === 3 \|\| $innerLevel === 4) &&\n css`\n margin-bottom: ${consts.gutter.h2};\n `}\n\n ${$gutter &&\n ($innerLevel === 5 \|\| $innerLevel === 6) &&\n css`\n margin-bottom: ${consts.gutter.h5};\n `}\n `;\n }}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$innerLevel","$size","$gutter","$bold","$contrast","$disabled","theme","layer","font","Variables","consts"],"mappings":"~~mQAgBMA~~,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,YAAAC,EAAa,MAAAC,EAAO,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAW,MAAAC,KAAY,CACzE,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAExE,OAAON,EAAAA;AAAAA,QACHS,OAAKF,EAAON,EAAaC,CAAK,CAAC;AAAA;AAAA;AAAA,QAG/BE,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CL,IAAc,UAChBL,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,IAAgB,GAChBD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,QAECR,IACDF,IAAgB,GAAKA,IAAgB,GAAKA,IAAgB,IAC3DD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,UAEGR,IACHF,IAAgB,GAAKA,IAAgB,IACtCD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA,KAEL,CAAC;AAAA"}
1	+ {"version":3,"file":"Heading.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Heading.utils';\nimport type { IProps, Level } from './Heading.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n $innerLevel: Level;\n $disabled?: IProps['disabled'];\n $gutter?: IProps['gutter'];\n $size?: IProps['size'];\n // eslint-disable-next-line sonarjs/deprecation\n $bold?: IProps['bold'];\n $contrast?: IProps['contrast'];\n};\n\nconst Styles = css<StylesProps>`\n ${({ $innerLevel, $size, $gutter, $bold, $contrast, $disabled, theme }) => {\n const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n return css`\n ${font(theme, $innerLevel, $size)};\n margin: unset;\n\n ${$bold &&\n css`\n font-weight: 600;\n `};\n\n b,\n strong {\n font-weight: 600;\n }\n\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n ${$contrast === 'subtle' &&\n css`\n color: ${layer[Variables.TextOnFoundationSubtle]};\n `}\n\n ${$gutter &&\n $innerLevel === 1 &&\n css`\n margin-bottom: ${consts.gutter.h1};\n `}\n\n ${$gutter &&\n ($innerLevel === 2 \|\| $innerLevel === 3 \|\| $innerLevel === 4) &&\n css`\n margin-bottom: ${consts.gutter.h2};\n `}\n\n ${$gutter &&\n ($innerLevel === 5 \|\| $innerLevel === 6) &&\n css`\n margin-bottom: ${consts.gutter.h5};\n `}\n `;\n }}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$innerLevel","$size","$gutter","$bold","$contrast","$disabled","theme","layer","font","Variables","consts"],"mappings":"mQAiBMA,EAASC,EAAAA;AAAAA,IACX,CAAC,CAAE,YAAAC,EAAa,MAAAC,EAAO,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAW,MAAAC,KAAY,CACzE,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAExE,OAAON,EAAAA;AAAAA,QACHS,OAAKF,EAAON,EAAaC,CAAK,CAAC;AAAA;AAAA;AAAA,QAG/BE,GACFJ,EAAAA;AAAAA;AAAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOQQ,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CL,IAAc,UAChBL,EAAAA;AAAAA,iBACWQ,EAAME,YAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,GACFF,IAAgB,GAChBD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,QAECR,IACDF,IAAgB,GAAKA,IAAgB,GAAKA,IAAgB,IAC3DD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,UAEGR,IACHF,IAAgB,GAAKA,IAAgB,IACtCD,EAAAA;AAAAA,yBACmBW,EAAAA,OAAO,OAAO,EAAE;AAAA,OAClC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/react-base/src/components/Text/components/Heading/Heading.utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../consts/index.js"),p=require("../../../../utils/sizesUtils.js"),m=[`${e.TextElementTypes.H1}`,`${e.TextElementTypes.H2}`,`${e.TextElementTypes.H3}`,`${e.TextElementTypes.H4}`,`${e.TextElementTypes.H5}`,`${e.TextElementTypes.H6}`],u={1:"extraLarge",2:"large",3:"medium",4:"small",5:"extraSmall",6:"smallest"},y=(t,n,s)=>t.typography("heading",s?p.getHeadingTypographySize(s):u[n]),$=({type:t=`${e.TextElementTypes.H1}`,contrast:n,level:s,size:l,gutter:r,bold:o,disabled:a,...i})=>{const T=s||m.indexOf(t)+1||1;return{...i,type:t,$gutter:r,$bold:o,$size:l,$contrast:n,$disabled:a,$innerLevel:T}};exports.font=y;exports.useProps=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../consts/index.js"),p=require("../../../../utils/sizesUtils.js"),m=[`${e.TextElementTypes.H1}`,`${e.TextElementTypes.H2}`,`${e.TextElementTypes.H3}`,`${e.TextElementTypes.H4}`,`${e.TextElementTypes.H5}`,`${e.TextElementTypes.H6}`],u={1:"extraLarge",2:"large",3:"medium",4:"small",5:"extraSmall",6:"smallest"},y=(t,n,s)=>t.typography("heading",s?p.getHeadingTypographySize(s):u[n]),$=({type:t=`${e.TextElementTypes.H1}`,contrast:n,level:s,size:l,gutter:r,bold:o,disabled:a,...i})=>{const T=(s??m.indexOf(t)+1)||1;return{...i,type:t,$gutter:r,$bold:o,$size:l,$contrast:n,$disabled:a,$innerLevel:T}};exports.font=y;exports.useProps=$;
 //# sourceMappingURL=Heading.utils.js.map

package/build/cjs/react-base/src/components/Text/components/Heading/Heading.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["~~import~~ type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n `${TextElementTypes.H1}`,\n `${TextElementTypes.H2}`,\n `${TextElementTypes.H3}`,\n `${TextElementTypes.H4}`,\n `${TextElementTypes.H5}`,\n `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n 1: 'extraLarge',\n 2: 'large',\n 3: 'medium',\n 4: 'small',\n 5: 'extraSmall',\n 6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n type = `${TextElementTypes.H1}`,\n contrast,\n level,\n size,\n gutter,\n bold,\n disabled,\n ...rest\n}: IProps) => {\n const innerLevel = level \|\| ((allHeadings.indexOf(type) + 1) as Level) \|\| 1;\n\n return {\n ...rest,\n type,\n $gutter: gutter,\n $bold: bold,\n $size: size,\n $contrast: contrast,\n $disabled: disabled,\n $innerLevel: innerLevel,\n };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":"~~wMAKMA~~,EAAc,CAClB,GAAGC,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,EACxB,EAEMC,EAAkE,CACtE,EAAG,aACH,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,aACH,EAAG,UACL,EAEaC,EAAO,CAACC,EAAcC,EAAcC,IAC/CF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAAsBG,CAAK,CAAC,EAErFG,EAAW,CAAC,CACvB,KAAAC,EAAO,GAAGR,mBAAiB,EAAE,GAC7B,SAAAS,EACA,MAAAL,EACA,KAAAC,EACA,OAAAK,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAc,CACZ,MAAMC,~~EAAaV~~,GAAWL,EAAY,QAAQS,CAAI,EAAI,~~GAAgB~~,~~EAE1E~~,MAAO,CACL,GAAGK,EACH,KAAAL,EACA,QAASE,EACT,MAAOC,EACP,MAAON,EACP,UAAWI,EACX,UAAWG,EACX,YAAaE,CAAA,CAEjB"}
1	+ {"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n `${TextElementTypes.H1}`,\n `${TextElementTypes.H2}`,\n `${TextElementTypes.H3}`,\n `${TextElementTypes.H4}`,\n `${TextElementTypes.H5}`,\n `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n 1: 'extraLarge',\n 2: 'large',\n 3: 'medium',\n 4: 'small',\n 5: 'extraSmall',\n 6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n type = `${TextElementTypes.H1}`,\n contrast,\n level,\n size,\n gutter,\n bold,\n disabled,\n ...rest\n}: IProps) => {\n const innerLevel = (level ?? ((allHeadings.indexOf(type) + 1) as Level)) \|\| 1;\n\n return {\n ...rest,\n type,\n $gutter: gutter,\n $bold: bold,\n $size: size,\n $contrast: contrast,\n $disabled: disabled,\n $innerLevel: innerLevel,\n };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":"wMAMMA,EAAc,CAClB,GAAGC,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,EACxB,EAEMC,EAAkE,CACtE,EAAG,aACH,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,aACH,EAAG,UACL,EAEaC,EAAO,CAACC,EAAcC,EAAcC,IAC/CF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAAsBG,CAAK,CAAC,EAErFG,EAAW,CAAC,CACvB,KAAAC,EAAO,GAAGR,mBAAiB,EAAE,GAC7B,SAAAS,EACA,MAAAL,EACA,KAAAC,EACA,OAAAK,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAc,CACZ,MAAMC,GAAcV,GAAWL,EAAY,QAAQS,CAAI,EAAI,IAAiB,EAE5E,MAAO,CACL,GAAGK,EACH,KAAAL,EACA,QAASE,EACT,MAAOC,EACP,MAAON,EACP,UAAWI,EACX,UAAWG,EACX,YAAaE,CAAA,CAEjB"}

package/build/cjs/react-base/src/components/ToggleButton/ToggleButton.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["~~import~~ type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './ToggleButton.consts';\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\nimport { ModesType, Variables, type Theme } from '../../theme';\nimport { getLoaderSize } from '../Button/Button.utils';\n\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\n if (!icon) {\n return `${consts[size].padding.inline}px`;\n }\n\n if (iconOnly) {\n return `${consts[size].padding.iconOnly}px`;\n }\n\n if (icon && iconPosition === Positions.Right) {\n return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\n }\n\n return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\n};\n\nexport const getIconSize = (size: Size) =>\n ({\n width: consts[size].icon,\n height: consts[size].icon,\n }) as const;\n\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\n if (outlined) {\n if (\n (isSelected && (state === FabricsVariables.States.Resting \|\| state === FabricsVariables.States.Hover)) \|\|\n (!isSelected && state === FabricsVariables.States.Press)\n ) {\n return 'inset 0 0 0 2px';\n }\n\n return 'inset 0 0 0 1px';\n }\n\n return '0 0 0 0px';\n};\n\nexport const getBackgroundColor = (\n theme: Theme,\n outlined: boolean,\n state: FabricsVariables.StateType,\n isSelected: boolean,\n disabled?: boolean,\n): string => {\n const modes: ModesType = {\n selectedProminence: 'strong',\n foundation: 'section',\n transparentRestingState: outlined,\n state,\n disabled,\n };\n const layer = theme.layer(modes);\n const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\n\n return layer[`Background/${layerType}`];\n};\n\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\n const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\n\n if (isSelected && !disabled) {\n return layer[Variables.ForegroundOnSelected];\n }\n\n return layer[Variables.TextOnFoundationStrong];\n};\n\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\n const layer = theme.layer({ selectedProminence: 'subtle', disabled });\n\n if (isSelected) {\n return layer[Variables.BorderOnSelectedOnBackground];\n }\n\n return layer[Variables.BorderOnFoundationMedium];\n};\n\nexport const getStylesForState = (\n theme: Theme,\n outlined: boolean,\n state: FabricsVariables.StateType,\n isSelected: boolean,\n disabled: boolean,\n): CSSProperties => ({\n backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\n color: getTextColor(theme, outlined, isSelected, disabled),\n boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\n});\n\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\n const states = Object.values(FabricsVariables.States);\n const styles = states.reduce(\n (acc, state) => ({\n ...acc,\n [state]: getStylesForState(theme, outlined, state, isSelected, false),\n }),\n {} as { [key in FabricsVariables.StateType]: any },\n );\n\n const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\n\n return { ...styles, disabled: disabledStyles };\n};\n\nexport const useProps = ({\n active = false,\n selected,\n size = `${Sizes.Medium}`,\n variant = `${Variants.Filled}`,\n outlined,\n iconOnly = false,\n iconPosition = `${Positions.Left}`,\n loading = false,\n rounded = false,\n ...props\n}: IProps) => ({\n ...props,\n loaderSize: getLoaderSize(size),\n selected: selected ?? active,\n size,\n outlined: outlined ?? variant !== Variants.Filled,\n iconOnly,\n iconPosition,\n loading,\n rounded,\n});\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"~~4SASaA~~,EAAmB,CAACC,EAAYC,EAAeC,EAA4BC,IACjFF,EAIDE,EACK,GAAGC,EAAAA,OAAOJ,CAAI,EAAE,QAAQ,QAAQ,KAGrCC,GAAQC,IAAiBG,EAAAA,UAAU,MAC9B,GAAGD,EAAAA,OAAOJ,CAAI,EAAE,QAAQ,MAAM,MAAMI,EAAAA,OAAOJ,CAAI,EAAE,QAAQ,IAAI,KAG/D,GAAGI,EAAAA,OAAOJ,CAAI,EAAE,QAAQ,IAAI,MAAMI,EAAAA,OAAOJ,CAAI,EAAE,QAAQ,MAAM,KAX3D,GAAGI,EAAAA,OAAOJ,CAAI,EAAE,QAAQ,MAAM,KAc5BM,EAAeN,IACzB,CACC,MAAOI,EAAAA,OAAOJ,CAAI,EAAE,KACpB,OAAQI,EAAAA,OAAOJ,CAAI,EAAE,IACvB,GAEIO,EAAgB,CAACC,EAAmBC,EAAmCC,IACvEF,EAECE,IAAeD,IAAUE,EAAAA,iBAAiB,OAAO,SAAWF,IAAUE,EAAAA,iBAAiB,OAAO,QAC9F,CAACD,GAAcD,IAAUE,EAAAA,iBAAiB,OAAO,MAE3C,kBAGF,kBAGF,YAGIC,EAAqB,CAChCC,EACAL,EACAC,EACAC,EACAI,IACW,CACX,MAAMC,EAAmB,CACvB,mBAAoB,SACpB,WAAY,UACZ,wBAAyBP,EACzB,MAAAC,EACA,SAAAK,CAAA,EAKF,OAHcD,EAAM,MAAME,CAAK,EAGlB,cAFKL,GAAc,CAACF,EAAW,WAAa,YAErB,EAAE,CACxC,EAEaQ,EAAe,CAACH,EAAcL,EAAmBE,EAAqBI,IAA8B,CAC/G,MAAMG,EAAQJ,EAAM,MAAM,CAAE,mBAAoBL,EAAW,SAAW,SAAU,SAAAM,EAAU,EAE1F,OAAIJ,GAAc,CAACI,EACVG,EAAMC,EAAAA,UAAU,oBAAoB,EAGtCD,EAAMC,EAAAA,UAAU,sBAAsB,CAC/C,EAEaC,EAAiB,CAACN,EAAcH,EAAqBI,IAA8B,CAC9F,MAAMG,EAAQJ,EAAM,MAAM,CAAE,mBAAoB,SAAU,SAAAC,EAAU,EAEpE,OAAIJ,EACKO,EAAMC,EAAAA,UAAU,4BAA4B,EAG9CD,EAAMC,EAAAA,UAAU,wBAAwB,CACjD,EAEaE,EAAoB,CAC/BP,EACAL,EACAC,EACAC,EACAI,KACmB,CACnB,gBAAiBF,EAAmBC,EAAOL,EAAUC,EAAOC,EAAYI,CAAQ,EAChF,MAAOE,EAAaH,EAAOL,EAAUE,EAAYI,CAAQ,EACzD,UAAW,GAAGP,EAAcC,EAAUC,EAAOC,CAAU,CAAC,IAAIS,EAAeN,EAAOH,EAAYI,CAAQ,CAAC,EACzG,GAEaO,EAAkB,CAACR,EAAcL,EAAmBE,IAAwB,CAEvF,MAAMY,EADS,OAAO,OAAOX,EAAAA,iBAAiB,MAAM,EAC9B,OACpB,CAACY,EAAKd,KAAW,CACf,GAAGc,EACH,CAACd,CAAK,EAAGW,EAAkBP,EAAOL,EAAUC,EAAOC,EAAY,EAAK,CAAA,~~GAEtE~~,CAAA,CAAC,EAGGc,EAAiBJ,EAAkBP,EAAOL,EAAUG,EAAAA,iBAAiB,OAAO,QAASD,EAAY,EAAI,EAE3G,MAAO,CAAE,GAAGY,EAAQ,SAAUE,CAAA,CAChC,EAEaC,EAAW,CAAC,CACvB,OAAAC,EAAS,GACT,SAAAC,EACA,KAAA3B,EAAO,GAAG4B,QAAM,MAAM,GACtB,QAAAC,EAAU,GAAGC,WAAS,MAAM,GAC5B,SAAAtB,EACA,SAAAL,EAAW,GACX,aAAAD,EAAe,GAAGG,YAAU,IAAI,GAChC,QAAA0B,EAAU,GACV,QAAAC,EAAU,GACV,GAAGC,CACL,KAAe,CACb,GAAGA,EACH,WAAYC,EAAAA,cAAclC,CAAI,EAC9B,SAAU2B,GAAYD,EACtB,KAAA1B,EACA,SAAUQ,GAAYqB,IAAYC,EAAAA,SAAS,OAC3C,SAAA3B,EACA,aAAAD,EACA,QAAA6B,EACA,QAAAC,CACF"}
1	+ {"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './ToggleButton.consts';\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\nimport { ModesType, Variables, type Theme } from '../../theme';\nimport { getLoaderSize } from '../Button/Button.utils';\n\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\n if (!icon) {\n return `${consts[size].padding.inline}px`;\n }\n\n if (iconOnly) {\n return `${consts[size].padding.iconOnly}px`;\n }\n\n if (icon && iconPosition === Positions.Right) {\n return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\n }\n\n return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\n};\n\nexport const getIconSize = (size: Size) =>\n ({\n width: consts[size].icon,\n height: consts[size].icon,\n }) as const;\n\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\n if (outlined) {\n if (\n (isSelected && (state === FabricsVariables.States.Resting \|\| state === FabricsVariables.States.Hover)) \|\|\n (!isSelected && state === FabricsVariables.States.Press)\n ) {\n return 'inset 0 0 0 2px';\n }\n\n return 'inset 0 0 0 1px';\n }\n\n return '0 0 0 0px';\n};\n\nexport const getBackgroundColor = (\n theme: Theme,\n outlined: boolean,\n state: FabricsVariables.StateType,\n isSelected: boolean,\n disabled?: boolean,\n): string => {\n const modes: ModesType = {\n selectedProminence: 'strong',\n foundation: 'section',\n transparentRestingState: outlined,\n state,\n disabled,\n };\n const layer = theme.layer(modes);\n const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\n\n return layer[`Background/${layerType}`];\n};\n\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\n const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\n\n if (isSelected && !disabled) {\n return layer[Variables.ForegroundOnSelected];\n }\n\n return layer[Variables.TextOnFoundationStrong];\n};\n\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\n const layer = theme.layer({ selectedProminence: 'subtle', disabled });\n\n if (isSelected) {\n return layer[Variables.BorderOnSelectedOnBackground];\n }\n\n return layer[Variables.BorderOnFoundationMedium];\n};\n\nexport const getStylesForState = (\n theme: Theme,\n outlined: boolean,\n state: FabricsVariables.StateType,\n isSelected: boolean,\n disabled: boolean,\n): CSSProperties => ({\n backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\n color: getTextColor(theme, outlined, isSelected, disabled),\n boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\n});\n\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\n const states = Object.values(FabricsVariables.States);\n const styles = states.reduce(\n (acc, state) => ({\n ...acc,\n [state]: getStylesForState(theme, outlined, state, isSelected, false),\n }),\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n {} as { [key in FabricsVariables.StateType]: any },\n );\n\n const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\n\n return { ...styles, disabled: disabledStyles };\n};\n\nexport const useProps = ({\n active = false,\n selected,\n size = `${Sizes.Medium}`,\n variant = `${Variants.Filled}`,\n outlined,\n iconOnly = false,\n iconPosition = `${Positions.Left}`,\n loading = false,\n rounded = false,\n ...props\n}: IProps) => ({\n ...props,\n loaderSize: getLoaderSize(size),\n selected: selected ?? active,\n size,\n outlined: outlined ?? variant !== Variants.Filled,\n iconOnly,\n iconPosition,\n loading,\n rounded,\n});\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"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"}

package/build/cjs/react-base/src/consts/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["~~export~~ enum Resolutions {\n 'XXL' = 'xxl',\n 'XL' = 'xl',\n 'L' = 'l',\n 'M' = 'm',\n 'S' = 's',\n 'XS' = 'xs',\n 'XXS' = 'xxs',\n}\n\nexport enum Sizes {\n Smallest = 'smallest',\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n XLarge = 'xlarge',\n XXLarge = 'xxlarge',\n}\n\nexport enum Variants {\n Filled = 'filled',\n Outlined = 'outlined',\n Transparent = 'transparent',\n Subtle = 'subtle',\n}\n\nexport enum Positions {\n Top = 'top',\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n Bottom = 'bottom',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n Right = 'right',\n RightBottom = 'rightBottom',\n RightTop = 'rightTop',\n Left = 'left',\n LeftTop = 'leftTop',\n LeftBottom = 'leftBottom',\n Center = 'center',\n Side = 'side',\n}\n\nexport enum Alignments {\n Top = 'top',\n Bottom = 'bottom',\n Start = 'start',\n Left = 'left',\n Right = 'right',\n LeftAndRight = 'leftAndRight',\n Center = 'center',\n End = 'end',\n Fill = 'fill',\n}\n\nexport enum Directions {\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n}\n\nexport enum Sorts {\n Asc = 'ascend',\n Desc = 'descend',\n}\n\nexport enum BgColors {\n Surface = 'surface',\n Base = 'base',\n Raised = 'raised',\n Section = 'section',\n}\n\nexport enum Shapes {\n Rounded = 'rounded',\n Square = 'square',\n}\n\nexport enum TextElementTypes {\n Paragraph = 'p',\n Span = 'span',\n Label = 'label',\n H1 = 'h1',\n H2 = 'h2',\n H3 = 'h3',\n H4 = 'h4',\n H5 = 'h5',\n H6 = 'h6',\n}\n\nexport enum Levels {\n 'One' = 1,\n 'Two' = 2,\n 'Three' = 3,\n 'Four' = 4,\n 'Five' = 5,\n 'Six' = 6,\n}\n\nexport enum InherentStates {\n Default = 'default',\n Disabled = 'disabled',\n Invalid = 'invalid',\n}\n\nexport enum Contrasts {\n Strong = 'strong',\n Medium = 'medium',\n Subtle = 'subtle',\n Transparent = 'transparent',\n}\n\n/** Styles /\n\nexport enum ZIndexes {\n 'ELEVATED' = 10,\n 'DATE_PICKER' = 2,\n 'MENU' = 1,\n 'MODAL' = 2,\n 'NAVBAR' = 1,\n 'DRAWER' = 1,\n 'SELECT' = 2,\n 'TOOLTIP' = 2,\n 'POPOVER' = 2,\n 'OVERLAY' = 2,\n}\n\nexport const TRIGGER_OVERFLOW = {\n adjustX: 0,\n adjustY: 0,\n};\n\n/* Other /\n\nexport const NOOP = (): null => null;\nexport const NOOP_VOID = (): void => {};\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\n\n/* CLASSES /\nexport from './classes';\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"~~4GAAO~~,IAAKA,GAAAA,IACVA,EAAA,IAAQ,MACRA,EAAA,GAAO,KACPA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,GAAO,KACPA,EAAA,IAAQ,MAPEA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,QAAU,UAPAA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,SAAW,WACXA,EAAA,YAAc,cACdA,EAAA,OAAS,SAJCA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,WAAa,aACbA,EAAA,YAAc,cACdA,EAAA,MAAQ,QACRA,EAAA,YAAc,cACdA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,WAAa,aACbA,EAAA,OAAS,SACTA,EAAA,KAAO,OAdGA,IAAAA,GAAA,CAAA,CAAA,EAiBAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,aAAe,eACfA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,KAAO,OATGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,WAAa,aACbA,EAAA,SAAW,WAFDA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,IAAM,SACNA,EAAA,KAAO,UAFGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,UAAY,IACZA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KATKA,IAAAA,GAAA,CAAA,CAAA,EA2BAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,YAAc,cAJJA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAAA,EAAA,SAAa,EAAA,EAAb,WACAA,EAAAA,EAAA,YAAgB,CAAA,EAAhB,cACAA,EAAAA,EAAA,KAAS,CAAA,EAAT,OACAA,EAAAA,EAAA,MAAU,CAAA,EAAV,QACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UAVUA,IAAAA,GAAA,CAAA,CAAA,EAoBL,MAAMC,EAAO,IAAY,~~KACnBC~~,EAAY,IAAY,CAAC,EACzBC,EAAiB,CAAC,CAAE,SAAAC,KAAgEA"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values /\nexport enum Resolutions {\n 'XXL' = 'xxl',\n 'XL' = 'xl',\n 'L' = 'l',\n 'M' = 'm',\n 'S' = 's',\n 'XS' = 'xs',\n 'XXS' = 'xxs',\n}\n\nexport enum Sizes {\n Smallest = 'smallest',\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n XLarge = 'xlarge',\n XXLarge = 'xxlarge',\n}\n\nexport enum Variants {\n Filled = 'filled',\n Outlined = 'outlined',\n Transparent = 'transparent',\n Subtle = 'subtle',\n}\n\nexport enum Positions {\n Top = 'top',\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n Bottom = 'bottom',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n Right = 'right',\n RightBottom = 'rightBottom',\n RightTop = 'rightTop',\n Left = 'left',\n LeftTop = 'leftTop',\n LeftBottom = 'leftBottom',\n Center = 'center',\n Side = 'side',\n}\n\nexport enum Alignments {\n Top = 'top',\n Bottom = 'bottom',\n Start = 'start',\n Left = 'left',\n Right = 'right',\n LeftAndRight = 'leftAndRight',\n Center = 'center',\n End = 'end',\n Fill = 'fill',\n}\n\nexport enum Directions {\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n}\n\nexport enum Sorts {\n Asc = 'ascend',\n Desc = 'descend',\n}\n\nexport enum BgColors {\n Surface = 'surface',\n Base = 'base',\n Raised = 'raised',\n Section = 'section',\n}\n\nexport enum Shapes {\n Rounded = 'rounded',\n Square = 'square',\n}\n\nexport enum TextElementTypes {\n Paragraph = 'p',\n Span = 'span',\n Label = 'label',\n H1 = 'h1',\n H2 = 'h2',\n H3 = 'h3',\n H4 = 'h4',\n H5 = 'h5',\n H6 = 'h6',\n}\n\nexport enum Levels {\n 'One' = 1,\n 'Two' = 2,\n 'Three' = 3,\n 'Four' = 4,\n 'Five' = 5,\n 'Six' = 6,\n}\n\nexport enum InherentStates {\n Default = 'default',\n Disabled = 'disabled',\n Invalid = 'invalid',\n}\n\nexport enum Contrasts {\n Strong = 'strong',\n Medium = 'medium',\n Subtle = 'subtle',\n Transparent = 'transparent',\n}\n\n/* Styles /\n\nexport enum ZIndexes {\n 'ELEVATED' = 10,\n 'DATE_PICKER' = 2,\n 'MENU' = 1,\n 'MODAL' = 2,\n 'NAVBAR' = 1,\n 'DRAWER' = 1,\n 'SELECT' = 2,\n 'TOOLTIP' = 2,\n 'POPOVER' = 2,\n 'OVERLAY' = 2,\n}\n\nexport const TRIGGER_OVERFLOW = {\n adjustX: 0,\n adjustY: 0,\n};\n\n/* Other /\n\nexport const NOOP = (): null => null;\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const NOOP_VOID = (): void => {};\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\n\n/* CLASSES /\nexport from './classes';\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"4GACO,IAAKA,GAAAA,IACVA,EAAA,IAAQ,MACRA,EAAA,GAAO,KACPA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,EAAM,IACNA,EAAA,GAAO,KACPA,EAAA,IAAQ,MAPEA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,QAAU,UAPAA,IAAAA,GAAA,CAAA,CAAA,EAUAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,SAAW,WACXA,EAAA,YAAc,cACdA,EAAA,OAAS,SAJCA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,OAAS,SACTA,EAAA,WAAa,aACbA,EAAA,YAAc,cACdA,EAAA,MAAQ,QACRA,EAAA,YAAc,cACdA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,WAAa,aACbA,EAAA,OAAS,SACTA,EAAA,KAAO,OAdGA,IAAAA,GAAA,CAAA,CAAA,EAiBAC,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,aAAe,eACfA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,KAAO,OATGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,WAAa,aACbA,EAAA,SAAW,WAFDA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,IAAM,SACNA,EAAA,KAAO,UAFGA,IAAAA,GAAA,CAAA,CAAA,EAYAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,UAAY,IACZA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KATKA,IAAAA,GAAA,CAAA,CAAA,EA2BAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,YAAc,cAJJA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAAA,EAAA,SAAa,EAAA,EAAb,WACAA,EAAAA,EAAA,YAAgB,CAAA,EAAhB,cACAA,EAAAA,EAAA,KAAS,CAAA,EAAT,OACAA,EAAAA,EAAA,MAAU,CAAA,EAAV,QACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,OAAW,CAAA,EAAX,SACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UACAA,EAAAA,EAAA,QAAY,CAAA,EAAZ,UAVUA,IAAAA,GAAA,CAAA,CAAA,EAoBL,MAAMC,EAAO,IAAY,KAEnBC,EAAY,IAAY,CAAC,EACzBC,EAAiB,CAAC,CAAE,SAAAC,KAAgEA"}

package/build/cjs/react-base/src/providers/BaseProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),n=()=>{const e=t.useContext(o);if(!e)throw new Error("useCustomTheme needs to be in a BaseProvider.");return e.useTheme()},i=({useTheme:e,children:r})=>{const s=t.useMemo(()=>({useTheme:e}),[]);return u.jsx(o.Provider,{value:s,children:r})};exports.BaseProvider=i;exports.useCustomTheme=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),n=()=>{const e=t.useContext(o);if(!e)throw new Error("useCustomTheme needs to be in a BaseProvider.");return e.useTheme()},i=({useTheme:e,children:r})=>{const s=t.useMemo(()=>({useTheme:e}),[e]);return u.jsx(o.Provider,{value:s,children:r})};exports.BaseProvider=i;exports.useCustomTheme=n;
 //# sourceMappingURL=BaseProvider.js.map

package/build/cjs/react-base/src/providers/BaseProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\n\nimport ~~type~~ { ~~useTheme } from 'styled-components';\n\nimport {~~ Theme } from '../theme';\n\nexport type BaseContextTypes = {\n useTheme: ~~typeof~~ ~~useTheme~~;\n};\n\nconst BaseContext = createContext<BaseContextTypes \| null>(null);\n\nexport const useCustomTheme = (): Theme => {\n const context = useContext(BaseContext);\n\n if (!context) {\n throw new Error('useCustomTheme needs to be in a BaseProvider.');\n }\n\n return context.useTheme();\n};\n\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\n const value = useMemo(() => ({ useTheme }), []);\n\n return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\n};\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":"~~oKAUMA~~,EAAcC,EAAAA,cAAuC,IAAI,EAElDC,EAAiB,IAAa,CACzC,MAAMC,EAAUC,EAAAA,WAAWJ,CAAW,EAEtC,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,+CAA+C,EAGjE,OAAOA,EAAQ,SAAA,CACjB,EAEaE,EAAwD,CAAC,CAAE,SAAAC,EAAU,SAAAC,KAAe,CAC/F,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,SAAAH,~~CAAA~~,~~GAAa~~,~~CAAA~~,~~CAAE~~,~~EAE9C~~,OAAOI,EAAAA,IAACV,EAAY,SAAZ,CAAqB,MAAAQ,EAAe,SAAAD,CAAA,CAAS,CACvD"}
1	+ {"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\n\nimport { Theme } from '../theme';\n\nexport type BaseContextTypes = {\n useTheme: () => Theme;\n};\n\nconst BaseContext = createContext<BaseContextTypes \| null>(null);\n\nexport const useCustomTheme = (): Theme => {\n const context = useContext(BaseContext);\n\n if (!context) {\n throw new Error('useCustomTheme needs to be in a BaseProvider.');\n }\n\n return context.useTheme();\n};\n\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\n const value = useMemo(() => ({ useTheme }), [useTheme]);\n\n return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\n};\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":"oKAQMA,EAAcC,EAAAA,cAAuC,IAAI,EAElDC,EAAiB,IAAa,CACzC,MAAMC,EAAUC,EAAAA,WAAWJ,CAAW,EAEtC,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,+CAA+C,EAGjE,OAAOA,EAAQ,SAAA,CACjB,EAEaE,EAAwD,CAAC,CAAE,SAAAC,EAAU,SAAAC,KAAe,CAC/F,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,SAAAH,IAAa,CAACA,CAAQ,CAAC,EAEtD,OAAOI,EAAAA,IAACV,EAAY,SAAZ,CAAqB,MAAAQ,EAAe,SAAAD,CAAA,CAAS,CACvD"}

package/build/cjs/react-base/src/theme/layer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\nimport {\n MODES_BY_PATH,\n MODES_DEFAULT_VALUES,\n PATH_BY_VARIABLE,\n Paths,\n PathKinds,\n Variables,\n type LayerFn,\n type VariableValues,\n type ModesType,\n type Modes,\n type VariablePath,\n PathDensityModes,\n PathDensityLayerModes,\n PathLayerModes,\n} from './types/layer';\n\nconst isPathAvailable = (\n obj: object,\n modes: (keyof typeof obj)[],\n searchKey: keyof typeof obj,\n maybeKey?: keyof (typeof obj)[typeof searchKey],\n) => {\n const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\n\n if (!endPath \|\| !endPath[searchKey] \|\| (maybeKey && !endPath[searchKey][maybeKey])) {\n return false;\n }\n\n return true;\n};\n\nconst findClosestVariablePathWithModes = (\n variables: Mode['variables'],\n mainPath: Paths,\n initialModes: ModesType[Modes][],\n modes: ModesType[Modes][],\n kind: PathKinds,\n maybePathLayer?: PathDensityModes \| PathDensityLayerModes \| PathLayerModes,\n): VariablePath => {\n const modeNames = MODES_BY_PATH[mainPath];\n\n if (\n !isPathAvailable(\n variables[mainPath],\n modes as (keyof (typeof variables)[typeof mainPath])[],\n kind as keyof (typeof variables)[typeof mainPath],\n maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\n keyof (typeof variables)[typeof mainPath]],\n )\n ) {\n // if the path is not found, we get the first changed mode and set it to the default value\n const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\n\n const initialLastChangeIdx = initialModes.findIndex(\n (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\n );\n\n const newModes = modes.map((modeValue, idx) => {\n if (idx === lastChangeIdx) {\n return MODES_DEFAULT_VALUES[modeNames[idx]];\n }\n if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\n return initialModes[idx];\n }\n\n return modeValue;\n });\n\n return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\n }\n\n return modes.reduce(\n (acc, modeValue) => acc[modeValue as keyof typeof acc],\n variables[mainPath],\n ) as unknown as VariablePath;\n};\n\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\n const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\n\n if (kind === PathKinds.border \|\| kind === PathKinds.text) {\n return value[kind][maybePathLayer];\n }\n\n return value[kind];\n};\n\nexport const themeToLayer: ThemeInitFn<LayerFn> =\n ({ variables }) =>\n (modes = {}) => {\n if (!variables) {\n throw new Error('The provided Theme is not supported by the SDS. Please contact the SDS team for support.');\n }\n\n const wantedModesPerPath = Object.values(Paths).reduce(\n (accPaths, currentPath) => ({\n ...accPaths,\n [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\n }),\n {} as Record<Paths, ModesType[Modes][]>,\n );\n\n return Object.values(Variables).reduce((variableValues, variableName) => {\n const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\n const closestVariablePath = findClosestVariablePathWithModes(\n variables,\n mainPath,\n wantedModesPerPath[mainPath],\n wantedModesPerPath[mainPath],\n kind,\n maybePathLayer,\n );\n const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\n\n return { ...variableValues, [variableName]: variableValue };\n }, {} as VariableValues);\n };\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","wantedModesPerPath","Paths","accPaths","currentPath","Variables","variableValues","variableName","closestVariablePath","variableValue"],"mappings":"gJAkBMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IACG,CACH,MAAMC,EAAUH,EAAM,OAAO,CAACI,EAAKC,IAASD,IAAMC,CAAI,EAAGN,CAAG,~~EAE5D~~,MAAI,GAACI,GAAW,CAACA,EAAQF,CAAS,GAAMC,GAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ,EAKlF,EAEMI,EAAmC,CACvCC,EACAC,EACAC,EACAT,EACAU,EACAC,IACiB,CACjB,MAAMC,EAAYC,EAAAA,cAAcL,CAAQ,EAExC,GACE,CAACV,EACCS,EAAUC,CAAQ,EAClBR,EACAU,EACAC,CAAA,EAGF,CAEA,MAAMG,EAAgBd,EAAM,UAAU,CAACe,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAC,EAE1GE,EAAuBT,EAAa,UACxC,CAACM,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAA,EAGrEG,EAAWnB,EAAM,IAAI,CAACe,EAAWK,IACjCA,IAAQN,EACHG,EAAAA,qBAAqBL,EAAUQ,CAAG,CAAC,EAExCA,EAAMN,GAAiBM,GAAOF,GAAwBJ,IAAkBI,EACnET,EAAaW,CAAG,EAGlBL,CACR,EAED,OAAOT,EAAiCC,EAAWC,EAAUC,EAAcU,EAAUT,CAAI,CAC3F,CAEA,OAAOV,EAAM,OACX,CAACI,EAAKW,IAAcX,EAAIW,CAA6B,EACrDR,EAAUC,CAAQ,CAAA,CAEtB,EAEMa,EAA2B,CAACC,EAAqBC,IAAgC,CACrF,KAAM,CAAA,CAAGb,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBF,CAAQ,EAE1D,OAAIZ,IAASe,EAAAA,UAAU,QAAUf,IAASe,EAAAA,UAAU,KAC3CF,EAAMb,CAAI,EAAEC,CAAc,EAG5BY,EAAMb,CAAI,CACnB,EAEagB,EACX,CAAC,CAAE,UAAAnB,CAAA,IACH,CAACP,EAAQ,CAAA,IAAO,CACd,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,0FAA0F,EAG5G,MAAMoB,EAAqB,OAAO,OAAOC,EAAAA,KAAK,EAAE,OAC9C,CAACC,EAAUC,KAAiB,CAC1B,GAAGD,EACH,CAACC,CAAW,EAAGjB,EAAAA,cAAciB,CAAW,EAAE,IAAKzB,GAASL,EAAMK,CAAI,GAAKY,EAAAA,qBAAqBZ,CAAI,CAAC,CAAA,GAEnG,CAAA,CAAC,EAGH,OAAO,OAAO,OAAO0B,EAAAA,SAAS,EAAE,OAAO,CAACC,EAAgBC,IAAiB,CACvE,KAAM,CAACzB,EAAUE,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBS,CAAY,EAChEC,EAAsB5B,EAC1BC,EACAC,EACAmB,EAAmBnB,CAAQ,EAC3BmB,EAAmBnB,CAAQ,EAC3BE,EACAC,CAAA,EAEIwB,EAAgBd,EAAyBY,EAAcC,CAAmB,EAEhF,MAAO,CAAE,GAAGF,EAAgB,CAACC,CAAY,EAAGE,CAAA,CAC9C,EAAG,CAAA,CAAoB,CACzB"}
1	+ {"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\nimport {\n MODES_BY_PATH,\n MODES_DEFAULT_VALUES,\n PATH_BY_VARIABLE,\n Paths,\n PathKinds,\n Variables,\n type LayerFn,\n type VariableValues,\n type ModesType,\n type Modes,\n type VariablePath,\n PathDensityModes,\n PathDensityLayerModes,\n PathLayerModes,\n} from './types/layer';\n\nconst isPathAvailable = (\n obj: object,\n modes: (keyof typeof obj)[],\n searchKey: keyof typeof obj,\n maybeKey?: keyof (typeof obj)[typeof searchKey],\n) => {\n const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\n\n // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n if (!endPath \|\| !endPath[searchKey] \|\| (maybeKey && !endPath[searchKey][maybeKey])) {\n return false;\n }\n\n return true;\n};\n\nconst findClosestVariablePathWithModes = (\n variables: Mode['variables'],\n mainPath: Paths,\n initialModes: ModesType[Modes][],\n modes: ModesType[Modes][],\n kind: PathKinds,\n maybePathLayer?: PathDensityModes \| PathDensityLayerModes \| PathLayerModes,\n): VariablePath => {\n const modeNames = MODES_BY_PATH[mainPath];\n\n if (\n !isPathAvailable(\n variables[mainPath],\n modes as (keyof (typeof variables)[typeof mainPath])[],\n kind as keyof (typeof variables)[typeof mainPath],\n maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\n keyof (typeof variables)[typeof mainPath]],\n )\n ) {\n // if the path is not found, we get the first changed mode and set it to the default value\n const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\n\n const initialLastChangeIdx = initialModes.findIndex(\n (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\n );\n\n const newModes = modes.map((modeValue, idx) => {\n if (idx === lastChangeIdx) {\n return MODES_DEFAULT_VALUES[modeNames[idx]];\n }\n if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\n return initialModes[idx];\n }\n\n return modeValue;\n });\n\n return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\n }\n\n return modes.reduce(\n (acc, modeValue) => acc[modeValue as keyof typeof acc],\n variables[mainPath],\n ) as unknown as VariablePath;\n};\n\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\n const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\n\n if (kind === PathKinds.border \|\| kind === PathKinds.text) {\n return value[kind][maybePathLayer];\n }\n\n return value[kind];\n};\n\nexport const themeToLayer: ThemeInitFn<LayerFn> =\n ({ variables }) =>\n (modes = {}) => {\n if (!variables) {\n throw new Error('The provided Theme is not supported by the SDS. Please contact the SDS team for support.');\n }\n\n const wantedModesPerPath = Object.values(Paths).reduce(\n (accPaths, currentPath) => ({\n ...accPaths,\n [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\n }),\n {} as Record<Paths, ModesType[Modes][]>,\n );\n\n return Object.values(Variables).reduce((variableValues, variableName) => {\n const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\n const closestVariablePath = findClosestVariablePathWithModes(\n variables,\n mainPath,\n wantedModesPerPath[mainPath],\n wantedModesPerPath[mainPath],\n kind,\n maybePathLayer,\n );\n const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\n\n return { ...variableValues, [variableName]: variableValue };\n }, {} as VariableValues);\n };\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","wantedModesPerPath","Paths","accPaths","currentPath","Variables","variableValues","variableName","closestVariablePath","variableValue"],"mappings":"gJAkBMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IACG,CACH,MAAMC,EAAUH,EAAM,OAAO,CAACI,EAAKC,IAASD,IAAMC,CAAI,EAAGN,CAAG,EAG5D,MAAI,GAACI,GAAW,CAACA,EAAQF,CAAS,GAAMC,GAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ,EAKlF,EAEMI,EAAmC,CACvCC,EACAC,EACAC,EACAT,EACAU,EACAC,IACiB,CACjB,MAAMC,EAAYC,EAAAA,cAAcL,CAAQ,EAExC,GACE,CAACV,EACCS,EAAUC,CAAQ,EAClBR,EACAU,EACAC,CAAA,EAGF,CAEA,MAAMG,EAAgBd,EAAM,UAAU,CAACe,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAC,EAE1GE,EAAuBT,EAAa,UACxC,CAACM,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAA,EAGrEG,EAAWnB,EAAM,IAAI,CAACe,EAAWK,IACjCA,IAAQN,EACHG,EAAAA,qBAAqBL,EAAUQ,CAAG,CAAC,EAExCA,EAAMN,GAAiBM,GAAOF,GAAwBJ,IAAkBI,EACnET,EAAaW,CAAG,EAGlBL,CACR,EAED,OAAOT,EAAiCC,EAAWC,EAAUC,EAAcU,EAAUT,CAAI,CAC3F,CAEA,OAAOV,EAAM,OACX,CAACI,EAAKW,IAAcX,EAAIW,CAA6B,EACrDR,EAAUC,CAAQ,CAAA,CAEtB,EAEMa,EAA2B,CAACC,EAAqBC,IAAgC,CACrF,KAAM,CAAA,CAAGb,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBF,CAAQ,EAE1D,OAAIZ,IAASe,EAAAA,UAAU,QAAUf,IAASe,EAAAA,UAAU,KAC3CF,EAAMb,CAAI,EAAEC,CAAc,EAG5BY,EAAMb,CAAI,CACnB,EAEagB,EACX,CAAC,CAAE,UAAAnB,CAAA,IACH,CAACP,EAAQ,CAAA,IAAO,CACd,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,0FAA0F,EAG5G,MAAMoB,EAAqB,OAAO,OAAOC,EAAAA,KAAK,EAAE,OAC9C,CAACC,EAAUC,KAAiB,CAC1B,GAAGD,EACH,CAACC,CAAW,EAAGjB,EAAAA,cAAciB,CAAW,EAAE,IAAKzB,GAASL,EAAMK,CAAI,GAAKY,EAAAA,qBAAqBZ,CAAI,CAAC,CAAA,GAEnG,CAAA,CAAC,EAGH,OAAO,OAAO,OAAO0B,EAAAA,SAAS,EAAE,OAAO,CAACC,EAAgBC,IAAiB,CACvE,KAAM,CAACzB,EAAUE,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBS,CAAY,EAChEC,EAAsB5B,EAC1BC,EACAC,EACAmB,EAAmBnB,CAAQ,EAC3BmB,EAAmBnB,CAAQ,EAC3BE,EACAC,CAAA,EAEIwB,EAAgBd,EAAyBY,EAAcC,CAAmB,EAEhF,MAAO,CAAE,GAAGF,EAAgB,CAACC,CAAY,EAAGE,CAAA,CAC9C,EAAG,CAAA,CAAoB,CACzB"}

package/build/cjs/react-base/src/theme/modes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./types/layer.js"),n=require("./layer.js"),s=r=>`--${r?.toLowerCase().replace(/(\/| )/g,"-")}`,u=r=>(o={})=>{const a=n.themeToLayer(r)(o),c=Object.entries(t.MODES_BY_PATH).filter(([,e])=>e.some(i=>Object.keys(o).includes(i))).map(([e])=>e),l=Object.entries(t.PATH_BY_VARIABLE).filter(([,e])=>c.includes(e[0])).map(([e])=>e);return{...Object.fromEntries(l.map(e=>[s(e),a[e]]))}},b=r=>`var(${s(r)})`;exports.colorFromVariable=b;exports.themeToModes=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./types/layer.js"),n=require("./layer.js"),s=r=>`--${r?.toLowerCase().replace(/[/ ]/gu,"-")}`,u=r=>(o={})=>{const a=n.themeToLayer(r)(o),c=Object.entries(t.MODES_BY_PATH).filter(([,e])=>e.some(i=>Object.keys(o).includes(i))).map(([e])=>e),l=Object.entries(t.PATH_BY_VARIABLE).filter(([,e])=>c.includes(e[0])).map(([e])=>e);return{...Object.fromEntries(l.map(e=>[s(e),a[e]]))}},b=r=>`var(${s(r)})`;exports.colorFromVariable=b;exports.themeToModes=u;
 //# sourceMappingURL=modes.js.map

package/build/cjs/react-base/src/theme/modes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\nimport type { ThemeInitFn } from './types/theme';\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\nimport { themeToLayer } from './layer';\n\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/~~(\\/\|~~ )/g, '-')}`;\n\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\n (theme) =>\n (modes = {}) => {\n const layer = themeToLayer(theme)(modes);\n\n const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\n .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\n .map(([path]) => path as PathsType);\n const variablesToApply = Object.entries(PATH_BY_VARIABLE)\n .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\n .map(([variableName]) => variableName as VariablesType);\n\n return {\n ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\n };\n };\n\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":"wKAKMA,EAAyBC,GAA4B,KAAKA,GAAU,cAAc,QAAQ,~~UAAW~~,GAAG,CAAC,~~GAElGC~~,EACVC,GACD,CAACC,EAAQ,CAAA,IAAO,CACd,MAAMC,EAAQC,EAAAA,aAAaH,CAAK,EAAEC,CAAK,EAEjCG,EAAsB,OAAO,QAAQC,eAAa,EACrD,OAAO,CAAC,EAAGC,CAAW,IAAMA,EAAY,KAAMC,GAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,IAAMA,CAAiB,EAC9BC,EAAmB,OAAO,QAAQC,EAAAA,gBAAgB,EACrD,OAAO,CAAC,CAAA,CAAGC,CAAa,IAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,IAAMA,CAA6B,EAExD,MAAO,CACL,GAAG,OAAO,YAAYH,EAAiB,IAAKX,GAAa,CAACD,EAAsBC,CAAQ,EAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC,CAAA,CAEhH,EAEWe,EAA0Cf,GAAa,OAAOD,EAAsBC,CAAQ,CAAC"}
1	+ {"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\nimport type { ThemeInitFn } from './types/theme';\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\nimport { themeToLayer } from './layer';\n\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/[/ ]/gu, '-')}`;\n\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\n (theme) =>\n (modes = {}) => {\n const layer = themeToLayer(theme)(modes);\n\n const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\n .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\n .map(([path]) => path as PathsType);\n const variablesToApply = Object.entries(PATH_BY_VARIABLE)\n .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\n .map(([variableName]) => variableName as VariablesType);\n\n return {\n ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\n };\n };\n\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":"wKAKMA,EAAyBC,GAA4B,KAAKA,GAAU,cAAc,QAAQ,SAAU,GAAG,CAAC,GAEjGC,EACVC,GACD,CAACC,EAAQ,CAAA,IAAO,CACd,MAAMC,EAAQC,EAAAA,aAAaH,CAAK,EAAEC,CAAK,EAEjCG,EAAsB,OAAO,QAAQC,eAAa,EACrD,OAAO,CAAC,EAAGC,CAAW,IAAMA,EAAY,KAAMC,GAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,IAAMA,CAAiB,EAC9BC,EAAmB,OAAO,QAAQC,EAAAA,gBAAgB,EACrD,OAAO,CAAC,CAAA,CAAGC,CAAa,IAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,IAAMA,CAA6B,EAExD,MAAO,CACL,GAAG,OAAO,YAAYH,EAAiB,IAAKX,GAAa,CAACD,EAAsBC,CAAQ,EAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC,CAAA,CAEhH,EAEWe,EAA0Cf,GAAa,OAAOD,EAAsBC,CAAQ,CAAC"}

package/build/cjs/react-base/src/theme/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\r\nimport { themeToDropShadows } from './dropShadows';\r\nimport { themeToGlobals } from './global';\r\nimport { themeToLayer } from './layer';\r\nimport { typography } from './typography';\r\nimport { colorFromVariable, themeToModes } from './modes';\r\n\r\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\r\n __DEPRECATED_DO_NOT_USE__: theme,\r\n dropShadows: themeToDropShadows(theme),\r\n globals: themeToGlobals(theme),\r\n layer: themeToLayer(theme),\r\n applyModes: themeToModes(theme),\r\n cssVariable: colorFromVariable,\r\n typography,\r\n});\r\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":"sPAOaA,EAAqCC,IAAW,CAC3D,0BAA2BA,EAC3B,YAAaC,EAAAA,mBAAmBD,CAAK,EACrC,QAASE,EAAAA,eAAeF,CAAK,EAC7B,MAAOG,EAAAA,aAAaH,CAAK,EACzB,WAAYI,EAAAA,aAAaJ,CAAK,EAC9B,YAAaK,EAAAA,kBAAA,WACbC,EAAAA,UACF"}
1	+ {"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\nimport { themeToDropShadows } from './dropShadows';\nimport { themeToGlobals } from './global';\nimport { themeToLayer } from './layer';\nimport { typography } from './typography';\nimport { colorFromVariable, themeToModes } from './modes';\n\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\n __DEPRECATED_DO_NOT_USE__: theme,\n dropShadows: themeToDropShadows(theme),\n globals: themeToGlobals(theme),\n layer: themeToLayer(theme),\n applyModes: themeToModes(theme),\n cssVariable: colorFromVariable,\n typography,\n});\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":"sPAOaA,EAAqCC,IAAW,CAC3D,0BAA2BA,EAC3B,YAAaC,EAAAA,mBAAmBD,CAAK,EACrC,QAASE,EAAAA,eAAeF,CAAK,EAC7B,MAAOG,EAAAA,aAAaH,CAAK,EACzB,WAAYI,EAAAA,aAAaJ,CAAK,EAC9B,YAAaK,EAAAA,kBAAA,WACbC,EAAAA,UACF"}

package/build/cjs/react-base/src/utils/sizesUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../consts/index.js"),r=(a=e.Sizes.Medium)=>{switch(a){case e.Sizes.XSmall:return e.Sizes.Smallest;case e.Sizes.Small:return e.Sizes.XSmall;case e.Sizes.Medium:return e.Sizes.Small;case e.Sizes.Large:return e.Sizes.Medium;case e.Sizes.XLarge:case e.Sizes.XXLarge:return e.Sizes.Large;default:throw new Error(`size "${a}" does not have a smaller size`)}},s=(a=e.Sizes.Medium)=>{switch(a){case e.Sizes.Smallest:return e.Sizes.XSmall;case e.Sizes.XSmall:return e.Sizes.Small;case e.Sizes.Small:return e.Sizes.Medium;case e.Sizes.Medium:return e.Sizes.Large;case e.Sizes.Large:return e.Sizes.XLarge;case e.Sizes.XLarge:return e.Sizes.XXLarge;default:throw new Error(`size "${a}" does not have a larger size`)}},i=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:return"smallest";case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:case e.Sizes.XLarge:case e.Sizes.XXLarge:return"large";default:throw new Error(`size "${a}" does not have a label typography size`)}},S=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:case e.Sizes.XLarge:case e.Sizes.XXLarge:return"large";default:throw new Error(`size "${a}" does not have a paragraph typography size`)}},t=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:return"smallest";case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:return"large";case e.Sizes.XLarge:case e.Sizes.XXLarge:return"extraLarge";default:throw new Error(`size "${a}" does not have a heading typography size`)}},l=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:case e.Sizes.XLarge:case e.Sizes.XXLarge:return"large"}throw new Error(`size "${a}" does not have a display typography size`)};exports.getDisplayTypographySize=l;exports.getHeadingTypographySize=t;exports.getLabelTypographySize=i;exports.getLargerSize=s;exports.getParagraphTypographySize=S;exports.getSmallerSize=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../consts/index.js"),r=(a=e.Sizes.Medium)=>{switch(a){case e.Sizes.XSmall:case e.Sizes.Smallest:return e.Sizes.Smallest;case e.Sizes.Small:return e.Sizes.XSmall;case e.Sizes.Medium:return e.Sizes.Small;case e.Sizes.Large:return e.Sizes.Medium;case e.Sizes.XLarge:case e.Sizes.XXLarge:return e.Sizes.Large;default:throw new Error(`size "${a}" does not have a smaller size`)}},s=(a=e.Sizes.Medium)=>{switch(a){case e.Sizes.Smallest:return e.Sizes.XSmall;case e.Sizes.XSmall:return e.Sizes.Small;case e.Sizes.Small:return e.Sizes.Medium;case e.Sizes.Medium:return e.Sizes.Large;case e.Sizes.Large:return e.Sizes.XLarge;case e.Sizes.XLarge:return e.Sizes.XXLarge;default:throw new Error(`size "${a}" does not have a larger size`)}},i=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:return"smallest";case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:case e.Sizes.XLarge:case e.Sizes.XXLarge:return"large";default:throw new Error(`size "${a}" does not have a label typography size`)}},S=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:case e.Sizes.XLarge:case e.Sizes.XXLarge:return"large";default:throw new Error(`size "${a}" does not have a paragraph typography size`)}},t=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:return"smallest";case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:return"large";case e.Sizes.XLarge:case e.Sizes.XXLarge:return"extraLarge";default:throw new Error(`size "${a}" does not have a heading typography size`)}},l=(a=`${e.Sizes.Medium}`)=>{switch(a){case e.Sizes.Smallest:case e.Sizes.XSmall:return"extraSmall";case e.Sizes.Small:return"small";case e.Sizes.Medium:return"medium";case e.Sizes.Large:case e.Sizes.XLarge:case e.Sizes.XXLarge:return"large"}throw new Error(`size "${a}" does not have a display typography size`)};exports.getDisplayTypographySize=l;exports.getHeadingTypographySize=t;exports.getLabelTypographySize=i;exports.getLargerSize=s;exports.getParagraphTypographySize=S;exports.getSmallerSize=r;
 //# sourceMappingURL=sizesUtils.js.map

package/build/cjs/react-base/src/utils/sizesUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sizesUtils.js","sources":["../../../../../../react-base/src/utils/sizesUtils.ts"],"sourcesContent":["import { Sizes } from '../consts';\nimport type { Level } from '../components/Text/components/Heading/Heading.types';\nimport type { TypographySize } from '../theme';\n\nexport const getSmallerSize = (\n size: ~~Exclude<`${Sizes}`,~~ `${Sizes~~.Smallest~~}`> = Sizes.Medium~~,\n~~): Exclude<`${Sizes}`, `${Sizes.XXLarge}`> => {\n switch (size) {\n case Sizes.XSmall:\n return Sizes.Smallest;\n case Sizes.Small:\n return Sizes.XSmall;\n case Sizes.Medium:\n return Sizes.Small;\n case Sizes.Large:\n return Sizes.Medium;\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return Sizes.Large;\n default:\n throw new Error(`size \"${size}\" does not have a smaller size`);\n }\n};\n\nexport const getLargerSize = (\n size: Exclude<`${Sizes}`, `${Sizes.XXLarge}`> = Sizes.Medium,\n): Exclude<`${Sizes}`, `${Sizes.Smallest}`> => {\n switch (size) {\n case Sizes.Smallest:\n return Sizes.XSmall;\n case Sizes.XSmall:\n return Sizes.Small;\n case Sizes.Small:\n return Sizes.Medium;\n case Sizes.Medium:\n return Sizes.Large;\n case Sizes.Large:\n return Sizes.XLarge;\n case Sizes.XLarge:\n return Sizes.XXLarge;\n default:\n throw new Error(`size \"${size}\" does not have a larger size`);\n }\n};\n\nexport const getLabelTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'label'> => {\n switch (size) {\n case Sizes.Smallest:\n return 'smallest';\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'large';\n default:\n throw new Error(`size \"${size}\" does not have a label typography size`);\n }\n};\n\nexport const getParagraphTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'paragraph'> => {\n switch (size) {\n case Sizes.Smallest:\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'large';\n default:\n throw new Error(`size \"${size}\" does not have a paragraph typography size`);\n }\n};\n\nexport const getHeadingTypographyLevelFromSize = (size: `${Sizes}` = `${Sizes.Medium}`): Level => {\n switch (size) {\n case Sizes.Smallest:\n return 6;\n case Sizes.XSmall:\n return 5;\n case Sizes.Small:\n return 4;\n case Sizes.Medium:\n return 3;\n case Sizes.Large:\n return 2;\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 1;\n default:\n throw new Error(`size \"${size}\" does not have a heading level`);\n }\n};\nexport const getHeadingTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'heading'> => {\n switch (size) {\n case Sizes.Smallest:\n return 'smallest';\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n return 'large';\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'extraLarge';\n default:\n throw new Error(`size \"${size}\" does not have a heading typography size`);\n }\n};\n\nexport const getDisplayTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'display'> => {\n switch (size) {\n case Sizes.Smallest:\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'large';\n default:\n }\n throw new Error(`size \"${size}\" does not have a display typography size`);\n};\n"],"names":["getSmallerSize","size","Sizes","getLargerSize","getLabelTypographySize","getParagraphTypographySize","getHeadingTypographySize","getDisplayTypographySize"],"mappings":"kJAIaA,EAAiB,~~CAC5BC~~,~~EAAiDC~~,EAAAA,MAAM,~~SACX~~,~~CAC5C~~,OAAQD,EAAA,CACN,KAAKC,EAAAA,MAAM,~~OACT~~,OAAOA,EAAAA,MAAM,SACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,KAAKA,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,KAAKA,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,QACT,OAAOA,EAAAA,MAAM,MACf,QACE,MAAM,IAAI,MAAM,SAASD,CAAI,gCAAgC,CAAA,CAEnE,EAEaE,EAAgB,CAC3BF,EAAgDC,EAAAA,MAAM,SACT,CAC7C,OAAQD,EAAA,CACN,KAAKC,EAAAA,MAAM,SACT,OAAOA,EAAAA,MAAM,OACf,KAAKA,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,KAAKA,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,MACf,KAAKA,EAAAA,MAAM,MACT,OAAOA,EAAAA,MAAM,OACf,KAAKA,EAAAA,MAAM,OACT,OAAOA,EAAAA,MAAM,QACf,QACE,MAAM,IAAI,MAAM,SAASD,CAAI,+BAA+B,CAAA,CAElE,EAEaG,EAAyB,CAACH,EAAmB,GAAGC,EAAAA,MAAM,MAAM,KAAgC,CACvG,OAAQD,EAAA,CACN,KAAKC,EAAAA,MAAM,SACT,MAAO,WACT,KAAKA,EAAAA,MAAM,OACT,MAAO,aACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,KAAKA,EAAAA,MAAM,OACT,MAAO,SACT,KAAKA,EAAAA,MAAM,MACX,KAAKA,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,QACT,MAAO,QACT,QACE,MAAM,IAAI,MAAM,SAASD,CAAI,yCAAyC,CAAA,CAE5E,EAEaI,EAA6B,CAACJ,EAAmB,GAAGC,EAAAA,MAAM,MAAM,KAAoC,CAC/G,OAAQD,EAAA,CACN,KAAKC,EAAAA,MAAM,SACX,KAAKA,EAAAA,MAAM,OACT,MAAO,aACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,KAAKA,EAAAA,MAAM,OACT,MAAO,SACT,KAAKA,EAAAA,MAAM,MACX,KAAKA,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,QACT,MAAO,QACT,QACE,MAAM,IAAI,MAAM,SAASD,CAAI,6CAA6C,CAAA,CAEhF,EAqBaK,EAA2B,CAACL,EAAmB,GAAGC,EAAAA,MAAM,MAAM,KAAkC,CAC3G,OAAQD,EAAA,CACN,KAAKC,EAAAA,MAAM,SACT,MAAO,WACT,KAAKA,EAAAA,MAAM,OACT,MAAO,aACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,KAAKA,EAAAA,MAAM,OACT,MAAO,SACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,KAAKA,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,QACT,MAAO,aACT,QACE,MAAM,IAAI,MAAM,SAASD,CAAI,2CAA2C,CAAA,CAE9E,EAEaM,EAA2B,CAACN,EAAmB,GAAGC,EAAAA,MAAM,MAAM,KAAkC,CAC3G,OAAQD,EAAA,CACN,KAAKC,EAAAA,MAAM,SACX,KAAKA,EAAAA,MAAM,OACT,MAAO,aACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,KAAKA,EAAAA,MAAM,OACT,MAAO,SACT,KAAKA,EAAAA,MAAM,MACX,KAAKA,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,QACT,MAAO,OACT,CAEF,MAAM,IAAI,MAAM,SAASD,CAAI,2CAA2C,CAC1E"}
1	+ {"version":3,"file":"sizesUtils.js","sources":["../../../../../../react-base/src/utils/sizesUtils.ts"],"sourcesContent":["import { Sizes } from '../consts';\nimport type { Level } from '../components/Text/components/Heading/Heading.types';\nimport type { TypographySize } from '../theme';\n\nexport const getSmallerSize = (size: `${Sizes}` = Sizes.Medium): Exclude<`${Sizes}`, `${Sizes.XXLarge}`> => {\n switch (size) {\n case Sizes.XSmall:\n case Sizes.Smallest:\n return Sizes.Smallest;\n case Sizes.Small:\n return Sizes.XSmall;\n case Sizes.Medium:\n return Sizes.Small;\n case Sizes.Large:\n return Sizes.Medium;\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return Sizes.Large;\n default:\n throw new Error(`size \"${size}\" does not have a smaller size`);\n }\n};\n\nexport const getLargerSize = (\n size: Exclude<`${Sizes}`, `${Sizes.XXLarge}`> = Sizes.Medium,\n): Exclude<`${Sizes}`, `${Sizes.Smallest}`> => {\n switch (size) {\n case Sizes.Smallest:\n return Sizes.XSmall;\n case Sizes.XSmall:\n return Sizes.Small;\n case Sizes.Small:\n return Sizes.Medium;\n case Sizes.Medium:\n return Sizes.Large;\n case Sizes.Large:\n return Sizes.XLarge;\n case Sizes.XLarge:\n return Sizes.XXLarge;\n default:\n throw new Error(`size \"${size}\" does not have a larger size`);\n }\n};\n\nexport const getLabelTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'label'> => {\n switch (size) {\n case Sizes.Smallest:\n return 'smallest';\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'large';\n default:\n throw new Error(`size \"${size}\" does not have a label typography size`);\n }\n};\n\nexport const getParagraphTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'paragraph'> => {\n switch (size) {\n case Sizes.Smallest:\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'large';\n default:\n throw new Error(`size \"${size}\" does not have a paragraph typography size`);\n }\n};\n\nexport const getHeadingTypographyLevelFromSize = (size: `${Sizes}` = `${Sizes.Medium}`): Level => {\n switch (size) {\n case Sizes.Smallest:\n return 6;\n case Sizes.XSmall:\n return 5;\n case Sizes.Small:\n return 4;\n case Sizes.Medium:\n return 3;\n case Sizes.Large:\n return 2;\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 1;\n default:\n throw new Error(`size \"${size}\" does not have a heading level`);\n }\n};\nexport const getHeadingTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'heading'> => {\n switch (size) {\n case Sizes.Smallest:\n return 'smallest';\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n return 'large';\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'extraLarge';\n default:\n throw new Error(`size \"${size}\" does not have a heading typography size`);\n }\n};\n\nexport const getDisplayTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'display'> => {\n switch (size) {\n case Sizes.Smallest:\n case Sizes.XSmall:\n return 'extraSmall';\n case Sizes.Small:\n return 'small';\n case Sizes.Medium:\n return 'medium';\n case Sizes.Large:\n case Sizes.XLarge:\n case Sizes.XXLarge:\n return 'large';\n default:\n }\n throw new Error(`size \"${size}\" does not have a display typography size`);\n};\n"],"names":["getSmallerSize","size","Sizes","getLargerSize","getLabelTypographySize","getParagraphTypographySize","getHeadingTypographySize","getDisplayTypographySize"],"mappings":"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"}

package/build/cjs/react-base/src/utils/stylesUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Theme, Variables } from '../theme';\n\nexport const getFocusStyles = (theme: Theme, offset: ~~boolean~~ = false) => css`\n outline: 2px solid ${theme.globals('others').focus};\n outline-offset: ${offset ? '1px' : '-1px'};\n`;\n\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\n color: theme.layer({\n foundation: 'surface',\n disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n })[Variables.TextOnFoundationStrong],\n});\n\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\n color: theme.layer({\n foundation: 'surface',\n disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n })[Variables.TextOnFoundationSubtle],\n fontStyle: 'normal',\n});\n"],"names":["getFocusStyles","theme","offset","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":"wNAKaA,EAAiB,CAACC,EAAcC,~~EAAkB~~,KAAUC,EAAAA;AAAAA,~~uBAClDF~~,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,oBAChCC,EAAS,MAAQ,MAAM;AAAA,EAG9BE,EAAqB,CAACH,EAAcI,KAAwB,CACvE,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,CACrC,GAEaC,EAA2B,CAACP,EAAcI,KAAwB,CAC7E,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,EACnC,UAAW,QACb"}
1	+ {"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Theme, Variables } from '../theme';\n\nexport const getFocusStyles = (theme: Theme, offset = false) => css`\n outline: 2px solid ${theme.globals('others').focus};\n outline-offset: ${offset ? '1px' : '-1px'};\n`;\n\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\n color: theme.layer({\n foundation: 'surface',\n disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n })[Variables.TextOnFoundationStrong],\n});\n\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\n color: theme.layer({\n foundation: 'surface',\n disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n })[Variables.TextOnFoundationSubtle],\n fontStyle: 'normal',\n});\n"],"names":["getFocusStyles","theme","offset","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":"wNAKaA,EAAiB,CAACC,EAAcC,EAAS,KAAUC,EAAAA;AAAAA,uBACzCF,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,oBAChCC,EAAS,MAAQ,MAAM;AAAA,EAG9BE,EAAqB,CAACH,EAAcI,KAAwB,CACvE,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,CACrC,GAEaC,EAA2B,CAACP,EAAcI,KAAwB,CAC7E,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,EACnC,UAAW,QACb"}

package/build/cjs/styles/GlobalStyles.js CHANGED Viewed

@@ -9,7 +9,7 @@
     }
     body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif;
+      font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif;
       ${a.typography("paragraph")};
       color: ${a.layer({})[e.Variables.TextOnFoundationStrong]};
       -webkit-font-smoothing: antialiased;

package/build/cjs/styles/GlobalStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalStyles.js","sources":["../../../src/styles/GlobalStyles.ts"],"sourcesContent":["import { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { createGlobalStyle, css } from 'styled-components';\nimport { normalize } from 'styled-normalize';\n\nexport const GlobalStyles = createGlobalStyle`\n ${normalize}\n\n ${({ theme }) => css`\n ,\n ::before,\n *::after {\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif;\n ${theme.typography('paragraph')};\n color: ${theme.layer({})[Variables.TextOnFoundationStrong]};\n -webkit-font-smoothing: antialiased;\n }\n\n a {\n color: ${theme.layer()[Variables.TextOnFoundationLink]};\n }\n\n a:visited {\n color: ${theme.layer()[Variables.TextOnFoundationLinkVisited]};\n }\n\n a:hover {\n color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.TextOnFoundationLink]};\n }\n\n a:active {\n color: ${theme.layer({ state: FabricsVariables.States.Press })[Variables.TextOnFoundationLink]};\n }\n\n a:disabled {\n color: ${theme.layer({ disabled: FabricsVariables.Disableds.True })[Variables.TextOnFoundationLink]};\n }\n `}\n`;\n"],"names":["GlobalStyles","createGlobalStyle","normalize","theme","css","Variables","FabricsVariables"],"mappings":"qQAKaA,EAAeC,EAAAA;AAAAA,IACxBC,EAAAA,SAAS;AAAA;AAAA,IAET,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QASXD,EAAM,WAAW,WAAW,CAAC;AAAA,eACtBA,EAAM,MAAM,CAAA,CAAE,EAAEE,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjDF,EAAM,MAAA,EAAQE,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7CF,EAAM,MAAA,EAAQE,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA,eAIpDF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,SAAUG,EAAAA,iBAAiB,UAAU,KAAM,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA,GAEtG;AAAA"}
1	+ {"version":3,"file":"GlobalStyles.js","sources":["../../../src/styles/GlobalStyles.ts"],"sourcesContent":["import { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { createGlobalStyle, css } from 'styled-components';\nimport { normalize } from 'styled-normalize';\n\nexport const GlobalStyles = createGlobalStyle`\n ${normalize}\n\n ${({ theme }) => css`\n ,\n ::before,\n *::after {\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif;\n ${theme.typography('paragraph')};\n color: ${theme.layer({})[Variables.TextOnFoundationStrong]};\n -webkit-font-smoothing: antialiased;\n }\n\n a {\n color: ${theme.layer()[Variables.TextOnFoundationLink]};\n }\n\n a:visited {\n color: ${theme.layer()[Variables.TextOnFoundationLinkVisited]};\n }\n\n a:hover {\n color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.TextOnFoundationLink]};\n }\n\n a:active {\n color: ${theme.layer({ state: FabricsVariables.States.Press })[Variables.TextOnFoundationLink]};\n }\n\n a:disabled {\n color: ${theme.layer({ disabled: FabricsVariables.Disableds.True })[Variables.TextOnFoundationLink]};\n }\n `}\n`;\n"],"names":["GlobalStyles","createGlobalStyle","normalize","theme","css","Variables","FabricsVariables"],"mappings":"qQAKaA,EAAeC,EAAAA;AAAAA,IACxBC,EAAAA,SAAS;AAAA;AAAA,IAET,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QASXD,EAAM,WAAW,WAAW,CAAC;AAAA,eACtBA,EAAM,MAAM,CAAA,CAAE,EAAEE,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjDF,EAAM,MAAA,EAAQE,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7CF,EAAM,MAAA,EAAQE,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA,eAIpDF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,SAAUG,EAAAA,iBAAiB,UAAU,KAAM,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA,GAEtG;AAAA"}

package/build/cjs/utils/colorUtils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("tinycolor2"),b=(g,a)=>{const o=e(g).toRgb(),t=e(a).toRgb(),r=o.a;return o.r=Math.floor((1-r)t.r+ro.r+.5),o.g=Math.floor((1-r)t.g+ro.g+.5),o.b=Math.floor((1-r)t.b+ro.b+.5),o.a=1,e(o).toRgbString()};exports.rgba2rgb=b;
2	+ //# sourceMappingURL=colorUtils.js.map

package/build/cjs/utils/colorUtils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"colorUtils.js","sources":["../../../src/utils/colorUtils.ts"],"sourcesContent":["import tinyColor from 'tinycolor2';\n\nexport const rgba2rgb = (rawColor: string, rawBackground: string) => {\n const color = tinyColor(rawColor).toRgb();\n const background = tinyColor(rawBackground).toRgb();\n const alpha = color.a;\n\n color.r = Math.floor((1 - alpha) * background.r + alpha * color.r + 0.5);\n color.g = Math.floor((1 - alpha) * background.g + alpha * color.g + 0.5);\n color.b = Math.floor((1 - alpha) * background.b + alpha * color.b + 0.5);\n color.a = 1;\n\n return tinyColor(color).toRgbString();\n};\n"],"names":["rgba2rgb","rawColor","rawBackground","color","tinyColor","background","alpha"],"mappings":"0IAEaA,EAAW,CAACC,EAAkBC,IAA0B,CACnE,MAAMC,EAAQC,EAAUH,CAAQ,EAAE,MAAA,EAC5BI,EAAaD,EAAUF,CAAa,EAAE,MAAA,EACtCI,EAAQH,EAAM,EAEpB,OAAAA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,EAEHC,EAAUD,CAAK,EAAE,YAAA,CAC1B"}