@nattstack/ui 0.0.58 → 0.0.60

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.
@@ -21,9 +21,10 @@ interface ButtonInternalProps extends Omit<ComponentProps<"button">, "aria-press
21
21
  isIconOnly?: boolean;
22
22
  isLoading?: boolean;
23
23
  isRounded?: boolean;
24
- size?: 32 | 36 | 40 | 44 | 48;
24
+ size?: ButtonSize;
25
25
  variant?: "ghost" | "primary" | "secondary";
26
26
  }
27
+ type ButtonSize = keyof typeof BUTTON_CLASS_NAME.SIZE;
27
28
  type ButtonUnionProps = ButtonIconProps | ButtonProps;
28
29
  declare function Button(props: ButtonUnionProps): JSX.Element;
29
30
  declare const BUTTON_CLASS_NAME: {
@@ -101,8 +102,9 @@ interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed" | "dis
101
102
  isRequired?: boolean;
102
103
  isRounded?: boolean;
103
104
  isValid?: boolean;
104
- size?: 32 | 36 | 40 | 44 | 48;
105
+ size?: InputSize;
105
106
  }
107
+ type InputSize = keyof typeof INPUT_CLASS_NAME.SIZE;
106
108
  declare function Input(props: InputProps): JSX.Element;
107
109
  declare const INPUT_CLASS_NAME: {
108
110
  readonly BASE: string;
@@ -294,8 +296,9 @@ interface SwitchProps extends Omit<ComponentProps<typeof Switch$1.Root>, "checke
294
296
  isDisabled?: boolean;
295
297
  isReadOnly?: boolean;
296
298
  isRequired?: boolean;
297
- size?: 18 | 24;
299
+ size?: SwitchSize;
298
300
  }
301
+ type SwitchSize = keyof typeof SWITCH_CLASS_NAME.SIZE;
299
302
  declare function Switch(props: SwitchProps): JSX.Element;
300
303
  declare const SWITCH_CLASS_NAME: {
301
304
  readonly BASE: string;
@@ -956,7 +956,6 @@
956
956
  padding: 12px !important;
957
957
  }
958
958
  .tooltip-popup-module_tooltip_popup_Yvko7q {
959
- --scale: .975;
960
959
  background-color: var(--color-gray-dark-1);
961
960
  color: var(--color-gray-dark-12);
962
961
  transform-origin: var(--transform-origin);
@@ -969,19 +968,19 @@
969
968
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
970
969
  }
971
970
 
971
+ .tooltip-popup-module_tooltip_popup_Yvko7q[data-ending-style], .tooltip-popup-module_tooltip_popup_Yvko7q[data-starting-style] {
972
+ opacity: 0;
973
+ scale: .975;
974
+ }
975
+
972
976
  .tooltip-popup-module_tooltip_popup_Yvko7q[data-instant] {
973
- transition-duration: 0s;
977
+ transition: none;
974
978
  }
975
979
 
976
980
  .tooltip-popup-module_tooltip_popup_portal_Yvko7q {
977
981
  z-index: 50;
978
982
  }
979
983
 
980
- .tooltip-popup-module_tooltip_popup_Yvko7q[data-ending-style], .tooltip-popup-module_tooltip_popup_Yvko7q[data-starting-style] {
981
- opacity: 0;
982
- scale: var(--scale);
983
- }
984
-
985
984
  .dark .tooltip-popup-module_tooltip_popup_Yvko7q {
986
985
  background-color: var(--color-gray-light-1);
987
986
  color: var(--color-gray-light-12);
@@ -1,7 +1,7 @@
1
1
  @theme {
2
2
  --tracking-\*: initial;
3
- --tracking-p0: 0em;
4
- --tracking-p0025: 0.025em;
5
- --tracking-p005: 0.05em;
6
- --tracking-p01: 0.1em;
3
+ --tracking-0: 0em;
4
+ --tracking-5: 0.05em;
5
+ --tracking-10: 0.1em;
6
+ --tracking-25: 0.025em;
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattstack/ui",
3
- "version": "0.0.58",
3
+ "version": "0.0.60",
4
4
  "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
5
5
  "keywords": [
6
6
  "base-ui",