@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.
Files changed (161) hide show
  1. package/.yarn/sdks/eslint/bin/eslint.js +8 -1
  2. package/.yarn/sdks/eslint/package.json +1 -1
  3. package/.yarn/sdks/prettier/bin/prettier.cjs +8 -1
  4. package/.yarn/sdks/prettier/index.cjs +8 -1
  5. package/.yarn/sdks/typescript/bin/tsc +8 -1
  6. package/.yarn/sdks/typescript/bin/tsserver +8 -1
  7. package/.yarn/sdks/typescript/package.json +1 -1
  8. package/.yarnrc.yml +1 -0
  9. package/lib/index.css +141 -101
  10. package/lib/index.d.ts +973 -14
  11. package/lib/index.esm.css +141 -101
  12. package/lib/index.esm.js +25974 -27484
  13. package/lib/index.esm.js.map +1 -1
  14. package/lib/index.js +26265 -27775
  15. package/lib/index.js.map +1 -1
  16. package/lib/src/components/button/Button.stories.d.ts +1 -1
  17. package/lib/src/components/button/types.d.ts +0 -1
  18. package/lib/src/components/grid/col/Col.stories.d.ts +1 -2
  19. package/lib/src/components/grid/container/Container.stories.d.ts +1 -1
  20. package/lib/src/components/grid/row/Row.stories.d.ts +1 -1
  21. package/lib/src/components/index.d.ts +1 -0
  22. package/lib/src/components/table/LoadingComponent.d.ts +1 -0
  23. package/lib/src/components/table/Table.d.ts +78 -0
  24. package/lib/src/components/table/Table.stories.d.ts +6 -0
  25. package/lib/src/components/table/index.d.ts +1 -0
  26. package/lib/src/components/table/sampleData.d.ts +8 -0
  27. package/lib/src/index.d.ts +2 -1
  28. package/lib/src/legacy/components/Accordion/Accordion.stories.d.ts +9 -9
  29. package/lib/src/legacy/components/Accordion/Accordion.styles.d.ts +1 -2
  30. package/lib/src/legacy/components/ListTable/Header/Header.styles.d.ts +1 -2
  31. package/lib/src/legacy/components/ListTable/ListTable.stories.d.ts +7 -7
  32. package/lib/src/legacy/components/ListTable/ListTable.styles.d.ts +1 -2
  33. package/lib/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts +2 -2
  34. package/lib/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +2 -3
  35. package/lib/src/legacy/components/Pagination/Pagination.styles.d.ts +1 -2
  36. package/lib/src/legacy/components/Toggle/Toggle.d.ts +1 -2
  37. package/lib/src/legacy/components/Toggle/Toggle.stories.d.ts +4 -4
  38. package/lib/src/legacy/components/Toggle/Toggle.styles.d.ts +1 -2
  39. package/lib/src/legacy/components/Tooltip/Tooltip.styles.d.ts +1 -2
  40. package/lib/src/legacy/components/basic-section/Section/Section.stories.d.ts +1 -2
  41. package/lib/src/legacy/components/basic-section/Section/Section.styles.d.ts +1 -2
  42. package/lib/src/legacy/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +1 -2
  43. package/lib/src/legacy/components/basic-section/SectionBody/SectionBody.styles.d.ts +1 -2
  44. package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.stories.d.ts +1 -1
  45. package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +1 -2
  46. package/lib/src/legacy/components/basic-section/SectionTable/SectionTable.styles.d.ts +1 -2
  47. package/lib/src/legacy/components/buttons/Button/Button.stories.d.ts +1 -1
  48. package/lib/src/legacy/components/buttons/Button/Button.styles.d.ts +1 -2
  49. package/lib/src/legacy/components/buttons/IconButton/IconButton.stories.d.ts +3 -3
  50. package/lib/src/legacy/components/buttons/IconButton/IconButton.styles.d.ts +4 -3
  51. package/lib/src/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts +8 -9
  52. package/lib/src/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +2 -3
  53. package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.d.ts +5 -5
  54. package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.d.ts +7 -7
  55. package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +3 -2
  56. package/lib/src/legacy/components/dropdowns/Select/Select.stories.d.ts +6 -7
  57. package/lib/src/legacy/components/dropdowns/Select/Select.styles.d.ts +1 -2
  58. package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.d.ts +5 -5
  59. package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.d.ts +5 -6
  60. package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +3 -2
  61. package/lib/src/legacy/components/index.d.ts +0 -1
  62. package/lib/src/legacy/components/inputs/DatePicker/DatePicker.styles.d.ts +1 -2
  63. package/lib/src/legacy/components/inputs/EditableInput/EditableInput.styles.d.ts +1 -2
  64. package/lib/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.d.ts +1 -2
  65. package/lib/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.styles.d.ts +1 -2
  66. package/lib/src/legacy/components/inputs/NumberInput/NumberInput.stories.d.ts +2 -2
  67. package/lib/src/legacy/components/inputs/NumberInput/NumberInput.styles.d.ts +1 -2
  68. package/lib/src/legacy/components/inputs/RadioButtons/RadioButtons.styles.d.ts +5 -6
  69. package/lib/src/legacy/components/inputs/RadioGroup/RadioGroup.styles.d.ts +1 -2
  70. package/lib/src/legacy/components/inputs/SearchInput/SearchInput.stories.d.ts +8 -9
  71. package/lib/src/legacy/components/inputs/SearchInput/SearchInput.styles.d.ts +1 -2
  72. package/lib/src/legacy/components/inputs/TextInput/TextInput.stories.d.ts +9 -9
  73. package/lib/src/legacy/components/inputs/TextInput/TextInput.styles.d.ts +2 -3
  74. package/lib/src/legacy/components/loading-indicators/BarSpinner/BarSpinner.styles.d.ts +1 -2
  75. package/lib/src/legacy/components/loading-indicators/CirclePulse/CirclePulse.styles.d.ts +4 -5
  76. package/lib/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.d.ts +1 -2
  77. package/lib/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.d.ts +4 -5
  78. package/lib/src/legacy/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +1 -2
  79. package/lib/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +1 -2
  80. package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.stories.d.ts +5 -5
  81. package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.styles.d.ts +1 -2
  82. package/lib/src/legacy/components/modals/ModalBase/ModalBase.styles.d.ts +1 -1
  83. package/lib/src/legacy/components/text-truncate/TextTruncate.styles.d.ts +1 -2
  84. package/lib/src/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts +11 -11
  85. package/lib/src/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts +1 -2
  86. package/lib/src/legacy/styles/globals/buttons.d.ts +0 -1
  87. package/lib/src/legacy/styles/globals/forms.d.ts +0 -1
  88. package/lib/src/legacy/styles/globals/layout.d.ts +0 -1
  89. package/lib/src/legacy/styles/globals/lists.d.ts +0 -1
  90. package/lib/src/legacy/styles/globals/margin-padding.d.ts +0 -1
  91. package/lib/src/legacy/styles/globals/media.d.ts +0 -1
  92. package/lib/src/legacy/styles/globals/tables.d.ts +0 -1
  93. package/lib/src/legacy/styles/globals/typography.d.ts +0 -1
  94. package/lib/src/legacy/styles/globals/utility-classes.d.ts +0 -1
  95. package/lib/src/types.d.ts +2 -2
  96. package/package.json +4 -2
  97. package/rollup.config.mjs +1 -1
  98. package/src/components/button/Button.mdx +1 -1
  99. package/src/components/button/Button.stories.tsx +8 -8
  100. package/src/components/button/Button.tsx +1 -1
  101. package/src/components/grid/GridSystem.mdx +0 -1
  102. package/src/components/grid/col/Col.stories.tsx +1 -2
  103. package/src/components/grid/container/Container.mdx +0 -1
  104. package/src/components/grid/container/Container.stories.tsx +1 -3
  105. package/src/components/grid/row/Row.mdx +0 -1
  106. package/src/components/grid/row/Row.stories.tsx +1 -3
  107. package/src/components/icons/Icon.mdx +1 -1
  108. package/src/components/icons/Icon.stories.tsx +2 -3
  109. package/src/components/index.ts +1 -0
  110. package/src/components/table/LoadingComponent.tsx +5 -0
  111. package/src/components/table/Table.mdx +15 -0
  112. package/src/components/table/Table.stories.tsx +547 -0
  113. package/src/components/table/Table.tsx +112 -0
  114. package/src/components/table/index.ts +1 -0
  115. package/src/components/table/sampleData.ts +162 -0
  116. package/src/components/table/styles/Table.scss +79 -0
  117. package/src/components/table/styles/_variables.scss +19 -0
  118. package/src/index.ts +1 -1
  119. package/src/legacy/components/Accordion/Accordion.tsx +1 -1
  120. package/src/legacy/components/ListTable/Header/Header.tsx +2 -4
  121. package/src/legacy/components/ListTable/ListTable.stories.tsx +1 -1
  122. package/src/legacy/components/Toggle/Toggle.tsx +2 -3
  123. package/src/legacy/components/Tooltip/Tooltip.tsx +2 -1
  124. package/src/legacy/components/basic-section/SectionTable/SectionTable.tsx +1 -1
  125. package/src/legacy/components/buttons/IconButton/IconButton.tsx +1 -1
  126. package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.tsx +1 -1
  127. package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.tsx +1 -1
  128. package/src/legacy/components/dropdowns/Select/Select.tsx +1 -1
  129. package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.tsx +1 -1
  130. package/src/legacy/components/index.ts +0 -1
  131. package/src/legacy/components/inputs/EditableInput/EditableInput.tsx +1 -1
  132. package/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.tsx +2 -3
  133. package/src/legacy/components/inputs/NumberInput/NumberInput.tsx +1 -1
  134. package/src/legacy/components/inputs/SearchInput/SearchInput.stories.tsx +3 -3
  135. package/src/legacy/components/inputs/SearchInput/SearchInput.tsx +1 -1
  136. package/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.tsx +2 -3
  137. package/src/legacy/components/user-feedback/Shrug/Shrug.tsx +1 -1
  138. package/src/styles/index.scss +2 -2
  139. package/src/types.ts +3 -5
  140. package/webpack.config.js +13 -6
  141. package/lib/src/legacy/components/Navigation/Drawer/Drawer.d.ts +0 -16
  142. package/lib/src/legacy/components/Navigation/Drawer/Drawer.stories.d.ts +0 -6
  143. package/lib/src/legacy/components/Navigation/Drawer/DrawerLinkList.d.ts +0 -9
  144. package/lib/src/legacy/components/Navigation/Drawer/DrawerLinkList.styles.d.ts +0 -2
  145. package/lib/src/legacy/components/Navigation/Drawer/__mocks__/mocks.d.ts +0 -3
  146. package/lib/src/legacy/components/Navigation/Drawer/__tests__/DrawerLinkList.test.d.ts +0 -1
  147. package/lib/src/legacy/components/Navigation/Drawer/index.d.ts +0 -1
  148. package/lib/src/legacy/components/Navigation/Drawer/types.d.ts +0 -7
  149. package/lib/src/legacy/components/Navigation/index.d.ts +0 -1
  150. package/src/legacy/components/Navigation/Drawer/Drawer.scss +0 -61
  151. package/src/legacy/components/Navigation/Drawer/Drawer.stories.tsx +0 -43
  152. package/src/legacy/components/Navigation/Drawer/Drawer.tsx +0 -107
  153. package/src/legacy/components/Navigation/Drawer/DrawerLinkList.styles.ts +0 -65
  154. package/src/legacy/components/Navigation/Drawer/DrawerLinkList.tsx +0 -64
  155. package/src/legacy/components/Navigation/Drawer/__mocks__/mocks.ts +0 -49
  156. package/src/legacy/components/Navigation/Drawer/__tests__/Drawer.test.tsx +0 -180
  157. package/src/legacy/components/Navigation/Drawer/__tests__/DrawerLinkList.test.tsx +0 -66
  158. package/src/legacy/components/Navigation/Drawer/index.ts +0 -1
  159. package/src/legacy/components/Navigation/Drawer/types.ts +0 -8
  160. package/src/legacy/components/Navigation/index.ts +0 -1
  161. /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,6 +1,6 @@
1
1
  {
2
2
  "name": "eslint",
3
- "version": "8.56.0-sdk",
3
+ "version": "8.57.0-sdk",
4
4
  "main": "./lib/api.js",
5
5
  "type": "commonjs",
6
6
  "bin": {
@@ -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
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "typescript",
3
- "version": "5.3.3-sdk",
3
+ "version": "5.5.2-sdk",
4
4
  "main": "./lib/typescript.js",
5
5
  "type": "commonjs",
6
6
  "bin": {
package/.yarnrc.yml CHANGED
@@ -1,3 +1,4 @@
1
1
  compressionLevel: 0
2
2
  enableGlobalCache: true
3
3
  yarnPath: .yarn/releases/yarn-4.0.2.cjs
4
+ nodeLinker: node-modules
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
  }