@splendidlabz/styles 4.11.0 → 4.13.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 (38) hide show
  1. package/README.md +86 -0
  2. package/package.json +12 -6
  3. package/src/base.css +15 -0
  4. package/src/components/astro/fancylist.css +22 -24
  5. package/src/components/bundle-astro.css +7 -0
  6. package/src/components/bundle-svelte.css +7 -0
  7. package/src/components/css/button.css +40 -0
  8. package/src/components/css/card.css +9 -0
  9. package/src/{form → components/css/forms}/index.css +0 -1
  10. package/src/components/css/index.css +2 -0
  11. package/src/components/svelte/tabs.css +169 -28
  12. package/src/effects/bundle.css +5 -0
  13. package/src/effects/index.css +2 -0
  14. package/src/generic/anchors-and-buttons.css +3 -40
  15. package/src/generic/form.css +11 -0
  16. package/src/layouts/bundle.css +5 -0
  17. package/src/layouts/index.css +1 -1
  18. package/src/styles.css +9 -6
  19. package/src/theming.css +7 -0
  20. package/src/tools/object.css +6 -1
  21. package/src/utilities.css +11 -0
  22. package/dist/no-tw/layouts.css +0 -1895
  23. package/dist/no-tw/styles.css +0 -3094
  24. package/src/effects/testgb.css +0 -372
  25. package/src/form/textarea.css +0 -38
  26. /package/src/{form → components/css/forms}/checkbox-and-radio.css +0 -0
  27. /package/src/{form → components/css/forms}/input.css +0 -0
  28. /package/src/{form → components/css/forms}/select.css +0 -0
  29. /package/src/{type → components/css/typography}/font-position.css +0 -0
  30. /package/src/{type → components/css/typography}/font.css +0 -0
  31. /package/src/{type → components/css/typography}/index.css +0 -0
  32. /package/src/{type → components/css/typography}/text-edge.css +0 -0
  33. /package/src/{type → components/css/typography}/text-relative.css +0 -0
  34. /package/src/{animation → effects/animation}/animation.css +0 -0
  35. /package/src/{animation → effects/animation}/fly.css +0 -0
  36. /package/src/{animation → effects/animation}/index.css +0 -0
  37. /package/src/{transitions → effects/transitions}/index.css +0 -0
  38. /package/src/{transitions → effects/transitions}/starting-style.css +0 -0
package/src/styles.css CHANGED
@@ -1,17 +1,20 @@
1
1
  /* Splendid Styles */
2
2
 
3
+ /* Canonical full bundle = the base foundation + CSS components. tools/layouts/
4
+ effects/button are registered once here; the pure component bodies below do
5
+ not re-import them. Don't compose this file from base.css + components (base
6
+ also imports button — that would duplicate it). For framework components on
7
+ top of everything, use `base + components/astro`, not this bundle. */
8
+
9
+ @import './tools/index.css';
10
+ @import './components/css/button.css';
3
11
  @import './reset.css' layer(reset);
4
12
  @import './layout-reset.css' layer(reset);
5
13
  @import './variables/index.css';
6
- @import './tools/index.css';
7
14
  @import './generic/index.css';
8
- @import './form/index.css';
9
- @import './components/css/index.css';
10
15
  @import './layouts/index.css';
11
- @import './type/index.css';
12
16
  @import './effects/index.css';
13
- @import './transitions/index.css';
14
- @import './animation/index.css';
17
+ @import './components/css/index.css';
15
18
 
16
19
  /* Addons */
17
20
  /* @import './components/index.css'; */
package/src/theming.css ADDED
@@ -0,0 +1,7 @@
1
+ /* Theming layer: the @theme design tokens plus the tools that produce/consume
2
+ them (color, pigment, scaffolds). Full tools is included because pigment
3
+ @applies transition-scaffold / border-scaffold from sibling tool files.
4
+ No reset or generic element styling — safe to drop into an existing project. */
5
+
6
+ @import './variables/index.css';
7
+ @import './tools/index.css';
package/src/tools/object.css CHANGED
@@ -1,5 +1,10 @@
1
- /* Object doesn't work correctly in Safari unless height is given. https://stackoverflow.com/questions/60192601/object-fit-cover-not-working-correctly-on-safari */
1
+ /* Pins an image to fill and cover its positioned parent, so the parent's
2
+ content sets the height. Width/height are needed for object-fit to work in
3
+ Safari: https://stackoverflow.com/questions/60192601/object-fit-cover-not-working-correctly-on-safari */
2
4
  @utility object-background {
5
+ position: absolute;
6
+ z-index: -1;
7
+ inset: 0;
3
8
  width: 100%;
4
9
  height: 100%;
5
10
  object-fit: cover;
package/src/utilities.css ADDED
@@ -0,0 +1,11 @@
1
+ /* Un-opinionated foundation: every utility group (tools, layouts, effects)
2
+ with no reset or bare-HTML restyle. Same build primitives as base, minus the
3
+ opinionated element styling — powers `utilities + components/*`. Unused
4
+ utilities are tree-shaken. Use base OR utilities, never both. */
5
+
6
+ @import './tools/index.css';
7
+ @import './layouts/index.css';
8
+ @import './effects/index.css';
9
+ /* button is a @utility (foundation-level) so framework components layered on
10
+ this foundation can @apply button-icon. */
11
+ @import './components/css/button.css';