@graupl/core 1.0.0-beta.8 → 1.0.0-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graupl/core",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "description": "The core module of Graupl, providing essential styles and utilities.",
   "main": "dist/js/graupl.cjs.js",
   "module": "dist/js/graupl.es.js",
@@ -21,6 +21,15 @@
     },
     "./src/*.scss": {
       "sass": "./src/scss/*.scss"
+    },
+    "./accordion": {
+      "import": "./src/js/Accordion.js"
+    },
+    "./alert": {
+      "import": "./src/js/Alert.js"
+    },
+    "./carousel": {
+      "import": "./src/js/Carousel.js"
     }
   },
   "repository": {

package/scss/base/button.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl button base.
+// @graupl/core button base.
 
 @forward "../../src/scss/base/button";

package/scss/base/form.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl form base.
+// @graupl/core form base.
 
 @forward "../../src/scss/base/form";

package/scss/base/link.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl link base.
+// @graupl/core link base.
 
 @forward "../../src/scss/base/link";

package/scss/base/table.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl table base.
+// @graupl/core table base.
 
 @forward "../../src/scss/base/table";

package/scss/base.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl base.
+// @graupl/core base.
 
 @forward "../src/scss/base";

package/scss/component/accordion.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl accordion component.
+// @graupl/core accordion component.
 
 @forward "../../src/scss/component/accordion";

package/scss/component/alert.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl alert component.
+// @graupl/core alert component.
 
 @forward "../../src/scss/component/alert";

package/scss/component/card.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl card component.
+// @graupl/core card component.
 
 @forward "../../src/scss/component/card";

package/scss/component/carousel.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl carousel component.
+// @graupl/core carousel component.
 
 @forward "../../src/scss/component/carousel";

package/scss/component/input-group.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl input group component.
+// @graupl/core input group component.
 
 @forward "../../src/scss/component/input-group";

package/scss/component/list.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl list component.
+// @graupl/core list component.
 
 @forward "../../src/scss/component/list";

package/scss/component/menu.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl menu component.
+// @graupl/core menu component.
 
 @forward "../../src/scss/component/menu";

package/scss/component/navigation.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl navigation component.
+// @graupl/core navigation component.
 
 @forward "../../src/scss/component/navigation";

package/scss/component.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl components.
+// @graupl/core components.
 
 @forward "../src/scss/component";

package/scss/graupl.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl.
+// @graupl/core.
 
 @forward "../src/scss";

package/scss/init.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl layer initialization.
+// @graupl/core layer initialization.
 
 @forward "../src/scss/init";

package/scss/layout/columns.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl columns layout.
+// @graupl/core columns layout.
 
 @forward "../../src/scss/layout/columns";

package/scss/layout/container.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl container layout.
+// @graupl/core container layout.
 
 @forward "../../src/scss/layout/container";

package/scss/layout/flex-columns.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl flex columns layout.
+// @graupl/core flex columns layout.
 
 @forward "../../src/scss/layout/flex-columns";

package/scss/layout.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl layout.
+// @graupl/core layout.
 
 @forward "../src/scss/";

package/scss/normalize.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl normalize.
+// @graupl/core normalize.
 
 @forward "../src/scss/normalize";

package/scss/state/focus.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl focus state.
+// @graupl/core focus state.
 
 @forward "../../src/scss/state/focus";

package/scss/state.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl state.
+// @graupl/core state.
 
 @forward "../src/scss/state";

package/scss/theme/color.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl color theme.
+// @graupl/core color theme.
 
 @forward "../../src/scss/theme/color";

package/scss/theme/typography.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl typography theme.
+// @graupl/core typography theme.
 
 @forward "../../src/scss/theme/typography";

package/scss/theme.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl theme.
+// @graupl/core theme.
 
 @forward "../src/scss/theme";

package/scss/utilities/alignment.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl alignment utilities.
+// @graupl/core alignment utilities.
 
 @forward "../../src/scss/utilities/alignment";

package/scss/utilities/background.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl background utilities.
+// @graupl/core background utilities.
 
 @forward "../../src/scss/utilities/background";

package/scss/utilities/border.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl border utilities.
+// @graupl/core border utilities.
 
 @forward "../../src/scss/utilities/border";

package/scss/utilities/color.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl color utilities.
+// @graupl/core color utilities.
 
 @forward "../../src/scss/utilities/color";

package/scss/utilities/container.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl container utilities.
+// @graupl/core container utilities.
 
 @forward "../../src/scss/utilities/container";

package/scss/utilities/display.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl display utilities.
+// @graupl/core display utilities.
 
 @forward "../../src/scss/utilities/display";

package/scss/utilities/flex.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl flex utilities.
+// @graupl/core flex utilities.
 
 @forward "../../src/scss/utilities/flex";

package/scss/utilities/gradient.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl gradient utilities.
+// @graupl/core gradient utilities.
 
 @forward "../../src/scss/utilities/gradient";

package/scss/utilities/height.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl height utilities.
+// @graupl/core height utilities.
 
 @forward "../../src/scss/utilities/height";

package/scss/utilities/inset.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl inset utilities.
+// @graupl/core inset utilities.
 
 @forward "../../src/scss/utilities/inset";

package/scss/utilities/justification.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl justification utilities.
+// @graupl/core justification utilities.
 
 @forward "../../src/scss/utilities/justification";

package/scss/utilities/list.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl list utilities.
+// @graupl/core list utilities.
 
 @forward "../../src/scss/utilities/list";

package/scss/utilities/order.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl order utilities.
+// @graupl/core order utilities.
 
 @forward "../../src/scss/utilities/order";

package/scss/utilities/position.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl position utilities.
+// @graupl/core position utilities.
 
 @forward "../../src/scss/utilities/position";

package/scss/utilities/ratio.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl ratio utilities.
+// @graupl/core ratio utilities.
 
 @forward "../../src/scss/utilities/ratio";

package/scss/utilities/spacing.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl spacing utilities.
+// @graupl/core spacing utilities.
 
 @forward "../../src/scss/utilities/spacing";

package/scss/utilities/typography.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl typography utilities.
+// @graupl/core typography utilities.
 
 @forward "../../src/scss/utilities/typography";

package/scss/utilities/visibility.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl visibility utilities.
+// @graupl/core visibility utilities.
 
 @forward "../../src/scss/utilities/visibility";

package/scss/utilities/visually-hidden.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl visually-hidden utilities.
+// @graupl/core visually-hidden utilities.
 
 @forward "../../src/scss/utilities/visually-hidden";

package/scss/utilities/width.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl width utilities.
+// @graupl/core width utilities.
 
 @forward "../../src/scss/utilities/width";

package/scss/utilities/z-index.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl z-index utilities.
+// @graupl/core z-index utilities.
 
 @forward "../../src/scss/utilities/z-index";

package/scss/utilities.scss

@@ -1,3 +1,3 @@
-// @graupl/graupl utilities.
+// @graupl/core utilities.
 
 @forward "../src/scss/utilities";

package/src/scss/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl default values.
+// @graupl/core default values.
 //
 // Generally, these should not be used directly when styling components unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl styles.
+// @graupl/core styles.
 
 // Forward the layer initialization.
 @forward "init";

package/src/scss/_init.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl layer initialization styles.
+// @graupl/core layer initialization styles.
 
 @use "defaults" as root-defaults;
 

package/src/scss/_normalize.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl normalize.
+// @graupl/core normalize.
 //
 // This file is manually forked from normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
 //

package/src/scss/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl variables.
+// @graupl/core variables.
 //
 // These values are to be used to directly style components and provide a
 // cleaner way to reference custom properties.

package/src/scss/base/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl base styles.
+// @graupl/core base styles.
 
 @forward "button";
 @forward "form";

package/src/scss/base/button/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl button base default values.
+// @graupl/core button base default values.
 //
 // Generally, these should not be used directly when styling bases unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/base/button/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl button base styles.
+// @graupl/core button base styles.
 //
 // This module provides the base styles for the button component.
 //

package/src/scss/base/button/_mixins.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl button base styles.
+// @graupl/core button base styles.
 
 @use "defaults";
 @use "../../defaults" as root-defaults;
@@ -97,3 +97,8 @@
     }
   }
 }
