@sheinx/shineout-style 3.9.10 → 3.9.11-beta.3

package/cjs/button/button-group.d.ts

@@ -0,0 +1,5 @@
+import { JsStyles } from '../jss-style';
+import { ButtonGroupClasses } from '@sheinx/base';
+declare const ButtonGroupStyle: JsStyles<keyof ButtonGroupClasses>;
+export default ButtonGroupStyle;
+//# sourceMappingURL=button-group.d.ts.map

package/cjs/button/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA6KlD,QAAA,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,kBAAkB,CAgKxD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/cjs/button/button-group.js

@@ -0,0 +1,274 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _jssStyle = require("../jss-style");
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// 引用 button stylesheet 的常量类名（元素同时拥有 hash class 和常量 class）
+var bc = function bc(key) {
+  return ".".concat(_jssStyle.prefix, "-button-").concat(key);
+};
+var beforeLine = function beforeLine() {
+  return _defineProperty(_defineProperty({
+    '&::before': {
+      position: 'absolute',
+      content: '" "',
+      height: 'calc(50% - 2px)',
+      top: 'calc(25% + 1px)',
+      width: 1,
+      background: _theme.default.buttonSplitlineFullBackgroundColor
+    },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    }
+  }, "&".concat(bc('dashed'), ":hover"), _defineProperty({
+    '&::before': {
+      height: '100%',
+      top: 0,
+      bottom: 0,
+      borderLeft: '1px dashed currentColor',
+      background: 'none'
+    },
+    // 使用 ::after 在右侧创建分割线，颜色使用当前按钮的 currentColor
+    '&:not(:last-child)::after': {
+      content: '" "',
+      position: 'absolute',
+      height: '100%',
+      top: 0,
+      width: 1,
+      borderLeft: '1px dashed currentColor',
+      background: 'none',
+      zIndex: 1
+    },
+    '&:not(:last-child)[dir=ltr]::after': {
+      right: -1
+    },
+    '&:not(:last-child)[dir=rtl]::after': {
+      left: -1
+    }
+  }, "& + ".concat(bc('button'), "::before"), {
+    opacity: 0
+  })), "&:not(".concat(bc('disabled'), "):not(").concat(bc('dashed'), "):hover"), _defineProperty({
+    '&::before': {
+      background: 'transparent'
+    }
+  }, "& + ".concat(bc('button'), ",& + * ").concat(bc('button')), {
+    '&::before': {
+      background: 'transparent'
+    }
+  }));
+};
+var outlineBeforeLine = function outlineBeforeLine(type, styles) {
+  return _defineProperty({
+    '&::before': {
+      position: 'absolute',
+      content: '" "',
+      height: 'calc(50% - 2px)',
+      top: 'calc(25% + 1px)',
+      width: 1,
+      background: _theme.default["button".concat(type).concat(styles, "BorderColor")]
+    },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    },
+    '&:not(:disabled):hover': _defineProperty(_defineProperty({
+      // before
+      '&::before': {
+        height: 'calc(100% + 1.8px)',
+        top: -0.8,
+        left: -1,
+        width: 1,
+        background: _theme.default["button".concat(type).concat(styles, "HoverBorderColor")]
+      }
+    }, "& + ".concat(bc('button'), ",& + * ").concat(bc('button')), {
+      '&::before': {
+        height: 'calc(100% + 1.8px)',
+        top: -0.8,
+        left: -1,
+        width: 1,
+        background: _theme.default["button".concat(type).concat(styles, "HoverBorderColor")]
+      }
+    }), '&:active', _defineProperty({
+      '&::before': {
+        background: _theme.default["button".concat(type).concat(styles, "ActiveBorderColor")]
+      }
+    }, "& + ".concat(bc('button'), ",& + * ").concat(bc('button')), {
+      '&::before': {
+        background: _theme.default["button".concat(type).concat(styles, "ActiveBorderColor")]
+      }
+    }))
+  }, "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), {
+    '&::before': {
+      height: 'calc(100% + 2px)',
+      top: -1,
+      left: -1,
+      width: 1,
+      bottom: -1,
+      background: "".concat(_theme.default["button".concat(type).concat(styles, "BorderColor")])
+    },
+    '& + :not(&)': {
+      '&::before': {
+        height: 'calc(100% + 2px)',
+        top: -1,
+        left: -1,
+        width: 1,
+        bottom: -1,
+        background: _theme.default["button".concat(type).concat(styles, "BorderColor")]
+      }
+    },
+    '&:disabled': {
+      '&::before': {
+        background: _theme.default["button".concat(type).concat(styles, "DisabledBorderColor")]
+      },
+      '& + :not(&)': {
+        '&::before': {
+          background: _theme.default["button".concat(type).concat(styles, "DisabledBorderColor")]
+        }
+      }
+    }
+  });
+};
+var textBeforeLine = function textBeforeLine() {
+  return _defineProperty({
+    '&::before': {
+      transition: 'all 0.3s',
+      position: 'absolute',
+      content: '" "',
+      height: 'calc(50% - 2px)',
+      top: 'calc(25% + 1px)',
+      width: 1,
+      background: _theme.default.buttonSplitlineOutlineBackgroundColor
+    },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    }
+  }, "&:not(".concat(bc('disabled'), "):hover"), _defineProperty({
+    '&::before': {
+      background: 'transparent'
+    }
+  }, "& + ".concat(bc('button'), ",& + * ").concat(bc('button')), {
+    '&::before': {
+      background: 'transparent'
+    }
+  }));
+};
+var ButtonGroupStyle = {
+  rootClass: {},
+  group: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    // 2.x 之前非 inline-block
+    display: 'inline-flex',
+    // 处理 dropdown 下的 button
+    '& [data-role="dropdown"]': _defineProperty(_defineProperty({}, "& ".concat(bc('button')), {
+      height: '100%'
+    }), '& [data-role="caret"]', {
+      margin: 0
+    })
+  }, "& > :first-child".concat(bc('button'), ",& > :first-child ").concat(bc('button')), {
+    '&::before': {
+      display: 'none'
+    }
+  }), "& > :first-child:not(:last-child)".concat(bc('button'), ",& > :first-child:not(:last-child) ").concat(bc('button')), {
+    '&[dir=ltr]': {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      borderRight: 'none'
+    },
+    '&[dir=rtl]': {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderRight: 'none'
+    }
+  }), "& > :last-child:not(:first-child)".concat(bc('button'), ",& > :last-child:not(:first-child) ").concat(bc('button')), {
+    '&[dir=ltr]': {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderLeft: 'none'
+    },
+    '&[dir=rtl]': {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      borderLeft: 'none'
+    }
+  }), "& > :not(:first-child):not(:last-child)".concat(bc('button'), ",& > :not(:first-child):not(:last-child) ").concat(bc('button')), {
+    borderRadius: 0,
+    borderLeft: 'none',
+    borderRight: 'none'
+  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    '&::before': {
+      transition: 'all 0.3s'
+    }
+  }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, beforeLine()), {}, _defineProperty({
+    '&::before': {
+      position: 'absolute',
+      content: '" "',
+      height: 'calc(50% - 2px)',
+      top: 'calc(25% + 1px)',
+      width: 1,
+      background: _theme.default.buttonSplitlineOutlineBackgroundColor,
+      transition: 'none'
+    },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    }
+  }, "& + :not(&),& + * ".concat(bc('button'), ":not(&)"), {
+    '&::before': {
+      background: 'transparent'
+    }
+  }))), "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger')), _objectSpread({}, beforeLine())), "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), _defineProperty(_defineProperty({}, "& + :not(&),& + * ".concat(bc('button'), ":not(&)"), {
+    '&::before': {
+      background: 'transparent'
+    }
+  }), "& + ".concat(bc('button'), ":not(&)"), {
+    '&::before': {
+      background: 'transparent'
+    }
+  }))), "& ".concat(bc('outline')), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    '&::before': {
+      transition: 'all 0.3s'
+    }
+  }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
+    '&::before': {
+      position: 'absolute',
+      content: '" "',
+      height: 'calc(50% - 2px)',
+      top: 'calc(25% + 1px)',
+      width: 1,
+      background: _theme.default.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
+    },
+    '&[dir=ltr]::before': {
+      left: -1
+    },
+    '&[dir=rtl]::before': {
+      right: -1
+    }
+  })), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), _objectSpread({
+    position: 'relative'
+  }, textBeforeLine())), "&".concat(bc('dashed')), {
+    position: 'relative',
+    borderStyle: 'none'
+  })
+};
+var _default = exports.default = ButtonGroupStyle;

