@corti/dictation-web 0.5.0-rc → 0.5.0-rc.2

package/dist/styles/keybinding-selector.js

@@ -25,7 +25,6 @@ const KeybindingSelectorStyles = [
     min-width: 0;
     border: none;
     background: transparent;
-    font-size: 14px;
     line-height: 24px;
     color: var(--component-text-color, light-dark(#333, #eee));
     outline: none;
@@ -50,8 +49,8 @@ const KeybindingSelectorStyles = [
     border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
     border-radius: var(--card-inner-border-radius, 6px);
     box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
-    font-size: 16px;
-    line-height: 28px;
+    font-size: 14px;
+    line-height: 24px;
     color: var(--component-text-color, light-dark(#333, #eee));
     opacity: 0.6;
     text-align: center;
@@ -64,7 +63,14 @@ const KeybindingSelectorStyles = [
     opacity: 0.6;
     margin: 0;
     letter-spacing: 0.01px;
-    padding-top: 8px;
+  }
+  .settings-group {
+    background: var(--card-background, light-dark(#fafafa, #2a2a2a));
+    padding: 12px;
+    border-radius: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
   }
 `,
 ];

package/dist/styles/keybinding-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"keybinding-selector.js","sourceRoot":"","sources":["../../src/styles/keybinding-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,wBAAwB,GAAG;IAC/B,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEJ;CACA,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst KeybindingSelectorStyles = [\n  LabelStyles,\n  css`\n  :host {\n    display: block;\n  }\n  .keybinding-selector-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: var(--card-padding, 4px) 8px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    overflow: hidden;\n  }\n  .keybinding-selector-wrapper:focus-within {\n    border-color: var(--action-accent-background, light-dark(#007bff, #0056b3));\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n  }\n  .keybinding-selector-input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    outline: none;\n    padding: 0;\n    cursor: text;\n  }\n  .keybinding-selector-input::placeholder {\n    opacity: 0.6;\n    color: var(--component-text-color, light-dark(#333, #eee));\n  }\n  .keybinding-selector-input:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  .keybinding-key {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.5rem;\n    height: 24px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    font-size: 16px;\n    line-height: 28px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    text-align: center;\n    flex-shrink: 0;\n  }\n  .keybinding-help {\n    font-size: 12px;\n    line-height: 20px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    margin: 0;\n    letter-spacing: 0.01px;\n    padding-top: 8px;\n  }\n`,\n];\n\nexport default KeybindingSelectorStyles;\n"]}
+{"version":3,"file":"keybinding-selector.js","sourceRoot":"","sources":["../../src/styles/keybinding-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,wBAAwB,GAAG;IAC/B,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEJ;CACA,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst KeybindingSelectorStyles = [\n  LabelStyles,\n  css`\n  :host {\n    display: block;\n  }\n  .keybinding-selector-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: var(--card-padding, 4px) 8px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    overflow: hidden;\n  }\n  .keybinding-selector-wrapper:focus-within {\n    border-color: var(--action-accent-background, light-dark(#007bff, #0056b3));\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n  }\n  .keybinding-selector-input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    background: transparent;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    outline: none;\n    padding: 0;\n    cursor: text;\n  }\n  .keybinding-selector-input::placeholder {\n    opacity: 0.6;\n    color: var(--component-text-color, light-dark(#333, #eee));\n  }\n  .keybinding-selector-input:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  .keybinding-key {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.5rem;\n    height: 24px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    font-size: 14px;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    text-align: center;\n    flex-shrink: 0;\n  }\n  .keybinding-help {\n    font-size: 12px;\n    line-height: 20px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    margin: 0;\n    letter-spacing: 0.01px;\n  }\n  .settings-group {\n    background: var(--card-background, light-dark(#fafafa, #2a2a2a));\n    padding: 12px;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n`,\n];\n\nexport default KeybindingSelectorStyles;\n"]}

package/dist/styles/settings-menu.js

@@ -29,14 +29,6 @@ const SettingsMenuStyles = css `
     flex-direction: column;
     gap: 16px;
   }
-  .settings-group {
-    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));
-    padding: 12px;
-    border-radius: 10px;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
 `;
 export default SettingsMenuStyles;
 //# sourceMappingURL=settings-menu.js.map

package/dist/styles/settings-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/styles/settings-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC7B,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SettingsMenuStyles = css`\n  :host {\n    display: block;\n  }\n  /* Retain the anchor-name styling for this component */\n  #settings-popover-button {\n    anchor-name: --settings_popover_btn;\n  }\n  [popover] {\n    margin: 0;\n    padding: 16px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-border-radius, 8px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    z-index: 1000;\n    max-width: 260px;\n    width: 100%;\n    min-width: 200px;\n    position-anchor: --settings_popover_btn;\n    position-area: bottom span-right;\n    position-visibility: always;\n    position-try-fallbacks: flip-inline;\n    overflow-x: hidden;\n  }\n  .settings-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n  .settings-group {\n    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));\n    padding: 12px;\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n`;\n\nexport default SettingsMenuStyles;\n"]}
+{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/styles/settings-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B7B,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SettingsMenuStyles = css`\n  :host {\n    display: block;\n  }\n  /* Retain the anchor-name styling for this component */\n  #settings-popover-button {\n    anchor-name: --settings_popover_btn;\n  }\n  [popover] {\n    margin: 0;\n    padding: 16px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-border-radius, 8px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    z-index: 1000;\n    max-width: 260px;\n    width: 100%;\n    min-width: 200px;\n    position-anchor: --settings_popover_btn;\n    position-area: bottom span-right;\n    position-visibility: always;\n    position-try-fallbacks: flip-inline;\n    overflow-x: hidden;\n  }\n  .settings-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n`;\n\nexport default SettingsMenuStyles;\n"]}