updated integrations

Author: extrabright

integrations/parcel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "parcel",
-  "description": "Include Bootstrap's source Sass and individual JavaScript plugins with Parcel.",
+  "description": "Include @webpixels/css UI components and individual Bootstrap 5 plugins with Parcel.",
   "version": "0.0.0",
   "private": true,
   "source": "src/index.html",
@@ -12,12 +12,12 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.6",
-    "@webpixels/css": "^1.2.1",
-    "bootstrap": "^5.2.2"
+    "@popperjs/core": "^2.11.6"
   },
   "devDependencies": {
     "@parcel/transformer-sass": "^2.7.0",
+    "@webpixels/css": "^1.2.11",
+    "bootstrap": "^5.2.2",
     "parcel": "^2.7.0"
   }
 }

integrations/parcel/src/scss/_variables.scss

@@ -1 +1 @@
-$primary: #f00;
+// $primary: #f00;

integrations/parcel/src/scss/main.scss

@@ -5,32 +5,34 @@
 @import "./variables";
 
 // Webpixels CSS
-// @import "@webpixels/css/utilities";
 @import "@webpixels/css/base";
 @import "@webpixels/css/forms";
 
-// Components
-// @import "accordions";
-@import "@webpixels/css/components/alerts";
+// Import all components at once
+@import "@webpixels/css/components";
+
+// Import components individually
+// @import "@webpixels/css/components/accordions";
+// @import "@webpixels/css/components/alerts";
 // @import "@webpixels/css/components/avatars";
-// // @import "@webpixels/css/components/badges";
-// // @import "@webpixels/css/components/breadcrumbs";
-@import "@webpixels/css/components/buttons";
-// // @import "@webpixels/css/components/carousels";
+// @import "@webpixels/css/components/badges";
+// @import "@webpixels/css/components/breadcrumbs";
+// @import "@webpixels/css/components/buttons";
+// @import "@webpixels/css/components/carousels";
 // @import "@webpixels/css/components/close";
 // @import "@webpixels/css/components/dropdowns";
 // @import "@webpixels/css/components/icons";
-// // @import "@webpixels/css/components/list-groups";
-// // @import "@webpixels/css/components/overlays";
+// @import "@webpixels/css/components/list-groups";
+// @import "@webpixels/css/components/overlays";
 // @import "@webpixels/css/components/navbars";
 // @import "@webpixels/css/components/navs";
-@import "@webpixels/css/components/cards";
-// // @import "@webpixels/css/components/omnisearches";
+// @import "@webpixels/css/components/cards";
+// @import "@webpixels/css/components/omnisearches";
 // @import "@webpixels/css/components/paginations";
-// // @import "@webpixels/css/components/placeholders";
-// // @import "@webpixels/css/components/popovers";
-// // @import "@webpixels/css/components/progress";
-// // @import "@webpixels/css/components/spinners";
+// @import "@webpixels/css/components/placeholders";
+// @import "@webpixels/css/components/popovers";
+// @import "@webpixels/css/components/progress";
+// @import "@webpixels/css/components/spinners";
 // @import "@webpixels/css/components/tables";
-// // @import "@webpixels/css/components/toasts";
-// // @import "@webpixels/css/components/tooltips";
+// @import "@webpixels/css/components/toasts";
+// @import "@webpixels/css/components/tooltips";

integrations/vite/package.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.6",
-    "@webpixels/css": "^1.2.1",
+    "@webpixels/css": "^1.2.11",
     "bootstrap": "^5.2.2"
   }
 }

integrations/vite/src/js/main.js

@@ -1,6 +1,6 @@
 // Import our custom CSS
 import '../scss/main.scss'
-// import '../scss/utility.scss'
+import '../scss/utility.scss'
 
 // Import only the Bootstrap components we need
 import { Dropdown, Offcanvas, Popover } from 'bootstrap';

integrations/vite/src/scss/_variables.scss

@@ -1 +1 @@
-$primary: #f00;
+// $primary: #f00;

integrations/vite/src/scss/main.scss

@@ -1,11 +1,38 @@
 // Import the default variables and function
-@import "../../../../scss/core/functions";
+@import "@webpixels/css/core/functions";
 
 // Your theme's variables
 @import "./variables";
 
 // Webpixels CSS
-// @import "../../../../scss/main";
-@import "../../../../scss/base";
-@import "../../../../scss/forms";
-@import "../../../../scss/components";
+@import "@webpixels/css/base";
+@import "@webpixels/css/forms";
+
+// Import all components at once
+// @import "@webpixels/css/components";
+
+// Import components individually
+// @import "@webpixels/css/components/accordions";
+@import "@webpixels/css/components/alerts";
+// @import "@webpixels/css/components/avatars";
+// @import "@webpixels/css/components/badges";
+// @import "@webpixels/css/components/breadcrumbs";
+@import "@webpixels/css/components/buttons";
+// @import "@webpixels/css/components/carousels";
+// @import "@webpixels/css/components/close";
+// @import "@webpixels/css/components/dropdowns";
+// @import "@webpixels/css/components/icons";
+// @import "@webpixels/css/components/list-groups";
+// @import "@webpixels/css/components/overlays";
+@import "@webpixels/css/components/navbars";
+// @import "@webpixels/css/components/navs";
+@import "@webpixels/css/components/cards";
+// @import "@webpixels/css/components/omnisearches";
+// @import "@webpixels/css/components/paginations";
+// @import "@webpixels/css/components/placeholders";
+// @import "@webpixels/css/components/popovers";
+// @import "@webpixels/css/components/progress";
+// @import "@webpixels/css/components/spinners";
+// @import "@webpixels/css/components/tables";
+// @import "@webpixels/css/components/toasts";
+// @import "@webpixels/css/components/tooltips";

integrations/vite/src/scss/utility.scss

@@ -1 +1,8 @@
-@import "../../../../scss/utility";
+// Import the default variables and function
+// @import "@webpixels/css/core/functions";
+
+// Your theme's variables
+// @import "./variables";
+
+// Utilities
+@import "@webpixels/css/utilities";