package/cjs/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAiN7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAqZ9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA8C7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAkP9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/button/button.js

@@ -42,172 +42,6 @@ var button = function button(type, styles) {
     }
   };
 };
-var beforeLine = function beforeLine() {
-  return {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: _theme.default.buttonSplitlineFullBackgroundColor
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    },
-    '&$dashed:hover': {
-      '&::before': {
-        height: '100%',
-        top: 0,
-        bottom: 0,
-        borderLeft: '1px dashed currentColor',
-        background: 'none'
-      },
-      // 使用 ::after 在右侧创建分割线，颜色使用当前按钮的 currentColor
-      '&:not(:last-child)::after': {
-        content: '" "',
-        position: 'absolute',
-        height: '100%',
-        top: 0,
-        width: 1,
-        borderLeft: '1px dashed currentColor',
-        background: 'none',
-        zIndex: 1
-      },
-      '&:not(:last-child)[dir=ltr]::after': {
-        right: -1
-      },
-      '&:not(:last-child)[dir=rtl]::after': {
-        left: -1
-      },
-      // 隐藏相邻按钮的左侧分割线，因为已经被 ::after 覆盖了
-      '& + $button::before': {
-        opacity: 0
-      }
-    },
-    '&:not($disabled):not($dashed):hover': {
-      '&::before': {
-        background: 'transparent'
-      },
-      '& + $button,& + * $button': {
-        '&::before': {
-          background: 'transparent'
-        }
-      }
-    }
-  };
-};
-var outlineBeforeLine = function outlineBeforeLine(type, styles) {
-  return {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: _theme.default["button".concat(type).concat(styles, "BorderColor")]
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    },
-    '&:not(:disabled):hover': {
-      // before
-      '&::before': {
-        height: 'calc(100% + 1.8px)',
-        top: -0.8,
-        left: -1,
-        width: 1,
-        background: _theme.default["button".concat(type).concat(styles, "HoverBorderColor")]
-      },
-      '& + $button,& + * $button': {
-        '&::before': {
-          height: 'calc(100% + 1.8px)',
-          top: -0.8,
-          left: -1,
-          width: 1,
-          background: _theme.default["button".concat(type).concat(styles, "HoverBorderColor")]
-        }
-      },
-      // active
-      '&:active': {
-        '&::before': {
-          background: _theme.default["button".concat(type).concat(styles, "ActiveBorderColor")]
-        },
-        '& + $button,& + * $button': {
-          '&::before': {
-            background: _theme.default["button".concat(type).concat(styles, "ActiveBorderColor")]
-          }
-        }
-      }
-    },
-    '&$primary,&$success,&$warning,&$danger,$secondary': {
-      '&::before': {
-        height: 'calc(100% + 2px)',
-        top: -1,
-        left: -1,
-        width: 1,
-        bottom: -1,
-        background: "".concat(_theme.default["button".concat(type).concat(styles, "BorderColor")])
-      },
-      '& + :not(&)': {
-        '&::before': {
-          height: 'calc(100% + 2px)',
-          top: -1,
-          left: -1,
-          width: 1,
-          bottom: -1,
-          background: _theme.default["button".concat(type).concat(styles, "BorderColor")]
-        }
-      },
-      '&:disabled': {
-        '&::before': {
-          background: _theme.default["button".concat(type).concat(styles, "DisabledBorderColor")]
-        },
-        '& + :not(&)': {
-          '&::before': {
-            background: _theme.default["button".concat(type).concat(styles, "DisabledBorderColor")]
-          }
-        }
-      }
-    }
-  };
-};
-var textBeforeLine = function textBeforeLine() {
-  return {
-    '&::before': {
-      transition: 'all 0.3s',
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: _theme.default.buttonSplitlineOutlineBackgroundColor
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    },
-    '&:not($disabled):hover': {
-      '&::before': {
-        background: 'transparent'
-      },
-      '& + $button,& + * $button': {
-        '&::before': {
-          background: 'transparent'
-        }
-      }
-    }
-  };
-};
-
 // const loading = (type: ButtonTypeWithoutLink, styles: ButtonStyleType) => {
 //   const buttonStyle = button(type, styles);
 
