@api-client/ui 0.0.3 → 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 (86) 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-error.html +2 -0
  27. package/demo/elements/authorization/oauth-popup.html +2 -0
  28. package/demo/elements/authorization/oauth2.html +1 -0
  29. package/demo/elements/authorization/oidc.html +1 -0
  30. package/demo/elements/authorization/redirect.html +3 -1
  31. package/demo/elements/context-menu/basic.html +2 -1
  32. package/demo/elements/context-menu/custom-data.html +2 -1
  33. package/demo/elements/context-menu/enabled-state.html +2 -1
  34. package/demo/elements/context-menu/icons.html +2 -1
  35. package/demo/elements/context-menu/index.html +2 -0
  36. package/demo/elements/context-menu/nested.html +2 -1
  37. package/demo/elements/context-menu/no-execute.html +2 -1
  38. package/demo/elements/context-menu/radio-menu.html +2 -1
  39. package/demo/elements/context-menu/separators.html +2 -1
  40. package/demo/elements/environment/environment-editor.html +1 -0
  41. package/demo/elements/environment/index.html +1 -0
  42. package/demo/elements/environment/server-editor.html +1 -1
  43. package/demo/elements/environment/variables-editor.html +1 -1
  44. package/demo/elements/har/har-viewer.html +1 -0
  45. package/demo/elements/highlight/index.html +1 -0
  46. package/demo/elements/highlight/marked-highlight.html +1 -0
  47. package/demo/elements/highlight/prism-highlight.html +1 -0
  48. package/demo/elements/http/body-editor.html +1 -0
  49. package/demo/elements/http/headers.html +1 -0
  50. package/demo/elements/http/http-assertions.html +1 -0
  51. package/demo/elements/http/request-editor.html +1 -0
  52. package/demo/elements/http/request-log.html +1 -0
  53. package/demo/elements/http/url-editing.html +1 -0
  54. package/demo/elements/icons/index.html +1 -0
  55. package/demo/elements/project/project-run-report.html +1 -0
  56. package/demo/elements/project/request-editor.html +1 -0
  57. package/demo/elements/ui/buttons/api-button.html +2 -1
  58. package/demo/elements/ui/buttons/api-icon-button.html +2 -1
  59. package/demo/elements/ui/buttons/segmented-buttons.html +2 -1
  60. package/demo/elements/ui/chip/api-chip.html +2 -1
  61. package/demo/elements/ui/collapse/ui-collapse.html +2 -1
  62. package/demo/elements/ui/dialog/ui-dialog.html +2 -1
  63. package/demo/elements/ui/inputs/api-checkbox.html +2 -1
  64. package/demo/elements/ui/inputs/api-input.html +2 -1
  65. package/demo/elements/ui/inputs/api-radio.html +2 -1
  66. package/demo/elements/ui/inputs/api-switch.html +2 -1
  67. package/demo/elements/ui/list/dropdown-list.html +2 -1
  68. package/demo/elements/ui/list/list.html +2 -1
  69. package/demo/elements/ui/notification/snack.html +2 -1
  70. package/demo/elements/ui/progress/ui-progress.html +2 -1
  71. package/demo/elements/ui/tabs/tabs.html +2 -1
  72. package/dist/pages/demo/DemoPage.d.ts.map +1 -1
  73. package/dist/pages/demo/DemoPage.js +12 -11
  74. package/dist/pages/demo/DemoPage.js.map +1 -1
  75. package/dist/ui/dialog/UiDialog.d.ts +1 -1
  76. package/dist/ui/dialog/UiDialog.d.ts.map +1 -1
  77. package/dist/ui/dialog/UiDialog.js +5 -3
  78. package/dist/ui/dialog/UiDialog.js.map +1 -1
  79. package/package.json +1 -1
  80. package/src/pages/demo/DemoPage.ts +12 -11
  81. package/src/ui/dialog/UiDialog.ts +6 -4
  82. package/test/ui/dialog/UiDialog.test.ts +236 -0
  83. package/demo/themes/default.css +0 -0
  84. package/demo/themes/m3/theme.dark.css +0 -40
  85. package/demo/themes/m3/theme.light.css +0 -40
  86. package/demo/themes/m3/tokens.css +0 -291
@@ -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
 
@@ -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
 
@@ -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>
@@ -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
 
@@ -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
 
@@ -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">
@@ -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;
@@ -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;
@@ -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
 
@@ -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">
@@ -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 {
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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">
@@ -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>
@@ -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">
@@ -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
 
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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>
@@ -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;
@@ -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>
@@ -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>
@@ -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;
@@ -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;
@@ -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>
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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>
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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;
@@ -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>
@@ -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">
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -5,7 +5,8 @@
5
5
  <title>UI segmented buttons</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;