yummacss 2.0.0 → 2.1.0

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+    "semi": true,
+    "singleQuote": false,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "printWidth": 80,
+    "bracketSameLine": true,
+    "bracketSpacing": true
+}

package/CHANGELOG.md

@@ -2,72 +2,57 @@
 
 All notable changes to the Yumma CSS will be documented in this file.
 
-## [2.0.0]
+## [2.1.0]
 
 ### Added
-- Add **Accent Color** utilities
-- Add **Aspect Ratio** utilities
-- Add **Backdrop Filter** utilities
-- Add **Border Collapse** utilities
-- Add **Border Style** utilities
-- Add **Caption Side** utilities
-- Add **Container** utilities
-- Add **Font Style** utilities
-- Add **Gap** utilities
-- Add **Grid Column** utilities
-- Add **Grid Row** utilities
-- Add **Object Fit** utilities
-- Add **Object Position** utilities
-- Add **Outline Color** utilities
-- Add **Outline Offset** utilities
-- Add **Outline Style** utilities
-- Add **Outline Width** utilities
-- Add **Spacing** utilities
-- Add **Table Layout** utilities
-- Add **Text Decoration Color** utilities
-- Add **Text Decoration Style** utilities
-- Add **Text Decoration Thickness** utilities
-- Add `_mixin.scss` partial
-- Add `core.scss` file
-- Add `functions.scss` partial
-- Include **Hover** utility variants
-- Include **Responsive** utility variants
-- Include **Silver** color to the color palette
+
+- Add `_borders.scss`, `_box-model.scss`, `_effects.scss`, `_filters.scss`, `_flexbox.scss`, `_grid.scss`, `_layout.scss`, `_interactions.scss`, `_outlines.scss`, `_tables.scss` and `_typography.scss`
+- Add `_extensions.scss` and `_theme.scss`
+- Add `cursor: pointer` to all `<button>` element
+- Add the `0` value to **Opacity** utility variant
+- Add the `auto` property to **Flex** utility variant
 
 ### Changed
 
-- **Border Color** utilities no longer have `border-style` and `border-width` properties by default
-- Base styles are now optional
-- Colors now use HEX color format
-- Fix `transparent` having color variants
-- Fix conflict between `float: none;` (`f-none`) and `flex: none;` (`f-none`)
-- New **Flex Basis** utilities - `fb-full`, `fb-half`
-- New `auto` property in **Margin** and **Padding** utilities
-- New `max-content` and `min-content` properties in **Grid Auto Columns**, **Grid Auto Rows**, **Height**, **Width**, **Dimension** and **Flex Basis**
-- New `xxl` breakpoint utilities
-- Simplify **Font Family** fallbacks
-- Stylecent now covers the `<optgroup>`
-- Update **Container** syntax from `cnn` to `cnt`
-- Update **Float** syntax from `f-*static*` to `flo-*`
-- Update **Font Family** utility syntaxes from `ff-d` to `ff-s`
-- Update **Font Size** Extra large syntax from `fs-2xl` to `fs-xxl`
-- Update **Position** syntax from `pos-*` to `p-*`
-- Update **Position** syntax from `pos-static` to `p-s`
-- Update **Position** syntax from `pos-sticky` to `p-t`
-- Update `cnt` utility with new responsive utility rules
-- Update property values from `0.75rem` to `0.25rem` for **Margin** and **Padding** utilities
-- Update values in breakpoint utilities
+- New `baseline` **Align Content** utility variant
+- New `baseline` **Align Items** utility variant
+- New `cg-0` **Column Gap** and `rg-0` **Row Gap** utilities
+- New `col-resize`, `default`, `ne-resize`, `nesw-resize`, `none`, `nw-resize`, `nwse-resize`, `progress`, `row-resize`, `s-resize`, `se-resize`, `sw-resize`, `w-resize`, `zoom-in`, `zoom-out` **Cursor** utility properties
+- New `f-b` **Font Size** base utility
+- New `font-size: inherit` and `font-weight: inherit` properties for heading and paragraph elements.
+- New `fs-9xl` **Font Size** utility variant
+- New `row dense` and `dense row` **Grid Auto Flow** utility variants
+- New `table`, `inline-table` and `inline-grid` **Display** utility variants
+- New `text` and `all` **User Select** utility variants
+- Rename **Align Content** utility syntax from `ac-stretch` to `ac-s`
+- Rename **Align Items** utility syntax from `ai-stretch` to `ai-s`
+- Rename **Align Self** utility syntax from `as-stretch` to `as-s`
+- Rename **Justify Items** utility syntax from `ji-stretch` to `ji-st`
+- Rename **Justify Self** utility syntax from `js-stretch` to `ji-st`
+- Rename **Object Position** utility syntax from `op-left` to `op-l`
+- Rename **Position** utility syntax from `p-t` to `p-y`
+- Rename **Position** utility syntax from `p-y` to `p-st`
+- Rename `_miscellaneous.scss` to `_interactions.scss`
+- Rename `$yma-direction` base value from `1px` to `0.25rem`
+- Rename color variables from `$yma-colors-*` to `$yma-theme-*`
+- Update **Border Radius** base value from `4px` to `0.25rem`
+- Update **Border Width** base value from `4px` to `1px`
+- Update **Flex Basis** base value from `1rem` to `0.25rem`
+- Update **Flex** utility variants
+- Update **Outline Offset** base value from `2px` to `1px`
+- Update **Outline Width** base value from `2px` to `1px`
+- Update **Spacing X** and **Spacing Y** calculations
 
 ### Removed