@@ -391,143 +225,6 @@ var ButtonStyle = {
     //   ...loading('Secondary', ''),
     // },
   },
-  groupItem: {},
-  group: {
-    // 2.x 之前非 inline-block
-    display: 'inline-flex',
-    // 处理 dropdown 下的 button
-    '& [data-role="dropdown"]': {
-      '& $button': {
-        height: '100%'
-      },
-      '& [data-role="caret"]': {
-        margin: 0
-      }
-    },
-    '& > :first-child$button,& > :first-child $button': {
-      '&::before': {
-        display: 'none'
-      }
-    },
-    // 第一个元素下的所有 button 标签的元素
-    '& > :first-child:not(:last-child)$button,& > :first-child:not(:last-child) $button': {
-      '&[dir=ltr]': {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0,
-        borderRight: 'none'
-      },
-      '&[dir=rtl]': {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-        borderRight: 'none'
-      }
-    },
-    // 最后一个元素下的所有 button 标签的元素
-    '& > :last-child:not(:first-child)$button,& > :last-child:not(:first-child) $button': {
-      '&[dir=ltr]': {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-        borderLeft: 'none'
-      },
-      '&[dir=rtl]': {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0,
-        borderLeft: 'none'
-      }
-    },
-    '& > :not(:first-child):not(:last-child)$button,& > :not(:first-child):not(:last-child) $button': {
-      borderRadius: 0,
-      borderLeft: 'none',
-      borderRight: 'none'
-    },
-    // 填充型 button
-    '& $button:not($outline):not($text)': {
-      position: 'relative',
-      '&::before': {
-        transition: 'all 0.3s'
-      },
-      // secondary 比较特殊，单独拎出来写覆盖掉 &::before
-      '&$secondary': _objectSpread(_objectSpread({}, beforeLine()), {}, {
-        '&::before': {
-          position: 'absolute',
-          content: '" "',
-          height: 'calc(50% - 2px)',
-          top: 'calc(25% + 1px)',
-          width: 1,
-          background: _theme.default.buttonSplitlineOutlineBackgroundColor,
-          transition: 'none'
-        },
-        '&[dir=ltr]::before': {
-          left: -1
-        },
-        '&[dir=rtl]::before': {
-          right: -1
-        },
-        '& + :not(&),& + * $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        },
-        '& + $groupItem $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        }
-      }),
-      // primary, success, warning, danger 分割线样式
-      '&$primary,&$success,&$warning,&$danger': _objectSpread({}, beforeLine()),
-      // priamry success warning danger secondary 两两之间如果不是紧挨着，则去除中间的分割线
-      '&$primary,&$success,&$warning,&$danger,$secondary': {
-        '& + :not(&),& + * $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        },
-        '& + $button:not(&)': {
-          '&::before': {
-            background: 'transparent'
-          }
-        }
-      }
-    },
-    // outline 型 button
-    '& $outline': {
-      position: 'relative',
-      '&::before': {
-        transition: 'all 0.3s'
-      },
-      // secondary 比较特殊，单独拎出来写覆盖掉 &::before
-      '&$secondary': _objectSpread(_objectSpread({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
-        '&::before': {
-          position: 'absolute',
-          content: '" "',
-          height: 'calc(50% - 2px)',
-          top: 'calc(25% + 1px)',
-          width: 1,
-          background: _theme.default.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
-        },
-        '&[dir=ltr]::before': {
-          left: -1
-        },
-        '&[dir=rtl]::before': {
-          right: -1
-        }
-      }),
-      '&$primary': _objectSpread({}, outlineBeforeLine('Primary', 'Outline')),
-      '&$success': _objectSpread({}, outlineBeforeLine('Success', 'Outline')),
-      '&$warning': _objectSpread({}, outlineBeforeLine('Warning', 'Outline')),
-      '&$danger': _objectSpread({}, outlineBeforeLine('Danger', 'Outline'))
-    },
-    // text 型 button
-    '& $text': _objectSpread({
-      position: 'relative'
-    }, textBeforeLine()),
-    // dashed 型 button
-    '&$dashed': {
-      position: 'relative',
-      borderStyle: 'none'
-    }
-  },
   spin: {
     display: 'inline-block',
     marginRight: _theme.default.buttonSpinMargin,

package/cjs/button/index.d.ts

@@ -1,5 +1,8 @@
 import buttonStyle from './button';
+import buttonGroupStyle from './button-group';
 declare const useButtonStyle: () => import("jss").Classes<keyof import("@sheinx/base").ButtonClasses>;
+declare const useButtonGroupStyle: () => import("jss").Classes<keyof import("@sheinx/base").ButtonGroupClasses>;
 export { buttonStyle, useButtonStyle };
+export { buttonGroupStyle, useButtonGroupStyle };
 export default useButtonStyle;
 //# sourceMappingURL=index.d.ts.map

package/cjs/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,yEAAgC,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AACnC,OAAO,gBAAgB,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,cAAc,yEAAgC,CAAC;AACrD,QAAA,MAAM,mBAAmB,8EAA2C,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;AACjD,eAAe,cAAc,CAAC"}

package/cjs/button/index.js

@@ -4,15 +4,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "buttonGroupStyle", {
+  enumerable: true,
+  get: function get() {
+    return _buttonGroup.default;
+  }
+});
 Object.defineProperty(exports, "buttonStyle", {
   enumerable: true,
   get: function get() {
     return _button.default;
   }
 });
-exports.useButtonStyle = exports.default = void 0;
+exports.useButtonStyle = exports.useButtonGroupStyle = exports.default = void 0;
 var _jssStyle = require("../jss-style");
 var _button = _interopRequireDefault(require("./button"));
+var _buttonGroup = _interopRequireDefault(require("./button-group"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var useButtonStyle = exports.useButtonStyle = (0, _jssStyle.styled)(_button.default, 'button');
+var useButtonGroupStyle = exports.useButtonGroupStyle = (0, _jssStyle.styled)(_buttonGroup.default, 'button-group');
 var _default = exports.default = useButtonStyle;

package/cjs/jss-style/index.d.ts

@@ -1,6 +1,7 @@
 import { JssProvider, SheetsRegistry, jss } from 'react-jss';
 import { JssStyle, GenerateId, Classes } from 'jss';
 export { JssProvider, SheetsRegistry, jss };
+export declare const prefix = "soui";
 export declare const setJssConfig: (newConfig: {
     generateId?: GenerateId;
     styleAttributes?: Record<string, string>;

package/cjs/jss-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAQ5C,eAAO,MAAM,YAAY,cAAe;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C,SAEA,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAAe,CAAC;AAezC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAsCtE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAC5C,eAAO,MAAM,MAAM,SAAS,CAAC;AAO7B,eAAO,MAAM,YAAY,cAAe;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C,SAEA,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAAe,CAAC;AAezC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAsCtE,CAAC"}

package/cjs/jss-style/index.js

@@ -24,7 +24,7 @@ Object.defineProperty(exports, "jss", {
     return _reactJss.jss;
   }
 });
-exports.styled = exports.setJssConfig = void 0;
+exports.styled = exports.setJssConfig = exports.prefix = void 0;
 var _reactJss = require("react-jss");
 var _handleStyle = _interopRequireDefault(require("./handleStyle"));
 var _version = _interopRequireDefault(require("../version"));
@@ -35,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var prefix = 'soui';
+var prefix = exports.prefix = 'soui';
 var config = {};
 var setJssConfig = exports.setJssConfig = function setJssConfig(newConfig) {
   Object.assign(config, newConfig);