vsc-ui-react 0.0.1 → 0.0.2

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type ButtonProps } from '@fluentui/react-components';
+type VscButtonSize = ButtonProps['size'] | 'compact';
+export type VscButtonProps = Omit<ButtonProps, 'size'> & {
+    size?: VscButtonSize;
+};
+export declare const VscButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "size"> & {
+    size?: VscButtonSize;
+} & 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,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAqBtE,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;2CA4BrB,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 u=require("react/jsx-runtime"),m=require("react"),y=require("@fluentui/react-components");function r(o){var e,s,c="";if(typeof o=="string"||typeof o=="number")c+=o;else if(typeof o=="object")if(Array.isArray(o)){var n=o.length;for(e=0;e<n;e++)o[e]&&(s=r(o[e]))&&(c&&(c+=" "),c+=s)}else for(s in o)o[s]&&(c&&(c+=" "),c+=s);return c}function _(){for(var o,e,s=0,c="",n=arguments.length;s<n;s++)(o=arguments[s])&&(e=r(o))&&(c&&(c+=" "),c+=e);return c}const p="_vscodePrimary_lj2ci_21",S="_vscodeSmall_lj2ci_53",f="_vscodeCompact_lj2ci_64",j="_vscodeSecondary_lj2ci_76",b="_vscodeOutline_lj2ci_125",g="_vscodeSubtle_lj2ci_175",C="_vscodeTransparent_lj2ci_228",O="_vscodeIconOnly_lj2ci_316",t={vscodePrimary:p,vscodeSmall:S,vscodeCompact:f,vscodeSecondary:j,vscodeOutline:b,vscodeSubtle:g,vscodeTransparent:C,vscodeIconOnly:O},P={primary:t.vscodePrimary,secondary:t.vscodeSecondary,outline:t.vscodeOutline,subtle:t.vscodeSubtle,transparent:t.vscodeTransparent},T={small:t.vscodeSmall,medium:"",large:t.vscodeLarge,compact:t.vscodeCompact},a=m.forwardRef(({appearance:o,size:e,icon:s,className:c,children:n,...l},d)=>{const v=e==="compact"?void 0:e,i=_(P[o??"secondary"],e&&T[e],s&&!n&&t.vscodeIconOnly,c);return u.jsx(y.Button,{ref:d,appearance:o,size:v,icon:s,className:i,...l,children:n})});a.displayName="VscButton";exports.VscButton=a;

