@react95/core 9.6.1 → 9.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/cjs/TitleBar/TitleBar.cjs +8 -1
  2. package/cjs/TitleBar/TitleBar.css.cjs +2 -0
  3. package/cjs/TitleBar/TitleBar.css.ts.vanilla.css +3 -0
  4. package/cjs/themes/azureOrange.css.cjs +0 -1
  5. package/cjs/themes/contract.css.cjs +1 -0
  6. package/esm/TitleBar/TitleBar.css.mjs +2 -0
  7. package/esm/TitleBar/TitleBar.css.ts.vanilla.css +3 -0
  8. package/esm/TitleBar/TitleBar.mjs +9 -2
  9. package/esm/themes/azureOrange.css.mjs +0 -1
  10. package/esm/themes/contract.css.mjs +1 -0
  11. package/package.json +2 -2
  12. package/types/TitleBar/TitleBar.css.d.ts +1 -0
package/cjs/TitleBar/TitleBar.cjs CHANGED
@@ -57,7 +57,14 @@ const DefaultOption = Frame.fixedForwardRef(
57
57
  (props, ref) => {
58
58
  const { kind, ...rest } = props;
59
59
  const optionType = defaultOptions[kind] || defaultOptions.help;
60
- return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement("img", { src: optionType.src, alt: optionType.alt }));
60
+ return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
61
+ "img",
62
+ {
63
+ src: optionType.src,
64
+ alt: optionType.alt,
65
+ className: TitleBar_css.optionImage
66
+ }
67
+ ));
61
68
  }
62
69
  );
63
70
  const Help = Frame.fixedForwardRef(
package/cjs/TitleBar/TitleBar.css.cjs CHANGED
@@ -6,7 +6,9 @@ var optionsBox = "r95_1kpzw680";
6
6
  var option = "r95_1kpzw681";
7
7
  var titleBarBackground = createRuntimeFn.createRuntimeFn({ defaultClassName: "r95_1kpzw682", variantClassNames: { active: { true: "r95_1kpzw683", false: "r95_1kpzw684" } }, defaultVariants: {}, compoundVariants: [] });
8
8
  var title = "r95_1kpzw685";
9
+ var optionImage = "r95_1kpzw686";
9
10
  exports.option = option;
11
+ exports.optionImage = optionImage;
10
12
  exports.optionsBox = optionsBox;
11
13
  exports.title = title;
12
14
  exports.titleBarBackground = titleBarBackground;
package/cjs/TitleBar/TitleBar.css.ts.vanilla.css CHANGED
@@ -65,4 +65,7 @@
65
65
  text-shadow: 0.5px 0px white, 1.5px 0px white;
66
66
  color: transparent;
67
67
  letter-spacing: 1px;
68
+ }
69
+ .r95_1kpzw686 {
70
+ max-width: none;
68
71
  }
package/cjs/themes/azureOrange.css.cjs CHANGED
@@ -1,4 +1,3 @@
1
1
  require('./azureOrange.css.ts.vanilla.css');
2
2
  "use strict";
3
- require("./contract.css.ts.vanilla.css.cjs");
4
3
  /* empty css */
package/cjs/themes/contract.css.cjs CHANGED
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ require("./contract.css.ts.vanilla.css.cjs");
3
4
  var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
4
5
  exports.contract = contract;
package/esm/TitleBar/TitleBar.css.mjs CHANGED
@@ -4,8 +4,10 @@ var optionsBox = "r95_1kpzw680";
4
4
  var option = "r95_1kpzw681";
5
5
  var titleBarBackground = createRuntimeFn({ defaultClassName: "r95_1kpzw682", variantClassNames: { active: { true: "r95_1kpzw683", false: "r95_1kpzw684" } }, defaultVariants: {}, compoundVariants: [] });
6
6
  var title = "r95_1kpzw685";
7
+ var optionImage = "r95_1kpzw686";
7
8
  export {
8
9
  option,
10
+ optionImage,
9
11
  optionsBox,
10
12
  title,
11
13
  titleBarBackground
package/esm/TitleBar/TitleBar.css.ts.vanilla.css CHANGED
@@ -65,4 +65,7 @@
65
65
  text-shadow: 0.5px 0px white, 1.5px 0px white;
66
66
  color: transparent;
67
67
  letter-spacing: 1px;
68
+ }
69
+ .r95_1kpzw686 {
70
+ max-width: none;
68
71
  }
package/esm/TitleBar/TitleBar.mjs CHANGED
@@ -7,7 +7,7 @@ import minimize from "./minimize.svg.mjs";
7
7
  import restore from "./restore.svg.mjs";
8
8
  import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
9
9
  import { button } from "../Button/Button.css.mjs";
10
- import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.mjs";
10
+ import { optionsBox, option, optionImage, titleBarBackground, title } from "./TitleBar.css.mjs";
11
11
  const defaultOptions = {
12
12
  help: {
13
13
  alt: "help",
@@ -55,7 +55,14 @@ const DefaultOption = fixedForwardRef(
55
55
  (props, ref) => {
56
56
  const { kind, ...rest } = props;
57
57
  const optionType = defaultOptions[kind] || defaultOptions.help;
58
- return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement("img", { src: optionType.src, alt: optionType.alt }));
58
+ return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
59
+ "img",
60
+ {
61
+ src: optionType.src,
62
+ alt: optionType.alt,
63
+ className: optionImage
64
+ }
65
+ ));
59
66
  }
60
67
  );
61
68
  const Help = fixedForwardRef(
package/esm/themes/azureOrange.css.mjs CHANGED
@@ -1,3 +1,2 @@
1
1
  import './azureOrange.css.ts.vanilla.css';
2
- import "./contract.css.ts.vanilla.css.mjs";
3
2
  /* empty css */
package/esm/themes/contract.css.mjs CHANGED
@@ -1,3 +1,4 @@
1
+ import "./contract.css.ts.vanilla.css.mjs";
1
2
  var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
2
3
  export {
3
4
  contract
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react95/core",
3
- "version": "9.6.1",
3
+ "version": "9.6.2",
4
4
  "description": "Windows 95 styleguide",
5
5
  "main": "cjs/index.cjs",
6
6
  "type": "module",
@@ -195,7 +195,7 @@
195
195
  "url": "https://github.com/React95/React95/issues"
196
196
  },
197
197
  "homepage": "https://github.com/React95/React95#readme",
198
- "gitHead": "f5b381bc45749790e1525f39ff31767e6ac707e0",
198
+ "gitHead": "fc7734d72c1b9c94e807ae71f154ae5d1ac2f054",
199
199
  "module": "esm/index.mjs",
200
200
  "private": false,
201
201
  "types": "types/index.d.ts"
package/types/TitleBar/TitleBar.css.d.ts CHANGED
@@ -13,3 +13,4 @@ export declare const titleBarBackground: import("@vanilla-extract/recipes").Runt
13
13
  };
14
14
  }>;
15
15
  export declare const title: string;
16
+ export declare const optionImage: string;