@salutejs/plasma-new-hope 0.261.0-canary.1756.13182478014.0 → 0.261.0-canary.1760.13180340956.0

package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx

@@ -16,7 +16,7 @@ const onChoseFiles = action('onChoseFiles');
 const iconPlacements = ['top', 'left'];
 
 const meta: Meta<typeof Dropzone> = {
-    title: 'plasma_web/Dropzone',
+    title: 'web/Data Entry/Dropzone',
     component: Dropzone,
     decorators: [WithTheme],
     argTypes: {

package/emotion/es/examples/plasma_web/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/es/components/Calendar/hooks/useCalendarDateChange.js

@@ -35,7 +35,6 @@ var useCalendarDateChange = function useCalendarDateChange(_ref) {
       payload: {
         calendarState: CalendarState.Days,
         monthIndex: newDate.monthIndex,
-        year: newDate.year,
         size: sizeMap.Days["double"]
       }
     });

package/es/components/Calendar/hooks/useCalendarDateChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendarDateChange.js","sources":["../../../../src/components/Calendar/hooks/useCalendarDateChange.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport type { DateObject } from '../Calendar.types';\nimport { ActionType, CalendarState, CalendarStateType } from '../store/types';\nimport { sizeMap } from '../store/reducer';\n\nimport type { UseCalendarDateChangeArgs } from './types';\n\nexport const useCalendarDateChange = ({\n    type,\n    onChangeValue,\n    onSelectIndexes,\n    dispatch,\n}: UseCalendarDateChangeArgs) => {\n    const handleOnChangeDay = useCallback(\n        (newDate: DateObject, coord: number[]) => {\n            const newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);\n            onChangeValue?.(newDay);\n\n            onSelectIndexes(coord);\n        },\n        [onChangeValue, onSelectIndexes],\n    );\n\n    const handleOnChangeQuarter = useCallback(\n        (newDate: DateObject, coord: number[], quarterName: string) => {\n            const newQuarterDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n            const endQuarter = new Date(newQuarterDate);\n\n            endQuarter.setMonth(newQuarterDate.getMonth() + 3);\n            endQuarter.setDate(0);\n\n            onChangeValue?.(newQuarterDate, {\n                name: quarterName,\n                fullValue: [newQuarterDate, endQuarter],\n            });\n\n            onSelectIndexes(coord);\n        },\n        [onChangeValue, onSelectIndexes, type],\n    );\n\n    const handleOnChangeMonth = useCallback(\n        (newDate: DateObject, coord: number[]) => {\n            if (type === CalendarState.Months) {\n                const newMonthDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n                onChangeValue?.(newMonthDate);\n                onSelectIndexes(coord);\n\n                return;\n            }\n\n            dispatch({\n                type: ActionType.UPDATE_MONTH,\n                payload: {\n                    calendarState: CalendarState.Days,\n                    monthIndex: newDate.monthIndex,\n                    year: newDate.year,\n                    size: sizeMap.Days.double,\n                },\n            });\n        },\n        [onChangeValue, onSelectIndexes, type],\n    );\n\n    const handleOnChangeYear = useCallback(\n        (newDate: DateObject, coord: number[]) => {\n            if (type === CalendarState.Years) {\n                const newYearDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n                onChangeValue?.(newYearDate);\n                onSelectIndexes(coord);\n\n                return;\n            }\n\n            if (type === CalendarState.Quarters) {\n                dispatch({\n                    type: ActionType.UPDATE_YEAR,\n                    payload: {\n                        calendarState: CalendarState.Quarters,\n                        year: newDate.year,\n                        size: sizeMap.Quarters.double,\n                    },\n                });\n\n                return;\n            }\n\n            dispatch({\n                type: ActionType.UPDATE_YEAR,\n                payload: {\n                    calendarState: CalendarState.Months,\n                    year: newDate.year,\n                    size: sizeMap.Months.double,\n                },\n            });\n        },\n        [onChangeValue, onSelectIndexes, type],\n    );\n\n    const handleUpdateCalendarState = useCallback((newCalendarState: CalendarStateType, newSize: [number, number]) => {\n        dispatch({\n            type: ActionType.UPDATE_CALENDAR_STATE,\n            payload: { calendarState: newCalendarState, size: newSize },\n        });\n    }, []);\n\n    return {\n        handleOnChangeDay,\n        handleOnChangeMonth,\n        handleOnChangeQuarter,\n        handleOnChangeYear,\n        handleUpdateCalendarState,\n    };\n};\n"],"names":["useCalendarDateChange","_ref","type","onChangeValue","onSelectIndexes","dispatch","handleOnChangeDay","useCallback","newDate","coord","newDay","Date","year","monthIndex","day","handleOnChangeQuarter","quarterName","newQuarterDate","endQuarter","setMonth","getMonth","setDate","name","fullValue","handleOnChangeMonth","CalendarState","Months","newMonthDate","ActionType","UPDATE_MONTH","payload","calendarState","Days","size","sizeMap","handleOnChangeYear","Years","newYearDate","Quarters","UPDATE_YEAR","handleUpdateCalendarState","newCalendarState","newSize","UPDATE_CALENDAR_STATE"],"mappings":"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"}
+{"version":3,"file":"useCalendarDateChange.js","sources":["../../../../src/components/Calendar/hooks/useCalendarDateChange.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport type { DateObject } from '../Calendar.types';\nimport { ActionType, CalendarState, CalendarStateType } from '../store/types';\nimport { sizeMap } from '../store/reducer';\n\nimport type { UseCalendarDateChangeArgs } from './types';\n\nexport const useCalendarDateChange = ({\n    type,\n    onChangeValue,\n    onSelectIndexes,\n    dispatch,\n}: UseCalendarDateChangeArgs) => {\n    const handleOnChangeDay = useCallback(\n        (newDate: DateObject, coord: number[]) => {\n            const newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);\n            onChangeValue?.(newDay);\n\n            onSelectIndexes(coord);\n        },\n        [onChangeValue, onSelectIndexes],\n    );\n\n    const handleOnChangeQuarter = useCallback(\n        (newDate: DateObject, coord: number[], quarterName: string) => {\n            const newQuarterDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n            const endQuarter = new Date(newQuarterDate);\n\n            endQuarter.setMonth(newQuarterDate.getMonth() + 3);\n            endQuarter.setDate(0);\n\n            onChangeValue?.(newQuarterDate, {\n                name: quarterName,\n                fullValue: [newQuarterDate, endQuarter],\n            });\n\n            onSelectIndexes(coord);\n        },\n        [onChangeValue, onSelectIndexes, type],\n    );\n\n    const handleOnChangeMonth = useCallback(\n        (newDate: DateObject, coord: number[]) => {\n            if (type === CalendarState.Months) {\n                const newMonthDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n                onChangeValue?.(newMonthDate);\n                onSelectIndexes(coord);\n\n                return;\n            }\n\n            dispatch({\n                type: ActionType.UPDATE_MONTH,\n                payload: {\n                    calendarState: CalendarState.Days,\n                    monthIndex: newDate.monthIndex,\n                    size: sizeMap.Days.double,\n                },\n            });\n        },\n        [onChangeValue, onSelectIndexes, type],\n    );\n\n    const handleOnChangeYear = useCallback(\n        (newDate: DateObject, coord: number[]) => {\n            if (type === CalendarState.Years) {\n                const newYearDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n                onChangeValue?.(newYearDate);\n                onSelectIndexes(coord);\n\n                return;\n            }\n\n            if (type === CalendarState.Quarters) {\n                dispatch({\n                    type: ActionType.UPDATE_YEAR,\n                    payload: {\n                        calendarState: CalendarState.Quarters,\n                        year: newDate.year,\n                        size: sizeMap.Quarters.double,\n                    },\n                });\n\n                return;\n            }\n\n            dispatch({\n                type: ActionType.UPDATE_YEAR,\n                payload: {\n                    calendarState: CalendarState.Months,\n                    year: newDate.year,\n                    size: sizeMap.Months.double,\n                },\n            });\n        },\n        [onChangeValue, onSelectIndexes, type],\n    );\n\n    const handleUpdateCalendarState = useCallback((newCalendarState: CalendarStateType, newSize: [number, number]) => {\n        dispatch({\n            type: ActionType.UPDATE_CALENDAR_STATE,\n            payload: { calendarState: newCalendarState, size: newSize },\n        });\n    }, []);\n\n    return {\n        handleOnChangeDay,\n        handleOnChangeMonth,\n        handleOnChangeQuarter,\n        handleOnChangeYear,\n        handleUpdateCalendarState,\n    };\n};\n"],"names":["useCalendarDateChange","_ref","type","onChangeValue","onSelectIndexes","dispatch","handleOnChangeDay","useCallback","newDate","coord","newDay","Date","year","monthIndex","day","handleOnChangeQuarter","quarterName","newQuarterDate","endQuarter","setMonth","getMonth","setDate","name","fullValue","handleOnChangeMonth","CalendarState","Months","newMonthDate","ActionType","UPDATE_MONTH","payload","calendarState","Days","size","sizeMap","handleOnChangeYear","Years","newYearDate","Quarters","UPDATE_YEAR","handleUpdateCalendarState","newCalendarState","newSize","UPDATE_CALENDAR_STATE"],"mappings":"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"}