+
+@mixin apply() {
+  @include apply-base;
+  @include apply-theme;
+}

package/src/scss/base/button/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl button base variables.
+// @graupl/core button base variables.
 //
 // These values are to be used to directly style bases and provide a
 // cleaner way to reference custom properties.

package/src/scss/base/form/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl form base default values.
+// @graupl/core form base default values.
 //
 // Generally, these should not be used directly when styling bases unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/base/form/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl form base styles.
+// @graupl/core form base styles.
 //
 // This module provides the base styles for form components such as inputs, textareas, selects, labels, and fieldsets.
 //

package/src/scss/base/form/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl form base variables.
+// @graupl/core form base variables.
 //
 // These values are to be used to directly style bases and provide a
 // cleaner way to reference custom properties.

package/src/scss/base/link/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl link base default values.
+// @graupl/core link base default values.
 //
 // Generally, these should not be used directly when styling bases unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/base/link/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl link base styles.
+// @graupl/core link base styles.
 //
 // This module provides the base styles for the link component.
 //

package/src/scss/base/link/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl link base variables.
+// @graupl/core link base variables.
 //
 // These values are to be used to directly style bases and provide a
 // cleaner way to reference custom properties.

package/src/scss/base/table/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl table base default values.
+// @graupl/core table base default values.
 //
 // Generally, these should not be used directly when styling bases unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/base/table/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl table base styles.
