acinguiux-ds-react-framework 0.1.9 → 0.1.12
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.
- package/build/cjs/components/Button/Button.styles.js +22 -22
- package/build/cjs/components/Button/Button.styles.js.map +1 -1
- package/build/cjs/components/Chart/Highcharts/HighchartsChart.js +1 -1
- package/build/cjs/components/Chart/Highcharts/HighchartsChart.js.map +1 -1
- package/build/cjs/index.js +1 -1
- package/build/cjs/react-base/src/components/Button/Button.styles.js +10 -10
- package/build/cjs/react-base/src/components/Button/Button.styles.js.map +1 -1
- package/build/cjs/react-base/src/components/DatePicker/DatePicker.consts.js +1 -1
- package/build/cjs/react-base/src/components/DatePicker/DatePicker.consts.js.map +1 -1
- package/build/cjs/react-base/src/theme/typography.js +1 -1
- package/build/cjs/react-base/src/theme/typography.js.map +1 -1
- package/build/esm/components/Button/Button.styles.js +33 -33
- package/build/esm/components/Button/Button.styles.js.map +1 -1
- package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts.map +1 -1
- package/build/esm/components/Chart/Highcharts/HighchartsChart.js +28 -24
- package/build/esm/components/Chart/Highcharts/HighchartsChart.js.map +1 -1
- package/build/esm/index.d.ts +0 -7
- package/build/esm/index.d.ts.map +1 -1
- package/build/esm/index.js +215 -221
- package/build/esm/index.js.map +1 -1
- package/build/esm/react-base/src/components/Button/Button.styles.js +2 -2
- package/build/esm/react-base/src/components/Button/Button.styles.js.map +1 -1
- package/build/esm/react-base/src/components/DatePicker/DatePicker.consts.js +5 -24
- package/build/esm/react-base/src/components/DatePicker/DatePicker.consts.js.map +1 -1
- package/build/esm/react-base/src/theme/typography.d.ts.map +1 -1
- package/build/esm/react-base/src/theme/typography.js +10 -63
- package/build/esm/react-base/src/theme/typography.js.map +1 -1
- package/package.json +1 -2
- package/build/cjs/components/DeprecatedDatePicker/DatePicker.styles.js +0 -677
- package/build/cjs/components/DeprecatedDatePicker/DatePicker.styles.js.map +0 -1
- package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js +0 -2
- package/build/cjs/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map +0 -1
- package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js +0 -2
- package/build/cjs/components/DeprecatedDatePicker/components/Icons/Icons.js.map +0 -1
- package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js +0 -2
- package/build/cjs/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map +0 -1
- package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js +0 -2
- package/build/cjs/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts +0 -9
- package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.js +0 -704
- package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.js.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/DatePicker.types.d.ts +0 -7
- package/build/esm/components/DeprecatedDatePicker/DatePicker.types.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.d.ts +0 -10
- package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.js +0 -61
- package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.js.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.types.d.ts +0 -21
- package/build/esm/components/DeprecatedDatePicker/components/Calendar/Calendar.types.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.d.ts +0 -9
- package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.js +0 -17
- package/build/esm/components/DeprecatedDatePicker/components/Icons/Icons.js.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.d.ts +0 -10
- package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js +0 -112
- package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts +0 -27
- package/build/esm/components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.d.ts +0 -10
- package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.d.ts.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js +0 -113
- package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js.map +0 -1
- package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.types.d.ts +0 -24
- package/build/esm/components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.types.d.ts.map +0 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),$=require("../../react-base/src/utils/stylesUtils.js"),u=require("../../react-base/src/theme/types/layer.js"),d=require("../../react-base/src/components/Button/Button.utils.js"),b=require("../../react-base/src/components/Button/Button.styles.js"),i=require("acinguiux-ds-fabrics"),g=require("../../react-base/src/consts/index.js"),S=s.styled.span``,
|
|
2
|
-
${({$size:
|
|
3
|
-
${b.containerStylesForVariant(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),$=require("../../react-base/src/utils/stylesUtils.js"),u=require("../../react-base/src/theme/types/layer.js"),d=require("../../react-base/src/components/Button/Button.utils.js"),b=require("../../react-base/src/components/Button/Button.styles.js"),i=require("acinguiux-ds-fabrics"),g=require("../../react-base/src/consts/index.js"),S=s.styled.span``,r=s.styled.span``,y=e=>s.css`
|
|
2
|
+
${({$size:t,theme:n})=>s.css`
|
|
3
|
+
${b.containerStylesForVariant()};
|
|
4
4
|
&[aria-busy='true'] {
|
|
5
|
-
& > ${
|
|
6
|
-
& ${
|
|
5
|
+
& > ${r}, & > ${r} > svg,
|
|
6
|
+
& ${r} > ${S} {
|
|
7
7
|
opacity: 0;
|
|
8
8
|
min-height: 0;
|
|
9
9
|
height: 0;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
& ${
|
|
14
|
-
${b.stylesForVariant(
|
|
15
|
-
${d.getSizeStyles(n,
|
|
13
|
+
& ${r}, &:is(a) {
|
|
14
|
+
${b.stylesForVariant()};
|
|
15
|
+
${d.getSizeStyles(n,t)};
|
|
16
16
|
& > svg {
|
|
17
|
-
${d.getSvgStyles(
|
|
17
|
+
${d.getSvgStyles(t)};
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
`};
|
|
25
25
|
`,o=s.css`
|
|
26
26
|
${y()};
|
|
27
|
-
`,
|
|
27
|
+
`,a=(e,t,n=g.Variants.Filled,c={})=>{const l=d.getFabricStyles(e,n,t,c);return s.css`
|
|
28
28
|
&,
|
|
29
29
|
&:not(:disabled) {
|
|
30
30
|
${l.resting};
|
|
@@ -42,9 +42,9 @@
|
|
|
42
42
|
&:not(:disabled):active {
|
|
43
43
|
${l.press};
|
|
44
44
|
}
|
|
45
|
-
`},m=
|
|
46
|
-
${y(
|
|
47
|
-
${({$variant:
|
|
45
|
+
`},m=e=>s.css`
|
|
46
|
+
${y()};
|
|
47
|
+
${({$variant:t,theme:n})=>a(n,"Foundation",t,{transparentRestingState:t==="filled"?i.FabricsVariables.TransparentRestingStates.False:i.FabricsVariables.TransparentRestingStates.True})};
|
|
48
48
|
`,B=s.styled.button`
|
|
49
49
|
${m()};
|
|
50
50
|
`,F=s.styled.a`
|
|
@@ -56,25 +56,25 @@
|
|
|
56
56
|
pointer-events: none;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
${({$variant:
|
|
59
|
+
${({$variant:e,theme:t,$disabled:n})=>e&&e!=="filled"&&s.css`
|
|
60
60
|
&:link:visited {
|
|
61
|
-
color: ${
|
|
62
|
-
border-color: ${
|
|
61
|
+
color: ${t.layer({disabled:n})[u.Variables.TextOnFoundationLinkVisited]};
|
|
62
|
+
border-color: ${t.layer({disabled:n})[u.Variables.TextOnFoundationLinkVisited]};
|
|
63
63
|
}
|
|
64
64
|
`};
|
|
65
65
|
|
|
66
|
-
${({$variant:
|
|
66
|
+
${({$variant:e,theme:t,$disabled:n})=>a(t,"Link",e,{disabled:n,transparentRestingState:e==="filled"?i.FabricsVariables.TransparentRestingStates.False:i.FabricsVariables.TransparentRestingStates.True})};
|
|
67
67
|
`,V=s.styled.button`
|
|
68
68
|
${o};
|
|
69
|
-
${({$variant:
|
|
69
|
+
${({$variant:e,theme:t,$sentiment:n})=>a(t,"Sentiment",e,{sentiment:n,sentimentProminence:e==="filled"?i.FabricsVariables.SentimentProminences.Strong:i.FabricsVariables.SentimentProminences.Transparent})};
|
|
70
70
|
`,p=s.styled.button`
|
|
71
71
|
${o};
|
|
72
|
-
${({$variant:
|
|
72
|
+
${({$variant:e,theme:t,$sentiment:n,$sentimentProminence:c})=>a(t,"On Sentiment",e,{sentiment:n,sentimentProminence:c})};
|
|
73
73
|
`,O=s.styled.button`
|
|
74
74
|
${o};
|
|
75
|
-
${({$variant:
|
|
75
|
+
${({$variant:e,theme:t,$brand:n})=>a(t,"On Brand",e,{brand:n})};
|
|
76
76
|
`,T=s.styled.button`
|
|
77
77
|
${o};
|
|
78
|
-
${({$variant:
|
|
79
|
-
`;exports.Button=B;exports.ButtonLabel=S;exports.ButtonLabelContainer=
|
|
78
|
+
${({$variant:e,theme:t})=>a(t,"On Selected",e,{selectedProminence:e==="filled"?i.FabricsVariables.SelectedProminences.Strong:i.FabricsVariables.SelectedProminences.Subtle})};
|
|
79
|
+
`;exports.Button=B;exports.ButtonLabel=S;exports.ButtonLabelContainer=r;exports.ButtonLink=F;exports.CommonStyles=o;exports.OnBrandButton=O;exports.OnSelectedButton=T;exports.OnSentimentButton=p;exports.SentimentButton=V;exports.buttonCssWithVariant=m;
|
|
80
80
|
//# sourceMappingURL=Button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { ButtonStyles, type ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variants } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n StyledButtonProps,\n StyledOnBrandButtonProps,\n StyledOnSelectedButtonProps,\n StyledOnSentimentButtonProps,\n StyledSentimentButtonProps,\n} from './Button.types';\n\nexport const ButtonLabel = styled.span``;\nexport const ButtonLabelContainer = styled.span``;\n\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n ${({ $size, theme }) => css<StyledButtonProps>`\n ${ButtonStyles.containerStylesForVariant(variant)};\n &[aria-busy='true'] {\n & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\n & ${ButtonLabelContainer} > ${ButtonLabel} {\n opacity: 0;\n min-height: 0;\n height: 0;\n }\n }\n\n & ${ButtonLabelContainer}, &:is(a) {\n ${ButtonStyles.stylesForVariant(variant)};\n ${ButtonUtils.getSizeStyles(theme, $size)};\n & > svg {\n ${ButtonUtils.getSvgStyles($size)};\n }\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n `};\n`;\n\nexport const CommonStyles = css<StyledButtonProps>`\n ${commonStylesForVariant()};\n`;\n\nconst stateStyles = (\n theme: Theme,\n style: ButtonUtils.ButtonKinds,\n variant: ButtonTypes.Variant = Variants.Filled,\n modes: ModesType = {},\n) => {\n const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\n\n return css`\n &,\n &:not(:disabled) {\n ${styles.resting};\n }\n\n &:disabled {\n cursor: not-allowed;\n ${styles.disabled};\n }\n\n &:not(:disabled):hover {\n ${styles.hover};\n }\n\n &:not(:disabled):active {\n ${styles.press};\n }\n `;\n};\n\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n ${commonStylesForVariant(variant)};\n ${({ $variant, theme }) =>\n stateStyles(theme, 'Foundation', variant ?? $variant, {\n transparentRestingState:\n (variant ?? $variant) === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n`;\n\nexport const Button = styled.button<StyledButtonProps>`\n ${buttonCssWithVariant()};\n`;\n\nexport const ButtonLink = styled.a<StyledButtonProps>`\n ${CommonStyles};\n text-decoration: underline;\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n ${({ $variant, theme, $disabled }) =>\n $variant &&\n $variant !== 'filled' &&\n css`\n &:link:visited {\n color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n }\n `};\n\n ${({ $variant, theme, $disabled }) =>\n stateStyles(theme, 'Link', $variant, {\n disabled: $disabled,\n transparentRestingState:\n $variant === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n`;\n\nexport const SentimentButton = styled.button<StyledSentimentButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme, $sentiment }) =>\n stateStyles(theme, 'Sentiment', $variant, {\n sentiment: $sentiment,\n sentimentProminence:\n $variant === 'filled'\n ? FabricsVariables.SentimentProminences.Strong\n : FabricsVariables.SentimentProminences.Transparent,\n })};\n`;\n\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme, $sentiment, $sentimentProminence }) =>\n stateStyles(theme, 'On Sentiment', $variant, { sentiment: $sentiment, sentimentProminence: $sentimentProminence })};\n`;\n\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme, $brand }) => stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\n`;\n\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme }) =>\n stateStyles(theme, 'On Selected', $variant, {\n selectedProminence:\n $variant === 'filled'\n ? FabricsVariables.SelectedProminences.Strong\n : FabricsVariables.SelectedProminences.Subtle,\n })};\n`;\n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ButtonUtils.getSvgStyles","getFocusStyles","CommonStyles","stateStyles","style","Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"4dAeaA,EAAcC,EAAAA,OAAO,OACrBC,EAAuBD,EAAAA,OAAO,OAErCE,EAA0BC,GAAkCC,EAAAA;AAAAA,IAC9D,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAA,IAAYF,EAAAA;AAAAA,MACpBG,EAAAA,
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { ButtonStyles, type ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variants } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n StyledButtonProps,\n StyledOnBrandButtonProps,\n StyledOnSelectedButtonProps,\n StyledOnSentimentButtonProps,\n StyledSentimentButtonProps,\n} from './Button.types';\n\nexport const ButtonLabel = styled.span``;\nexport const ButtonLabelContainer = styled.span``;\n\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n ${({ $size, theme }) => css<StyledButtonProps>`\n ${ButtonStyles.containerStylesForVariant(variant)};\n &[aria-busy='true'] {\n & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\n & ${ButtonLabelContainer} > ${ButtonLabel} {\n opacity: 0;\n min-height: 0;\n height: 0;\n }\n }\n\n & ${ButtonLabelContainer}, &:is(a) {\n ${ButtonStyles.stylesForVariant(variant)};\n ${ButtonUtils.getSizeStyles(theme, $size)};\n & > svg {\n ${ButtonUtils.getSvgStyles($size)};\n }\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n `};\n`;\n\nexport const CommonStyles = css<StyledButtonProps>`\n ${commonStylesForVariant()};\n`;\n\nconst stateStyles = (\n theme: Theme,\n style: ButtonUtils.ButtonKinds,\n variant: ButtonTypes.Variant = Variants.Filled,\n modes: ModesType = {},\n) => {\n const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\n\n return css`\n &,\n &:not(:disabled) {\n ${styles.resting};\n }\n\n &:disabled {\n cursor: not-allowed;\n ${styles.disabled};\n }\n\n &:not(:disabled):hover {\n ${styles.hover};\n }\n\n &:not(:disabled):active {\n ${styles.press};\n }\n `;\n};\n\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n ${commonStylesForVariant(variant)};\n ${({ $variant, theme }) =>\n stateStyles(theme, 'Foundation', variant ?? $variant, {\n transparentRestingState:\n (variant ?? $variant) === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n`;\n\nexport const Button = styled.button<StyledButtonProps>`\n ${buttonCssWithVariant()};\n`;\n\nexport const ButtonLink = styled.a<StyledButtonProps>`\n ${CommonStyles};\n text-decoration: underline;\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n ${({ $variant, theme, $disabled }) =>\n $variant &&\n $variant !== 'filled' &&\n css`\n &:link:visited {\n color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n }\n `};\n\n ${({ $variant, theme, $disabled }) =>\n stateStyles(theme, 'Link', $variant, {\n disabled: $disabled,\n transparentRestingState:\n $variant === 'filled'\n ? FabricsVariables.TransparentRestingStates.False\n : FabricsVariables.TransparentRestingStates.True,\n })};\n`;\n\nexport const SentimentButton = styled.button<StyledSentimentButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme, $sentiment }) =>\n stateStyles(theme, 'Sentiment', $variant, {\n sentiment: $sentiment,\n sentimentProminence:\n $variant === 'filled'\n ? FabricsVariables.SentimentProminences.Strong\n : FabricsVariables.SentimentProminences.Transparent,\n })};\n`;\n\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme, $sentiment, $sentimentProminence }) =>\n stateStyles(theme, 'On Sentiment', $variant, { sentiment: $sentiment, sentimentProminence: $sentimentProminence })};\n`;\n\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme, $brand }) => stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\n`;\n\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps>`\n ${CommonStyles};\n ${({ $variant, theme }) =>\n stateStyles(theme, 'On Selected', $variant, {\n selectedProminence:\n $variant === 'filled'\n ? FabricsVariables.SelectedProminences.Strong\n : FabricsVariables.SelectedProminences.Subtle,\n })};\n`;\n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ButtonUtils.getSvgStyles","getFocusStyles","CommonStyles","stateStyles","style","Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var l=Object.create;var a=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var R=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!m.call(s,r)&&r!==t&&a(s,r,{get:()=>e[r],enumerable:!(i=q(e,r))||i.enumerable});return s};var x=(s,e,t)=>(t=s!=null?l(H(s)):{},R(e||!s||!s.__esModule?a(t,"default",{value:s,enumerable:!0}):t,s));const o=require("react/jsx-runtime"),c=require("react"),C=require("../../../react-base/src/consts/index.js"),h=require("highcharts"),w=require("highcharts-react-official"),j=require("classnames"),p=require("./HighchartsChart.styles.js"),y=require("./hooks/useHighchartsOptions.js"),N=require("../../../react-base/src/consts/classes.js");let u=!1;const O=c.forwardRef(({className:s,containerProps:e,...t},i)=>o.jsx(w.HighchartsReact,{ref:i,containerProps:{...e,className:j(s,N.CHART_CLASS,e==null?void 0:e.className)},...t})),S=c.forwardRef(({size:s=C.Sizes.Medium,highcharts:e=h,options:t,option:i=[],...r},n)=>{const f=y(t,s,i);return c.useEffect(()=>{!u&&typeof window<"u"&&import("highcharts/modules/accessibility").then(d=>{d.default(h),u=!0})},[]),o.jsx(p.Highcharts,{as:O,ref:n,highcharts:e,options:f,...r})});module.exports=S;
|
|
2
2
|
//# sourceMappingURL=HighchartsChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HighchartsChart.js","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"sourcesContent":["import { forwardRef, useEffect } from 'react';\n\nimport { CHART_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport Highcharts from 'highcharts';\nimport { HighchartsReact, HighchartsReactProps, HighchartsReactRefObject } from 'highcharts-react-official';\nimport cx from 'classnames';\n\n// Import accessibility module
|
|
1
|
+
{"version":3,"file":"HighchartsChart.js","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"sourcesContent":["import { forwardRef, useEffect } from 'react';\n\nimport { CHART_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport Highcharts from 'highcharts';\nimport { HighchartsReact, HighchartsReactProps, HighchartsReactRefObject } from 'highcharts-react-official';\nimport cx from 'classnames';\n\n// Import accessibility module dynamically on client side to avoid SSR issues\nlet accessibilityLoaded = false;\n\nimport type { IHighchartsChartProps } from './HighchartsChart.types';\nimport * as Styled from './HighchartsChart.styles';\nimport useHighchartsOptions from './hooks/useHighchartsOptions';\n\nconst HighchartsReactComponent = forwardRef<HighchartsReactRefObject, HighchartsReactProps>(\n ({ className, containerProps, ...rest }, ref) => (\n <HighchartsReact\n ref={ref}\n containerProps={{ ...containerProps, className: cx(className, CHART_CLASS, containerProps?.className) }}\n {...rest}\n />\n ),\n);\n\nconst HighchartsChart = forwardRef<HighchartsReactRefObject, IHighchartsChartProps>(\n ({ size = Sizes.Medium, highcharts = Highcharts, options, option = [], ...rest }, ref) => {\n const sdsOptions = useHighchartsOptions(options, size, option);\n\n // Load accessibility module on client side\n useEffect(() => {\n if (!accessibilityLoaded && typeof window !== 'undefined') {\n import('highcharts/modules/accessibility').then((module) => {\n module.default(Highcharts);\n accessibilityLoaded = true;\n });\n }\n }, []);\n\n return (\n <Styled.Highcharts\n as={HighchartsReactComponent}\n ref={ref}\n highcharts={highcharts}\n options={sdsOptions}\n {...rest}\n />\n );\n },\n);\n\nexport default HighchartsChart;\n"],"names":["accessibilityLoaded","HighchartsReactComponent","forwardRef","className","containerProps","rest","ref","jsx","HighchartsReact","cx","CHART_CLASS","HighchartsChart","size","Sizes","highcharts","Highcharts","options","option","sdsOptions","useHighchartsOptions","useEffect","module","Styled.Highcharts"],"mappings":"yyBAQA,IAAIA,EAAsB,GAM1B,MAAMC,EAA2BC,EAAAA,WAC/B,CAAC,CAAE,UAAAC,EAAW,eAAAC,EAAgB,GAAGC,CAAA,EAAQC,IACvCC,EAAAA,IAACC,EAAAA,gBAAA,CACC,IAAAF,EACA,eAAgB,CAAE,GAAGF,EAAgB,UAAWK,EAAGN,EAAWO,EAAAA,YAAaN,GAAA,YAAAA,EAAgB,SAAS,CAAA,EACnG,GAAGC,CAAA,CAAA,CAGV,EAEMM,EAAkBT,EAAAA,WACtB,CAAC,CAAE,KAAAU,EAAOC,QAAM,OAAQ,WAAAC,EAAaC,EAAY,QAAAC,EAAS,OAAAC,EAAS,CAAA,EAAI,GAAGZ,CAAA,EAAQC,IAAQ,CACxF,MAAMY,EAAaC,EAAqBH,EAASJ,EAAMK,CAAM,EAG7DG,OAAAA,EAAAA,UAAU,IAAM,CACV,CAACpB,GAAuB,OAAO,OAAW,KAC5C,OAAO,kCAAkC,EAAE,KAAMqB,GAAW,CAC1DA,EAAO,QAAQN,CAAU,EACzBf,EAAsB,EACxB,CAAC,CAEL,EAAG,CAAA,CAAE,EAGHO,EAAAA,IAACe,EAAAA,WAAA,CACC,GAAIrB,EACJ,IAAAK,EACA,WAAAQ,EACA,QAASI,EACR,GAAGb,CAAA,CAAA,CAGV,CACF"}
|
package/build/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./react-base/src/consts/classes.js"),A=require("./react-base/src/utils/resolutionUtils.js"),i=require("./react-base/src/utils/stylesUtils.js"),S=require("acinguiux-ds-fabrics"),_=require("./providers/theme/AcinguiuxThemeProvider.js"),o=require("./providers/theme/FabricsThemeProvider.js");require("./libs/i18next.js");const n=require("./hooks/useMediaQuery.js"),C=require("./components/Accordion/Accordion.js"),L=require("./components/Alert/Alert.js"),T=require("./components/Avatar/Avatar.js"),E=require("./components/Avatar/SimpleAvatar.js"),u=require("./components/Avatar/DetailedAvatar.js"),s=require("./components/Avatar/DropdownAvatar.js"),a=require("./components/Badge/Badge.js"),c=require("./components/Breadcrumb/Breadcrumb.js"),O=require("./components/Button/Button.js"),R=require("./components/Button/ButtonLink.js"),D=require("./components/Button/SentimentButton.js"),l=require("./components/Button/OnBrandButton.js"),B=require("./components/Button/OnSelectedButton.js"),N=require("./components/Button/OnSentimentButton.js"),q=require("./components/ButtonGroup/ButtonGroup.js"),I=require("./components/Card/Card.js"),P=require("./components/Card/InsetCard.js"),d=require("./components/Chart/Highcharts/HighchartsChart.js"),p=require("./components/Chart/Recharts/BaseRechartsChart.js"),g=require("./components/Chart/Recharts/components/ChartHeader/ChartHeader.js"),b=require("./components/Chart/Recharts/hooks/useChartElementStyles.js"),M=require("./components/Chart/Recharts/hooks/useChartElementColor.js"),F=require("./components/Checkbox/Checkbox.js"),H=require("./components/DeprecatedDatePicker/components/Calendar/Calendar.js"),U=require("./components/DateInput/DateInput.js"),m=require("./components/DatePicker/components/NativeDatePicker/NativeDatePicker.js"),G=require("./components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.js"),h=require("./components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.js"),v=require("./components/DatePicker/components/SingleDatePicker/SingleDatePicker.js"),x=require("./components/DatePicker/components/RangeDatePicker/RangeDatePicker.js"),y=require("./components/Drawer/Drawer.js"),X=require("./components/Divider/Divider.js"),K=require("./components/Dropdown/Dropdown.js"),V=require("./components/EmptyState/EmptyState.js"),k=require("./components/Flexbox/Flexbox.js"),Y=require("./components/FormField/FormField.js"),W=require("./components/Grid/Grid.js"),f=require("./components/Pictogram/components/index.js"),$=require("./components/Flag/components/index.js"),w=require("./components/Icon/components/index.js"),z=require("./components/ListItem/ListItem.js"),j=require("./components/Loading/Loading.js"),Q=require("./components/Menu/Menu.js"),Z=require("./components/Menu/components/SubMenu.js"),J=require("./components/Menu/components/MenuItem.js"),ee=require("./components/Menu/components/MenuItemGroup.js"),re=require("./components/Menu/components/MenuDivider.js"),Se=require("./components/Modal/Modal.js"),te=require("./components/NavBar/NavBar.js"),Ae=require("./components/Pagination/Pagination.js"),ie=require("./components/Pagination/components/PaginationSelect.js"),_e=require("./components/Pagination/data/index.js"),oe=require("./components/Pecten/Pecten.js"),ne=require("./components/Popconfirm/Popconfirm.js"),t=require("./components/Popover/Popover.js"),Ce=require("./components/Popover/hooks/useOpenOnHover.js"),Le=require("./components/ProgressBar/ProgressBar.js"),Te=require("./components/RadioButton/RadioButton.js"),Ee=require("./components/DeprecatedSelect/Select.js"),ue=require("./components/Select/Select.js"),se=require("./components/Select/components/Option/Option.js"),ae=require("./components/Select/components/OptionGroup/OptionGroup.js"),ce=require("./components/DeprecatedSelect/components/Option/Option.js"),Oe=require("./components/DeprecatedSelect/components/OptionGroup/OptionGroup.js"),Re=require("./components/DeprecatedSelect/components/NativeSelect/NativeSelect.js"),De=require("./components/Slider/Slider.js"),le=require("./components/Slider/RangeSlider.js"),Be=require("./components/Stat/Stat.js"),Ne=require("./components/FileUploader/FileUploader.js"),qe=require("./components/FileUploader/hooks/useFileXhrUploader.js"),Ie=require("./components/Stepper/Stepper.js"),Pe=require("./components/DeprecatedTable/Table.js"),de=require("./components/DeprecatedTable/hooks/useFilter.js"),pe=require("./components/DeprecatedTable/hooks/useSorter.js"),ge=require("./components/DeprecatedTable/utils/filteringUtils.js"),be=require("./components/DeprecatedTable/utils/sortingUtils.js"),Me=require("./components/Table/Table.js"),Fe=require("./components/Table/components/BaseTable/BaseTable.js"),He=require("./components/Table/components/BaseTable/BaseTableVirtualised.js"),Ue=require("./components/Table/utils/draggable.js"),r=require("./components/Table/components/TableElements/TableElements.js"),me=require("./components/Table/components/TableElements/ColumnVisibilityFilters.js"),Ge=require("./components/Table/components/TableElements/DraggableButton.js"),he=require("./components/Table/components/TableElements/Expander.js"),ve=require("./components/Table/components/TableElements/ExpanderButton.js"),xe=require("./components/Table/components/TableElements/Filter.js"),ye=require("./components/Table/components/TableElements/FilterButton.js"),Xe=require("./components/Table/components/TableElements/PinButton.js"),Ke=require("./components/Table/components/TableElements/Resizer.js"),Ve=require("./components/Table/components/TableElements/SelectionCheckbox.js"),ke=require("./components/Table/components/TableElements/SorterButton.js"),Ye=require("./components/Table/components/TableElements/TableWrapper.js"),We=require("./components/Table/components/TableElements/HeaderCell.js"),fe=require("./components/Table/hooks/useTable.js"),$e=require("./components/Table/hooks/useVirtualized.js"),we=require("./components/Table/utils/tableUtils.js"),ze=require("./components/Table/utils/baseTableUtils.js"),je=require("./components/Tabs/Tabs.js"),Qe=require("./components/Tag/Tag.js"),Ze=require("./components/Text/components/Text/Text.js"),Je=require("./components/Text/components/Label/Label.js"),er=require("./components/Text/components/Link/Link.js"),rr=require("./components/Text/components/Heading/Heading.js"),Sr=require("./components/Text/components/Display/Display.js"),tr=require("./components/Text/components/Section/Section.js"),Ar=require("./components/TextArea/TextArea.js"),ir=require("./components/TextInput/TextInput.js"),_r=require("./components/Timeline/Timeline.js"),or=require("./components/Toggle/Toggle.js"),nr=require("./components/ToggleButton/ToggleButton.js"),Cr=require("./components/Tooltip/Tooltip.js"),Lr=require("./components/DeprecatedTree/Tree.js"),Tr=require("./components/DeprecatedTree/Tree.types.js"),Er=require("./components/Tree/Tree.js"),ur=require("i18next");exports.ACCORDION_CLASS=e.ACCORDION_CLASS;exports.ACCORDION_PANEL_CLASS=e.ACCORDION_PANEL_CLASS;exports.ALERT_CLASS=e.ALERT_CLASS;exports.ARROW_KEYPAD_CLASS=e.ARROW_KEYPAD_CLASS;exports.AVATAR_CLASS=e.AVATAR_CLASS;exports.BADGE_CLASS=e.BADGE_CLASS;exports.BASE_TABLE_CLASS=e.BASE_TABLE_CLASS;exports.BREADCRUMB_CLASS=e.BREADCRUMB_CLASS;exports.BUTTON_CLASS=e.BUTTON_CLASS;exports.BUTTON_GROUP_CLASS=e.BUTTON_GROUP_CLASS;exports.CALENDAR_CLASS=e.CALENDAR_CLASS;exports.CARD_CLASS=e.CARD_CLASS;exports.CHART_CLASS=e.CHART_CLASS;exports.CHECKBOX_CLASS=e.CHECKBOX_CLASS;exports.DATE_INPUT_DAY_ID_SUFFIX=e.DATE_INPUT_DAY_ID_SUFFIX;exports.DATE_INPUT_MONTH_ID_SUFFIX=e.DATE_INPUT_MONTH_ID_SUFFIX;exports.DATE_INPUT_YEAR_ID_SUFFIX=e.DATE_INPUT_YEAR_ID_SUFFIX;exports.DATE_PICKER_CLASS=e.DATE_PICKER_CLASS;exports.DISPLAY_CLASS=e.DISPLAY_CLASS;exports.DIVIDER_CLASS=e.DIVIDER_CLASS;exports.DRAWER_CLASS=e.DRAWER_CLASS;exports.DROPDOWN_CLASS=e.DROPDOWN_CLASS;exports.DROPDOWN_CONTAINER_CLASS=e.DROPDOWN_CONTAINER_CLASS;exports.DROPDOWN_CONTAINER_OVERLAY_CLASS=e.DROPDOWN_CONTAINER_OVERLAY_CLASS;exports.EMPTY_STATE_CLASS=e.EMPTY_STATE_CLASS;exports.FLAG_CLASS=e.FLAG_CLASS;exports.FORM_FIELD_CLASS=e.FORM_FIELD_CLASS;exports.HEADING_CLASS=e.HEADING_CLASS;exports.ICON_CLASS=e.ICON_CLASS;exports.LABEL_CLASS=e.LABEL_CLASS;exports.LINK_CLASS=e.LINK_CLASS;exports.LIST_ITEM_CHECKED_ICON_CLASS=e.LIST_ITEM_CHECKED_ICON_CLASS;exports.LIST_ITEM_CLASS=e.LIST_ITEM_CLASS;exports.LIST_ITEM_HEADER_CLASS=e.LIST_ITEM_HEADER_CLASS;exports.LOADING_CLASS=e.LOADING_CLASS;exports.MENU_CLASS=e.MENU_CLASS;exports.MODAL_CLASS=e.MODAL_CLASS;exports.MODAL_CONTAINER_CLASS=e.MODAL_CONTAINER_CLASS;exports.MODAL_CONTENT_CLASS=e.MODAL_CONTENT_CLASS;exports.MODAL_FOOTER_CLASS=e.MODAL_FOOTER_CLASS;exports.MODAL_HEADER_CLASS=e.MODAL_HEADER_CLASS;exports.NAV_BAR_CLASS=e.NAV_BAR_CLASS;exports.PAGINATION_CLASS=e.PAGINATION_CLASS;exports.PARAGRAPH_CLASS=e.PARAGRAPH_CLASS;exports.PECTEN_CLASS=e.PECTEN_CLASS;exports.POPCONFIRM_CLASS=e.POPCONFIRM_CLASS;exports.POPOVER_CLASS=e.POPOVER_CLASS;exports.POPOVER_OVERLAY_CLASS=e.POPOVER_OVERLAY_CLASS;exports.PROGRESS_BAR_CIRCLE=e.PROGRESS_BAR_CIRCLE;exports.PROGRESS_BAR_LINEAR=e.PROGRESS_BAR_LINEAR;exports.RADIO_BUTTON_CLASS=e.RADIO_BUTTON_CLASS;exports.SECTION_CLASS=e.SECTION_CLASS;exports.SELECT_CLASS=e.SELECT_CLASS;exports.SELECT_ERROR_CLASS=e.SELECT_ERROR_CLASS;exports.SLIDER_CLASS=e.SLIDER_CLASS;exports.STAT_CLASS=e.STAT_CLASS;exports.STEPPER_CLASS=e.STEPPER_CLASS;exports.TABLE_ASC_ICON_CLASS=e.TABLE_ASC_ICON_CLASS;exports.TABLE_CHECKBOX_CLASS=e.TABLE_CHECKBOX_CLASS;exports.TABLE_CLASS=e.TABLE_CLASS;exports.TABLE_DESC_ICON_CLASS=e.TABLE_DESC_ICON_CLASS;exports.TABLE_DRAGGABLE_BUTTON_CLASS=e.TABLE_DRAGGABLE_BUTTON_CLASS;exports.TABLE_EXPANDER_BUTTON_CLASS=e.TABLE_EXPANDER_BUTTON_CLASS;exports.TABLE_FILTER_BUTTON_CLASS=e.TABLE_FILTER_BUTTON_CLASS;exports.TABLE_HEADER_HEAD_CONTENT_CLASS=e.TABLE_HEADER_HEAD_CONTENT_CLASS;exports.TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS=e.TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS;exports.TABLE_MENU_BUTTON_CLASS=e.TABLE_MENU_BUTTON_CLASS;exports.TABLE_NO_DIR_ICON_CLASS=e.TABLE_NO_DIR_ICON_CLASS;exports.TABLE_NUMERIC_TYPE_CLASS=e.TABLE_NUMERIC_TYPE_CLASS;exports.TABLE_PIN_BUTTON_CLASS=e.TABLE_PIN_BUTTON_CLASS;exports.TABLE_RESIZER_CLASS=e.TABLE_RESIZER_CLASS;exports.TABLE_SORTER_BUTTON_CLASS=e.TABLE_SORTER_BUTTON_CLASS;exports.TABS_CLASS=e.TABS_CLASS;exports.TAG_CLASS=e.TAG_CLASS;exports.TEXT_AREA_CLASS=e.TEXT_AREA_CLASS;exports.TEXT_INPUT_CLASS=e.TEXT_INPUT_CLASS;exports.TIMELINE_CLASS=e.TIMELINE_CLASS;exports.TOGGLE_BUTTON_CLASS=e.TOGGLE_BUTTON_CLASS;exports.TOGGLE_CLASS=e.TOGGLE_CLASS;exports.TOGGLE_SWITCH_CLASS=e.TOGGLE_SWITCH_CLASS;exports.TOOLTIP_CLASS=e.TOOLTIP_CLASS;exports.TREE_CHECKBOX_CHECKED_CLASS=e.TREE_CHECKBOX_CHECKED_CLASS;exports.TREE_CHECKBOX_CLASS=e.TREE_CHECKBOX_CLASS;exports.TREE_CHECKBOX_INDETERMINATE_CLASS=e.TREE_CHECKBOX_INDETERMINATE_CLASS;exports.TREE_CHECKBOX_UNCHECKED_CLASS=e.TREE_CHECKBOX_UNCHECKED_CLASS;exports.TREE_CLASS=e.TREE_CLASS;exports.mediaQueries=A.mediaQueries;exports.resolutions=A.resolutions;exports.getFocusStyles=i.getFocusStyles;Object.defineProperty(exports,"DarkMode",{enumerable:!0,get:()=>S.DarkMode});Object.defineProperty(exports,"FabricsVariables",{enumerable:!0,get:()=>S.FabricsVariables});Object.defineProperty(exports,"LightMode",{enumerable:!0,get:()=>S.LightMode});Object.defineProperty(exports,"RechargeDarkMode",{enumerable:!0,get:()=>S.RechargeDarkMode});Object.defineProperty(exports,"RechargeLightMode",{enumerable:!0,get:()=>S.RechargeLightMode});Object.defineProperty(exports,"Typography",{enumerable:!0,get:()=>S.Typography});exports.AcinguiuxThemeProvider=_.AcinguiuxThemeProvider;exports.FabricsThemeProvider=o.FabricsThemeProvider;exports.useMediaQuery=n.useMediaQuery;exports.Accordion=C;exports.Alert=L;exports.Avatar=T;exports.SimpleAvatar=E;exports.DetailedAvatar=u;exports.DropdownAvatar=s;exports.Badge=a;exports.Breadcrumb=c;exports.Button=O;exports.ButtonLink=R;exports.SentimentButton=D;exports.OnBrandButton=l;exports.OnSelectedButton=B;exports.OnSentimentButton=N;exports.ButtonGroup=q;exports.Card=I;exports.InsetCard=P;exports.HighchartsChart=d;exports.BaseRechartsChart=p;exports.ChartHeader=g;exports.useChartElementStyles=b;exports.useChartElementColor=M;exports.Checkbox=F;exports.Calendar=H;exports.DateInput=U;exports.NativeDatePicker=m;exports.DeprecatedSingleDatePicker=G;exports.DeprecatedRangeDatePicker=h;exports.SingleDatePicker=v;exports.RangeDatePicker=x;exports.Drawer=y;exports.Divider=X;exports.Dropdown=K;exports.EmptyState=V;exports.Flexbox=k;exports.FormField=Y;exports.Grid=W;exports.Pictograms=f;exports.Flags=$;exports.Icons=w;exports.ListItem=z;exports.Loading=j;exports.Menu=Q;exports.SubMenu=Z;exports.MenuItem=J;exports.MenuItemGroup=ee;exports.MenuDivider=re;exports.Modal=Se;exports.NavBar=te;exports.Pagination=Ae;exports.PaginationSelect=ie;exports.PaginationLocale=_e;exports.Pecten=oe;exports.Popconfirm=ne.Popconfirm;exports.Popover=t.Popover;exports.PopoverContent=t.PopoverContent;exports.PopoverTrigger=t.PopoverTrigger;exports.useOpenOnHover=Ce.useOpenOnHover;exports.ProgressBar=Le;exports.RadioButton=Te;exports.DeprecatedSelect=Ee;exports.Select=ue;exports.Option=se;exports.OptionGroup=ae;exports.DeprecatedOption=ce;exports.DeprecatedOptionGroup=Oe;exports.NativeSelect=Re;exports.Slider=De;exports.RangeSlider=le;exports.Stat=Be;exports.FileUploader=Ne;exports.useFileXhrUploader=qe;exports.Stepper=Ie;exports.DeprecatedTable=Pe;exports.useFilter=de;exports.useSorter=pe;exports.getFilterData=ge.getFilterData;exports.getSortData=be.getSortData;exports.Table=Me;exports.BaseTable=Fe;exports.BaseTableVirtualised=He;exports.withDragOptions=Ue.withDragOptions;exports.TBody=r.TBody;exports.TD=r.TD;exports.TFoot=r.TFoot;exports.TH=r.TH;exports.THead=r.THead;exports.TR=r.TR;exports.Td=r.Td;exports.Th=r.Th;exports.Tr=r.Tr;exports.ColumnVisibilityFilters=me.ColumnVisibilityFilters;exports.DraggableButton=Ge.DraggableButton;exports.Expander=he.Expander;exports.ExpanderButton=ve.ExpanderButton;exports.Filter=xe.Filter;exports.FilterButton=ye.FilterButton;exports.PinButton=Xe.PinButton;exports.Resizer=Ke.Resizer;exports.SelectionCheckbox=Ve.SelectionCheckbox;exports.SorterButton=ke.SorterButton;exports.TableWrapper=Ye.TableWrapper;exports.HeaderCell=We.HeaderCell;exports.useTable=fe.useTable;exports.useVirtualized=$e.useVirtualized;exports.getSize=we.getSize;exports.cellPinningProps=ze.cellPinningProps;exports.Tabs=je;exports.Tag=Qe;exports.Text=Ze;exports.Label=Je;exports.Link=er;exports.Heading=rr;exports.Display=Sr;exports.Section=tr;exports.TextArea=Ar;exports.TextInput=ir;exports.Timeline=_r;exports.Toggle=or;exports.ToggleButton=nr;exports.Tooltip=Cr;exports.DeprecatedTree=Lr;exports.DeprecatedTreeProps=Tr;exports.Tree=Er;exports.i18n=ur;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./react-base/src/consts/classes.js"),A=require("./react-base/src/utils/resolutionUtils.js"),_=require("./react-base/src/utils/stylesUtils.js"),S=require("acinguiux-ds-fabrics"),i=require("./providers/theme/AcinguiuxThemeProvider.js"),o=require("./providers/theme/FabricsThemeProvider.js");require("./libs/i18next.js");const n=require("./hooks/useMediaQuery.js"),C=require("./components/Accordion/Accordion.js"),L=require("./components/Alert/Alert.js"),T=require("./components/Avatar/Avatar.js"),E=require("./components/Avatar/SimpleAvatar.js"),u=require("./components/Avatar/DetailedAvatar.js"),s=require("./components/Avatar/DropdownAvatar.js"),a=require("./components/Badge/Badge.js"),c=require("./components/Breadcrumb/Breadcrumb.js"),O=require("./components/Button/Button.js"),R=require("./components/Button/ButtonLink.js"),l=require("./components/Button/SentimentButton.js"),D=require("./components/Button/OnBrandButton.js"),B=require("./components/Button/OnSelectedButton.js"),N=require("./components/Button/OnSentimentButton.js"),q=require("./components/ButtonGroup/ButtonGroup.js"),I=require("./components/Card/Card.js"),P=require("./components/Card/InsetCard.js"),d=require("./components/Chart/Highcharts/HighchartsChart.js"),p=require("./components/Chart/Recharts/BaseRechartsChart.js"),g=require("./components/Chart/Recharts/components/ChartHeader/ChartHeader.js"),b=require("./components/Chart/Recharts/hooks/useChartElementStyles.js"),M=require("./components/Chart/Recharts/hooks/useChartElementColor.js"),F=require("./components/Checkbox/Checkbox.js"),H=require("./components/DateInput/DateInput.js"),U=require("./components/DatePicker/components/NativeDatePicker/NativeDatePicker.js"),m=require("./components/DatePicker/components/SingleDatePicker/SingleDatePicker.js"),G=require("./components/DatePicker/components/RangeDatePicker/RangeDatePicker.js"),h=require("./components/Drawer/Drawer.js"),v=require("./components/Divider/Divider.js"),x=require("./components/Dropdown/Dropdown.js"),y=require("./components/EmptyState/EmptyState.js"),X=require("./components/Flexbox/Flexbox.js"),K=require("./components/FormField/FormField.js"),V=require("./components/Grid/Grid.js"),k=require("./components/Pictogram/components/index.js"),Y=require("./components/Flag/components/index.js"),W=require("./components/Icon/components/index.js"),f=require("./components/ListItem/ListItem.js"),w=require("./components/Loading/Loading.js"),z=require("./components/Menu/Menu.js"),$=require("./components/Menu/components/SubMenu.js"),j=require("./components/Menu/components/MenuItem.js"),Q=require("./components/Menu/components/MenuItemGroup.js"),Z=require("./components/Menu/components/MenuDivider.js"),J=require("./components/Modal/Modal.js"),ee=require("./components/NavBar/NavBar.js"),re=require("./components/Pagination/Pagination.js"),Se=require("./components/Pagination/components/PaginationSelect.js"),te=require("./components/Pagination/data/index.js"),Ae=require("./components/Pecten/Pecten.js"),_e=require("./components/Popconfirm/Popconfirm.js"),t=require("./components/Popover/Popover.js"),ie=require("./components/Popover/hooks/useOpenOnHover.js"),oe=require("./components/ProgressBar/ProgressBar.js"),ne=require("./components/RadioButton/RadioButton.js"),Ce=require("./components/DeprecatedSelect/Select.js"),Le=require("./components/Select/Select.js"),Te=require("./components/Select/components/Option/Option.js"),Ee=require("./components/Select/components/OptionGroup/OptionGroup.js"),ue=require("./components/DeprecatedSelect/components/Option/Option.js"),se=require("./components/DeprecatedSelect/components/OptionGroup/OptionGroup.js"),ae=require("./components/DeprecatedSelect/components/NativeSelect/NativeSelect.js"),ce=require("./components/Slider/Slider.js"),Oe=require("./components/Slider/RangeSlider.js"),Re=require("./components/Stat/Stat.js"),le=require("./components/FileUploader/FileUploader.js"),De=require("./components/FileUploader/hooks/useFileXhrUploader.js"),Be=require("./components/Stepper/Stepper.js"),Ne=require("./components/DeprecatedTable/Table.js"),qe=require("./components/DeprecatedTable/hooks/useFilter.js"),Ie=require("./components/DeprecatedTable/hooks/useSorter.js"),Pe=require("./components/DeprecatedTable/utils/filteringUtils.js"),de=require("./components/DeprecatedTable/utils/sortingUtils.js"),pe=require("./components/Table/Table.js"),ge=require("./components/Table/components/BaseTable/BaseTable.js"),be=require("./components/Table/components/BaseTable/BaseTableVirtualised.js"),Me=require("./components/Table/utils/draggable.js"),r=require("./components/Table/components/TableElements/TableElements.js"),Fe=require("./components/Table/components/TableElements/ColumnVisibilityFilters.js"),He=require("./components/Table/components/TableElements/DraggableButton.js"),Ue=require("./components/Table/components/TableElements/Expander.js"),me=require("./components/Table/components/TableElements/ExpanderButton.js"),Ge=require("./components/Table/components/TableElements/Filter.js"),he=require("./components/Table/components/TableElements/FilterButton.js"),ve=require("./components/Table/components/TableElements/PinButton.js"),xe=require("./components/Table/components/TableElements/Resizer.js"),ye=require("./components/Table/components/TableElements/SelectionCheckbox.js"),Xe=require("./components/Table/components/TableElements/SorterButton.js"),Ke=require("./components/Table/components/TableElements/TableWrapper.js"),Ve=require("./components/Table/components/TableElements/HeaderCell.js"),ke=require("./components/Table/hooks/useTable.js"),Ye=require("./components/Table/hooks/useVirtualized.js"),We=require("./components/Table/utils/tableUtils.js"),fe=require("./components/Table/utils/baseTableUtils.js"),we=require("./components/Tabs/Tabs.js"),ze=require("./components/Tag/Tag.js"),$e=require("./components/Text/components/Text/Text.js"),je=require("./components/Text/components/Label/Label.js"),Qe=require("./components/Text/components/Link/Link.js"),Ze=require("./components/Text/components/Heading/Heading.js"),Je=require("./components/Text/components/Display/Display.js"),er=require("./components/Text/components/Section/Section.js"),rr=require("./components/TextArea/TextArea.js"),Sr=require("./components/TextInput/TextInput.js"),tr=require("./components/Timeline/Timeline.js"),Ar=require("./components/Toggle/Toggle.js"),_r=require("./components/ToggleButton/ToggleButton.js"),ir=require("./components/Tooltip/Tooltip.js"),or=require("./components/DeprecatedTree/Tree.js"),nr=require("./components/DeprecatedTree/Tree.types.js"),Cr=require("./components/Tree/Tree.js"),Lr=require("i18next");exports.ACCORDION_CLASS=e.ACCORDION_CLASS;exports.ACCORDION_PANEL_CLASS=e.ACCORDION_PANEL_CLASS;exports.ALERT_CLASS=e.ALERT_CLASS;exports.ARROW_KEYPAD_CLASS=e.ARROW_KEYPAD_CLASS;exports.AVATAR_CLASS=e.AVATAR_CLASS;exports.BADGE_CLASS=e.BADGE_CLASS;exports.BASE_TABLE_CLASS=e.BASE_TABLE_CLASS;exports.BREADCRUMB_CLASS=e.BREADCRUMB_CLASS;exports.BUTTON_CLASS=e.BUTTON_CLASS;exports.BUTTON_GROUP_CLASS=e.BUTTON_GROUP_CLASS;exports.CALENDAR_CLASS=e.CALENDAR_CLASS;exports.CARD_CLASS=e.CARD_CLASS;exports.CHART_CLASS=e.CHART_CLASS;exports.CHECKBOX_CLASS=e.CHECKBOX_CLASS;exports.DATE_INPUT_DAY_ID_SUFFIX=e.DATE_INPUT_DAY_ID_SUFFIX;exports.DATE_INPUT_MONTH_ID_SUFFIX=e.DATE_INPUT_MONTH_ID_SUFFIX;exports.DATE_INPUT_YEAR_ID_SUFFIX=e.DATE_INPUT_YEAR_ID_SUFFIX;exports.DATE_PICKER_CLASS=e.DATE_PICKER_CLASS;exports.DISPLAY_CLASS=e.DISPLAY_CLASS;exports.DIVIDER_CLASS=e.DIVIDER_CLASS;exports.DRAWER_CLASS=e.DRAWER_CLASS;exports.DROPDOWN_CLASS=e.DROPDOWN_CLASS;exports.DROPDOWN_CONTAINER_CLASS=e.DROPDOWN_CONTAINER_CLASS;exports.DROPDOWN_CONTAINER_OVERLAY_CLASS=e.DROPDOWN_CONTAINER_OVERLAY_CLASS;exports.EMPTY_STATE_CLASS=e.EMPTY_STATE_CLASS;exports.FLAG_CLASS=e.FLAG_CLASS;exports.FORM_FIELD_CLASS=e.FORM_FIELD_CLASS;exports.HEADING_CLASS=e.HEADING_CLASS;exports.ICON_CLASS=e.ICON_CLASS;exports.LABEL_CLASS=e.LABEL_CLASS;exports.LINK_CLASS=e.LINK_CLASS;exports.LIST_ITEM_CHECKED_ICON_CLASS=e.LIST_ITEM_CHECKED_ICON_CLASS;exports.LIST_ITEM_CLASS=e.LIST_ITEM_CLASS;exports.LIST_ITEM_HEADER_CLASS=e.LIST_ITEM_HEADER_CLASS;exports.LOADING_CLASS=e.LOADING_CLASS;exports.MENU_CLASS=e.MENU_CLASS;exports.MODAL_CLASS=e.MODAL_CLASS;exports.MODAL_CONTAINER_CLASS=e.MODAL_CONTAINER_CLASS;exports.MODAL_CONTENT_CLASS=e.MODAL_CONTENT_CLASS;exports.MODAL_FOOTER_CLASS=e.MODAL_FOOTER_CLASS;exports.MODAL_HEADER_CLASS=e.MODAL_HEADER_CLASS;exports.NAV_BAR_CLASS=e.NAV_BAR_CLASS;exports.PAGINATION_CLASS=e.PAGINATION_CLASS;exports.PARAGRAPH_CLASS=e.PARAGRAPH_CLASS;exports.PECTEN_CLASS=e.PECTEN_CLASS;exports.POPCONFIRM_CLASS=e.POPCONFIRM_CLASS;exports.POPOVER_CLASS=e.POPOVER_CLASS;exports.POPOVER_OVERLAY_CLASS=e.POPOVER_OVERLAY_CLASS;exports.PROGRESS_BAR_CIRCLE=e.PROGRESS_BAR_CIRCLE;exports.PROGRESS_BAR_LINEAR=e.PROGRESS_BAR_LINEAR;exports.RADIO_BUTTON_CLASS=e.RADIO_BUTTON_CLASS;exports.SECTION_CLASS=e.SECTION_CLASS;exports.SELECT_CLASS=e.SELECT_CLASS;exports.SELECT_ERROR_CLASS=e.SELECT_ERROR_CLASS;exports.SLIDER_CLASS=e.SLIDER_CLASS;exports.STAT_CLASS=e.STAT_CLASS;exports.STEPPER_CLASS=e.STEPPER_CLASS;exports.TABLE_ASC_ICON_CLASS=e.TABLE_ASC_ICON_CLASS;exports.TABLE_CHECKBOX_CLASS=e.TABLE_CHECKBOX_CLASS;exports.TABLE_CLASS=e.TABLE_CLASS;exports.TABLE_DESC_ICON_CLASS=e.TABLE_DESC_ICON_CLASS;exports.TABLE_DRAGGABLE_BUTTON_CLASS=e.TABLE_DRAGGABLE_BUTTON_CLASS;exports.TABLE_EXPANDER_BUTTON_CLASS=e.TABLE_EXPANDER_BUTTON_CLASS;exports.TABLE_FILTER_BUTTON_CLASS=e.TABLE_FILTER_BUTTON_CLASS;exports.TABLE_HEADER_HEAD_CONTENT_CLASS=e.TABLE_HEADER_HEAD_CONTENT_CLASS;exports.TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS=e.TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS;exports.TABLE_MENU_BUTTON_CLASS=e.TABLE_MENU_BUTTON_CLASS;exports.TABLE_NO_DIR_ICON_CLASS=e.TABLE_NO_DIR_ICON_CLASS;exports.TABLE_NUMERIC_TYPE_CLASS=e.TABLE_NUMERIC_TYPE_CLASS;exports.TABLE_PIN_BUTTON_CLASS=e.TABLE_PIN_BUTTON_CLASS;exports.TABLE_RESIZER_CLASS=e.TABLE_RESIZER_CLASS;exports.TABLE_SORTER_BUTTON_CLASS=e.TABLE_SORTER_BUTTON_CLASS;exports.TABS_CLASS=e.TABS_CLASS;exports.TAG_CLASS=e.TAG_CLASS;exports.TEXT_AREA_CLASS=e.TEXT_AREA_CLASS;exports.TEXT_INPUT_CLASS=e.TEXT_INPUT_CLASS;exports.TIMELINE_CLASS=e.TIMELINE_CLASS;exports.TOGGLE_BUTTON_CLASS=e.TOGGLE_BUTTON_CLASS;exports.TOGGLE_CLASS=e.TOGGLE_CLASS;exports.TOGGLE_SWITCH_CLASS=e.TOGGLE_SWITCH_CLASS;exports.TOOLTIP_CLASS=e.TOOLTIP_CLASS;exports.TREE_CHECKBOX_CHECKED_CLASS=e.TREE_CHECKBOX_CHECKED_CLASS;exports.TREE_CHECKBOX_CLASS=e.TREE_CHECKBOX_CLASS;exports.TREE_CHECKBOX_INDETERMINATE_CLASS=e.TREE_CHECKBOX_INDETERMINATE_CLASS;exports.TREE_CHECKBOX_UNCHECKED_CLASS=e.TREE_CHECKBOX_UNCHECKED_CLASS;exports.TREE_CLASS=e.TREE_CLASS;exports.mediaQueries=A.mediaQueries;exports.resolutions=A.resolutions;exports.getFocusStyles=_.getFocusStyles;Object.defineProperty(exports,"DarkMode",{enumerable:!0,get:()=>S.DarkMode});Object.defineProperty(exports,"FabricsVariables",{enumerable:!0,get:()=>S.FabricsVariables});Object.defineProperty(exports,"LightMode",{enumerable:!0,get:()=>S.LightMode});Object.defineProperty(exports,"RechargeDarkMode",{enumerable:!0,get:()=>S.RechargeDarkMode});Object.defineProperty(exports,"RechargeLightMode",{enumerable:!0,get:()=>S.RechargeLightMode});Object.defineProperty(exports,"Typography",{enumerable:!0,get:()=>S.Typography});exports.AcinguiuxThemeProvider=i.AcinguiuxThemeProvider;exports.FabricsThemeProvider=o.FabricsThemeProvider;exports.useMediaQuery=n.useMediaQuery;exports.Accordion=C;exports.Alert=L;exports.Avatar=T;exports.SimpleAvatar=E;exports.DetailedAvatar=u;exports.DropdownAvatar=s;exports.Badge=a;exports.Breadcrumb=c;exports.Button=O;exports.ButtonLink=R;exports.SentimentButton=l;exports.OnBrandButton=D;exports.OnSelectedButton=B;exports.OnSentimentButton=N;exports.ButtonGroup=q;exports.Card=I;exports.InsetCard=P;exports.HighchartsChart=d;exports.BaseRechartsChart=p;exports.ChartHeader=g;exports.useChartElementStyles=b;exports.useChartElementColor=M;exports.Checkbox=F;exports.DateInput=H;exports.NativeDatePicker=U;exports.SingleDatePicker=m;exports.RangeDatePicker=G;exports.Drawer=h;exports.Divider=v;exports.Dropdown=x;exports.EmptyState=y;exports.Flexbox=X;exports.FormField=K;exports.Grid=V;exports.Pictograms=k;exports.Flags=Y;exports.Icons=W;exports.ListItem=f;exports.Loading=w;exports.Menu=z;exports.SubMenu=$;exports.MenuItem=j;exports.MenuItemGroup=Q;exports.MenuDivider=Z;exports.Modal=J;exports.NavBar=ee;exports.Pagination=re;exports.PaginationSelect=Se;exports.PaginationLocale=te;exports.Pecten=Ae;exports.Popconfirm=_e.Popconfirm;exports.Popover=t.Popover;exports.PopoverContent=t.PopoverContent;exports.PopoverTrigger=t.PopoverTrigger;exports.useOpenOnHover=ie.useOpenOnHover;exports.ProgressBar=oe;exports.RadioButton=ne;exports.DeprecatedSelect=Ce;exports.Select=Le;exports.Option=Te;exports.OptionGroup=Ee;exports.DeprecatedOption=ue;exports.DeprecatedOptionGroup=se;exports.NativeSelect=ae;exports.Slider=ce;exports.RangeSlider=Oe;exports.Stat=Re;exports.FileUploader=le;exports.useFileXhrUploader=De;exports.Stepper=Be;exports.DeprecatedTable=Ne;exports.useFilter=qe;exports.useSorter=Ie;exports.getFilterData=Pe.getFilterData;exports.getSortData=de.getSortData;exports.Table=pe;exports.BaseTable=ge;exports.BaseTableVirtualised=be;exports.withDragOptions=Me.withDragOptions;exports.TBody=r.TBody;exports.TD=r.TD;exports.TFoot=r.TFoot;exports.TH=r.TH;exports.THead=r.THead;exports.TR=r.TR;exports.Td=r.Td;exports.Th=r.Th;exports.Tr=r.Tr;exports.ColumnVisibilityFilters=Fe.ColumnVisibilityFilters;exports.DraggableButton=He.DraggableButton;exports.Expander=Ue.Expander;exports.ExpanderButton=me.ExpanderButton;exports.Filter=Ge.Filter;exports.FilterButton=he.FilterButton;exports.PinButton=ve.PinButton;exports.Resizer=xe.Resizer;exports.SelectionCheckbox=ye.SelectionCheckbox;exports.SorterButton=Xe.SorterButton;exports.TableWrapper=Ke.TableWrapper;exports.HeaderCell=Ve.HeaderCell;exports.useTable=ke.useTable;exports.useVirtualized=Ye.useVirtualized;exports.getSize=We.getSize;exports.cellPinningProps=fe.cellPinningProps;exports.Tabs=we;exports.Tag=ze;exports.Text=$e;exports.Label=je;exports.Link=Qe;exports.Heading=Ze;exports.Display=Je;exports.Section=er;exports.TextArea=rr;exports.TextInput=Sr;exports.Timeline=tr;exports.Toggle=Ar;exports.ToggleButton=_r;exports.Tooltip=ir;exports.DeprecatedTree=or;exports.DeprecatedTreeProps=nr;exports.Tree=Cr;exports.i18n=Lr;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),e=require("./Button.consts.js"),i=require("./Button.utils.js"),
|
|
2
|
-
${({$size:t,$variant:n,$iconOnly:
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),e=require("./Button.consts.js"),i=require("./Button.utils.js"),r=l=>s.css`
|
|
2
|
+
${({$size:t,$variant:n,$iconOnly:o})=>s.css`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-flex;
|
|
5
5
|
align-items: center;
|
|
@@ -10,17 +10,17 @@
|
|
|
10
10
|
gap: 0;
|
|
11
11
|
border-radius: ${e.consts[t].borderRadius};
|
|
12
12
|
cursor: pointer;
|
|
13
|
-
min-width: ${
|
|
13
|
+
min-width: ${o?e.consts[t].height:e.consts[t].width};
|
|
14
14
|
max-width: 100%;
|
|
15
15
|
min-height: ${e.consts[t].height};
|
|
16
16
|
transition: background-color 0.1s ease-in;
|
|
17
17
|
|
|
18
|
-
${i.getBorderStyles(
|
|
18
|
+
${i.getBorderStyles(n)}
|
|
19
19
|
`};
|
|
20
20
|
`;s.css`
|
|
21
|
-
${
|
|
22
|
-
`;const l
|
|
23
|
-
${({$size:t,$iconOnly:n,$icon:
|
|
21
|
+
${r()};
|
|
22
|
+
`;const a=l=>s.css`
|
|
23
|
+
${({$size:t,$iconOnly:n,$icon:o,$iconPosition:c,$variant:d})=>s.css`
|
|
24
24
|
position: relative;
|
|
25
25
|
display: inline-flex;
|
|
26
26
|
align-items: center;
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
text-overflow: ellipsis;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
${i.getStyles(
|
|
41
|
+
${i.getStyles(o?{only:n??!1,position:c}:void 0,t,d)}
|
|
42
42
|
`};
|
|
43
43
|
`;s.css`
|
|
44
|
-
${
|
|
45
|
-
`;exports.getBorderStyles=i.getBorderStyles;exports.getStyles=i.getStyles;exports.containerStylesForVariant=
|
|
44
|
+
${a()};
|
|
45
|
+
`;exports.getBorderStyles=i.getBorderStyles;exports.getStyles=i.getStyles;exports.containerStylesForVariant=r;exports.stylesForVariant=a;
|
|
46
46
|
//# sourceMappingURL=Button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":["../../../../../../../react-base/src/components/Button/Button.styles.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { css } from 'styled-components';\n\nimport { consts } from './Button.consts';\nimport { getBorderStyles, getStyles } from './Button.utils';\nimport type { IconPosition, Size, Variant } from './Button.types';\n\nexport { getBorderStyles, getStyles } from './Button.utils';\n\nexport type StylesProps = {\n $size: Size;\n $iconOnly?: boolean;\n $icon?: ReactNode;\n $iconPosition?: IconPosition;\n $variant?: Variant;\n};\n\nexport const containerStylesForVariant = (variant?: Variant) => css<StylesProps>`\n ${({ $size, $variant, $iconOnly }) => css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 0;\n flex-direction: column;\n gap: 0;\n border-radius: ${consts[$size].borderRadius};\n cursor: pointer;\n min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n max-width: 100%;\n min-height: ${consts[$size].height};\n transition: background-color 0.1s ease-in;\n\n ${getBorderStyles(variant ?? $variant)}\n `};\n`;\n\nexport const ContainerStyles = css<StylesProps>`\n ${containerStylesForVariant()};\n`;\n\nexport const stylesForVariant = (variant?: Variant) => css<StylesProps>`\n ${({ $size, $iconOnly, $icon, $iconPosition, $variant }) => css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 0;\n gap: ${consts[$size].gap};\n min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n max-width: 100%;\n\n & > span {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ${getStyles($icon ? { only: $iconOnly ?? false, position: $iconPosition } : undefined, $size, variant ?? $variant)}\n `};\n`;\nexport const Styles = css<StylesProps>`\n ${stylesForVariant()};\n`;\n"],"names":["containerStylesForVariant","variant","css","$size","$variant","$iconOnly","consts","getBorderStyles","stylesForVariant","$icon","$iconPosition","getStyles"],"mappings":"gNAkBaA,EAA6BC,GAAsBC,EAAAA;AAAAA,IAC5D,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,KAAgBH,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBASnBI,EAAAA,OAAOH,CAAK,EAAE,YAAY;AAAA;AAAA,iBAE9BE,EAAYC,EAAAA,OAAOH,CAAK,EAAE,OAASG,SAAOH,CAAK,EAAE,KAAK;AAAA;AAAA,kBAErDG,EAAAA,OAAOH,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA,MAGhCI,EAAAA,
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":["../../../../../../../react-base/src/components/Button/Button.styles.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { css } from 'styled-components';\n\nimport { consts } from './Button.consts';\nimport { getBorderStyles, getStyles } from './Button.utils';\nimport type { IconPosition, Size, Variant } from './Button.types';\n\nexport { getBorderStyles, getStyles } from './Button.utils';\n\nexport type StylesProps = {\n $size: Size;\n $iconOnly?: boolean;\n $icon?: ReactNode;\n $iconPosition?: IconPosition;\n $variant?: Variant;\n};\n\nexport const containerStylesForVariant = (variant?: Variant) => css<StylesProps>`\n ${({ $size, $variant, $iconOnly }) => css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 0;\n flex-direction: column;\n gap: 0;\n border-radius: ${consts[$size].borderRadius};\n cursor: pointer;\n min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n max-width: 100%;\n min-height: ${consts[$size].height};\n transition: background-color 0.1s ease-in;\n\n ${getBorderStyles(variant ?? $variant)}\n `};\n`;\n\nexport const ContainerStyles = css<StylesProps>`\n ${containerStylesForVariant()};\n`;\n\nexport const stylesForVariant = (variant?: Variant) => css<StylesProps>`\n ${({ $size, $iconOnly, $icon, $iconPosition, $variant }) => css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 0;\n gap: ${consts[$size].gap};\n min-width: ${$iconOnly ? consts[$size].height : consts[$size].width};\n max-width: 100%;\n\n & > span {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ${getStyles($icon ? { only: $iconOnly ?? false, position: $iconPosition } : undefined, $size, variant ?? $variant)}\n `};\n`;\nexport const Styles = css<StylesProps>`\n ${stylesForVariant()};\n`;\n"],"names":["containerStylesForVariant","variant","css","$size","$variant","$iconOnly","consts","getBorderStyles","stylesForVariant","$icon","$iconPosition","getStyles"],"mappings":"gNAkBaA,EAA6BC,GAAsBC,EAAAA;AAAAA,IAC5D,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,KAAgBH,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBASnBI,EAAAA,OAAOH,CAAK,EAAE,YAAY;AAAA;AAAA,iBAE9BE,EAAYC,EAAAA,OAAOH,CAAK,EAAE,OAASG,SAAOH,CAAK,EAAE,KAAK;AAAA;AAAA,kBAErDG,EAAAA,OAAOH,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA,MAGhCI,EAAAA,gBAA2BH,CAAQ,CAAC;AAAA,GACvC;AAAA,EAG4BF,EAAAA;AAAAA,IAC3BF,GAA2B;AAAA,EAGxB,MAAMQ,EAAoBP,GAAsBC,EAAAA;AAAAA,IACnD,CAAC,CAAE,MAAAC,EAAO,UAAAE,EAAW,MAAAI,EAAO,cAAAC,EAAe,SAAAN,KAAeF,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAOnDI,EAAAA,OAAOH,CAAK,EAAE,GAAG;AAAA,iBACXE,EAAYC,EAAAA,OAAOH,CAAK,EAAE,OAASG,SAAOH,CAAK,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUjEQ,YAAUF,EAAQ,CAAE,KAAMJ,GAAa,GAAO,SAAUK,CAAA,EAAkB,OAAWP,EAAkBC,CAAQ,CAAC;AAAA,GACnH;AAAA,EAEmBF,EAAAA;AAAAA,IAClBM,GAAkB;AAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../consts/index.js"),i={[e.Sizes.XSmall]:{height:30,boxSize:28,cellWidth:48,panelGap:12,panelPadding:16,chevronSize:16,clearSize:e.Sizes.Small},[e.Sizes.Small]:{height:32,boxSize:28,cellWidth:48,panelGap:16,panelPadding:16,chevronSize:16,clearSize:e.Sizes.Small},[e.Sizes.Medium]:{height:40,boxSize:36,cellWidth:64,panelGap:24,panelPadding:20,chevronSize:20,clearSize:e.Sizes.Medium},[e.Sizes.Large]:{height:48,boxSize:44,cellWidth:80,panelGap:24,panelPadding:24,chevronSize:24,clearSize:e.Sizes.Medium}},
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../consts/index.js"),i={[e.Sizes.XSmall]:{height:30,boxSize:28,cellWidth:48,panelGap:12,panelPadding:16,chevronSize:16,clearSize:e.Sizes.Small},[e.Sizes.Small]:{height:32,boxSize:28,cellWidth:48,panelGap:16,panelPadding:16,chevronSize:16,clearSize:e.Sizes.Small},[e.Sizes.Medium]:{height:40,boxSize:36,cellWidth:64,panelGap:24,panelPadding:20,chevronSize:20,clearSize:e.Sizes.Medium},[e.Sizes.Large]:{height:48,boxSize:44,cellWidth:80,panelGap:24,panelPadding:24,chevronSize:24,clearSize:e.Sizes.Medium}},a="Press space to open date picker. Select a date or press tab and then arrow keys to choose a date",l={[e.Sizes.Small]:{height:2,width:16,bottom:3},[e.Sizes.Medium]:{height:3,width:20,bottom:4},[e.Sizes.Large]:{height:3,width:20,bottom:4}};e.Sizes.XSmall+"",e.Sizes.Small+"",e.Sizes.Medium+"",e.Sizes.Large+"";exports.ariaLabel=a;exports.consts=i;exports.selectedDateUnderline=l;
|
|
2
2
|
//# sourceMappingURL=DatePicker.consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.consts.js","sources":["../../../../../../../react-base/src/components/DatePicker/DatePicker.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n [Sizes.XSmall]: {\n height: 30,\n boxSize: 28,\n cellWidth: 48,\n panelGap: 12,\n panelPadding: 16,\n chevronSize: 16,\n clearSize: Sizes.Small,\n },\n [Sizes.Small]: {\n height: 32,\n boxSize: 28,\n cellWidth: 48,\n panelGap: 16,\n panelPadding: 16,\n chevronSize: 16,\n clearSize: Sizes.Small,\n },\n [Sizes.Medium]: {\n height: 40,\n boxSize: 36,\n cellWidth: 64,\n panelGap: 24,\n panelPadding: 20,\n chevronSize: 20,\n clearSize: Sizes.Medium,\n },\n [Sizes.Large]: {\n height: 48,\n boxSize: 44,\n cellWidth: 80,\n panelGap: 24,\n panelPadding: 24,\n chevronSize: 24,\n clearSize: Sizes.Medium,\n },\n} as const;\n\nexport const arrowWidth = 20;\nexport const arrowHeight = 7;\nexport const ariaLabel =\n 'Press space to open date picker. Select a date or press tab and then arrow keys to choose a date';\n\nexport const selectedDateUnderline = {\n [Sizes.Small]: {\n height: 2,\n width: 16,\n bottom: 3,\n },\n [Sizes.Medium]: {\n height: 3,\n width: 20,\n bottom: 4,\n },\n [Sizes.Large]: {\n height: 3,\n width: 20,\n bottom: 4,\n },\n};\n\nexport const arrow = {\n [Sizes.XSmall]: {\n width: 20,\n height: 8,\n },\n [Sizes.Small]: {\n width: 20,\n height: 8,\n },\n [Sizes.Medium]: {\n width: 25,\n height: 10,\n },\n [Sizes.Large]: {\n width: 30,\n height: 12,\n },\n};\n"],"names":["consts","Sizes","
|
|
1
|
+
{"version":3,"file":"DatePicker.consts.js","sources":["../../../../../../../react-base/src/components/DatePicker/DatePicker.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n [Sizes.XSmall]: {\n height: 30,\n boxSize: 28,\n cellWidth: 48,\n panelGap: 12,\n panelPadding: 16,\n chevronSize: 16,\n clearSize: Sizes.Small,\n },\n [Sizes.Small]: {\n height: 32,\n boxSize: 28,\n cellWidth: 48,\n panelGap: 16,\n panelPadding: 16,\n chevronSize: 16,\n clearSize: Sizes.Small,\n },\n [Sizes.Medium]: {\n height: 40,\n boxSize: 36,\n cellWidth: 64,\n panelGap: 24,\n panelPadding: 20,\n chevronSize: 20,\n clearSize: Sizes.Medium,\n },\n [Sizes.Large]: {\n height: 48,\n boxSize: 44,\n cellWidth: 80,\n panelGap: 24,\n panelPadding: 24,\n chevronSize: 24,\n clearSize: Sizes.Medium,\n },\n} as const;\n\nexport const arrowWidth = 20;\nexport const arrowHeight = 7;\nexport const ariaLabel =\n 'Press space to open date picker. Select a date or press tab and then arrow keys to choose a date';\n\nexport const selectedDateUnderline = {\n [Sizes.Small]: {\n height: 2,\n width: 16,\n bottom: 3,\n },\n [Sizes.Medium]: {\n height: 3,\n width: 20,\n bottom: 4,\n },\n [Sizes.Large]: {\n height: 3,\n width: 20,\n bottom: 4,\n },\n};\n\nexport const arrow = {\n [Sizes.XSmall]: {\n width: 20,\n height: 8,\n },\n [Sizes.Small]: {\n width: 20,\n height: 8,\n },\n [Sizes.Medium]: {\n width: 25,\n height: 10,\n },\n [Sizes.Large]: {\n width: 30,\n height: 12,\n },\n};\n"],"names":["consts","Sizes","ariaLabel","selectedDateUnderline"],"mappings":"qJAEaA,EAAS,CACpB,CAACC,EAAAA,MAAM,MAAM,EAAG,CACd,OAAQ,GACR,QAAS,GACT,UAAW,GACX,SAAU,GACV,aAAc,GACd,YAAa,GACb,UAAWA,EAAAA,MAAM,KAAA,EAEnB,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,GACR,QAAS,GACT,UAAW,GACX,SAAU,GACV,aAAc,GACd,YAAa,GACb,UAAWA,EAAAA,MAAM,KAAA,EAEnB,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,OAAQ,GACR,QAAS,GACT,UAAW,GACX,SAAU,GACV,aAAc,GACd,YAAa,GACb,UAAWA,EAAAA,MAAM,MAAA,EAEnB,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,GACR,QAAS,GACT,UAAW,GACX,SAAU,GACV,aAAc,GACd,YAAa,GACb,UAAWA,EAAAA,MAAM,MAAA,CAErB,EAIaC,EACX,mGAEWC,EAAwB,CACnC,CAACF,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,EACR,MAAO,GACP,OAAQ,CAAA,EAEV,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,OAAQ,EACR,MAAO,GACP,OAAQ,CAAA,EAEV,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,OAAQ,EACR,MAAO,GACP,OAAQ,CAAA,CAEZ,EAGGA,EAAAA,MAAM,OAANA,GAIAA,EAAAA,MAAM,MAANA,GAIAA,EAAAA,MAAM,OAANA,GAIAA,EAAAA,MAAM,MAANA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("acinguiux-ds-fabrics"),o=require("./types/typography.js"),g=()=>({display:{extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:48,fontStyle:"normal",letterSpacing:0,lineHeight:56,paragraphSpacing:72},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:56,fontStyle:"normal",letterSpacing:0,lineHeight:68,paragraphSpacing:84}},heading:{smallest:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:32},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:24,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:36},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:32,fontStyle:"normal",letterSpacing:0,lineHeight:40,paragraphSpacing:48},extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:40,fontStyle:"normal",letterSpacing:0,lineHeight:48,paragraphSpacing:60}},label:{regular:{smallest:{fontFamily:"Arial",fontWeight:400,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"Arial",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"Arial",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"Arial",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"Arial",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},strong:{smallest:{fontFamily:"Arial",fontWeight:700,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"Arial",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"Arial",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"Arial",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"Arial",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}}},paragraph:{regular:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}},strong:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:600,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}}}}),t=l.Typography||g(),i=a=>({...a,fontWeight:`${a.fontWeight??"normal"}`,fontSize:`${a.fontSize??0}px`,lineHeight:`${a.lineHeight??0}px`,paragraphSpacing:`${a.paragraphSpacing??0}px`,letterSpacing:`${a.letterSpacing??0}px`}),p=(a,n="medium",e="regular")=>{if(!t||!t[a])return console.warn(`Typography object or kind "${a}" not available during SSR - using fallback values`),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"};try{return o.isTypographyWeighted(a)?t[a][e]?i(t[a][e][n]):(console.warn(`Typography weight "${e}" not available for kind "${a}" - using fallback`),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}):i(t[a][n])}catch(r){return console.warn(`Error accessing typography values for kind "${a}", size "${n}", weight "${e}" - using fallback`,r),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}}};exports.typography=p;
|
|
2
2
|
//# sourceMappingURL=typography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography as OriginalTypography } from 'acinguiux-ds-fabrics';\nimport type { TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n isTypographyWeighted,\n TypographyKind,\n TypographySize,\n TypographyWeights,\n type TypographyElement,\n type TypographyElementPx,\n type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n display: {\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n },\n heading: {\n smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n },\n label: {\n regular: {\n smallest: { fontFamily: 'Arial', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'Arial', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'Arial', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'Arial', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'Arial', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n strong: {\n smallest: { fontFamily: 'Arial', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'Arial', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'Arial', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'Arial', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'Arial', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n },\n paragraph: {\n regular: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n strong: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n },\n} as any);\n\n// Create a safe Typography object that always has the required structure\nconst Typography = (() => {\n try {\n return OriginalTypography || createTypographyFallback();\n } catch (error) {\n console.warn('Typography import failed, using fallback values', error);\n return createTypographyFallback();\n }\n})();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n ...value,\n fontWeight: `${value.fontWeight ?? 'normal'}`,\n fontSize: `${value.fontSize ?? 0}px`,\n lineHeight: `${value.lineHeight ?? 0}px`,\n paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n// Create a fallback Typography object for SSR when the actual Typography is not available\nconst createFallbackTypography = (): any => ({\n display: {\n extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n large: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n medium: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n small: { fontFamily: 'Arial, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 }\n },\n heading: {\n extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n large: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n medium: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n small: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 }\n },\n label: {\n regular: {\n extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n },\n strong: {\n extraSmall: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 }\n }\n },\n paragraph: {\n regular: {\n extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n large: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n medium: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n },\n strong: {\n extraLarge: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 32 },\n large: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 28 },\n medium: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n smallest: { fontFamily: 'Arial, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 }\n }\n }\n});\n\n// Ensure we have a safe Typography object to work with\nconst safeTypography = Typography || createFallbackTypography();\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n Kind extends TypographyKind,\n Size extends TypographySize<Kind>,\n Weight extends TypographyWeights<Kind>,\n>(\n kind: Kind,\n size = 'medium' as Size,\n weight = 'regular' as Weight,\n) => {\n // SSR-safe check for Typography object\n if (!safeTypography || !safeTypography[kind]) {\n console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n return {\n fontFamily: 'Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '16px',\n lineHeight: '24px',\n paragraphSpacing: '0px',\n letterSpacing: '0px',\n } as TypographyElementPx;\n }\n\n try {\n if (isTypographyWeighted(kind)) {\n // Additional safety check for weight\n if (!safeTypography[kind][weight]) {\n console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback`);\n return {\n fontFamily: 'Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '16px',\n lineHeight: '24px',\n paragraphSpacing: '0px',\n letterSpacing: '0px',\n } as TypographyElementPx;\n }\n return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n } else {\n return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n }\n } catch (error) {\n console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n return {\n fontFamily: 'Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '16px',\n lineHeight: '24px',\n paragraphSpacing: '0px',\n letterSpacing: '0px',\n } as TypographyElementPx;\n }\n};\n"],"names":["createTypographyFallback","Typography","OriginalTypography","error","transformValuesToPx","value","createFallbackTypography","safeTypography","typography","kind","size","weight","isTypographyWeighted"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography as OriginalTypography } from 'acinguiux-ds-fabrics';\nimport type { TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n isTypographyWeighted,\n TypographyKind,\n TypographySize,\n TypographyWeights,\n type TypographyElement,\n type TypographyElementPx,\n type TypographyFn,\n} from './types/typography';\n\n// SSR-safe Typography fallback\nconst createTypographyFallback = (): TypographyType => ({\n display: {\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 48, fontStyle: 'normal', letterSpacing: 0, lineHeight: 56, paragraphSpacing: 72 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 56, fontStyle: 'normal', letterSpacing: 0, lineHeight: 68, paragraphSpacing: 84 },\n },\n heading: {\n smallest: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 32 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 24, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 36 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 32, fontStyle: 'normal', letterSpacing: 0, lineHeight: 40, paragraphSpacing: 48 },\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 40, fontStyle: 'normal', letterSpacing: 0, lineHeight: 48, paragraphSpacing: 60 },\n },\n label: {\n regular: {\n smallest: { fontFamily: 'Arial', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'Arial', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'Arial', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'Arial', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'Arial', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n strong: {\n smallest: { fontFamily: 'Arial', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'Arial', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'Arial', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'Arial', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'Arial', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n },\n paragraph: {\n regular: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n strong: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 600, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n },\n} as any);\n\n// Ensure we have a safe Typography object to work with\nconst safeTypography = OriginalTypography || createTypographyFallback();\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n ...value,\n fontWeight: `${value.fontWeight ?? 'normal'}`,\n fontSize: `${value.fontSize ?? 0}px`,\n lineHeight: `${value.lineHeight ?? 0}px`,\n paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n Kind extends TypographyKind,\n Size extends TypographySize<Kind>,\n Weight extends TypographyWeights<Kind>,\n>(\n kind: Kind,\n size = 'medium' as Size,\n weight = 'regular' as Weight,\n) => {\n // SSR-safe check for Typography object\n if (!safeTypography || !safeTypography[kind]) {\n console.warn(`Typography object or kind \"${kind}\" not available during SSR - using fallback values`);\n return {\n fontFamily: 'Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '16px',\n lineHeight: '24px',\n paragraphSpacing: '0px',\n letterSpacing: '0px',\n } as TypographyElementPx;\n }\n\n try {\n if (isTypographyWeighted(kind)) {\n // Additional safety check for weight\n if (!safeTypography[kind][weight]) {\n console.warn(`Typography weight \"${weight}\" not available for kind \"${kind}\" - using fallback`);\n return {\n fontFamily: 'Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '16px',\n lineHeight: '24px',\n paragraphSpacing: '0px',\n letterSpacing: '0px',\n } as TypographyElementPx;\n }\n return transformValuesToPx(safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement);\n } else {\n return transformValuesToPx(safeTypography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n }\n } catch (error) {\n console.warn(`Error accessing typography values for kind \"${kind}\", size \"${size}\", weight \"${weight}\" - using fallback`, error);\n return {\n fontFamily: 'Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '16px',\n lineHeight: '24px',\n paragraphSpacing: '0px',\n letterSpacing: '0px',\n } as TypographyElementPx;\n }\n};\n"],"names":["createTypographyFallback","safeTypography","OriginalTypography","transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}
|
|
@@ -5,9 +5,9 @@ import { getFabricStyles as b, getSizeStyles as $, getSvgStyles as p } from "../
|
|
|
5
5
|
import { containerStylesForVariant as g, stylesForVariant as y } from "../../react-base/src/components/Button/Button.styles.js";
|
|
6
6
|
import { FabricsVariables as o } from "acinguiux-ds-fabrics";
|
|
7
7
|
import { Variants as f } from "../../react-base/src/consts/index.js";
|
|
8
|
-
const F = s.span``, d = s.span``, u = (
|
|
9
|
-
${({ $size:
|
|
10
|
-
${g(
|
|
8
|
+
const F = s.span``, d = s.span``, u = (e) => i`
|
|
9
|
+
${({ $size: t, theme: n }) => i`
|
|
10
|
+
${g()};
|
|
11
11
|
&[aria-busy='true'] {
|
|
12
12
|
& > ${d}, & > ${d} > svg,
|
|
13
13
|
& ${d} > ${F} {
|
|
@@ -18,10 +18,10 @@ const F = s.span``, d = s.span``, u = (t) => i`
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
& ${d}, &:is(a) {
|
|
21
|
-
${y(
|
|
22
|
-
${$(n,
|
|
21
|
+
${y()};
|
|
22
|
+
${$(n, t)};
|
|
23
23
|
& > svg {
|
|
24
|
-
${p(
|
|
24
|
+
${p(t)};
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
|
|
@@ -31,8 +31,8 @@ const F = s.span``, d = s.span``, u = (t) => i`
|
|
|
31
31
|
`};
|
|
32
32
|
`, a = i`
|
|
33
33
|
${u()};
|
|
34
|
-
`, r = (
|
|
35
|
-
const l = b(
|
|
34
|
+
`, r = (e, t, n = f.Filled, c = {}) => {
|
|
35
|
+
const l = b(e, n, t, c);
|
|
36
36
|
return i`
|
|
37
37
|
&,
|
|
38
38
|
&:not(:disabled) {
|
|
@@ -52,14 +52,14 @@ const F = s.span``, d = s.span``, u = (t) => i`
|
|
|
52
52
|
${l.press};
|
|
53
53
|
}
|
|
54
54
|
`;
|
|
55
|
-
}, B = (
|
|
56
|
-
${u(
|
|
57
|
-
${({ $variant:
|
|
58
|
-
transparentRestingState:
|
|
55
|
+
}, B = (e) => i`
|
|
56
|
+
${u()};
|
|
57
|
+
${({ $variant: t, theme: n }) => r(n, "Foundation", t, {
|
|
58
|
+
transparentRestingState: t === "filled" ? o.TransparentRestingStates.False : o.TransparentRestingStates.True
|
|
59
59
|
})};
|
|
60
|
-
`,
|
|
60
|
+
`, h = s.button`
|
|
61
61
|
${B()};
|
|
62
|
-
`,
|
|
62
|
+
`, k = s.a`
|
|
63
63
|
${a};
|
|
64
64
|
text-decoration: underline;
|
|
65
65
|
|
|
@@ -68,45 +68,45 @@ const F = s.span``, d = s.span``, u = (t) => i`
|
|
|
68
68
|
pointer-events: none;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
${({ $variant:
|
|
71
|
+
${({ $variant: e, theme: t, $disabled: n }) => e && e !== "filled" && i`
|
|
72
72
|
&:link:visited {
|
|
73
|
-
color: ${
|
|
74
|
-
border-color: ${
|
|
73
|
+
color: ${t.layer({ disabled: n })[m.TextOnFoundationLinkVisited]};
|
|
74
|
+
border-color: ${t.layer({ disabled: n })[m.TextOnFoundationLinkVisited]};
|
|
75
75
|
}
|
|
76
76
|
`};
|
|
77
77
|
|
|
78
|
-
${({ $variant:
|
|
78
|
+
${({ $variant: e, theme: t, $disabled: n }) => r(t, "Link", e, {
|
|
79
79
|
disabled: n,
|
|
80
|
-
transparentRestingState:
|
|
80
|
+
transparentRestingState: e === "filled" ? o.TransparentRestingStates.False : o.TransparentRestingStates.True
|
|
81
81
|
})};
|
|
82
|
-
`,
|
|
82
|
+
`, x = s.button`
|
|
83
83
|
${a};
|
|
84
|
-
${({ $variant:
|
|
84
|
+
${({ $variant: e, theme: t, $sentiment: n }) => r(t, "Sentiment", e, {
|
|
85
85
|
sentiment: n,
|
|
86
|
-
sentimentProminence:
|
|
86
|
+
sentimentProminence: e === "filled" ? o.SentimentProminences.Strong : o.SentimentProminences.Transparent
|
|
87
87
|
})};
|
|
88
|
-
`,
|
|
88
|
+
`, C = s.button`
|
|
89
89
|
${a};
|
|
90
|
-
${({ $variant:
|
|
91
|
-
`,
|
|
90
|
+
${({ $variant: e, theme: t, $sentiment: n, $sentimentProminence: c }) => r(t, "On Sentiment", e, { sentiment: n, sentimentProminence: c })};
|
|
91
|
+
`, w = s.button`
|
|
92
92
|
${a};
|
|
93
|
-
${({ $variant:
|
|
93
|
+
${({ $variant: e, theme: t, $brand: n }) => r(t, "On Brand", e, { brand: n })};
|
|
94
94
|
`, W = s.button`
|
|
95
95
|
${a};
|
|
96
|
-
${({ $variant:
|
|
97
|
-
selectedProminence:
|
|
96
|
+
${({ $variant: e, theme: t }) => r(t, "On Selected", e, {
|
|
97
|
+
selectedProminence: e === "filled" ? o.SelectedProminences.Strong : o.SelectedProminences.Subtle
|
|
98
98
|
})};
|
|
99
99
|
`;
|
|
100
100
|
export {
|
|
101
|
-
|
|
101
|
+
h as Button,
|
|
102
102
|
F as ButtonLabel,
|
|
103
103
|
d as ButtonLabelContainer,
|
|
104
|
-
|
|
104
|
+
k as ButtonLink,
|
|
105
105
|
a as CommonStyles,
|
|
106
|
-
|
|
106
|
+
w as OnBrandButton,
|
|
107
107
|
W as OnSelectedButton,
|
|
108
|
-
|
|
109
|
-
|
|
108
|
+
C as OnSentimentButton,
|
|
109
|
+
x as SentimentButton,
|
|
110
110
|
B as buttonCssWithVariant
|
|
111
111
|
};
|
|
112
112
|
//# sourceMappingURL=Button.styles.js.map
|