vsc-ui-react 0.0.1 → 0.0.3

package/README.md

@@ -17,7 +17,7 @@ import { VscButton } from 'vsc-ui-react';
 
 export function Example() {
   return (
-    <VscButton appearance='primary' compact>
+    <VscButton appearance="primary" compact>
       Save
     </VscButton>
   );
@@ -28,8 +28,19 @@ export function Example() {
 
 - `VscButton` — VS Code styled button
 
-## Release checklist
+## Publishing
 
-1. Update `version` in `package.json`.
-2. Run `npm run test`, `npm run build`, and `npm run typecheck`.
-3. Publish with `npm publish`.
+The package is published to npm automatically via GitHub Actions. No manual `npm publish` is needed.
+
+### How it works
+
+1. The workflow is defined in `.github/workflows/publish.yml`.
+2. When a push to `main` changes `package.json`, it compares the version field to the previous commit.
+3. If the version has changed, it runs `npm ci` and `npm publish` using the `NPM_TOKEN` secret.
+4. The `prepublishOnly` script automatically runs `build`, `typecheck`, `lint`, and `test` before publishing.
+
+### Release steps
+
+1. Bump the `version` in `package.json`.
+2. Commit and push to `main`.
+3. The GitHub Actions workflow handles the rest.

package/dist/components/Button/VscButton.d.ts

@@ -0,0 +1,10 @@
+import { type ButtonProps } from '@fluentui/react-components';
+type VscButtonSize = ButtonProps['size'] | 'compact';
+export type VscButtonProps = Omit<ButtonProps, 'size'> & {
+    size?: VscButtonSize;
+};
+export declare const VscButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "size"> & {
+    size?: VscButtonSize;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=VscButton.d.ts.map

package/dist/components/Button/VscButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VscButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/VscButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAuBtE,KAAK,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS;WAHb,aAAa;qDA6BrB,CAAC"}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { VscButton } from './VscButton';
+export type { VscButtonProps } from './VscButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("react"),m=require("@fluentui/react-components"),y="_vscodePrimary_15h65_1",S="_vscodeSecondary_15h65_2",h="_vscodeOutline_15h65_3",f="_vscodeSubtle_15h65_4",C="_vscodeTransparent_15h65_5",O="_vscodeSmall_15h65_41",b="_vscodeCompact_15h65_53",g="_vscodeLarge_15h65_65",B="_vscodeIconOnly_15h65_173",e={vscodePrimary:y,vscodeSecondary:S,vscodeOutline:h,vscodeSubtle:f,vscodeTransparent:C,vscodeSmall:O,vscodeCompact:b,vscodeLarge:g,vscodeIconOnly:B},P={primary:e.vscodePrimary,secondary:e.vscodeSecondary,outline:e.vscodeOutline,subtle:e.vscodeSubtle,transparent:e.vscodeTransparent},T={small:e.vscodeSmall,large:e.vscodeLarge},v=p.forwardRef(({appearance:c,size:o,compact:t,icon:n,className:a,children:r,...u},_)=>{t&&o&&console.warn('VscButton: "compact" and "size" are mutually exclusive. "compact" takes precedence.');const s=[],d=P[c??"secondary"];if(d&&s.push(d),t)s.push(e.vscodeCompact);else if(o){const l=T[o];l&&s.push(l)}return n&&!r&&s.push(e.vscodeIconOnly),a&&s.push(a),i.jsx(m.Button,{ref:_,appearance:c,size:o,icon:n,className:s.join(" "),...u,children:r})});v.displayName="VscButton";exports.VscButton=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const m=require("react/jsx-runtime"),i=require("@fluentui/react-components"),_=require("react");function r(e){var o,c,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(o=0;o<n;o++)e[o]&&(c=r(e[o]))&&(s&&(s+=" "),s+=c)}else for(c in e)e[c]&&(s&&(s+=" "),s+=c);return s}function y(){for(var e,o,c=0,s="",n=arguments.length;c<n;c++)(e=arguments[c])&&(o=r(e))&&(s&&(s+=" "),s+=o);return s}const p="_vscBase_gu18e_2",g="_vscodePrimary_gu18e_21",S="_vscodeSmall_gu18e_53",f="_vscodeCompact_gu18e_64",b="_vscodeSecondary_gu18e_76",C="_vscodeOutline_gu18e_125",O="_vscodeSubtle_gu18e_175",B="_vscodeTransparent_gu18e_228",P="_vscodeIconOnly_gu18e_316",t={vscBase:p,vscodePrimary:g,vscodeSmall:S,vscodeCompact:f,vscodeSecondary:b,vscodeOutline:C,vscodeSubtle:O,vscodeTransparent:B,vscodeIconOnly:P},T={primary:t.vscodePrimary,secondary:t.vscodeSecondary,outline:t.vscodeOutline,subtle:t.vscodeSubtle,transparent:t.vscodeTransparent},j={small:t.vscodeSmall,medium:"",large:t.vscodeLarge,compact:t.vscodeCompact},a=_.forwardRef(({appearance:e,size:o,icon:c,className:s,children:n,...d},v)=>{const u=o==="compact"?void 0:o,l=y(t.vscBase,T[e??"secondary"],o&&j[o],c&&!n&&t.vscodeIconOnly,s);return m.jsx(i.Button,{ref:v,appearance:e,size:u,icon:c,className:l,...d,children:n})});a.displayName="VscButton";exports.VscButton=a;

package/dist/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";._vscBase_gu18e_2{--fluent-fontFamilyBase: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fluent-fontWeightRegular: 400;--fluent-fontSizeBase300: 14px;--fluent-lineHeightBase300: 20px;--fluent-fontSizeBase200: 12px;--fluent-lineHeightBase200: 16px;--fluent-fontSizeBase100: 10px;--fluent-lineHeightBase100: 14px}._vscBase_gu18e_2._vscodePrimary_gu18e_21{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);box-shadow:none}._vscBase_gu18e_2._vscodePrimary_gu18e_21:hover{background-color:var(--vscode-button-hoverBackground);color:var(--vscode-button-foreground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodePrimary_gu18e_21[aria-pressed=true],._vscBase_gu18e_2._vscodePrimary_gu18e_21:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodePrimary_gu18e_21:disabled,._vscBase_gu18e_2._vscodePrimary_gu18e_21[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodePrimary_gu18e_21._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodePrimary_gu18e_21._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeSecondary_gu18e_76{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground);box-shadow:none}._vscBase_gu18e_2._vscodeSecondary_gu18e_76:hover{background-color:var(--vscode-button-secondaryHoverBackground);color:var(--vscode-button-secondaryForeground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodeSecondary_gu18e_76[aria-pressed=true],._vscBase_gu18e_2._vscodeSecondary_gu18e_76:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeSecondary_gu18e_76:disabled,._vscBase_gu18e_2._vscodeSecondary_gu18e_76[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeSecondary_gu18e_76._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeSecondary_gu18e_76._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeOutline_gu18e_125{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border);background-color:transparent;color:var(--vscode-button-secondaryForeground);box-shadow:none}._vscBase_gu18e_2._vscodeOutline_gu18e_125:hover{background-color:var(--vscode-button-secondaryHoverBackground);color:var(--vscode-button-secondaryForeground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodeOutline_gu18e_125[aria-pressed=true],._vscBase_gu18e_2._vscodeOutline_gu18e_125:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeOutline_gu18e_125:disabled,._vscBase_gu18e_2._vscodeOutline_gu18e_125[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeOutline_gu18e_125._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeOutline_gu18e_125._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:1px solid transparent;background-color:transparent;color:var(--vscode-foreground);box-shadow:none}._vscBase_gu18e_2._vscodeSubtle_gu18e_175:hover{background-color:var(--vscode-button-secondaryHoverBackground);color:var(--vscode-foreground);border-color:var(--vscode-button-border)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175:hover span,._vscBase_gu18e_2._vscodeSubtle_gu18e_175:hover svg{color:var(--vscode-foreground)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175[aria-pressed=true],._vscBase_gu18e_2._vscodeSubtle_gu18e_175:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeSubtle_gu18e_175:disabled,._vscBase_gu18e_2._vscodeSubtle_gu18e_175[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeSubtle_gu18e_175._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeSubtle_gu18e_175._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodeTransparent_gu18e_228{height:28px;min-height:28px;min-width:auto;padding:4px 8px;border-radius:4px;gap:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);border:none;background-color:transparent;color:var(--vscode-foreground);box-shadow:none}._vscBase_gu18e_2._vscodeTransparent_gu18e_228:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscBase_gu18e_2._vscodeTransparent_gu18e_228[aria-pressed=true],._vscBase_gu18e_2._vscodeTransparent_gu18e_228:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscBase_gu18e_2._vscodeTransparent_gu18e_228:disabled,._vscBase_gu18e_2._vscodeTransparent_gu18e_228[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscBase_gu18e_2._vscodeTransparent_gu18e_228._vscodeSmall_gu18e_53{height:22px;min-height:22px;padding:3px 6px;gap:3px;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscBase_gu18e_2._vscodeTransparent_gu18e_228._vscodeCompact_gu18e_64{height:15px;min-height:15px;padding:0 4px;gap:2px;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscBase_gu18e_2._vscodePrimary_gu18e_21 .fui-Button__icon,._vscBase_gu18e_2._vscodeSecondary_gu18e_76 .fui-Button__icon,._vscBase_gu18e_2._vscodeOutline_gu18e_125 .fui-Button__icon,._vscBase_gu18e_2._vscodeSubtle_gu18e_175 .fui-Button__icon,._vscBase_gu18e_2._vscodeTransparent_gu18e_228 .fui-Button__icon{font-size:16px;width:16px;height:16px;margin:0}._vscBase_gu18e_2._vscodeSmall_gu18e_53 .fui-Button__icon{font-size:14px;width:14px;height:14px;margin:0}._vscBase_gu18e_2._vscodeCompact_gu18e_64 .fui-Button__icon{font-size:12px;width:12px;height:12px;margin:0}._vscBase_gu18e_2._vscodeSmall_gu18e_53 .fui-Button__icon .codicon{font-size:14px}._vscBase_gu18e_2._vscodeCompact_gu18e_64 .fui-Button__icon .codicon{font-size:12px}._vscBase_gu18e_2._vscodeIconOnly_gu18e_316{width:28px;height:28px;min-width:28px;min-height:28px;padding:6px;border-radius:4px}._vscBase_gu18e_2._vscodeIconOnly_gu18e_316._vscodeSmall_gu18e_53{width:22px;height:22px;min-width:22px;min-height:22px;padding:3px}._vscBase_gu18e_2._vscodeIconOnly_gu18e_316._vscodeCompact_gu18e_64{width:15px;height:15px;min-width:15px;min-height:15px;padding:0}.fui-SplitButton .fui-SplitButton__primaryActionButton:focus-visible,.fui-SplitButton .fui-SplitButton__primaryActionButton[aria-pressed=true]{z-index:1}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton:focus-visible,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton:focus-visible,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton:disabled,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);border:1px solid var(--vscode-button-border)}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton{border-right:none}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodePrimarySplit_gu18e_347 .fui-SplitButton__primaryActionButton:hover,._vscodePrimarySplit_gu18e_347 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton:focus-visible,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton:disabled,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground);border:1px solid var(--vscode-button-border)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__primaryActionButton:hover,._vscodeSecondarySplit_gu18e_405 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton:focus-visible,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton:disabled,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid var(--vscode-button-border)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__primaryActionButton:hover,._vscodeOutlineSplit_gu18e_453 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton:focus-visible,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton:disabled,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid transparent}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__primaryActionButton:hover,._vscodeSubtleSplit_gu18e_501 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton:focus-visible,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton:disabled,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:none}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__primaryActionButton:hover,._vscodeTransparentSplit_gu18e_547 .fui-SplitButton__menuButton:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton{width:22px;min-width:22px;padding:3px;border-radius:4px 0 0 4px}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton{width:16px;min-width:16px;padding:0 2px;border-radius:0 4px 4px 0}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton:focus-visible,._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__primaryActionButton:disabled,._vscodeIconOnlySplit_gu18e_593 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__primaryActionButton,._vscodeSmallSplit_gu18e_624 .fui-SplitButton__menuButton{height:22px;min-height:22px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__primaryActionButton{padding:3px 6px}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__menuButton{padding:3px 4px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__primaryActionButton,._vscodeCompactSplit_gu18e_639 .fui-SplitButton__menuButton{height:15px;min-height:15px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__primaryActionButton{padding:0 4px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__menuButton{padding:0 3px}.fui-SplitButton .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:16px;width:16px;height:16px}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:14px;width:14px;height:14px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:12px;width:12px;height:12px}.fui-SplitButton .fui-SplitButton__menuButton svg{width:14px;height:14px}._vscodeSmallSplit_gu18e_624 .fui-SplitButton__menuButton svg{width:12px;height:12px}._vscodeCompactSplit_gu18e_639 .fui-SplitButton__menuButton svg{width:10px;height:10px}._vscodePrimaryMenu_gu18e_693{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodePrimaryMenu_gu18e_693[aria-pressed=true],._vscodePrimaryMenu_gu18e_693:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimaryMenu_gu18e_693:disabled,._vscodePrimaryMenu_gu18e_693[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimaryMenu_gu18e_693 .fui-MenuButton__menuIcon{font-size:14px}._vscodePrimaryMenu_gu18e_693 .fui-Button__icon{font-size:16px}._vscodePrimaryMenu_gu18e_693{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-background);color:var(--vscode-button-foreground)}._vscodePrimaryMenu_gu18e_693:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondaryMenu_gu18e_730{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeSecondaryMenu_gu18e_730[aria-pressed=true],._vscodeSecondaryMenu_gu18e_730:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondaryMenu_gu18e_730:disabled,._vscodeSecondaryMenu_gu18e_730[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondaryMenu_gu18e_730 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSecondaryMenu_gu18e_730 .fui-Button__icon{font-size:16px}._vscodeSecondaryMenu_gu18e_730{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground)}._vscodeSecondaryMenu_gu18e_730:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineMenu_gu18e_765{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeOutlineMenu_gu18e_765[aria-pressed=true],._vscodeOutlineMenu_gu18e_765:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineMenu_gu18e_765:disabled,._vscodeOutlineMenu_gu18e_765[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineMenu_gu18e_765 .fui-MenuButton__menuIcon{font-size:14px}._vscodeOutlineMenu_gu18e_765 .fui-Button__icon{font-size:16px}._vscodeOutlineMenu_gu18e_765{border:1px solid var(--vscode-button-border);background-color:transparent;color:var(--vscode-button-secondaryForeground)}._vscodeOutlineMenu_gu18e_765:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleMenu_gu18e_800{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeSubtleMenu_gu18e_800[aria-pressed=true],._vscodeSubtleMenu_gu18e_800:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleMenu_gu18e_800:disabled,._vscodeSubtleMenu_gu18e_800[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleMenu_gu18e_800 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSubtleMenu_gu18e_800 .fui-Button__icon{font-size:16px}._vscodeSubtleMenu_gu18e_800{border:1px solid transparent;background-color:transparent;color:var(--vscode-foreground)}._vscodeSubtleMenu_gu18e_800:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentMenu_gu18e_836{height:28px;min-height:28px;padding:4px 8px;border-radius:4px;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular);line-height:var(--fluent-lineHeightBase300);gap:4px!important;box-shadow:none}._vscodeTransparentMenu_gu18e_836[aria-pressed=true],._vscodeTransparentMenu_gu18e_836:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentMenu_gu18e_836:disabled,._vscodeTransparentMenu_gu18e_836[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentMenu_gu18e_836 .fui-MenuButton__menuIcon{font-size:14px}._vscodeTransparentMenu_gu18e_836 .fui-Button__icon{font-size:16px}._vscodeTransparentMenu_gu18e_836{border:none;background-color:transparent;color:var(--vscode-foreground)}._vscodeTransparentMenu_gu18e_836:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeSmallMenu_gu18e_873{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallMenu_gu18e_873 .fui-MenuButton__menuIcon{font-size:12px}._vscodeSmallMenu_gu18e_873 .fui-Button__icon{font-size:14px}._vscodeCompactMenu_gu18e_888{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactMenu_gu18e_888 .fui-MenuButton__menuIcon{font-size:10px}._vscodeCompactMenu_gu18e_888 .fui-Button__icon,._vscodeIconOnlyMenu_gu18e_904 .fui-MenuButton__menuIcon{font-size:12px}._vscodeIconOnlyMenu_gu18e_904{width:auto;min-width:28px;height:28px;min-height:28px;padding:6px 7px 6px 6px;gap:2px!important}._vscodeIconOnlyMenu_gu18e_904._vscodeSmallMenu_gu18e_873{min-width:22px;height:22px;min-height:22px;padding:3px 4px 3px 3px}._vscodeIconOnlyMenu_gu18e_904._vscodeCompactMenu_gu18e_888{min-width:15px;height:15px;min-height:15px;padding:1px 2px 1px 1px}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { VscButton } from './component/VscButton';
-export type { VscButtonProps } from './component/VscButton';
+export { VscButton } from './components/Button';
+export type { VscButtonProps } from './components/Button';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,52 +1,64 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { Button as m } from "@fluentui/react-components";
-const i = "_vscodePrimary_15h65_1", y = "_vscodeSecondary_15h65_2", h = "_vscodeOutline_15h65_3", S = "_vscodeSubtle_15h65_4", f = "_vscodeTransparent_15h65_5", C = "_vscodeSmall_15h65_41", O = "_vscodeCompact_15h65_53", b = "_vscodeLarge_15h65_65", g = "_vscodeIconOnly_15h65_173", s = {
-  vscodePrimary: i,
-  vscodeSecondary: y,
-  vscodeOutline: h,
-  vscodeSubtle: S,
-  vscodeTransparent: f,
-  vscodeSmall: C,
-  vscodeCompact: O,
-  vscodeLarge: b,
-  vscodeIconOnly: g
-}, B = {
-  primary: s.vscodePrimary,
-  secondary: s.vscodeSecondary,
-  outline: s.vscodeOutline,
-  subtle: s.vscodeSubtle,
-  transparent: s.vscodeTransparent
+import { jsx as m } from "react/jsx-runtime";
+import { Button as u } from "@fluentui/react-components";
+import { forwardRef as _ } from "react";
+import './index.css';function a(o) {
+  var e, c, s = "";
+  if (typeof o == "string" || typeof o == "number") s += o;
+  else if (typeof o == "object") if (Array.isArray(o)) {
+    var n = o.length;
+    for (e = 0; e < n; e++) o[e] && (c = a(o[e])) && (s && (s += " "), s += c);
+  } else for (c in o) o[c] && (s && (s += " "), s += c);
+  return s;
+}
+function i() {
+  for (var o, e, c = 0, s = "", n = arguments.length; c < n; c++) (o = arguments[c]) && (e = a(o)) && (s && (s += " "), s += e);
+  return s;
+}
+const p = "_vscBase_gu18e_2", y = "_vscodePrimary_gu18e_21", g = "_vscodeSmall_gu18e_53", f = "_vscodeCompact_gu18e_64", S = "_vscodeSecondary_gu18e_76", C = "_vscodeOutline_gu18e_125", b = "_vscodeSubtle_gu18e_175", O = "_vscodeTransparent_gu18e_228", B = "_vscodeIconOnly_gu18e_316", t = {
+  vscBase: p,
+  vscodePrimary: y,
+  vscodeSmall: g,
+  vscodeCompact: f,
+  vscodeSecondary: S,
+  vscodeOutline: C,
+  vscodeSubtle: b,
+  vscodeTransparent: O,
+  vscodeIconOnly: B
 }, I = {
-  small: s.vscodeSmall,
-  large: s.vscodeLarge
-}, L = u(
-  ({ appearance: c, size: e, compact: n, icon: t, className: a, children: d, ...l }, _) => {
-    n && e && console.warn(
-      'VscButton: "compact" and "size" are mutually exclusive. "compact" takes precedence.'
+  primary: t.vscodePrimary,
+  secondary: t.vscodeSecondary,
+  outline: t.vscodeOutline,
+  subtle: t.vscodeSubtle,
+  transparent: t.vscodeTransparent
+}, P = {
+  small: t.vscodeSmall,
+  medium: "",
+  large: t.vscodeLarge,
+  compact: t.vscodeCompact
+}, T = _(
+  ({ appearance: o, size: e, icon: c, className: s, children: n, ...r }, d) => {
+    const v = e === "compact" ? void 0 : e, l = i(
+      t.vscBase,
+      I[o ?? "secondary"],
+      e && P[e],
+      c && !n && t.vscodeIconOnly,
+      s
     );
-    const o = [], r = B[c ?? "secondary"];
-    if (r && o.push(r), n)
-      o.push(s.vscodeCompact);
-    else if (e) {
-      const v = I[e];
-      v && o.push(v);
-    }
-    return t && !d && o.push(s.vscodeIconOnly), a && o.push(a), /* @__PURE__ */ p(
-      m,
+    return /* @__PURE__ */ m(
+      u,
       {
-        ref: _,
-        appearance: c,
-        size: e,
-        icon: t,
-        className: o.join(" "),
-        ...l,
-        children: d
+        ref: d,
+        appearance: o,
+        size: v,
+        icon: c,
+        className: l,
+        ...r,
+        children: n
       }
     );
   }
 );
-L.displayName = "VscButton";
+T.displayName = "VscButton";
 export {
-  L as VscButton
+  T as VscButton
 };

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "vsc-ui-react",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "VS Code styled Fluent UI components for React.",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "style": "./dist/vsc-ui-react.css",
+  "style": "./dist/index.css",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./style.css": "./dist/vsc-ui-react.css"
+    "./style.css": "./dist/index.css"
   },
   "files": [
     "dist",
@@ -30,8 +30,12 @@
     "clean": "rimraf dist",
     "build": "npm run clean && vite build && tsc -p tsconfig.build.json",
     "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "test": "vitest run",
-    "prepublishOnly": "npm run build && npm run typecheck && npm run test"
+    "prepublishOnly": "npm run build && npm run typecheck && npm run lint && npm run test"
   },
   "peerDependencies": {
     "@fluentui/react-components": "^9.57.0",
@@ -39,19 +43,28 @@
     "react-dom": "^18.2.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.4",
     "@fluentui/react-components": "^9.57.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.4.1",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
     "happy-dom": "^20.8.3",
+    "prettier": "^3.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^6.0.1",
     "sass": "^1.85.1",
     "typescript": "^5.7.3",
+    "typescript-eslint": "^8.56.1",
     "vite": "^6.2.0",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.0.5"
   },
   "keywords": [
@@ -61,5 +74,8 @@
     "component-library",
     "button"
   ],
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "clsx": "^2.1.1"
+  }
 }

package/dist/component/VscButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type ButtonProps } from '@fluentui/react-components';
-export type VscButtonProps = ButtonProps & {
-    compact?: boolean;
-};
-export declare const VscButton: React.ForwardRefExoticComponent<VscButtonProps & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=VscButton.d.ts.map

package/dist/component/VscButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VscButton.d.ts","sourceRoot":"","sources":["../../src/component/VscButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAmBtE,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,0FA2CrB,CAAC"}

package/dist/vsc-ui-react.css

@@ -1 +0,0 @@
-._vscodePrimary_15h65_1,._vscodeSecondary_15h65_2,._vscodeOutline_15h65_3,._vscodeSubtle_15h65_4,._vscodeTransparent_15h65_5{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:14px;font-weight:400!important;line-height:20px;box-shadow:none!important}._vscodePrimary_15h65_1[aria-pressed=true],._vscodePrimary_15h65_1:focus-visible,._vscodeSecondary_15h65_2[aria-pressed=true],._vscodeSecondary_15h65_2:focus-visible,._vscodeOutline_15h65_3[aria-pressed=true],._vscodeOutline_15h65_3:focus-visible,._vscodeSubtle_15h65_4[aria-pressed=true],._vscodeSubtle_15h65_4:focus-visible,._vscodeTransparent_15h65_5[aria-pressed=true],._vscodeTransparent_15h65_5:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimary_15h65_1:disabled,._vscodePrimary_15h65_1[aria-disabled=true],._vscodeSecondary_15h65_2:disabled,._vscodeSecondary_15h65_2[aria-disabled=true],._vscodeOutline_15h65_3:disabled,._vscodeOutline_15h65_3[aria-disabled=true],._vscodeSubtle_15h65_4:disabled,._vscodeSubtle_15h65_4[aria-disabled=true],._vscodeTransparent_15h65_5:disabled,._vscodeTransparent_15h65_5[aria-disabled=true]{opacity:.4;cursor:not-allowed}._vscodePrimary_15h65_1._vscodeSmall_15h65_41,._vscodeSecondary_15h65_2._vscodeSmall_15h65_41,._vscodeOutline_15h65_3._vscodeSmall_15h65_41,._vscodeSubtle_15h65_4._vscodeSmall_15h65_41,._vscodeTransparent_15h65_5._vscodeSmall_15h65_41{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:12px;line-height:16px}._vscodePrimary_15h65_1._vscodeCompact_15h65_53,._vscodeSecondary_15h65_2._vscodeCompact_15h65_53,._vscodeOutline_15h65_3._vscodeCompact_15h65_53,._vscodeSubtle_15h65_4._vscodeCompact_15h65_53,._vscodeTransparent_15h65_5._vscodeCompact_15h65_53{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:10px;line-height:14px}._vscodePrimary_15h65_1._vscodeLarge_15h65_65,._vscodeSecondary_15h65_2._vscodeLarge_15h65_65,._vscodeOutline_15h65_3._vscodeLarge_15h65_65,._vscodeSubtle_15h65_4._vscodeLarge_15h65_65,._vscodeTransparent_15h65_5._vscodeLarge_15h65_65{height:34px;min-height:34px;padding:6px 12px;gap:6px!important}._vscodePrimary_15h65_1 .fui-Button__icon,._vscodeSecondary_15h65_2 .fui-Button__icon,._vscodeOutline_15h65_3 .fui-Button__icon,._vscodeSubtle_15h65_4 .fui-Button__icon,._vscodeTransparent_15h65_5 .fui-Button__icon{font-size:16px;width:16px;height:16px;margin:0!important}._vscodePrimary_15h65_1{border:1px solid var(--vscode-button-border)!important;background-color:var(--vscode-button-background)!important;color:var(--vscode-button-foreground)!important}._vscodePrimary_15h65_1:hover{background-color:var(--vscode-button-hoverBackground)!important;color:var(--vscode-button-foreground)!important;border-color:var(--vscode-button-border)!important}._vscodeSecondary_15h65_2{border:1px solid var(--vscode-button-border)!important;background-color:var(--vscode-button-secondaryBackground)!important;color:var(--vscode-button-secondaryForeground)!important}._vscodeSecondary_15h65_2:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-button-secondaryForeground)!important;border-color:var(--vscode-button-border)!important}._vscodeOutline_15h65_3{border:1px solid var(--vscode-button-border)!important;background-color:transparent!important;color:var(--vscode-button-secondaryForeground)!important}._vscodeOutline_15h65_3:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-button-secondaryForeground)!important;border-color:var(--vscode-button-border)!important}._vscodeSubtle_15h65_4{border:1px solid transparent!important;background-color:transparent!important;color:var(--vscode-foreground)!important}._vscodeSubtle_15h65_4:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-foreground)!important;border-color:var(--vscode-button-border)!important}._vscodeSubtle_15h65_4:hover span,._vscodeSubtle_15h65_4:hover svg{color:var(--vscode-foreground)!important}._vscodeTransparent_15h65_5{border:none!important;background-color:transparent!important;color:var(--vscode-foreground)!important}._vscodeTransparent_15h65_5:hover{background-color:transparent!important;color:var(--vscode-textLink-foreground)!important}._vscodeSmall_15h65_41 .fui-Button__icon{font-size:14px;width:14px;height:14px}._vscodeCompact_15h65_53 .fui-Button__icon{font-size:12px;width:12px;height:12px}._vscodeSmall_15h65_41 .fui-Button__icon .codicon{font-size:14px!important}._vscodeCompact_15h65_53 .fui-Button__icon .codicon{font-size:12px!important}._vscodeLarge_15h65_65 .fui-Button__icon{font-size:20px;width:20px;height:20px}._vscodeLarge_15h65_65 .fui-Button__icon .codicon{font-size:20px!important}._vscodeIconOnly_15h65_173{width:28px;min-width:28px;padding:6px}._vscodeIconOnly_15h65_173._vscodeSmall_15h65_41{width:22px;min-width:22px;padding:3px}._vscodeIconOnly_15h65_173._vscodeCompact_15h65_53{width:15px;min-width:15px;padding:0}._vscodeIconOnly_15h65_173._vscodeLarge_15h65_65{width:34px;min-width:34px;padding:6px}