@inceptionbg/iui 1.0.4 → 1.0.6
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/index.css +1 -0
- package/dist/index.d.ts +407 -0
- package/dist/index.js +269 -0
- package/dist/index.js.map +1 -0
- package/package.json +6 -6
- package/src/index.ts +42 -42
- package/src/Elements/Accordions/Accordions.tsx +0 -63
- package/src/Elements/Alert/Alert.tsx +0 -31
- package/src/Elements/Alert/alert.scss +0 -36
- package/src/Elements/Button/Button.tsx +0 -55
- package/src/Elements/Button/IconButton.tsx +0 -42
- package/src/Elements/Button/button.scss +0 -97
- package/src/Elements/Dialog/Dialog.tsx +0 -175
- package/src/Elements/Helper/Collapse.tsx +0 -39
- package/src/Elements/Helper/NoAccessInfo.tsx +0 -195
- package/src/Elements/Tooltip/Tooltip.tsx +0 -116
- package/src/Elements/Tooltip/tooltip.scss +0 -46
- package/src/Elements/Wrappers/ConditionalWrapper.tsx +0 -10
- package/src/Elements/Wrappers/FormWrapper.tsx +0 -67
- package/src/Elements/Wrappers/FullPageWrapper.tsx +0 -87
- package/src/icons/duotone/faArrowLeftFromLine.ts +0 -17
- package/src/icons/duotone/faArrowRightToLine.ts +0 -17
- package/src/icons/duotone/faBell.ts +0 -17
- package/src/icons/duotone/faEye.ts +0 -17
- package/src/icons/duotone/faEyeSlash.ts +0 -17
- package/src/icons/duotone/faHouseHeart.ts +0 -17
- package/src/icons/duotone/faPlusCircle.ts +0 -18
- package/src/icons/duotone/faUser.ts +0 -18
- package/src/icons/duotone/index.ts +0 -19
- package/src/icons/light/faAngleDown.ts +0 -15
- package/src/icons/light/faArrowDownShortWide.ts +0 -15
- package/src/icons/light/faArrowDownWideShort.ts +0 -15
- package/src/icons/light/faArrowsToLine.ts +0 -15
- package/src/icons/light/faArrowsUpDown.ts +0 -15
- package/src/icons/light/faBell.ts +0 -15
- package/src/icons/light/faCheck.ts +0 -15
- package/src/icons/light/faClockRotateLeft.ts +0 -15
- package/src/icons/light/faEllipsisVertical.ts +0 -15
- package/src/icons/light/faXmark.ts +0 -15
- package/src/icons/light/index.ts +0 -23
- package/src/icons/regular/faArrowRightArrowLeft.ts +0 -15
- package/src/icons/regular/faCalendar.ts +0 -15
- package/src/icons/regular/faCircleCheck.ts +0 -15
- package/src/icons/regular/faCircleExclamation.ts +0 -15
- package/src/icons/regular/faCircleInfo.ts +0 -15
- package/src/icons/regular/faFileArrowDown.ts +0 -15
- package/src/icons/regular/faFilterCircleXmark.ts +0 -15
- package/src/icons/regular/faTriangleExclamation.ts +0 -15
- package/src/icons/solid/faAngleLeft.ts +0 -15
- package/src/icons/solid/faAngleRight.ts +0 -15
- package/src/icons/solid/faArrowDownWideShort.ts +0 -15
- package/src/icons/solid/faArrowLeft.ts +0 -15
- package/src/icons/solid/faEllipsisVertical.ts +0 -15
- package/src/icons/solid/faFilter.ts +0 -15
- package/src/icons/solid/faGripDotsVertical.ts +0 -15
- package/src/icons/solid/faListUl.ts +0 -15
- package/src/icons/solid/faMagnifyingGlass.ts +0 -15
- package/src/icons/solid/faPrint.ts +0 -15
- package/src/icons/solid/faRotateRight.ts +0 -15
- package/src/icons/solid/faXmark.ts +0 -15
- package/src/styles/App.scss +0 -25
- package/src/styles/iui/common/_animations.scss +0 -56
- package/src/styles/iui/common/_typography.scss +0 -76
- package/src/styles/iui/common/_variables.scss +0 -56
- package/src/styles/iui/common/helpers/_base.scss +0 -32
- package/src/styles/iui/common/helpers/_color.scss +0 -7
- package/src/styles/iui/common/helpers/_display.scss +0 -54
- package/src/styles/iui/common/helpers/_size.scss +0 -17
- package/src/styles/iui/common/maps/_align.scss +0 -24
- package/src/styles/iui/common/maps/_spacing.scss +0 -78
- package/src/styles/iui/components/_accordions.scss +0 -47
- package/src/styles/iui/components/_badge.scss +0 -52
- package/src/styles/iui/components/_card.scss +0 -24
- package/src/styles/iui/components/_dialog.scss +0 -75
- package/src/styles/iui/components/_header.scss +0 -22
- package/src/styles/iui/components/_input.scss +0 -225
- package/src/styles/iui/components/_loader.scss +0 -93
- package/src/styles/iui/components/_menu.scss +0 -44
- package/src/styles/iui/components/_notifications.scss +0 -86
- package/src/styles/iui/components/_page.scss +0 -50
- package/src/styles/iui/components/_pagePrelogin.scss +0 -66
- package/src/styles/iui/components/_portal.scss +0 -8
- package/src/styles/iui/components/_print.scss +0 -92
- package/src/styles/iui/components/_scrollbar.scss +0 -18
- package/src/styles/iui/components/_selectInput.scss +0 -15
- package/src/styles/iui/components/_sidebar.scss +0 -171
- package/src/styles/iui/components/_smallComponents.scss +0 -24
- package/src/styles/iui/components/_table.scss +0 -207
- package/src/styles/iui/components/_tabs.scss +0 -94
- package/src/styles/iui.scss +0 -28
- package/src/styles/red-variables.scss +0 -9
- package/src/types/IBasic.ts +0 -31
- package/src/types/IError.ts +0 -4
- package/src/types/IHeaderAction.ts +0 -12
- package/src/types/ISelect.ts +0 -6
- package/src/types/ISidebar.ts +0 -29
- package/src/types/ITab.ts +0 -10
- package/src/types/ITable.ts +0 -210
- package/src/types/custom.d.ts +0 -9
- package/src/utils/DateUtils.ts +0 -30
- package/src/utils/NumberUtils.ts +0 -21
- package/src/utils/ObjectUtils.ts +0 -49
- package/src/utils/StringUtils.ts +0 -2
- package/src/utils/Toasts.ts +0 -6
- package/src/utils/icons.ts +0 -11
- package/src/utils/index.ts +0 -41
- package/tsconfig.json +0 -20
package/src/icons/light/index.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { faAngleDown } from "./faAngleDown";
|
|
2
|
-
import { faArrowDownShortWide } from "./faArrowDownShortWide";
|
|
3
|
-
import { faArrowDownWideShort } from "./faArrowDownWideShort";
|
|
4
|
-
import { faArrowsToLine } from "./faArrowsToLine";
|
|
5
|
-
import { faArrowsUpDown } from "./faArrowsUpDown";
|
|
6
|
-
import { faBell } from "./faBell";
|
|
7
|
-
import { faCheck } from "./faCheck";
|
|
8
|
-
import { faClockRotateLeft } from "./faClockRotateLeft";
|
|
9
|
-
import { faEllipsisVertical } from "./faEllipsisVertical";
|
|
10
|
-
import { faXmark } from "./faXmark";
|
|
11
|
-
|
|
12
|
-
export {
|
|
13
|
-
faAngleDown,
|
|
14
|
-
faArrowDownShortWide,
|
|
15
|
-
faArrowDownWideShort,
|
|
16
|
-
faArrowsToLine,
|
|
17
|
-
faArrowsUpDown,
|
|
18
|
-
faBell,
|
|
19
|
-
faCheck,
|
|
20
|
-
faClockRotateLeft,
|
|
21
|
-
faEllipsisVertical,
|
|
22
|
-
faXmark,
|
|
23
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "arrow-right-arrow-left";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f0ec";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M488 344H79.24l74.29-79.63C162.6 254.7 162.1 239.5 152.4 230.5C142.7 221.4 127.5 221.9 118.5 231.6l-112 120c-8.625 9.219-8.625 23.53 0 32.75l112 120C123.2 509.4 129.6 512 136 512c5.875 0 11.75-2.125 16.38-6.469c9.688-9.031 10.22-24.22 1.156-33.91L79.24 392H488c13.25 0 24-10.75 24-24S501.3 344 488 344zM24 168h408.8l-74.29 79.63c-9.062 9.688-8.531 24.88 1.156 33.91c9.656 9.094 24.88 8.562 33.91-1.156l112-120c8.625-9.219 8.625-23.53 0-32.75l-112-120C388.8 2.562 382.4 0 376 0c-5.875 0-11.75 2.125-16.38 6.469c-9.688 9.031-10.22 24.22-1.156 33.91L432.8 120H24C10.75 120 0 130.8 0 144S10.75 168 24 168z";
|
|
10
|
-
|
|
11
|
-
export const faArrowRightArrowLeft: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "calendar";
|
|
5
|
-
const width = 448;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f133";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z";
|
|
10
|
-
|
|
11
|
-
export const faCalendar: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "circle-check";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f058";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M335 175L224 286.1L176.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C211.7 341.7 217.8 344 224 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S344.4 165.7 335 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z";
|
|
10
|
-
|
|
11
|
-
export const faCircleCheck: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "circle-exclamation";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f06a";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z";
|
|
10
|
-
|
|
11
|
-
export const faCircleExclamation: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "circle-info";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f05a";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z";
|
|
10
|
-
|
|
11
|
-
export const faCircleInfo: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "file-arrow-down";
|
|
5
|
-
const width = 384;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f56d";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M216 342.1V240c0-13.25-10.75-24-24-24S168 226.8 168 240v102.1L128.1 303C124.3 298.3 118.2 296 112 296S99.72 298.3 95.03 303c-9.375 9.375-9.375 24.56 0 33.94l80 80c9.375 9.375 24.56 9.375 33.94 0l80-80c9.375-9.375 9.375-24.56 0-33.94s-24.56-9.375-33.94 0L216 342.1zM365.3 93.38l-74.63-74.64C278.6 6.742 262.3 0 245.4 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64V138.6C384 121.7 377.3 105.4 365.3 93.38zM336 448c0 8.836-7.164 16-16 16H64.02c-8.838 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160L224 128c0 17.67 14.33 32 32 32h79.1V448z";
|
|
10
|
-
|
|
11
|
-
export const faFileArrowDown: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "filter-circle-xmark";
|
|
5
|
-
const width = 576;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "e17b";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M432 224C352.5 224 288 288.5 288 368s64.47 144 144 144s144-64.47 144-144S511.5 224 432 224zM488.5 401.9c6.242 6.242 6.252 16.37 .0098 22.62c-6.24 6.242-16.37 6.231-22.62-.0113l-33.91-33.91l-33.91 33.91c-6.242 6.242-16.37 6.253-22.62 .0106s-6.232-16.37 .0098-22.62l33.91-33.91l-33.91-33.91c-6.242-6.242-6.251-16.37-.009-22.62s16.37-6.232 22.62 .0106l33.91 33.91l33.91-33.91c6.242-6.242 16.37-6.254 22.61-.0113s6.233 16.37-.009 22.62l-33.91 33.91L488.5 401.9zM223.1 340.7V272.2c0-7.369-2.539-14.51-7.191-20.22L50.77 48.04h410.4l-85.57 105.1c-7.77 9.545-7.061 23.42 1.643 32.13c10.06 10.06 26.62 9.219 35.6-1.812l88.61-108.8c11.26-13.46 13.7-31.89 6.225-47.92C500 10.23 483.8 0 465.3 0H46.65C28.21 0 11.97 10.23 4.283 26.71C-3.195 42.73-.7578 61.16 10.64 74.79l165.4 203.1v67.71c0 12.55 6.178 24.3 16.52 31.45l24.81 19.15C233.1 408.4 256 397.2 256 377.2c0-7.439-3.449-14.46-9.34-19L223.1 340.7z";
|
|
10
|
-
|
|
11
|
-
export const faFilterCircleXmark: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "far";
|
|
4
|
-
const iconName = "triangle-exclamation";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f071";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M506.3 417l-213.3-364C284.8 39 270.4 32 256 32C241.6 32 227.2 39 218.1 53l-213.2 364C-10.59 444.9 9.851 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM52.58 432L255.1 84.8L459.4 432H52.58zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44c0 17.36 14.11 31.44 31.48 31.44s31.4-14.08 31.4-31.44C287.4 351.2 273.4 337.1 256 337.1zM232 184v96C232 293.3 242.8 304 256 304s24-10.75 24-24v-96C280 170.8 269.3 160 256 160S232 170.8 232 184z";
|
|
10
|
-
|
|
11
|
-
export const faTriangleExclamation: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "angle-left";
|
|
5
|
-
const width = 256;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f104";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M192 448c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l137.4 137.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448z";
|
|
10
|
-
|
|
11
|
-
export const faAngleLeft: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "angle-right";
|
|
5
|
-
const width = 256;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f105";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z";
|
|
10
|
-
|
|
11
|
-
export const faAngleRight: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "arrow-down-wide-short";
|
|
5
|
-
const width = 576;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f160";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M416 288h-95.1c-17.67 0-32 14.33-32 32s14.33 32 32 32H416c17.67 0 32-14.33 32-32S433.7 288 416 288zM544 32h-223.1c-17.67 0-32 14.33-32 32s14.33 32 32 32H544c17.67 0 32-14.33 32-32S561.7 32 544 32zM352 416h-32c-17.67 0-32 14.33-32 32s14.33 32 32 32h32c17.67 0 31.1-14.33 31.1-32S369.7 416 352 416zM480 160h-159.1c-17.67 0-32 14.33-32 32s14.33 32 32 32H480c17.67 0 32-14.33 32-32S497.7 160 480 160zM192.4 330.7L160 366.1V64.03C160 46.33 145.7 32 128 32S96 46.33 96 64.03v302L63.6 330.7c-6.312-6.883-14.94-10.38-23.61-10.38c-7.719 0-15.47 2.781-21.61 8.414c-13.03 11.95-13.9 32.22-1.969 45.27l87.1 96.09c12.12 13.26 35.06 13.26 47.19 0l87.1-96.09c11.94-13.05 11.06-33.31-1.969-45.27C224.6 316.8 204.4 317.7 192.4 330.7z";
|
|
10
|
-
|
|
11
|
-
export const faArrowDownWideShort: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "arrow-left";
|
|
5
|
-
const width = 448;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f060";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z";
|
|
10
|
-
|
|
11
|
-
export const faArrowLeft: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "ellipsis-vertical";
|
|
5
|
-
const width = 128;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f142";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M64 360C94.93 360 120 385.1 120 416C120 446.9 94.93 472 64 472C33.07 472 8 446.9 8 416C8 385.1 33.07 360 64 360zM64 200C94.93 200 120 225.1 120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200zM64 152C33.07 152 8 126.9 8 96C8 65.07 33.07 40 64 40C94.93 40 120 65.07 120 96C120 126.9 94.93 152 64 152z";
|
|
10
|
-
|
|
11
|
-
export const faEllipsisVertical: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "filter";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f0b0";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M504.6 84.19L320 306.8v149.2c0 19.52-21.97 30.7-37.75 19.66l-80-55.98C195.8 415.2 192 407.8 192 400V306.8L7.375 84.19C-9.965 63.28 5.213 32 32.7 32h446.6C506.8 32 521.1 63.28 504.6 84.19z";
|
|
10
|
-
|
|
11
|
-
export const faFilter: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "grip-dots-vertical";
|
|
5
|
-
const width = 256;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "e411";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M0 96C0 69.49 21.49 48 48 48C74.51 48 96 69.49 96 96C96 122.5 74.51 144 48 144C21.49 144 0 122.5 0 96zM0 256C0 229.5 21.49 208 48 208C74.51 208 96 229.5 96 256C96 282.5 74.51 304 48 304C21.49 304 0 282.5 0 256zM96 416C96 442.5 74.51 464 48 464C21.49 464 0 442.5 0 416C0 389.5 21.49 368 48 368C74.51 368 96 389.5 96 416zM160 96C160 69.49 181.5 48 208 48C234.5 48 256 69.49 256 96C256 122.5 234.5 144 208 144C181.5 144 160 122.5 160 96zM256 256C256 282.5 234.5 304 208 304C181.5 304 160 282.5 160 256C160 229.5 181.5 208 208 208C234.5 208 256 229.5 256 256zM160 416C160 389.5 181.5 368 208 368C234.5 368 256 389.5 256 416C256 442.5 234.5 464 208 464C181.5 464 160 442.5 160 416z";
|
|
10
|
-
|
|
11
|
-
export const faGripDotsVertical: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "list-ul";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f0ca";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M16 96C16 69.49 37.49 48 64 48C90.51 48 112 69.49 112 96C112 122.5 90.51 144 64 144C37.49 144 16 122.5 16 96zM480 64C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H192C174.3 128 160 113.7 160 96C160 78.33 174.3 64 192 64H480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H192C174.3 288 160 273.7 160 256C160 238.3 174.3 224 192 224H480zM480 384C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H192C174.3 448 160 433.7 160 416C160 398.3 174.3 384 192 384H480zM16 416C16 389.5 37.49 368 64 368C90.51 368 112 389.5 112 416C112 442.5 90.51 464 64 464C37.49 464 16 442.5 16 416zM112 256C112 282.5 90.51 304 64 304C37.49 304 16 282.5 16 256C16 229.5 37.49 208 64 208C90.51 208 112 229.5 112 256z";
|
|
10
|
-
|
|
11
|
-
export const faListUl: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "magnifying-glass";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f002";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z";
|
|
10
|
-
|
|
11
|
-
export const faMagnifyingGlass: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "print";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f02f";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z";
|
|
10
|
-
|
|
11
|
-
export const faPrint: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "rotate-right";
|
|
5
|
-
const width = 512;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f2f9";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M468.9 32.11c13.87 0 27.18 10.77 27.18 27.04v145.9c0 10.59-8.584 19.17-19.17 19.17h-145.7c-16.28 0-27.06-13.32-27.06-27.2c0-6.634 2.461-13.4 7.96-18.9l45.12-45.14c-28.22-23.14-63.85-36.64-101.3-36.64c-88.09 0-159.8 71.69-159.8 159.8S167.8 415.9 255.9 415.9c73.14 0 89.44-38.31 115.1-38.31c18.48 0 31.97 15.04 31.97 31.96c0 35.04-81.59 70.41-147 70.41c-123.4 0-223.9-100.5-223.9-223.9S132.6 32.44 256 32.44c54.6 0 106.2 20.39 146.4 55.26l47.6-47.63C455.5 34.57 462.3 32.11 468.9 32.11z";
|
|
10
|
-
|
|
11
|
-
export const faRotateRight: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
|
|
3
|
-
const prefix = "fas";
|
|
4
|
-
const iconName = "xmark";
|
|
5
|
-
const width = 320;
|
|
6
|
-
const height = 512;
|
|
7
|
-
const unicode = "f00d";
|
|
8
|
-
const svgPathData =
|
|
9
|
-
"M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z";
|
|
10
|
-
|
|
11
|
-
export const faXmark: IconDefinition = {
|
|
12
|
-
prefix,
|
|
13
|
-
iconName,
|
|
14
|
-
icon: [width, height, [], unicode, svgPathData],
|
|
15
|
-
};
|
package/src/styles/App.scss
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// .App {
|
|
2
|
-
// height: 2000px;
|
|
3
|
-
// width: 2000px;
|
|
4
|
-
// background-color: #e6e7f0;
|
|
5
|
-
// }
|
|
6
|
-
.height-150 {
|
|
7
|
-
height: 150px;
|
|
8
|
-
}
|
|
9
|
-
.overflow-hidden {
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.user-box {
|
|
14
|
-
display: flex;
|
|
15
|
-
padding: 20px 10px 0 16px;
|
|
16
|
-
.user-info {
|
|
17
|
-
white-space: nowrap;
|
|
18
|
-
}
|
|
19
|
-
p {
|
|
20
|
-
font-size: 12px;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
.user-box-menu {
|
|
24
|
-
min-width: 255px;
|
|
25
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
@keyframes fade-in {
|
|
2
|
-
0% {
|
|
3
|
-
opacity: 0;
|
|
4
|
-
}
|
|
5
|
-
100% {
|
|
6
|
-
opacity: 1;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
@keyframes fade-out {
|
|
10
|
-
0% {
|
|
11
|
-
opacity: 1;
|
|
12
|
-
}
|
|
13
|
-
100% {
|
|
14
|
-
opacity: 0;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@keyframes scale-in {
|
|
19
|
-
0% {
|
|
20
|
-
transform: scale(0.5);
|
|
21
|
-
}
|
|
22
|
-
100% {
|
|
23
|
-
transform: scale(1);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@keyframes linear-progress {
|
|
28
|
-
0% {
|
|
29
|
-
background-size: 200% 100%;
|
|
30
|
-
background-position: left -31.25% top 0%;
|
|
31
|
-
}
|
|
32
|
-
50% {
|
|
33
|
-
background-size: 800% 100%;
|
|
34
|
-
background-position: left -49% top 0%;
|
|
35
|
-
}
|
|
36
|
-
100% {
|
|
37
|
-
background-size: 400% 100%;
|
|
38
|
-
background-position: left -102% top 0%;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
@keyframes auto-fill {
|
|
43
|
-
to {
|
|
44
|
-
font-size: 13px;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
// @keyframes spin {
|
|
48
|
-
// from {
|
|
49
|
-
// transform: rotate(0deg);
|
|
50
|
-
// }
|
|
51
|
-
// to {
|
|
52
|
-
// transform: rotate(360deg);
|
|
53
|
-
// }
|
|
54
|
-
// }
|
|
55
|
-
|
|
56
|
-
// animation: spin infinite 20s linear;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
|
|
2
|
-
// @import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,700;0,900;1,400&display=swap");
|
|
3
|
-
|
|
4
|
-
* {
|
|
5
|
-
font-family: 'Roboto', sans-serif;
|
|
6
|
-
}
|
|
7
|
-
// .full-page-container * {
|
|
8
|
-
// font-family: "Source Serif Pro", serif;
|
|
9
|
-
// }
|
|
10
|
-
|
|
11
|
-
p,
|
|
12
|
-
h1,
|
|
13
|
-
h2,
|
|
14
|
-
h3,
|
|
15
|
-
h5 {
|
|
16
|
-
margin: 0;
|
|
17
|
-
}
|
|
18
|
-
p {
|
|
19
|
-
font-size: $fs-m;
|
|
20
|
-
}
|
|
21
|
-
h1 {
|
|
22
|
-
font-size: 20px;
|
|
23
|
-
font-weight: 900;
|
|
24
|
-
}
|
|
25
|
-
h5 {
|
|
26
|
-
font-size: 48px;
|
|
27
|
-
font-weight: 900;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.fs-10 {
|
|
31
|
-
font-size: 10px !important;
|
|
32
|
-
}
|
|
33
|
-
.fs-12 {
|
|
34
|
-
font-size: 12px !important;
|
|
35
|
-
}
|
|
36
|
-
.fs-13 {
|
|
37
|
-
font-size: 13px !important;
|
|
38
|
-
}
|
|
39
|
-
.fs-15 {
|
|
40
|
-
font-size: 15px !important;
|
|
41
|
-
}
|
|
42
|
-
.fs-32 {
|
|
43
|
-
font-size: 32px !important;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.bold {
|
|
47
|
-
font-weight: bold !important;
|
|
48
|
-
}
|
|
49
|
-
.italic {
|
|
50
|
-
font-style: italic !important;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.new-line {
|
|
54
|
-
white-space: pre-line !important;
|
|
55
|
-
}
|
|
56
|
-
.no-wrap {
|
|
57
|
-
white-space: nowrap !important;
|
|
58
|
-
}
|
|
59
|
-
.word-break {
|
|
60
|
-
word-break: break-word !important;
|
|
61
|
-
}
|
|
62
|
-
.link {
|
|
63
|
-
color: var(--primary-dark) !important;
|
|
64
|
-
text-decoration: underline !important;
|
|
65
|
-
&.inactive {
|
|
66
|
-
opacity: 0.5;
|
|
67
|
-
}
|
|
68
|
-
&:not(:disabled) {
|
|
69
|
-
cursor: pointer;
|
|
70
|
-
}
|
|
71
|
-
&:hover:not(:disabled) {
|
|
72
|
-
color: var(--primary) !important;
|
|
73
|
-
opacity: 1;
|
|
74
|
-
}
|
|
75
|
-
cursor: pointer;
|
|
76
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--primary: rgb(var(--primary-rgb));
|
|
3
|
-
--primary-rgb: 18, 108, 136;
|
|
4
|
-
--primary-o10: rgba(var(--primary-rgb), 0.1);
|
|
5
|
-
--primary-o25: rgba(var(--primary-rgb), 0.25);
|
|
6
|
-
--primary-light: #309dbf;
|
|
7
|
-
--primary-dark: #004459;
|
|
8
|
-
// --primary-dark10: #10617a;
|
|
9
|
-
--secondary: #ff9500;
|
|
10
|
-
--secondary-light: #ffaa33;
|
|
11
|
-
--secondary-dark: #ca5502;
|
|
12
|
-
|
|
13
|
-
--background-dark: #f2f3f7;
|
|
14
|
-
|
|
15
|
-
--success: #4caf50;
|
|
16
|
-
--info: #03a9f4;
|
|
17
|
-
--warning: #ff9500;
|
|
18
|
-
--error: #f44336;
|
|
19
|
-
|
|
20
|
-
--success01: #edf7ed;
|
|
21
|
-
--info01: #e5f6fd;
|
|
22
|
-
--warning01: #fff3e4;
|
|
23
|
-
--error01: #ffeae9;
|
|
24
|
-
|
|
25
|
-
--success03: #c9e7ca;
|
|
26
|
-
--info03: #b3e5fc;
|
|
27
|
-
--warning03: #ffe0b2;
|
|
28
|
-
--error03: #fcc6c2;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
$input-radius: 4px;
|
|
32
|
-
$container-radius: 25px;
|
|
33
|
-
$container-radius-bottom: 0 0 25px 25px;
|
|
34
|
-
$container-shadow: 0px 0px 5px rgba(180, 177, 177, 0.5);
|
|
35
|
-
$deep-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
|
|
36
|
-
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
|
|
37
|
-
|
|
38
|
-
$table-border: 1px solid rgba(224, 224, 224, 1);
|
|
39
|
-
|
|
40
|
-
/////// SIZES ////////
|
|
41
|
-
$fs-xs: 10px;
|
|
42
|
-
$fs-s: 12px;
|
|
43
|
-
$fs-m: 13px;
|
|
44
|
-
|
|
45
|
-
/////// BREAKPOINTS ////////
|
|
46
|
-
$bp-mobile: 'screen and (max-width: 700px)';
|
|
47
|
-
// $bp-tablet: 'screen and (min-width: 701px) and (max-width: 1023px)';
|
|
48
|
-
$bp-mt: 'screen and (max-width: 1023px)';
|
|
49
|
-
$bp-desktop: 'screen and (min-width: 1024px)';
|
|
50
|
-
$portrait: 'screen and (orientation: portrait)';
|
|
51
|
-
// $landscape: 'screen and (orientation: landscape)';
|
|
52
|
-
|
|
53
|
-
/////// HEADER - SIDEBAR ///////
|
|
54
|
-
|
|
55
|
-
$header-height: 50px;
|
|
56
|
-
$app-transition: cubic-bezier(0.685, 0.0473, 0.346, 1);
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
body {
|
|
2
|
-
margin: 0;
|
|
3
|
-
}
|
|
4
|
-
*:focus-visible {
|
|
5
|
-
outline: none !important;
|
|
6
|
-
}
|
|
7
|
-
a {
|
|
8
|
-
text-decoration: none;
|
|
9
|
-
color: unset;
|
|
10
|
-
-webkit-user-drag: none;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.clickable {
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
transition: background-color 250ms;
|
|
16
|
-
&:disabled,
|
|
17
|
-
&.disabled {
|
|
18
|
-
opacity: 0.4;
|
|
19
|
-
cursor: default;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.hover-primary:hover {
|
|
24
|
-
background-color: rgba(var(--primary-rgb), 0.1);
|
|
25
|
-
}
|
|
26
|
-
.hover-gray:hover {
|
|
27
|
-
background-color: rgba(0, 0, 0, 0.05);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.no-border {
|
|
31
|
-
border: none !important;
|
|
32
|
-
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
.hidden {
|
|
2
|
-
display: none !important;
|
|
3
|
-
}
|
|
4
|
-
.block {
|
|
5
|
-
display: block !important;
|
|
6
|
-
}
|
|
7
|
-
.relative {
|
|
8
|
-
position: relative !important;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.flex {
|
|
12
|
-
display: flex;
|
|
13
|
-
&.column {
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
}
|
|
16
|
-
&.center {
|
|
17
|
-
align-items: center;
|
|
18
|
-
justify-content: center;
|
|
19
|
-
}
|
|
20
|
-
&.wrap {
|
|
21
|
-
flex-wrap: wrap;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
.inline-flex {
|
|
25
|
-
display: inline-flex;
|
|
26
|
-
}
|
|
27
|
-
.flex-grow {
|
|
28
|
-
flex-grow: 1 !important;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.gap-1 {
|
|
32
|
-
gap: 0.25rem;
|
|
33
|
-
}
|
|
34
|
-
.gap-2 {
|
|
35
|
-
gap: 0.5rem;
|
|
36
|
-
}
|
|
37
|
-
.gap-3 {
|
|
38
|
-
gap: 1rem;
|
|
39
|
-
}
|
|
40
|
-
.gap-4 {
|
|
41
|
-
gap: 1.5rem;
|
|
42
|
-
}
|
|
43
|
-
.gap-5 {
|
|
44
|
-
gap: 3rem;
|
|
45
|
-
}
|
|
46
|
-
.grid {
|
|
47
|
-
display: grid;
|
|
48
|
-
&.fr-2 {
|
|
49
|
-
grid-template-columns: 1fr 1fr;
|
|
50
|
-
}
|
|
51
|
-
// &.fr-3 {
|
|
52
|
-
// grid-template-columns: 1fr 1fr 1fr;
|
|
53
|
-
// }
|
|
54
|
-
}
|