@api-client/ui 0.0.2 → 0.0.4

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 (102) hide show
  1. package/demo/amf/api-annotation.html +1 -0
  2. package/demo/amf/api-channel.html +1 -0
  3. package/demo/amf/api-console.html +1 -0
  4. package/demo/amf/api-documentation-document.html +1 -0
  5. package/demo/amf/api-documentation.html +1 -0
  6. package/demo/amf/api-editor.html +1 -0
  7. package/demo/amf/api-navigation.html +1 -0
  8. package/demo/amf/api-operation.html +1 -0
  9. package/demo/amf/api-payload.html +1 -0
  10. package/demo/amf/api-request.html +1 -0
  11. package/demo/amf/api-resource.html +1 -0
  12. package/demo/amf/api-schema-documentation.html +1 -0
  13. package/demo/amf/api-security-documentation.html +1 -0
  14. package/demo/amf/api-server-picker.html +1 -0
  15. package/demo/amf/api-summary.html +1 -0
  16. package/demo/amf/bare-components.html +2 -0
  17. package/demo/amf/index.html +2 -0
  18. package/demo/amf/oauth-authorize.html +2 -0
  19. package/demo/amf/request-editor.html +1 -0
  20. package/demo/elements/authorization/api-key.html +1 -0
  21. package/demo/elements/authorization/basic.html +1 -0
  22. package/demo/elements/authorization/bearer.html +1 -0
  23. package/demo/elements/authorization/cc.html +1 -0
  24. package/demo/elements/authorization/index.html +2 -0
  25. package/demo/elements/authorization/ntlm.html +1 -0
  26. package/demo/elements/authorization/oauth-authorize.html +2 -2
  27. package/demo/elements/authorization/oauth-error.html +2 -0
  28. package/demo/elements/authorization/oauth-popup.html +2 -0
  29. package/demo/elements/authorization/oauth2.html +1 -0
  30. package/demo/elements/authorization/oidc.html +1 -0
  31. package/demo/elements/authorization/redirect.html +3 -1
  32. package/demo/elements/context-menu/basic.html +2 -1
  33. package/demo/elements/context-menu/custom-data.html +2 -1
  34. package/demo/elements/context-menu/enabled-state.html +2 -1
  35. package/demo/elements/context-menu/icons.html +2 -1
  36. package/demo/elements/context-menu/index.html +2 -0
  37. package/demo/elements/context-menu/nested.html +2 -1
  38. package/demo/elements/context-menu/no-execute.html +2 -1
  39. package/demo/elements/context-menu/radio-menu.html +2 -1
  40. package/demo/elements/context-menu/separators.html +2 -1
  41. package/demo/elements/environment/environment-editor.html +1 -0
  42. package/demo/elements/environment/index.html +1 -0
  43. package/demo/elements/environment/server-editor.html +1 -1
  44. package/demo/elements/environment/variables-editor.html +1 -1
  45. package/demo/elements/har/har-viewer.html +1 -0
  46. package/demo/elements/highlight/index.html +1 -0
  47. package/demo/elements/highlight/marked-highlight.html +1 -0
  48. package/demo/elements/highlight/prism-highlight.html +1 -0
  49. package/demo/elements/http/body-editor.html +1 -0
  50. package/demo/elements/http/headers.html +1 -0
  51. package/demo/elements/http/http-assertions.html +1 -0
  52. package/demo/elements/http/request-editor.html +1 -0
  53. package/demo/elements/http/request-log.html +1 -0
  54. package/demo/elements/http/url-editing.html +1 -0
  55. package/demo/elements/icons/index.html +1 -0
  56. package/demo/elements/project/project-run-report.html +1 -0
  57. package/demo/elements/project/request-editor.html +1 -0
  58. package/demo/elements/ui/buttons/api-button.html +2 -1
  59. package/demo/elements/ui/buttons/api-icon-button.html +2 -1
  60. package/demo/elements/ui/buttons/segmented-buttons.html +2 -1
  61. package/demo/elements/ui/chip/api-chip.html +2 -1
  62. package/demo/elements/ui/collapse/ui-collapse.html +2 -1
  63. package/demo/elements/ui/dialog/ui-dialog.html +2 -1
  64. package/demo/elements/ui/inputs/api-checkbox.html +2 -1
  65. package/demo/elements/ui/inputs/api-input.html +2 -1
  66. package/demo/elements/ui/inputs/api-radio.html +2 -1
  67. package/demo/elements/ui/inputs/api-switch.html +2 -1
  68. package/demo/elements/ui/list/dropdown-list.html +2 -1
  69. package/demo/elements/ui/list/list.html +2 -1
  70. package/demo/elements/ui/notification/snack.html +2 -1
  71. package/demo/elements/ui/progress/ui-progress.html +2 -1
  72. package/demo/elements/ui/tabs/tabs.html +2 -1
  73. package/demo/pages/api-client/authenticate.html +1 -0
  74. package/demo/pages/api-client/config.html +1 -0
  75. package/demo/pages/api-client/main.html +1 -0
  76. package/demo/pages/api-client/telemetry.html +1 -0
  77. package/demo/pages/http-project/main.html +1 -0
  78. package/demo/pages/schema-design/main.html +1 -0
  79. package/dist/pages/ApplicationScreen.d.ts +0 -4
  80. package/dist/pages/ApplicationScreen.d.ts.map +1 -1
  81. package/dist/pages/ApplicationScreen.js +12 -18
  82. package/dist/pages/ApplicationScreen.js.map +1 -1
  83. package/dist/pages/demo/DemoPage.d.ts.map +1 -1
  84. package/dist/pages/demo/DemoPage.js +12 -11
  85. package/dist/pages/demo/DemoPage.js.map +1 -1
  86. package/dist/ui/dialog/UiDialog.d.ts +1 -1
  87. package/dist/ui/dialog/UiDialog.d.ts.map +1 -1
  88. package/dist/ui/dialog/UiDialog.js +5 -3
  89. package/dist/ui/dialog/UiDialog.js.map +1 -1
  90. package/package.json +1 -1
  91. package/src/pages/ApplicationScreen.ts +12 -19
  92. package/src/pages/demo/DemoPage.ts +12 -11
  93. package/src/styles/m3/theme.css +81 -0
  94. package/src/ui/dialog/UiDialog.ts +6 -4
  95. package/test/ui/dialog/UiDialog.test.ts +236 -0
  96. package/web-test-runner.config.mjs +3 -5
  97. package/demo/themes/default.css +0 -0
  98. package/demo/themes/m3/theme.dark.css +0 -40
  99. package/demo/themes/m3/theme.light.css +0 -40
  100. package/demo/themes/m3/tokens.css +0 -291
  101. package/src/styles/m3/theme.dark.css +0 -40
  102. package/src/styles/m3/theme.light.css +0 -40
