@nattstack/ui 0.0.53 → 0.0.55

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 (4) hide show
  1. package/dist/baseline/index.css +1 -1
  2. package/dist/components/index.js +16 -8
  3. package/dist/components/style.css +1 -1
  4. package/package.json +5 -5
package/dist/baseline/index.css CHANGED
@@ -45,7 +45,7 @@ body {
45
45
  -moz-osx-font-smoothing: grayscale;
46
46
  -webkit-font-smoothing: antialiased;
47
47
  -webkit-tap-highlight-color: transparent;
48
- background-color: var(--color-bg-primary);
48
+ background-color: var(--color-bg-shell-outer);
49
49
  color: var(--color-text-secondary);
50
50
  font-family: var(--font-body);
51
51
  font-size: 16px;
package/dist/components/index.js CHANGED
@@ -22,7 +22,8 @@ var button_spinner_module_default = {
22
22
  //#endregion
23
23
  //#region src/components/button/button-spinner.tsx
24
24
  function ButtonSpinner(props) {
25
- const { size = 20 } = props;
25
+ const DEFAULT_SIZE = 20;
26
+ const { size = DEFAULT_SIZE } = props;
26
27
  return /* @__PURE__ */ jsx("div", {
27
28
  className: button_spinner_module_default.button_spinner,
28
29
  style: { "--size": `${size}px` },
@@ -50,7 +51,8 @@ var button_module_default = {
50
51
  //#endregion
51
52
  //#region src/components/button/button.tsx
52
53
  function Button(props) {
53
- const { children = "", className: customClassName = "", iconEnd = "", iconStart = "", isActive = false, isDisabled = false, isFullWidth = false, isIconOnly = false, isLoading = false, isRounded = false, size = 40, type = "button", variant = "primary", ...rest } = props;
54
+ const DEFAULT_SIZE = 40;
55
+ const { children = "", className: customClassName = "", iconEnd = "", iconStart = "", isActive = false, isDisabled = false, isFullWidth = false, isIconOnly = false, isLoading = false, isRounded = false, size = DEFAULT_SIZE, type = "button", variant = "primary", ...rest } = props;
54
56
  return /* @__PURE__ */ jsxs("button", {
55
57
  "aria-pressed": isActive,
56
58
  className: normalizeWhitespace(`
@@ -100,7 +102,8 @@ const BUTTON_CLASS_NAME = {
100
102
  //#endregion
101
103
  //#region src/components/button-link/button-link.tsx
102
104
  function ButtonLink(props) {
103
- const { as = "a", className: customClassName = "", isFullWidth = false, isIconOnly = false, isRounded = false, size = 40, variant = "primary", ...rest } = props;
105
+ const DEFAULT_SIZE = 40;
106
+ const { as = "a", className: customClassName = "", isFullWidth = false, isIconOnly = false, isRounded = false, size = DEFAULT_SIZE, variant = "primary", ...rest } = props;
104
107
  return createElement(as, {
105
108
  className: normalizeWhitespace(`
106
109
  ${BUTTON_CLASS_NAME.BASE}
@@ -265,7 +268,8 @@ var input_module_default = {
265
268
  //#endregion
266
269
  //#region src/components/input/input.tsx
267
270
  function Input(props) {
268
- const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, size = 48, type = "text", ...rest } = props;
271
+ const DEFAULT_SIZE = 48;
272
+ const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, size = DEFAULT_SIZE, type = "text", ...rest } = props;
269
273
  return /* @__PURE__ */ jsx("input", {
270
274
  className: normalizeWhitespace(`
271
275
  ${INPUT_CLASS_NAME.BASE}
@@ -422,7 +426,8 @@ function MenuCheckboxItem(props) {
422
426
  //#endregion
423
427
  //#region src/components/menu/menu-content.tsx
424
428
  function MenuContent(props) {
425
- const { align = "start", alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, keepMounted = void 0, positionMethod = void 0, side = "bottom", sideOffset = 8, sticky = void 0, ...rest } = props;
429
+ const DEFAULT_SIDE_OFFSET = 8;
430
+ const { align = "start", alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, keepMounted = void 0, positionMethod = void 0, side = "bottom", sideOffset = DEFAULT_SIDE_OFFSET, sticky = void 0, ...rest } = props;
426
431
  const combinedClassName = getMenuClassName(MENU_CLASS_NAME.CONTENT, customClassName);
427
432
  return /* @__PURE__ */ jsx(Menu$1.Portal, {
428
433
  container,
@@ -700,7 +705,8 @@ var switch_module_default = {
700
705
  //#endregion
701
706
  //#region src/components/switch/switch.tsx
702
707
  function Switch(props) {
703
- const { className: customClassName = "", isChecked = void 0, isDefaultChecked = false, isDisabled = false, isReadOnly = false, isRequired = false, size = 24, ...rest } = props;
708
+ const DEFAULT_SIZE = 24;
709
+ const { className: customClassName = "", isChecked = void 0, isDefaultChecked = false, isDisabled = false, isReadOnly = false, isRequired = false, size = DEFAULT_SIZE, ...rest } = props;
704
710
  const combinedClassName = normalizeWhitespace(`
705
711
  ${SWITCH_CLASS_NAME.BASE}
706
712
  ${SWITCH_CLASS_NAME.SIZE[size]}
@@ -948,7 +954,8 @@ var textarea_module_default = { "textarea": "textarea-module_textarea_JqpxFq" };
948
954
  //#endregion
949
955
  //#region src/components/textarea/textarea.tsx
950
956
  function Textarea(props) {
951
- const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, rows = 2, ...rest } = props;
957
+ const DEFAULT_ROWS = 2;
958
+ const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, rows = DEFAULT_ROWS, ...rest } = props;
952
959
  return /* @__PURE__ */ jsx("textarea", {
953
960
  className: normalizeWhitespace(`
954
961
  ${TEXTAREA_CLASS_NAME.INPUT}
@@ -994,7 +1001,8 @@ var tooltip_content_module_default = {
994
1001
  //#endregion
995
1002
  //#region src/components/tooltip/tooltip-content.tsx
996
1003
  function TooltipContent(props) {
997
- const { children, className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
1004
+ const DEFAULT_SIDE_OFFSET = 4;
1005
+ const { children, className: customClassName = "", side = "top", sideOffset = DEFAULT_SIDE_OFFSET, ...rest } = props;
998
1006
  const combinedClassName = normalizeWhitespace(`
999
1007
  ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
1000
1008
  ${customClassName}
package/dist/components/style.css CHANGED
@@ -349,7 +349,7 @@
349
349
  }
350
350
  .input-module_input_dWvcHW {
351
351
  appearance: none;
352
- background-color: var(--color-bg-primary);
352
+ background-color: var(--color-bg-shell-inner);
353
353
  box-shadow: 0 0 0 1px var(--color-border) inset;
354
354
  color: var(--color-text-primary);
355
355
  cursor: text;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattstack/ui",
3
- "version": "0.0.53",
3
+ "version": "0.0.55",
4
4
  "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
5
5
  "keywords": [
6
6
  "base-ui",
@@ -45,12 +45,12 @@
45
45
  "release": "bun publish"
46
46
  },
47
47
  "dependencies": {
48
- "@base-ui/react": "1.4.0"
48
+ "@base-ui/react": "1.4.1"
49
49
  },
50
50
  "devDependencies": {
51
- "@tsdown/css": "0.21.9",
52
- "@types/bun": "1.3.12",
53
- "tsdown": "0.21.9",
51
+ "@tsdown/css": "0.21.10",
52
+ "@types/bun": "1.3.13",
53
+ "tsdown": "0.21.10",
54
54
  "typescript": "6.0.3"
55
55
  },
56
56
  "peerDependencies": {