@rescui/collapse - npm Package Compare versions

Comparing version 0.3.6 to 0.4.0

lib/accordion.js

@@ -20,3 +20,3 @@ import "core-js/modules/es.object.to-string.js";
 import PropTypes from 'prop-types';
-import { useTheme, ThemeProvider } from '@rescui/ui-contexts';
+import { useThemeWithUndefined, ThemeProvider } from '@rescui/ui-contexts';
 import { collapseContext } from './context.js';
@@ -55,3 +55,3 @@ import styles from './collapse.p.module.css.js';
   var isControlled = typeof value !== 'undefined';
-  var theme = useTheme(themeFromProps);
+  var theme = useThemeWithUndefined(themeFromProps);
 
@@ -58,0 +58,0 @@ var _useState = useState(isControlled ? value : null),

lib/collapse.js

@@ -22,3 +22,3 @@ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import { RightIcon, AddOutlineIcon } from '@rescui/icons';
-import { useTheme, ThemeProvider } from '@rescui/ui-contexts';
+import { useThemeWithUndefined, ThemeProvider } from '@rescui/ui-contexts';
 import { useResizeObserver } from '@rescui/use-resize-observer';
@@ -75,3 +75,3 @@ import { collapseContext } from './context.js';
 
-  var theme = useTheme(themeFromProps);
+  var theme = useThemeWithUndefined(themeFromProps);
 
@@ -160,15 +160,17 @@ var _useContext = useContext(collapseContext),
     className: cn(className, styles.main, isOpening && styles.opening, isOpened && styles.opened, isClosing && !isStartedClosing && styles.closingTransition, isClosing && styles.closing, isClosed && styles.closed, !isClosed && openedClassName, SIZE_STYLES[size], MODE_STYLES[mode], ICON_STYLES[icon], borderBottom && styles.hasBorderBottom, disableLeftPadding && styles.disableLeftPadding, isRightIcon ? styles.rightIcon : styles.leftIcon, THEME_STYLES[theme]),
