@noya-app/noya-designsystem 0.1.22 → 0.1.23

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.
package/dist/index.mjs CHANGED
@@ -265,9 +265,9 @@ var ButtonElement = styled5.button(
265
265
  textAlign: "left",
266
266
  borderRadius: "4px",
267
267
  paddingTop: $variant === "none" ? "0px" : "4px",
268
- paddingRight: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "8px",
268
+ paddingRight: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "6px",
269
269
  paddingBottom: $variant === "none" ? "0px" : "4px",
270
- paddingLeft: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "8px",
270
+ paddingLeft: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "6px",
271
271
  ...$size === "large" && {
272
272
  paddingTop: "12px",
273
273
  paddingRight: "16px",
@@ -2144,7 +2144,9 @@ function InputFieldRoot({
2144
2144
  labelSize,
2145
2145
  size: size2 = "medium",
2146
2146
  renderPopoverContent,
2147
- onFocusChange
2147
+ onFocusChange,
2148
+ style: style3,
2149
+ className
2148
2150
  }) {
2149
2151
  const childrenArray = Children3.toArray(children);
2150
2152
  const hasDropdown = childrenArray.some(
@@ -2196,7 +2198,17 @@ function InputFieldRoot({
2196
2198
  inputRef
2197
2199
  ]
2198
2200
  );
2199
- const rootElement = /* @__PURE__ */ React17.createElement(RootContainer, { id, $width: width, $flex: flex }, children);
2201
+ const rootElement = /* @__PURE__ */ React17.createElement(
2202
+ RootContainer,
2203
+ {
2204
+ id,
2205
+ $width: width,
2206
+ $flex: flex,
2207
+ style: style3,
2208
+ className
2209
+ },
2210
+ children
2211
+ );
2200
2212
  return /* @__PURE__ */ React17.createElement(InputFieldContext.Provider, { value: contextValue }, renderPopoverContent ? /* @__PURE__ */ React17.createElement(
2201
2213
  Popover,
2202
2214
  {
@@ -4742,7 +4754,8 @@ var ListViewRow = forwardRef13(function ListViewRow2({
4742
4754
  onSelectMenuItem,
4743
4755
  onMenuOpenChange,
4744
4756
  onKeyDown,
4745
- style: style3
4757
+ style: style3,
4758
+ dragIndicatorStyle
4746
4759
  }, forwardedRef) {
4747
4760
  depth = Math.max(0, depth);
4748
4761
  const {
@@ -4826,7 +4839,12 @@ var ListViewRow = forwardRef13(function ListViewRow2({
4826
4839
  $colorScheme: colorScheme,
4827
4840
  $relativeDropPosition: relativeDropPosition,
4828
4841
  $offsetLeft: 33 + depth * indentation,
4829
- $gap: listGap
4842
+ $gap: listGap + (divider ? 1 : 0),
4843
+ style: typeof dragIndicatorStyle === "function" ? dragIndicatorStyle({
4844
+ depth,
4845
+ indentation,
4846
+ position: relativeDropPosition
4847
+ }) : dragIndicatorStyle
4830
4848
  }
4831
4849
  ),
4832
4850
  depth > 0 && /* @__PURE__ */ React34.createElement(Spacer.Horizontal, { size: depth * indentation }),
@@ -6008,7 +6026,7 @@ var SelectElement = styled30.select(
6008
6026
  borderRadius: "4px",
6009
6027
  paddingTop: "4px",
6010
6028
  paddingBottom: "4px",
6011
- paddingLeft: "8px",
6029
+ paddingLeft: "6px",
6012
6030
  paddingRight: "23px",
6013
6031
  background: [
6014
6032
  `calc(100% - 6px) / 15px url("data:image/svg+xml;utf8,${createChevronSVGString(