acinguiux-ds-react-framework 0.1.16 → 0.1.18
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/Chart/Highcharts/options/axis.options.js +1 -1
- package/build/cjs/components/Chart/Highcharts/options/axis.options.js.map +1 -1
- package/build/cjs/components/Chart/Highcharts/options/legend.options.js +1 -1
- package/build/cjs/components/Chart/Highcharts/options/legend.options.js.map +1 -1
- package/build/cjs/components/Chart/Recharts/hooks/useChartElementStyles.js +1 -1
- package/build/cjs/components/Chart/Recharts/hooks/useChartElementStyles.js.map +1 -1
- package/build/cjs/components/DeprecatedTable/Table.styles.js +18 -21
- package/build/cjs/components/DeprecatedTable/Table.styles.js.map +1 -1
- package/build/cjs/components/DeprecatedTree/Tree.styles.js +1 -1
- package/build/cjs/components/DeprecatedTree/Tree.styles.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/Chart/Highcharts/options/axis.options.js +14 -14
- package/build/esm/components/Chart/Highcharts/options/axis.options.js.map +1 -1
- package/build/esm/components/Chart/Highcharts/options/legend.options.js +7 -7
- package/build/esm/components/Chart/Highcharts/options/legend.options.js.map +1 -1
- package/build/esm/components/Chart/Recharts/hooks/useChartElementStyles.js +6 -6
- package/build/esm/components/Chart/Recharts/hooks/useChartElementStyles.js.map +1 -1
- package/build/esm/components/DeprecatedTable/Table.styles.d.ts.map +1 -1
- package/build/esm/components/DeprecatedTable/Table.styles.js +27 -30
- package/build/esm/components/DeprecatedTable/Table.styles.js.map +1 -1
- package/build/esm/components/DeprecatedTree/Tree.styles.js +12 -12
- package/build/esm/components/DeprecatedTree/Tree.styles.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 +9 -1
- package/build/esm/react-base/src/theme/typography.js.map +1 -1
- package/package.json +1 -1
|
@@ -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 r=require("../../../../react-base/src/theme/types/layer.js"),l=(o,n)=>{const e=o.layer({foundation:"surface"});return{title:{style:{...o.typography("label",n,"regular"),color:e[r.Variables.TextOnFoundationStrong]},align:"high",x:-10},gridLineColor:e[r.Variables.BorderOnFoundationSubtle],labels:{style:{...o.typography("label",n),color:e[r.Variables.TextOnFoundationStrong]}}}},i=(o,n,e)=>{const t=e&&"categories"in e,a=o.layer({foundation:"surface"});return{title:{style:{...o.typography("label",n,"regular"),color:a[r.Variables.TextOnFoundationStrong]},align:"high"},crosshair:{width:1,color:a[r.Variables.BorderOnFoundationMedium]},tickColor:a[r.Variables.BorderOnFoundationStrong],tickWidth:1,tickLength:8,gridLineColor:a[r.Variables.BorderOnFoundationSubtle],gridLineDashStyle:"Dash",gridLineWidth:t?1:0,lineColor:a[r.Variables.BorderOnFoundationStrong],labels:{style:{...o.typography("label",n),color:a[r.Variables.TextOnFoundationStrong]},align:t?"center":"left"}}};exports.xAxis=i;exports.yAxis=l;
|
|
2
2
|
//# sourceMappingURL=axis.options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axis.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/axis.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const yAxis = (theme: DefaultTheme, size: ChartSize): Options['yAxis'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n title: {\n style: {\n ...theme.typography('label', size, '
|
|
1
|
+
{"version":3,"file":"axis.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/axis.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const yAxis = (theme: DefaultTheme, size: ChartSize): Options['yAxis'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n title: {\n style: {\n ...theme.typography('label', size, 'regular'),\n color: layer[Variables.TextOnFoundationStrong],\n },\n align: 'high',\n x: -10,\n },\n gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n labels: {\n style: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n },\n };\n};\n\nexport const xAxis = (theme: DefaultTheme, size: ChartSize, options: Options['xAxis']): Options['xAxis'] => {\n const hasCategories = options && 'categories' in options;\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n title: {\n style: {\n ...theme.typography('label', size, 'regular'),\n color: layer[Variables.TextOnFoundationStrong],\n },\n align: 'high',\n },\n crosshair: {\n width: 1,\n color: layer[Variables.BorderOnFoundationMedium],\n },\n tickColor: layer[Variables.BorderOnFoundationStrong],\n tickWidth: 1,\n tickLength: 8,\n gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n gridLineDashStyle: 'Dash',\n gridLineWidth: hasCategories ? 1 : 0,\n lineColor: layer[Variables.BorderOnFoundationStrong],\n labels: {\n style: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n align: hasCategories ? 'center' : 'left',\n },\n };\n};\n"],"names":["yAxis","theme","size","layer","Variables","xAxis","options","hasCategories"],"mappings":"+KAMaA,EAAQ,CAACC,EAAqBC,IAAsC,CAC/E,MAAMC,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,WAAW,QAASC,EAAM,SAAS,EAC5C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAO,OACP,EAAG,GAAA,EAEL,cAAeD,EAAMC,EAAAA,UAAU,wBAAwB,EACvD,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,CAC/C,CACF,CAEJ,EAEaC,EAAQ,CAACJ,EAAqBC,EAAiBI,IAAgD,CAC1G,MAAMC,EAAgBD,GAAW,eAAgBA,EAC3CH,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,WAAW,QAASC,EAAM,SAAS,EAC5C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAO,MAAA,EAET,UAAW,CACT,MAAO,EACP,MAAOD,EAAMC,EAAAA,UAAU,wBAAwB,CAAA,EAEjD,UAAWD,EAAMC,EAAAA,UAAU,wBAAwB,EACnD,UAAW,EACX,WAAY,EACZ,cAAeD,EAAMC,EAAAA,UAAU,wBAAwB,EACvD,kBAAmB,OACnB,cAAeG,EAAgB,EAAI,EACnC,UAAWJ,EAAMC,EAAAA,UAAU,wBAAwB,EACnD,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAOG,EAAgB,SAAW,MAAA,CACpC,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../react-base/src/theme/types/layer.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../react-base/src/theme/types/layer.js"),l=(e,r)=>{const t=e.layer({foundation:"surface"});return{align:"center",verticalAlign:"bottom",x:0,y:20,maxHeight:110,itemStyle:{...e.typography("label",r),color:t[o.Variables.TextOnFoundationStrong]},itemHoverStyle:{...e.typography("label",r,"regular"),color:t[o.Variables.TextOnFoundationStrong]},itemHiddenStyle:{color:t[o.Variables.TextOnFoundationSubtle],textDecoration:"normal"},margin:20}};exports.legend=l;
|
|
2
2
|
//# sourceMappingURL=legend.options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"legend.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/legend.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const legend = (theme: DefaultTheme, size: ChartSize): Options['legend'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n align: 'center',\n verticalAlign: 'bottom',\n x: 0,\n y: 20,\n maxHeight: 110,\n itemStyle: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n itemHoverStyle: {\n ...theme.typography('label', size, '
|
|
1
|
+
{"version":3,"file":"legend.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/legend.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const legend = (theme: DefaultTheme, size: ChartSize): Options['legend'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n align: 'center',\n verticalAlign: 'bottom',\n x: 0,\n y: 20,\n maxHeight: 110,\n itemStyle: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n itemHoverStyle: {\n ...theme.typography('label', size, 'regular'),\n color: layer[Variables.TextOnFoundationStrong],\n },\n itemHiddenStyle: {\n color: layer[Variables.TextOnFoundationSubtle],\n textDecoration: 'normal',\n },\n margin: 20,\n };\n};\n"],"names":["legend","theme","size","layer","Variables"],"mappings":"+KAMaA,EAAS,CAACC,EAAqBC,IAAuC,CACjF,MAAMC,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,SACP,cAAe,SACf,EAAG,EACH,EAAG,GACH,UAAW,IACX,UAAW,CACT,GAAGA,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,eAAgB,CACd,GAAGH,EAAM,WAAW,QAASC,EAAM,SAAS,EAC5C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,gBAAiB,CACf,MAAOD,EAAMC,EAAAA,UAAU,sBAAsB,EAC7C,eAAgB,QAAA,EAElB,OAAQ,EAAA,CAEZ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const d=require("react/jsx-runtime"),y=require("styled-components"),t=require("../../../../react-base/src/theme/types/layer.js"),m=require("./useColorByIndex.js"),p=require("../components/ChartTooltip/ChartTooltip.js"),f=(l,i)=>{const e=y.useTheme(),r=m.useColorByIndex(i),o={stroke:r,strokeWidth:2,dot:!1},s={strokeWidth:2,fill:r,cx:"50%",cy:"50%",label:!0
|
|
1
|
+
"use strict";const d=require("react/jsx-runtime"),y=require("styled-components"),t=require("../../../../react-base/src/theme/types/layer.js"),m=require("./useColorByIndex.js"),p=require("../components/ChartTooltip/ChartTooltip.js"),f=(l,i)=>{const e=y.useTheme(),r=m.useColorByIndex(i),o={stroke:r,strokeWidth:2,dot:!1},s={strokeWidth:2,fill:r,cx:"50%",cy:"50%",label:!0},n={height:28,tick:e.typography("label")},a={content:({payload:c,label:u})=>d.jsx(p,{payload:c,label:u}),labelStyle:e.typography("label","medium","regular"),contentStyle:e.typography("label","small","regular"),cursor:{stroke:e.globals("others").mask,strokeWidth:2,fill:e.layer({foundation:"section"})[t.Variables.BackgroundFoundation]}};switch(l){case"line":return o;case"area":case"bar":return{...o,fill:r};case"pie":return s;case"donut":return{...s,innerRadius:50};case"cell":return{fill:r};case"xAxis":return n;case"yAxis":return{...n,axisLine:!1,tickLine:!1};case"cartesianGrid":return{stroke:e.layer({foundation:"surface"})[t.Variables.BorderOnFoundationStrong],vertical:!1};case"brush":return{fill:e.layer({})[t.Variables.BackgroundFoundation],stroke:e.layer({foundation:"surface"})[t.Variables.BorderOnFoundationMedium]};case"tooltip":return a;case"tooltipBar":return a;case"legend":return{align:"left",wrapperStyle:{display:"block",left:25,bottom:-20}};case"referenceLine":default:return{stroke:r}}};module.exports=f;
|
|
2
2
|
//# sourceMappingURL=useChartElementStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChartElementStyles.js","sources":["../../../../../../src/components/Chart/Recharts/hooks/useChartElementStyles.tsx"],"sourcesContent":["import { useTheme, type CSSProperties } from 'styled-components';\nimport type { TooltipProps } from 'recharts';\nimport type { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { BaseRechartsChartTypes } from '../BaseRechartsChart.types';\nimport { useColorByIndex } from './useColorByIndex';\nimport ChartTooltip from '../components/ChartTooltip/ChartTooltip';\n\nexport type ChartElementType =\n | `${BaseRechartsChartTypes}`\n | 'pie'\n | 'donut'\n | 'xAxis'\n | 'yAxis'\n | 'cartesianGrid'\n | 'brush'\n | 'tooltip'\n | 'tooltipBar'\n | 'tooltipPie'\n | 'legend'\n | 'cell'\n | 'referenceLine';\n\nconst useChartElementStyles = (type?: ChartElementType, index?: number): CSSProperties => {\n const theme = useTheme();\n const colorByIndex = useColorByIndex(index);\n\n const commonElementProps = {\n stroke: colorByIndex,\n strokeWidth: 2,\n dot: false,\n };\n\n const commonPieProps = {\n strokeWidth: 2,\n fill: colorByIndex,\n cx: '50%',\n cy: '50%',\n label: true,\n style: theme.typography('label', 'medium', 'strong'),\n };\n\n const commonAxisProps = {\n height: 28,\n tick: theme.typography('label'),\n };\n\n const commonTooltipProps = {\n content: ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n <ChartTooltip payload={payload} label={label} />\n ),\n labelStyle: theme.typography('label', 'medium', 'regular'),\n contentStyle: theme.typography('label', 'small', 'regular'),\n cursor: {\n stroke: theme.globals('others').mask,\n strokeWidth: 2,\n fill: theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation],\n },\n };\n\n switch (type) {\n case 'line':\n return commonElementProps;\n case 'area':\n case 'bar':\n return {\n ...commonElementProps,\n fill: colorByIndex,\n };\n case 'pie':\n return commonPieProps;\n case 'donut':\n return {\n ...commonPieProps,\n innerRadius: 50,\n };\n case 'cell':\n return {\n fill: colorByIndex,\n };\n case 'xAxis':\n return commonAxisProps;\n case 'yAxis':\n return {\n ...commonAxisProps,\n axisLine: false,\n tickLine: false,\n };\n case 'cartesianGrid':\n return {\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationStrong],\n vertical: false,\n };\n case 'brush':\n return {\n fill: theme.layer({})[Variables.BackgroundFoundation],\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationMedium],\n };\n case 'tooltip':\n return commonTooltipProps;\n case 'tooltipBar':\n return commonTooltipProps;\n case 'legend':\n return {\n align: 'left',\n wrapperStyle: {\n display: 'block',\n left: 25,\n bottom: -20,\n },\n };\n case 'referenceLine':\n default:\n return {\n stroke: colorByIndex,\n };\n }\n};\n\nexport default useChartElementStyles;\n"],"names":["useChartElementStyles","type","index","theme","useTheme","colorByIndex","useColorByIndex","commonElementProps","commonPieProps","commonAxisProps","commonTooltipProps","payload","label","jsx","ChartTooltip","Variables"],"mappings":"wOAwBMA,EAAwB,CAACC,EAAyBC,IAAkC,CACxF,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAeC,EAAAA,gBAAgBJ,CAAK,EAEpCK,EAAqB,CACzB,OAAQF,EACR,YAAa,EACb,IAAK,EAAA,EAGDG,EAAiB,CACrB,YAAa,EACb,KAAMH,EACN,GAAI,MACJ,GAAI,MACJ,MAAO,
|
|
1
|
+
{"version":3,"file":"useChartElementStyles.js","sources":["../../../../../../src/components/Chart/Recharts/hooks/useChartElementStyles.tsx"],"sourcesContent":["import { useTheme, type CSSProperties } from 'styled-components';\nimport type { TooltipProps } from 'recharts';\nimport type { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { BaseRechartsChartTypes } from '../BaseRechartsChart.types';\nimport { useColorByIndex } from './useColorByIndex';\nimport ChartTooltip from '../components/ChartTooltip/ChartTooltip';\n\nexport type ChartElementType =\n | `${BaseRechartsChartTypes}`\n | 'pie'\n | 'donut'\n | 'xAxis'\n | 'yAxis'\n | 'cartesianGrid'\n | 'brush'\n | 'tooltip'\n | 'tooltipBar'\n | 'tooltipPie'\n | 'legend'\n | 'cell'\n | 'referenceLine';\n\nconst useChartElementStyles = (type?: ChartElementType, index?: number): CSSProperties => {\n const theme = useTheme();\n const colorByIndex = useColorByIndex(index);\n\n const commonElementProps = {\n stroke: colorByIndex,\n strokeWidth: 2,\n dot: false,\n };\n\n const commonPieProps = {\n strokeWidth: 2,\n fill: colorByIndex,\n cx: '50%',\n cy: '50%',\n label: true,\n // style: theme.typography('label', 'medium', 'strong'),\n };\n\n const commonAxisProps = {\n height: 28,\n tick: theme.typography('label'),\n };\n\n const commonTooltipProps = {\n content: ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n <ChartTooltip payload={payload} label={label} />\n ),\n labelStyle: theme.typography('label', 'medium', 'regular'),\n contentStyle: theme.typography('label', 'small', 'regular'),\n cursor: {\n stroke: theme.globals('others').mask,\n strokeWidth: 2,\n fill: theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation],\n },\n };\n\n switch (type) {\n case 'line':\n return commonElementProps;\n case 'area':\n case 'bar':\n return {\n ...commonElementProps,\n fill: colorByIndex,\n };\n case 'pie':\n return commonPieProps;\n case 'donut':\n return {\n ...commonPieProps,\n innerRadius: 50,\n };\n case 'cell':\n return {\n fill: colorByIndex,\n };\n case 'xAxis':\n return commonAxisProps;\n case 'yAxis':\n return {\n ...commonAxisProps,\n axisLine: false,\n tickLine: false,\n };\n case 'cartesianGrid':\n return {\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationStrong],\n vertical: false,\n };\n case 'brush':\n return {\n fill: theme.layer({})[Variables.BackgroundFoundation],\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationMedium],\n };\n case 'tooltip':\n return commonTooltipProps;\n case 'tooltipBar':\n return commonTooltipProps;\n case 'legend':\n return {\n align: 'left',\n wrapperStyle: {\n display: 'block',\n left: 25,\n bottom: -20,\n },\n };\n case 'referenceLine':\n default:\n return {\n stroke: colorByIndex,\n };\n }\n};\n\nexport default useChartElementStyles;\n"],"names":["useChartElementStyles","type","index","theme","useTheme","colorByIndex","useColorByIndex","commonElementProps","commonPieProps","commonAxisProps","commonTooltipProps","payload","label","jsx","ChartTooltip","Variables"],"mappings":"wOAwBMA,EAAwB,CAACC,EAAyBC,IAAkC,CACxF,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAeC,EAAAA,gBAAgBJ,CAAK,EAEpCK,EAAqB,CACzB,OAAQF,EACR,YAAa,EACb,IAAK,EAAA,EAGDG,EAAiB,CACrB,YAAa,EACb,KAAMH,EACN,GAAI,MACJ,GAAI,MACJ,MAAO,EAAA,EAIHI,EAAkB,CACtB,OAAQ,GACR,KAAMN,EAAM,WAAW,OAAO,CAAA,EAG1BO,EAAqB,CACzB,QAAS,CAAC,CAAE,QAAAC,EAAS,MAAAC,KACnBC,EAAAA,IAACC,EAAA,CAAa,QAAAH,EAAkB,MAAAC,EAAc,EAEhD,WAAYT,EAAM,WAAW,QAAS,SAAU,SAAS,EACzD,aAAcA,EAAM,WAAW,QAAS,QAAS,SAAS,EAC1D,OAAQ,CACN,OAAQA,EAAM,QAAQ,QAAQ,EAAE,KAChC,YAAa,EACb,KAAMA,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEY,EAAAA,UAAU,oBAAoB,CAAA,CAC7E,EAGF,OAAQd,EAAA,CACN,IAAK,OACH,OAAOM,EACT,IAAK,OACL,IAAK,MACH,MAAO,CACL,GAAGA,EACH,KAAMF,CAAA,EAEV,IAAK,MACH,OAAOG,EACT,IAAK,QACH,MAAO,CACL,GAAGA,EACH,YAAa,EAAA,EAEjB,IAAK,OACH,MAAO,CACL,KAAMH,CAAA,EAEV,IAAK,QACH,OAAOI,EACT,IAAK,QACH,MAAO,CACL,GAAGA,EACH,SAAU,GACV,SAAU,EAAA,EAEd,IAAK,gBACH,MAAO,CACL,OAAQN,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEY,EAAAA,UAAU,wBAAwB,EACjF,SAAU,EAAA,EAEd,IAAK,QACH,MAAO,CACL,KAAMZ,EAAM,MAAM,CAAA,CAAE,EAAEY,EAAAA,UAAU,oBAAoB,EACpD,OAAQZ,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEY,EAAAA,UAAU,wBAAwB,CAAA,EAErF,IAAK,UACH,OAAOL,EACT,IAAK,aACH,OAAOA,EACT,IAAK,SACH,MAAO,CACL,MAAO,OACP,aAAc,CACZ,QAAS,QACT,KAAM,GACN,OAAQ,GAAA,CACV,EAEJ,IAAK,gBACL,QACE,MAAO,CACL,OAAQL,CAAA,CACV,CAEN"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),r=require("../../react-base/src/consts/index.js"),o=require("../../react-base/src/theme/types/layer.js"),t=require("../../utils/colorUtils.js"),i=require("./Table.consts.js"),d=n.styled.div(({prefixCls:l,size:a,theme:e})=>n.css`
|
|
2
2
|
width: 100%;
|
|
3
3
|
|
|
4
4
|
.${l} {
|
|
@@ -15,45 +15,42 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
& tr:hover td {
|
|
18
|
-
background-color: ${t.rgba2rgb(e.layer({selectedProminence:"subtle"})[
|
|
18
|
+
background-color: ${t.rgba2rgb(e.layer({selectedProminence:"subtle"})[o.Variables.BackgroundSelected],e.layer({foundation:"surface"})[o.Variables.BackgroundFoundation])};
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
&-cell,
|
|
22
22
|
&-no-data {
|
|
23
|
-
${(a===
|
|
24
|
-
${a===
|
|
23
|
+
${(a===r.Sizes.XSmall||a===r.Sizes.Small||a===r.Sizes.Medium)&&e.typography("paragraph","small")};
|
|
24
|
+
${a===r.Sizes.Large&&e.typography("paragraph")};
|
|
25
25
|
height: ${i.tableConsts[a].height};
|
|
26
26
|
|
|
27
|
-
${a===
|
|
27
|
+
${a===r.Sizes.XSmall&&n.css`
|
|
28
28
|
padding: 0 14px;
|
|
29
29
|
`};
|
|
30
30
|
|
|
31
|
-
${a===
|
|
31
|
+
${a===r.Sizes.Small&&n.css`
|
|
32
32
|
padding: 3px 14px;
|
|
33
33
|
`};
|
|
34
34
|
|
|
35
|
-
${(a===
|
|
35
|
+
${(a===r.Sizes.Medium||a===r.Sizes.Large)&&n.css`
|
|
36
36
|
padding: 4px 14px;
|
|
37
37
|
`};
|
|
38
38
|
|
|
39
|
-
background-color: ${e.layer({foundation:"surface"})[
|
|
40
|
-
color: ${e.layer({foundation:"surface"})[
|
|
39
|
+
background-color: ${e.layer({foundation:"surface"})[o.Variables.BackgroundFoundation]};
|
|
40
|
+
color: ${e.layer({foundation:"surface"})[o.Variables.TextOnFoundationStrong]};
|
|
41
41
|
box-sizing: border-box;
|
|
42
42
|
overflow-wrap: break-word;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
&-thead {
|
|
46
46
|
.${l}-cell {
|
|
47
|
-
background-color: ${e.layer({foundation:"raised"})[
|
|
48
|
-
${(a===o.Sizes.XSmall||a===o.Sizes.Small||a===o.Sizes.Medium)&&e.typography("label","medium","strong")};
|
|
49
|
-
${a===o.Sizes.Large&&e.typography("label","large","strong")};
|
|
50
|
-
text-align: inherit;
|
|
47
|
+
background-color: ${e.layer({foundation:"raised"})[o.Variables.BackgroundFoundation]};
|
|
51
48
|
}
|
|
52
49
|
|
|
53
50
|
th {
|
|
54
51
|
position: relative;
|
|
55
52
|
vertical-align: middle;
|
|
56
|
-
border-bottom: 1px solid ${e.layer({foundation:"surface"})[
|
|
53
|
+
border-bottom: 1px solid ${e.layer({foundation:"surface"})[o.Variables.BorderOnFoundationSubtle]};
|
|
57
54
|
|
|
58
55
|
.react-resizable-handle-se {
|
|
59
56
|
top: calc(50% - 9px);
|
|
@@ -66,14 +63,14 @@
|
|
|
66
63
|
width: 2px;
|
|
67
64
|
height: 18px;
|
|
68
65
|
border-radius: 1px;
|
|
69
|
-
background-color: ${e.layer({foundation:"surface"})[
|
|
66
|
+
background-color: ${e.layer({foundation:"surface"})[o.Variables.BorderOnFoundationSubtle]};
|
|
70
67
|
}
|
|
71
68
|
}
|
|
72
69
|
}
|
|
73
70
|
|
|
74
71
|
&-tbody {
|
|
75
72
|
.${l}-row:not(:last-of-type) {
|
|
76
|
-
border-bottom: 1px solid ${e.layer({foundation:"surface"})[
|
|
73
|
+
border-bottom: 1px solid ${e.layer({foundation:"surface"})[o.Variables.BorderOnFoundationSubtle]};
|
|
77
74
|
}
|
|
78
75
|
|
|
79
76
|
div.${l}-cell {
|
|
@@ -88,7 +85,7 @@
|
|
|
88
85
|
}
|
|
89
86
|
|
|
90
87
|
.${l}-expanded-row {
|
|
91
|
-
border-bottom: 1px solid ${e.layer({foundation:"surface"})[
|
|
88
|
+
border-bottom: 1px solid ${e.layer({foundation:"surface"})[o.Variables.BorderOnFoundationSubtle]};
|
|
92
89
|
}
|
|
93
90
|
}
|
|
94
91
|
|
|
@@ -102,7 +99,7 @@
|
|
|
102
99
|
border-radius: 2px;
|
|
103
100
|
|
|
104
101
|
path {
|
|
105
|
-
fill: ${e.layer({foundation:"surface"})[
|
|
102
|
+
fill: ${e.layer({foundation:"surface"})[o.Variables.TextOnFoundationSubtle]};
|
|
106
103
|
}
|
|
107
104
|
}
|
|
108
105
|
|
|
@@ -114,10 +111,10 @@
|
|
|
114
111
|
|
|
115
112
|
&-column-sorted,
|
|
116
113
|
&-filter-trigger.active {
|
|
117
|
-
background-color: ${e.layer({selectedProminence:"strong"})[
|
|
114
|
+
background-color: ${e.layer({selectedProminence:"strong"})[o.Variables.BackgroundSelected]};
|
|
118
115
|
|
|
119
116
|
path {
|
|
120
|
-
fill: ${e.layer({selectedProminence:"strong"})[
|
|
117
|
+
fill: ${e.layer({selectedProminence:"strong"})[o.Variables.TextOnSelectedBackgroundStrong]};
|
|
121
118
|
}
|
|
122
119
|
}
|
|
123
120
|
|
|
@@ -141,7 +138,7 @@
|
|
|
141
138
|
}
|
|
142
139
|
|
|
143
140
|
&-cell-fix-left {
|
|
144
|
-
z-index: ${
|
|
141
|
+
z-index: ${r.ZIndexes.ELEVATED};
|
|
145
142
|
}
|
|
146
143
|
}
|
|
147
144
|
`);exports.BaseTableStyles=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport { rgba2rgb } from '../../utils/colorUtils';\nimport { tableConsts } from './Table.consts';\nimport type { TableSize } from './Table.types';\n\ntype BaseTableProps = {\n prefixCls: string;\n size: TableSize;\n};\n\nconst BaseTableStyles = styled.div<BaseTableProps>(\n ({ prefixCls, size, theme }) => css`\n width: 100%;\n\n .${prefixCls} {\n &-container table {\n border-collapse: collapse;\n }\n\n &-content table {\n width: 100%;\n }\n\n &-header table {\n width: 100%;\n }\n\n & tr:hover td {\n background-color: ${rgba2rgb(\n theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected],\n theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\n )};\n }\n\n &-cell,\n &-no-data {\n ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium) &&\n theme.typography('paragraph', 'small')};\n ${size === Sizes.Large && theme.typography('paragraph')};\n height: ${tableConsts[size].height};\n\n ${size === Sizes.XSmall &&\n css`\n padding: 0 14px;\n `};\n\n ${size === Sizes.Small &&\n css`\n padding: 3px 14px;\n `};\n\n ${(size === Sizes.Medium || size === Sizes.Large) &&\n css`\n padding: 4px 14px;\n `};\n\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n box-sizing: border-box;\n overflow-wrap: break-word;\n }\n\n &-thead {\n .${prefixCls}-cell {\n background-color: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\n
|
|
1
|
+
{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport { rgba2rgb } from '../../utils/colorUtils';\nimport { tableConsts } from './Table.consts';\nimport type { TableSize } from './Table.types';\n\ntype BaseTableProps = {\n prefixCls: string;\n size: TableSize;\n};\n\nconst BaseTableStyles = styled.div<BaseTableProps>(\n ({ prefixCls, size, theme }) => css`\n width: 100%;\n\n .${prefixCls} {\n &-container table {\n border-collapse: collapse;\n }\n\n &-content table {\n width: 100%;\n }\n\n &-header table {\n width: 100%;\n }\n\n & tr:hover td {\n background-color: ${rgba2rgb(\n theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected],\n theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\n )};\n }\n\n &-cell,\n &-no-data {\n ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium) &&\n theme.typography('paragraph', 'small')};\n ${size === Sizes.Large && theme.typography('paragraph')};\n height: ${tableConsts[size].height};\n\n ${size === Sizes.XSmall &&\n css`\n padding: 0 14px;\n `};\n\n ${size === Sizes.Small &&\n css`\n padding: 3px 14px;\n `};\n\n ${(size === Sizes.Medium || size === Sizes.Large) &&\n css`\n padding: 4px 14px;\n `};\n\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n box-sizing: border-box;\n overflow-wrap: break-word;\n }\n\n &-thead {\n .${prefixCls}-cell {\n background-color: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\n }\n\n th {\n position: relative;\n vertical-align: middle;\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n\n .react-resizable-handle-se {\n top: calc(50% - 9px);\n right: 14px;\n cursor: ew-resize;\n }\n\n .react-resizable-handle {\n position: absolute;\n width: 2px;\n height: 18px;\n border-radius: 1px;\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n }\n }\n\n &-tbody {\n .${prefixCls}-row:not(:last-of-type) {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n\n div.${prefixCls}-cell {\n display: flex;\n align-items: center;\n }\n\n .row-checked {\n .${prefixCls}-cell, & + .${prefixCls}-expanded-row .${prefixCls}-cell {\n background-color: ${theme.globals('others').focus};\n }\n }\n\n .${prefixCls}-expanded-row {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n }\n\n &-column-sorter,\n &-filter-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 0 0 5px;\n padding: 2px;\n border-radius: 2px;\n\n path {\n fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n }\n }\n\n &-column-sorters,\n &-filter-column {\n display: flex;\n align-items: center;\n }\n\n &-column-sorted,\n &-filter-trigger.active {\n background-color: ${theme.layer({ selectedProminence: 'strong' })[Variables.BackgroundSelected]};\n\n path {\n fill: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-expand-icon-col {\n width: 20px;\n }\n\n &-cell-ellipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-cell-with-append {\n display: flex;\n align-items: center;\n\n > button {\n margin-right: 4px;\n }\n }\n\n &-cell-fix-left {\n z-index: ${ZIndexes.ELEVATED};\n }\n }\n `,\n);\n\nexport { BaseTableStyles };\n"],"names":["BaseTableStyles","styled","prefixCls","size","theme","css","rgba2rgb","Variables","Sizes","tableConsts","ZIndexes"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport RCTree, { type TreeProps as RcTreeProps } from 'rc-tree';\nimport { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITreeProps } from './Tree.types';\n\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\n ${({ prefixCls }) => css`\n &.${prefixCls}-checkbox {\n .acinguiux-checkbox-label {\n display: none;\n }\n\n .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n\n &-checked {\n .${prefixCls}-checkbox-wrapper-checked {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n }\n\n &-indeterminate {\n .${prefixCls}-checkbox-wrapper-indeterminate {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\n display: none;\n }\n }\n }\n `}\n`;\n\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps>)<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${({ prefixCls, theme, size }) => css<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${theme.typography('heading', 'extraSmall')}\n margin: 0;\n border: 1px solid transparent;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n\n .${prefixCls} {\n /* Caret toggle */\n &-switcher {\n display: flex;\n margin-right: 8px;\n }\n\n /* Indent placeholder */\n &-indent-unit {\n display: inline-flex;\n width: 32px;\n }\n\n /* Node text */\n &-node-content-wrapper {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n /* SVG icon */\n &-iconEle {\n display: flex;\n }\n\n &-checkbox {\n margin-right: 8px;\n }\n\n &-treenode {\n display: flex;\n align-items: center;\n margin: 4px 0;\n padding: 0;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n\n ${theme.typography('label', size ?? 'medium', '
|
|
1
|
+
{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport RCTree, { type TreeProps as RcTreeProps } from 'rc-tree';\nimport { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITreeProps } from './Tree.types';\n\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\n ${({ prefixCls }) => css`\n &.${prefixCls}-checkbox {\n .acinguiux-checkbox-label {\n display: none;\n }\n\n .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n\n &-checked {\n .${prefixCls}-checkbox-wrapper-checked {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n }\n\n &-indeterminate {\n .${prefixCls}-checkbox-wrapper-indeterminate {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\n display: none;\n }\n }\n }\n `}\n`;\n\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps>)<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${({ prefixCls, theme, size }) => css<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${theme.typography('heading', 'extraSmall')}\n margin: 0;\n border: 1px solid transparent;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n\n .${prefixCls} {\n /* Caret toggle */\n &-switcher {\n display: flex;\n margin-right: 8px;\n }\n\n /* Indent placeholder */\n &-indent-unit {\n display: inline-flex;\n width: 32px;\n }\n\n /* Node text */\n &-node-content-wrapper {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n /* SVG icon */\n &-iconEle {\n display: flex;\n }\n\n &-checkbox {\n margin-right: 8px;\n }\n\n &-treenode {\n display: flex;\n align-items: center;\n margin: 4px 0;\n padding: 0;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n\n ${theme.typography('label', size ?? 'medium', 'regular')}\n\n &-disabled {\n color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\n cursor: not-allowed;\n\n .${prefixCls}-checkbox {\n pointer-events: none;\n }\n }\n\n span {\n ${Checkbox}\n }\n\n &:not(&-show-line) {\n .${prefixCls}-treenode {\n .${prefixCls}-switcher-noop {\n background: none;\n }\n }\n }\n }\n }\n `}\n`;\n\nconst ExpandButton = styled.button`\n display: flex;\n align-items: center;\n border: none;\n background: transparent;\n padding: 0;\n margin: 0;\n`;\n\nexport { Tree, ExpandButton };\n"],"names":["Checkbox","css","prefixCls","Tree","styled","RCTree","theme","size","Variables","ExpandButton"],"mappings":"6NAQMA,EAAWC,EAAAA;AAAAA,IACb,CAAC,CAAE,UAAAC,CAAA,IAAgBD,EAAAA;AAAAA,QACfC,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRA,CAAS,+BAA+BA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,WAK/CA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMnDA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,GAK3D;AAAA,EAGGC,EAAOC,EAAAA,OAAOC,CAAmD;AAAA,IACnE,CAAC,CAAE,UAAAH,EAAW,MAAAI,EAAO,KAAAC,KAAWN,EAAAA;AAAAA,MAC9BK,EAAM,WAAW,UAAW,YAAY,CAAC;AAAA;AAAA;AAAA,aAGlCA,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA,OAE9EN,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAsCNI,EAAM,WAAW,QAASC,GAAQ,SAAU,SAAS,CAAC;AAAA;AAAA;AAAA,mBAG7CD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAU,GAAM,EAAEE,YAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,aAG9FN,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMVF,CAAQ;AAAA;AAAA;AAAA;AAAA,aAIPE,CAAS;AAAA,eACPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrB;AAAA,EAGGO,EAAeL,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./types/typography.js"),o=()=>({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:"system-ui",fontWeight:400,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},strong:{smallest:{fontFamily:"system-ui",fontWeight:700,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},medium:{smallest:{fontFamily:"system-ui",fontWeight:500,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:500,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:500,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},extraStrong:{smallest:{fontFamily:"system-ui",fontWeight:800,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:800,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:800,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:800,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:800,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}},medium:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}},extraStrong:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}}}}),e=o(),i=t=>({...t,fontWeight:`${t.fontWeight??"normal"}`,fontSize:`${t.fontSize??0}px`,lineHeight:`${t.lineHeight??0}px`,paragraphSpacing:`${t.paragraphSpacing??0}px`,letterSpacing:`${t.letterSpacing??0}px`}),g=(t,n="medium",a="regular")=>{if(!e||!e[t])return console.warn(`Typography object or kind "${t}" 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 l.isTypographyWeighted(t)?e[t][a]?i(e[t][a][n]):(console.warn(`Typography weight "${a}" not available for kind "${t}" - using fallback
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./types/typography.js"),o=()=>({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:"system-ui",fontWeight:400,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:400,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:400,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:400,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:400,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},strong:{smallest:{fontFamily:"system-ui",fontWeight:700,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},medium:{smallest:{fontFamily:"system-ui",fontWeight:500,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:500,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:500,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:20}},extraStrong:{smallest:{fontFamily:"system-ui",fontWeight:800,fontSize:10,fontStyle:"normal",letterSpacing:0,lineHeight:12,paragraphSpacing:12},extraSmall:{fontFamily:"system-ui",fontWeight:800,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16},small:{fontFamily:"system-ui",fontWeight:800,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:16},medium:{fontFamily:"system-ui",fontWeight:800,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},large:{fontFamily:"system-ui",fontWeight:800,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}},medium:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:500,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}},extraStrong:{extraLarge:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:20,fontStyle:"normal",letterSpacing:0,lineHeight:32,paragraphSpacing:32},large:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:18,fontStyle:"normal",letterSpacing:0,lineHeight:28,paragraphSpacing:28},medium:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:16,fontStyle:"normal",letterSpacing:0,lineHeight:24,paragraphSpacing:24},small:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:14,fontStyle:"normal",letterSpacing:0,lineHeight:20,paragraphSpacing:20},extraSmall:{fontFamily:"Be Vietnam Pro, sans-serif",fontWeight:700,fontSize:12,fontStyle:"normal",letterSpacing:0,lineHeight:16,paragraphSpacing:16}}}}),e=o(),i=t=>({...t,fontWeight:`${t.fontWeight??"normal"}`,fontSize:`${t.fontSize??0}px`,lineHeight:`${t.lineHeight??0}px`,paragraphSpacing:`${t.paragraphSpacing??0}px`,letterSpacing:`${t.letterSpacing??0}px`}),g=(t,n="medium",a="regular")=>{if(!e||!e[t])return console.warn(`Typography object or kind "${t}" 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 l.isTypographyWeighted(t)?e[t][a]?e[t][a][n]?i(e[t][a][n]):(console.warn(`Typography size "${n}" not available for kind "${t}" weight "${a}" - using fallback`),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}):(console.warn(`Typography weight "${a}" not available for kind "${t}" - using fallback. Available weights:`,Object.keys(e[t]||{})),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}):i(e[t][n])}catch(r){return console.warn(`Error accessing typography values for kind "${t}", size "${n}", weight "${a}" - using fallback`,r),{fontFamily:"Arial, sans-serif",fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",paragraphSpacing:"0px",letterSpacing:"0px"}}};exports.typography=g;
|
|
2
2
|
//# sourceMappingURL=typography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { 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: 'system-ui', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n strong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n medium: {\n smallest: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n extraStrong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 800, 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 medium: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n extraStrong: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n },\n} as any);\n\n// Validation function to check if Typography object has required structure\nconst isValidTypography = (typo: any): boolean => {\n if (!typo || typeof typo !== 'object') {\n console.warn('[Typography SSR] Typography is not an object:', typo);\n return false;\n }\n\n // Check that all required kinds exist\n const requiredKinds = ['label', 'paragraph', 'heading', 'display'];\n for (const kind of requiredKinds) {\n if (!typo[kind]) {\n console.warn(`[Typography SSR] Missing kind \"${kind}\" in Typography object`);\n return false;\n }\n }\n\n // Check that label and paragraph have both regular and strong weights\n if (!typo.label?.regular || !typo.label?.strong || !typo.paragraph?.regular || !typo.paragraph?.strong) {\n console.warn('[Typography SSR] Missing required weights. Has label.regular:', !!typo.label?.regular, 'label.strong:', !!typo.label?.strong, 'paragraph.regular:', !!typo.paragraph?.regular, 'paragraph.strong:', !!typo.paragraph?.strong);\n return false;\n }\n\n console.log('[Typography SSR] Typography validation passed');\n return true;\n};\n\n// Use validated Typography or fallback\n// Always use fallback for SSR safety during Next.js build\nconst safeTypography = 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","transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { 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: 'system-ui', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n strong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n medium: {\n smallest: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n extraStrong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 800, 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 medium: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n extraStrong: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n },\n} as any);\n\n// Validation function to check if Typography object has required structure\nconst isValidTypography = (typo: any): boolean => {\n if (!typo || typeof typo !== 'object') {\n console.warn('[Typography SSR] Typography is not an object:', typo);\n return false;\n }\n\n // Check that all required kinds exist\n const requiredKinds = ['label', 'paragraph', 'heading', 'display'];\n for (const kind of requiredKinds) {\n if (!typo[kind]) {\n console.warn(`[Typography SSR] Missing kind \"${kind}\" in Typography object`);\n return false;\n }\n }\n\n // Check that label and paragraph have both regular and strong weights\n if (!typo.label?.regular || !typo.label?.strong || !typo.paragraph?.regular || !typo.paragraph?.strong) {\n console.warn('[Typography SSR] Missing required weights. Has label.regular:', !!typo.label?.regular, 'label.strong:', !!typo.label?.strong, 'paragraph.regular:', !!typo.paragraph?.regular, 'paragraph.strong:', !!typo.paragraph?.strong);\n return false;\n }\n\n console.log('[Typography SSR] Typography validation passed');\n return true;\n};\n\n// Use validated Typography or fallback\n// Always use fallback for SSR safety during Next.js build\nconst safeTypography = 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. Available weights:`, Object.keys(safeTypography[kind] || {}));\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 // Additional safety check for size within weight\n if (!safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]]) {\n console.warn(`Typography size \"${size}\" not available for kind \"${kind}\" weight \"${weight}\" - 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 \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","transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { Variables as o } from "../../../../react-base/src/theme/types/layer.js";
|
|
2
|
-
const
|
|
3
|
-
const
|
|
2
|
+
const i = (r, l) => {
|
|
3
|
+
const n = r.layer({ foundation: "surface" });
|
|
4
4
|
return {
|
|
5
5
|
title: {
|
|
6
6
|
style: {
|
|
7
|
-
...
|
|
8
|
-
color:
|
|
7
|
+
...r.typography("label", l, "regular"),
|
|
8
|
+
color: n[o.TextOnFoundationStrong]
|
|
9
9
|
},
|
|
10
10
|
align: "high",
|
|
11
11
|
x: -10
|
|
12
12
|
},
|
|
13
|
-
gridLineColor:
|
|
13
|
+
gridLineColor: n[o.BorderOnFoundationSubtle],
|
|
14
14
|
labels: {
|
|
15
15
|
style: {
|
|
16
|
-
...
|
|
17
|
-
color:
|
|
16
|
+
...r.typography("label", l),
|
|
17
|
+
color: n[o.TextOnFoundationStrong]
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
}, d = (
|
|
22
|
-
const
|
|
21
|
+
}, d = (r, l, n) => {
|
|
22
|
+
const a = n && "categories" in n, t = r.layer({ foundation: "surface" });
|
|
23
23
|
return {
|
|
24
24
|
title: {
|
|
25
25
|
style: {
|
|
26
|
-
...
|
|
26
|
+
...r.typography("label", l, "regular"),
|
|
27
27
|
color: t[o.TextOnFoundationStrong]
|
|
28
28
|
},
|
|
29
29
|
align: "high"
|
|
@@ -37,19 +37,19 @@ const e = (n, l) => {
|
|
|
37
37
|
tickLength: 8,
|
|
38
38
|
gridLineColor: t[o.BorderOnFoundationSubtle],
|
|
39
39
|
gridLineDashStyle: "Dash",
|
|
40
|
-
gridLineWidth:
|
|
40
|
+
gridLineWidth: a ? 1 : 0,
|
|
41
41
|
lineColor: t[o.BorderOnFoundationStrong],
|
|
42
42
|
labels: {
|
|
43
43
|
style: {
|
|
44
|
-
...
|
|
44
|
+
...r.typography("label", l),
|
|
45
45
|
color: t[o.TextOnFoundationStrong]
|
|
46
46
|
},
|
|
47
|
-
align:
|
|
47
|
+
align: a ? "center" : "left"
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
};
|
|
51
51
|
export {
|
|
52
52
|
d as xAxis,
|
|
53
|
-
|
|
53
|
+
i as yAxis
|
|
54
54
|
};
|
|
55
55
|
//# sourceMappingURL=axis.options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axis.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/axis.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const yAxis = (theme: DefaultTheme, size: ChartSize): Options['yAxis'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n title: {\n style: {\n ...theme.typography('label', size, '
|
|
1
|
+
{"version":3,"file":"axis.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/axis.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const yAxis = (theme: DefaultTheme, size: ChartSize): Options['yAxis'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n title: {\n style: {\n ...theme.typography('label', size, 'regular'),\n color: layer[Variables.TextOnFoundationStrong],\n },\n align: 'high',\n x: -10,\n },\n gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n labels: {\n style: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n },\n };\n};\n\nexport const xAxis = (theme: DefaultTheme, size: ChartSize, options: Options['xAxis']): Options['xAxis'] => {\n const hasCategories = options && 'categories' in options;\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n title: {\n style: {\n ...theme.typography('label', size, 'regular'),\n color: layer[Variables.TextOnFoundationStrong],\n },\n align: 'high',\n },\n crosshair: {\n width: 1,\n color: layer[Variables.BorderOnFoundationMedium],\n },\n tickColor: layer[Variables.BorderOnFoundationStrong],\n tickWidth: 1,\n tickLength: 8,\n gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n gridLineDashStyle: 'Dash',\n gridLineWidth: hasCategories ? 1 : 0,\n lineColor: layer[Variables.BorderOnFoundationStrong],\n labels: {\n style: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n align: hasCategories ? 'center' : 'left',\n },\n };\n};\n"],"names":["yAxis","theme","size","layer","Variables","xAxis","options","hasCategories"],"mappings":";AAMO,MAAMA,IAAQ,CAACC,GAAqBC,MAAsC;AAC/E,QAAMC,IAAQF,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAO;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,QACL,GAAGA,EAAM,WAAW,SAASC,GAAM,SAAS;AAAA,QAC5C,OAAOC,EAAMC,EAAU,sBAAsB;AAAA,MAAA;AAAA,MAE/C,OAAO;AAAA,MACP,GAAG;AAAA,IAAA;AAAA,IAEL,eAAeD,EAAMC,EAAU,wBAAwB;AAAA,IACvD,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,GAAGH,EAAM,WAAW,SAASC,CAAI;AAAA,QACjC,OAAOC,EAAMC,EAAU,sBAAsB;AAAA,MAAA;AAAA,IAC/C;AAAA,EACF;AAEJ,GAEaC,IAAQ,CAACJ,GAAqBC,GAAiBI,MAAgD;AAC1G,QAAMC,IAAgBD,KAAW,gBAAgBA,GAC3CH,IAAQF,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAO;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,QACL,GAAGA,EAAM,WAAW,SAASC,GAAM,SAAS;AAAA,QAC5C,OAAOC,EAAMC,EAAU,sBAAsB;AAAA,MAAA;AAAA,MAE/C,OAAO;AAAA,IAAA;AAAA,IAET,WAAW;AAAA,MACT,OAAO;AAAA,MACP,OAAOD,EAAMC,EAAU,wBAAwB;AAAA,IAAA;AAAA,IAEjD,WAAWD,EAAMC,EAAU,wBAAwB;AAAA,IACnD,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAeD,EAAMC,EAAU,wBAAwB;AAAA,IACvD,mBAAmB;AAAA,IACnB,eAAeG,IAAgB,IAAI;AAAA,IACnC,WAAWJ,EAAMC,EAAU,wBAAwB;AAAA,IACnD,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,GAAGH,EAAM,WAAW,SAASC,CAAI;AAAA,QACjC,OAAOC,EAAMC,EAAU,sBAAsB;AAAA,MAAA;AAAA,MAE/C,OAAOG,IAAgB,WAAW;AAAA,IAAA;AAAA,EACpC;AAEJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Variables as
|
|
2
|
-
const a = (o,
|
|
1
|
+
import { Variables as e } from "../../../../react-base/src/theme/types/layer.js";
|
|
2
|
+
const a = (o, n) => {
|
|
3
3
|
const t = o.layer({ foundation: "surface" });
|
|
4
4
|
return {
|
|
5
5
|
align: "center",
|
|
@@ -8,15 +8,15 @@ const a = (o, e) => {
|
|
|
8
8
|
y: 20,
|
|
9
9
|
maxHeight: 110,
|
|
10
10
|
itemStyle: {
|
|
11
|
-
...o.typography("label",
|
|
12
|
-
color: t[
|
|
11
|
+
...o.typography("label", n),
|
|
12
|
+
color: t[e.TextOnFoundationStrong]
|
|
13
13
|
},
|
|
14
14
|
itemHoverStyle: {
|
|
15
|
-
...o.typography("label",
|
|
16
|
-
color: t[
|
|
15
|
+
...o.typography("label", n, "regular"),
|
|
16
|
+
color: t[e.TextOnFoundationStrong]
|
|
17
17
|
},
|
|
18
18
|
itemHiddenStyle: {
|
|
19
|
-
color: t[
|
|
19
|
+
color: t[e.TextOnFoundationSubtle],
|
|
20
20
|
textDecoration: "normal"
|
|
21
21
|
},
|
|
22
22
|
margin: 20
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"legend.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/legend.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const legend = (theme: DefaultTheme, size: ChartSize): Options['legend'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n align: 'center',\n verticalAlign: 'bottom',\n x: 0,\n y: 20,\n maxHeight: 110,\n itemStyle: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n itemHoverStyle: {\n ...theme.typography('label', size, '
|
|
1
|
+
{"version":3,"file":"legend.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/legend.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const legend = (theme: DefaultTheme, size: ChartSize): Options['legend'] => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return {\n align: 'center',\n verticalAlign: 'bottom',\n x: 0,\n y: 20,\n maxHeight: 110,\n itemStyle: {\n ...theme.typography('label', size),\n color: layer[Variables.TextOnFoundationStrong],\n },\n itemHoverStyle: {\n ...theme.typography('label', size, 'regular'),\n color: layer[Variables.TextOnFoundationStrong],\n },\n itemHiddenStyle: {\n color: layer[Variables.TextOnFoundationSubtle],\n textDecoration: 'normal',\n },\n margin: 20,\n };\n};\n"],"names":["legend","theme","size","layer","Variables"],"mappings":";AAMO,MAAMA,IAAS,CAACC,GAAqBC,MAAuC;AACjF,QAAMC,IAAQF,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAO;AAAA,IACL,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAW;AAAA,IACX,WAAW;AAAA,MACT,GAAGA,EAAM,WAAW,SAASC,CAAI;AAAA,MACjC,OAAOC,EAAMC,EAAU,sBAAsB;AAAA,IAAA;AAAA,IAE/C,gBAAgB;AAAA,MACd,GAAGH,EAAM,WAAW,SAASC,GAAM,SAAS;AAAA,MAC5C,OAAOC,EAAMC,EAAU,sBAAsB;AAAA,IAAA;AAAA,IAE/C,iBAAiB;AAAA,MACf,OAAOD,EAAMC,EAAU,sBAAsB;AAAA,MAC7C,gBAAgB;AAAA,IAAA;AAAA,IAElB,QAAQ;AAAA,EAAA;AAEZ;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { useTheme as d } from "styled-components";
|
|
3
3
|
import { Variables as t } from "../../../../react-base/src/theme/types/layer.js";
|
|
4
|
-
import { useColorByIndex as
|
|
5
|
-
import
|
|
4
|
+
import { useColorByIndex as f } from "./useColorByIndex.js";
|
|
5
|
+
import p from "../components/ChartTooltip/ChartTooltip.js";
|
|
6
6
|
const x = (l, i) => {
|
|
7
|
-
const e = d(), r =
|
|
7
|
+
const e = d(), r = f(i), o = {
|
|
8
8
|
stroke: r,
|
|
9
9
|
strokeWidth: 2,
|
|
10
10
|
dot: !1
|
|
@@ -13,13 +13,13 @@ const x = (l, i) => {
|
|
|
13
13
|
fill: r,
|
|
14
14
|
cx: "50%",
|
|
15
15
|
cy: "50%",
|
|
16
|
-
label: !0
|
|
17
|
-
style:
|
|
16
|
+
label: !0
|
|
17
|
+
// style: theme.typography('label', 'medium', 'strong'),
|
|
18
18
|
}, n = {
|
|
19
19
|
height: 28,
|
|
20
20
|
tick: e.typography("label")
|
|
21
21
|
}, s = {
|
|
22
|
-
content: ({ payload: c, label: u }) => /* @__PURE__ */ m(
|
|
22
|
+
content: ({ payload: c, label: u }) => /* @__PURE__ */ m(p, { payload: c, label: u }),
|
|
23
23
|
labelStyle: e.typography("label", "medium", "regular"),
|
|
24
24
|
contentStyle: e.typography("label", "small", "regular"),
|
|
25
25
|
cursor: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChartElementStyles.js","sources":["../../../../../../src/components/Chart/Recharts/hooks/useChartElementStyles.tsx"],"sourcesContent":["import { useTheme, type CSSProperties } from 'styled-components';\nimport type { TooltipProps } from 'recharts';\nimport type { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { BaseRechartsChartTypes } from '../BaseRechartsChart.types';\nimport { useColorByIndex } from './useColorByIndex';\nimport ChartTooltip from '../components/ChartTooltip/ChartTooltip';\n\nexport type ChartElementType =\n | `${BaseRechartsChartTypes}`\n | 'pie'\n | 'donut'\n | 'xAxis'\n | 'yAxis'\n | 'cartesianGrid'\n | 'brush'\n | 'tooltip'\n | 'tooltipBar'\n | 'tooltipPie'\n | 'legend'\n | 'cell'\n | 'referenceLine';\n\nconst useChartElementStyles = (type?: ChartElementType, index?: number): CSSProperties => {\n const theme = useTheme();\n const colorByIndex = useColorByIndex(index);\n\n const commonElementProps = {\n stroke: colorByIndex,\n strokeWidth: 2,\n dot: false,\n };\n\n const commonPieProps = {\n strokeWidth: 2,\n fill: colorByIndex,\n cx: '50%',\n cy: '50%',\n label: true,\n style: theme.typography('label', 'medium', 'strong'),\n };\n\n const commonAxisProps = {\n height: 28,\n tick: theme.typography('label'),\n };\n\n const commonTooltipProps = {\n content: ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n <ChartTooltip payload={payload} label={label} />\n ),\n labelStyle: theme.typography('label', 'medium', 'regular'),\n contentStyle: theme.typography('label', 'small', 'regular'),\n cursor: {\n stroke: theme.globals('others').mask,\n strokeWidth: 2,\n fill: theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation],\n },\n };\n\n switch (type) {\n case 'line':\n return commonElementProps;\n case 'area':\n case 'bar':\n return {\n ...commonElementProps,\n fill: colorByIndex,\n };\n case 'pie':\n return commonPieProps;\n case 'donut':\n return {\n ...commonPieProps,\n innerRadius: 50,\n };\n case 'cell':\n return {\n fill: colorByIndex,\n };\n case 'xAxis':\n return commonAxisProps;\n case 'yAxis':\n return {\n ...commonAxisProps,\n axisLine: false,\n tickLine: false,\n };\n case 'cartesianGrid':\n return {\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationStrong],\n vertical: false,\n };\n case 'brush':\n return {\n fill: theme.layer({})[Variables.BackgroundFoundation],\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationMedium],\n };\n case 'tooltip':\n return commonTooltipProps;\n case 'tooltipBar':\n return commonTooltipProps;\n case 'legend':\n return {\n align: 'left',\n wrapperStyle: {\n display: 'block',\n left: 25,\n bottom: -20,\n },\n };\n case 'referenceLine':\n default:\n return {\n stroke: colorByIndex,\n };\n }\n};\n\nexport default useChartElementStyles;\n"],"names":["useChartElementStyles","type","index","theme","useTheme","colorByIndex","useColorByIndex","commonElementProps","commonPieProps","commonAxisProps","commonTooltipProps","payload","label","jsx","ChartTooltip","Variables"],"mappings":";;;;;AAwBA,MAAMA,IAAwB,CAACC,GAAyBC,MAAkC;AACxF,QAAMC,IAAQC,EAAA,GACRC,IAAeC,EAAgBJ,CAAK,GAEpCK,IAAqB;AAAA,IACzB,QAAQF;AAAA,IACR,aAAa;AAAA,IACb,KAAK;AAAA,EAAA,GAGDG,IAAiB;AAAA,IACrB,aAAa;AAAA,IACb,MAAMH;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA
|
|
1
|
+
{"version":3,"file":"useChartElementStyles.js","sources":["../../../../../../src/components/Chart/Recharts/hooks/useChartElementStyles.tsx"],"sourcesContent":["import { useTheme, type CSSProperties } from 'styled-components';\nimport type { TooltipProps } from 'recharts';\nimport type { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { BaseRechartsChartTypes } from '../BaseRechartsChart.types';\nimport { useColorByIndex } from './useColorByIndex';\nimport ChartTooltip from '../components/ChartTooltip/ChartTooltip';\n\nexport type ChartElementType =\n | `${BaseRechartsChartTypes}`\n | 'pie'\n | 'donut'\n | 'xAxis'\n | 'yAxis'\n | 'cartesianGrid'\n | 'brush'\n | 'tooltip'\n | 'tooltipBar'\n | 'tooltipPie'\n | 'legend'\n | 'cell'\n | 'referenceLine';\n\nconst useChartElementStyles = (type?: ChartElementType, index?: number): CSSProperties => {\n const theme = useTheme();\n const colorByIndex = useColorByIndex(index);\n\n const commonElementProps = {\n stroke: colorByIndex,\n strokeWidth: 2,\n dot: false,\n };\n\n const commonPieProps = {\n strokeWidth: 2,\n fill: colorByIndex,\n cx: '50%',\n cy: '50%',\n label: true,\n // style: theme.typography('label', 'medium', 'strong'),\n };\n\n const commonAxisProps = {\n height: 28,\n tick: theme.typography('label'),\n };\n\n const commonTooltipProps = {\n content: ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n <ChartTooltip payload={payload} label={label} />\n ),\n labelStyle: theme.typography('label', 'medium', 'regular'),\n contentStyle: theme.typography('label', 'small', 'regular'),\n cursor: {\n stroke: theme.globals('others').mask,\n strokeWidth: 2,\n fill: theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation],\n },\n };\n\n switch (type) {\n case 'line':\n return commonElementProps;\n case 'area':\n case 'bar':\n return {\n ...commonElementProps,\n fill: colorByIndex,\n };\n case 'pie':\n return commonPieProps;\n case 'donut':\n return {\n ...commonPieProps,\n innerRadius: 50,\n };\n case 'cell':\n return {\n fill: colorByIndex,\n };\n case 'xAxis':\n return commonAxisProps;\n case 'yAxis':\n return {\n ...commonAxisProps,\n axisLine: false,\n tickLine: false,\n };\n case 'cartesianGrid':\n return {\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationStrong],\n vertical: false,\n };\n case 'brush':\n return {\n fill: theme.layer({})[Variables.BackgroundFoundation],\n stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationMedium],\n };\n case 'tooltip':\n return commonTooltipProps;\n case 'tooltipBar':\n return commonTooltipProps;\n case 'legend':\n return {\n align: 'left',\n wrapperStyle: {\n display: 'block',\n left: 25,\n bottom: -20,\n },\n };\n case 'referenceLine':\n default:\n return {\n stroke: colorByIndex,\n };\n }\n};\n\nexport default useChartElementStyles;\n"],"names":["useChartElementStyles","type","index","theme","useTheme","colorByIndex","useColorByIndex","commonElementProps","commonPieProps","commonAxisProps","commonTooltipProps","payload","label","jsx","ChartTooltip","Variables"],"mappings":";;;;;AAwBA,MAAMA,IAAwB,CAACC,GAAyBC,MAAkC;AACxF,QAAMC,IAAQC,EAAA,GACRC,IAAeC,EAAgBJ,CAAK,GAEpCK,IAAqB;AAAA,IACzB,QAAQF;AAAA,IACR,aAAa;AAAA,IACb,KAAK;AAAA,EAAA,GAGDG,IAAiB;AAAA,IACrB,aAAa;AAAA,IACb,MAAMH;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA;AAAA,EAAA,GAIHI,IAAkB;AAAA,IACtB,QAAQ;AAAA,IACR,MAAMN,EAAM,WAAW,OAAO;AAAA,EAAA,GAG1BO,IAAqB;AAAA,IACzB,SAAS,CAAC,EAAE,SAAAC,GAAS,OAAAC,QACnB,gBAAAC,EAACC,GAAA,EAAa,SAAAH,GAAkB,OAAAC,GAAc;AAAA,IAEhD,YAAYT,EAAM,WAAW,SAAS,UAAU,SAAS;AAAA,IACzD,cAAcA,EAAM,WAAW,SAAS,SAAS,SAAS;AAAA,IAC1D,QAAQ;AAAA,MACN,QAAQA,EAAM,QAAQ,QAAQ,EAAE;AAAA,MAChC,aAAa;AAAA,MACb,MAAMA,EAAM,MAAM,EAAE,YAAY,UAAA,CAAW,EAAEY,EAAU,oBAAoB;AAAA,IAAA;AAAA,EAC7E;AAGF,UAAQd,GAAA;AAAA,IACN,KAAK;AACH,aAAOM;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,MAAMF;AAAA,MAAA;AAAA,IAEV,KAAK;AACH,aAAOG;AAAA,IACT,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,aAAa;AAAA,MAAA;AAAA,IAEjB,KAAK;AACH,aAAO;AAAA,QACL,MAAMH;AAAA,MAAA;AAAA,IAEV,KAAK;AACH,aAAOI;AAAA,IACT,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,UAAU;AAAA,QACV,UAAU;AAAA,MAAA;AAAA,IAEd,KAAK;AACH,aAAO;AAAA,QACL,QAAQN,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEY,EAAU,wBAAwB;AAAA,QACjF,UAAU;AAAA,MAAA;AAAA,IAEd,KAAK;AACH,aAAO;AAAA,QACL,MAAMZ,EAAM,MAAM,CAAA,CAAE,EAAEY,EAAU,oBAAoB;AAAA,QACpD,QAAQZ,EAAM,MAAM,EAAE,YAAY,UAAA,CAAW,EAAEY,EAAU,wBAAwB;AAAA,MAAA;AAAA,IAErF,KAAK;AACH,aAAOL;AAAA,IACT,KAAK;AACH,aAAOA;AAAA,IACT,KAAK;AACH,aAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,UACZ,SAAS;AAAA,UACT,MAAM;AAAA,UACN,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAEJ,KAAK;AAAA,IACL;AACE,aAAO;AAAA,QACL,QAAQL;AAAA,MAAA;AAAA,EACV;AAEN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,eAAe,mPAwJpB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { styled as t, css as n } from "styled-components";
|
|
2
|
-
import { ZIndexes as d, Sizes as
|
|
3
|
-
import { Variables as
|
|
2
|
+
import { ZIndexes as d, Sizes as l } from "../../react-base/src/consts/index.js";
|
|
3
|
+
import { Variables as r } from "../../react-base/src/theme/types/layer.js";
|
|
4
4
|
import { rgba2rgb as i } from "../../utils/colorUtils.js";
|
|
5
5
|
import { tableConsts as c } from "./Table.consts.js";
|
|
6
6
|
const f = t.div(
|
|
7
|
-
({ prefixCls:
|
|
7
|
+
({ prefixCls: a, size: e, theme: o }) => n`
|
|
8
8
|
width: 100%;
|
|
9
9
|
|
|
10
|
-
.${
|
|
10
|
+
.${a} {
|
|
11
11
|
&-container table {
|
|
12
12
|
border-collapse: collapse;
|
|
13
13
|
}
|
|
@@ -22,47 +22,44 @@ const f = t.div(
|
|
|
22
22
|
|
|
23
23
|
& tr:hover td {
|
|
24
24
|
background-color: ${i(
|
|
25
|
-
o.layer({ selectedProminence: "subtle" })[
|
|
26
|
-
o.layer({ foundation: "surface" })[
|
|
25
|
+
o.layer({ selectedProminence: "subtle" })[r.BackgroundSelected],
|
|
26
|
+
o.layer({ foundation: "surface" })[r.BackgroundFoundation]
|
|
27
27
|
)};
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
&-cell,
|
|
31
31
|
&-no-data {
|
|
32
|
-
${(
|
|
33
|
-
${
|
|
34
|
-
height: ${c[
|
|
32
|
+
${(e === l.XSmall || e === l.Small || e === l.Medium) && o.typography("paragraph", "small")};
|
|
33
|
+
${e === l.Large && o.typography("paragraph")};
|
|
34
|
+
height: ${c[e].height};
|
|
35
35
|
|
|
36
|
-
${
|
|
36
|
+
${e === l.XSmall && n`
|
|
37
37
|
padding: 0 14px;
|
|
38
38
|
`};
|
|
39
39
|
|
|
40
|
-
${
|
|
40
|
+
${e === l.Small && n`
|
|
41
41
|
padding: 3px 14px;
|
|
42
42
|
`};
|
|
43
43
|
|
|
44
|
-
${(
|
|
44
|
+
${(e === l.Medium || e === l.Large) && n`
|
|
45
45
|
padding: 4px 14px;
|
|
46
46
|
`};
|
|
47
47
|
|
|
48
|
-
background-color: ${o.layer({ foundation: "surface" })[
|
|
49
|
-
color: ${o.layer({ foundation: "surface" })[
|
|
48
|
+
background-color: ${o.layer({ foundation: "surface" })[r.BackgroundFoundation]};
|
|
49
|
+
color: ${o.layer({ foundation: "surface" })[r.TextOnFoundationStrong]};
|
|
50
50
|
box-sizing: border-box;
|
|
51
51
|
overflow-wrap: break-word;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
&-thead {
|
|
55
|
-
.${
|
|
56
|
-
background-color: ${o.layer({ foundation: "raised" })[
|
|
57
|
-
${(r === a.XSmall || r === a.Small || r === a.Medium) && o.typography("label", "medium", "strong")};
|
|
58
|
-
${r === a.Large && o.typography("label", "large", "strong")};
|
|
59
|
-
text-align: inherit;
|
|
55
|
+
.${a}-cell {
|
|
56
|
+
background-color: ${o.layer({ foundation: "raised" })[r.BackgroundFoundation]};
|
|
60
57
|
}
|
|
61
58
|
|
|
62
59
|
th {
|
|
63
60
|
position: relative;
|
|
64
61
|
vertical-align: middle;
|
|
65
|
-
border-bottom: 1px solid ${o.layer({ foundation: "surface" })[
|
|
62
|
+
border-bottom: 1px solid ${o.layer({ foundation: "surface" })[r.BorderOnFoundationSubtle]};
|
|
66
63
|
|
|
67
64
|
.react-resizable-handle-se {
|
|
68
65
|
top: calc(50% - 9px);
|
|
@@ -75,29 +72,29 @@ const f = t.div(
|
|
|
75
72
|
width: 2px;
|
|
76
73
|
height: 18px;
|
|
77
74
|
border-radius: 1px;
|
|
78
|
-
background-color: ${o.layer({ foundation: "surface" })[
|
|
75
|
+
background-color: ${o.layer({ foundation: "surface" })[r.BorderOnFoundationSubtle]};
|
|
79
76
|
}
|
|
80
77
|
}
|
|
81
78
|
}
|
|
82
79
|
|
|
83
80
|
&-tbody {
|
|
84
|
-
.${
|
|
85
|
-
border-bottom: 1px solid ${o.layer({ foundation: "surface" })[
|
|
81
|
+
.${a}-row:not(:last-of-type) {
|
|
82
|
+
border-bottom: 1px solid ${o.layer({ foundation: "surface" })[r.BorderOnFoundationSubtle]};
|
|
86
83
|
}
|
|
87
84
|
|
|
88
|
-
div.${
|
|
85
|
+
div.${a}-cell {
|
|
89
86
|
display: flex;
|
|
90
87
|
align-items: center;
|
|
91
88
|
}
|
|
92
89
|
|
|
93
90
|
.row-checked {
|
|
94
|
-
.${
|
|
91
|
+
.${a}-cell, & + .${a}-expanded-row .${a}-cell {
|
|
95
92
|
background-color: ${o.globals("others").focus};
|
|
96
93
|
}
|
|
97
94
|
}
|
|
98
95
|
|
|
99
|
-
.${
|
|
100
|
-
border-bottom: 1px solid ${o.layer({ foundation: "surface" })[
|
|
96
|
+
.${a}-expanded-row {
|
|
97
|
+
border-bottom: 1px solid ${o.layer({ foundation: "surface" })[r.BorderOnFoundationSubtle]};
|
|
101
98
|
}
|
|
102
99
|
}
|
|
103
100
|
|
|
@@ -111,7 +108,7 @@ const f = t.div(
|
|
|
111
108
|
border-radius: 2px;
|
|
112
109
|
|
|
113
110
|
path {
|
|
114
|
-
fill: ${o.layer({ foundation: "surface" })[
|
|
111
|
+
fill: ${o.layer({ foundation: "surface" })[r.TextOnFoundationSubtle]};
|
|
115
112
|
}
|
|
116
113
|
}
|
|
117
114
|
|
|
@@ -123,10 +120,10 @@ const f = t.div(
|
|
|
123
120
|
|
|
124
121
|
&-column-sorted,
|
|
125
122
|
&-filter-trigger.active {
|
|
126
|
-
background-color: ${o.layer({ selectedProminence: "strong" })[
|
|
123
|
+
background-color: ${o.layer({ selectedProminence: "strong" })[r.BackgroundSelected]};
|
|
127
124
|
|
|
128
125
|
path {
|
|
129
|
-
fill: ${o.layer({ selectedProminence: "strong" })[
|
|
126
|
+
fill: ${o.layer({ selectedProminence: "strong" })[r.TextOnSelectedBackgroundStrong]};
|
|
130
127
|
}
|
|
131
128
|
}
|
|
132
129
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport { rgba2rgb } from '../../utils/colorUtils';\nimport { tableConsts } from './Table.consts';\nimport type { TableSize } from './Table.types';\n\ntype BaseTableProps = {\n prefixCls: string;\n size: TableSize;\n};\n\nconst BaseTableStyles = styled.div<BaseTableProps>(\n ({ prefixCls, size, theme }) => css`\n width: 100%;\n\n .${prefixCls} {\n &-container table {\n border-collapse: collapse;\n }\n\n &-content table {\n width: 100%;\n }\n\n &-header table {\n width: 100%;\n }\n\n & tr:hover td {\n background-color: ${rgba2rgb(\n theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected],\n theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\n )};\n }\n\n &-cell,\n &-no-data {\n ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium) &&\n theme.typography('paragraph', 'small')};\n ${size === Sizes.Large && theme.typography('paragraph')};\n height: ${tableConsts[size].height};\n\n ${size === Sizes.XSmall &&\n css`\n padding: 0 14px;\n `};\n\n ${size === Sizes.Small &&\n css`\n padding: 3px 14px;\n `};\n\n ${(size === Sizes.Medium || size === Sizes.Large) &&\n css`\n padding: 4px 14px;\n `};\n\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n box-sizing: border-box;\n overflow-wrap: break-word;\n }\n\n &-thead {\n .${prefixCls}-cell {\n background-color: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\n
|
|
1
|
+
{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport { rgba2rgb } from '../../utils/colorUtils';\nimport { tableConsts } from './Table.consts';\nimport type { TableSize } from './Table.types';\n\ntype BaseTableProps = {\n prefixCls: string;\n size: TableSize;\n};\n\nconst BaseTableStyles = styled.div<BaseTableProps>(\n ({ prefixCls, size, theme }) => css`\n width: 100%;\n\n .${prefixCls} {\n &-container table {\n border-collapse: collapse;\n }\n\n &-content table {\n width: 100%;\n }\n\n &-header table {\n width: 100%;\n }\n\n & tr:hover td {\n background-color: ${rgba2rgb(\n theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected],\n theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\n )};\n }\n\n &-cell,\n &-no-data {\n ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium) &&\n theme.typography('paragraph', 'small')};\n ${size === Sizes.Large && theme.typography('paragraph')};\n height: ${tableConsts[size].height};\n\n ${size === Sizes.XSmall &&\n css`\n padding: 0 14px;\n `};\n\n ${size === Sizes.Small &&\n css`\n padding: 3px 14px;\n `};\n\n ${(size === Sizes.Medium || size === Sizes.Large) &&\n css`\n padding: 4px 14px;\n `};\n\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n box-sizing: border-box;\n overflow-wrap: break-word;\n }\n\n &-thead {\n .${prefixCls}-cell {\n background-color: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\n }\n\n th {\n position: relative;\n vertical-align: middle;\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n\n .react-resizable-handle-se {\n top: calc(50% - 9px);\n right: 14px;\n cursor: ew-resize;\n }\n\n .react-resizable-handle {\n position: absolute;\n width: 2px;\n height: 18px;\n border-radius: 1px;\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n }\n }\n\n &-tbody {\n .${prefixCls}-row:not(:last-of-type) {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n\n div.${prefixCls}-cell {\n display: flex;\n align-items: center;\n }\n\n .row-checked {\n .${prefixCls}-cell, & + .${prefixCls}-expanded-row .${prefixCls}-cell {\n background-color: ${theme.globals('others').focus};\n }\n }\n\n .${prefixCls}-expanded-row {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n }\n\n &-column-sorter,\n &-filter-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 0 0 5px;\n padding: 2px;\n border-radius: 2px;\n\n path {\n fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n }\n }\n\n &-column-sorters,\n &-filter-column {\n display: flex;\n align-items: center;\n }\n\n &-column-sorted,\n &-filter-trigger.active {\n background-color: ${theme.layer({ selectedProminence: 'strong' })[Variables.BackgroundSelected]};\n\n path {\n fill: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-expand-icon-col {\n width: 20px;\n }\n\n &-cell-ellipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-cell-with-append {\n display: flex;\n align-items: center;\n\n > button {\n margin-right: 4px;\n }\n }\n\n &-cell-fix-left {\n z-index: ${ZIndexes.ELEVATED};\n }\n }\n `,\n);\n\nexport { BaseTableStyles };\n"],"names":["BaseTableStyles","styled","prefixCls","size","theme","css","rgba2rgb","Variables","Sizes","tableConsts","ZIndexes"],"mappings":";;;;;AAaA,MAAMA,IAAkBC,EAAO;AAAA,EAC7B,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,QAAYC;AAAA;AAAA;AAAA,OAG3BH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAcYI;AAAA,IAClBF,EAAM,MAAM,EAAE,oBAAoB,UAAU,EAAEG,EAAU,kBAAkB;AAAA,IAC1EH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,oBAAoB;AAAA,EAAA,CACtE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKEJ,MAASK,EAAM,UAAUL,MAASK,EAAM,SAASL,MAASK,EAAM,WACnEJ,EAAM,WAAW,aAAa,OAAO,CAAC;AAAA,UACpCD,MAASK,EAAM,SAASJ,EAAM,WAAW,WAAW,CAAC;AAAA,kBAC7CK,EAAYN,CAAI,EAAE,MAAM;AAAA;AAAA,UAEhCA,MAASK,EAAM,UACjBH;AAAA;AAAA,SAEC;AAAA;AAAA,UAECF,MAASK,EAAM,SACjBH;AAAA;AAAA,SAEC;AAAA;AAAA,WAEEF,MAASK,EAAM,UAAUL,MAASK,EAAM,UAC3CH;AAAA;AAAA,SAEC;AAAA;AAAA,4BAEmBD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,oBAAoB,CAAC;AAAA,iBACjFH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM9EL,CAAS;AAAA,8BACUE,EAAM,MAAM,EAAE,YAAY,UAAU,EAAEG,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAM9DH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAa/EH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM/FL,CAAS;AAAA,qCACiBE,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA,cAGjGL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMVA,CAAS,eAAeA,CAAS,kBAAkBA,CAAS;AAAA,gCACzCE,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA,WAIlDF,CAAS;AAAA,qCACiBE,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAc7FH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAY9DH,EAAM,MAAM,EAAE,oBAAoB,UAAU,EAAEG,EAAU,kBAAkB,CAAC;AAAA;AAAA;AAAA,kBAGrFH,EAAM,MAAM,EAAE,oBAAoB,UAAU,EAAEG,EAAU,8BAA8B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAwBtFG,EAAS,QAAQ;AAAA;AAAA;AAAA;AAIpC;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import c from "rc-tree";
|
|
2
|
-
import { styled as t, css as
|
|
3
|
-
import { Variables as
|
|
4
|
-
const i =
|
|
5
|
-
${({ prefixCls: e }) =>
|
|
2
|
+
import { styled as t, css as a } from "styled-components";
|
|
3
|
+
import { Variables as o } from "../../react-base/src/theme/types/layer.js";
|
|
4
|
+
const i = a`
|
|
5
|
+
${({ prefixCls: e }) => a`
|
|
6
6
|
&.${e}-checkbox {
|
|
7
7
|
.acinguiux-checkbox-label {
|
|
8
8
|
display: none;
|
|
@@ -33,12 +33,12 @@ const i = o`
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
`}
|
|
36
|
-
`,
|
|
37
|
-
${({ prefixCls: e, theme: n, size: r }) =>
|
|
36
|
+
`, h = t(c)`
|
|
37
|
+
${({ prefixCls: e, theme: n, size: r }) => a`
|
|
38
38
|
${n.typography("heading", "extraSmall")}
|
|
39
39
|
margin: 0;
|
|
40
40
|
border: 1px solid transparent;
|
|
41
|
-
color: ${n.layer({ foundation: "surface" })[
|
|
41
|
+
color: ${n.layer({ foundation: "surface" })[o.TextOnFoundationStrong]};
|
|
42
42
|
|
|
43
43
|
.${e} {
|
|
44
44
|
/* Caret toggle */
|
|
@@ -78,10 +78,10 @@ const i = o`
|
|
|
78
78
|
list-style: none;
|
|
79
79
|
outline: 0;
|
|
80
80
|
|
|
81
|
-
${n.typography("label", r ?? "medium", "
|
|
81
|
+
${n.typography("label", r ?? "medium", "regular")}
|
|
82
82
|
|
|
83
83
|
&-disabled {
|
|
84
|
-
color: ${n.layer({ foundation: "surface", disabled: !0 })[
|
|
84
|
+
color: ${n.layer({ foundation: "surface", disabled: !0 })[o.TextOnFoundationSubtle]};
|
|
85
85
|
cursor: not-allowed;
|
|
86
86
|
|
|
87
87
|
.${e}-checkbox {
|
|
@@ -103,7 +103,7 @@ const i = o`
|
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
`}
|
|
106
|
-
`,
|
|
106
|
+
`, s = t.button`
|
|
107
107
|
display: flex;
|
|
108
108
|
align-items: center;
|
|
109
109
|
border: none;
|
|
@@ -112,7 +112,7 @@ const i = o`
|
|
|
112
112
|
margin: 0;
|
|
113
113
|
`;
|
|
114
114
|
export {
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
s as ExpandButton,
|
|
116
|
+
h as Tree
|
|
117
117
|
};
|
|
118
118
|
//# sourceMappingURL=Tree.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport RCTree, { type TreeProps as RcTreeProps } from 'rc-tree';\nimport { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITreeProps } from './Tree.types';\n\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\n ${({ prefixCls }) => css`\n &.${prefixCls}-checkbox {\n .acinguiux-checkbox-label {\n display: none;\n }\n\n .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n\n &-checked {\n .${prefixCls}-checkbox-wrapper-checked {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n }\n\n &-indeterminate {\n .${prefixCls}-checkbox-wrapper-indeterminate {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\n display: none;\n }\n }\n }\n `}\n`;\n\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps>)<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${({ prefixCls, theme, size }) => css<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${theme.typography('heading', 'extraSmall')}\n margin: 0;\n border: 1px solid transparent;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n\n .${prefixCls} {\n /* Caret toggle */\n &-switcher {\n display: flex;\n margin-right: 8px;\n }\n\n /* Indent placeholder */\n &-indent-unit {\n display: inline-flex;\n width: 32px;\n }\n\n /* Node text */\n &-node-content-wrapper {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n /* SVG icon */\n &-iconEle {\n display: flex;\n }\n\n &-checkbox {\n margin-right: 8px;\n }\n\n &-treenode {\n display: flex;\n align-items: center;\n margin: 4px 0;\n padding: 0;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n\n ${theme.typography('label', size ?? 'medium', '
|
|
1
|
+
{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport RCTree, { type TreeProps as RcTreeProps } from 'rc-tree';\nimport { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITreeProps } from './Tree.types';\n\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\n ${({ prefixCls }) => css`\n &.${prefixCls}-checkbox {\n .acinguiux-checkbox-label {\n display: none;\n }\n\n .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n\n &-checked {\n .${prefixCls}-checkbox-wrapper-checked {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\n display: none;\n }\n }\n\n &-indeterminate {\n .${prefixCls}-checkbox-wrapper-indeterminate {\n display: initial;\n }\n\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\n display: none;\n }\n }\n }\n `}\n`;\n\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps>)<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${({ prefixCls, theme, size }) => css<RcTreeProps & Pick<ITreeProps, 'size'>>`\n ${theme.typography('heading', 'extraSmall')}\n margin: 0;\n border: 1px solid transparent;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n\n .${prefixCls} {\n /* Caret toggle */\n &-switcher {\n display: flex;\n margin-right: 8px;\n }\n\n /* Indent placeholder */\n &-indent-unit {\n display: inline-flex;\n width: 32px;\n }\n\n /* Node text */\n &-node-content-wrapper {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n /* SVG icon */\n &-iconEle {\n display: flex;\n }\n\n &-checkbox {\n margin-right: 8px;\n }\n\n &-treenode {\n display: flex;\n align-items: center;\n margin: 4px 0;\n padding: 0;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n\n ${theme.typography('label', size ?? 'medium', 'regular')}\n\n &-disabled {\n color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\n cursor: not-allowed;\n\n .${prefixCls}-checkbox {\n pointer-events: none;\n }\n }\n\n span {\n ${Checkbox}\n }\n\n &:not(&-show-line) {\n .${prefixCls}-treenode {\n .${prefixCls}-switcher-noop {\n background: none;\n }\n }\n }\n }\n }\n `}\n`;\n\nconst ExpandButton = styled.button`\n display: flex;\n align-items: center;\n border: none;\n background: transparent;\n padding: 0;\n margin: 0;\n`;\n\nexport { Tree, ExpandButton };\n"],"names":["Checkbox","css","prefixCls","Tree","styled","RCTree","theme","size","Variables","ExpandButton"],"mappings":";;;AAQA,MAAMA,IAAWC;AAAA,IACb,CAAC,EAAE,WAAAC,EAAA,MAAgBD;AAAA,QACfC,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRA,CAAS,+BAA+BA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,WAK/CA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMnDA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,GAK3D;AAAA,GAGGC,IAAOC,EAAOC,CAAmD;AAAA,IACnE,CAAC,EAAE,WAAAH,GAAW,OAAAI,GAAO,MAAAC,QAAWN;AAAA,MAC9BK,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA,aAGlCA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA,OAE9EN,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAsCNI,EAAM,WAAW,SAASC,KAAQ,UAAU,SAAS,CAAC;AAAA;AAAA;AAAA,mBAG7CD,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,IAAM,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,aAG9FN,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMVF,CAAQ;AAAA;AAAA;AAAA;AAAA,aAIPE,CAAS;AAAA,eACPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrB;AAAA,GAGGO,IAAeL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/typography.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAuH5B;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/typography.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAuH5B;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,YAqExB,CAAC"}
|
|
@@ -93,7 +93,15 @@ const o = () => ({
|
|
|
93
93
|
letterSpacing: "0px"
|
|
94
94
|
};
|
|
95
95
|
try {
|
|
96
|
-
return l(t) ? e[t][a] ? i(e[t][a][n]) : (console.warn(`Typography
|
|
96
|
+
return l(t) ? e[t][a] ? e[t][a][n] ? i(e[t][a][n]) : (console.warn(`Typography size "${n}" not available for kind "${t}" weight "${a}" - using fallback`), {
|
|
97
|
+
fontFamily: "Arial, sans-serif",
|
|
98
|
+
fontStyle: "normal",
|
|
99
|
+
fontWeight: "normal",
|
|
100
|
+
fontSize: "16px",
|
|
101
|
+
lineHeight: "24px",
|
|
102
|
+
paragraphSpacing: "0px",
|
|
103
|
+
letterSpacing: "0px"
|
|
104
|
+
}) : (console.warn(`Typography weight "${a}" not available for kind "${t}" - using fallback. Available weights:`, Object.keys(e[t] || {})), {
|
|
97
105
|
fontFamily: "Arial, sans-serif",
|
|
98
106
|
fontStyle: "normal",
|
|
99
107
|
fontWeight: "normal",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { 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: 'system-ui', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n strong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n medium: {\n smallest: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n extraStrong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 800, 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 medium: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n extraStrong: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n },\n} as any);\n\n// Validation function to check if Typography object has required structure\nconst isValidTypography = (typo: any): boolean => {\n if (!typo || typeof typo !== 'object') {\n console.warn('[Typography SSR] Typography is not an object:', typo);\n return false;\n }\n\n // Check that all required kinds exist\n const requiredKinds = ['label', 'paragraph', 'heading', 'display'];\n for (const kind of requiredKinds) {\n if (!typo[kind]) {\n console.warn(`[Typography SSR] Missing kind \"${kind}\" in Typography object`);\n return false;\n }\n }\n\n // Check that label and paragraph have both regular and strong weights\n if (!typo.label?.regular || !typo.label?.strong || !typo.paragraph?.regular || !typo.paragraph?.strong) {\n console.warn('[Typography SSR] Missing required weights. Has label.regular:', !!typo.label?.regular, 'label.strong:', !!typo.label?.strong, 'paragraph.regular:', !!typo.paragraph?.regular, 'paragraph.strong:', !!typo.paragraph?.strong);\n return false;\n }\n\n console.log('[Typography SSR] Typography validation passed');\n return true;\n};\n\n// Use validated Typography or fallback\n// Always use fallback for SSR safety during Next.js build\nconst safeTypography = 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","transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { 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: 'system-ui', fontWeight: 400, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 400, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n strong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n medium: {\n smallest: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 20 },\n },\n extraStrong: {\n smallest: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 10, fontStyle: 'normal', letterSpacing: 0, lineHeight: 12, paragraphSpacing: 12 },\n extraSmall: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n small: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 16 },\n medium: { fontFamily: 'system-ui', fontWeight: 800, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n large: { fontFamily: 'system-ui', fontWeight: 800, 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 medium: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 500, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n extraStrong: {\n extraLarge: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 20, fontStyle: 'normal', letterSpacing: 0, lineHeight: 32, paragraphSpacing: 32 },\n large: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 18, fontStyle: 'normal', letterSpacing: 0, lineHeight: 28, paragraphSpacing: 28 },\n medium: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 16, fontStyle: 'normal', letterSpacing: 0, lineHeight: 24, paragraphSpacing: 24 },\n small: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 14, fontStyle: 'normal', letterSpacing: 0, lineHeight: 20, paragraphSpacing: 20 },\n extraSmall: { fontFamily: 'Be Vietnam Pro, sans-serif', fontWeight: 700, fontSize: 12, fontStyle: 'normal', letterSpacing: 0, lineHeight: 16, paragraphSpacing: 16 },\n },\n },\n} as any);\n\n// Validation function to check if Typography object has required structure\nconst isValidTypography = (typo: any): boolean => {\n if (!typo || typeof typo !== 'object') {\n console.warn('[Typography SSR] Typography is not an object:', typo);\n return false;\n }\n\n // Check that all required kinds exist\n const requiredKinds = ['label', 'paragraph', 'heading', 'display'];\n for (const kind of requiredKinds) {\n if (!typo[kind]) {\n console.warn(`[Typography SSR] Missing kind \"${kind}\" in Typography object`);\n return false;\n }\n }\n\n // Check that label and paragraph have both regular and strong weights\n if (!typo.label?.regular || !typo.label?.strong || !typo.paragraph?.regular || !typo.paragraph?.strong) {\n console.warn('[Typography SSR] Missing required weights. Has label.regular:', !!typo.label?.regular, 'label.strong:', !!typo.label?.strong, 'paragraph.regular:', !!typo.paragraph?.regular, 'paragraph.strong:', !!typo.paragraph?.strong);\n return false;\n }\n\n console.log('[Typography SSR] Typography validation passed');\n return true;\n};\n\n// Use validated Typography or fallback\n// Always use fallback for SSR safety during Next.js build\nconst safeTypography = 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. Available weights:`, Object.keys(safeTypography[kind] || {}));\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 // Additional safety check for size within weight\n if (!safeTypography[kind][weight][size as keyof TypographyType[Kind][Weight]]) {\n console.warn(`Typography size \"${size}\" not available for kind \"${kind}\" weight \"${weight}\" - 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 \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","transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","error"],"mappings":"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"}
|