package/es/components/Calendar/store/reducer.js

@@ -124,7 +124,6 @@ var reducer = function reducer(state, action) {
         var _action$payload3 = action.payload,
           calendarState = _action$payload3.calendarState,
           _monthIndex2 = _action$payload3.monthIndex,
-          _year2 = _action$payload3.year,
           size = _action$payload3.size;
         return _objectSpread2(_objectSpread2({}, state), {}, {
           size: size,
@@ -132,7 +131,7 @@ var reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: _monthIndex2,
-            year: _year2
+            year: state.date.year
           }
         });
       }
@@ -140,7 +139,7 @@ var reducer = function reducer(state, action) {
       {
         var _action$payload4 = action.payload,
           _calendarState = _action$payload4.calendarState,
-          _year3 = _action$payload4.year,
+          _year2 = _action$payload4.year,
           _size = _action$payload4.size;
         return _objectSpread2(_objectSpread2({}, state), {}, {
           size: _size,
@@ -148,7 +147,7 @@ var reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: state.date.monthIndex,
-            year: _year3
+            year: _year2
           }
         });
       }

package/es/components/Calendar/store/reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.js","sources":["../../../../src/components/Calendar/store/reducer.ts"],"sourcesContent":["import { getDateFromValue, getNextDate, getPrevDate, getStartYear } from '../utils';\n\nimport { CalendarStateType, Action, ActionType, InitialState, SizeMap } from './types';\n\nexport const sizeMap: SizeMap = {\n    Days: {\n        single: [5, 6],\n        double: [11, 6],\n    },\n    Months: {\n        single: [3, 2],\n        double: [7, 2],\n    },\n    Years: {\n        single: [3, 2],\n        double: [7, 2],\n    },\n    Quarters: {\n        single: [1, 1],\n        double: [3, 1],\n    },\n};\n\nexport const getInitialState = (\n    value: Date | undefined,\n    min: Date | undefined,\n    calendarState: CalendarStateType,\n    isDouble?: boolean,\n): InitialState => {\n    const initDate = value || min || new Date();\n    const date = getDateFromValue(initDate);\n\n    const resSize: [number, number] = isDouble ? sizeMap[calendarState].double : sizeMap[calendarState].single;\n\n    return {\n        date: { ...date, day: value !== undefined ? date.day : 0 },\n        startYear: getStartYear(date.year),\n        calendarState,\n        size: resSize,\n    };\n};\n\nexport const reducer = (state: InitialState, action: Action): InitialState => {\n    switch (action.type) {\n        case ActionType.PREVIOUS_MONTH: {\n            const { year, monthIndex } = action.payload;\n            const [prevYear, prevMonthIndex] = getPrevDate(year, monthIndex);\n\n            return {\n                ...state,\n                date: {\n                    day: state.date.day,\n                    monthIndex: prevMonthIndex,\n                    year: prevYear,\n                },\n            };\n        }\n        case ActionType.NEXT_MONTH: {\n            const { monthIndex, year } = action.payload;\n            const [nextYear, nextMonthIndex] = getNextDate(year, monthIndex);\n\n            return {\n                ...state,\n                date: {\n                    day: state.date.day,\n                    monthIndex: nextMonthIndex,\n                    year: nextYear,\n                },\n            };\n        }\n        case ActionType.PREVIOUS_YEAR: {\n            const { step } = action.payload;\n            const startYear = state.date.year - step <= 0 ? 0 : state.date.year - step;\n\n            return {\n                ...state,\n                startYear,\n                date: {\n                    day: state.date.day,\n                    monthIndex: state.date.monthIndex,\n                    year: startYear,\n                },\n            };\n        }\n        case ActionType.NEXT_YEAR: {\n            const { step } = action.payload;\n\n            return {\n                ...state,\n                startYear: state.startYear + step,\n                date: {\n                    day: state.date.day,\n                    monthIndex: state.date.monthIndex,\n                    year: state.date.year + step,\n                },\n            };\n        }\n        case ActionType.PREVIOUS_START_YEAR: {\n            const { yearsCount } = action.payload;\n            const startYear = state.startYear - yearsCount < 0 ? 0 : state.startYear - yearsCount;\n\n            return {\n                ...state,\n                startYear,\n            };\n        }\n        case ActionType.NEXT_START_YEAR: {\n            const { yearsCount } = action.payload;\n\n            return {\n                ...state,\n                startYear: state.startYear + yearsCount,\n            };\n        }\n        case ActionType.UPDATE_DATE: {\n            const { value } = action.payload;\n            const date = getDateFromValue(value);\n            const startYear = getStartYear(value.getFullYear());\n\n            return {\n                ...state,\n                date,\n                startYear,\n            };\n        }\n        case ActionType.UPDATE_MONTH: {\n            const { calendarState, monthIndex, year, size } = action.payload;\n\n            return {\n                ...state,\n                size,\n                calendarState,\n                date: {\n                    day: state.date.day,\n                    monthIndex,\n                    year,\n                },\n            };\n        }\n        case ActionType.UPDATE_YEAR: {\n            const { calendarState, year, size } = action.payload;\n\n            return {\n                ...state,\n                size,\n                calendarState,\n                date: {\n                    day: state.date.day,\n                    monthIndex: state.date.monthIndex,\n                    year,\n                },\n            };\n        }\n        case ActionType.UPDATE_CALENDAR_STATE: {\n            const { calendarState, size } = action.payload;\n\n            return {\n                ...state,\n                calendarState,\n                size: size || state.size,\n            };\n        }\n        default:\n            return state;\n    }\n};\n"],"names":["sizeMap","Days","single","Months","Years","Quarters","getInitialState","value","min","calendarState","isDouble","initDate","Date","date","getDateFromValue","resSize","_objectSpread","day","undefined","startYear","getStartYear","year","size","reducer","state","action","type","ActionType","PREVIOUS_MONTH","_action$payload","payload","monthIndex","_getPrevDate","getPrevDate","_getPrevDate2","_slicedToArray","prevYear","prevMonthIndex","NEXT_MONTH","_action$payload2","_getNextDate","getNextDate","_getNextDate2","nextYear","nextMonthIndex","PREVIOUS_YEAR","step","NEXT_YEAR","PREVIOUS_START_YEAR","yearsCount","NEXT_START_YEAR","UPDATE_DATE","getFullYear","UPDATE_MONTH","_action$payload3","UPDATE_YEAR","_action$payload4","UPDATE_CALENDAR_STATE","_action$payload5"],"mappings":";;;;AAIO,IAAMA,OAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE;AACFC,IAAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,EAAA,CAAC,EAAE,EAAE,CAAC,CAAA;GACjB;AACDC,EAAAA,MAAM,EAAE;AACJD,IAAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,EAAA,CAAC,CAAC,EAAE,CAAC,CAAA;GAChB;AACDE,EAAAA,KAAK,EAAE;AACHF,IAAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,EAAA,CAAC,CAAC,EAAE,CAAC,CAAA;GAChB;AACDG,EAAAA,QAAQ,EAAE;AACNH,IAAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,EAAA,CAAC,CAAC,EAAE,CAAC,CAAA;AACjB,GAAA;AACJ,EAAC;AAEYI,IAAAA,eAAe,GAAG,SAAlBA,eAAeA,CACxBC,KAAuB,EACvBC,GAAqB,EACrBC,aAAgC,EAChCC,QAAkB,EACH;EACf,IAAMC,QAAQ,GAAGJ,KAAK,IAAIC,GAAG,IAAI,IAAII,IAAI,EAAE,CAAA;AAC3C,EAAA,IAAMC,IAAI,GAAGC,gBAAgB,CAACH,QAAQ,CAAC,CAAA;AAEvC,EAAA,IAAMI,OAAyB,GAAGL,QAAQ,GAAGV,OAAO,CAACS,aAAa,CAAC,CAAA,QAAA,CAAO,GAAGT,OAAO,CAACS,aAAa,CAAC,CAACP,MAAM,CAAA;EAE1G,OAAO;AACHW,IAAAA,IAAI,EAAAG,cAAA,CAAAA,cAAA,KAAOH,IAAI,CAAA,EAAA,EAAA,EAAA;MAAEI,GAAG,EAAEV,KAAK,KAAKW,SAAS,GAAGL,IAAI,CAACI,GAAG,GAAG,CAAA;KAAG,CAAA;AAC1DE,IAAAA,SAAS,EAAEC,YAAY,CAACP,IAAI,CAACQ,IAAI,CAAC;AAClCZ,IAAAA,aAAa,EAAbA,aAAa;AACba,IAAAA,IAAI,EAAEP,OAAAA;GACT,CAAA;AACL,EAAC;AAEM,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAEC,MAAc,EAAmB;EAC1E,QAAQA,MAAM,CAACC,IAAI;IACf,KAAKC,UAAU,CAACC,cAAc;AAAE,MAAA;AAC5B,QAAA,IAAAC,eAAA,GAA6BJ,MAAM,CAACK,OAAO;UAAnCT,IAAI,GAAAQ,eAAA,CAAJR,IAAI;UAAEU,UAAU,GAAAF,eAAA,CAAVE,UAAU,CAAA;AACxB,QAAA,IAAAC,YAAA,GAAmCC,WAAW,CAACZ,IAAI,EAAEU,UAAU,CAAC;UAAAG,aAAA,GAAAC,cAAA,CAAAH,YAAA,EAAA,CAAA,CAAA;AAAzDI,UAAAA,QAAQ,GAAAF,aAAA,CAAA,CAAA,CAAA;AAAEG,UAAAA,cAAc,GAAAH,aAAA,CAAA,CAAA,CAAA,CAAA;AAE/B,QAAA,OAAAlB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRX,UAAAA,IAAI,EAAE;AACFI,YAAAA,GAAG,EAAEO,KAAK,CAACX,IAAI,CAACI,GAAG;AACnBc,YAAAA,UAAU,EAAEM,cAAc;AAC1BhB,YAAAA,IAAI,EAAEe,QAAAA;AACV,WAAA;AAAC,SAAA,CAAA,CAAA;AAET,OAAA;IACA,KAAKT,UAAU,CAACW,UAAU;AAAE,MAAA;AACxB,QAAA,IAAAC,gBAAA,GAA6Bd,MAAM,CAACK,OAAO;UAAnCC,WAAU,GAAAQ,gBAAA,CAAVR,UAAU;UAAEV,KAAI,GAAAkB,gBAAA,CAAJlB,IAAI,CAAA;AACxB,QAAA,IAAAmB,YAAA,GAAmCC,WAAW,CAACpB,KAAI,EAAEU,WAAU,CAAC;UAAAW,aAAA,GAAAP,cAAA,CAAAK,YAAA,EAAA,CAAA,CAAA;AAAzDG,UAAAA,QAAQ,GAAAD,aAAA,CAAA,CAAA,CAAA;AAAEE,UAAAA,cAAc,GAAAF,aAAA,CAAA,CAAA,CAAA,CAAA;AAE/B,QAAA,OAAA1B,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRX,UAAAA,IAAI,EAAE;AACFI,YAAAA,GAAG,EAAEO,KAAK,CAACX,IAAI,CAACI,GAAG;AACnBc,YAAAA,UAAU,EAAEa,cAAc;AAC1BvB,YAAAA,IAAI,EAAEsB,QAAAA;AACV,WAAA;AAAC,SAAA,CAAA,CAAA;AAET,OAAA;IACA,KAAKhB,UAAU,CAACkB,aAAa;AAAE,MAAA;AAC3B,QAAA,IAAQC,IAAI,GAAKrB,MAAM,CAACK,OAAO,CAAvBgB,IAAI,CAAA;QACZ,IAAM3B,SAAS,GAAGK,KAAK,CAACX,IAAI,CAACQ,IAAI,GAAGyB,IAAI,IAAI,CAAC,GAAG,CAAC,GAAGtB,KAAK,CAACX,IAAI,CAACQ,IAAI,GAAGyB,IAAI,CAAA;AAE1E,QAAA,OAAA9B,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRL,UAAAA,SAAS,EAATA,SAAS;AACTN,UAAAA,IAAI,EAAE;AACFI,YAAAA,GAAG,EAAEO,KAAK,CAACX,IAAI,CAACI,GAAG;AACnBc,YAAAA,UAAU,EAAEP,KAAK,CAACX,IAAI,CAACkB,UAAU;AACjCV,YAAAA,IAAI,EAAEF,SAAAA;AACV,WAAA;AAAC,SAAA,CAAA,CAAA;AAET,OAAA;IACA,KAAKQ,UAAU,CAACoB,SAAS;AAAE,MAAA;AACvB,QAAA,IAAQD,KAAI,GAAKrB,MAAM,CAACK,OAAO,CAAvBgB,IAAI,CAAA;AAEZ,QAAA,OAAA9B,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRL,UAAAA,SAAS,EAAEK,KAAK,CAACL,SAAS,GAAG2B,KAAI;AACjCjC,UAAAA,IAAI,EAAE;AACFI,YAAAA,GAAG,EAAEO,KAAK,CAACX,IAAI,CAACI,GAAG;AACnBc,YAAAA,UAAU,EAAEP,KAAK,CAACX,IAAI,CAACkB,UAAU;AACjCV,YAAAA,IAAI,EAAEG,KAAK,CAACX,IAAI,CAACQ,IAAI,GAAGyB,KAAAA;AAC5B,WAAA;AAAC,SAAA,CAAA,CAAA;AAET,OAAA;IACA,KAAKnB,UAAU,CAACqB,mBAAmB;AAAE,MAAA;AACjC,QAAA,IAAQC,UAAU,GAAKxB,MAAM,CAACK,OAAO,CAA7BmB,UAAU,CAAA;AAClB,QAAA,IAAM9B,UAAS,GAAGK,KAAK,CAACL,SAAS,GAAG8B,UAAU,GAAG,CAAC,GAAG,CAAC,GAAGzB,KAAK,CAACL,SAAS,GAAG8B,UAAU,CAAA;AAErF,QAAA,OAAAjC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRL,UAAAA,SAAS,EAATA,UAAAA;AAAS,SAAA,CAAA,CAAA;AAEjB,OAAA;IACA,KAAKQ,UAAU,CAACuB,eAAe;AAAE,MAAA;AAC7B,QAAA,IAAQD,WAAU,GAAKxB,MAAM,CAACK,OAAO,CAA7BmB,UAAU,CAAA;AAElB,QAAA,OAAAjC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRL,UAAAA,SAAS,EAAEK,KAAK,CAACL,SAAS,GAAG8B,WAAAA;AAAU,SAAA,CAAA,CAAA;AAE/C,OAAA;IACA,KAAKtB,UAAU,CAACwB,WAAW;AAAE,MAAA;AACzB,QAAA,IAAQ5C,KAAK,GAAKkB,MAAM,CAACK,OAAO,CAAxBvB,KAAK,CAAA;AACb,QAAA,IAAMM,IAAI,GAAGC,gBAAgB,CAACP,KAAK,CAAC,CAAA;QACpC,IAAMY,WAAS,GAAGC,YAAY,CAACb,KAAK,CAAC6C,WAAW,EAAE,CAAC,CAAA;AAEnD,QAAA,OAAApC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRX,UAAAA,IAAI,EAAJA,IAAI;AACJM,UAAAA,SAAS,EAATA,WAAAA;AAAS,SAAA,CAAA,CAAA;AAEjB,OAAA;IACA,KAAKQ,UAAU,CAAC0B,YAAY;AAAE,MAAA;AAC1B,QAAA,IAAAC,gBAAA,GAAkD7B,MAAM,CAACK,OAAO;UAAxDrB,aAAa,GAAA6C,gBAAA,CAAb7C,aAAa;UAAEsB,YAAU,GAAAuB,gBAAA,CAAVvB,UAAU;UAAEV,MAAI,GAAAiC,gBAAA,CAAJjC,IAAI;UAAEC,IAAI,GAAAgC,gBAAA,CAAJhC,IAAI,CAAA;AAE7C,QAAA,OAAAN,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRF,UAAAA,IAAI,EAAJA,IAAI;AACJb,UAAAA,aAAa,EAAbA,aAAa;AACbI,UAAAA,IAAI,EAAE;AACFI,YAAAA,GAAG,EAAEO,KAAK,CAACX,IAAI,CAACI,GAAG;AACnBc,YAAAA,UAAU,EAAVA,YAAU;AACVV,YAAAA,IAAI,EAAJA,MAAAA;AACJ,WAAA;AAAC,SAAA,CAAA,CAAA;AAET,OAAA;IACA,KAAKM,UAAU,CAAC4B,WAAW;AAAE,MAAA;AACzB,QAAA,IAAAC,gBAAA,GAAsC/B,MAAM,CAACK,OAAO;UAA5CrB,cAAa,GAAA+C,gBAAA,CAAb/C,aAAa;UAAEY,MAAI,GAAAmC,gBAAA,CAAJnC,IAAI;UAAEC,KAAI,GAAAkC,gBAAA,CAAJlC,IAAI,CAAA;AAEjC,QAAA,OAAAN,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRF,UAAAA,IAAI,EAAJA,KAAI;AACJb,UAAAA,aAAa,EAAbA,cAAa;AACbI,UAAAA,IAAI,EAAE;AACFI,YAAAA,GAAG,EAAEO,KAAK,CAACX,IAAI,CAACI,GAAG;AACnBc,YAAAA,UAAU,EAAEP,KAAK,CAACX,IAAI,CAACkB,UAAU;AACjCV,YAAAA,IAAI,EAAJA,MAAAA;AACJ,WAAA;AAAC,SAAA,CAAA,CAAA;AAET,OAAA;IACA,KAAKM,UAAU,CAAC8B,qBAAqB;AAAE,MAAA;AACnC,QAAA,IAAAC,gBAAA,GAAgCjC,MAAM,CAACK,OAAO;UAAtCrB,eAAa,GAAAiD,gBAAA,CAAbjD,aAAa;UAAEa,MAAI,GAAAoC,gBAAA,CAAJpC,IAAI,CAAA;AAE3B,QAAA,OAAAN,cAAA,CAAAA,cAAA,CAAA,EAAA,EACOQ,KAAK,CAAA,EAAA,EAAA,EAAA;AACRf,UAAAA,aAAa,EAAbA,eAAa;AACba,UAAAA,IAAI,EAAEA,MAAI,IAAIE,KAAK,CAACF,IAAAA;AAAI,SAAA,CAAA,CAAA;AAEhC,OAAA;AACA,IAAA;AACI,MAAA,OAAOE,KAAK,CAAA;AACpB,GAAA;AACJ;;;;"}
+{"version":3,"file":"reducer.js","sources":["../../../../src/components/Calendar/store/reducer.ts"],"sourcesContent":["import { getDateFromValue, getNextDate, getPrevDate, getStartYear } from '../utils';\n\nimport { CalendarStateType, Action, ActionType, InitialState, SizeMap } from './types';\n\nexport const sizeMap: SizeMap = {\n    Days: {\n        single: [5, 6],\n        double: [11, 6],\n    },\n    Months: {\n        single: [3, 2],\n        double: [7, 2],\n    },\n    Years: {\n        single: [3, 2],\n        double: [7, 2],\n    },\n    Quarters: {\n        single: [1, 1],\n        double: [3, 1],\n    },\n};\n\nexport const getInitialState = (\n    value: Date | undefined,\n    min: Date | undefined,\n    calendarState: CalendarStateType,\n    isDouble?: boolean,\n): InitialState => {\n    const initDate = value || min || new Date();\n    const date = getDateFromValue(initDate);\n\n    const resSize: [number, number] = isDouble ? sizeMap[calendarState].double : sizeMap[calendarState].single;\n\n    return {\n        date: { ...date, day: value !== undefined ? date.day : 0 },\n        startYear: getStartYear(date.year),\n        calendarState,\n        size: resSize,\n    };\n};\n\nexport const reducer = (state: InitialState, action: Action): InitialState => {\n    switch (action.type) {\n        case ActionType.PREVIOUS_MONTH: {\n            const { year, monthIndex } = action.payload;\n            const [prevYear, prevMonthIndex] = getPrevDate(year, monthIndex);\n\n            return {\n                ...state,\n                date: {\n                    day: state.date.day,\n                    monthIndex: prevMonthIndex,\n                    year: prevYear,\n                },\n            };\n        }\n        case ActionType.NEXT_MONTH: {\n            const { monthIndex, year } = action.payload;\n            const [nextYear, nextMonthIndex] = getNextDate(year, monthIndex);\n\n            return {\n                ...state,\n                date: {\n                    day: state.date.day,\n                    monthIndex: nextMonthIndex,\n                    year: nextYear,\n                },\n            };\n        }\n        case ActionType.PREVIOUS_YEAR: {\n            const { step } = action.payload;\n            const startYear = state.date.year - step <= 0 ? 0 : state.date.year - step;\n\n            return {\n                ...state,\n                startYear,\n                date: {\n                    day: state.date.day,\n                    monthIndex: state.date.monthIndex,\n                    year: startYear,\n                },\n            };\n        }\n        case ActionType.NEXT_YEAR: {\n            const { step } = action.payload;\n\n            return {\n                ...state,\n                startYear: state.startYear + step,\n                date: {\n                    day: state.date.day,\n                    monthIndex: state.date.monthIndex,\n                    year: state.date.year + step,\n                },\n            };\n        }\n        case ActionType.PREVIOUS_START_YEAR: {\n            const { yearsCount } = action.payload;\n            const startYear = state.startYear - yearsCount < 0 ? 0 : state.startYear - yearsCount;\n\n            return {\n                ...state,\n                startYear,\n            };\n        }\n        case ActionType.NEXT_START_YEAR: {\n            const { yearsCount } = action.payload;\n\n            return {\n                ...state,\n                startYear: state.startYear + yearsCount,\n            };\n        }\n        case ActionType.UPDATE_DATE: {\n            const { value } = action.payload;\n            const date = getDateFromValue(value);\n            const startYear = getStartYear(value.getFullYear());\n\n            return {\n                ...state,\n                date,\n                startYear,\n            };\n        }\n        case ActionType.UPDATE_MONTH: {\n            const { calendarState, monthIndex, size } = action.payload;\n\n            return {\n                ...state,\n                size,\n                calendarState,\n                date: {\n                    day: state.date.day,\n                    monthIndex,\n                    year: state.date.year,\n                },\n            };\n        }\n        case ActionType.UPDATE_YEAR: {\n            const { calendarState, year, size } = action.payload;\n\n            return {\n                ...state,\n                size,\n                calendarState,\n                date: {\n                    day: state.date.day,\n                    monthIndex: state.date.monthIndex,\n                    year,\n                },\n            };\n        }\n        case ActionType.UPDATE_CALENDAR_STATE: {\n            const { calendarState, size } = action.payload;\n\n            return {\n                ...state,\n                calendarState,\n                size: size || state.size,\n            };\n        }\n        default:\n            return state;\n    }\n};\n"],"names":["sizeMap","Days","single","Months","Years","Quarters","getInitialState","value","min","calendarState","isDouble","initDate","Date","date","getDateFromValue","resSize","_objectSpread","day","undefined","startYear","getStartYear","year","size","reducer","state","action","type","ActionType","PREVIOUS_MONTH","_action$payload","payload","monthIndex","_getPrevDate","getPrevDate","_getPrevDate2","_slicedToArray","prevYear","prevMonthIndex","NEXT_MONTH","_action$payload2","_getNextDate","getNextDate","_getNextDate2","nextYear","nextMonthIndex","PREVIOUS_YEAR","step","NEXT_YEAR","PREVIOUS_START_YEAR","yearsCount","NEXT_START_YEAR","UPDATE_DATE","getFullYear","UPDATE_MONTH","_action$payload3","UPDATE_YEAR","_action$payload4","UPDATE_CALENDAR_STATE","_action$payload5"],"mappings":"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"}

