@salutejs/plasma-new-hope 0.338.0-canary.2270.18222140946.0 → 0.338.0-canary.2271.18274881210.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_5c37vu.css → SingleDate.styles_15voqba.css} +1 -1
- package/cjs/components/Table/Table.js +34 -27
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.js +5 -3
- package/cjs/components/Table/ui/Cell/Cell.js.map +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.js +4 -3
- package/cjs/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/cjs/components/Table/Table.js +16 -11
- package/emotion/cjs/components/Table/ui/Cell/Cell.js +31 -3
- package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -2
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/es/components/Table/Table.js +16 -11
- package/emotion/es/components/Table/ui/Cell/Cell.js +31 -3
- package/emotion/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/es/components/DatePicker/DatePicker.tokens.js +0 -2
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_5c37vu.css → SingleDate.styles_15voqba.css} +1 -1
- package/es/components/Table/Table.js +34 -27
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.js +5 -3
- package/es/components/Table/ui/Cell/Cell.js.map +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.js +5 -4
- package/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -10
- package/styled-components/cjs/components/Table/Table.js +16 -11
- package/styled-components/cjs/components/Table/ui/Cell/Cell.js +31 -3
- package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -2
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -10
- package/styled-components/es/components/Table/Table.js +16 -11
- package/styled-components/es/components/Table/ui/Cell/Cell.js +31 -3
- package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -2
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +88 -3
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/types/components/Table/ui/Cell/Cell.d.ts +2 -0
- package/types/components/Table/ui/Cell/Cell.d.ts.map +1 -1
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts +2 -0
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts.map +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
1
|
+
import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React, { useState, useRef } from 'react';
|
|
3
3
|
import { flexRender } from '@tanstack/react-table';
|
|
4
4
|
import { Resizer } from '../../Table.styles.js';
|
|
@@ -24,7 +24,8 @@ var EditableCell = function EditableCell(_ref) {
|
|
|
24
24
|
cell = _ref.cell,
|
|
25
25
|
borderVariant = _ref.borderVariant,
|
|
26
26
|
table = _ref.table,
|
|
27
|
-
selected = _ref.selected
|
|
27
|
+
selected = _ref.selected,
|
|
28
|
+
additionalProps = _ref.additionalProps;
|
|
28
29
|
var _useState = useState(cell.getValue()),
|
|
29
30
|
_useState2 = _slicedToArray(_useState, 2),
|
|
30
31
|
value = _useState2[0],
|
|
@@ -74,7 +75,7 @@ var EditableCell = function EditableCell(_ref) {
|
|
|
74
75
|
}
|
|
75
76
|
}
|
|
76
77
|
};
|
|
77
|
-
return /*#__PURE__*/React.createElement(Td, {
|
|
78
|
+
return /*#__PURE__*/React.createElement(Td, _extends({
|
|
78
79
|
key: cell.id,
|
|
79
80
|
borderVariant: borderVariant,
|
|
80
81
|
selectionCell: cell.column.id === SELECT_COLUMN_ID,
|
|
@@ -83,7 +84,7 @@ var EditableCell = function EditableCell(_ref) {
|
|
|
83
84
|
selected: selected,
|
|
84
85
|
view: view,
|
|
85
86
|
ref: ref
|
|
86
|
-
}, /*#__PURE__*/React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React.createElement(EditModeWrapper, null, /*#__PURE__*/React.createElement(InputWrapper, null, /*#__PURE__*/React.createElement(Input, {
|
|
87
|
+
}, additionalProps), /*#__PURE__*/React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/React.createElement(EditModeWrapper, null, /*#__PURE__*/React.createElement(InputWrapper, null, /*#__PURE__*/React.createElement(Input, {
|
|
87
88
|
value: value,
|
|
88
89
|
onChange: handleChange,
|
|
89
90
|
autoFocus: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n ContentWrapper,\n Td,\n IconDoneButton,\n Input,\n InnerWrapper,\n InputWrapper,\n EditModeWrapper,\n IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n Enter: 'Enter',\n Tab: 'Tab',\n Escape: 'Escape',\n};\n\ntype Props = {\n size: TableProps['size'];\n view: TableProps['view'];\n cell: CellType<TableRowData, unknown>;\n borderVariant: TableProps['borderVariant'];\n selected: boolean;\n table: Table<TableRowData>;\n};\n\nexport const EditableCell: React.FC<Props> = ({
|
|
1
|
+
{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport type { HTMLAttributes, TdHTMLAttributes } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n ContentWrapper,\n Td,\n IconDoneButton,\n Input,\n InnerWrapper,\n InputWrapper,\n EditModeWrapper,\n IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n Enter: 'Enter',\n Tab: 'Tab',\n Escape: 'Escape',\n};\n\ntype Props = {\n size: TableProps['size'];\n view: TableProps['view'];\n cell: CellType<TableRowData, unknown>;\n borderVariant: TableProps['borderVariant'];\n selected: boolean;\n table: Table<TableRowData>;\n additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;\n};\n\nexport const EditableCell: React.FC<Props> = ({\n size,\n view,\n cell,\n borderVariant,\n table,\n selected,\n additionalProps,\n}) => {\n const [value, setValue] = useState<string>(cell.getValue() as string);\n const [editingMode, setEditingMode] = useState(false);\n\n const updateData = table.options.meta?.updateData;\n\n const ref = useRef<HTMLTableCellElement>(null);\n\n useOutsideClick(() => {\n setEditingMode(false);\n }, [ref]);\n\n const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n e.stopPropagation();\n\n setEditingMode(true);\n setValue(cell.getValue() as string);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n const handleReset = () => {\n setValue(cell.getValue() as string);\n };\n\n const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n\n if (updateData) {\n updateData(cell.row.id, cell.column.id, value);\n }\n setEditingMode(false);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n switch (event.code) {\n case keys.Enter: {\n if (updateData) {\n updateData(cell.row.id, cell.column.id, value);\n }\n\n setEditingMode(false);\n\n break;\n }\n\n case keys.Escape:\n case keys.Tab: {\n setEditingMode(false);\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return (\n <Td\n key={cell.id}\n borderVariant={borderVariant}\n selectionCell={cell.column.id === SELECT_COLUMN_ID}\n onClick={handleEditClick}\n editingMode={editingMode}\n selected={selected}\n view={view}\n ref={ref}\n {...additionalProps}\n >\n <InnerWrapper>\n {editingMode ? (\n <EditModeWrapper>\n <InputWrapper>\n {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n <IconResetButton onClick={handleReset} tabIndex={-1}>\n <IconResetOutline size={getIconSize(size)} />\n </IconResetButton>\n </InputWrapper>\n\n <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n <IconDoneCircleOutline size={getIconSize(size)} />\n </IconDoneButton>\n </EditModeWrapper>\n ) : (\n <ContentWrapper>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n </ContentWrapper>\n )}\n </InnerWrapper>\n\n {cell.column.getIsResizing() && <Resizer isResizing />}\n </Td>\n );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","additionalProps","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","_extends","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAA;AACZ,CAAC,CAAA;IAYYC,YAA6B,GAAG,SAAhCA,YAA6BA,CAAAC,IAAA,EAQpC;AAAA,EAAA,IAAAC,mBAAA,CAAA;AAAA,EAAA,IAPFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,eAAe,GAAAR,IAAA,CAAfQ,eAAe,CAAA;EAEf,IAAAC,SAAA,GAA0BC,QAAQ,CAASN,IAAI,CAACO,QAAQ,EAAY,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA9DK,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,UAAA,GAAsCN,QAAQ,CAAC,KAAK,CAAC;IAAAO,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA9CE,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMG,UAAU,GAAA,CAAAnB,mBAAA,GAAGK,KAAK,CAACe,OAAO,CAACC,IAAI,MAAArB,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAoBmB,UAAU,CAAA;AAEjD,EAAA,IAAMG,GAAG,GAAGC,MAAM,CAAuB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,eAAe,CAAC,YAAM;IAClBN,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,GAAC,EAAE,CAACI,GAAG,CAAC,CAAC,CAAA;AAET,EAAA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAoC,EAAK;IAC9DA,CAAC,CAACC,eAAe,EAAE,CAAA;IAEnBT,cAAc,CAAC,IAAI,CAAC,CAAA;AACpBJ,IAAAA,QAAQ,CAACX,IAAI,CAACO,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMkB,YAAY,GAAG,SAAfA,YAAYA,CAAIF,CAAsC,EAAA;AAAA,IAAA,OAAKZ,QAAQ,CAACY,CAAC,CAACG,MAAM,CAAChB,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAEzF,EAAA,IAAMiB,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtBhB,IAAAA,QAAQ,CAACX,IAAI,CAACO,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMqB,YAAY,GAAG,SAAfA,YAAYA,CAAIL,CAAsC,EAAK;IAC7DA,CAAC,CAACC,eAAe,EAAE,CAAA;AAEnB,IAAA,IAAIR,UAAU,EAAE;AACZA,MAAAA,UAAU,CAAChB,IAAI,CAAC6B,GAAG,CAACC,EAAE,EAAE9B,IAAI,CAAC+B,MAAM,CAACD,EAAE,EAAEpB,KAAK,CAAC,CAAA;AAClD,KAAA;IACAK,cAAc,CAAC,KAAK,CAAC,CAAA;GACxB,CAAA;AAED,EAAA,IAAMiB,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0C,EAAK;IAClE,QAAQA,KAAK,CAACC,IAAI;MACd,KAAK3C,IAAI,CAACC,KAAK;AAAE,QAAA;AACb,UAAA,IAAIwB,UAAU,EAAE;AACZA,YAAAA,UAAU,CAAChB,IAAI,CAAC6B,GAAG,CAACC,EAAE,EAAE9B,IAAI,CAAC+B,MAAM,CAACD,EAAE,EAAEpB,KAAK,CAAC,CAAA;AAClD,WAAA;UAEAK,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKxB,IAAI,CAACG,MAAM,CAAA;MAChB,KAAKH,IAAI,CAACE,GAAG;AAAE,QAAA;UACXsB,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;AAED,EAAA,oBACIoB,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEvC,IAAI,CAAC8B,EAAG;AACb7B,IAAAA,aAAa,EAAEA,aAAc;AAC7BuC,IAAAA,aAAa,EAAExC,IAAI,CAAC+B,MAAM,CAACD,EAAE,KAAKW,gBAAiB;AACnDC,IAAAA,OAAO,EAAEpB,eAAgB;AACzBR,IAAAA,WAAW,EAAEA,WAAY;AACzBX,IAAAA,QAAQ,EAAEA,QAAS;AACnBJ,IAAAA,IAAI,EAAEA,IAAK;AACXoB,IAAAA,GAAG,EAAEA,GAAAA;GACDf,EAAAA,eAAe,CAEnB+B,eAAAA,KAAA,CAAAC,aAAA,CAACO,YAAY,EACR7B,IAAAA,EAAAA,WAAW,gBACRqB,KAAA,CAAAC,aAAA,CAACQ,eAAe,EAAA,IAAA,eACZT,KAAA,CAAAC,aAAA,CAACS,YAAY,EAAA,IAAA,eAETV,KAAA,CAAAC,aAAA,CAACU,KAAK,EAAA;AAACpC,IAAAA,KAAK,EAAEA,KAAM;AAACqC,IAAAA,QAAQ,EAAEtB,YAAa;IAACuB,SAAS,EAAA,IAAA;AAACC,IAAAA,SAAS,EAAEjB,aAAAA;AAAc,GAAE,CAAC,eAEnFG,KAAA,CAAAC,aAAA,CAACc,eAAe,EAAA;AAACR,IAAAA,OAAO,EAAEf,WAAY;AAACwB,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,eAChDhB,KAAA,CAAAC,aAAA,CAACgB,gBAAgB,EAAA;IAACtD,IAAI,EAAEuD,WAAW,CAACvD,IAAI,CAAA;GAAI,CAC/B,CACP,CAAC,eAEfqC,KAAA,CAAAC,aAAA,CAACkB,cAAc,EAAA;AAACZ,IAAAA,OAAO,EAAEd,YAAa;AAACuB,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,eAChDhB,KAAA,CAAAC,aAAA,CAACmB,qBAAqB,EAAA;IAACzD,IAAI,EAAEuD,WAAW,CAACvD,IAAI,CAAA;AAAE,GAAE,CACrC,CACH,CAAC,gBAElBqC,KAAA,CAAAC,aAAA,CAACoB,cAAc,EAAA,IAAA,EACVC,UAAU,CAACzD,IAAI,CAAC+B,MAAM,CAAC2B,SAAS,CAAC1D,IAAI,EAAEA,IAAI,CAAC2D,UAAU,EAAE,CAAC,eAE1DxB,KAAA,CAAAC,aAAA,CAACwB,eAAe,EAAA;AAAC9D,IAAAA,IAAI,EAAC,IAAI;IAAC+D,SAAS,EAAEC,OAAO,CAACC,QAAS;AAACC,IAAAA,KAAK,EAAC,uBAAA;GAAyB,CAC3E,CAEV,CAAC,EAEdhE,IAAI,CAAC+B,MAAM,CAACkC,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAI/B,KAAA,CAAAC,aAAA,CAAC+B,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
|
package/es/index.css
CHANGED
|
@@ -814,9 +814,9 @@
|
|
|
814
814
|
.base_1w70zvk_b160pc19__ad28763c[readonly]{cursor:default;}.base_1w70zvk_b160pc19__ad28763c[readonly] .base_1w70zvk_lvfqi8__ad28763c{color:var(--plasma-date-picker__left-helper-color-readonly);}
|
|
815
815
|
|
|
816
816
|
|
|
817
|
-
.
|
|
818
|
-
.
|
|
819
|
-
.
|
|
817
|
+
.SingleDate_styles_15voqba_s15omatb__6e028a9c{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-date-picker-textfield-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-date-picker-textfield__content-right-color-hover);}.SingleDate_styles_15voqba_s15omatb__6e028a9c.SingleDate_styles_15voqba_datePickerError__6e028a9c{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_15voqba_s15omatb__6e028a9c.SingleDate_styles_15voqba_datePickerSuccess__6e028a9c{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
|
|
818
|
+
.SingleDate_styles_15voqba_boba7w3__6e028a9c{display:inline-block;}.SingleDate_styles_15voqba_boba7w3__6e028a9c .SingleDate_styles_15voqba_popoverWrapper__6e028a9c,.SingleDate_styles_15voqba_boba7w3__6e028a9c .SingleDate_styles_15voqba_popoverTarget__6e028a9c{width:inherit;}.SingleDate_styles_15voqba_boba7w3__6e028a9c.SingleDate_styles_15voqba_datePickerStretched__6e028a9c{width:100%;}.SingleDate_styles_15voqba_boba7w3__6e028a9c.SingleDate_styles_15voqba_datePickerStretched__6e028a9c .SingleDate_styles_15voqba_popoverRoot__6e028a9c{width:100%;}
|
|
819
|
+
.SingleDate_styles_15voqba_lvfqi8__6e028a9c{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_15voqba_lvfqi8__6e028a9c.SingleDate_styles_15voqba_datePickerError__6e028a9c{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_15voqba_lvfqi8__6e028a9c.SingleDate_styles_15voqba_datePickerSuccess__6e028a9c{color:var(--plasma-date-picker__left-helper-color-success);}
|
|
820
820
|
|
|
821
821
|
.base_nqbt5h_bxpb4df__bce36654 .base_nqbt5h_ls94ai0__bce36654{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
|
|
822
822
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.338.0-canary.
|
|
3
|
+
"version": "0.338.0-canary.2271.18274881210.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "847b4b567419944c776f957c3ddfd600319f9f46"
|
|
141
141
|
}
|
|
@@ -95,8 +95,6 @@ var tokens = {
|
|
|
95
95
|
rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
|
|
96
96
|
/** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
|
|
97
97
|
/** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
|
|
98
|
-
textFieldColorError: '--plasma-date-picker-textfield-color-error',
|
|
99
|
-
textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
|
|
100
98
|
textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
|
|
101
99
|
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
|
102
100
|
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
|
@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
|
|
|
74
74
|
var Popover = (0, _engines.component)(mergedPopoverConfig);
|
|
75
75
|
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
76
76
|
displayName: "SingleDate.styles__StyledPopover",
|
|
77
|
-
componentId: "sc-
|
|
77
|
+
componentId: "sc-72bbf61c-0"
|
|
78
78
|
})([
|
|
79
79
|
""
|
|
80
80
|
]);
|
|
81
81
|
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
82
82
|
displayName: "SingleDate.styles__StyledInput",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-72bbf61c-1"
|
|
84
84
|
})([
|
|
85
85
|
"width:100%;",
|
|
86
86
|
":var(",
|
|
@@ -208,9 +208,6 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
208
208
|
");&.",
|
|
209
209
|
"{",
|
|
210
210
|
":var(",
|
|
211
|
-
",var(",
|
|
212
|
-
"));",
|
|
213
|
-
":var(",
|
|
214
211
|
");",
|
|
215
212
|
":var(",
|
|
216
213
|
");",
|
|
@@ -224,9 +221,6 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
224
221
|
");}&.",
|
|
225
222
|
"{",
|
|
226
223
|
":var(",
|
|
227
|
-
",var(",
|
|
228
|
-
"));",
|
|
229
|
-
":var(",
|
|
230
224
|
");",
|
|
231
225
|
":var(",
|
|
232
226
|
");",
|
|
@@ -238,7 +232,7 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
238
232
|
");",
|
|
239
233
|
":var(",
|
|
240
234
|
");}"
|
|
241
|
-
], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.
|
|
235
|
+
], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus);
|
|
242
236
|
var base = (0, _styledcomponents.css)([
|
|
243
237
|
"display:inline-block;.",
|
|
244
238
|
",.",
|
|
@@ -248,7 +242,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
248
242
|
], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root);
|
|
249
243
|
var LeftHelper = _styledcomponents.default.div.withConfig({
|
|
250
244
|
displayName: "SingleDate.styles__LeftHelper",
|
|
251
|
-
componentId: "sc-
|
|
245
|
+
componentId: "sc-72bbf61c-2"
|
|
252
246
|
})([
|
|
253
247
|
"color:var(",
|
|
254
248
|
");&.",
|
|
@@ -181,7 +181,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
181
181
|
var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
|
|
182
182
|
var tableRoot = function(Root) {
|
|
183
183
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
|
|
184
|
-
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant,
|
|
184
|
+
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
|
|
185
185
|
"data",
|
|
186
186
|
"onChange",
|
|
187
187
|
"columns",
|
|
@@ -194,7 +194,8 @@ var tableRoot = function(Root) {
|
|
|
194
194
|
"sorted",
|
|
195
195
|
"maxHeight",
|
|
196
196
|
"stickyHeader",
|
|
197
|
-
"onCellUpdate"
|
|
197
|
+
"onCellUpdate",
|
|
198
|
+
"setRowProps"
|
|
198
199
|
]);
|
|
199
200
|
var _useState = _sliced_to_array((0, _react.useState)(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
|
|
200
201
|
var _useState1 = _sliced_to_array((0, _react.useState)(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
|
|
@@ -269,7 +270,7 @@ var tableRoot = function(Root) {
|
|
|
269
270
|
enableResizing: false
|
|
270
271
|
}
|
|
271
272
|
] : []).concat(_to_consumable_array(columns.map(function(param) {
|
|
272
|
-
var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell;
|
|
273
|
+
var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell, setCellProps = param.setCellProps;
|
|
273
274
|
return {
|
|
274
275
|
header: label,
|
|
275
276
|
accessorKey: id,
|
|
@@ -287,7 +288,8 @@ var tableRoot = function(Root) {
|
|
|
287
288
|
meta: {
|
|
288
289
|
filters: filters,
|
|
289
290
|
enableEditing: enableEditing,
|
|
290
|
-
renderCell: renderCell
|
|
291
|
+
renderCell: renderCell,
|
|
292
|
+
setCellProps: setCellProps
|
|
291
293
|
}
|
|
292
294
|
};
|
|
293
295
|
})));
|
|
@@ -354,27 +356,30 @@ var tableRoot = function(Root) {
|
|
|
354
356
|
});
|
|
355
357
|
}));
|
|
356
358
|
})), /*#__PURE__*/ _react.default.createElement(_Tablestyles.Tbody, null, table.getRowModel().rows.map(function(row) {
|
|
357
|
-
return /*#__PURE__*/ _react.default.createElement(_Tablestyles.Tr, {
|
|
359
|
+
return /*#__PURE__*/ _react.default.createElement(_Tablestyles.Tr, _object_spread({
|
|
358
360
|
key: row.id,
|
|
359
361
|
selected: row.getIsSelected()
|
|
360
|
-
}, row.getVisibleCells().map(function(cell) {
|
|
361
|
-
var
|
|
362
|
+
}, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
|
|
363
|
+
var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
|
|
364
|
+
var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
|
|
365
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
362
366
|
// @ts-ignore
|
|
363
|
-
|
|
364
|
-
return (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.enableEditing) ? /*#__PURE__*/ _react.default.createElement(_ui.EditableCell, {
|
|
367
|
+
return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ _react.default.createElement(_ui.EditableCell, {
|
|
365
368
|
key: cell.id,
|
|
366
369
|
size: size,
|
|
367
370
|
cell: cell,
|
|
368
371
|
borderVariant: borderVariant,
|
|
369
372
|
table: table,
|
|
370
373
|
selected: row.getIsSelected(),
|
|
371
|
-
view: view
|
|
374
|
+
view: view,
|
|
375
|
+
additionalProps: additionalProps
|
|
372
376
|
}) : /*#__PURE__*/ _react.default.createElement(_ui.Cell, {
|
|
373
377
|
key: cell.id,
|
|
374
378
|
cell: cell,
|
|
375
379
|
borderVariant: borderVariant,
|
|
376
380
|
selected: row.getIsSelected(),
|
|
377
|
-
view: view
|
|
381
|
+
view: view,
|
|
382
|
+
additionalProps: additionalProps
|
|
378
383
|
});
|
|
379
384
|
}));
|
|
380
385
|
}))));
|
|
@@ -13,22 +13,50 @@ var _reacttable = require("@tanstack/react-table");
|
|
|
13
13
|
var _Tablestyles = require("../../Table.styles");
|
|
14
14
|
var _Table = require("../../Table");
|
|
15
15
|
var _Cellstyles = require("./Cell.styles");
|
|
16
|
+
function _define_property(obj, key, value) {
|
|
17
|
+
if (key in obj) {
|
|
18
|
+
Object.defineProperty(obj, key, {
|
|
19
|
+
value: value,
|
|
20
|
+
enumerable: true,
|
|
21
|
+
configurable: true,
|
|
22
|
+
writable: true
|
|
23
|
+
});
|
|
24
|
+
} else {
|
|
25
|
+
obj[key] = value;
|
|
26
|
+
}
|
|
27
|
+
return obj;
|
|
28
|
+
}
|
|
16
29
|
function _interop_require_default(obj) {
|
|
17
30
|
return obj && obj.__esModule ? obj : {
|
|
18
31
|
default: obj
|
|
19
32
|
};
|
|
20
33
|
}
|
|
34
|
+
function _object_spread(target) {
|
|
35
|
+
for(var i = 1; i < arguments.length; i++){
|
|
36
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
37
|
+
var ownKeys = Object.keys(source);
|
|
38
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
39
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
40
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
43
|
+
ownKeys.forEach(function(key) {
|
|
44
|
+
_define_property(target, key, source[key]);
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
return target;
|
|
48
|
+
}
|
|
21
49
|
var Cell = function(param) {
|
|
22
|
-
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view;
|
|
50
|
+
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
|
|
23
51
|
var _cell_column_columnDef_meta;
|
|
24
52
|
var renderCell = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.renderCell;
|
|
25
|
-
return /*#__PURE__*/ _react.default.createElement(_Cellstyles.Td, {
|
|
53
|
+
return /*#__PURE__*/ _react.default.createElement(_Cellstyles.Td, _object_spread({
|
|
26
54
|
key: cell.id,
|
|
27
55
|
borderVariant: borderVariant,
|
|
28
56
|
selectionCell: cell.column.id === _Table.SELECT_COLUMN_ID,
|
|
29
57
|
selected: selected,
|
|
30
58
|
view: view
|
|
31
|
-
}, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : (0, _reacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ _react.default.createElement(_Tablestyles.Resizer, {
|
|
59
|
+
}, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : (0, _reacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ _react.default.createElement(_Tablestyles.Resizer, {
|
|
32
60
|
isResizing: true
|
|
33
61
|
}));
|
|
34
62
|
};
|
|
@@ -25,6 +25,19 @@ function _array_like_to_array(arr, len) {
|
|
|
25
25
|
function _array_with_holes(arr) {
|
|
26
26
|
if (Array.isArray(arr)) return arr;
|
|
27
27
|
}
|
|
28
|
+
function _define_property(obj, key, value) {
|
|
29
|
+
if (key in obj) {
|
|
30
|
+
Object.defineProperty(obj, key, {
|
|
31
|
+
value: value,
|
|
32
|
+
enumerable: true,
|
|
33
|
+
configurable: true,
|
|
34
|
+
writable: true
|
|
35
|
+
});
|
|
36
|
+
} else {
|
|
37
|
+
obj[key] = value;
|
|
38
|
+
}
|
|
39
|
+
return obj;
|
|
40
|
+
}
|
|
28
41
|
function _getRequireWildcardCache(nodeInterop) {
|
|
29
42
|
if (typeof WeakMap !== "function") return null;
|
|
30
43
|
var cacheBabelInterop = new WeakMap();
|
|
@@ -93,6 +106,21 @@ function _iterable_to_array_limit(arr, i) {
|
|
|
93
106
|
function _non_iterable_rest() {
|
|
94
107
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
95
108
|
}
|
|
109
|
+
function _object_spread(target) {
|
|
110
|
+
for(var i = 1; i < arguments.length; i++){
|
|
111
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
112
|
+
var ownKeys = Object.keys(source);
|
|
113
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
114
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
115
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
116
|
+
}));
|
|
117
|
+
}
|
|
118
|
+
ownKeys.forEach(function(key) {
|
|
119
|
+
_define_property(target, key, source[key]);
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
return target;
|
|
123
|
+
}
|
|
96
124
|
function _sliced_to_array(arr, i) {
|
|
97
125
|
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
98
126
|
}
|
|
@@ -110,7 +138,7 @@ var keys = {
|
|
|
110
138
|
Escape: 'Escape'
|
|
111
139
|
};
|
|
112
140
|
var EditableCell = function(param) {
|
|
113
|
-
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected;
|
|
141
|
+
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected, additionalProps = param.additionalProps;
|
|
114
142
|
var _table_options_meta;
|
|
115
143
|
var _useState = _sliced_to_array((0, _react.useState)(cell.getValue()), 2), value = _useState[0], setValue = _useState[1];
|
|
116
144
|
var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), editingMode = _useState1[0], setEditingMode = _useState1[1];
|
|
@@ -161,7 +189,7 @@ var EditableCell = function(param) {
|
|
|
161
189
|
}
|
|
162
190
|
}
|
|
163
191
|
};
|
|
164
|
-
return /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.Td, {
|
|
192
|
+
return /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.Td, _object_spread({
|
|
165
193
|
key: cell.id,
|
|
166
194
|
borderVariant: borderVariant,
|
|
167
195
|
selectionCell: cell.column.id === _Table.SELECT_COLUMN_ID,
|
|
@@ -170,7 +198,7 @@ var EditableCell = function(param) {
|
|
|
170
198
|
selected: selected,
|
|
171
199
|
view: view,
|
|
172
200
|
ref: ref
|
|
173
|
-
}, /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.InnerWrapper, null, editingMode ? /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.EditModeWrapper, null, /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.InputWrapper, null, /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.Input, {
|
|
201
|
+
}, additionalProps), /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.InnerWrapper, null, editingMode ? /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.EditModeWrapper, null, /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.InputWrapper, null, /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.Input, {
|
|
174
202
|
value: value,
|
|
175
203
|
onChange: handleChange,
|
|
176
204
|
autoFocus: true,
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -74,8 +74,6 @@ export var tokens = {
|
|
|
74
74
|
rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
|
|
75
75
|
/** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
|
|
76
76
|
/** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
|
|
77
|
-
textFieldColorError: '--plasma-date-picker-textfield-color-error',
|
|
78
|
-
textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
|
|
79
77
|
textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
|
|
80
78
|
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
|
81
79
|
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
|
@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
|
|
|
10
10
|
var Popover = component(mergedPopoverConfig);
|
|
11
11
|
export var StyledPopover = styled(Popover).withConfig({
|
|
12
12
|
displayName: "SingleDate.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-72bbf61c-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов TextField
|
|
18
18
|
export var StyledInput = styled(TextField).withConfig({
|
|
19
19
|
displayName: "SingleDate.styles__StyledInput",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-72bbf61c-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:100%;",
|
|
23
23
|
":var(",
|
|
@@ -145,9 +145,6 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
145
145
|
");&.",
|
|
146
146
|
"{",
|
|
147
147
|
":var(",
|
|
148
|
-
",var(",
|
|
149
|
-
"));",
|
|
150
|
-
":var(",
|
|
151
148
|
");",
|
|
152
149
|
":var(",
|
|
153
150
|
");",
|
|
@@ -161,9 +158,6 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
161
158
|
");}&.",
|
|
162
159
|
"{",
|
|
163
160
|
":var(",
|
|
164
|
-
",var(",
|
|
165
|
-
"));",
|
|
166
|
-
":var(",
|
|
167
161
|
");",
|
|
168
162
|
":var(",
|
|
169
163
|
");",
|
|
@@ -175,7 +169,7 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
175
169
|
");",
|
|
176
170
|
":var(",
|
|
177
171
|
");}"
|
|
178
|
-
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.
|
|
172
|
+
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
179
173
|
export var base = css([
|
|
180
174
|
"display:inline-block;.",
|
|
181
175
|
",.",
|
|
@@ -185,7 +179,7 @@ export var base = css([
|
|
|
185
179
|
], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
|
|
186
180
|
export var LeftHelper = styled.div.withConfig({
|
|
187
181
|
displayName: "SingleDate.styles__LeftHelper",
|
|
188
|
-
componentId: "sc-
|
|
182
|
+
componentId: "sc-72bbf61c-2"
|
|
189
183
|
})([
|
|
190
184
|
"color:var(",
|
|
191
185
|
");&.",
|