package/dist/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--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}._vscodePrimary_lj2ci_21{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border)!important;background-color:var(--vscode-button-background)!important;color:var(--vscode-button-foreground)!important;box-shadow:none!important}._vscodePrimary_lj2ci_21:hover{background-color:var(--vscode-button-hoverBackground)!important;color:var(--vscode-button-foreground)!important;border-color:var(--vscode-button-border)!important}._vscodePrimary_lj2ci_21[aria-pressed=true],._vscodePrimary_lj2ci_21:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimary_lj2ci_21:disabled,._vscodePrimary_lj2ci_21[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimary_lj2ci_21._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodePrimary_lj2ci_21._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeSecondary_lj2ci_76{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border)!important;background-color:var(--vscode-button-secondaryBackground)!important;color:var(--vscode-button-secondaryForeground)!important;box-shadow:none!important}._vscodeSecondary_lj2ci_76:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-button-secondaryForeground)!important;border-color:var(--vscode-button-border)!important}._vscodeSecondary_lj2ci_76[aria-pressed=true],._vscodeSecondary_lj2ci_76:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondary_lj2ci_76:disabled,._vscodeSecondary_lj2ci_76[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondary_lj2ci_76._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSecondary_lj2ci_76._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeOutline_lj2ci_125{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid var(--vscode-button-border)!important;background-color:transparent!important;color:var(--vscode-button-secondaryForeground)!important;box-shadow:none!important}._vscodeOutline_lj2ci_125:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-button-secondaryForeground)!important;border-color:var(--vscode-button-border)!important}._vscodeOutline_lj2ci_125[aria-pressed=true],._vscodeOutline_lj2ci_125:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutline_lj2ci_125:disabled,._vscodeOutline_lj2ci_125[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutline_lj2ci_125._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeOutline_lj2ci_125._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeSubtle_lj2ci_175{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:1px solid transparent!important;background-color:transparent!important;color:var(--vscode-foreground)!important;box-shadow:none!important}._vscodeSubtle_lj2ci_175:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important;color:var(--vscode-foreground)!important;border-color:var(--vscode-button-border)!important}._vscodeSubtle_lj2ci_175:hover span,._vscodeSubtle_lj2ci_175:hover svg{color:var(--vscode-foreground)!important}._vscodeSubtle_lj2ci_175[aria-pressed=true],._vscodeSubtle_lj2ci_175:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtle_lj2ci_175:disabled,._vscodeSubtle_lj2ci_175[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtle_lj2ci_175._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSubtle_lj2ci_175._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeTransparent_lj2ci_228{height:28px;min-height:28px;min-width:auto!important;padding:4px 8px;border-radius:4px;gap:4px!important;font-size:var(--fluent-fontSizeBase300);font-weight:var(--fluent-fontWeightRegular)!important;line-height:var(--fluent-lineHeightBase300);border:none!important;background-color:transparent!important;color:var(--vscode-foreground)!important;box-shadow:none!important}._vscodeTransparent_lj2ci_228:hover{background-color:transparent!important;color:var(--vscode-textLink-foreground)!important}._vscodeTransparent_lj2ci_228[aria-pressed=true],._vscodeTransparent_lj2ci_228:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparent_lj2ci_228:disabled,._vscodeTransparent_lj2ci_228[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparent_lj2ci_228._vscodeSmall_lj2ci_53{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeTransparent_lj2ci_228._vscodeCompact_lj2ci_64{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodePrimary_lj2ci_21 .fui-Button__icon,._vscodeSecondary_lj2ci_76 .fui-Button__icon,._vscodeOutline_lj2ci_125 .fui-Button__icon,._vscodeSubtle_lj2ci_175 .fui-Button__icon,._vscodeTransparent_lj2ci_228 .fui-Button__icon{font-size:16px;width:16px;height:16px;margin:0!important}._vscodeSmall_lj2ci_53 .fui-Button__icon{font-size:14px;width:14px;height:14px;margin:0!important}._vscodeCompact_lj2ci_64 .fui-Button__icon{font-size:12px;width:12px;height:12px;margin:0!important}._vscodeSmall_lj2ci_53 .fui-Button__icon .codicon{font-size:14px!important}._vscodeCompact_lj2ci_64 .fui-Button__icon .codicon{font-size:12px!important}._vscodeIconOnly_lj2ci_316{width:28px;height:28px;min-width:28px;min-height:28px;padding:6px;border-radius:4px}._vscodeIconOnly_lj2ci_316._vscodeSmall_lj2ci_53{width:22px;height:22px;min-width:22px;min-height:22px;padding:3px}._vscodeIconOnly_lj2ci_316._vscodeCompact_lj2ci_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_lj2ci_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton:focus-visible,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton:focus-visible,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton:disabled,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);border:1px solid var(--vscode-button-border)}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton{border-right:none}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__primaryActionButton:hover,._vscodePrimarySplit_lj2ci_347 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton:focus-visible,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton:disabled,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground);border:1px solid var(--vscode-button-border)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__primaryActionButton:hover,._vscodeSecondarySplit_lj2ci_405 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton:focus-visible,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton:disabled,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid var(--vscode-button-border)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton{border-right:none}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__primaryActionButton:hover,._vscodeOutlineSplit_lj2ci_453 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton:focus-visible,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton:disabled,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:1px solid transparent}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__primaryActionButton:hover,._vscodeSubtleSplit_lj2ci_501 .fui-SplitButton__menuButton:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{height:28px;min-height:28px;border-radius:4px;font-size:var(--fluent-fontSizeBase300)}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton{padding:4px 8px;border-top-right-radius:0;border-bottom-right-radius:0}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{padding:4px 6px;border-top-left-radius:0;border-bottom-left-radius:0}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton:focus-visible,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton:disabled,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{background-color:transparent;color:var(--vscode-foreground);border:none}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton{border-left:1px solid var(--vscode-button-separator)}._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__primaryActionButton:hover,._vscodeTransparentSplit_lj2ci_547 .fui-SplitButton__menuButton:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton{width:22px;min-width:22px;padding:3px;border-radius:4px 0 0 4px}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton{width:16px;min-width:16px;padding:0 2px;border-radius:0 4px 4px 0}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton:focus-visible,._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton:focus-visible,._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton[aria-pressed=true],._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton[aria-pressed=true]{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__primaryActionButton:disabled,._vscodeIconOnlySplit_lj2ci_593 .fui-SplitButton__menuButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__primaryActionButton,._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__menuButton{height:22px;min-height:22px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__primaryActionButton{padding:3px 6px}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__menuButton{padding:3px 4px}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__primaryActionButton,._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__menuButton{height:15px;min-height:15px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__primaryActionButton{padding:0 4px}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__menuButton{padding:0 3px}.fui-SplitButton .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:16px;width:16px;height:16px}._vscodeSmallSplit_lj2ci_624 .fui-SplitButton__primaryActionButton .fui-Button__icon{font-size:14px;width:14px;height:14px}._vscodeCompactSplit_lj2ci_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_lj2ci_624 .fui-SplitButton__menuButton svg{width:12px;height:12px}._vscodeCompactSplit_lj2ci_639 .fui-SplitButton__menuButton svg{width:10px;height:10px}._vscodePrimaryMenu_lj2ci_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_lj2ci_693[aria-pressed=true],._vscodePrimaryMenu_lj2ci_693:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodePrimaryMenu_lj2ci_693:disabled,._vscodePrimaryMenu_lj2ci_693[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodePrimaryMenu_lj2ci_693 .fui-MenuButton__menuIcon{font-size:14px}._vscodePrimaryMenu_lj2ci_693 .fui-Button__icon{font-size:16px}._vscodePrimaryMenu_lj2ci_693{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-background);color:var(--vscode-button-foreground)}._vscodePrimaryMenu_lj2ci_693:hover{background-color:var(--vscode-button-hoverBackground)}._vscodeSecondaryMenu_lj2ci_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_lj2ci_730[aria-pressed=true],._vscodeSecondaryMenu_lj2ci_730:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSecondaryMenu_lj2ci_730:disabled,._vscodeSecondaryMenu_lj2ci_730[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSecondaryMenu_lj2ci_730 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSecondaryMenu_lj2ci_730 .fui-Button__icon{font-size:16px}._vscodeSecondaryMenu_lj2ci_730{border:1px solid var(--vscode-button-border);background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground)}._vscodeSecondaryMenu_lj2ci_730:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeOutlineMenu_lj2ci_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_lj2ci_765[aria-pressed=true],._vscodeOutlineMenu_lj2ci_765:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeOutlineMenu_lj2ci_765:disabled,._vscodeOutlineMenu_lj2ci_765[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeOutlineMenu_lj2ci_765 .fui-MenuButton__menuIcon{font-size:14px}._vscodeOutlineMenu_lj2ci_765 .fui-Button__icon{font-size:16px}._vscodeOutlineMenu_lj2ci_765{border:1px solid var(--vscode-button-border);background-color:transparent;color:var(--vscode-button-secondaryForeground)}._vscodeOutlineMenu_lj2ci_765:hover{background-color:var(--vscode-button-secondaryHoverBackground)}._vscodeSubtleMenu_lj2ci_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_lj2ci_800[aria-pressed=true],._vscodeSubtleMenu_lj2ci_800:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeSubtleMenu_lj2ci_800:disabled,._vscodeSubtleMenu_lj2ci_800[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeSubtleMenu_lj2ci_800 .fui-MenuButton__menuIcon{font-size:14px}._vscodeSubtleMenu_lj2ci_800 .fui-Button__icon{font-size:16px}._vscodeSubtleMenu_lj2ci_800{border:1px solid transparent;background-color:transparent;color:var(--vscode-foreground)}._vscodeSubtleMenu_lj2ci_800:hover{background-color:var(--vscode-button-secondaryHoverBackground);border-color:var(--vscode-button-border)}._vscodeTransparentMenu_lj2ci_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_lj2ci_836[aria-pressed=true],._vscodeTransparentMenu_lj2ci_836:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}._vscodeTransparentMenu_lj2ci_836:disabled,._vscodeTransparentMenu_lj2ci_836[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}._vscodeTransparentMenu_lj2ci_836 .fui-MenuButton__menuIcon{font-size:14px}._vscodeTransparentMenu_lj2ci_836 .fui-Button__icon{font-size:16px}._vscodeTransparentMenu_lj2ci_836{border:none;background-color:transparent;color:var(--vscode-foreground)}._vscodeTransparentMenu_lj2ci_836:hover{background-color:transparent;color:var(--vscode-textLink-foreground)}._vscodeSmallMenu_lj2ci_873{height:22px;min-height:22px;padding:3px 6px;gap:3px!important;font-size:var(--fluent-fontSizeBase200);line-height:var(--fluent-lineHeightBase200)}._vscodeSmallMenu_lj2ci_873 .fui-MenuButton__menuIcon{font-size:12px}._vscodeSmallMenu_lj2ci_873 .fui-Button__icon{font-size:14px}._vscodeCompactMenu_lj2ci_888{height:15px;min-height:15px;padding:0 4px;gap:2px!important;font-size:var(--fluent-fontSizeBase100);line-height:var(--fluent-lineHeightBase100)}._vscodeCompactMenu_lj2ci_888 .fui-MenuButton__menuIcon{font-size:10px}._vscodeCompactMenu_lj2ci_888 .fui-Button__icon,._vscodeIconOnlyMenu_lj2ci_904 .fui-MenuButton__menuIcon{font-size:12px}._vscodeIconOnlyMenu_lj2ci_904{width:auto;min-width:28px;height:28px;min-height:28px;padding:6px 7px 6px 6px;gap:2px!important}._vscodeIconOnlyMenu_lj2ci_904._vscodeSmallMenu_lj2ci_873{min-width:22px;height:22px;min-height:22px;padding:3px 4px 3px 3px}._vscodeIconOnlyMenu_lj2ci_904._vscodeCompactMenu_lj2ci_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,62 @@
-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,
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { Button as p } from "@fluentui/react-components";
+import './index.css';function r(o) {
+  var s, e, c = "";
+  if (typeof o == "string" || typeof o == "number") c += o;
+  else if (typeof o == "object") if (Array.isArray(o)) {
+    var n = o.length;
+    for (s = 0; s < n; s++) o[s] && (e = r(o[s])) && (c && (c += " "), c += e);
+  } else for (e in o) o[e] && (c && (c += " "), c += e);
+  return c;
+}
+function u() {
+  for (var o, s, e = 0, c = "", n = arguments.length; e < n; e++) (o = arguments[e]) && (s = r(o)) && (c && (c += " "), c += s);
+  return c;
+}
+const _ = "_vscodePrimary_lj2ci_21", y = "_vscodeSmall_lj2ci_53", f = "_vscodeCompact_lj2ci_64", S = "_vscodeSecondary_lj2ci_76", j = "_vscodeOutline_lj2ci_125", C = "_vscodeSubtle_lj2ci_175", b = "_vscodeTransparent_lj2ci_228", g = "_vscodeIconOnly_lj2ci_316", t = {
+  vscodePrimary: _,
+  vscodeSmall: y,
+  vscodeCompact: f,
+  vscodeSecondary: S,
+  vscodeOutline: j,
+  vscodeSubtle: C,
+  vscodeTransparent: b,
   vscodeIconOnly: g
-}, B = {
-  primary: s.vscodePrimary,
-  secondary: s.vscodeSecondary,
-  outline: s.vscodeOutline,
-  subtle: s.vscodeSubtle,
-  transparent: s.vscodeTransparent
+}, O = {
+  primary: t.vscodePrimary,
+  secondary: t.vscodeSecondary,
+  outline: t.vscodeOutline,
+  subtle: t.vscodeSubtle,
+  transparent: t.vscodeTransparent
 }, 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.'
+  small: t.vscodeSmall,
+  medium: "",
+  large: t.vscodeLarge,
+  compact: t.vscodeCompact
+}, P = i(
+  ({ appearance: o, size: s, icon: e, className: c, children: n, ...a }, l) => {
+    const d = s === "compact" ? void 0 : s, v = u(
+      O[o ?? "secondary"],
+      s && I[s],
+      e && !n && t.vscodeIconOnly,
+      c
     );
-    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(
+      p,
       {
-        ref: _,
-        appearance: c,
-        size: e,
-        icon: t,
-        className: o.join(" "),
-        ...l,
-        children: d
+        ref: l,
+        appearance: o,
+        size: d,
+        icon: e,
+        className: v,
+        ...a,
+        children: n
       }
     );
   }
 );
-L.displayName = "VscButton";
+P.displayName = "VscButton";
 export {
-  L as VscButton
+  P as VscButton
 };

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "vsc-ui-react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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",
@@ -52,6 +52,7 @@
     "sass": "^1.85.1",
     "typescript": "^5.7.3",
     "vite": "^6.2.0",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.0.5"
   },
   "keywords": [
@@ -61,5 +62,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}