acinguiux-ds-react-framework 0.1.15 → 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/components/FormField/FormField.styles.js +1 -1
- package/build/cjs/react-base/src/components/FormField/FormField.styles.js.map +1 -1
- package/build/cjs/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js +1 -1
- package/build/cjs/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js.map +1 -1
- package/build/cjs/react-base/src/components/Pagination/Paginations.utils.js +1 -1
- package/build/cjs/react-base/src/components/Pagination/Paginations.utils.js.map +1 -1
- package/build/cjs/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js +3 -3
- package/build/cjs/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js.map +1 -1
- package/build/cjs/react-base/src/components/Text/components/Display/Display.utils.js +1 -1
- package/build/cjs/react-base/src/components/Text/components/Display/Display.utils.js.map +1 -1
- package/build/cjs/react-base/src/components/Text/components/Heading/Heading.utils.js +1 -1
- package/build/cjs/react-base/src/components/Text/components/Heading/Heading.utils.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/components/FormField/FormField.styles.js +4 -5
- package/build/esm/react-base/src/components/FormField/FormField.styles.js.map +1 -1
- package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js +26 -27
- package/build/esm/react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.js.map +1 -1
- package/build/esm/react-base/src/components/Pagination/Paginations.utils.js +4 -5
- package/build/esm/react-base/src/components/Pagination/Paginations.utils.js.map +1 -1
- package/build/esm/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js +11 -12
- package/build/esm/react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.js.map +1 -1
- package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js +12 -14
- package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js.map +1 -1
- package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.js +12 -14
- package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.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 +63 -37
- 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":"gUAaMA,EAAkBC,EAAAA,OAAO,IAC7B,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA;AAAAA,OAG3BH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAcYI,EAAAA,SAClBF,EAAM,MAAM,CAAE,mBAAoB,SAAU,EAAEG,EAAAA,UAAU,kBAAkB,EAC1EH,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,oBAAoB,CAAA,CACtE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKEJ,IAASK,EAAAA,MAAM,QAAUL,IAASK,EAAAA,MAAM,OAASL,IAASK,EAAAA,MAAM,SACnEJ,EAAM,WAAW,YAAa,OAAO,CAAC;AAAA,UACpCD,IAASK,EAAAA,MAAM,OAASJ,EAAM,WAAW,WAAW,CAAC;AAAA,kBAC7CK,EAAAA,YAAYN,CAAI,EAAE,MAAM;AAAA;AAAA,UAEhCA,IAASK,QAAM,QACjBH,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA,UAECF,IAASK,QAAM,OACjBH,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA,WAEEF,IAASK,QAAM,QAAUL,IAASK,EAAAA,MAAM,QAC3CH,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA,4BAEmBD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,oBAAoB,CAAC;AAAA,iBACjFH,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM9EL,CAAS;AAAA,8BACUE,EAAM,MAAM,CAAE,WAAY,SAAU,EAAEG,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAM9DH,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAa/EH,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM/FL,CAAS;AAAA,qCACiBE,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,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,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAc7FH,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAY9DH,EAAM,MAAM,CAAE,mBAAoB,SAAU,EAAEG,EAAAA,UAAU,kBAAkB,CAAC;AAAA;AAAA;AAAA,kBAGrFH,EAAM,MAAM,CAAE,mBAAoB,SAAU,EAAEG,EAAAA,UAAU,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,EAAAA,SAAS,QAAQ;AAAA;AAAA;AAAA,GAIpC"}
|
|
@@ -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,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),r=require("./FormField.consts.js"),i=require("./FormField.utils.js"),c=require("../../utils/sizesUtils.js")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),r=require("./FormField.consts.js"),i=require("./FormField.utils.js"),c=require("../../utils/sizesUtils.js"),n=e.css`
|
|
2
2
|
${({$size:s})=>e.css`
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n $size: Size;\n $disabled: boolean;\n $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n ${({ $size }) => css`\n display: flex;\n flex-direction: column;\n gap: ${consts[$size].gap}px;\n width: 100%;\n `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n ${({ $kind, $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size))};\n display: flex;\n color: ${getColor(theme, $disabled, $kind)};\n `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormField.styles.js","sources":["../../../../../../../react-base/src/components/FormField/FormField.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './FormField.consts';\nimport type { Size, Kind } from './FormField.types';\nimport { getColor } from './FormField.utils';\nimport { getLabelTypographySize } from '../../utils';\n\ntype MessageStyledProps = {\n $size: Size;\n $disabled: boolean;\n $kind?: Kind;\n};\n\nexport const Styles = css<{ $size: Size }>`\n ${({ $size }) => css`\n display: flex;\n flex-direction: column;\n gap: ${consts[$size].gap}px;\n width: 100%;\n `}\n`;\n\nexport const MessageStyles = css<MessageStyledProps>`\n ${({ $kind, $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size))};\n display: flex;\n color: ${getColor(theme, $disabled, $kind)};\n `};\n`;\n"],"names":["Styles","css","$size","consts","MessageStyles","$kind","$disabled","theme","getLabelTypographySize","getColor"],"mappings":"6PAaaA,EAASC,EAAAA;AAAAA,IAClB,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA,WAGRE,EAAAA,OAAOD,CAAK,EAAE,GAAG;AAAA;AAAA,GAEzB;AAAA,EAGUE,EAAgBH,EAAAA;AAAAA,IACzB,CAAC,CAAE,MAAAI,EAAO,MAAAH,EAAO,UAAAI,EAAW,MAAAC,KAAYN,EAAAA;AAAAA,MACtCM,EAAM,WAAW,QAASC,EAAAA,uBAAuBN,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDO,WAASF,EAAOD,EAAWD,CAAK,CAAC;AAAA,GAC3C;AAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),n=require("../../FormField.consts.js"),l=require("../../../../theme/types/layer.js"),o=require("../../../../utils/sizesUtils.js")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),n=require("../../FormField.consts.js"),l=require("../../../../theme/types/layer.js"),o=require("../../../../utils/sizesUtils.js"),r=t.css`
|
|
2
2
|
${({$size:s,$disabled:a,theme:e})=>t.css`
|
|
3
3
|
${e.typography("label",o.getLabelTypographySize(s))};
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n $size: Size;\n $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size))};\n\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: ${consts[$size].headerGap}px;\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n ${({ $size }) => css`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n flex-grow: 1;\n gap: ${consts[$size].labelHelperGap}px;\n `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n display: flex;\n gap: ${consts[$size].labelContainerGap}px;\n align-items: center;\n `};\n`;\n\nexport const LabelTextStyles = css`\n display: flex;\n gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n color: ${theme.layer({\n foundation: 'surface',\n sentiment: 'negative',\n sentimentProminence: 'transparent',\n disabled: $disabled,\n })[Variables.TextOnSentimentOnBackground]};\n margin-left: 1px;\n `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size))};\n\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormFieldLabel.styles.js","sources":["../../../../../../../../../react-base/src/components/FormField/components/FormFieldLabel/FormFieldLabel.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../../FormField.types';\nimport { consts } from '../../FormField.consts';\nimport { Variables } from '../../../../theme';\nimport { getLabelTypographySize } from '../../../../utils';\n\ntype StyledProps = {\n $size: Size;\n $disabled?: boolean;\n};\n\nexport const HeaderStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size))};\n\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: ${consts[$size].headerGap}px;\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n `}\n`;\n\nexport const LabelHelperStyles = css<StyledProps>`\n ${({ $size }) => css`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n flex-grow: 1;\n gap: ${consts[$size].labelHelperGap}px;\n `};\n`;\n\nexport const LabelContainerStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n display: flex;\n gap: ${consts[$size].labelContainerGap}px;\n align-items: center;\n `};\n`;\n\nexport const LabelTextStyles = css`\n display: flex;\n gap: 6px;\n`;\n\nexport const TitleStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n `}\n`;\n\nexport const MandatoryStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n color: ${theme.layer({\n foundation: 'surface',\n sentiment: 'negative',\n sentimentProminence: 'transparent',\n disabled: $disabled,\n })[Variables.TextOnSentimentOnBackground]};\n margin-left: 1px;\n `}\n`;\n\nexport const DescriptionStyles = css<StyledProps>`\n ${({ $size, $disabled, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size))};\n\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationSubtle]};\n `}\n`;\n"],"names":["HeaderStyles","css","$size","$disabled","theme","getLabelTypographySize","consts","Variables","LabelHelperStyles","LabelContainerStyles","LabelTextStyles","TitleStyles","MandatoryStyles","DescriptionStyles"],"mappings":"mRAYaA,EAAeC,EAAAA;AAAAA,IACxB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKnDI,EAAAA,OAAOJ,CAAK,EAAE,SAAS;AAAA,aACrBE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,EAGUC,EAAoBP,EAAAA;AAAAA,IAC7B,CAAC,CAAE,MAAAC,CAAA,IAAYD,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAMRK,EAAAA,OAAOJ,CAAK,EAAE,cAAc;AAAA,GACpC;AAAA,EAGUO,EAAuBR,EAAAA;AAAAA,IAChC,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA;AAAA,WAE/FD,EAAAA,OAAOJ,CAAK,EAAE,iBAAiB;AAAA;AAAA,GAEvC;AAAA,EAGUQ,EAAkBT,EAAAA;AAAAA;AAAAA;AAAAA,EAKlBU,EAAcV,EAAAA;AAAAA,IACvB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA,EAGUK,EAAkBX,EAAAA;AAAAA,IAC3B,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,aAE3DE,EAAM,MAAM,CACnB,WAAY,UACZ,UAAW,WACX,oBAAqB,cACrB,SAAUD,CACZ,CAAC,EAAEI,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA,GAE1C;AAAA,EAGUM,EAAoBZ,EAAAA;AAAAA,IAC7B,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,MAAAC,KAAYH,EAAAA;AAAAA,MAC/BG,EAAM,WAAW,QAASC,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA,aAEjDE,EAAM,MAAM,CAAE,WAAY,UAAW,SAAUD,EAAW,EAAEI,YAAU,sBAAsB,CAAC;AAAA,GACvG;AAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("acinguiux-ds-fabrics"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("acinguiux-ds-fabrics"),r=require("../../theme/types/layer.js"),n=require("../../utils/sizesUtils.js"),s=(o,e)=>o.typography("label",n.getLabelTypographySize(e)),g=(o,e)=>o.typography("label",n.getLabelTypographySize(e)),u=(o,e,a)=>{const t=o.layer({foundation:"surface",state:e}),l=a?t[r.Variables.BorderOnSelectedOnBackground]:t[r.Variables.BorderOnFoundationMedium];return{backgroundColor:a?t[r.Variables.BackgroundSelected]:t[r.Variables.BackgroundFoundation],color:a?t[r.Variables.TextOnSelectedBackgroundStrong]:t[r.Variables.TextOnFoundationStrong],border:`${a&&e===i.FabricsVariables.States.Resting?0:1}px solid ${l}`}};exports.getPaginationNumbersFontStyle=g;exports.getStylesForState=u;exports.getTextFontStyle=s;
|
|
2
2
|
//# sourceMappingURL=Paginations.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginations.utils.js","sources":["../../../../../../../react-base/src/components/Pagination/Paginations.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size } from './Pagination.types';\nimport { type Theme, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils';\n\nexport const getTextFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getPaginationNumbersFontStyle = (theme: Theme, size: Size) =>\n theme.typography('label', getLabelTypographySize(size));\n\nexport const getStylesForState = (\n theme: Theme,\n state: FabricsVariables.StateType,\n isSelected?: boolean,\n): CSSProperties => {\n const layer = theme.layer({\n foundation: 'surface',\n state,\n });\n const borderColor = isSelected\n ? layer[Variables.BorderOnSelectedOnBackground]\n : layer[Variables.BorderOnFoundationMedium];\n\n return {\n backgroundColor: isSelected ? layer[Variables.BackgroundSelected] : layer[Variables.BackgroundFoundation],\n color: isSelected ? layer[Variables.TextOnSelectedBackgroundStrong] : layer[Variables.TextOnFoundationStrong],\n border: `${isSelected && state === FabricsVariables.States.Resting ? 0 : 1}px solid ${borderColor}`,\n };\n};\n"],"names":["getTextFontStyle","theme","size","getLabelTypographySize","getPaginationNumbersFontStyle","getStylesForState","state","isSelected","layer","borderColor","Variables","FabricsVariables"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Paginations.utils.js","sources":["../../../../../../../react-base/src/components/Pagination/Paginations.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size } from './Pagination.types';\nimport { type Theme, Variables } from '../../theme';\nimport { getLabelTypographySize } from '../../utils';\n\nexport const getTextFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\nexport const getPaginationNumbersFontStyle = (theme: Theme, size: Size) =>\n theme.typography('label', getLabelTypographySize(size));\n\nexport const getStylesForState = (\n theme: Theme,\n state: FabricsVariables.StateType,\n isSelected?: boolean,\n): CSSProperties => {\n const layer = theme.layer({\n foundation: 'surface',\n state,\n });\n const borderColor = isSelected\n ? layer[Variables.BorderOnSelectedOnBackground]\n : layer[Variables.BorderOnFoundationMedium];\n\n return {\n backgroundColor: isSelected ? layer[Variables.BackgroundSelected] : layer[Variables.BackgroundFoundation],\n color: isSelected ? layer[Variables.TextOnSelectedBackgroundStrong] : layer[Variables.TextOnFoundationStrong],\n border: `${isSelected && state === FabricsVariables.States.Resting ? 0 : 1}px solid ${borderColor}`,\n };\n};\n"],"names":["getTextFontStyle","theme","size","getLabelTypographySize","getPaginationNumbersFontStyle","getStylesForState","state","isSelected","layer","borderColor","Variables","FabricsVariables"],"mappings":"mOAOaA,EAAmB,CAACC,EAAcC,IAAeD,EAAM,WAAW,QAASE,EAAAA,uBAAuBD,CAAI,CAAC,EAEvGE,EAAgC,CAACH,EAAcC,IAC1DD,EAAM,WAAW,QAASE,EAAAA,uBAAuBD,CAAI,CAAC,EAE3CG,EAAoB,CAC/BJ,EACAK,EACAC,IACkB,CAClB,MAAMC,EAAQP,EAAM,MAAM,CACxB,WAAY,UACZ,MAAAK,CAAA,CACD,EACKG,EAAcF,EAChBC,EAAME,EAAAA,UAAU,4BAA4B,EAC5CF,EAAME,EAAAA,UAAU,wBAAwB,EAE5C,MAAO,CACL,gBAAiBH,EAAaC,EAAME,EAAAA,UAAU,kBAAkB,EAAIF,EAAME,EAAAA,UAAU,oBAAoB,EACxG,MAAOH,EAAaC,EAAME,EAAAA,UAAU,8BAA8B,EAAIF,EAAME,EAAAA,UAAU,sBAAsB,EAC5G,OAAQ,GAAGH,GAAcD,IAAUK,EAAAA,iBAAiB,OAAO,QAAU,EAAI,CAAC,YAAYF,CAAW,EAAA,CAErG"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),a=require("../ProgressBar.consts.js"),t=require("../../../consts/index.js"),n=require("../../../utils/circleSvgUtils.js")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),a=require("../ProgressBar.consts.js"),t=require("../../../consts/index.js"),n=require("../../../utils/circleSvgUtils.js"),c=require("../ProgressBar.utils.js"),l=require("../../../theme/types/layer.js"),S=s.css`
|
|
2
2
|
position: relative;
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
|
-
`,
|
|
5
|
+
`,u=s.css`
|
|
6
6
|
${({size:e})=>s.css`
|
|
7
7
|
width: ${`${a.consts[e].viewBoxSize}px`};
|
|
8
8
|
height: ${`${a.consts[e].viewBoxSize}px`};
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
color: ${r.layer()[l.Variables.TextOnFoundationStrong]};
|
|
33
33
|
transform: translate(-50%, -50%);
|
|
34
34
|
`}
|
|
35
|
-
`;exports.BackgroundStyles=g;exports.ContainerStyles=
|
|
35
|
+
`;exports.BackgroundStyles=g;exports.ContainerStyles=S;exports.LabelStyles=f;exports.ProgressBarStyles=u;exports.ProgressStyles=d;
|
|
36
36
|
//# sourceMappingURL=CircleProgressBar.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../../../react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../ProgressBar.types';\nimport { consts } from '../ProgressBar.consts';\nimport { Sizes } from '../../../consts';\nimport { getStrokeDashArray, getStrokeDashoffset } from '../../../utils';\nimport { getProgressFillColor } from '../ProgressBar.utils';\nimport { type TypographySize, Variables } from '../../../theme';\n\nexport const ContainerStyles = css`\n position: relative;\n display: flex;\n justify-content: center;\n`;\n\nexport const ProgressBarStyles = css<{ size: Size }>`\n ${({ size }) => css`\n width: ${`${consts[size].viewBoxSize}px`};\n height: ${`${consts[size].viewBoxSize}px`};\n overflow: inherit;\n transform: rotate(-90deg);\n `}\n`;\n\nexport const BackgroundStyles = css`\n ${({ theme }) => css`\n fill: transparent;\n stroke: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n `}\n`;\n\nexport const ProgressStyles = css<{ value: number; r: number; muted?: boolean }>`\n ${({ theme, value, r, muted }) => css`\n fill: transparent;\n stroke: ${getProgressFillColor(theme, muted)};\n stroke-linecap: round;\n stroke-dasharray: ${`${getStrokeDashArray(r)}`};\n stroke-dashoffset: ${getStrokeDashoffset(r, value)};\n transition: stroke-dashoffset 1s;\n `}\n`;\n\nconst getLabelSize = (size: Size): TypographySize<'label'> => {\n switch (size) {\n case Sizes.XSmall:\n case Sizes.Smallest:\n case Sizes.Small:\n return 'smallest';\n case Sizes.Medium:\n return 'extraSmall';\n case Sizes.Large:\n return 'small';\n default:\n throw new Error(`size \"${size}\" does not have a label size`);\n }\n};\n\nexport const LabelStyles = css<{ size: Size }>`\n ${({ size, theme }) => css`\n ${theme.typography('heading', getLabelSize(size))};\n position: absolute;\n top: 50%;\n left: 50%;\n color: ${theme.layer()[Variables.TextOnFoundationStrong]};\n transform: translate(-50%, -50%);\n `}\n`;\n"],"names":["ContainerStyles","css","ProgressBarStyles","size","consts","BackgroundStyles","theme","Variables","ProgressStyles","value","r","muted","getProgressFillColor","getStrokeDashArray","getStrokeDashoffset","getLabelSize","Sizes","LabelStyles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../../../react-base/src/components/ProgressBar/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport type { Size } from '../ProgressBar.types';\nimport { consts } from '../ProgressBar.consts';\nimport { Sizes } from '../../../consts';\nimport { getStrokeDashArray, getStrokeDashoffset } from '../../../utils';\nimport { getProgressFillColor } from '../ProgressBar.utils';\nimport { type TypographySize, Variables } from '../../../theme';\n\nexport const ContainerStyles = css`\n position: relative;\n display: flex;\n justify-content: center;\n`;\n\nexport const ProgressBarStyles = css<{ size: Size }>`\n ${({ size }) => css`\n width: ${`${consts[size].viewBoxSize}px`};\n height: ${`${consts[size].viewBoxSize}px`};\n overflow: inherit;\n transform: rotate(-90deg);\n `}\n`;\n\nexport const BackgroundStyles = css`\n ${({ theme }) => css`\n fill: transparent;\n stroke: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n `}\n`;\n\nexport const ProgressStyles = css<{ value: number; r: number; muted?: boolean }>`\n ${({ theme, value, r, muted }) => css`\n fill: transparent;\n stroke: ${getProgressFillColor(theme, muted)};\n stroke-linecap: round;\n stroke-dasharray: ${`${getStrokeDashArray(r)}`};\n stroke-dashoffset: ${getStrokeDashoffset(r, value)};\n transition: stroke-dashoffset 1s;\n `}\n`;\n\nconst getLabelSize = (size: Size): TypographySize<'label'> => {\n switch (size) {\n case Sizes.XSmall:\n case Sizes.Smallest:\n case Sizes.Small:\n return 'smallest';\n case Sizes.Medium:\n return 'extraSmall';\n case Sizes.Large:\n return 'small';\n default:\n throw new Error(`size \"${size}\" does not have a label size`);\n }\n};\n\nexport const LabelStyles = css<{ size: Size }>`\n ${({ size, theme }) => css`\n ${theme.typography('heading', getLabelSize(size))};\n position: absolute;\n top: 50%;\n left: 50%;\n color: ${theme.layer()[Variables.TextOnFoundationStrong]};\n transform: translate(-50%, -50%);\n `}\n`;\n"],"names":["ContainerStyles","css","ProgressBarStyles","size","consts","BackgroundStyles","theme","Variables","ProgressStyles","value","r","muted","getProgressFillColor","getStrokeDashArray","getStrokeDashoffset","getLabelSize","Sizes","LabelStyles"],"mappings":"2VASaA,EAAkBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMlBC,EAAoBD,EAAAA;AAAAA,IAC7B,CAAC,CAAE,KAAAE,CAAA,IAAWF,EAAAA;AAAAA,aACL,GAAGG,EAAAA,OAAOD,CAAI,EAAE,WAAW,IAAI;AAAA,cAC9B,GAAGC,EAAAA,OAAOD,CAAI,EAAE,WAAW,IAAI;AAAA;AAAA;AAAA,GAG1C;AAAA,EAGUE,EAAmBJ,EAAAA;AAAAA,IAC5B,CAAC,CAAE,MAAAK,CAAA,IAAYL,EAAAA;AAAAA;AAAAA,cAELK,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,oBAAoB,CAAC;AAAA,GACjF;AAAA,EAGUC,EAAiBP,EAAAA;AAAAA,IAC1B,CAAC,CAAE,MAAAK,EAAO,MAAAG,EAAO,EAAAC,EAAG,MAAAC,KAAYV,EAAAA;AAAAA;AAAAA,cAEtBW,EAAAA,qBAAqBN,EAAOK,CAAK,CAAC;AAAA;AAAA,wBAExB,GAAGE,EAAAA,mBAAmBH,CAAC,CAAC,EAAE;AAAA,yBACzBI,EAAAA,oBAAoBJ,EAAGD,CAAK,CAAC;AAAA;AAAA,GAEnD;AAAA,EAGGM,EAAgBZ,GAAwC,CAC5D,OAAQA,EAAA,CACN,KAAKa,EAAAA,MAAM,OACX,KAAKA,EAAAA,MAAM,SACX,KAAKA,EAAAA,MAAM,MACT,MAAO,WACT,KAAKA,EAAAA,MAAM,OACT,MAAO,aACT,KAAKA,EAAAA,MAAM,MACT,MAAO,QACT,QACE,MAAM,IAAI,MAAM,SAASb,CAAI,8BAA8B,CAAA,CAEjE,EAEac,EAAchB,EAAAA;AAAAA,IACvB,CAAC,CAAE,KAAAE,EAAM,MAAAG,CAAA,IAAYL,EAAAA;AAAAA,MACnBK,EAAM,WAAW,UAAWS,EAAaZ,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,aAIxCG,EAAM,MAAA,EAAQC,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA,GAEzD;AAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../../../consts/index.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../../../consts/index.js"),n=require("../../../../utils/sizesUtils.js"),u={1:"large",2:"medium",3:"small",4:"extraSmall"},y=(t,s,e)=>t.typography("display",e?n.getDisplayTypographySize(e):u[s]),d=({level:t=1,contrast:s,gutter:e,bold:l,size:o,disabled:r,type:a=`${p.TextElementTypes.Span}`,...i})=>({$level:t,type:a,$contrast:s,$gutter:e,$size:o,$bold:l,$disabled:r,...i});exports.font=y;exports.useProps=d;
|
|
2
2
|
//# sourceMappingURL=Display.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["import type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n 1: 'large',\n 2: 'medium',\n 3: 'small',\n 4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n level = 1,\n contrast,\n gutter,\n bold,\n size,\n disabled,\n type = `${TextElementTypes.Span}`,\n ...rest\n}: IProps) => ({\n $level: level,\n type,\n $contrast: contrast,\n $gutter: gutter,\n $size: size,\n $bold: bold,\n $disabled: disabled,\n ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["import type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n 1: 'large',\n 2: 'medium',\n 3: 'small',\n 4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n level = 1,\n contrast,\n gutter,\n bold,\n size,\n disabled,\n type = `${TextElementTypes.Span}`,\n ...rest\n}: IProps) => ({\n $level: level,\n type,\n $contrast: contrast,\n $gutter: gutter,\n $size: size,\n $bold: bold,\n $disabled: disabled,\n ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":"wMAKMA,EAA0E,CAC9E,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,YACL,EAEaC,EAAO,CAACC,EAAcC,EAAeC,IAChDF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAA6BG,CAAK,CAAC,EAE5FG,EAAW,CAAC,CACvB,MAAAH,EAAQ,EACR,SAAAI,EACA,OAAAC,EACA,KAAAC,EACA,KAAAL,EACA,SAAAM,EACA,KAAAC,EAAO,GAAGC,mBAAiB,IAAI,GAC/B,GAAGC,CACL,KAAe,CACb,OAAQV,EACR,KAAAQ,EACA,UAAWJ,EACX,QAASC,EACT,MAAOJ,EACP,MAAOK,EACP,UAAWC,EACX,GAAGG,CACL"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../consts/index.js"),p=require("../../../../utils/sizesUtils.js")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../consts/index.js"),p=require("../../../../utils/sizesUtils.js"),m=[`${e.TextElementTypes.H1}`,`${e.TextElementTypes.H2}`,`${e.TextElementTypes.H3}`,`${e.TextElementTypes.H4}`,`${e.TextElementTypes.H5}`,`${e.TextElementTypes.H6}`],u={1:"extraLarge",2:"large",3:"medium",4:"small",5:"extraSmall",6:"smallest"},y=(t,n,s)=>t.typography("heading",s?p.getHeadingTypographySize(s):u[n]),$=({type:t=`${e.TextElementTypes.H1}`,contrast:n,level:s,size:l,gutter:r,bold:o,disabled:a,...i})=>{const T=s||m.indexOf(t)+1||1;return{...i,type:t,$gutter:r,$bold:o,$size:l,$contrast:n,$disabled:a,$innerLevel:T}};exports.font=y;exports.useProps=$;
|
|
2
2
|
//# sourceMappingURL=Heading.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["import type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n `${TextElementTypes.H1}`,\n `${TextElementTypes.H2}`,\n `${TextElementTypes.H3}`,\n `${TextElementTypes.H4}`,\n `${TextElementTypes.H5}`,\n `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n 1: 'extraLarge',\n 2: 'large',\n 3: 'medium',\n 4: 'small',\n 5: 'extraSmall',\n 6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n type = `${TextElementTypes.H1}`,\n contrast,\n level,\n size,\n gutter,\n bold,\n disabled,\n ...rest\n}: IProps) => {\n const innerLevel = level || ((allHeadings.indexOf(type) + 1) as Level) || 1;\n\n return {\n ...rest,\n type,\n $gutter: gutter,\n $bold: bold,\n $size: size,\n $contrast: contrast,\n $disabled: disabled,\n $innerLevel: innerLevel,\n };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["import type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n `${TextElementTypes.H1}`,\n `${TextElementTypes.H2}`,\n `${TextElementTypes.H3}`,\n `${TextElementTypes.H4}`,\n `${TextElementTypes.H5}`,\n `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n 1: 'extraLarge',\n 2: 'large',\n 3: 'medium',\n 4: 'small',\n 5: 'extraSmall',\n 6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n type = `${TextElementTypes.H1}`,\n contrast,\n level,\n size,\n gutter,\n bold,\n disabled,\n ...rest\n}: IProps) => {\n const innerLevel = level || ((allHeadings.indexOf(type) + 1) as Level) || 1;\n\n return {\n ...rest,\n type,\n $gutter: gutter,\n $bold: bold,\n $size: size,\n $contrast: contrast,\n $disabled: disabled,\n $innerLevel: innerLevel,\n };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":"wMAKMA,EAAc,CAClB,GAAGC,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,GACtB,GAAGA,EAAAA,iBAAiB,EAAE,EACxB,EAEMC,EAAkE,CACtE,EAAG,aACH,EAAG,QACH,EAAG,SACH,EAAG,QACH,EAAG,aACH,EAAG,UACL,EAEaC,EAAO,CAACC,EAAcC,EAAcC,IAC/CF,EAAM,WAAW,UAAWE,EAAOC,EAAAA,yBAAyBD,CAAI,EAAIJ,EAAsBG,CAAK,CAAC,EAErFG,EAAW,CAAC,CACvB,KAAAC,EAAO,GAAGR,mBAAiB,EAAE,GAC7B,SAAAS,EACA,MAAAL,EACA,KAAAC,EACA,OAAAK,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAc,CACZ,MAAMC,EAAaV,GAAWL,EAAY,QAAQS,CAAI,EAAI,GAAgB,EAE1E,MAAO,CACL,GAAGK,EACH,KAAAL,EACA,QAASE,EACT,MAAOC,EACP,MAAON,EACP,UAAWI,EACX,UAAWG,EACX,YAAaE,CAAA,CAEjB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./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
|