@semanticus/semanticus-css 2.1.1 → 2.2.0

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.
Files changed (8) hide show
  1. package/README.md +6 -6
  2. package/dist/semanticus-no-utilities.css +1 -1
  3. package/dist/semanticus.css +2 -2
  4. package/package.json +1 -1
  5. package/src/components/_pane.css +15 -0
  6. package/src/components/_sidebar.css +7 -2
  7. package/src/components/modules.css +3 -2
  8. package/src/index.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semanticus/semanticus-css",
3
- "version": "2.1.1",
3
+ "version": "2.2.0",
4
4
  "description": "lightweight CSS framework that prioritizes semantic HTML and ARIA-focused accessibility, with a small set of atomic utilities",
5
5
  "author": "Joao Goncalves",
6
6
  "style": "./dist/semanticus.css",
package/src/components/_pane.css ADDED
@@ -0,0 +1,15 @@
1
+ .pane {
2
+ --color-background: light-dark(
3
+ color-mix(in srgb, var(--color-slate-50), white 25%),
4
+ color-mix(in srgb, var(--color-slate-50), black 75%)
5
+ );
6
+
7
+ color: var(--color-text);
8
+ padding: var(--spacing);
9
+ margin-bottom: var(--spacing);
10
+ background: var(--color-background);
11
+
12
+ > :last-child {
13
+ margin-bottom: 0 !important;
14
+ }
15
+ }
package/src/components/_sidebar.css CHANGED
@@ -9,9 +9,12 @@ aside.sidebar {
9
9
 
10
10
  /* Opening animation using @starting-style (Chrome 117+, Firefox 129+, Safari 17.4+) */
11
11
  /* Gracefully degrades to instant appearance in unsupported browsers */
12
- transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
12
+ transition:
13
+ opacity 0.2s ease-in-out,
14
+ transform 0.2s ease-in-out;
13
15
 
14
16
  &:popover-open {
17
+ margin: 0 !important;
15
18
  display: flex !important;
16
19
  width: 60% !important;
17
20
  box-shadow: var(--shadow);
@@ -28,7 +31,9 @@ aside.sidebar {
28
31
  &::backdrop {
29
32
  backdrop-filter: blur(0.375rem);
30
33
  background-color: var(--dialog-overlay);
31
- transition: backdrop-filter 0.2s ease-in-out, background-color 0.2s ease-in-out;
34
+ transition:
35
+ backdrop-filter 0.2s ease-in-out,
36
+ background-color 0.2s ease-in-out;
32
37
  }
33
38
  }
34
39
 
package/src/components/modules.css CHANGED
@@ -1,6 +1,7 @@
1
+ @import "./_auto-grid.css";
1
2
  @import "./_card.css";
2
3
  @import "./_container.css";
3
- @import "./_auto-grid.css";
4
- @import "./_icons.css";
5
4
  @import "./_content-grid.css";
5
+ @import "./_icons.css";
6
+ @import "./_pane.css";
6
7
  @import "./_sidebar.css";
package/src/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Semanticus CSS v2.1.1 (https://semanticus.design/)
2
+ * Semanticus CSS v2.2.0 (https://semanticus.design/)
3
3
  *
4
4
  * A ARIA-centric, semantic HTML — enhanced with components and variants and utilities
5
5
  *