@apia/theme 2.0.11 → 3.0.2
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/dist/{markdown/html.js → html-B-K0BIiw.js} +1 -1
- package/dist/html-B-K0BIiw.js.map +1 -0
- package/dist/index-YQcMmPq6.js +5682 -0
- package/dist/index-YQcMmPq6.js.map +1 -0
- package/dist/index.d.ts +581 -30
- package/dist/index.js +8 -23
- package/dist/index.js.map +1 -1
- package/dist/{markdown/theme/markdownTheme.js → styles-BzChuFms.js} +71 -2
- package/dist/styles-BzChuFms.js.map +1 -0
- package/package.json +3 -3
- package/dist/ApiaThemeProvider.d.ts +0 -15
- package/dist/ApiaThemeProvider.d.ts.map +0 -1
- package/dist/ApiaThemeProvider.js +0 -32
- package/dist/ApiaThemeProvider.js.map +0 -1
- package/dist/base/alerts.js +0 -128
- package/dist/base/alerts.js.map +0 -1
- package/dist/base/baseTheme.js +0 -93
- package/dist/base/baseTheme.js.map +0 -1
- package/dist/base/buttons.js +0 -294
- package/dist/base/buttons.js.map +0 -1
- package/dist/base/colors/components.js +0 -202
- package/dist/base/colors/components.js.map +0 -1
- package/dist/base/colors/defaultPalette.js +0 -84
- package/dist/base/colors/defaultPalette.js.map +0 -1
- package/dist/base/colors/index.js +0 -474
- package/dist/base/colors/index.js.map +0 -1
- package/dist/base/colors/schemas.js +0 -15
- package/dist/base/colors/schemas.js.map +0 -1
- package/dist/base/colors/types.d.ts +0 -154
- package/dist/base/colors/types.d.ts.map +0 -1
- package/dist/base/colors/types.js +0 -6
- package/dist/base/colors/types.js.map +0 -1
- package/dist/base/colors/util/applyStates.js +0 -35
- package/dist/base/colors/util/applyStates.js.map +0 -1
- package/dist/base/colors/util/applyStatesGetColor.d.ts +0 -11
- package/dist/base/colors/util/applyStatesGetColor.d.ts.map +0 -1
- package/dist/base/colors/util/applyStatesGetColor.js +0 -31
- package/dist/base/colors/util/applyStatesGetColor.js.map +0 -1
- package/dist/base/colors/util/buildColorsObject.js +0 -14
- package/dist/base/colors/util/buildColorsObject.js.map +0 -1
- package/dist/base/colors/util/buildStateObject.js +0 -60
- package/dist/base/colors/util/buildStateObject.js.map +0 -1
- package/dist/base/colors/util/getColorState.d.ts +0 -17
- package/dist/base/colors/util/getColorState.d.ts.map +0 -1
- package/dist/base/colors/util/getColorState.js +0 -52
- package/dist/base/colors/util/getColorState.js.map +0 -1
- package/dist/base/colors/util/getColorStates.d.ts +0 -11
- package/dist/base/colors/util/getColorStates.d.ts.map +0 -1
- package/dist/base/colors/util/getColorStates.js +0 -30
- package/dist/base/colors/util/getColorStates.js.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts +0 -12
- package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByDefinition.js +0 -28
- package/dist/base/colors/util/getColorsAndStatesByDefinition.js.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByPath.d.ts +0 -25
- package/dist/base/colors/util/getColorsAndStatesByPath.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByPath.js +0 -36
- package/dist/base/colors/util/getColorsAndStatesByPath.js.map +0 -1
- package/dist/base/colors/util/getColorsByDefinition.d.ts +0 -24
- package/dist/base/colors/util/getColorsByDefinition.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsByDefinition.js +0 -18
- package/dist/base/colors/util/getColorsByDefinition.js.map +0 -1
- package/dist/base/colors/util/getColorsByPath.d.ts +0 -17
- package/dist/base/colors/util/getColorsByPath.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsByPath.js +0 -16
- package/dist/base/colors/util/getColorsByPath.js.map +0 -1
- package/dist/base/colors/util/getOneColorState.d.ts +0 -15
- package/dist/base/colors/util/getOneColorState.d.ts.map +0 -1
- package/dist/base/colors/util/getOneColorState.js +0 -18
- package/dist/base/colors/util/getOneColorState.js.map +0 -1
- package/dist/base/colors/util/parsePalette.d.ts +0 -6
- package/dist/base/colors/util/parsePalette.d.ts.map +0 -1
- package/dist/base/colors/util/parsePalette.js +0 -124
- package/dist/base/colors/util/parsePalette.js.map +0 -1
- package/dist/base/colors/util.js +0 -31
- package/dist/base/colors/util.js.map +0 -1
- package/dist/base/forms/checkbox.js +0 -59
- package/dist/base/forms/checkbox.js.map +0 -1
- package/dist/base/forms/customCheckbox.js +0 -30
- package/dist/base/forms/customCheckbox.js.map +0 -1
- package/dist/base/forms/dateInput.js +0 -60
- package/dist/base/forms/dateInput.js.map +0 -1
- package/dist/base/forms/deletableInput.js +0 -65
- package/dist/base/forms/deletableInput.js.map +0 -1
- package/dist/base/forms/iconInput.js +0 -28
- package/dist/base/forms/iconInput.js.map +0 -1
- package/dist/base/forms/index.js +0 -36
- package/dist/base/forms/index.js.map +0 -1
- package/dist/base/forms/input.js +0 -52
- package/dist/base/forms/input.js.map +0 -1
- package/dist/base/forms/label.js +0 -31
- package/dist/base/forms/label.js.map +0 -1
- package/dist/base/forms/radio.js +0 -17
- package/dist/base/forms/radio.js.map +0 -1
- package/dist/base/forms/select.js +0 -24
- package/dist/base/forms/select.js.map +0 -1
- package/dist/base/forms/selectMultiple.js +0 -40
- package/dist/base/forms/selectMultiple.js.map +0 -1
- package/dist/base/forms/switch.js +0 -12
- package/dist/base/forms/switch.js.map +0 -1
- package/dist/base/forms/textarea.js +0 -14
- package/dist/base/forms/textarea.js.map +0 -1
- package/dist/base/layout/charts/index.js +0 -58
- package/dist/base/layout/charts/index.js.map +0 -1
- package/dist/base/layout/common/components/accordion.js +0 -124
- package/dist/base/layout/common/components/accordion.js.map +0 -1
- package/dist/base/layout/common/components/chat.js +0 -98
- package/dist/base/layout/common/components/chat.js.map +0 -1
- package/dist/base/layout/common/components/index.js +0 -13
- package/dist/base/layout/common/components/index.js.map +0 -1
- package/dist/base/layout/common/components/pagination/common.js +0 -135
- package/dist/base/layout/common/components/pagination/common.js.map +0 -1
- package/dist/base/layout/common/components/pagination/datagrid.js +0 -9
- package/dist/base/layout/common/components/pagination/datagrid.js.map +0 -1
- package/dist/base/layout/common/components/pagination/index.js +0 -13
- package/dist/base/layout/common/components/pagination/index.js.map +0 -1
- package/dist/base/layout/common/components/pagination/primary.js +0 -9
- package/dist/base/layout/common/components/pagination/primary.js.map +0 -1
- package/dist/base/layout/common/components/pagination/secondary.js +0 -9
- package/dist/base/layout/common/components/pagination/secondary.js.map +0 -1
- package/dist/base/layout/common/forms/captcha.js +0 -42
- package/dist/base/layout/common/forms/captcha.js.map +0 -1
- package/dist/base/layout/common/forms/index.js +0 -9
- package/dist/base/layout/common/forms/index.js.map +0 -1
- package/dist/base/layout/common/index.js +0 -21
- package/dist/base/layout/common/index.js.map +0 -1
- package/dist/base/layout/common/modals/apiaApi.js +0 -86
- package/dist/base/layout/common/modals/apiaApi.js.map +0 -1
- package/dist/base/layout/common/modals/buttonsBar.js +0 -13
- package/dist/base/layout/common/modals/buttonsBar.js.map +0 -1
- package/dist/base/layout/common/modals/confirm.js +0 -35
- package/dist/base/layout/common/modals/confirm.js.map +0 -1
- package/dist/base/layout/common/modals/index.js +0 -166
- package/dist/base/layout/common/modals/index.js.map +0 -1
- package/dist/base/layout/common/modals/overlay.js +0 -32
- package/dist/base/layout/common/modals/overlay.js.map +0 -1
- package/dist/base/layout/common/tables/accordion.js +0 -66
- package/dist/base/layout/common/tables/accordion.js.map +0 -1
- package/dist/base/layout/common/tables/clean.js +0 -285
- package/dist/base/layout/common/tables/clean.js.map +0 -1
- package/dist/base/layout/common/tables/getSelectionStyles.js +0 -39
- package/dist/base/layout/common/tables/getSelectionStyles.js.map +0 -1
- package/dist/base/layout/common/tables/index.js +0 -23
- package/dist/base/layout/common/tables/index.js.map +0 -1
- package/dist/base/layout/common/tables/information.js +0 -38
- package/dist/base/layout/common/tables/information.js.map +0 -1
- package/dist/base/layout/common/tables/primary.js +0 -236
- package/dist/base/layout/common/tables/primary.js.map +0 -1
- package/dist/base/layout/common/tables/print.js +0 -11
- package/dist/base/layout/common/tables/print.js.map +0 -1
- package/dist/base/layout/common/tables/responsive.js +0 -41
- package/dist/base/layout/common/tables/responsive.js.map +0 -1
- package/dist/base/layout/common/tables/secondary.js +0 -46
- package/dist/base/layout/common/tables/secondary.js.map +0 -1
- package/dist/base/layout/common/tooltips/index.js +0 -9
- package/dist/base/layout/common/tooltips/index.js.map +0 -1
- package/dist/base/layout/common/tooltips/primary.js +0 -10
- package/dist/base/layout/common/tooltips/primary.js.map +0 -1
- package/dist/base/layout/common/trees/index.js +0 -8
- package/dist/base/layout/common/trees/index.js.map +0 -1
- package/dist/base/layout/common/trees/primary.js +0 -122
- package/dist/base/layout/common/trees/primary.js.map +0 -1
- package/dist/base/layout/index.js +0 -15
- package/dist/base/layout/index.js.map +0 -1
- package/dist/base/layout/util/collector.js +0 -30
- package/dist/base/layout/util/collector.js.map +0 -1
- package/dist/base/layout/util/index.js +0 -9
- package/dist/base/layout/util/index.js.map +0 -1
- package/dist/base/rootStyles/menu.js +0 -122
- package/dist/base/rootStyles/menu.js.map +0 -1
- package/dist/base/rootStyles/rootStyles.js +0 -152
- package/dist/base/rootStyles/rootStyles.js.map +0 -1
- package/dist/base/rootStyles/transitions.js +0 -88
- package/dist/base/rootStyles/transitions.js.map +0 -1
- package/dist/base/text.js +0 -24
- package/dist/base/text.js.map +0 -1
- package/dist/markdown/builder/MarkdownBuilder.d.ts +0 -40
- package/dist/markdown/builder/MarkdownBuilder.d.ts.map +0 -1
- package/dist/markdown/builder/MarkdownBuilder.js +0 -108
- package/dist/markdown/builder/MarkdownBuilder.js.map +0 -1
- package/dist/markdown/builder/elements/MarkdownBlock.d.ts +0 -9
- package/dist/markdown/builder/elements/MarkdownBlock.d.ts.map +0 -1
- package/dist/markdown/builder/elements/MarkdownBlock.js +0 -5
- package/dist/markdown/builder/elements/MarkdownBlock.js.map +0 -1
- package/dist/markdown/builder/elements/dialogBox.d.ts +0 -11
- package/dist/markdown/builder/elements/dialogBox.d.ts.map +0 -1
- package/dist/markdown/builder/elements/dialogBox.js +0 -23
- package/dist/markdown/builder/elements/dialogBox.js.map +0 -1
- package/dist/markdown/builder/elements/header.d.ts +0 -11
- package/dist/markdown/builder/elements/header.d.ts.map +0 -1
- package/dist/markdown/builder/elements/header.js +0 -15
- package/dist/markdown/builder/elements/header.js.map +0 -1
- package/dist/markdown/builder/elements/list.d.ts +0 -19
- package/dist/markdown/builder/elements/list.d.ts.map +0 -1
- package/dist/markdown/builder/elements/list.js +0 -55
- package/dist/markdown/builder/elements/list.js.map +0 -1
- package/dist/markdown/builder/elements/paragraph.d.ts +0 -10
- package/dist/markdown/builder/elements/paragraph.d.ts.map +0 -1
- package/dist/markdown/builder/elements/paragraph.js +0 -14
- package/dist/markdown/builder/elements/paragraph.js.map +0 -1
- package/dist/markdown/builder/elements/table.d.ts +0 -27
- package/dist/markdown/builder/elements/table.d.ts.map +0 -1
- package/dist/markdown/builder/elements/table.js +0 -156
- package/dist/markdown/builder/elements/table.js.map +0 -1
- package/dist/markdown/builder/elements/tableOfContents.d.ts +0 -32
- package/dist/markdown/builder/elements/tableOfContents.d.ts.map +0 -1
- package/dist/markdown/builder/elements/tableOfContents.js +0 -96
- package/dist/markdown/builder/elements/tableOfContents.js.map +0 -1
- package/dist/markdown/extensions/error.js +0 -38
- package/dist/markdown/extensions/error.js.map +0 -1
- package/dist/markdown/extensions/header.js +0 -45
- package/dist/markdown/extensions/header.js.map +0 -1
- package/dist/markdown/extensions/index.js +0 -16
- package/dist/markdown/extensions/index.js.map +0 -1
- package/dist/markdown/extensions/success.js +0 -38
- package/dist/markdown/extensions/success.js.map +0 -1
- package/dist/markdown/extensions/table/index.js +0 -227
- package/dist/markdown/extensions/table/index.js.map +0 -1
- package/dist/markdown/extensions/table/types.d.ts +0 -20
- package/dist/markdown/extensions/table/types.d.ts.map +0 -1
- package/dist/markdown/extensions/warning.js +0 -38
- package/dist/markdown/extensions/warning.js.map +0 -1
- package/dist/markdown/getRemarkable.js +0 -26
- package/dist/markdown/getRemarkable.js.map +0 -1
- package/dist/markdown/help.js +0 -28
- package/dist/markdown/help.js.map +0 -1
- package/dist/markdown/html.js.map +0 -1
- package/dist/markdown/parseMarkdown.d.ts +0 -10
- package/dist/markdown/parseMarkdown.d.ts.map +0 -1
- package/dist/markdown/parseMarkdown.js +0 -31
- package/dist/markdown/parseMarkdown.js.map +0 -1
- package/dist/markdown/styles.js +0 -55
- package/dist/markdown/styles.js.map +0 -1
- package/dist/markdown/theme/markdownTheme.js.map +0 -1
- package/dist/markdown/types.d.ts +0 -49
- package/dist/markdown/types.d.ts.map +0 -1
- package/dist/markdown/types.js +0 -5
- package/dist/markdown/types.js.map +0 -1
- package/dist/methods/CustomThemeProvider.js +0 -14
- package/dist/methods/CustomThemeProvider.js.map +0 -1
- package/dist/methods/getMainTheme.js +0 -30
- package/dist/methods/getMainTheme.js.map +0 -1
- package/dist/methods/injectStyles.d.ts +0 -34
- package/dist/methods/injectStyles.d.ts.map +0 -1
- package/dist/methods/injectStyles.js +0 -10
- package/dist/methods/injectStyles.js.map +0 -1
- package/dist/methods/makeStyledComponent.d.ts +0 -29
- package/dist/methods/makeStyledComponent.d.ts.map +0 -1
- package/dist/methods/makeStyledComponent.js +0 -39
- package/dist/methods/makeStyledComponent.js.map +0 -1
- package/dist/methods/spacingLayout/index.d.ts +0 -23
- package/dist/methods/spacingLayout/index.d.ts.map +0 -1
- package/dist/methods/spacingLayout/index.js +0 -29
- package/dist/methods/spacingLayout/index.js.map +0 -1
- package/dist/methods/useMainTheme.d.ts +0 -8
- package/dist/methods/useMainTheme.d.ts.map +0 -1
- package/dist/methods/useMainTheme.js +0 -45
- package/dist/methods/useMainTheme.js.map +0 -1
- package/dist/themeuiExports.d.ts +0 -7
- package/dist/themeuiExports.d.ts.map +0 -1
- package/dist/util/getVariant.d.ts +0 -7
- package/dist/util/getVariant.d.ts.map +0 -1
- package/dist/util/getVariant.js +0 -6
- package/dist/util/getVariant.js.map +0 -1
- package/dist/util.d.ts +0 -43
- package/dist/util.d.ts.map +0 -1
- package/dist/util.js +0 -34
- package/dist/util.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"deletableInput.js","sources":["../../../src/base/forms/deletableInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { focusOutline } from '../../util';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n\r\nconst deletableInput: ThemeUICSSObject = {\r\n border: '1px solid',\r\n borderColor: 'palette.border.field',\r\n display: 'inline-block',\r\n position: 'relative',\r\n pr: '45px',\r\n\r\n '.deletableInput__input': {\r\n border: 'none',\r\n },\r\n\r\n '.deletableInput__deleteButton': {\r\n height: '100%',\r\n outlineOffset: '-2px',\r\n position: 'absolute',\r\n right: 0,\r\n top: 0,\r\n width: '45px',\r\n\r\n ...getColorsAndStatesByPath('buttons.deletableInputButton', {\r\n states: { path: true },\r\n }),\r\n },\r\n\r\n '&:focus-within:not(.asMaterial)': {\r\n ...focusOutline,\r\n\r\n '.deletableInput__input:focus': {\r\n outline: 'none',\r\n },\r\n\r\n '.deletableInput__deleteButton:focus': {\r\n outline: 'none',\r\n },\r\n },\r\n\r\n '&.asMaterial': {\r\n borderLeft: 'none',\r\n borderRight: 'none',\r\n borderTop: 'none',\r\n borderBottomColor: 'palette.border.section',\r\n\r\n '& + .input__underline': {\r\n transform: 'scale(1)',\r\n },\r\n\r\n '.deletableInput__input:focus': {\r\n outline: 'none',\r\n\r\n '~.input__underline::after': {\r\n animationName: 'growHorizontal',\r\n animationDuration: '150ms',\r\n animationTimingFunction: 'ease-out',\r\n content: '\"\"',\r\n display: 'block',\r\n height: '0',\r\n outlineColor: 'palette.primary.main',\r\n outlineStyle: 'solid',\r\n outlineWidth: '1.5px',\r\n outlineOffset: 0,\r\n position: 'absolute',\r\n transformOrigin: 'center center',\r\n left: 0,\r\n right: 0,\r\n },\r\n },\r\n },\r\n};\r\n\r\nexport default deletableInput;\r\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAmC,GAAA;AAAA,EACvC,MAAQ,EAAA,WAAA;AAAA,EACR,WAAa,EAAA,sBAAA;AAAA,EACb,OAAS,EAAA,cAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,EAAI,EAAA,MAAA;AAAA,EAEJ,wBAA0B,EAAA;AAAA,IACxB,MAAQ,EAAA,MAAA;AAAA,GACV;AAAA,EAEA,+BAAiC,EAAA;AAAA,IAC/B,MAAQ,EAAA,MAAA;AAAA,IACR,aAAe,EAAA,MAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,IACV,KAAO,EAAA,CAAA;AAAA,IACP,GAAK,EAAA,CAAA;AAAA,IACL,KAAO,EAAA,MAAA;AAAA,IAEP,GAAG,yBAAyB,8BAAgC,EAAA;AAAA,MAC1D,MAAA,EAAQ,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,KACtB,CAAA;AAAA,GACH;AAAA,EAEA,iCAAmC,EAAA;AAAA,IACjC,GAAG,YAAA;AAAA,IAEH,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IAEA,qCAAuC,EAAA;AAAA,MACrC,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,GACF;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,UAAY,EAAA,MAAA;AAAA,IACZ,WAAa,EAAA,MAAA;AAAA,IACb,SAAW,EAAA,MAAA;AAAA,IACX,iBAAmB,EAAA,wBAAA;AAAA,IAEnB,uBAAyB,EAAA;AAAA,MACvB,SAAW,EAAA,UAAA;AAAA,KACb;AAAA,IAEA,8BAAgC,EAAA;AAAA,MAC9B,OAAS,EAAA,MAAA;AAAA,MAET,2BAA6B,EAAA;AAAA,QAC3B,aAAe,EAAA,gBAAA;AAAA,QACf,iBAAmB,EAAA,OAAA;AAAA,QACnB,uBAAyB,EAAA,UAAA;AAAA,QACzB,OAAS,EAAA,IAAA;AAAA,QACT,OAAS,EAAA,OAAA;AAAA,QACT,MAAQ,EAAA,GAAA;AAAA,QACR,YAAc,EAAA,sBAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,YAAc,EAAA,OAAA;AAAA,QACd,aAAe,EAAA,CAAA;AAAA,QACf,QAAU,EAAA,UAAA;AAAA,QACV,eAAiB,EAAA,eAAA;AAAA,QACjB,IAAM,EAAA,CAAA;AAAA,QACN,KAAO,EAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AACF,CAAA,CAAA;AAEA,uBAAe,cAAA;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { spacing } from '../../util.js';
|
|
2
|
-
import getColorsByPath from '../colors/util/getColorsByPath.js';
|
|
3
|
-
|
|
4
|
-
const iconInput = {
|
|
5
|
-
display: "flex",
|
|
6
|
-
gap: spacing(1),
|
|
7
|
-
justifyContent: "stretch",
|
|
8
|
-
alignItems: "center",
|
|
9
|
-
"&.readOnly": {
|
|
10
|
-
input: {
|
|
11
|
-
...getColorsByPath("form.fields")
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
input: {
|
|
15
|
-
height: "50px",
|
|
16
|
-
width: "100%"
|
|
17
|
-
},
|
|
18
|
-
button: {
|
|
19
|
-
display: "flex",
|
|
20
|
-
width: "45px",
|
|
21
|
-
flexShrink: 0,
|
|
22
|
-
height: "50px"
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
var iconInput$1 = iconInput;
|
|
26
|
-
|
|
27
|
-
export { iconInput$1 as default };
|
|
28
|
-
//# sourceMappingURL=iconInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"iconInput.js","sources":["../../../src/base/forms/iconInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../util';\r\nimport getColorsByPath from '../colors/util/getColorsByPath';\r\n/* IMPORT HERE */\r\n\r\nconst iconInput: ThemeUICSSObject = {\r\n display: 'flex',\r\n gap: spacing(1),\r\n justifyContent: 'stretch',\r\n alignItems: 'center',\r\n '&.readOnly': {\r\n input: {\r\n ...getColorsByPath('form.fields'),\r\n },\r\n },\r\n\r\n input: {\r\n height: '50px',\r\n width: '100%',\r\n },\r\n\r\n button: {\r\n display: 'flex',\r\n width: '45px',\r\n flexShrink: 0,\r\n height: '50px',\r\n },\r\n};\r\n\r\nexport default iconInput;\r\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA8B,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,cAAgB,EAAA,SAAA;AAAA,EAChB,UAAY,EAAA,QAAA;AAAA,EACZ,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,GAAG,gBAAgB,aAAa,CAAA;AAAA,KAClC;AAAA,GACF;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,CAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,GACV;AACF,CAAA,CAAA;AAEA,kBAAe,SAAA;;;;"}
|
package/dist/base/forms/index.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import customCheckbox from './customCheckbox.js';
|
|
2
|
-
import checkbox from './checkbox.js';
|
|
3
|
-
import dateInput from './dateInput.js';
|
|
4
|
-
import iconInput from './iconInput.js';
|
|
5
|
-
import input from './input.js';
|
|
6
|
-
import label from './label.js';
|
|
7
|
-
import radio from './radio.js';
|
|
8
|
-
import select from './select.js';
|
|
9
|
-
import selectMultiple from './selectMultiple.js';
|
|
10
|
-
import Switch from './switch.js';
|
|
11
|
-
import textarea from './textarea.js';
|
|
12
|
-
import deletableInput from './deletableInput.js';
|
|
13
|
-
|
|
14
|
-
const forms = (theme) => {
|
|
15
|
-
return {
|
|
16
|
-
checkbox,
|
|
17
|
-
customCheckbox,
|
|
18
|
-
dateInput,
|
|
19
|
-
deletableInput,
|
|
20
|
-
iconInput,
|
|
21
|
-
input,
|
|
22
|
-
label,
|
|
23
|
-
radio,
|
|
24
|
-
select,
|
|
25
|
-
selectMultiple: selectMultiple(theme),
|
|
26
|
-
switch: Switch,
|
|
27
|
-
textarea,
|
|
28
|
-
/* PREPEND HERE */
|
|
29
|
-
'input[type="date"]': {
|
|
30
|
-
variant: "forms.input"
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export { forms as default };
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/base/forms/index.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\r\nimport customCheckbox from './customCheckbox';\r\nimport checkbox from './checkbox';\r\nimport dateInput from './dateInput';\r\nimport iconInput from './iconInput';\r\nimport input from './input';\r\nimport label from './label';\r\nimport radio from './radio';\r\nimport select from './select';\r\nimport selectMultiple from './selectMultiple';\r\nimport Switch from './switch';\r\nimport textarea from './textarea';\r\nimport deletableInput from './deletableInput';\r\n/* IMPORT HERE */\r\n\r\nconst forms: (theme: Theme) => Record<string, ThemeUICSSObject> = (theme) => {\r\n return {\r\n checkbox,\r\n customCheckbox,\r\n dateInput,\r\n deletableInput,\r\n iconInput,\r\n input,\r\n label,\r\n radio,\r\n select,\r\n selectMultiple: selectMultiple(theme),\r\n switch: Switch,\r\n textarea,\r\n /* PREPEND HERE */\r\n 'input[type=\"date\"]': {\r\n variant: 'forms.input',\r\n },\r\n };\r\n};\r\n\r\nexport default forms;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeM,MAAA,KAAA,GAA4D,CAAC,KAAU,KAAA;AAC3E,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,eAAe,KAAK,CAAA;AAAA,IACpC,MAAQ,EAAA,MAAA;AAAA,IACR,QAAA;AAAA;AAAA,IAEA,oBAAsB,EAAA;AAAA,MACpB,OAAS,EAAA,aAAA;AAAA,KACX;AAAA,GACF,CAAA;AACF;;;;"}
|
package/dist/base/forms/input.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { responsive } from '../../util.js';
|
|
2
|
-
import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
|
|
3
|
-
|
|
4
|
-
const input = {
|
|
5
|
-
variant: "text.default",
|
|
6
|
-
border: "1px solid",
|
|
7
|
-
borderRadius: "default",
|
|
8
|
-
padding: responsive({ 0: 3, 3: 4 }),
|
|
9
|
-
"::placeholder": {
|
|
10
|
-
color: "#b0b0b0"
|
|
11
|
-
},
|
|
12
|
-
...getColorsAndStatesByPath("form.fields", {
|
|
13
|
-
states: {
|
|
14
|
-
active: false,
|
|
15
|
-
hover: false,
|
|
16
|
-
focus: false
|
|
17
|
-
}
|
|
18
|
-
}),
|
|
19
|
-
material: {
|
|
20
|
-
input: {
|
|
21
|
-
borderLeft: "none",
|
|
22
|
-
borderRight: "none",
|
|
23
|
-
borderTop: "none",
|
|
24
|
-
borderBottomColor: "palette.border.section",
|
|
25
|
-
"& + .input__underline": {
|
|
26
|
-
transform: "scale(1)"
|
|
27
|
-
},
|
|
28
|
-
"&:focus": {
|
|
29
|
-
outline: "none",
|
|
30
|
-
"~::after": {
|
|
31
|
-
animationName: "growHorizontal",
|
|
32
|
-
animationDuration: "150ms",
|
|
33
|
-
animationTimingFunction: "ease-out",
|
|
34
|
-
content: '""',
|
|
35
|
-
display: "block",
|
|
36
|
-
height: "0",
|
|
37
|
-
outlineColor: "palette.primary.main",
|
|
38
|
-
outlineStyle: "solid",
|
|
39
|
-
outlineWidth: "1.5px",
|
|
40
|
-
outlineOffset: 0,
|
|
41
|
-
position: "fixed",
|
|
42
|
-
transformOrigin: "center center",
|
|
43
|
-
width: "100%"
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
var input$1 = input;
|
|
50
|
-
|
|
51
|
-
export { input$1 as default };
|
|
52
|
-
//# sourceMappingURL=input.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sources":["../../../src/base/forms/input.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { responsive } from '../../util';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst input: ThemeUICSSObject = {\r\n variant: 'text.default',\r\n border: '1px solid',\r\n borderRadius: 'default',\r\n padding: responsive({ 0: 3, 3: 4 }),\r\n '::placeholder': {\r\n color: '#b0b0b0',\r\n },\r\n ...getColorsAndStatesByPath('form.fields', {\r\n states: {\r\n active: false,\r\n hover: false,\r\n focus: false,\r\n },\r\n }),\r\n\r\n material: {\r\n input: {\r\n borderLeft: 'none',\r\n borderRight: 'none',\r\n borderTop: 'none',\r\n borderBottomColor: 'palette.border.section',\r\n\r\n '& + .input__underline': {\r\n transform: 'scale(1)',\r\n },\r\n\r\n '&:focus': {\r\n outline: 'none',\r\n\r\n '~::after': {\r\n animationName: 'growHorizontal',\r\n animationDuration: '150ms',\r\n animationTimingFunction: 'ease-out',\r\n content: '\"\"',\r\n display: 'block',\r\n height: '0',\r\n outlineColor: 'palette.primary.main',\r\n outlineStyle: 'solid',\r\n outlineWidth: '1.5px',\r\n outlineOffset: 0,\r\n position: 'fixed',\r\n transformOrigin: 'center center',\r\n width: '100%',\r\n },\r\n },\r\n },\r\n },\r\n};\r\n\r\nexport default input;\r\n"],"names":[],"mappings":";;;AAKA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,MAAQ,EAAA,WAAA;AAAA,EACR,YAAc,EAAA,SAAA;AAAA,EACd,SAAS,UAAW,CAAA,EAAE,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAA;AAAA,EAClC,eAAiB,EAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EAED,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,UAAY,EAAA,MAAA;AAAA,MACZ,WAAa,EAAA,MAAA;AAAA,MACb,SAAW,EAAA,MAAA;AAAA,MACX,iBAAmB,EAAA,wBAAA;AAAA,MAEnB,uBAAyB,EAAA;AAAA,QACvB,SAAW,EAAA,UAAA;AAAA,OACb;AAAA,MAEA,SAAW,EAAA;AAAA,QACT,OAAS,EAAA,MAAA;AAAA,QAET,UAAY,EAAA;AAAA,UACV,aAAe,EAAA,gBAAA;AAAA,UACf,iBAAmB,EAAA,OAAA;AAAA,UACnB,uBAAyB,EAAA,UAAA;AAAA,UACzB,OAAS,EAAA,IAAA;AAAA,UACT,OAAS,EAAA,OAAA;AAAA,UACT,MAAQ,EAAA,GAAA;AAAA,UACR,YAAc,EAAA,sBAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,UACd,aAAe,EAAA,CAAA;AAAA,UACf,QAAU,EAAA,OAAA;AAAA,UACV,eAAiB,EAAA,eAAA;AAAA,UACjB,KAAO,EAAA,MAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAA,CAAA;AAEA,cAAe,KAAA;;;;"}
|
package/dist/base/forms/label.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { spacing } from '../../util.js';
|
|
2
|
-
|
|
3
|
-
const label = {
|
|
4
|
-
variant: "text.default",
|
|
5
|
-
alignItems: "center",
|
|
6
|
-
width: "auto",
|
|
7
|
-
textTransform: "none",
|
|
8
|
-
cursor: "pointer",
|
|
9
|
-
"&:not(.radio-label)": {
|
|
10
|
-
fontWeight: "bold"
|
|
11
|
-
},
|
|
12
|
-
"&.required": {
|
|
13
|
-
position: "relative",
|
|
14
|
-
"&::before": {
|
|
15
|
-
color: "danger",
|
|
16
|
-
position: "absolute",
|
|
17
|
-
content: '"*"',
|
|
18
|
-
top: 0,
|
|
19
|
-
left: "-10px"
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
"&:last-of-type": {
|
|
23
|
-
"input, textarea, select": {
|
|
24
|
-
mb: spacing(0)
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
var label$1 = label;
|
|
29
|
-
|
|
30
|
-
export { label$1 as default };
|
|
31
|
-
//# sourceMappingURL=label.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","sources":["../../../src/base/forms/label.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../util';\r\n/* IMPORT HERE */\r\n\r\nconst label: ThemeUICSSObject = {\r\n variant: 'text.default',\r\n alignItems: 'center',\r\n width: 'auto',\r\n textTransform: 'none',\r\n cursor: 'pointer',\r\n\r\n '&:not(.radio-label)': {\r\n fontWeight: 'bold',\r\n },\r\n\r\n '&.required': {\r\n position: 'relative',\r\n '&::before': {\r\n color: 'danger',\r\n position: 'absolute',\r\n content: '\"*\"',\r\n top: 0,\r\n left: '-10px',\r\n },\r\n },\r\n\r\n '&:last-of-type': {\r\n 'input, textarea, select': {\r\n mb: spacing(0),\r\n },\r\n },\r\n};\r\n\r\nexport default label;\r\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,aAAe,EAAA,MAAA;AAAA,EACf,MAAQ,EAAA,SAAA;AAAA,EAER,qBAAuB,EAAA;AAAA,IACrB,UAAY,EAAA,MAAA;AAAA,GACd;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,UAAA;AAAA,IACV,WAAa,EAAA;AAAA,MACX,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,KAAA;AAAA,MACT,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,OAAA;AAAA,KACR;AAAA,GACF;AAAA,EAEA,gBAAkB,EAAA;AAAA,IAChB,yBAA2B,EAAA;AAAA,MACzB,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,KACf;AAAA,GACF;AACF,CAAA,CAAA;AAEA,cAAe,KAAA;;;;"}
|
package/dist/base/forms/radio.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
|
|
2
|
-
|
|
3
|
-
const radio = {
|
|
4
|
-
width: "32px",
|
|
5
|
-
height: "32px",
|
|
6
|
-
input: {
|
|
7
|
-
height: "32px !important"
|
|
8
|
-
},
|
|
9
|
-
...getColorsAndStatesByPath("form.radio"),
|
|
10
|
-
path: {
|
|
11
|
-
fill: "inherit"
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
var radio$1 = radio;
|
|
15
|
-
|
|
16
|
-
export { radio$1 as default };
|
|
17
|
-
//# sourceMappingURL=radio.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sources":["../../../src/base/forms/radio.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst radio: ThemeUICSSObject = {\r\n width: '32px',\r\n height: '32px',\r\n input: {\r\n height: '32px !important',\r\n },\r\n ...getColorsAndStatesByPath('form.radio'),\r\n path: {\r\n fill: 'inherit',\r\n },\r\n};\r\n\r\nexport default radio;\r\n"],"names":[],"mappings":";;AAIA,MAAM,KAA0B,GAAA;AAAA,EAC9B,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,iBAAA;AAAA,GACV;AAAA,EACA,GAAG,yBAAyB,YAAY,CAAA;AAAA,EACxC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,SAAA;AAAA,GACR;AACF,CAAA,CAAA;AAEA,cAAe,KAAA;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { spacing } from '../../util.js';
|
|
2
|
-
import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
|
|
3
|
-
|
|
4
|
-
const select = {
|
|
5
|
-
variant: "text.default",
|
|
6
|
-
display: "inline-block",
|
|
7
|
-
fontFamily: "body",
|
|
8
|
-
p: spacing(4),
|
|
9
|
-
pr: 7,
|
|
10
|
-
borderRadius: "default",
|
|
11
|
-
width: "100%",
|
|
12
|
-
maxWidth: "100%",
|
|
13
|
-
...getColorsAndStatesByPath("form.fields", {
|
|
14
|
-
states: {
|
|
15
|
-
active: false,
|
|
16
|
-
hover: false,
|
|
17
|
-
focus: false
|
|
18
|
-
}
|
|
19
|
-
})
|
|
20
|
-
};
|
|
21
|
-
var select$1 = select;
|
|
22
|
-
|
|
23
|
-
export { select$1 as default };
|
|
24
|
-
//# sourceMappingURL=select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../../src/base/forms/select.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../util';\r\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\r\n/* IMPORT HERE */\r\n\r\nconst select: ThemeUICSSObject = {\r\n variant: 'text.default',\r\n display: 'inline-block',\r\n fontFamily: 'body',\r\n p: spacing(4),\r\n pr: 7,\r\n borderRadius: 'default',\r\n width: '100%',\r\n maxWidth: '100%',\r\n ...getColorsAndStatesByPath('form.fields', {\r\n states: {\r\n active: false,\r\n hover: false,\r\n focus: false,\r\n },\r\n }),\r\n};\r\n\r\nexport default select;\r\n"],"names":[],"mappings":";;;AAKA,MAAM,MAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA,cAAA;AAAA,EACT,UAAY,EAAA,MAAA;AAAA,EACZ,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,EACZ,EAAI,EAAA,CAAA;AAAA,EACJ,YAAc,EAAA,SAAA;AAAA,EACd,KAAO,EAAA,MAAA;AAAA,EACP,QAAU,EAAA,MAAA;AAAA,EACV,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AACH,CAAA,CAAA;AAEA,eAAe,MAAA;;;;"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { getSelectedColors } from '../colors/index.js';
|
|
2
|
-
|
|
3
|
-
function selectMultiple(theme) {
|
|
4
|
-
return {
|
|
5
|
-
variant: "text.default",
|
|
6
|
-
height: "100%",
|
|
7
|
-
padding: "4px",
|
|
8
|
-
borderRadius: "default",
|
|
9
|
-
border: "1px solid",
|
|
10
|
-
width: "100%",
|
|
11
|
-
transition: "background-color 100ms ease-out, color 100ms ease-out",
|
|
12
|
-
overflow: "auto",
|
|
13
|
-
option: {
|
|
14
|
-
padding: 2,
|
|
15
|
-
...getSelectedColors(theme.palette),
|
|
16
|
-
"&:checked": {
|
|
17
|
-
backgroundColor: theme.palette.getColor(
|
|
18
|
-
theme.palette.background.paper,
|
|
19
|
-
"selected"
|
|
20
|
-
),
|
|
21
|
-
color: theme.palette.getContrastText(
|
|
22
|
-
theme.palette.getColor(theme.palette.background.paper, "selected")
|
|
23
|
-
)
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"+ svg": {
|
|
27
|
-
display: "none"
|
|
28
|
-
},
|
|
29
|
-
...theme.palette.getStatesFromPath("form.fields", {
|
|
30
|
-
states: {
|
|
31
|
-
active: false,
|
|
32
|
-
hover: false,
|
|
33
|
-
focus: false
|
|
34
|
-
}
|
|
35
|
-
})
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
export { selectMultiple as default };
|
|
40
|
-
//# sourceMappingURL=selectMultiple.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"selectMultiple.js","sources":["../../../src/base/forms/selectMultiple.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\r\nimport { getSelectedColors } from '../colors/index';\r\n/* IMPORT HERE */\r\n\r\nfunction selectMultiple(theme: Theme): ThemeUICSSObject {\r\n return {\r\n variant: 'text.default',\r\n height: '100%',\r\n padding: '4px',\r\n borderRadius: 'default',\r\n border: '1px solid',\r\n width: '100%',\r\n transition: 'background-color 100ms ease-out, color 100ms ease-out',\r\n overflow: 'auto',\r\n option: {\r\n padding: 2,\r\n ...getSelectedColors(theme.palette),\r\n\r\n '&:checked': {\r\n backgroundColor: theme.palette.getColor(\r\n theme.palette.background.paper,\r\n 'selected',\r\n ),\r\n color: theme.palette.getContrastText(\r\n theme.palette.getColor(theme.palette.background.paper, 'selected'),\r\n ),\r\n },\r\n },\r\n '+ svg': {\r\n display: 'none',\r\n },\r\n ...theme.palette.getStatesFromPath('form.fields', {\r\n states: {\r\n active: false,\r\n hover: false,\r\n focus: false,\r\n },\r\n }),\r\n };\r\n}\r\n\r\nexport default selectMultiple;\r\n"],"names":[],"mappings":";;AAIA,SAAS,eAAe,KAAgC,EAAA;AACtD,EAAO,OAAA;AAAA,IACL,OAAS,EAAA,cAAA;AAAA,IACT,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,KAAA;AAAA,IACT,YAAc,EAAA,SAAA;AAAA,IACd,MAAQ,EAAA,WAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,uDAAA;AAAA,IACZ,QAAU,EAAA,MAAA;AAAA,IACV,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,CAAA;AAAA,MACT,GAAG,iBAAkB,CAAA,KAAA,CAAM,OAAO,CAAA;AAAA,MAElC,WAAa,EAAA;AAAA,QACX,eAAA,EAAiB,MAAM,OAAQ,CAAA,QAAA;AAAA,UAC7B,KAAA,CAAM,QAAQ,UAAW,CAAA,KAAA;AAAA,UACzB,UAAA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,MAAM,OAAQ,CAAA,eAAA;AAAA,UACnB,MAAM,OAAQ,CAAA,QAAA,CAAS,MAAM,OAAQ,CAAA,UAAA,CAAW,OAAO,UAAU,CAAA;AAAA,SACnE;AAAA,OACF;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,GAAG,KAAA,CAAM,OAAQ,CAAA,iBAAA,CAAkB,aAAe,EAAA;AAAA,MAChD,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA,KAAA;AAAA,QACR,KAAO,EAAA,KAAA;AAAA,QACP,KAAO,EAAA,KAAA;AAAA,OACT;AAAA,KACD,CAAA;AAAA,GACH,CAAA;AACF;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
const Switch = {
|
|
2
|
-
"+ span": {
|
|
3
|
-
fontSize: 14,
|
|
4
|
-
fontWeight: "normal",
|
|
5
|
-
wordBreak: "break-all"
|
|
6
|
-
},
|
|
7
|
-
backgroundColor: "form.fields.checked.borderColor"
|
|
8
|
-
};
|
|
9
|
-
var Switch$1 = Switch;
|
|
10
|
-
|
|
11
|
-
export { Switch$1 as default };
|
|
12
|
-
//# sourceMappingURL=switch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../../../src/base/forms/switch.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\n/* IMPORT HERE */\r\n\r\nconst Switch: ThemeUICSSObject = {\r\n '+ span': {\r\n fontSize: 14,\r\n fontWeight: 'normal',\r\n wordBreak: 'break-all',\r\n },\r\n backgroundColor: 'form.fields.checked.borderColor',\r\n};\r\n\r\nexport default Switch;\r\n"],"names":[],"mappings":"AAGA,MAAM,MAA2B,GAAA;AAAA,EAC/B,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,SAAW,EAAA,WAAA;AAAA,GACb;AAAA,EACA,eAAiB,EAAA,iCAAA;AACnB,CAAA,CAAA;AAEA,eAAe,MAAA;;;;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
const textarea = {
|
|
2
|
-
"&, & textarea": {
|
|
3
|
-
height: "100%",
|
|
4
|
-
minHeight: "130px",
|
|
5
|
-
resize: "vertical"
|
|
6
|
-
},
|
|
7
|
-
textarea: {
|
|
8
|
-
variant: "forms.input"
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
var textarea$1 = textarea;
|
|
12
|
-
|
|
13
|
-
export { textarea$1 as default };
|
|
14
|
-
//# sourceMappingURL=textarea.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sources":["../../../src/base/forms/textarea.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\n/* IMPORT HERE */\r\n\r\nconst textarea: ThemeUICSSObject = {\r\n '&, & textarea': {\r\n height: '100%',\r\n minHeight: '130px',\r\n resize: 'vertical',\r\n },\r\n\r\n textarea: {\r\n variant: 'forms.input',\r\n },\r\n};\r\n\r\nexport default textarea;\r\n"],"names":[],"mappings":"AAGA,MAAM,QAA6B,GAAA;AAAA,EACjC,eAAiB,EAAA;AAAA,IACf,MAAQ,EAAA,MAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,MAAQ,EAAA,UAAA;AAAA,GACV;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,aAAA;AAAA,GACX;AACF,CAAA,CAAA;AAEA,iBAAe,QAAA;;;;"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
const frontColor = "hsl(196, 37%, 13%)";
|
|
2
|
-
const charts = {
|
|
3
|
-
red: {
|
|
4
|
-
schema: "schemas.red"
|
|
5
|
-
},
|
|
6
|
-
orange: {
|
|
7
|
-
schema: "schemas.orange"
|
|
8
|
-
},
|
|
9
|
-
green: {
|
|
10
|
-
schema: "schemas.green"
|
|
11
|
-
},
|
|
12
|
-
blue: {
|
|
13
|
-
schema: "schemas.blue"
|
|
14
|
-
},
|
|
15
|
-
violet: {
|
|
16
|
-
schema: "schemas.violet"
|
|
17
|
-
},
|
|
18
|
-
turquoise: {
|
|
19
|
-
schema: "schemas.turquoise"
|
|
20
|
-
},
|
|
21
|
-
yellow: {
|
|
22
|
-
schema: "schemas.yellow"
|
|
23
|
-
},
|
|
24
|
-
grey: {
|
|
25
|
-
schema: "schemas.grey"
|
|
26
|
-
},
|
|
27
|
-
ocean: {
|
|
28
|
-
schema: "schemas.ocean"
|
|
29
|
-
},
|
|
30
|
-
sunset: {
|
|
31
|
-
schema: "schemas.sunset"
|
|
32
|
-
},
|
|
33
|
-
common: {
|
|
34
|
-
axis: {
|
|
35
|
-
stroke: frontColor,
|
|
36
|
-
title: frontColor
|
|
37
|
-
},
|
|
38
|
-
schema: frontColor,
|
|
39
|
-
background: "hsl(200deg 20% 98%)",
|
|
40
|
-
grid: {
|
|
41
|
-
stroke: frontColor,
|
|
42
|
-
opacity: "0.1"
|
|
43
|
-
},
|
|
44
|
-
toolTip: {
|
|
45
|
-
backgroundColor: "rgb(232, 241, 255)",
|
|
46
|
-
border: "1px solid #07c",
|
|
47
|
-
color: frontColor,
|
|
48
|
-
padding: ".3rem .5rem",
|
|
49
|
-
borderRadius: "3px",
|
|
50
|
-
fontSize: "18px",
|
|
51
|
-
boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
|
|
52
|
-
lineHeight: "1em"
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
export { charts };
|
|
58
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/base/layout/charts/index.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\n\r\nconst frontColor = 'hsl(196, 37%, 13%)';\r\nexport const charts: ThemeUICSSObject = {\r\n red: {\r\n schema: 'schemas.red',\r\n },\r\n orange: {\r\n schema: 'schemas.orange',\r\n },\r\n green: {\r\n schema: 'schemas.green',\r\n },\r\n blue: {\r\n schema: 'schemas.blue',\r\n },\r\n violet: {\r\n schema: 'schemas.violet',\r\n },\r\n turquoise: {\r\n schema: 'schemas.turquoise',\r\n },\r\n yellow: {\r\n schema: 'schemas.yellow',\r\n },\r\n grey: {\r\n schema: 'schemas.grey',\r\n },\r\n ocean: {\r\n schema: 'schemas.ocean',\r\n },\r\n sunset: {\r\n schema: 'schemas.sunset',\r\n },\r\n common: {\r\n axis: {\r\n stroke: frontColor,\r\n title: frontColor,\r\n },\r\n schema: frontColor,\r\n background: 'hsl(200deg 20% 98%)',\r\n grid: {\r\n stroke: frontColor,\r\n opacity: '0.1',\r\n },\r\n toolTip: {\r\n backgroundColor: 'rgb(232, 241, 255)',\r\n border: '1px solid #07c',\r\n color: frontColor,\r\n padding: '.3rem .5rem',\r\n borderRadius: '3px',\r\n fontSize: '18px',\r\n boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\r\n lineHeight: '1em',\r\n },\r\n },\r\n};\r\n"],"names":[],"mappings":"AAEA,MAAM,UAAa,GAAA,oBAAA,CAAA;AACZ,MAAM,MAA2B,GAAA;AAAA,EACtC,GAAK,EAAA;AAAA,IACH,MAAQ,EAAA,aAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,gBAAA;AAAA,GACV;AAAA,EACA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,eAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,cAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,gBAAA;AAAA,GACV;AAAA,EACA,SAAW,EAAA;AAAA,IACT,MAAQ,EAAA,mBAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,gBAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,cAAA;AAAA,GACV;AAAA,EACA,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,eAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,gBAAA;AAAA,GACV;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA,UAAA;AAAA,MACR,KAAO,EAAA,UAAA;AAAA,KACT;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,UAAY,EAAA,qBAAA;AAAA,IACZ,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,oBAAA;AAAA,MACjB,MAAQ,EAAA,gBAAA;AAAA,MACR,KAAO,EAAA,UAAA;AAAA,MACP,OAAS,EAAA,aAAA;AAAA,MACT,YAAc,EAAA,KAAA;AAAA,MACd,QAAU,EAAA,MAAA;AAAA,MACV,SAAW,EAAA,8BAAA;AAAA,MACX,UAAY,EAAA,KAAA;AAAA,KACd;AAAA,GACF;AACF;;;;"}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { spacing } from '../../../../util.js';
|
|
2
|
-
|
|
3
|
-
const accordion = {
|
|
4
|
-
primary: {
|
|
5
|
-
"&, .accordion__item": {
|
|
6
|
-
display: "flex",
|
|
7
|
-
flexDirection: "column",
|
|
8
|
-
alignItems: "stretch"
|
|
9
|
-
},
|
|
10
|
-
".accordion__item__button__rightGroup": {
|
|
11
|
-
flexShrink: 0
|
|
12
|
-
},
|
|
13
|
-
".accordion__item__button__leftGroup, .accordion__item__button__rightGroup": {
|
|
14
|
-
alignItems: "center",
|
|
15
|
-
display: "flex",
|
|
16
|
-
gap: 3,
|
|
17
|
-
"& > *": {
|
|
18
|
-
flexShrink: 0,
|
|
19
|
-
"&.accordion__item__button__label": {
|
|
20
|
-
flexShrink: 1
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
".accordion__item__button__label": {
|
|
25
|
-
overflow: "hidden",
|
|
26
|
-
textOverflow: "ellipsis",
|
|
27
|
-
whiteSpace: "nowrap",
|
|
28
|
-
flexShrink: 1,
|
|
29
|
-
color: "palette.primary.contrastText",
|
|
30
|
-
fontSize: 16
|
|
31
|
-
},
|
|
32
|
-
".accordion__item__button__check": {
|
|
33
|
-
width: "32px",
|
|
34
|
-
height: "32px",
|
|
35
|
-
background: "palette.background.paper",
|
|
36
|
-
border: "1px solid",
|
|
37
|
-
// borderColor: 'palette.border.field',
|
|
38
|
-
cursor: "pointer",
|
|
39
|
-
display: "flex",
|
|
40
|
-
alignItems: "stretch",
|
|
41
|
-
justifyContent: "stretch",
|
|
42
|
-
p: 2,
|
|
43
|
-
svg: {
|
|
44
|
-
color: "palette.text.primary",
|
|
45
|
-
height: "100%",
|
|
46
|
-
width: "100%"
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
".accordion__item:last-of-type > *": {
|
|
50
|
-
borderBottom: "1px solid",
|
|
51
|
-
borderBottomColor: "palette.border.section"
|
|
52
|
-
},
|
|
53
|
-
".accordion__item__content > *": {
|
|
54
|
-
p: 4,
|
|
55
|
-
borderLeft: "1px solid",
|
|
56
|
-
borderRight: "1px solid",
|
|
57
|
-
borderLeftColor: "palette.border.section",
|
|
58
|
-
borderRightColor: "palette.border.section"
|
|
59
|
-
},
|
|
60
|
-
".accordion__item__button": {
|
|
61
|
-
width: "100%",
|
|
62
|
-
p: 3,
|
|
63
|
-
".button__content": {
|
|
64
|
-
alignItems: "center",
|
|
65
|
-
display: "flex",
|
|
66
|
-
gap: spacing(3),
|
|
67
|
-
justifyContent: "space-between",
|
|
68
|
-
width: "100%"
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
".accordion__cell__renderer": {
|
|
72
|
-
display: "flex"
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
panels: {
|
|
76
|
-
variant: "layout.common.components.accordion.primary",
|
|
77
|
-
overflowX: "hidden",
|
|
78
|
-
".accordion__item__button": {
|
|
79
|
-
color: "palette.text.primary",
|
|
80
|
-
pl: 4,
|
|
81
|
-
background: "palette.background.paper",
|
|
82
|
-
border: "none",
|
|
83
|
-
borderTop: "1px solid",
|
|
84
|
-
borderColor: "palette.border.section",
|
|
85
|
-
boxShadow: "rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px",
|
|
86
|
-
":hover": {
|
|
87
|
-
background: "palette.gray.900",
|
|
88
|
-
borderColor: "palette.border.section",
|
|
89
|
-
color: "palette.text.primary"
|
|
90
|
-
},
|
|
91
|
-
":active": {
|
|
92
|
-
background: "palette.border.section"
|
|
93
|
-
},
|
|
94
|
-
svg: {
|
|
95
|
-
path: {
|
|
96
|
-
fill: "palette.text.primary"
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
".accordion__item__button__label": {
|
|
101
|
-
color: "palette.text.primary",
|
|
102
|
-
fontWeight: "400"
|
|
103
|
-
},
|
|
104
|
-
'.accordion__item__content[aria-hidden="true"]': {
|
|
105
|
-
border: "none"
|
|
106
|
-
},
|
|
107
|
-
".accordion__item__button__check": {
|
|
108
|
-
borderColor: "palette.border.section",
|
|
109
|
-
borderRadius: "3px"
|
|
110
|
-
},
|
|
111
|
-
".accordion__item__content": {
|
|
112
|
-
background: "palette.secondary.light",
|
|
113
|
-
'[data-variant="link"]': {
|
|
114
|
-
px: 0
|
|
115
|
-
},
|
|
116
|
-
div: {
|
|
117
|
-
border: "none"
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
export { accordion };
|
|
124
|
-
//# sourceMappingURL=accordion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sources":["../../../../../src/base/layout/common/components/accordion.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { spacing } from '../../../../util';\r\n\r\nexport const accordion: ThemeUICSSObject = {\r\n primary: {\r\n '&, .accordion__item': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'stretch',\r\n },\r\n '.accordion__item__button__rightGroup': {\r\n flexShrink: 0,\r\n },\r\n '.accordion__item__button__leftGroup, .accordion__item__button__rightGroup':\r\n {\r\n alignItems: 'center',\r\n display: 'flex',\r\n gap: 3,\r\n\r\n '& > *': {\r\n flexShrink: 0,\r\n\r\n '&.accordion__item__button__label': {\r\n flexShrink: 1,\r\n },\r\n },\r\n },\r\n\r\n '.accordion__item__button__label': {\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n flexShrink: 1,\r\n color: 'palette.primary.contrastText',\r\n fontSize: 16,\r\n },\r\n\r\n '.accordion__item__button__check': {\r\n width: '32px',\r\n height: '32px',\r\n background: 'palette.background.paper',\r\n border: '1px solid',\r\n // borderColor: 'palette.border.field',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'stretch',\r\n justifyContent: 'stretch',\r\n p: 2,\r\n\r\n svg: {\r\n color: 'palette.text.primary',\r\n height: '100%',\r\n width: '100%',\r\n },\r\n },\r\n\r\n '.accordion__item:last-of-type > *': {\r\n borderBottom: '1px solid',\r\n borderBottomColor: 'palette.border.section',\r\n },\r\n\r\n '.accordion__item__content > *': {\r\n p: 4,\r\n borderLeft: '1px solid',\r\n borderRight: '1px solid',\r\n borderLeftColor: 'palette.border.section',\r\n borderRightColor: 'palette.border.section',\r\n },\r\n\r\n '.accordion__item__button': {\r\n width: '100%',\r\n p: 3,\r\n\r\n '.button__content': {\r\n alignItems: 'center',\r\n display: 'flex',\r\n gap: spacing(3),\r\n justifyContent: 'space-between',\r\n width: '100%',\r\n },\r\n },\r\n '.accordion__cell__renderer': {\r\n display: 'flex',\r\n },\r\n },\r\n panels: {\r\n variant: 'layout.common.components.accordion.primary',\r\n overflowX: 'hidden',\r\n '.accordion__item__button': {\r\n color: 'palette.text.primary',\r\n pl: 4,\r\n background: 'palette.background.paper',\r\n border: 'none',\r\n borderTop: '1px solid',\r\n borderColor: 'palette.border.section',\r\n boxShadow: 'rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px',\r\n ':hover': {\r\n background: 'palette.gray.900',\r\n borderColor: 'palette.border.section',\r\n color: 'palette.text.primary',\r\n },\r\n ':active': {\r\n background: 'palette.border.section',\r\n },\r\n svg: {\r\n path: {\r\n fill: 'palette.text.primary',\r\n },\r\n },\r\n },\r\n\r\n '.accordion__item__button__label': {\r\n color: 'palette.text.primary',\r\n fontWeight: '400',\r\n },\r\n '.accordion__item__content[aria-hidden=\"true\"]': {\r\n border: 'none',\r\n },\r\n '.accordion__item__button__check': {\r\n borderColor: 'palette.border.section',\r\n borderRadius: '3px',\r\n },\r\n '.accordion__item__content': {\r\n background: 'palette.secondary.light',\r\n '[data-variant=\"link\"]': {\r\n px: 0,\r\n },\r\n div: {\r\n border: 'none',\r\n },\r\n },\r\n },\r\n};\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
const chat = {
|
|
2
|
-
/* PREPEND HERE */
|
|
3
|
-
height: "calc(100vh - 300px)",
|
|
4
|
-
width: "100%",
|
|
5
|
-
border: "1px solid",
|
|
6
|
-
borderColor: "palette.border.section",
|
|
7
|
-
".autoscrollContainer": {
|
|
8
|
-
display: "flex",
|
|
9
|
-
flexDirection: "column",
|
|
10
|
-
width: "100%",
|
|
11
|
-
gap: 3,
|
|
12
|
-
p: 3
|
|
13
|
-
},
|
|
14
|
-
".history__message": {
|
|
15
|
-
borderRadius: "2px",
|
|
16
|
-
p: 3,
|
|
17
|
-
width: "80%",
|
|
18
|
-
wordWrap: "break-word",
|
|
19
|
-
whiteSpace: "pre-wrap",
|
|
20
|
-
"&.user": {
|
|
21
|
-
alignSelf: "end",
|
|
22
|
-
backgroundColor: "#90ee902b"
|
|
23
|
-
},
|
|
24
|
-
"&.system": {
|
|
25
|
-
alignSelf: "start",
|
|
26
|
-
backgroundColor: "#5701f52b"
|
|
27
|
-
},
|
|
28
|
-
"&.warning": {
|
|
29
|
-
alignSelf: "start",
|
|
30
|
-
backgroundColor: "#ffff0024",
|
|
31
|
-
width: "100%"
|
|
32
|
-
},
|
|
33
|
-
"&.error": {
|
|
34
|
-
alignSelf: "start",
|
|
35
|
-
backgroundColor: "#fd84212b",
|
|
36
|
-
width: "100%"
|
|
37
|
-
},
|
|
38
|
-
"&.information": {
|
|
39
|
-
alignSelf: "start",
|
|
40
|
-
backgroundColor: "#2222cc2b",
|
|
41
|
-
width: "100%"
|
|
42
|
-
},
|
|
43
|
-
"&.multipleChoice": {
|
|
44
|
-
p: 0
|
|
45
|
-
},
|
|
46
|
-
".multipleChoiceMessage:not(.customRenderer)": {
|
|
47
|
-
background: "#0178f52b",
|
|
48
|
-
td: { textAlign: "center" },
|
|
49
|
-
th: { backgroundColor: "#14597bab" },
|
|
50
|
-
table: { borderBottom: "1px solid" },
|
|
51
|
-
"button.multipleChoice__option": {
|
|
52
|
-
width: "-webkit-fill-available",
|
|
53
|
-
backgroundColor: "#14597bab"
|
|
54
|
-
},
|
|
55
|
-
".taskInfoDiv": {
|
|
56
|
-
display: "flex",
|
|
57
|
-
justifyContent: "space-evenly"
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
".multipleChoiceMessage.customRenderer": {
|
|
61
|
-
display: "flex",
|
|
62
|
-
flexDirection: "column",
|
|
63
|
-
gap: 3,
|
|
64
|
-
"& > p": {
|
|
65
|
-
background: "#0178f52b",
|
|
66
|
-
p: 3
|
|
67
|
-
},
|
|
68
|
-
".selection__keyHandler": {
|
|
69
|
-
m: 0,
|
|
70
|
-
padding: 3,
|
|
71
|
-
border: "1px solid",
|
|
72
|
-
borderColor: "palette.border.article",
|
|
73
|
-
borderRadius: "panel"
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
".help__container": {
|
|
78
|
-
display: "flex",
|
|
79
|
-
flexDirection: "column",
|
|
80
|
-
gap: 4
|
|
81
|
-
},
|
|
82
|
-
".functionHelp": {
|
|
83
|
-
display: "flex",
|
|
84
|
-
flexDirection: "column",
|
|
85
|
-
gap: 3,
|
|
86
|
-
".functionHelp__description, .functionHelp__usage": {
|
|
87
|
-
pl: 5
|
|
88
|
-
},
|
|
89
|
-
".history__message": {
|
|
90
|
-
wordWrap: "break-word",
|
|
91
|
-
overflow: "hidden",
|
|
92
|
-
whiteSpace: "break-spaces"
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
export { chat };
|
|
98
|
-
//# sourceMappingURL=chat.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chat.js","sources":["../../../../../src/base/layout/common/components/chat.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\r\n/* IMPORT HERE */\r\n\r\nexport const chat: ThemeUICSSObject = {\r\n /* PREPEND HERE */\r\n height: 'calc(100vh - 300px)',\r\n width: '100%',\r\n border: '1px solid',\r\n borderColor: 'palette.border.section',\r\n\r\n '.autoscrollContainer': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n gap: 3,\r\n p: 3,\r\n },\r\n\r\n '.history__message': {\r\n borderRadius: '2px',\r\n p: 3,\r\n width: '80%',\r\n wordWrap: 'break-word',\r\n whiteSpace: 'pre-wrap',\r\n\r\n '&.user': {\r\n alignSelf: 'end',\r\n backgroundColor: '#90ee902b',\r\n },\r\n\r\n '&.system': {\r\n alignSelf: 'start',\r\n backgroundColor: '#5701f52b',\r\n },\r\n\r\n '&.warning': {\r\n alignSelf: 'start',\r\n backgroundColor: '#ffff0024',\r\n width: '100%',\r\n },\r\n\r\n '&.error': {\r\n alignSelf: 'start',\r\n backgroundColor: '#fd84212b',\r\n width: '100%',\r\n },\r\n\r\n '&.information': {\r\n alignSelf: 'start',\r\n backgroundColor: '#2222cc2b',\r\n width: '100%',\r\n },\r\n\r\n '&.multipleChoice': {\r\n p: 0,\r\n },\r\n\r\n '.multipleChoiceMessage:not(.customRenderer)': {\r\n background: '#0178f52b',\r\n td: { textAlign: 'center' },\r\n th: { backgroundColor: '#14597bab' },\r\n table: { borderBottom: '1px solid' },\r\n 'button.multipleChoice__option': {\r\n width: '-webkit-fill-available',\r\n backgroundColor: '#14597bab',\r\n },\r\n '.taskInfoDiv': {\r\n display: 'flex',\r\n justifyContent: 'space-evenly',\r\n },\r\n },\r\n\r\n '.multipleChoiceMessage.customRenderer': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: 3,\r\n\r\n '& > p': {\r\n background: '#0178f52b',\r\n p: 3,\r\n },\r\n\r\n '.selection__keyHandler': {\r\n m: 0,\r\n padding: 3,\r\n border: '1px solid',\r\n borderColor: 'palette.border.article',\r\n borderRadius: 'panel',\r\n },\r\n },\r\n },\r\n\r\n '.help__container': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: 4,\r\n },\r\n\r\n '.functionHelp': {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: 3,\r\n\r\n '.functionHelp__description, .functionHelp__usage': {\r\n pl: 5,\r\n },\r\n '.history__message': {\r\n wordWrap: 'break-word',\r\n overflow: 'hidden',\r\n whiteSpace: 'break-spaces',\r\n },\r\n },\r\n};\r\n"],"names":[],"mappings":"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"}
|