+    "data-rs-internal": "collapse__collapse",
     ref: ref
   }), /*#__PURE__*/React.createElement("button", {
     type: "button",
+    "data-rs-internal": "collapse__button",
     className: styles.button,
     onClick: toggleOpened
-  }, !isRightIcon && /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     className: styles.icon
   }), /*#__PURE__*/React.createElement("span", {
-    className: cn(styles.title)
-  }, title), isRightIcon && /*#__PURE__*/React.createElement(Icon, {
-    className: styles.icon
-  })), /*#__PURE__*/React.createElement("div", {
+    className: cn(styles.title),
+    "data-rs-internal": "collapse__title"
+  }, title)), /*#__PURE__*/React.createElement("div", {
     className: styles.content,
+    "data-rs-internal": "collapse__content",
     style: {
@@ -175,0 +177,0 @@ // So, we set the height value only on OPENING stage and just after beginning CLOSING stage

lib/collapse.p.module.css.js

 var styles = {
-  "hasBorderBottom": "_hasBorderBottom_4bvqsp_14",
-  "main": "_main_4bvqsp_18",
-  "themeLight": "_themeLight_4bvqsp_21",
-  "themeDark": "_themeDark_4bvqsp_27",
-  "rock": "_rock_4bvqsp_33",
-  "opening": "_opening_4bvqsp_33",
-  "opened": "_opened_4bvqsp_34",
-  "closing": "_closing_4bvqsp_35",
-  "classic": "_classic_4bvqsp_49",
-  "title": "_title_4bvqsp_106",
-  "sizeS": "_sizeS_4bvqsp_111",
-  "button": "_button_4bvqsp_111",
-  "sizeM": "_sizeM_4bvqsp_114",
-  "sizeL": "_sizeL_4bvqsp_117",
-  "content": "_content_4bvqsp_122",
-  "closed": "_closed_4bvqsp_129",
-  "closingTransition": "_closingTransition_4bvqsp_138",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_4bvqsp_1",
-  "leftIcon": "_leftIcon_4bvqsp_156",
-  "innerWrapper": "_innerWrapper_4bvqsp_155",
-  "rightIcon": "_rightIcon_4bvqsp_160",
-  "disableLeftPadding": "_disableLeftPadding_4bvqsp_161",
-  "clear": "_clear_4bvqsp_233",
-  "icon": "_icon_4bvqsp_281",
-  "iconPlus": "_iconPlus_4bvqsp_327",
-  "iconArrow": "_iconArrow_4bvqsp_332",
-  "accordion": "_accordion_4bvqsp_338",
-  "accordionGap0": "_accordionGap0_4bvqsp_342",
-  "accordionGap8": "_accordionGap8_4bvqsp_345",
-  "accordionGap12": "_accordionGap12_4bvqsp_348",
-  "accordionGap16": "_accordionGap16_4bvqsp_351",
-  "accordionGap24": "_accordionGap24_4bvqsp_354",
-  "accordionGap32": "_accordionGap32_4bvqsp_357"
+  "themeLight": "_themeLight_3xv1mo_6",
+  "themeDark": "_themeDark_3xv1mo_9",
+  "sizeS": "_sizeS_3xv1mo_13",
+  "sizeM": "_sizeM_3xv1mo_16",
+  "sizeL": "_sizeL_3xv1mo_19",
+  "classic": "_classic_3xv1mo_23",
+  "rock": "_rock_3xv1mo_26",
+  "clear": "_clear_3xv1mo_29",
+  "hasBorderBottom": "_hasBorderBottom_3xv1mo_33",
+  "leftIcon": "_leftIcon_3xv1mo_37",
+  "rightIcon": "_rightIcon_3xv1mo_40",
+  "disableLeftPadding": "_disableLeftPadding_3xv1mo_44",
+  "main": "_main_3xv1mo_48",
+  "opening": "_opening_3xv1mo_58",
+  "opened": "_opened_3xv1mo_59",
+  "closing": "_closing_3xv1mo_60",
+  "title": "_title_3xv1mo_94",
+  "content": "_content_3xv1mo_102",
+  "closed": "_closed_3xv1mo_112",
+  "closingTransition": "_closingTransition_3xv1mo_121",
+  "innerWrapper": "_innerWrapper_3xv1mo_128",
+  "button": "_button_3xv1mo_134",
+  "icon": "_icon_3xv1mo_188",
+  "iconPlus": "_iconPlus_3xv1mo_204",
+  "iconArrow": "_iconArrow_3xv1mo_209",
+  "accordion": "_accordion_3xv1mo_215",
+  "accordionGap0": "_accordionGap0_3xv1mo_220",
+  "accordionGap8": "_accordionGap8_3xv1mo_223",
+  "accordionGap12": "_accordionGap12_3xv1mo_226",
+  "accordionGap16": "_accordionGap16_3xv1mo_229",
+  "accordionGap24": "_accordionGap24_3xv1mo_232",
+  "accordionGap32": "_accordionGap32_3xv1mo_235"
 };
 export { styles as default };

package.json

 {
   "name": "@rescui/collapse",
-  "version": "0.3.6",
+  "version": "0.4.0",
   "description": "",
@@ -18,4 +18,4 @@ "license": "Apache-2.0",
     "@babel/runtime-corejs3": "^7.14.0",
-    "@rescui/icons": "^0.15.3",
-    "@rescui/use-resize-observer": "^0.1.7",
+    "@rescui/icons": "^0.16.0",
+    "@rescui/use-resize-observer": "^0.2.0",
     "classnames": "^2.2.6",
@@ -30,5 +30,5 @@ "core-js": "^3.9.1"
   "devDependencies": {
-    "@rescui/colors": "^0.1.11",
-    "@rescui/scripts": "^0.2.3",
-    "@rescui/typography": "^0.15.0",
+    "@rescui/colors": "^0.2.0",
+    "@rescui/scripts": "^0.3.0",
+    "@rescui/typography": "^0.16.0",
     "@rescui/visual-regression": "^0.1.1",
@@ -38,5 +38,6 @@ "@types/classnames": "^2.2.11"
   "scripts": {
-    "build": "rescui-scripts build"
+    "build": "rescui-scripts build && yarn run build-pcss-api",
+    "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
-  "gitHead": "e21b6f80037993b094ceaff022db6d4cd176a88d"
+  "gitHead": "51da8a7188f4c558c563065a4ff4ef5c8e74994c"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

110961

increased by104.82%

Number of package files

18

increased by12.5%

Lines of code

1644

increased by72.87%

Dependency changes

• + Added@rescui/icons@0.16.11(transitive)

• + Added@rescui/use-resize-observer@0.2.4(transitive)

• - Removed@rescui/icons@0.15.3(transitive)

• - Removed@rescui/use-resize-observer@0.1.7(transitive)

• Updated@rescui/icons@^0.16.0

• Updated@rescui/use-resize-observer@^0.2.0