-- Remove **Column** utilities
-- Remove **Offset Gap** utilities
-- Remove **Row** utility
-- Remove `_grid.scss` partial
-- Remove `badge-*` component
-- Remove `btn-*` component
-- Remove `btn-otl-*` component
-- Remove `card-*` component
-- Remove `ff-i` utility
-- Remove `nav-*` component
-- Remove Components folder
-- Remove extra small value for breakpoint utilities
+
+- Delete `_utilities.scss` partial
+- Remove `end` and `start` properties from **Align Content** utilities
+- Remove `end` and `start` properties from **Align Items** utilities
+- Remove `end` and `start` properties from **Align Self** utilities
+- Remove `end`, `left`, `right` and `start` properties from **Justify Content** utilities
+- Remove `er` **Cursor** variant
+- Remove `flex-end`, `flex-start`, `left`, `normal` and `right` properties from **Justify Items** utilities
+- Remove `flex-end`, `flex-start`, `left`, `normal`, `right` and `stretch` properties from **Justify Self** utilities
+- Remove `hidden` property in **Border Style** utilities
+- Remove `hidden` property in **Outline Style** utilities
+- Remove variable inside **Spacing X** and **Spacing Y** utilities

package/README.md

@@ -1,54 +1,31 @@
-<h3 align="center">Yumma CSS</h3>
+<div align="center">
+  <a href="https://yummacss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://www.yummacss.com/assets/vectors/dark-logo.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://www.yummacss.com/assets/vectors/light-logo.svg">
+      <img alt="Yumma CSS" src="https://www.yummacss.com/assets/vectors/light-logo.svg" width="220" style="max-width: 100%;">
+    </picture>
+  </a>
+</div>
 
 <p align="center">
-  Quickly build applications with less code in your markup.
-  <br>
-  <a href="https://yummacss.com"><strong>Explore Yumma CSS Docs ↝</strong></a>
-  <br>
+  All the tools you need in one package, with abbreviated utility classes — goodbye, massive codebases!
   <br>
-  <a href="https://yummacss.com/blog">Blog</a>
-  •
-  <a href="https://yummacss.com/blogintroducing-yummacss-intellisense">Intellisense</a>
-  •
-  <a href="https://github.com/yumma-lib/yumma-css/issues">Issues</a>
-  •
-  <a href="https://play.yummacss.com">Playground</a>
+  <a href="https://yummacss.com"><strong>Read the documentation ↝</strong></a>
 </p>
 
-<p align="center">
-  <a href="https://www.npmjs.com/package/yummacss?activeTab=versions">
-    <img src="https://img.shields.io/npm/v/yummacss" alt="npm version">
-  </a>
-  <a href="https://www.npmjs.com/yummacss">
-    <img src="https://img.shields.io/npm/dt/yummacss" alt="Downloads">
-  </a>
-  <a href="https://github.com/yumma-lib/yumma-css-docs?tab=MIT-1-ov-file#readme">
-    <img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License">
-  </a>
-</p>
-
-## Get started
-
-You can use [npm](https://www.npmjs.com/yummacss) to include the Yumma CSS in your project, or you can add it using [jsDelivr](https://www.jsdelivr.com/):
-
-### cdn
-```
-<link href="https://cdn.jsdelivr.net/gh/yumma-lib/yumma-css/dist/yumma.min.css" rel="stylesheet" crossorigin="anonymous">
-```
+---
 
-### npm
-```
-npm install yummacss
-```
+### Support
 
-## Community
+[Join our Discord server](https://discord.gg/CGw5vyqmQ6). To get support just createa post in the `#help` channel with the <kbd>yummacss</kbd> tag.
 
-If you have questions or want to stay updated on our projects, here are some ways to connect with us:
+### Contributing
 
-- Subscribe to our [YouTube](https://www.youtube.com/@yummacss) channel.
-- Join our [Discord](https://discord.gg/CGw5vyqmQ6) server.
-- Follow us on [Twitter](https://twitter.com/yummacss) for the latest updates.
+I'd love your help with Yumma CSS. I've included some links below which you might find useful.
 
-## License
+- [Join us on the `#yummacss` channel on Discord](https://discord.gg/V6s5jg5TfX)
+  
+### Licensing
 
-The code is the intellectual property of [Renildo Pereira](https://github.com/orgs/yumma-lib/people) and is released under the terms of the MIT license.
+MIT — Copyright (c) 2023–present [Renildo Pereira](https://github.com/yumma-lib/yumma-css/graphs/contributors).