package/es/components/Calendar/store/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/Calendar/store/types.ts"],"sourcesContent":["import type { DateObject } from '../Calendar.types';\n\nexport enum CalendarState {\n    Days = 'Days',\n    Months = 'Months',\n    Years = 'Years',\n    Quarters = 'Quarters',\n}\n\nexport const enum ActionType {\n    NEXT_MONTH = 'next_month',\n    PREVIOUS_MONTH = 'previous_month',\n    NEXT_YEAR = 'next_year',\n    PREVIOUS_YEAR = 'previous_year',\n    PREVIOUS_START_YEAR = 'previous_start_year',\n    NEXT_START_YEAR = 'next_start_year',\n    UPDATE_DATE = 'update_date',\n    UPDATE_MONTH = 'update_month',\n    UPDATE_YEAR = 'update_year',\n    UPDATE_CALENDAR_STATE = 'update_calendar_state',\n}\n\nexport type SizeMap = {\n    [key in CalendarState]: {\n        single: [number, number];\n        double: [number, number];\n    };\n};\n\nexport type CalendarStateType = keyof typeof CalendarState;\n\nexport interface InitialState {\n    date: DateObject;\n    calendarState: CalendarStateType;\n    startYear: number;\n    size: [number, number];\n}\n\nexport type PreviousMonthAction = { type: ActionType.PREVIOUS_MONTH; payload: { monthIndex: number; year: number } };\n\nexport type NextMonthAction = { type: ActionType.NEXT_MONTH; payload: { monthIndex: number; year: number } };\n\nexport type PreviousYearAction = { type: ActionType.PREVIOUS_YEAR; payload: { step: number } };\n\nexport type NextYearAction = { type: ActionType.NEXT_YEAR; payload: { step: number } };\n\nexport type PreviousStartYearAction = { type: ActionType.PREVIOUS_START_YEAR; payload: { yearsCount: number } };\n\nexport type NextStartYearAction = { type: ActionType.NEXT_START_YEAR; payload: { yearsCount: number } };\n\nexport type UpdateDateAction = { type: ActionType.UPDATE_DATE; payload: { value: Date } };\n\nexport type UpdateMonthAction = {\n    type: ActionType.UPDATE_MONTH;\n    payload: { calendarState: CalendarStateType; monthIndex: number; year: number; size: [number, number] };\n};\n\nexport type UpdateYearAction = {\n    type: ActionType.UPDATE_YEAR;\n    payload: { calendarState: CalendarStateType; year: number; size: [number, number] };\n};\n\nexport type UpdateCalendarStateAction = {\n    type: ActionType.UPDATE_CALENDAR_STATE;\n    payload: { calendarState: CalendarStateType; size?: [number, number] };\n};\n\nexport type Action =\n    | NextMonthAction\n    | PreviousMonthAction\n    | NextYearAction\n    | PreviousYearAction\n    | PreviousStartYearAction\n    | NextStartYearAction\n    | UpdateDateAction\n    | UpdateMonthAction\n    | UpdateYearAction\n    | UpdateCalendarStateAction;\n"],"names":["CalendarState","ActionType"],"mappings":"AAEYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;EAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAbA,aAAa,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOPC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;EAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAVA,UAAU,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAAVA,UAAU,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAVA,UAAU,CAAA,eAAA,CAAA,GAAA,eAAA,CAAA;EAAVA,UAAU,CAAA,qBAAA,CAAA,GAAA,qBAAA,CAAA;EAAVA,UAAU,CAAA,iBAAA,CAAA,GAAA,iBAAA,CAAA;EAAVA,UAAU,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAVA,UAAU,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAVA,UAAU,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAVA,UAAU,CAAA,uBAAA,CAAA,GAAA,uBAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/Calendar/store/types.ts"],"sourcesContent":["import type { DateObject } from '../Calendar.types';\n\nexport enum CalendarState {\n    Days = 'Days',\n    Months = 'Months',\n    Years = 'Years',\n    Quarters = 'Quarters',\n}\n\nexport const enum ActionType {\n    NEXT_MONTH = 'next_month',\n    PREVIOUS_MONTH = 'previous_month',\n    NEXT_YEAR = 'next_year',\n    PREVIOUS_YEAR = 'previous_year',\n    PREVIOUS_START_YEAR = 'previous_start_year',\n    NEXT_START_YEAR = 'next_start_year',\n    UPDATE_DATE = 'update_date',\n    UPDATE_MONTH = 'update_month',\n    UPDATE_YEAR = 'update_year',\n    UPDATE_CALENDAR_STATE = 'update_calendar_state',\n}\n\nexport type SizeMap = {\n    [key in CalendarState]: {\n        single: [number, number];\n        double: [number, number];\n    };\n};\n\nexport type CalendarStateType = keyof typeof CalendarState;\n\nexport interface InitialState {\n    date: DateObject;\n    calendarState: CalendarStateType;\n    startYear: number;\n    size: [number, number];\n}\n\nexport type PreviousMonthAction = { type: ActionType.PREVIOUS_MONTH; payload: { monthIndex: number; year: number } };\n\nexport type NextMonthAction = { type: ActionType.NEXT_MONTH; payload: { monthIndex: number; year: number } };\n\nexport type PreviousYearAction = { type: ActionType.PREVIOUS_YEAR; payload: { step: number } };\n\nexport type NextYearAction = { type: ActionType.NEXT_YEAR; payload: { step: number } };\n\nexport type PreviousStartYearAction = { type: ActionType.PREVIOUS_START_YEAR; payload: { yearsCount: number } };\n\nexport type NextStartYearAction = { type: ActionType.NEXT_START_YEAR; payload: { yearsCount: number } };\n\nexport type UpdateDateAction = { type: ActionType.UPDATE_DATE; payload: { value: Date } };\n\nexport type UpdateMonthAction = {\n    type: ActionType.UPDATE_MONTH;\n    payload: { calendarState: CalendarStateType; monthIndex: number; size: [number, number] };\n};\n\nexport type UpdateYearAction = {\n    type: ActionType.UPDATE_YEAR;\n    payload: { calendarState: CalendarStateType; year: number; size: [number, number] };\n};\n\nexport type UpdateCalendarStateAction = {\n    type: ActionType.UPDATE_CALENDAR_STATE;\n    payload: { calendarState: CalendarStateType; size?: [number, number] };\n};\n\nexport type Action =\n    | NextMonthAction\n    | PreviousMonthAction\n    | NextYearAction\n    | PreviousYearAction\n    | PreviousStartYearAction\n    | NextStartYearAction\n    | UpdateDateAction\n    | UpdateMonthAction\n    | UpdateYearAction\n    | UpdateCalendarStateAction;\n"],"names":["CalendarState","ActionType"],"mappings":"AAEYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;EAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAbA,aAAa,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOPC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;EAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAVA,UAAU,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAAVA,UAAU,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAVA,UAAU,CAAA,eAAA,CAAA,GAAA,eAAA,CAAA;EAAVA,UAAU,CAAA,qBAAA,CAAA,GAAA,qBAAA,CAAA;EAAVA,UAAU,CAAA,iBAAA,CAAA,GAAA,iBAAA,CAAA;EAAVA,UAAU,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAVA,UAAU,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAVA,UAAU,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAVA,UAAU,CAAA,uBAAA,CAAA,GAAA,uBAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/es/components/Drawer/Drawer.css

