@coveord/plasma-mantine 55.3.2 → 55.3.4-next.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/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +45 -44
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/alert/Alert.d.ts +17 -0
- package/dist/cjs/components/alert/Alert.d.ts.map +1 -0
- package/dist/cjs/components/alert/Alert.js +53 -0
- package/dist/cjs/components/alert/Alert.js.map +1 -0
- package/dist/cjs/components/alert/index.d.ts +2 -0
- package/dist/cjs/components/alert/index.d.ts.map +1 -0
- package/dist/cjs/components/alert/index.js +8 -0
- package/dist/cjs/components/alert/index.js.map +1 -0
- package/dist/cjs/components/badge/Badge.d.ts +8 -0
- package/dist/cjs/components/badge/Badge.d.ts.map +1 -0
- package/dist/cjs/components/badge/Badge.js +60 -0
- package/dist/cjs/components/badge/Badge.js.map +1 -0
- package/dist/cjs/components/badge/index.d.ts +2 -0
- package/dist/cjs/components/badge/index.d.ts.map +1 -0
- package/dist/cjs/components/badge/index.js +8 -0
- package/dist/cjs/components/badge/index.js.map +1 -0
- package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/cjs/components/button/Button.d.ts +5 -0
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js +40 -3
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/header/Header.module.css +2 -7
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +1 -1
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.module.css +4 -15
- package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
- package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/cjs/components/table/table-column/TableSelectableColumn.d.ts.map +1 -1
- package/dist/cjs/components/table/table-column/TableSelectableColumn.js +5 -1
- package/dist/cjs/components/table/table-column/TableSelectableColumn.js.map +1 -1
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map +1 -1
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js +4 -0
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
- package/dist/cjs/styles/Alert.module.css +1 -26
- package/dist/cjs/styles/Badge.module.css +0 -2
- package/dist/cjs/styles/Checkbox.module.css +0 -12
- package/dist/cjs/styles/Combobox.module.css +3 -2
- package/dist/cjs/styles/InputWrapper.module.css +0 -9
- package/dist/cjs/styles/Modal.module.css +0 -62
- package/dist/cjs/styles/NavLink.module.css +0 -18
- package/dist/cjs/styles/Radio.module.css +0 -6
- package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
- package/dist/cjs/styles/SegmentedControl.module.css +0 -32
- package/dist/cjs/styles/Stepper.module.css +0 -66
- package/dist/cjs/styles/Tabs.module.css +0 -4
- package/dist/cjs/theme/PlasmaColors.d.ts +11 -7
- package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/cjs/theme/PlasmaColors.js +144 -19
- package/dist/cjs/theme/PlasmaColors.js.map +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +43 -115
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js +1 -5
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/esm/components/alert/Alert.d.ts +17 -0
- package/dist/esm/components/alert/Alert.d.ts.map +1 -0
- package/dist/esm/components/alert/Alert.js +29 -0
- package/dist/esm/components/alert/Alert.js.map +1 -0
- package/dist/esm/components/alert/index.d.ts +2 -0
- package/dist/esm/components/alert/index.d.ts.map +1 -0
- package/dist/esm/components/alert/index.js +3 -0
- package/dist/esm/components/alert/index.js.map +1 -0
- package/dist/esm/components/badge/Badge.d.ts +8 -0
- package/dist/esm/components/badge/Badge.d.ts.map +1 -0
- package/dist/esm/components/badge/Badge.js +27 -0
- package/dist/esm/components/badge/Badge.js.map +1 -0
- package/dist/esm/components/badge/index.d.ts +2 -0
- package/dist/esm/components/badge/index.d.ts.map +1 -0
- package/dist/esm/components/badge/index.js +3 -0
- package/dist/esm/components/badge/index.js.map +1 -0
- package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/esm/components/button/Button.d.ts +5 -0
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js +17 -0
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/header/Header.module.css +2 -7
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +1 -1
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.module.css +4 -15
- package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
- package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/esm/components/table/table-column/TableSelectableColumn.d.ts.map +1 -1
- package/dist/esm/components/table/table-column/TableSelectableColumn.js +5 -1
- package/dist/esm/components/table/table-column/TableSelectableColumn.js.map +1 -1
- package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map +1 -1
- package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js +4 -0
- package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
- package/dist/esm/styles/Alert.module.css +1 -26
- package/dist/esm/styles/Badge.module.css +0 -2
- package/dist/esm/styles/Checkbox.module.css +0 -12
- package/dist/esm/styles/Combobox.module.css +3 -2
- package/dist/esm/styles/InputWrapper.module.css +0 -9
- package/dist/esm/styles/Modal.module.css +0 -62
- package/dist/esm/styles/NavLink.module.css +0 -18
- package/dist/esm/styles/Radio.module.css +0 -6
- package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
- package/dist/esm/styles/SegmentedControl.module.css +0 -32
- package/dist/esm/styles/Stepper.module.css +0 -66
- package/dist/esm/styles/Tabs.module.css +0 -4
- package/dist/esm/theme/PlasmaColors.d.ts +11 -7
- package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/esm/theme/PlasmaColors.js +144 -19
- package/dist/esm/theme/PlasmaColors.js.map +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +44 -114
- package/dist/esm/theme/Theme.js.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js +1 -5
- package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/package.json +19 -19
- package/src/components/alert/Alert.tsx +7 -0
- package/src/components/alert/index.ts +1 -0
- package/src/components/badge/Badge.tsx +10 -0
- package/src/components/badge/index.ts +1 -0
- package/src/components/browser-preview/BrowserPreview.module.css +1 -1
- package/src/components/button/Button.tsx +6 -0
- package/src/components/header/Header.module.css +2 -7
- package/src/components/index.ts +2 -0
- package/src/components/prompt/Prompt.module.css +4 -15
- package/src/components/prompt/Prompt.tsx +1 -1
- package/src/components/prompt/PromptConfirmButton.tsx +4 -4
- package/src/components/sticky-footer/StickyFooter.module.css +3 -3
- package/src/components/table/layouts/__tests__/RowLayout.spec.tsx +26 -0
- package/src/components/table/table-column/TableSelectableColumn.tsx +4 -0
- package/src/components/table/table-date-range-picker/TableDateRangePicker.tsx +2 -0
- package/src/styles/Alert.module.css +1 -26
- package/src/styles/Badge.module.css +0 -2
- package/src/styles/Checkbox.module.css +0 -12
- package/src/styles/Combobox.module.css +3 -2
- package/src/styles/InputWrapper.module.css +0 -9
- package/src/styles/Modal.module.css +0 -62
- package/src/styles/NavLink.module.css +0 -18
- package/src/styles/Radio.module.css +0 -6
- package/src/styles/ReadOnlyInput.module.css +3 -3
- package/src/styles/SegmentedControl.module.css +0 -32
- package/src/styles/Stepper.module.css +0 -66
- package/src/styles/Tabs.module.css +0 -4
- package/src/theme/PlasmaColors.ts +144 -19
- package/src/theme/Theme.tsx +37 -86
- package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +3 -46
- package/src/theme/plasmaCSSVariablesResolver.ts +2 -5
- package/dist/cjs/styles/ActionIcon.module.css +0 -6
- package/dist/cjs/styles/Anchor.module.css +0 -6
- package/dist/cjs/styles/AppShellNavBar.module.css +0 -3
- package/dist/cjs/styles/DatePicker.module.css +0 -3
- package/dist/cjs/styles/Input.module.css +0 -3
- package/dist/cjs/styles/Notification.module.css +0 -20
- package/dist/cjs/styles/Pagination.module.css +0 -30
- package/dist/cjs/styles/Select.module.css +0 -39
- package/dist/cjs/vars/Notification.vars.d.ts +0 -3
- package/dist/cjs/vars/Notification.vars.d.ts.map +0 -1
- package/dist/cjs/vars/Notification.vars.js +0 -44
- package/dist/cjs/vars/Notification.vars.js.map +0 -1
- package/dist/cjs/vars/Text.vars.d.ts +0 -3
- package/dist/cjs/vars/Text.vars.d.ts.map +0 -1
- package/dist/cjs/vars/Text.vars.js +0 -25
- package/dist/cjs/vars/Text.vars.js.map +0 -1
- package/dist/esm/styles/ActionIcon.module.css +0 -6
- package/dist/esm/styles/Anchor.module.css +0 -6
- package/dist/esm/styles/AppShellNavBar.module.css +0 -3
- package/dist/esm/styles/DatePicker.module.css +0 -3
- package/dist/esm/styles/Input.module.css +0 -3
- package/dist/esm/styles/Notification.module.css +0 -20
- package/dist/esm/styles/Pagination.module.css +0 -30
- package/dist/esm/styles/Select.module.css +0 -39
- package/dist/esm/vars/Notification.vars.d.ts +0 -3
- package/dist/esm/vars/Notification.vars.d.ts.map +0 -1
- package/dist/esm/vars/Notification.vars.js +0 -34
- package/dist/esm/vars/Notification.vars.js.map +0 -1
- package/dist/esm/vars/Text.vars.d.ts +0 -3
- package/dist/esm/vars/Text.vars.d.ts.map +0 -1
- package/dist/esm/vars/Text.vars.js +0 -15
- package/dist/esm/vars/Text.vars.js.map +0 -1
- package/src/styles/ActionIcon.module.css +0 -6
- package/src/styles/Anchor.module.css +0 -6
- package/src/styles/AppShellNavBar.module.css +0 -3
- package/src/styles/DatePicker.module.css +0 -3
- package/src/styles/Input.module.css +0 -3
- package/src/styles/Notification.module.css +0 -20
- package/src/styles/Pagination.module.css +0 -30
- package/src/styles/Select.module.css +0 -39
- package/src/vars/Notification.vars.ts +0 -14
- package/src/vars/Text.vars.ts +0 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Grid, InputBase, Popover, factory, useProps} from '@mantine/core';\nimport dayjs from 'dayjs';\n\nimport {useState} from 'react';\nimport {\n DateRangePickerInlineCalendar,\n DateRangePickerInlineCalendarProps,\n DateRangePickerPreset,\n DateRangePickerValue,\n} from '../../date-range-picker';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n extends BoxProps,\n CompoundStylesApiProps<TableDateRangePickerFactory>,\n Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n /**\n * An object containing date presets.\n * If empty the preset dropdown won't be shown\n *\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n * @default {}\n */\n presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport type TableDateRangePickerFactory = Factory<{\n props: TableDateRangePickerProps;\n ref: HTMLDivElement;\n stylesNames: TableDateRangePickerStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableDateRangePickerProps> = {\n presets: {},\n};\n\nexport const TableDateRangePicker = factory<TableDateRangePickerFactory>((props, ref) => {\n const {store, getStyles} = useTableContext();\n const {presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others} = useProps(\n 'PlasmaTableDateRangePicker',\n defaultProps,\n props,\n );\n const [opened, setOpened] = useState(false);\n\n const onApply = (dates: DateRangePickerValue) => {\n store.setDateRange(dates);\n setOpened(false);\n };\n const onCancel = () => {\n setOpened(false);\n };\n\n const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;\n const dateRangeInitialized = store.state.dateRange.every((date) => date instanceof Date);\n\n const stylesApiProps = {classNames, styles};\n\n return (\n <Grid.Col\n span=\"content\"\n order={TableComponentsOrder.DateRangePicker}\n ref={ref}\n {...getStyles('dateRangeRoot', {className, style, ...stylesApiProps})}\n {...others}\n >\n <Popover withinPortal opened={opened} onChange={setOpened}>\n <Popover.Target>\n <InputBase\n component=\"button\"\n leftSection={<CalendarSize16Px height={16} />}\n miw={220}\n onClick={() => setOpened(true)}\n >\n {dateRangeInitialized ? formattedRange : 'Select date range'}\n </InputBase>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={store.state.dateRange}\n onApply={onApply}\n onCancel={onCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </Grid.Col>\n );\n});\n"],"names":["TableDateRangePicker","defaultProps","presets","factory","props","ref","useTableContext","store","getStyles","useProps","rangeCalendarProps","classNames","className","styles","style","vars","others","useState","opened","setOpened","onApply","dates","setDateRange","onCancel","formatDate","date","dayjs","format","formattedRange","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Grid, InputBase, Popover, factory, useProps} from '@mantine/core';\nimport dayjs from 'dayjs';\n\nimport {useState} from 'react';\nimport {\n DateRangePickerInlineCalendar,\n DateRangePickerInlineCalendarProps,\n DateRangePickerPreset,\n DateRangePickerValue,\n} from '../../date-range-picker';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n extends BoxProps,\n CompoundStylesApiProps<TableDateRangePickerFactory>,\n Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n /**\n * An object containing date presets.\n * If empty the preset dropdown won't be shown\n *\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n * @default {}\n */\n presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport type TableDateRangePickerFactory = Factory<{\n props: TableDateRangePickerProps;\n ref: HTMLDivElement;\n stylesNames: TableDateRangePickerStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableDateRangePickerProps> = {\n presets: {},\n};\n\nexport const TableDateRangePicker = factory<TableDateRangePickerFactory>((props, ref) => {\n const {store, getStyles} = useTableContext();\n const {presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others} = useProps(\n 'PlasmaTableDateRangePicker',\n defaultProps,\n props,\n );\n const [opened, setOpened] = useState(false);\n\n const onApply = (dates: DateRangePickerValue) => {\n store.setDateRange(dates);\n store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n setOpened(false);\n };\n\n const onCancel = () => {\n setOpened(false);\n };\n\n const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;\n const dateRangeInitialized = store.state.dateRange.every((date) => date instanceof Date);\n\n const stylesApiProps = {classNames, styles};\n\n return (\n <Grid.Col\n span=\"content\"\n order={TableComponentsOrder.DateRangePicker}\n ref={ref}\n {...getStyles('dateRangeRoot', {className, style, ...stylesApiProps})}\n {...others}\n >\n <Popover withinPortal opened={opened} onChange={setOpened}>\n <Popover.Target>\n <InputBase\n component=\"button\"\n leftSection={<CalendarSize16Px height={16} />}\n miw={220}\n onClick={() => setOpened(true)}\n >\n {dateRangeInitialized ? formattedRange : 'Select date range'}\n </InputBase>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={store.state.dateRange}\n onApply={onApply}\n onCancel={onCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </Grid.Col>\n );\n});\n"],"names":["TableDateRangePicker","defaultProps","presets","factory","props","ref","useTableContext","store","getStyles","useProps","rangeCalendarProps","classNames","className","styles","style","vars","others","useState","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","dayjs","format","formattedRange","dateRange","dateRangeInitialized","every","Date","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","DateRangePicker","Popover","withinPortal","onChange","Target","InputBase","component","leftSection","CalendarSize16Px","height","miw","onClick","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;;;;gCA7CkB;oBACsE;8DACnF;qBAEK;+BAMhB;qBAC4B;4BACL;AA6B9B,IAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEO,IAAMF,uBAAuBG,IAAAA,aAAO,EAA8B,SAACC,OAAOC;IAC7E,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6FC,YAAAA,IAAAA,cAAQ,EACjG,8BACAR,cACAG,QAHGF,UAAsFO,UAAtFP,SAASQ,qBAA6ED,UAA7EC,oBAAoBC,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAAtFP;QAASQ;QAAoBC;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1E,IAA4BE,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAE5B,IAAMG,UAAU,SAACC;QACbd,MAAMe,YAAY,CAACD;QACnBd,MAAMgB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUlB,MAAMmB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,IAAMS,WAAW;QACbT,UAAU;IACd;IAEA,IAAMU,aAAa,SAACC;eAAeC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;IACtD,IAAMC,iBAAiB,AAAC,GAA4CJ,OAA1CA,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCL,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE;IACvG,IAAMC,uBAAuB5B,MAAMmB,KAAK,CAACQ,SAAS,CAACE,KAAK,CAAC,SAACN;eAASA,AAAI,aAAYO,CAAhBP,MAAgBO;;IAEnF,IAAMC,iBAAiB;QAAC3B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAAC0B,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,eAAe;QAC3CvC,KAAKA;OACDG,UAAU,iBAAiB;QAACI,WAAAA;QAAWE,OAAAA;OAAUwB,kBACjDtB;kBAEJ,cAAA,sBAAC6B,aAAO;YAACC,YAAY;YAAC5B,QAAQA;YAAQ6B,UAAU5B;;8BAC5C,qBAAC0B,aAAO,CAACG,MAAM;8BACX,cAAA,qBAACC,eAAS;wBACNC,WAAU;wBACVC,2BAAa,qBAACC,kCAAgB;4BAACC,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS;mCAAMpC,UAAU;;kCAExBgB,uBAAuBF,iBAAiB;;;8BAGjD,qBAACY,aAAO,CAACW,QAAQ;oBAACC,GAAG;8BACjB,cAAA,qBAACC,8CAA6B;wBAC1BC,cAAcpD,MAAMmB,KAAK,CAACQ,SAAS;wBACnCd,SAASA;wBACTQ,UAAUA;wBACV1B,SAASA;wBACTQ,oBAAoBA;;;;;;AAM5C"}
|
|
@@ -1,35 +1,10 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
padding: var(--mantine-spacing-sm);
|
|
3
|
-
|
|
4
2
|
&:not(&[data-variant]) {
|
|
3
|
+
/* TODO: Plasma Reset, validate if we need the border */
|
|
5
4
|
border-color: color-mix(in srgb, var(--alert-color), var(--alert-bg) 85%);
|
|
6
5
|
}
|
|
7
6
|
}
|
|
8
7
|
|
|
9
|
-
.wrapper {
|
|
10
|
-
gap: var(--mantine-spacing-sm);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
8
|
.title {
|
|
14
9
|
font-weight: 500;
|
|
15
10
|
}
|
|
16
|
-
|
|
17
|
-
.icon {
|
|
18
|
-
width: 16px;
|
|
19
|
-
height: 16px;
|
|
20
|
-
margin-right: 0;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.message {
|
|
24
|
-
@mixin light {
|
|
25
|
-
color: var(--mantine-color-gray-7);
|
|
26
|
-
|
|
27
|
-
&:where([data-variant='filled']) {
|
|
28
|
-
color: var(--alert-color);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&:where([data-variant='white']) {
|
|
33
|
-
color: var(--mantine-color-black);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
1
|
.label {
|
|
2
|
-
font-size: var(--mantine-font-size-sm);
|
|
3
2
|
font-weight: 300;
|
|
4
3
|
}
|
|
5
|
-
|
|
6
|
-
.input {
|
|
7
|
-
&[data-indeterminate] {
|
|
8
|
-
background-color: var(--mantine-color-pureWhite);
|
|
9
|
-
border-color: var(--mantine-color-gray-4);
|
|
10
|
-
|
|
11
|
-
& + svg {
|
|
12
|
-
color: var(--mantine-color-gray-6);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
/* TODO: Plasma Reset, validate if we need the custom style for the search */
|
|
1
2
|
.search {
|
|
2
3
|
margin: 0 0 var(--mantine-spacing-xs);
|
|
3
|
-
border-radius: var(--mantine-radius-
|
|
4
|
+
border-radius: var(--mantine-radius-default);
|
|
4
5
|
border: 1px solid;
|
|
5
6
|
width: 100%;
|
|
6
|
-
border-color: var(--mantine-color-
|
|
7
|
+
border-color: var(--mantine-color-default-border);
|
|
7
8
|
|
|
8
9
|
&:focus {
|
|
9
10
|
border-color: var(--mantine-primary-color-filled);
|
|
@@ -1,16 +1,7 @@
|
|
|
1
|
-
.label {
|
|
2
|
-
margin-bottom: var(--mantine-spacing-xs);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
1
|
.description {
|
|
6
|
-
font-size: var(--mantine-font-size-sm);
|
|
7
|
-
color: var(--mantine-color-gray-7);
|
|
8
|
-
margin-bottom: var(--mantine-spacing-xs);
|
|
9
|
-
line-height: var(--mantine-line-height);
|
|
10
2
|
font-weight: 300;
|
|
11
3
|
}
|
|
12
4
|
|
|
13
5
|
.error {
|
|
14
|
-
line-height: var(--mantine-line-height);
|
|
15
6
|
font-weight: 300;
|
|
16
7
|
}
|
|
@@ -1,65 +1,3 @@
|
|
|
1
|
-
.root {
|
|
2
|
-
&[data-full-screen] {
|
|
3
|
-
.content {
|
|
4
|
-
flex: 0 0 100%;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
&[data-size='xs'] {
|
|
9
|
-
.content {
|
|
10
|
-
flex: 0 0 rem(432px);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&[data-size='sm'] {
|
|
15
|
-
.content {
|
|
16
|
-
flex: 0 0 rem(664px);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&[data-size='md'] {
|
|
21
|
-
.content {
|
|
22
|
-
flex: 0 0 rem(896px);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&[data-size='lg'] {
|
|
27
|
-
.content {
|
|
28
|
-
flex: 0 0 rem(1120px);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&[data-size='xl'] {
|
|
33
|
-
.content {
|
|
34
|
-
flex: 0 0 rem(88%);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&:not([data-size]) {
|
|
39
|
-
.content {
|
|
40
|
-
flex: 0 0 rem(896px);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.content {
|
|
46
|
-
overflow: auto;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.header {
|
|
50
|
-
border-bottom: 1px solid var(--mantine-color-gray-3);
|
|
51
|
-
align-items: flex-start;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
1
|
.title {
|
|
55
|
-
width: 100%;
|
|
56
|
-
font-size: var(--mantine-h3-font-size);
|
|
57
|
-
line-height: var(--mantine-h3-line-height);
|
|
58
2
|
font-weight: 500;
|
|
59
3
|
}
|
|
60
|
-
|
|
61
|
-
.body {
|
|
62
|
-
&:where(:not(:only-child)) {
|
|
63
|
-
padding-top: var(--mb-padding, var(--mantine-spacing-md));
|
|
64
|
-
}
|
|
65
|
-
}
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
.root {
|
|
2
|
-
color: var(--mantine-color-gray-6);
|
|
3
|
-
line-height: var(--mantine-line-height);
|
|
4
|
-
border-radius: var(--mantine-radius-default) 0 0 var(--mantine-radius-default);
|
|
5
|
-
|
|
6
|
-
&[data-active] {
|
|
7
|
-
color: var(--mantine-primary-color-6);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@mixin hover {
|
|
11
|
-
@mixin light {
|
|
12
|
-
&:where(:not([data-active])) {
|
|
13
|
-
background-color: var(--mantine-color-gray-1);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
1
|
.label {
|
|
20
2
|
font-weight: 500;
|
|
21
3
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
cursor: text;
|
|
3
3
|
|
|
4
4
|
--input-bd: transparent;
|
|
5
|
-
--input-bg: var(--mantine-color-
|
|
6
|
-
--input-color: var(--mantine-color-
|
|
7
|
-
--input-placeholder-color: var(--mantine-color-
|
|
5
|
+
--input-bg: var(--mantine-color-dark-light);
|
|
6
|
+
--input-color: var(--mantine-color-dimmed);
|
|
7
|
+
--input-placeholder-color: var(--mantine-color-dimmed);
|
|
8
8
|
}
|
|
@@ -1,35 +1,3 @@
|
|
|
1
|
-
.root {
|
|
2
|
-
background-color: var(--mantine-color-gray-2);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.indicator {
|
|
6
|
-
border-radius: var(--sc-radius, var(--mantine-radius-sm));
|
|
7
|
-
}
|
|
8
|
-
|
|
9
1
|
.label {
|
|
10
2
|
font-weight: 300;
|
|
11
|
-
|
|
12
|
-
@mixin light {
|
|
13
|
-
color: var(--mantine-color-gray-6);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
&:where([data-disabled]) {
|
|
17
|
-
@mixin light {
|
|
18
|
-
color: var(--mantine-color-gray-5);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&:where([data-active]) {
|
|
23
|
-
@mixin light {
|
|
24
|
-
color: var(--sc-label-color, var(--mantine-color-black));
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&:where(:not([data-disabled], [data-active], [data-read-only])) {
|
|
29
|
-
@mixin hover {
|
|
30
|
-
@mixin light {
|
|
31
|
-
color: var(--mantine-color-black);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
3
|
}
|
|
@@ -1,69 +1,3 @@
|
|
|
1
|
-
.step {
|
|
2
|
-
&[disabled] {
|
|
3
|
-
color: var(--mantine-color-gray-5);
|
|
4
|
-
|
|
5
|
-
& .mantine-Stepper-stepDescription {
|
|
6
|
-
color: var(--mantine-color-gray-5);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
& .mantine-Stepper-stepIcon {
|
|
10
|
-
border-color: var(--mantine-color-gray-1);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
|
|
15
1
|
.stepIcon {
|
|
16
2
|
font-weight: 500;
|
|
17
|
-
background-color: var(--mantine-color-gray-1);
|
|
18
|
-
color: inherit;
|
|
19
|
-
border: rem(1) solid var(--mantine-color-gray-3);
|
|
20
|
-
|
|
21
|
-
&[data-progress] {
|
|
22
|
-
background-color: var(--mantine-color-white);
|
|
23
|
-
border-color: var(--step-color);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&[data-completed] {
|
|
27
|
-
background-color: var(--mantine-color-white);
|
|
28
|
-
border-color: var(--mantine-color-lime-6);
|
|
29
|
-
color: var(--mantine-color-lime-6);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.stepCompletedIcon {
|
|
34
|
-
color: var(--mantine-color-lime-6);
|
|
35
|
-
font-size: rem(16);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.stepDescription {
|
|
39
|
-
color: var(--mantine-color-gray-7);
|
|
40
|
-
|
|
41
|
-
&[data-size='xs'] {
|
|
42
|
-
font-size: var(--mantine-font-size-xs);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&[data-size='sm'] {
|
|
46
|
-
font-size: var(--mantine-font-size-sm);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&[data-size='md'] {
|
|
50
|
-
font-size: var(--mantine-font-size-md);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&[data-size='lg'] {
|
|
54
|
-
font-size: var(--mantine-font-size-lg);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&[data-size='xl'] {
|
|
58
|
-
font-size: var(--mantine-font-size-xl);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.separator {
|
|
63
|
-
height: rem(1);
|
|
64
|
-
background-color: var(--mantine-color-gray-3);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.verticalSeparator {
|
|
68
|
-
border-left: rem(1) solid var(--mantine-color-gray-3);
|
|
69
3
|
}
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
import { MantineColorsTuple } from '@mantine/core';
|
|
2
2
|
export declare const PlasmaColors: {
|
|
3
|
+
blue: MantineColorsTuple;
|
|
4
|
+
red: MantineColorsTuple;
|
|
3
5
|
gray: MantineColorsTuple;
|
|
4
|
-
|
|
6
|
+
dark: MantineColorsTuple;
|
|
7
|
+
teal: MantineColorsTuple;
|
|
8
|
+
yellow: MantineColorsTuple;
|
|
9
|
+
violet: MantineColorsTuple;
|
|
10
|
+
grape: MantineColorsTuple;
|
|
11
|
+
'cyan (Not used)': MantineColorsTuple;
|
|
12
|
+
orange: MantineColorsTuple;
|
|
13
|
+
indigo: MantineColorsTuple;
|
|
14
|
+
green: MantineColorsTuple;
|
|
5
15
|
navy: MantineColorsTuple;
|
|
6
16
|
info: MantineColorsTuple;
|
|
7
|
-
blue: MantineColorsTuple;
|
|
8
|
-
red: MantineColorsTuple;
|
|
9
17
|
critical: MantineColorsTuple;
|
|
10
|
-
teal: MantineColorsTuple;
|
|
11
18
|
new: MantineColorsTuple;
|
|
12
|
-
yellow: MantineColorsTuple;
|
|
13
19
|
warning: MantineColorsTuple;
|
|
14
|
-
green: MantineColorsTuple;
|
|
15
|
-
indigo: MantineColorsTuple;
|
|
16
20
|
lime: MantineColorsTuple;
|
|
17
21
|
success: MantineColorsTuple;
|
|
18
22
|
purple: MantineColorsTuple;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CA4JxB,CAAC"}
|
|
@@ -30,32 +30,157 @@ var lime = [
|
|
|
30
30
|
];
|
|
31
31
|
var PlasmaColors = {
|
|
32
32
|
// Primary
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
33
|
+
blue: toMantineColor({
|
|
34
|
+
'blue-0': '#f8f9ff',
|
|
35
|
+
'blue-1': '#eef2ff',
|
|
36
|
+
'blue-2': '#d5defe',
|
|
37
|
+
'blue-3': '#a6bcfe',
|
|
38
|
+
'blue-4': '#6e99fd',
|
|
39
|
+
'blue-5': '#1169da',
|
|
40
|
+
'blue-6': '#063c82',
|
|
41
|
+
'blue-7': '#03275a',
|
|
42
|
+
'blue-8': '#01193f',
|
|
43
|
+
'blue-9': '#010e29'
|
|
44
|
+
}),
|
|
45
|
+
red: toMantineColor({
|
|
46
|
+
'red-0': '#fff8f8',
|
|
47
|
+
'red-1': '#feefee',
|
|
48
|
+
'red-2': '#fdd5d5',
|
|
49
|
+
'red-3': '#fca7a5',
|
|
50
|
+
'red-4': '#fb6f6c',
|
|
51
|
+
'red-5': '#d2271b',
|
|
52
|
+
'red-6': '#7e0f17',
|
|
53
|
+
'red-7': '#58050f',
|
|
54
|
+
'red-8': '#3e020a',
|
|
55
|
+
'red-9': '#280104'
|
|
56
|
+
}),
|
|
57
|
+
gray: toMantineColor({
|
|
58
|
+
'gray-0': '#f9f9fa',
|
|
59
|
+
'gray-1': '#f1f2f4',
|
|
60
|
+
'gray-2': '#dddfe3',
|
|
61
|
+
'gray-3': '#b9bdc7',
|
|
62
|
+
'gray-4': '#959cab',
|
|
63
|
+
'gray-5': '#676d7a',
|
|
64
|
+
'gray-6': '#3b3e46',
|
|
65
|
+
'gray-7': '#26292f',
|
|
66
|
+
'gray-8': '#191b1f',
|
|
67
|
+
'gray-9': '#0e0f12'
|
|
68
|
+
}),
|
|
69
|
+
dark: toMantineColor({
|
|
70
|
+
'dark-0': '#c9c9c9',
|
|
71
|
+
'dark-1': '#b8b8b8',
|
|
72
|
+
'dark-2': '#828282',
|
|
73
|
+
'dark-3': '#696969',
|
|
74
|
+
'dark-4': '#424242',
|
|
75
|
+
'dark-5': '#3b3b3b',
|
|
76
|
+
'dark-6': '#2e2e2e',
|
|
77
|
+
'dark-7': '#242424',
|
|
78
|
+
'dark-8': '#1f1f1f',
|
|
79
|
+
'dark-9': '#141414'
|
|
80
|
+
}),
|
|
81
|
+
teal: toMantineColor({
|
|
82
|
+
'teal-0': '#e5fff9',
|
|
83
|
+
'teal-1': '#bffff0',
|
|
84
|
+
'teal-2': '#1efadc',
|
|
85
|
+
'teal-3': '#18d4bb',
|
|
86
|
+
'teal-4': '#0faf99',
|
|
87
|
+
'teal-5': '#077b6b',
|
|
88
|
+
'teal-6': '#02473e',
|
|
89
|
+
'teal-7': '#012f2a',
|
|
90
|
+
'teal-8': '#011f1b',
|
|
91
|
+
'teal-9': '#001210'
|
|
92
|
+
}),
|
|
93
|
+
yellow: toMantineColor({
|
|
94
|
+
'yellow-0': '#fff9e5',
|
|
95
|
+
'yellow-1': '#fff2c0',
|
|
96
|
+
'yellow-2': '#fbe000',
|
|
97
|
+
'yellow-3': '#e5b800',
|
|
98
|
+
'yellow-4': '#c89300',
|
|
99
|
+
'yellow-5': '#936400',
|
|
100
|
+
'yellow-6': '#593700',
|
|
101
|
+
'yellow-7': '#3c2301',
|
|
102
|
+
'yellow-8': '#291700',
|
|
103
|
+
'yellow-9': '#180d00'
|
|
104
|
+
}),
|
|
105
|
+
violet: toMantineColor({
|
|
106
|
+
'violet-0': '#faf8ff',
|
|
107
|
+
'violet-1': '#f4f0ff',
|
|
108
|
+
'violet-2': '#e3daff',
|
|
109
|
+
'violet-3': '#c7b2ff',
|
|
110
|
+
'violet-4': '#ac86ff',
|
|
111
|
+
'violet-5': '#8a36ff',
|
|
112
|
+
'violet-6': '#5500aa',
|
|
113
|
+
'violet-7': '#390076',
|
|
114
|
+
'violet-8': '#270054',
|
|
115
|
+
'violet-9': '#180037'
|
|
116
|
+
}),
|
|
117
|
+
grape: toMantineColor({
|
|
118
|
+
'grape-0': '#fbf8fd',
|
|
119
|
+
'grape-1': '#f6f0fb',
|
|
120
|
+
'grape-2': '#e7d6f5',
|
|
121
|
+
'grape-3': '#d2b0ed',
|
|
122
|
+
'grape-4': '#bc85e3',
|
|
123
|
+
'grape-5': '#9946c7',
|
|
124
|
+
'grape-6': '#592676',
|
|
125
|
+
'grape-7': '#3c1851',
|
|
126
|
+
'grape-8': '#290e38',
|
|
127
|
+
'grape-9': '#190624'
|
|
128
|
+
}),
|
|
129
|
+
'cyan (Not used)': toMantineColor({
|
|
130
|
+
'cyan-0': '#e3fafc',
|
|
131
|
+
'cyan-1': '#c5f6fa',
|
|
132
|
+
'cyan-2': '#99e9f2',
|
|
133
|
+
'cyan-3': '#66d9e8',
|
|
134
|
+
'cyan-4': '#3bc9db',
|
|
135
|
+
'cyan-5': '#22b8cf',
|
|
136
|
+
'cyan-6': '#15aabf',
|
|
137
|
+
'cyan-7': '#1098ad',
|
|
138
|
+
'cyan-8': '#0c8599',
|
|
139
|
+
'cyan-9': '#0b7285'
|
|
140
|
+
}),
|
|
141
|
+
orange: toMantineColor({
|
|
142
|
+
'orange-0': '#fff8f5',
|
|
143
|
+
'orange-1': '#ffefe8',
|
|
144
|
+
'orange-2': '#ffeedd',
|
|
145
|
+
'orange-3': '#fea980',
|
|
146
|
+
'orange-4': '#f27a38',
|
|
147
|
+
'orange-5': '#b84b11',
|
|
148
|
+
'orange-6': '#6c2a00',
|
|
149
|
+
'orange-7': '#491b02',
|
|
150
|
+
'orange-8': '#301301',
|
|
151
|
+
'orange-9': '#1c0a00'
|
|
152
|
+
}),
|
|
153
|
+
indigo: toMantineColor({
|
|
154
|
+
'indigo-0': '#f9f9fb',
|
|
155
|
+
'indigo-1': '#f1f1f9',
|
|
156
|
+
'indigo-2': '#dbdbf2',
|
|
157
|
+
'indigo-3': '#babadf',
|
|
158
|
+
'indigo-4': '#9797cb',
|
|
159
|
+
'indigo-5': '#6767a4',
|
|
160
|
+
'indigo-6': '#393968',
|
|
161
|
+
'indigo-7': '#252547',
|
|
162
|
+
'indigo-8': '#181831',
|
|
163
|
+
'indigo-9': '#0d0d1f'
|
|
164
|
+
}),
|
|
165
|
+
green: toMantineColor({
|
|
166
|
+
'green-0': '#e9ffed',
|
|
167
|
+
'green-1': '#cdfed5',
|
|
168
|
+
'green-2': '#73fa84',
|
|
169
|
+
'green-3': '#32d961',
|
|
170
|
+
'green-4': '#15b43c',
|
|
171
|
+
'green-5': '#0b7e2f',
|
|
172
|
+
'green-6': '#044918',
|
|
173
|
+
'green-7': '#02300f',
|
|
174
|
+
'green-8': '#012008',
|
|
175
|
+
'green-9': '#001304'
|
|
176
|
+
}),
|
|
46
177
|
navy: navy,
|
|
47
178
|
info: navy,
|
|
48
179
|
// Accent
|
|
49
|
-
blue: toMantineColor(_plasmatokens.color.accent.blue),
|
|
50
|
-
red: red,
|
|
51
180
|
critical: red,
|
|
52
|
-
teal: teal,
|
|
53
181
|
new: teal,
|
|
54
|
-
yellow: yellow,
|
|
55
182
|
warning: yellow,
|
|
56
183
|
// Secondary
|
|
57
|
-
green: toMantineColor(_plasmatokens.color.secondary.green),
|
|
58
|
-
indigo: toMantineColor(_plasmatokens.color.secondary.indigo),
|
|
59
184
|
lime: lime,
|
|
60
185
|
success: lime,
|
|
61
186
|
purple: toMantineColor(_plasmatokens.color.secondary.purple)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {MantineColorsTuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): MantineColorsTuple =>\n Object.values(plasmaColor) as unknown as MantineColorsTuple;\n\nconst navy = toMantineColor(color.primary.navy);\nconst red = toMantineColor(color.accent.red);\nconst yellow = toMantineColor(color.accent.yellow);\nconst teal = toMantineColor(color.accent.teal);\nconst lime = [\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[9],\n color.secondary.lime[9],\n color.secondary.lime[9],\n] as MantineColorsTuple;\n\nexport const PlasmaColors = {\n // Primary\n
|
|
1
|
+
{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {MantineColorsTuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): MantineColorsTuple =>\n Object.values(plasmaColor) as unknown as MantineColorsTuple;\n\nconst navy = toMantineColor(color.primary.navy);\nconst red = toMantineColor(color.accent.red);\nconst yellow = toMantineColor(color.accent.yellow);\nconst teal = toMantineColor(color.accent.teal);\nconst lime = [\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[9],\n color.secondary.lime[9],\n color.secondary.lime[9],\n] as MantineColorsTuple;\n\nexport const PlasmaColors = {\n // Primary\n blue: toMantineColor({\n 'blue-0': '#f8f9ff',\n 'blue-1': '#eef2ff',\n 'blue-2': '#d5defe',\n 'blue-3': '#a6bcfe',\n 'blue-4': '#6e99fd',\n 'blue-5': '#1169da',\n 'blue-6': '#063c82',\n 'blue-7': '#03275a',\n 'blue-8': '#01193f',\n 'blue-9': '#010e29',\n }),\n red: toMantineColor({\n 'red-0': '#fff8f8',\n 'red-1': '#feefee',\n 'red-2': '#fdd5d5',\n 'red-3': '#fca7a5',\n 'red-4': '#fb6f6c',\n 'red-5': '#d2271b',\n 'red-6': '#7e0f17',\n 'red-7': '#58050f',\n 'red-8': '#3e020a',\n 'red-9': '#280104',\n }),\n gray: toMantineColor({\n 'gray-0': '#f9f9fa',\n 'gray-1': '#f1f2f4',\n 'gray-2': '#dddfe3',\n 'gray-3': '#b9bdc7',\n 'gray-4': '#959cab',\n 'gray-5': '#676d7a',\n 'gray-6': '#3b3e46',\n 'gray-7': '#26292f',\n 'gray-8': '#191b1f',\n 'gray-9': '#0e0f12',\n }),\n dark: toMantineColor({\n 'dark-0': '#c9c9c9',\n 'dark-1': '#b8b8b8',\n 'dark-2': '#828282',\n 'dark-3': '#696969',\n 'dark-4': '#424242',\n 'dark-5': '#3b3b3b',\n 'dark-6': '#2e2e2e',\n 'dark-7': '#242424',\n 'dark-8': '#1f1f1f',\n 'dark-9': '#141414',\n }),\n teal: toMantineColor({\n 'teal-0': '#e5fff9',\n 'teal-1': '#bffff0',\n 'teal-2': '#1efadc',\n 'teal-3': '#18d4bb',\n 'teal-4': '#0faf99',\n 'teal-5': '#077b6b',\n 'teal-6': '#02473e',\n 'teal-7': '#012f2a',\n 'teal-8': '#011f1b',\n 'teal-9': '#001210',\n }),\n yellow: toMantineColor({\n 'yellow-0': '#fff9e5',\n 'yellow-1': '#fff2c0',\n 'yellow-2': '#fbe000',\n 'yellow-3': '#e5b800',\n 'yellow-4': '#c89300',\n 'yellow-5': '#936400',\n 'yellow-6': '#593700',\n 'yellow-7': '#3c2301',\n 'yellow-8': '#291700',\n 'yellow-9': '#180d00',\n }),\n violet: toMantineColor({\n 'violet-0': '#faf8ff',\n 'violet-1': '#f4f0ff',\n 'violet-2': '#e3daff',\n 'violet-3': '#c7b2ff',\n 'violet-4': '#ac86ff',\n 'violet-5': '#8a36ff',\n 'violet-6': '#5500aa',\n 'violet-7': '#390076',\n 'violet-8': '#270054',\n 'violet-9': '#180037',\n }),\n grape: toMantineColor({\n 'grape-0': '#fbf8fd',\n 'grape-1': '#f6f0fb',\n 'grape-2': '#e7d6f5',\n 'grape-3': '#d2b0ed',\n 'grape-4': '#bc85e3',\n 'grape-5': '#9946c7',\n 'grape-6': '#592676',\n 'grape-7': '#3c1851',\n 'grape-8': '#290e38',\n 'grape-9': '#190624',\n }),\n 'cyan (Not used)': toMantineColor({\n 'cyan-0': '#e3fafc',\n 'cyan-1': '#c5f6fa',\n 'cyan-2': '#99e9f2',\n 'cyan-3': '#66d9e8',\n 'cyan-4': '#3bc9db',\n 'cyan-5': '#22b8cf',\n 'cyan-6': '#15aabf',\n 'cyan-7': '#1098ad',\n 'cyan-8': '#0c8599',\n 'cyan-9': '#0b7285',\n }),\n orange: toMantineColor({\n 'orange-0': '#fff8f5',\n 'orange-1': '#ffefe8',\n 'orange-2': '#ffeedd',\n 'orange-3': '#fea980',\n 'orange-4': '#f27a38',\n 'orange-5': '#b84b11',\n 'orange-6': '#6c2a00',\n 'orange-7': '#491b02',\n 'orange-8': '#301301',\n 'orange-9': '#1c0a00',\n }),\n indigo: toMantineColor({\n 'indigo-0': '#f9f9fb',\n 'indigo-1': '#f1f1f9',\n 'indigo-2': '#dbdbf2',\n 'indigo-3': '#babadf',\n 'indigo-4': '#9797cb',\n 'indigo-5': '#6767a4',\n 'indigo-6': '#393968',\n 'indigo-7': '#252547',\n 'indigo-8': '#181831',\n 'indigo-9': '#0d0d1f',\n }),\n green: toMantineColor({\n 'green-0': '#e9ffed',\n 'green-1': '#cdfed5',\n 'green-2': '#73fa84',\n 'green-3': '#32d961',\n 'green-4': '#15b43c',\n 'green-5': '#0b7e2f',\n 'green-6': '#044918',\n 'green-7': '#02300f',\n 'green-8': '#012008',\n 'green-9': '#001304',\n }),\n navy,\n info: navy,\n // Accent\n critical: red,\n new: teal,\n warning: yellow,\n // Secondary\n lime,\n success: lime,\n purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["PlasmaColors","toMantineColor","plasmaColor","Object","values","navy","color","primary","red","accent","yellow","teal","lime","secondary","blue","gray","dark","violet","grape","orange","indigo","green","info","critical","new","warning","success","purple"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAeH,oBAAoB,EAiBvB,MAAM,eAAe,CAAC;AAsBvB,eAAO,MAAM,WAAW,EAAE,oBAuQxB,CAAC"}
|