package/demo/amf/api-annotation.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-channel.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-console.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/api-console.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
  <body>
package/demo/amf/api-documentation-document.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-documentation.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-editor.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  </head>
13
14
 
14
15
  <body class="styled">
package/demo/amf/api-navigation.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <style>
13
14
  api-navigation {
14
15
  max-width: 420px;
package/demo/amf/api-operation.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
10
10
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <style>
13
14
  .operation-surface {
14
15
  padding: 20px;
package/demo/amf/api-payload.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-request.html CHANGED
@@ -10,6 +10,7 @@
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
12
12
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
13
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
15
16
  <body class="styled">
package/demo/amf/api-resource.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  <style>
14
15
  .request-dialog {
package/demo/amf/api-schema-documentation.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-security-documentation.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-server-picker.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/api-summary.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/amf/bare-components.html CHANGED
@@ -11,6 +11,8 @@
11
11
  <link rel="stylesheet" href="./demo.css" />
12
12
  <link rel="stylesheet" href="./styles/api-console.css" />
13
13
  <link rel="stylesheet" href="./bare-components.css" />
14
+ <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
15
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
14
16
  </head>
15
17
 
16
18
  <body class="demo styled">
package/demo/amf/index.html CHANGED
@@ -3,6 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <title>AMF Components</title>
6
+ <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
7
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
6
8
  </head>
7
9
  <body>
8
10
  <main>
package/demo/amf/oauth-authorize.html CHANGED
@@ -40,6 +40,8 @@
40
40
  }
41
41
  </style>
42
42
  <link rel="stylesheet" crossorigin="anonymous" href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic">
43
+ <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
44
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
43
45
  </head>
44
46
  <body>
45
47
  <section class="login">
package/demo/amf/request-editor.html CHANGED
@@ -9,6 +9,7 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
11
11
  <link href="../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link href="./styles/demo-grid.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
package/demo/elements/authorization/api-key.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>API Key</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/authorization/basic.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP basic</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/authorization/bearer.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP bearer</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/authorization/cc.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>Client certificate</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/authorization/index.html CHANGED
@@ -4,6 +4,8 @@
4
4
  <head>
5
5
  <meta charset="utf-8">
6
6
  <title>Authorization methods</title>
7
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
7
9
  </head>
8
10
  <body>
9
11
  <main>
package/demo/elements/authorization/ntlm.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>NTLM</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/authorization/oauth-authorize.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en-GB">
2
+ <html lang="en-GB" class="theme-light">
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
@@ -41,7 +41,7 @@
41
41
  </style>
42
42
  <link rel="stylesheet" crossorigin="anonymous" href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic">
43
43
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
44
- <link href="../../../src/styles/m3/theme.light.css" rel="stylesheet" type="text/css" />
44
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
45
45
  </head>
46
46
  <body>
47
47
  <section class="login">
package/demo/elements/authorization/oauth-error.html CHANGED
@@ -4,6 +4,8 @@
4
4
  <meta charset="utf-8">
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
6
6
  <title>Demo error</title>
7
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
7
9
  </head>
8
10
  <body>
9
11
  <script type="module" src="oauth-error.js"></script>
package/demo/elements/authorization/oauth-popup.html CHANGED
@@ -4,6 +4,8 @@
4
4
  <meta charset="utf-8">
5
5
  <title>Oauth2 callback window</title>
6
6
  <style>*[hidden] { display: none; } </style>
7
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
7
9
  </head>
8
10
  <body>
9
11
  <h1>Sending the authorization data to the application</h1>
package/demo/elements/authorization/oauth2.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>OAuth2</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/authorization/oidc.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>OpenID Connect</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/authorization/redirect.html CHANGED
@@ -6,8 +6,10 @@
6
6
  <title>Initializing</title>
7
7
  <!-- <meta http-equiv="refresh" content="1;url=https://auth.advancedrestclient.com/oauth-popup.html#access_token=test-token"> -->
8
8
  <meta http-equiv="refresh" content="1;url=/oauth-popup.html#access_token=test-token&refresh_token=abcd">
9
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
10
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
11
  </head>
10
12
  <body>
11
13
  <p>Redirecting</p>
12
14
  </body>
13
- </html>
15
+ </html>
package/demo/elements/context-menu/basic.html CHANGED
@@ -8,7 +8,8 @@
8
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
11
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link rel="stylesheet" href="./demo.css"/>
13
14
  </head>
14
15
 
package/demo/elements/context-menu/custom-data.html CHANGED
@@ -8,7 +8,8 @@
8
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
11
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link rel="stylesheet" href="./demo.css"/>
13
14
  </head>
14
15
 
package/demo/elements/context-menu/enabled-state.html CHANGED
@@ -8,7 +8,8 @@
8
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
11
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link rel="stylesheet" href="./demo.css"/>
13
14
  </head>
14
15
 
package/demo/elements/context-menu/icons.html CHANGED
@@ -8,7 +8,8 @@
8
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
11
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
12
13
  <link rel="stylesheet" href="./demo.css"/>
13
14
  </head>
14
15
 
package/demo/elements/context-menu/index.html CHANGED
@@ -3,6 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <title>Context menu</title>
6
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
7
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
6
8
  </head>
7
9
  <body>
8
10
  <main>
package/demo/elements/context-menu/nested.html CHANGED
@@ -9,7 +9,8 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
11
  <link rel="stylesheet" href="./demo.css"/>
12
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
13
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
15
16
  <body class="demo">
package/demo/elements/context-menu/no-execute.html CHANGED
@@ -9,7 +9,8 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
11
  <link rel="stylesheet" href="./demo.css"/>
12
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
13
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
15
16
  <body class="demo">
package/demo/elements/context-menu/radio-menu.html CHANGED
@@ -9,7 +9,8 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
11
  <link rel="stylesheet" href="./demo.css"/>
12
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
13
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
15
16
  <body class="demo">
package/demo/elements/context-menu/separators.html CHANGED
@@ -9,7 +9,8 @@
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
11
11
  <link rel="stylesheet" href="./demo.css"/>
12
- <link href="../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
12
+ <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
13
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
13
14
  </head>
14
15
 
15
16
  <body class="demo">
package/demo/elements/environment/environment-editor.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <title>Environment editor</title>
7
7
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style></style>
10
11
  </head>
11
12
  <body>
package/demo/elements/environment/index.html CHANGED
@@ -4,6 +4,7 @@
4
4
  <meta charset="utf-8">
5
5
  <title>API Client UI</title>
6
6
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
7
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
7
8
  </head>
8
9
  <body>
9
10
  <main>
package/demo/elements/environment/server-editor.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <title>Server editor</title>
7
7
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
- <style></style>
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
10
10
  </head>
11
11
  <body>
12
12
  <div id="app"></div>
package/demo/elements/environment/variables-editor.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <title>Variables editor</title>
7
7
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
- <style></style>
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
10
10
  </head>
11
11
  <body>
12
12
  <div id="app"></div>
package/demo/elements/har/har-viewer.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
6
6
  <title>HAR viewer</title>
7
7
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
8
9
  <style></style>
9
10
  </head>
10
11
  <body>
package/demo/elements/highlight/index.html CHANGED
@@ -4,6 +4,7 @@
4
4
  <meta charset="utf-8">
5
5
  <title>Highlight</title>
6
6
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
7
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
7
8
  </head>
8
9
  <body>
9
10
  <main>
package/demo/elements/highlight/marked-highlight.html CHANGED
@@ -27,6 +27,7 @@
27
27
  }
28
28
  </style>
29
29
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
30
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
30
31
  </head>
31
32
 
32
33
  <body>
package/demo/elements/highlight/prism-highlight.html CHANGED
@@ -12,6 +12,7 @@
12
12
  }