@@ -11,13 +11,13 @@
 
 .base_ydejlv_b175yas1__99ab42b5{--plasma-panel-border-radius:var(--plasma-drawer-border-radius);}
 
-.base_10gjs6e_b11yryf5__c70de98c{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
+.base_lwq4bq_b11yryf5__4e4b1db2{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
 
 .base_t42kp6_b68f6vo__04aa8af1{padding:var(--plasma-panel-padding);height:var(--plasma_private-panel-height);width:var(--plasma_private-panel-width);}
 
 .base_2yf5jv_b1xkcksz__e72487ad{border-radius:var(--plasma-panel-border-radius);}
 
-.Panel_styles_2oh0yk_siaxu13__4b38fa73{background:var(--plasma-panel-content-background-color);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
+.Panel_styles_1g0gq8z_siaxu13__180beaa7{background:var(--siaxu13-0);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
 
 .base_1wckm5d_b1mvcfe5__595610ae{overflow-y:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-right:20px;box-sizing:border-box;}.base_1wckm5d_b1mvcfe5__595610ae::-webkit-scrollbar{display:none;}
 
@@ -51,9 +51,9 @@
 .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
 .Button_styles_8cvmld_b9ga1dj__4694a0fa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
 
-.PanelHeader_styles_8c7krd_b5xb1jq__8864a0a4{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
-.PanelHeader_styles_8c7krd_s1hqmxl1__8864a0a4{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
-.PanelHeader_styles_8c7krd_c7hx8go__8864a0a4{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
+.PanelHeader_styles_16qje7n_b5xb1jq__a3864628{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
+.PanelHeader_styles_16qje7n_s1hqmxl1__a3864628{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+.PanelHeader_styles_16qje7n_c7hx8go__a3864628{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
 
 .base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
 

package/es/components/Drawer/Drawer.js

@@ -15,7 +15,7 @@ import { useDrawer } from './hooks/useDrawer.js';
 import { Overlay } from '../Overlay/Overlay.js';
 import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
 
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
+var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
 
 // issue #823
 
@@ -35,6 +35,8 @@ var drawerRoot = function drawerRoot(Root) {
       initialFocusRef = _ref.initialFocusRef,
       focusAfterRef = _ref.focusAfterRef,
       className = _ref.className,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       onClose = _ref.onClose,
       onOverlayClick = _ref.onOverlayClick,
       onEscKeyDown = _ref.onEscKeyDown,
@@ -118,6 +120,8 @@ var drawerRoot = function drawerRoot(Root) {
     }, /*#__PURE__*/React.createElement(StyledPanel, {
       width: innerWidth,
       height: innerHeight,
+      customBackgroundColor: customBackgroundColor,
+      customContentBackgroundColor: customContentBackgroundColor,
       className: className
     }, children)));
   });

package/es/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                className,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cx(placementClass)}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel width={innerWidth} height={innerHeight} className={className}>\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n    forwardRef<HTMLDivElement, DrawerProps>(\n        (\n            {\n                id,\n                zIndex,\n                popupInfo,\n                withBlur,\n                children,\n                view,\n                size,\n                width,\n                height,\n                isOpen,\n                opened,\n                initialFocusRef,\n                focusAfterRef,\n                className,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                offset,\n                frame,\n                borderRadius = 'none',\n                placement = 'right',\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                asModal = true,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.drawerOverlayWithBlurColor})`\n                : `var(${tokens.drawerOverlayColor})`;\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n            const { drawerInfo } = useDrawer({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n                disableScroll: asModal,\n            });\n            const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n                if (onOverlayClick) {\n                    onOverlayClick(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            };\n\n            return (\n                <StyledPopup\n                    id={innerId}\n                    ref={asModal ? innerRef : outerRef}\n                    className={cx(placementClass)}\n                    opened={innerIsOpen}\n                    zIndex={zIndex}\n                    placement={placement}\n                    popupInfo={drawerInfo}\n                    frame={frame}\n                    width={innerWidth}\n                    height={innerHeight}\n                    offset={offset}\n                    withAnimation\n                    overlay={\n                        asModal && (\n                            <Root view={view}>\n                                <Overlay\n                                    className={classes.overlay}\n                                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                                    backgroundColorProperty={overlayBackgroundToken}\n                                    withBlur={withBlur}\n                                    transparent={transparent}\n                                    isClickable={closeOnOverlayClick}\n                                    onOverlayClick={onDrawerOverlayKeyDown}\n                                />\n                            </Root>\n                        )\n                    }\n                    {...rest}\n                >\n                    <Root\n                        view={view}\n                        size={size}\n                        style={{ width: innerWidth, height: innerHeight }}\n                        borderRadius={borderRadius}\n                    >\n                        <StyledPanel\n                            width={innerWidth}\n                            height={innerHeight}\n                            customBackgroundColor={customBackgroundColor}\n                            customContentBackgroundColor={customContentBackgroundColor}\n                            className={className}\n                        >\n                            {children}\n                        </StyledPanel>\n                    </Root>\n                </StyledPopup>\n            );\n        },\n    );\n\nexport const drawerConfig = {\n    name: 'Drawer',\n    tag: 'div',\n    layout: drawerRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}

package/es/components/Drawer/ui/DrawerContent/DrawerContent.css

@@ -1,10 +1,10 @@
-.base_10gjs6e_b11yryf5__c70de98c{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
+.base_lwq4bq_b11yryf5__4e4b1db2{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
 
 .base_t42kp6_b68f6vo__04aa8af1{padding:var(--plasma-panel-padding);height:var(--plasma_private-panel-height);width:var(--plasma_private-panel-width);}
 
 .base_2yf5jv_b1xkcksz__e72487ad{border-radius:var(--plasma-panel-border-radius);}
 
-.Panel_styles_2oh0yk_siaxu13__4b38fa73{background:var(--plasma-panel-content-background-color);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
+.Panel_styles_1g0gq8z_siaxu13__180beaa7{background:var(--siaxu13-0);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
 
 .base_1wckm5d_b1mvcfe5__595610ae{overflow-y:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-right:20px;box-sizing:border-box;}.base_1wckm5d_b1mvcfe5__595610ae::-webkit-scrollbar{display:none;}
 
@@ -38,8 +38,8 @@
 .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
 .Button_styles_8cvmld_b9ga1dj__4694a0fa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
 
-.PanelHeader_styles_8c7krd_b5xb1jq__8864a0a4{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
-.PanelHeader_styles_8c7krd_s1hqmxl1__8864a0a4{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
-.PanelHeader_styles_8c7krd_c7hx8go__8864a0a4{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
+.PanelHeader_styles_16qje7n_b5xb1jq__a3864628{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
+.PanelHeader_styles_16qje7n_s1hqmxl1__a3864628{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+.PanelHeader_styles_16qje7n_c7hx8go__a3864628{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
 
 .base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}

package/es/components/Panel/Panel.css

@@ -1,7 +1,7 @@
-.base_10gjs6e_b11yryf5__c70de98c{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
+.base_lwq4bq_b11yryf5__4e4b1db2{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
 
 .base_t42kp6_b68f6vo__04aa8af1{padding:var(--plasma-panel-padding);height:var(--plasma_private-panel-height);width:var(--plasma_private-panel-width);}
 
 .base_2yf5jv_b1xkcksz__e72487ad{border-radius:var(--plasma-panel-border-radius);}
 
-.Panel_styles_2oh0yk_siaxu13__4b38fa73{background:var(--plasma-panel-content-background-color);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
+.Panel_styles_1g0gq8z_siaxu13__180beaa7{background:var(--siaxu13-0);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}

package/es/components/Panel/Panel.js

@@ -1,14 +1,14 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$2 } from './variations/_borderRadius/base.js';
-import { classes } from './Panel.tokens.js';
+import { classes, privateTokens } from './Panel.tokens.js';
 import { StyledWrapper } from './Panel.styles.js';
 import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
 
-var _excluded = ["children", "view", "size", "width", "height", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
 var panelRoot = function panelRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     var children = _ref.children,
@@ -16,6 +16,8 @@ var panelRoot = function panelRoot(Root) {
       size = _ref.size,
       width = _ref.width,
       height = _ref.height,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       className = _ref.className,
       style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -26,11 +28,10 @@ var panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: cx(classes.root, className),
-      style: _objectSpread2(_objectSpread2({}, style), {}, {
-        '--plasma_private-panel-width': innerWidth,
-        '--plasma_private-panel-height': innerHeight
-      })
-    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, null, children));
+      style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.backgrounColor, customBackgroundColor))
+    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, {
+      customContentBackgroundColor: customContentBackgroundColor
+    }, children));
   });
 };
 var panelConfig = {

package/es/components/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport type { PanelProps } from './Panel.types';\nimport { classes } from './Panel.tokens';\nimport { StyledWrapper } from './Panel.styles';\n\nexport const panelRoot = (Root: RootProps<HTMLDivElement, PanelProps>) =>\n    forwardRef<HTMLDivElement, PanelProps>(\n        ({ children, view, size, width, height, className, style, ...rest }, outerRef) => {\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            return (\n                <Root\n                    ref={outerRef}\n                    view={view}\n                    size={size}\n                    className={cx(classes.root, className)}\n                    style={\n                        {\n                            ...style,\n                            '--plasma_private-panel-width': innerWidth,\n                            '--plasma_private-panel-height': innerHeight,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    <StyledWrapper>{children}</StyledWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const panelConfig = {\n    name: 'Panel',\n    tag: 'div',\n    layout: panelRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["panelRoot","Root","forwardRef","_ref","outerRef","children","view","size","width","height","className","style","rest","_objectWithoutProperties","_excluded","innerWidth","getSizeValueFromProp","innerHeight","React","createElement","_extends","ref","cx","classes","root","_objectSpread","StyledWrapper","panelConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadius","borderRadiusCSS","defaults"],"mappings":";;;;;;;;;;;IAaaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CACN,UAAAC,IAAA,EAAqEC,QAAQ,EAAK;AAAA,IAAA,IAA/EC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;MAAEC,SAAS,GAAAP,IAAA,CAATO,SAAS;MAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;IAC7D,IAAMC,UAAU,GAAGP,KAAK,GAAGQ,oBAAoB,CAACR,KAAK,CAAC,GAAG,MAAM,CAAA;IAC/D,IAAMS,WAAW,GAAGR,MAAM,GAAGO,oBAAoB,CAACP,MAAM,CAAC,GAAG,MAAM,CAAA;AAElE,IAAA,oBACIS,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDC,MAAAA,GAAG,EAAEjB,QAAS;AACdE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXG,SAAS,EAAEY,EAAE,CAACC,OAAO,CAACC,IAAI,EAAEd,SAAS,CAAE;AACvCC,MAAAA,KAAK,EAAAc,cAAA,CAAAA,cAAA,KAEMd,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,QAAA,8BAA8B,EAAEI,UAAU;AAC1C,QAAA,+BAA+B,EAAEE,WAAAA;AAAW,OAAA,CAAA;KAGhDL,EAAAA,IAAI,CAERM,eAAAA,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAA,IAAA,EAAErB,QAAwB,CACtC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMsB,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,SAAS;AACjB+B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDC,IAAAA,YAAY,EAAE;AACVH,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNhC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACT6B,IAAAA,YAAY,EAAE,MAAA;AAClB,GAAA;AACJ;;;;"}
+{"version":3,"file":"Panel.js","sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport type { PanelProps } from './Panel.types';\nimport { classes, privateTokens } from './Panel.tokens';\nimport { StyledWrapper } from './Panel.styles';\n\nexport const panelRoot = (Root: RootProps<HTMLDivElement, PanelProps>) =>\n    forwardRef<HTMLDivElement, PanelProps>(\n        (\n            {\n                children,\n                view,\n                size,\n                width,\n                height,\n                customBackgroundColor,\n                customContentBackgroundColor,\n                className,\n                style,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n            const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n            return (\n                <Root\n                    ref={outerRef}\n                    view={view}\n                    size={size}\n                    className={cx(classes.root, className)}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.width]: innerWidth,\n                            [privateTokens.height]: innerHeight,\n                            [privateTokens.backgrounColor]: customBackgroundColor,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    <StyledWrapper customContentBackgroundColor={customContentBackgroundColor}>\n                        {children}\n                    </StyledWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const panelConfig = {\n    name: 'Panel',\n    tag: 'div',\n    layout: panelRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        borderRadius: {\n            css: borderRadiusCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        borderRadius: 'none',\n    },\n};\n"],"names":["panelRoot","Root","forwardRef","_ref","outerRef","children","view","size","width","height","customBackgroundColor","customContentBackgroundColor","className","style","rest","_objectWithoutProperties","_excluded","innerWidth","getSizeValueFromProp","innerHeight","React","createElement","_extends","ref","cx","classes","root","_objectSpread","_defineProperty","privateTokens","backgrounColor","StyledWrapper","panelConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadius","borderRadiusCSS","defaults"],"mappings":";;;;;;;;;;;IAaaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CACN,UAAAC,IAAA,EAaIC,QAAQ,EACP;AAAA,IAAA,IAZGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACRC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MACJC,KAAK,GAAAL,IAAA,CAALK,KAAK;MACLC,MAAM,GAAAN,IAAA,CAANM,MAAM;MACNC,qBAAqB,GAAAP,IAAA,CAArBO,qBAAqB;MACrBC,4BAA4B,GAAAR,IAAA,CAA5BQ,4BAA4B;MAC5BC,SAAS,GAAAT,IAAA,CAATS,SAAS;MACTC,KAAK,GAAAV,IAAA,CAALU,KAAK;AACFC,MAAAA,IAAI,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;IAIX,IAAMC,UAAU,GAAGT,KAAK,GAAGU,oBAAoB,CAACV,KAAK,CAAC,GAAG,MAAM,CAAA;IAC/D,IAAMW,WAAW,GAAGV,MAAM,GAAGS,oBAAoB,CAACT,MAAM,CAAC,GAAG,MAAM,CAAA;AAElE,IAAA,oBACIW,KAAA,CAAAC,aAAA,CAACpB,IAAI,EAAAqB,QAAA,CAAA;AACDC,MAAAA,GAAG,EAAEnB,QAAS;AACdE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXK,SAAS,EAAEY,EAAE,CAACC,OAAO,CAACC,IAAI,EAAEd,SAAS,CAAE;AACvCC,MAAAA,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAEMd,EAAAA,EAAAA,KAAK,CAAAe,EAAAA,EAAAA,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CACPC,EAAAA,EAAAA,aAAa,CAACrB,KAAK,EAAGS,UAAU,CAChCY,EAAAA,aAAa,CAACpB,MAAM,EAAGU,WAAW,CAClCU,EAAAA,aAAa,CAACC,cAAc,EAAGpB,qBAAqB,CAAA,CAAA;AAE5D,KAAA,EACGI,IAAI,CAERM,eAAAA,KAAA,CAAAC,aAAA,CAACU,aAAa,EAAA;AAACpB,MAAAA,4BAA4B,EAAEA,4BAAAA;KACxCN,EAAAA,QACU,CACb,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM2B,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,SAAS;AACjBoC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDhC,IAAAA,IAAI,EAAE;AACF+B,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDC,IAAAA,YAAY,EAAE;AACVH,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTkC,IAAAA,YAAY,EAAE,MAAA;AAClB,GAAA;AACJ;;;;"}

package/es/components/Panel/Panel.styles.js

@@ -1,10 +1,20 @@
-import './Panel.styles_2oh0yk.css';
+import './Panel.styles_1g0gq8z.css';
 import { styled } from '@linaria/react';
+import { tokens } from './Panel.tokens.js';
 
+var _exp = function _exp() {
+  return function (_ref) {
+    var customContentBackgroundColor = _ref.customContentBackgroundColor;
+    return customContentBackgroundColor || "var(".concat(tokens.contentBackgroundColor, ")");
+  };
+};
 var StyledWrapper = /*#__PURE__*/styled('div')({
   name: "StyledWrapper",
   "class": "siaxu13",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "siaxu13-0": [/*#__PURE__*/_exp()]
+  }
 });
 
 export { StyledWrapper };

package/es/components/Panel/Panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.styles.js","sources":["../../../src/components/Panel/Panel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from './Panel.tokens';\n\nexport const StyledWrapper = styled.div`\n    background: var(${tokens.contentBackgroundColor});\n    height: 100%;\n    width: 100%;\n    display: inline-flex;\n    flex-direction: column;\n    position: relative;\n`;\n"],"names":["StyledWrapper","styled","name","class","propsAsIs"],"mappings":";;AAIO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOlC;;;;"}
+{"version":3,"file":"Panel.styles.js","sources":["../../../src/components/Panel/Panel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from './Panel.tokens';\n\nexport const StyledWrapper = styled.div<{ customContentBackgroundColor?: string }>`\n    background: ${({ customContentBackgroundColor }) =>\n        customContentBackgroundColor || `var(${tokens.contentBackgroundColor})`};\n    height: 100%;\n    width: 100%;\n    display: inline-flex;\n    flex-direction: column;\n    position: relative;\n`;\n"],"names":["_exp","_ref","customContentBackgroundColor","concat","tokens","contentBackgroundColor","StyledWrapper","styled","name","class","propsAsIs","vars"],"mappings":";;;AAEwC,IAAAA,IAAA,GADtBA,SACsBA,IAAAA,GAAA;AAAA,EAAA,OAGtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,4BAAAA,GAAAA,IAAAA,CAAAA,4BAAAA,CAAAA;AAAAA,IAAAA,OACbA,4BAA4B,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,sBAAuB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFxE,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBX,IAC6D,EAAA,CAAA;AAAA,GAAA;AAAA,CAM9E;;;;"}

package/es/components/Panel/Panel.styles_1g0gq8z.css

@@ -0,0 +1 @@
+.siaxu13{background:var(--siaxu13-0);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}

package/es/components/Panel/Panel.tokens.js

@@ -6,6 +6,19 @@ var classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
+var privateTokens = {
+  width: '--plasma_private-panel-width',
+  height: '--plasma_private-panel-height',
+  backgrounColor: '--plasma_private-panel-custom-background-color'
+};
+var tokens = {
+  background: '--plasma-panel-background',
+  shadow: '--plasma-panel-shadow',
+  contentBackgroundColor: '--plasma-panel-content-background-color',
+  padding: '--plasma-panel-padding',
+  borderRadius: '--plasma-panel-border-radius',
+  closeColor: '--plasma-panel-close-color'
+};
 
-export { classes };
+export { classes, privateTokens, tokens };
 //# sourceMappingURL=Panel.tokens.js.map

package/es/components/Panel/Panel.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.tokens.js","sources":["../../../src/components/Panel/Panel.tokens.ts"],"sourcesContent":["export const classes = {\n    root: 'panel-root',\n    content: 'panel-content',\n    header: 'panel-header',\n    footer: 'panel-footer',\n    hasHeader: 'panel-has-header',\n    isRightClose: 'panel-right-close-button',\n};\n\nexport const tokens = {\n    background: '--plasma-panel-background',\n    shadow: '--plasma-panel-shadow',\n    contentBackgroundColor: '--plasma-panel-content-background-color',\n    padding: '--plasma-panel-padding',\n    borderRadius: '--plasma-panel-border-radius',\n    closeColor: '--plasma-panel-close-color',\n};\n"],"names":["classes","root","content","header","footer","hasHeader","isRightClose"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,SAAS,EAAE,kBAAkB;AAC7BC,EAAAA,YAAY,EAAE,0BAAA;AAClB;;;;"}
+{"version":3,"file":"Panel.tokens.js","sources":["../../../src/components/Panel/Panel.tokens.ts"],"sourcesContent":["export const classes = {\n    root: 'panel-root',\n    content: 'panel-content',\n    header: 'panel-header',\n    footer: 'panel-footer',\n    hasHeader: 'panel-has-header',\n    isRightClose: 'panel-right-close-button',\n};\n\nexport const privateTokens = {\n    width: '--plasma_private-panel-width',\n    height: '--plasma_private-panel-height',\n    backgrounColor: '--plasma_private-panel-custom-background-color',\n};\n\nexport const tokens = {\n    background: '--plasma-panel-background',\n    shadow: '--plasma-panel-shadow',\n    contentBackgroundColor: '--plasma-panel-content-background-color',\n    padding: '--plasma-panel-padding',\n    borderRadius: '--plasma-panel-border-radius',\n    closeColor: '--plasma-panel-close-color',\n};\n"],"names":["classes","root","content","header","footer","hasHeader","isRightClose","privateTokens","width","height","backgrounColor","tokens","background","shadow","contentBackgroundColor","padding","borderRadius","closeColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,SAAS,EAAE,kBAAkB;AAC7BC,EAAAA,YAAY,EAAE,0BAAA;AAClB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,8BAA8B;AACrCC,EAAAA,MAAM,EAAE,+BAA+B;AACvCC,EAAAA,cAAc,EAAE,gDAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,UAAU,EAAE,4BAAA;AAChB;;;;"}

package/es/components/Panel/ui/PanelHeader/PanelHeader.css

@@ -26,8 +26,8 @@
 .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
 .Button_styles_8cvmld_b9ga1dj__4694a0fa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
 
-.PanelHeader_styles_8c7krd_b5xb1jq__8864a0a4{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
-.PanelHeader_styles_8c7krd_s1hqmxl1__8864a0a4{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
-.PanelHeader_styles_8c7krd_c7hx8go__8864a0a4{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
+.PanelHeader_styles_16qje7n_b5xb1jq__a3864628{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
+.PanelHeader_styles_16qje7n_s1hqmxl1__a3864628{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+.PanelHeader_styles_16qje7n_c7hx8go__a3864628{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
 
 .base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}

package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -1,4 +1,4 @@
-import './PanelHeader.styles_8c7krd.css';
+import './PanelHeader.styles_16qje7n.css';
 import { styled } from '@linaria/react';
 import { placements } from './PanelHeader.types.js';
 import { component, mergeConfig } from '../../../../engines/common.js';
@@ -6,19 +6,19 @@ import { buttonConfig } from '../../../Button/Button.js';
 
 var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
-var _exp2 = function _exp2() {
+var _exp3 = function _exp3() {
   return function (_ref) {
     var placement = _ref.placement;
     return placement === placements.left ? -1 : 0;
   };
 };
-var _exp3 = function _exp3() {
+var _exp4 = function _exp4() {
   return function (_ref2) {
     var placement = _ref2.placement;
     return !placement || placement === placements.right ? '0.5rem' : '';
   };
 };
-var _exp4 = function _exp4() {
+var _exp5 = function _exp5() {
   return function (_ref3) {
     var placement = _ref3.placement;
     return placement === placements.left ? '0.5rem' : '';
@@ -29,9 +29,9 @@ var ButtonWrapper = /*#__PURE__*/styled('div')({
   "class": "b5xb1jq",
   propsAsIs: false,
   vars: {
-    "b5xb1jq-0": [/*#__PURE__*/_exp2()],
-    "b5xb1jq-1": [/*#__PURE__*/_exp3()],
-    "b5xb1jq-2": [/*#__PURE__*/_exp4()]
+    "b5xb1jq-0": [/*#__PURE__*/_exp3()],
+    "b5xb1jq-1": [/*#__PURE__*/_exp4()],
+    "b5xb1jq-2": [/*#__PURE__*/_exp5()]
   }
 });
 var StyledHeader = /*#__PURE__*/styled('div')({
@@ -39,10 +39,10 @@ var StyledHeader = /*#__PURE__*/styled('div')({
   "class": "s1hqmxl1",
   propsAsIs: false
 });
-var _exp5 = function _exp5() {
+var _exp6 = function _exp6() {
   return Button;
 };
-var CloseIconWrapper = /*#__PURE__*/styled(_exp5())({
+var CloseIconWrapper = /*#__PURE__*/styled(_exp6())({
   name: "CloseIconWrapper",
   "class": "c7hx8go",
   propsAsIs: true

package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.styles.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { mergeConfig, component } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { tokens as buttonTokens } from '../../../Button/Button.tokens';\nimport { tokens } from '../../Panel.tokens';\n\nimport { ClosePlacementType, placements } from './PanelHeader.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const ButtonWrapper = styled.div<{ placement?: ClosePlacementType }>`\n    background: var(${tokens.background});\n\n    order: ${({ placement }) => (placement === placements.left ? -1 : 0)};\n    padding-left: ${({ placement }) => (!placement || placement === placements.right ? '0.5rem' : '')};\n    padding-right: ${({ placement }) => (placement === placements.left ? '0.5rem' : '')};\n`;\n\nexport const StyledHeader = styled.div`\n    height: fit-content;\n    flex-grow: 1;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: relative;\n    width: 1.5rem;\n    min-height: 1.5rem;\n    ${buttonTokens.buttonColor}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorActive}: var(${tokens.closeColor});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","placement","placements","left","_exp3","_ref2","right","_exp4","_ref3","ButtonWrapper","styled","name","class","propsAsIs","vars","StyledHeader","_exp5","CloseIconWrapper"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,KAAA,GAT3BA,SAS2BA,KAAAA,GAAA;AAAA,EAAA,OAKhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,UAAU,CAACC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdtDA,SAcsDA,KAAAA,GAAA;AAAA,EAAA,OACpD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiB,CAACA,SAAS,IAAIA,SAAS,KAAKC,UAAU,CAACI,KAAK,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAfnFA,SAemFA,KAAAA,GAAA;AAAA,EAAA,OAChF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,UAAU,CAACC,IAAI,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhF,IAAMM,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGtBf,KAA2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpDK,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAChFG,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACtF,EAAA;AAEM,IAAMQ,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAAC,IAAAG,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCnB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMoB,gBAAgB,gBAAGP,MAAM,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAOrC;;;;"}
+{"version":3,"file":"PanelHeader.styles.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { mergeConfig, component } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { tokens as buttonTokens } from '../../../Button/Button.tokens';\nimport { privateTokens, tokens } from '../../Panel.tokens';\n\nimport { ClosePlacementType, placements } from './PanelHeader.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const ButtonWrapper = styled.div<{ placement?: ClosePlacementType }>`\n    background: var(${privateTokens.backgrounColor}, var(${tokens.background}));\n\n    order: ${({ placement }) => (placement === placements.left ? -1 : 0)};\n    padding-left: ${({ placement }) => (!placement || placement === placements.right ? '0.5rem' : '')};\n    padding-right: ${({ placement }) => (placement === placements.left ? '0.5rem' : '')};\n`;\n\nexport const StyledHeader = styled.div`\n    height: fit-content;\n    flex-grow: 1;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: relative;\n    width: 1.5rem;\n    min-height: 1.5rem;\n    ${buttonTokens.buttonColor}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorActive}: var(${tokens.closeColor});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp3","_ref","placement","placements","left","_exp4","_ref2","right","_exp5","_ref3","ButtonWrapper","styled","name","class","propsAsIs","vars","StyledHeader","_exp6","CloseIconWrapper"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,KAAA,GAT3BA,SAS2BA,KAAAA,GAAA;AAAA,EAAA,OAKhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,UAAU,CAACC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdtDA,SAcsDA,KAAAA,GAAA;AAAA,EAAA,OACpD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiB,CAACA,SAAS,IAAIA,SAAS,KAAKC,UAAU,CAACI,KAAK,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAfnFA,SAemFA,KAAAA,GAAA;AAAA,EAAA,OAChF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,UAAU,CAACC,IAAI,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhF,IAAMM,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGtBf,KAA2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpDK,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAChFG,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACtF,EAAA;AAEM,IAAMQ,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAAC,IAAAG,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCnB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMoB,gBAAgB,gBAAGP,MAAM,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAOrC;;;;"}