+// @graupl/core table base styles.
 //
 // This module provides the base styles for tables.
 //

package/src/scss/base/table/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl table base variables.
+// @graupl/core table base variables.
 //
 // These values are to be used to directly style bases and provide a
 // cleaner way to reference custom properties.

package/src/scss/component/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl component styles.
+// @graupl/core component styles.
 
 @forward "alert";
 @forward "accordion";

package/src/scss/component/accordion/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl accordion component default values.
+// @graupl/core accordion component default values.
 //
 // Generally, these should not be used directly when styling components unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/component/accordion/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl accordion component styles.
+// @graupl/core accordion component styles.
 
 @use "defaults";
 @use "variables" as *;

package/src/scss/component/accordion/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl accordion component variables.
+// @graupl/core accordion component variables.
 //
 // These values are to be used to directly style components and provide a
 // cleaner way to reference custom properties.

package/src/scss/component/alert/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl alert component default values.
+// @graupl/core alert component default values.
 //
 // Generally, these should not be used directly when styling components unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/component/alert/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl alert component styles.
+// @graupl/core alert component styles.
 
 @use "defaults";
 @use "variables" as *;

package/src/scss/component/alert/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl alert component variables.
+// @graupl/core alert component variables.
 //
 // These values are to be used to directly style components and provide a
 // cleaner way to reference custom properties.

package/src/scss/component/card/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl card component default values.
+// @graupl/core card component default values.
 //
 // Generally, these should not be used directly when styling components unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/component/card/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl card component styles.
+// @graupl/core card component styles.
 
 @use "defaults";
 @use "variables" as *;

package/src/scss/component/card/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl card component variables.
+// @graupl/core card component variables.
 //
 // These values are to be used to directly style components and provide a
 // cleaner way to reference custom properties.

package/src/scss/component/carousel/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl carousel component default values.
+// @graupl/core carousel component default values.
 //
 // Generally, these should not be used directly when styling components unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/component/carousel/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl carousel component styles.
+// @graupl/core carousel component styles.
 
 @use "defaults";
 @use "variables" as *;

package/src/scss/component/carousel/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl carousel component variables.
+// @graupl/core carousel component variables.
 //
 // These values are to be used to directly style components and provide a
 // cleaner way to reference custom properties.

package/src/scss/component/input-group/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl input group component default values.
+// @graupl/core input group component default values.
 //
 // Generally, these should not be used directly when styling components unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/component/input-group/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl input group component styles.
+// @graupl/core input group component styles.
 
 @use "defaults";
 @use "../../base/form/defaults" as form-defaults;

package/src/scss/component/input-group/_variables.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl input group component variables.
+// @graupl/core input group component variables.
 //
 // These values are to be used to directly style components and provide a
 // cleaner way to reference custom properties.

package/src/scss/component/list/_defaults.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl list component default values.
+// @graupl/core list component default values.
 //
 // Generally, these should not be used directly when styling components unless a static value is needed.
 // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.

package/src/scss/component/list/_index.scss

@@ -1,4 +1,4 @@
-// @graupl/graupl card component styles.
+// @graupl/core card component styles.
 
 @use "../../defaults" as root-defaults;
 @use "../../mixins/animation";