@indico-data/design-system 2.2.0 → 2.3.1
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/.yarn/sdks/eslint/bin/eslint.js +8 -1
- package/.yarn/sdks/eslint/package.json +1 -1
- package/.yarn/sdks/prettier/bin/prettier.cjs +8 -1
- package/.yarn/sdks/prettier/index.cjs +8 -1
- package/.yarn/sdks/typescript/bin/tsc +8 -1
- package/.yarn/sdks/typescript/bin/tsserver +8 -1
- package/.yarn/sdks/typescript/package.json +1 -1
- package/.yarnrc.yml +1 -0
- package/lib/index.css +141 -101
- package/lib/index.d.ts +973 -14
- package/lib/index.esm.css +141 -101
- package/lib/index.esm.js +25974 -27484
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +26265 -27775
- package/lib/index.js.map +1 -1
- package/lib/src/components/button/Button.stories.d.ts +1 -1
- package/lib/src/components/button/types.d.ts +0 -1
- package/lib/src/components/grid/col/Col.stories.d.ts +1 -2
- package/lib/src/components/grid/container/Container.stories.d.ts +1 -1
- package/lib/src/components/grid/row/Row.stories.d.ts +1 -1
- package/lib/src/components/index.d.ts +1 -0
- package/lib/src/components/table/LoadingComponent.d.ts +1 -0
- package/lib/src/components/table/Table.d.ts +78 -0
- package/lib/src/components/table/Table.stories.d.ts +6 -0
- package/lib/src/components/table/index.d.ts +1 -0
- package/lib/src/components/table/sampleData.d.ts +8 -0
- package/lib/src/index.d.ts +2 -1
- package/lib/src/legacy/components/Accordion/Accordion.stories.d.ts +9 -9
- package/lib/src/legacy/components/Accordion/Accordion.styles.d.ts +1 -2
- package/lib/src/legacy/components/ListTable/Header/Header.styles.d.ts +1 -2
- package/lib/src/legacy/components/ListTable/ListTable.stories.d.ts +7 -7
- package/lib/src/legacy/components/ListTable/ListTable.styles.d.ts +1 -2
- package/lib/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts +2 -2
- package/lib/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +2 -3
- package/lib/src/legacy/components/Pagination/Pagination.styles.d.ts +1 -2
- package/lib/src/legacy/components/Toggle/Toggle.d.ts +1 -2
- package/lib/src/legacy/components/Toggle/Toggle.stories.d.ts +4 -4
- package/lib/src/legacy/components/Toggle/Toggle.styles.d.ts +1 -2
- package/lib/src/legacy/components/Tooltip/Tooltip.styles.d.ts +1 -2
- package/lib/src/legacy/components/basic-section/Section/Section.stories.d.ts +1 -2
- package/lib/src/legacy/components/basic-section/Section/Section.styles.d.ts +1 -2
- package/lib/src/legacy/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +1 -2
- package/lib/src/legacy/components/basic-section/SectionBody/SectionBody.styles.d.ts +1 -2
- package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.stories.d.ts +1 -1
- package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +1 -2
- package/lib/src/legacy/components/basic-section/SectionTable/SectionTable.styles.d.ts +1 -2
- package/lib/src/legacy/components/buttons/Button/Button.stories.d.ts +1 -1
- package/lib/src/legacy/components/buttons/Button/Button.styles.d.ts +1 -2
- package/lib/src/legacy/components/buttons/IconButton/IconButton.stories.d.ts +3 -3
- package/lib/src/legacy/components/buttons/IconButton/IconButton.styles.d.ts +4 -3
- package/lib/src/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts +8 -9
- package/lib/src/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +2 -3
- package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.d.ts +5 -5
- package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.d.ts +7 -7
- package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +3 -2
- package/lib/src/legacy/components/dropdowns/Select/Select.stories.d.ts +6 -7
- package/lib/src/legacy/components/dropdowns/Select/Select.styles.d.ts +1 -2
- package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.d.ts +5 -5
- package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.d.ts +5 -6
- package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +3 -2
- package/lib/src/legacy/components/index.d.ts +0 -1
- package/lib/src/legacy/components/inputs/DatePicker/DatePicker.styles.d.ts +1 -2
- package/lib/src/legacy/components/inputs/EditableInput/EditableInput.styles.d.ts +1 -2
- package/lib/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.d.ts +1 -2
- package/lib/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.styles.d.ts +1 -2
- package/lib/src/legacy/components/inputs/NumberInput/NumberInput.stories.d.ts +2 -2
- package/lib/src/legacy/components/inputs/NumberInput/NumberInput.styles.d.ts +1 -2
- package/lib/src/legacy/components/inputs/RadioButtons/RadioButtons.styles.d.ts +5 -6
- package/lib/src/legacy/components/inputs/RadioGroup/RadioGroup.styles.d.ts +1 -2
- package/lib/src/legacy/components/inputs/SearchInput/SearchInput.stories.d.ts +8 -9
- package/lib/src/legacy/components/inputs/SearchInput/SearchInput.styles.d.ts +1 -2
- package/lib/src/legacy/components/inputs/TextInput/TextInput.stories.d.ts +9 -9
- package/lib/src/legacy/components/inputs/TextInput/TextInput.styles.d.ts +2 -3
- package/lib/src/legacy/components/loading-indicators/BarSpinner/BarSpinner.styles.d.ts +1 -2
- package/lib/src/legacy/components/loading-indicators/CirclePulse/CirclePulse.styles.d.ts +4 -5
- package/lib/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.d.ts +1 -2
- package/lib/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.d.ts +4 -5
- package/lib/src/legacy/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +1 -2
- package/lib/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +1 -2
- package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.stories.d.ts +5 -5
- package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.styles.d.ts +1 -2
- package/lib/src/legacy/components/modals/ModalBase/ModalBase.styles.d.ts +1 -1
- package/lib/src/legacy/components/text-truncate/TextTruncate.styles.d.ts +1 -2
- package/lib/src/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts +11 -11
- package/lib/src/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts +1 -2
- package/lib/src/legacy/styles/globals/buttons.d.ts +0 -1
- package/lib/src/legacy/styles/globals/forms.d.ts +0 -1
- package/lib/src/legacy/styles/globals/layout.d.ts +0 -1
- package/lib/src/legacy/styles/globals/lists.d.ts +0 -1
- package/lib/src/legacy/styles/globals/margin-padding.d.ts +0 -1
- package/lib/src/legacy/styles/globals/media.d.ts +0 -1
- package/lib/src/legacy/styles/globals/tables.d.ts +0 -1
- package/lib/src/legacy/styles/globals/typography.d.ts +0 -1
- package/lib/src/legacy/styles/globals/utility-classes.d.ts +0 -1
- package/lib/src/types.d.ts +2 -2
- package/package.json +4 -2
- package/rollup.config.mjs +1 -1
- package/src/components/button/Button.mdx +1 -1
- package/src/components/button/Button.stories.tsx +8 -8
- package/src/components/button/Button.tsx +1 -1
- package/src/components/grid/GridSystem.mdx +0 -1
- package/src/components/grid/col/Col.stories.tsx +1 -2
- package/src/components/grid/container/Container.mdx +0 -1
- package/src/components/grid/container/Container.stories.tsx +1 -3
- package/src/components/grid/row/Row.mdx +0 -1
- package/src/components/grid/row/Row.stories.tsx +1 -3
- package/src/components/icons/Icon.mdx +1 -1
- package/src/components/icons/Icon.stories.tsx +2 -3
- package/src/components/index.ts +1 -0
- package/src/components/table/LoadingComponent.tsx +5 -0
- package/src/components/table/Table.mdx +15 -0
- package/src/components/table/Table.stories.tsx +547 -0
- package/src/components/table/Table.tsx +112 -0
- package/src/components/table/index.ts +1 -0
- package/src/components/table/sampleData.ts +162 -0
- package/src/components/table/styles/Table.scss +79 -0
- package/src/components/table/styles/_variables.scss +19 -0
- package/src/index.ts +1 -1
- package/src/legacy/components/Accordion/Accordion.tsx +1 -1
- package/src/legacy/components/ListTable/Header/Header.tsx +2 -4
- package/src/legacy/components/ListTable/ListTable.stories.tsx +1 -1
- package/src/legacy/components/Toggle/Toggle.tsx +2 -3
- package/src/legacy/components/Tooltip/Tooltip.tsx +2 -1
- package/src/legacy/components/basic-section/SectionTable/SectionTable.tsx +1 -1
- package/src/legacy/components/buttons/IconButton/IconButton.tsx +1 -1
- package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.tsx +1 -1
- package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.tsx +1 -1
- package/src/legacy/components/dropdowns/Select/Select.tsx +1 -1
- package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.tsx +1 -1
- package/src/legacy/components/index.ts +0 -1
- package/src/legacy/components/inputs/EditableInput/EditableInput.tsx +1 -1
- package/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.tsx +2 -3
- package/src/legacy/components/inputs/NumberInput/NumberInput.tsx +1 -1
- package/src/legacy/components/inputs/SearchInput/SearchInput.stories.tsx +3 -3
- package/src/legacy/components/inputs/SearchInput/SearchInput.tsx +1 -1
- package/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.tsx +2 -3
- package/src/legacy/components/user-feedback/Shrug/Shrug.tsx +1 -1
- package/src/styles/index.scss +2 -2
- package/src/types.ts +3 -5
- package/webpack.config.js +13 -6
- package/lib/src/legacy/components/Navigation/Drawer/Drawer.d.ts +0 -16
- package/lib/src/legacy/components/Navigation/Drawer/Drawer.stories.d.ts +0 -6
- package/lib/src/legacy/components/Navigation/Drawer/DrawerLinkList.d.ts +0 -9
- package/lib/src/legacy/components/Navigation/Drawer/DrawerLinkList.styles.d.ts +0 -2
- package/lib/src/legacy/components/Navigation/Drawer/__mocks__/mocks.d.ts +0 -3
- package/lib/src/legacy/components/Navigation/Drawer/__tests__/DrawerLinkList.test.d.ts +0 -1
- package/lib/src/legacy/components/Navigation/Drawer/index.d.ts +0 -1
- package/lib/src/legacy/components/Navigation/Drawer/types.d.ts +0 -7
- package/lib/src/legacy/components/Navigation/index.d.ts +0 -1
- package/src/legacy/components/Navigation/Drawer/Drawer.scss +0 -61
- package/src/legacy/components/Navigation/Drawer/Drawer.stories.tsx +0 -43
- package/src/legacy/components/Navigation/Drawer/Drawer.tsx +0 -107
- package/src/legacy/components/Navigation/Drawer/DrawerLinkList.styles.ts +0 -65
- package/src/legacy/components/Navigation/Drawer/DrawerLinkList.tsx +0 -64
- package/src/legacy/components/Navigation/Drawer/__mocks__/mocks.ts +0 -49
- package/src/legacy/components/Navigation/Drawer/__tests__/Drawer.test.tsx +0 -180
- package/src/legacy/components/Navigation/Drawer/__tests__/DrawerLinkList.test.tsx +0 -66
- package/src/legacy/components/Navigation/Drawer/index.ts +0 -1
- package/src/legacy/components/Navigation/Drawer/types.ts +0 -8
- package/src/legacy/components/Navigation/index.ts +0 -1
- /package/src/components/grid/{Grid.scss → styles/Grid.scss} +0 -0
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
|
|
3
3
|
const {existsSync} = require(`fs`);
|
|
4
|
-
const {createRequire} = require(`module`);
|
|
4
|
+
const {createRequire, register} = require(`module`);
|
|
5
5
|
const {resolve} = require(`path`);
|
|
6
|
+
const {pathToFileURL} = require(`url`);
|
|
6
7
|
|
|
7
8
|
const relPnpApiPath = "../../../../.pnp.cjs";
|
|
8
9
|
|
|
9
10
|
const absPnpApiPath = resolve(__dirname, relPnpApiPath);
|
|
10
11
|
const absRequire = createRequire(absPnpApiPath);
|
|
11
12
|
|
|
13
|
+
const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
|
|
14
|
+
const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
|
|
15
|
+
|
|
12
16
|
if (existsSync(absPnpApiPath)) {
|
|
13
17
|
if (!process.versions.pnp) {
|
|
14
18
|
// Setup the environment to be able to require eslint/bin/eslint.js
|
|
15
19
|
require(absPnpApiPath).setup();
|
|
20
|
+
if (isPnpLoaderEnabled && register) {
|
|
21
|
+
register(pathToFileURL(absPnpLoaderPath));
|
|
22
|
+
}
|
|
16
23
|
}
|
|
17
24
|
}
|
|
18
25
|
|
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
|
|
3
3
|
const {existsSync} = require(`fs`);
|
|
4
|
-
const {createRequire} = require(`module`);
|
|
4
|
+
const {createRequire, register} = require(`module`);
|
|
5
5
|
const {resolve} = require(`path`);
|
|
6
|
+
const {pathToFileURL} = require(`url`);
|
|
6
7
|
|
|
7
8
|
const relPnpApiPath = "../../../../.pnp.cjs";
|
|
8
9
|
|
|
9
10
|
const absPnpApiPath = resolve(__dirname, relPnpApiPath);
|
|
10
11
|
const absRequire = createRequire(absPnpApiPath);
|
|
11
12
|
|
|
13
|
+
const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
|
|
14
|
+
const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
|
|
15
|
+
|
|
12
16
|
if (existsSync(absPnpApiPath)) {
|
|
13
17
|
if (!process.versions.pnp) {
|
|
14
18
|
// Setup the environment to be able to require prettier/bin/prettier.cjs
|
|
15
19
|
require(absPnpApiPath).setup();
|
|
20
|
+
if (isPnpLoaderEnabled && register) {
|
|
21
|
+
register(pathToFileURL(absPnpLoaderPath));
|
|
22
|
+
}
|
|
16
23
|
}
|
|
17
24
|
}
|
|
18
25
|
|
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
|
|
3
3
|
const {existsSync} = require(`fs`);
|
|
4
|
-
const {createRequire} = require(`module`);
|
|
4
|
+
const {createRequire, register} = require(`module`);
|
|
5
5
|
const {resolve} = require(`path`);
|
|
6
|
+
const {pathToFileURL} = require(`url`);
|
|
6
7
|
|
|
7
8
|
const relPnpApiPath = "../../../.pnp.cjs";
|
|
8
9
|
|
|
9
10
|
const absPnpApiPath = resolve(__dirname, relPnpApiPath);
|
|
10
11
|
const absRequire = createRequire(absPnpApiPath);
|
|
11
12
|
|
|
13
|
+
const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
|
|
14
|
+
const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
|
|
15
|
+
|
|
12
16
|
if (existsSync(absPnpApiPath)) {
|
|
13
17
|
if (!process.versions.pnp) {
|
|
14
18
|
// Setup the environment to be able to require prettier
|
|
15
19
|
require(absPnpApiPath).setup();
|
|
20
|
+
if (isPnpLoaderEnabled && register) {
|
|
21
|
+
register(pathToFileURL(absPnpLoaderPath));
|
|
22
|
+
}
|
|
16
23
|
}
|
|
17
24
|
}
|
|
18
25
|
|
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
|
|
3
3
|
const {existsSync} = require(`fs`);
|
|
4
|
-
const {createRequire} = require(`module`);
|
|
4
|
+
const {createRequire, register} = require(`module`);
|
|
5
5
|
const {resolve} = require(`path`);
|
|
6
|
+
const {pathToFileURL} = require(`url`);
|
|
6
7
|
|
|
7
8
|
const relPnpApiPath = "../../../../.pnp.cjs";
|
|
8
9
|
|
|
9
10
|
const absPnpApiPath = resolve(__dirname, relPnpApiPath);
|
|
10
11
|
const absRequire = createRequire(absPnpApiPath);
|
|
11
12
|
|
|
13
|
+
const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
|
|
14
|
+
const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
|
|
15
|
+
|
|
12
16
|
if (existsSync(absPnpApiPath)) {
|
|
13
17
|
if (!process.versions.pnp) {
|
|
14
18
|
// Setup the environment to be able to require typescript/bin/tsc
|
|
15
19
|
require(absPnpApiPath).setup();
|
|
20
|
+
if (isPnpLoaderEnabled && register) {
|
|
21
|
+
register(pathToFileURL(absPnpLoaderPath));
|
|
22
|
+
}
|
|
16
23
|
}
|
|
17
24
|
}
|
|
18
25
|
|
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
|
|
3
3
|
const {existsSync} = require(`fs`);
|
|
4
|
-
const {createRequire} = require(`module`);
|
|
4
|
+
const {createRequire, register} = require(`module`);
|
|
5
5
|
const {resolve} = require(`path`);
|
|
6
|
+
const {pathToFileURL} = require(`url`);
|
|
6
7
|
|
|
7
8
|
const relPnpApiPath = "../../../../.pnp.cjs";
|
|
8
9
|
|
|
9
10
|
const absPnpApiPath = resolve(__dirname, relPnpApiPath);
|
|
10
11
|
const absRequire = createRequire(absPnpApiPath);
|
|
11
12
|
|
|
13
|
+
const absPnpLoaderPath = resolve(absPnpApiPath, `../.pnp.loader.mjs`);
|
|
14
|
+
const isPnpLoaderEnabled = existsSync(absPnpLoaderPath);
|
|
15
|
+
|
|
12
16
|
if (existsSync(absPnpApiPath)) {
|
|
13
17
|
if (!process.versions.pnp) {
|
|
14
18
|
// Setup the environment to be able to require typescript/bin/tsserver
|
|
15
19
|
require(absPnpApiPath).setup();
|
|
20
|
+
if (isPnpLoaderEnabled && register) {
|
|
21
|
+
register(pathToFileURL(absPnpLoaderPath));
|
|
22
|
+
}
|
|
16
23
|
}
|
|
17
24
|
}
|
|
18
25
|
|
package/.yarnrc.yml
CHANGED
package/lib/index.css
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
|
|
2
|
-
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
|
|
3
2
|
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
|
|
4
3
|
:root {
|
|
5
4
|
--pf-font-family-base: "Mulish", sans-serif;
|
|
@@ -244,56 +243,6 @@
|
|
|
244
243
|
--pf-negative-margin-16: -64px;
|
|
245
244
|
}
|
|
246
245
|
|
|
247
|
-
.pf__drawer__wrapper {
|
|
248
|
-
color: #444444;
|
|
249
|
-
background-color: white;
|
|
250
|
-
box-sizing: border-box;
|
|
251
|
-
height: 100vh;
|
|
252
|
-
padding: 30px 4px 10px 4px;
|
|
253
|
-
transition: width 0.2s ease-in-out;
|
|
254
|
-
box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
|
|
255
|
-
overflow: hidden;
|
|
256
|
-
width: 100%;
|
|
257
|
-
}
|
|
258
|
-
.pf__drawer__wrapper .pf__drawer__header__logo-text {
|
|
259
|
-
font-family: "Poppins", sans-serif;
|
|
260
|
-
font-weight: 600;
|
|
261
|
-
}
|
|
262
|
-
.pf__drawer__wrapper a:link {
|
|
263
|
-
color: #444444;
|
|
264
|
-
}
|
|
265
|
-
.pf__drawer__wrapper a {
|
|
266
|
-
color: #444444;
|
|
267
|
-
text-decoration: none;
|
|
268
|
-
}
|
|
269
|
-
.pf__drawer__wrapper .pf__drawer__header {
|
|
270
|
-
margin-bottom: 30px;
|
|
271
|
-
color: black;
|
|
272
|
-
display: flex;
|
|
273
|
-
align-items: center;
|
|
274
|
-
padding-left: 10px;
|
|
275
|
-
white-space: nowrap;
|
|
276
|
-
}
|
|
277
|
-
.pf__drawer__wrapper .pf__drawer__header .pf__drawer__header__text {
|
|
278
|
-
overflow: hidden;
|
|
279
|
-
transition: opacity 0.2s ease-in-out;
|
|
280
|
-
}
|
|
281
|
-
.pf__drawer__wrapper .pf__drawer__header span {
|
|
282
|
-
display: flex;
|
|
283
|
-
align-items: center;
|
|
284
|
-
}
|
|
285
|
-
.pf__drawer__wrapper .pf__drawer__header p {
|
|
286
|
-
font-size: 20px;
|
|
287
|
-
margin: 0 0 0 12px;
|
|
288
|
-
}
|
|
289
|
-
.pf__drawer__wrapper .pf__drawer__content {
|
|
290
|
-
height: calc(100% - 42px);
|
|
291
|
-
display: flex;
|
|
292
|
-
flex-direction: column;
|
|
293
|
-
justify-content: space-between;
|
|
294
|
-
padding-bottom: 10px;
|
|
295
|
-
}
|
|
296
|
-
|
|
297
246
|
:root,
|
|
298
247
|
:root [data-theme=light],
|
|
299
248
|
:root [data-theme=dark] {
|
|
@@ -772,6 +721,147 @@
|
|
|
772
721
|
font-size: var(--pf-icon-size-xl);
|
|
773
722
|
}
|
|
774
723
|
|
|
724
|
+
.sb__sample-cell {
|
|
725
|
+
background: var(--pf-primary-color-400);
|
|
726
|
+
color: var(--pf-gray-color);
|
|
727
|
+
padding: 1rem;
|
|
728
|
+
margin: 2px 0;
|
|
729
|
+
}
|
|
730
|
+
.sb__sample-cell-secondary {
|
|
731
|
+
background: var(--pf-secondary-color-400);
|
|
732
|
+
color: var(--pf-gray-color);
|
|
733
|
+
padding: 1rem;
|
|
734
|
+
margin: 2px 0;
|
|
735
|
+
}
|
|
736
|
+
.sb__sample-cell-green {
|
|
737
|
+
background: var(--pf-green-color-400);
|
|
738
|
+
color: var(--pf-secondary-color-900);
|
|
739
|
+
padding: 1rem;
|
|
740
|
+
margin: 2px 0;
|
|
741
|
+
}
|
|
742
|
+
.sb__sample-cell-orange {
|
|
743
|
+
background: var(--pf-orange-color-400);
|
|
744
|
+
color: var(--pf-secondary-color-900);
|
|
745
|
+
padding: 1rem;
|
|
746
|
+
margin: 2px 0;
|
|
747
|
+
}
|
|
748
|
+
.sb__sample-cell-red {
|
|
749
|
+
background: var(--pf-red-color-400);
|
|
750
|
+
color: var(--pf-gray-color);
|
|
751
|
+
padding: 1rem;
|
|
752
|
+
margin: 2px 0;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.sb__sample-row {
|
|
756
|
+
min-height: 110px;
|
|
757
|
+
margin: 1em 0;
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
:root,
|
|
761
|
+
:root [data-theme=light],
|
|
762
|
+
:root [data-theme=dark] {
|
|
763
|
+
--pf-table-font-color: var(--pf-gray-color);
|
|
764
|
+
--pf-table-stripe-color: var(--pf-gray-color-100);
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
:root [data-theme=light] {
|
|
768
|
+
--pf-table-background-color: var(--pf-white-color);
|
|
769
|
+
--pf-table-stripe-color: var(--pf-gray-color-100);
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
:root [data-theme=dark] {
|
|
773
|
+
--pf-table-background-color: var(--pf-primary-color-700);
|
|
774
|
+
--pf-table-stripe-color: var(--pf-primary-color-400);
|
|
775
|
+
}
|
|
776
|
+
|
|
777
|
+
:root .table-loading,
|
|
778
|
+
:root [data-theme=light] .table-loading,
|
|
779
|
+
:root [data-theme=dark] .table-loading {
|
|
780
|
+
color: var(--pf-table-font-color);
|
|
781
|
+
}
|
|
782
|
+
:root .table-wrapper,
|
|
783
|
+
:root [data-theme=light] .table-wrapper,
|
|
784
|
+
:root [data-theme=dark] .table-wrapper {
|
|
785
|
+
background-color: var(--pf-table-background-color);
|
|
786
|
+
color: var(--pf-table-font-color);
|
|
787
|
+
}
|
|
788
|
+
:root .table-wrapper .rdt_Table,
|
|
789
|
+
:root .table-wrapper .rdt_TableRow,
|
|
790
|
+
:root .table-wrapper .rdt_TableCol,
|
|
791
|
+
:root .table-wrapper .rdt_TableCol_Sortable,
|
|
792
|
+
:root .table-wrapper .rdt_TableCell,
|
|
793
|
+
:root .table-wrapper .rdt_TableHeader,
|
|
794
|
+
:root .table-wrapper .rdt_TableFooter,
|
|
795
|
+
:root .table-wrapper .rdt_TableHead,
|
|
796
|
+
:root .table-wrapper .rdt_TableHeadRow,
|
|
797
|
+
:root .table-wrapper .rdt_TableBody,
|
|
798
|
+
:root .table-wrapper .rdt_ExpanderRow,
|
|
799
|
+
:root .table-wrapper .rdt_Pagination,
|
|
800
|
+
:root [data-theme=light] .table-wrapper .rdt_Table,
|
|
801
|
+
:root [data-theme=light] .table-wrapper .rdt_TableRow,
|
|
802
|
+
:root [data-theme=light] .table-wrapper .rdt_TableCol,
|
|
803
|
+
:root [data-theme=light] .table-wrapper .rdt_TableCol_Sortable,
|
|
804
|
+
:root [data-theme=light] .table-wrapper .rdt_TableCell,
|
|
805
|
+
:root [data-theme=light] .table-wrapper .rdt_TableHeader,
|
|
806
|
+
:root [data-theme=light] .table-wrapper .rdt_TableFooter,
|
|
807
|
+
:root [data-theme=light] .table-wrapper .rdt_TableHead,
|
|
808
|
+
:root [data-theme=light] .table-wrapper .rdt_TableHeadRow,
|
|
809
|
+
:root [data-theme=light] .table-wrapper .rdt_TableBody,
|
|
810
|
+
:root [data-theme=light] .table-wrapper .rdt_ExpanderRow,
|
|
811
|
+
:root [data-theme=light] .table-wrapper .rdt_Pagination,
|
|
812
|
+
:root [data-theme=dark] .table-wrapper .rdt_Table,
|
|
813
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableRow,
|
|
814
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableCol,
|
|
815
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableCol_Sortable,
|
|
816
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableCell,
|
|
817
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableHeader,
|
|
818
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableFooter,
|
|
819
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableHead,
|
|
820
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableHeadRow,
|
|
821
|
+
:root [data-theme=dark] .table-wrapper .rdt_TableBody,
|
|
822
|
+
:root [data-theme=dark] .table-wrapper .rdt_ExpanderRow,
|
|
823
|
+
:root [data-theme=dark] .table-wrapper .rdt_Pagination {
|
|
824
|
+
background-color: var(--pf-table-background-color);
|
|
825
|
+
color: var(--pf-table-font-color);
|
|
826
|
+
}
|
|
827
|
+
:root .table-wrapper button svg,
|
|
828
|
+
:root [data-theme=light] .table-wrapper button svg,
|
|
829
|
+
:root [data-theme=dark] .table-wrapper button svg {
|
|
830
|
+
fill: var(--pf-table-font-color);
|
|
831
|
+
}
|
|
832
|
+
:root .table-wrapper button:disabled svg,
|
|
833
|
+
:root [data-theme=light] .table-wrapper button:disabled svg,
|
|
834
|
+
:root [data-theme=dark] .table-wrapper button:disabled svg {
|
|
835
|
+
fill: var(--pf-gray-color-900);
|
|
836
|
+
}
|
|
837
|
+
:root .pf__table--striped .rdt_TableRow:nth-child(odd) .rdt_TableCell,
|
|
838
|
+
:root [data-theme=light] .pf__table--striped .rdt_TableRow:nth-child(odd) .rdt_TableCell,
|
|
839
|
+
:root [data-theme=dark] .pf__table--striped .rdt_TableRow:nth-child(odd) .rdt_TableCell {
|
|
840
|
+
background-color: var(--pf-table-stripe-color);
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
:root [data-theme=light] .table-wrapper .rdt_Table,
|
|
844
|
+
:root [data-theme=light] .table-wrapper .rdt_TableRow,
|
|
845
|
+
:root [data-theme=light] .table-wrapper .rdt_TableCol,
|
|
846
|
+
:root [data-theme=light] .table-wrapper .rdt_TableCol_Sortable,
|
|
847
|
+
:root [data-theme=light] .table-wrapper .rdt_TableCell,
|
|
848
|
+
:root [data-theme=light] .table-wrapper .rdt_TableHeader,
|
|
849
|
+
:root [data-theme=light] .table-wrapper .rdt_TableFooter,
|
|
850
|
+
:root [data-theme=light] .table-wrapper .rdt_TableHead,
|
|
851
|
+
:root [data-theme=light] .table-wrapper .rdt_TableHeadRow,
|
|
852
|
+
:root [data-theme=light] .table-wrapper .rdt_TableBody,
|
|
853
|
+
:root [data-theme=light] .table-wrapper .rdt_ExpanderRow,
|
|
854
|
+
:root [data-theme=light] .table-wrapper .rdt_Pagination {
|
|
855
|
+
background-color: var(--pf-table-background-color);
|
|
856
|
+
color: var(--pf-table-font-color);
|
|
857
|
+
}
|
|
858
|
+
:root [data-theme=light] .table-wrapper button svg {
|
|
859
|
+
fill: var(--pf-table-font-color);
|
|
860
|
+
}
|
|
861
|
+
:root [data-theme=light] .table-wrapper button:disabled svg {
|
|
862
|
+
fill: var(--pf-gray-color-300);
|
|
863
|
+
}
|
|
864
|
+
|
|
775
865
|
:root {
|
|
776
866
|
--pf-font-family-base: "Mulish", sans-serif;
|
|
777
867
|
--pf-font-size-base: 1rem;
|
|
@@ -3492,54 +3582,4 @@ p,
|
|
|
3492
3582
|
100% {
|
|
3493
3583
|
transform: rotate(360deg);
|
|
3494
3584
|
}
|
|
3495
|
-
}
|
|
3496
|
-
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
|
|
3497
|
-
.pf__drawer__wrapper {
|
|
3498
|
-
color: #444444;
|
|
3499
|
-
background-color: white;
|
|
3500
|
-
box-sizing: border-box;
|
|
3501
|
-
height: 100vh;
|
|
3502
|
-
padding: 30px 4px 10px 4px;
|
|
3503
|
-
transition: width 0.2s ease-in-out;
|
|
3504
|
-
box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
|
|
3505
|
-
overflow: hidden;
|
|
3506
|
-
width: 100%;
|
|
3507
|
-
}
|
|
3508
|
-
.pf__drawer__wrapper .pf__drawer__header__logo-text {
|
|
3509
|
-
font-family: "Poppins", sans-serif;
|
|
3510
|
-
font-weight: 600;
|
|
3511
|
-
}
|
|
3512
|
-
.pf__drawer__wrapper a:link {
|
|
3513
|
-
color: #444444;
|
|
3514
|
-
}
|
|
3515
|
-
.pf__drawer__wrapper a {
|
|
3516
|
-
color: #444444;
|
|
3517
|
-
text-decoration: none;
|
|
3518
|
-
}
|
|
3519
|
-
.pf__drawer__wrapper .pf__drawer__header {
|
|
3520
|
-
margin-bottom: 30px;
|
|
3521
|
-
color: black;
|
|
3522
|
-
display: flex;
|
|
3523
|
-
align-items: center;
|
|
3524
|
-
padding-left: 10px;
|
|
3525
|
-
white-space: nowrap;
|
|
3526
|
-
}
|
|
3527
|
-
.pf__drawer__wrapper .pf__drawer__header .pf__drawer__header__text {
|
|
3528
|
-
overflow: hidden;
|
|
3529
|
-
transition: opacity 0.2s ease-in-out;
|
|
3530
|
-
}
|
|
3531
|
-
.pf__drawer__wrapper .pf__drawer__header span {
|
|
3532
|
-
display: flex;
|
|
3533
|
-
align-items: center;
|
|
3534
|
-
}
|
|
3535
|
-
.pf__drawer__wrapper .pf__drawer__header p {
|
|
3536
|
-
font-size: 20px;
|
|
3537
|
-
margin: 0 0 0 12px;
|
|
3538
|
-
}
|
|
3539
|
-
.pf__drawer__wrapper .pf__drawer__content {
|
|
3540
|
-
height: calc(100% - 42px);
|
|
3541
|
-
display: flex;
|
|
3542
|
-
flex-direction: column;
|
|
3543
|
-
justify-content: space-between;
|
|
3544
|
-
padding-bottom: 10px;
|
|
3545
3585
|
}
|