13
13
  </style>
14
14
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
15
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
15
16
  </head>
16
17
  <body>
17
18
  <div class="vertical-section-container centered">
package/demo/elements/http/body-editor.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP body editing</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  </head>
10
11
 
11
12
  <body class="demo">
package/demo/elements/http/headers.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP headers editing</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  </head>
10
11
 
11
12
  <body class="demo">
package/demo/elements/http/http-assertions.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP Assertions</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  </head>
10
11
 
11
12
  <body class="demo">
package/demo/elements/http/request-editor.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP request editor</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/http/request-log.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
6
6
  <title>Request log</title>
7
7
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
8
9
  <style></style>
9
10
  </head>
10
11
  <body>
package/demo/elements/http/url-editing.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP url editing</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  </head>
10
11
 
11
12
  <body class="demo">
package/demo/elements/icons/index.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
6
6
  <title>Icons</title>
7
7
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
8
9
  <style>
9
10
  h2 {
10
11
  text-transform: capitalize;
package/demo/elements/project/project-run-report.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
6
6
  <title>Project Run Report</title>
7
7
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
8
9
  <style>
9
10
  project-run-report {
10
11
  margin: 0 20px;
package/demo/elements/project/request-editor.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
7
7
  <title>HTTP body editing</title>
8
8
  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .editor-wrapper {
11
12
  padding: 20px;
package/demo/elements/ui/buttons/api-button.html CHANGED
@@ -5,7 +5,8 @@
5
5
  <title>UI button</title>
6
6
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
7
7
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
8
- <link href="../../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
8
+ <link href="../../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
9
10
  <style>
10
11
  .demo-row {
11
12
  margin: 20px 0;
package/demo/elements/ui/buttons/api-icon-button.html CHANGED
@@ -6,7 +6,8 @@
6
6
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
7
7
  <title>UI icon button</title>
8
8
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
9
- <link href="../../../themes/m3/tokens.css" rel="stylesheet" type="text/css" />
9
+ <link href="../../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
10
+ <link href="../../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
10
11
  <style>
11
12
  .demo-row {
12
13
  margin: 20px 0;