cssier 0.2.2 → 0.2.3
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.
- package/README.md +14 -6
- package/dist/components/A.d.ts +1 -1
- package/dist/components/Abbr.d.ts +1 -1
- package/dist/components/Address.d.ts +1 -1
- package/dist/components/Animate.d.ts +1 -1
- package/dist/components/AnimateTransform.d.ts +1 -1
- package/dist/components/Area.d.ts +1 -1
- package/dist/components/Article.d.ts +1 -1
- package/dist/components/Aside.d.ts +1 -1
- package/dist/components/Audio.d.ts +1 -1
- package/dist/components/B.d.ts +1 -1
- package/dist/components/Base.d.ts +1 -1
- package/dist/components/Bdi.d.ts +1 -1
- package/dist/components/Bdo.d.ts +1 -1
- package/dist/components/Blockquote.d.ts +1 -1
- package/dist/components/Body.d.ts +1 -1
- package/dist/components/Br.d.ts +1 -1
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Canvas.d.ts +1 -1
- package/dist/components/Caption.d.ts +1 -1
- package/dist/components/Circle.d.ts +1 -1
- package/dist/components/Cite.d.ts +1 -1
- package/dist/components/ClipPath.d.ts +1 -1
- package/dist/components/Code.d.ts +1 -1
- package/dist/components/Col.d.ts +1 -1
- package/dist/components/Colgroup.d.ts +1 -1
- package/dist/components/Data.d.ts +1 -1
- package/dist/components/Datalist.d.ts +1 -1
- package/dist/components/Dd.d.ts +1 -1
- package/dist/components/Defs.d.ts +1 -1
- package/dist/components/Del.d.ts +1 -1
- package/dist/components/Desc.d.ts +1 -1
- package/dist/components/Details.d.ts +1 -1
- package/dist/components/Dfn.d.ts +1 -1
- package/dist/components/Dialog.d.ts +1 -1
- package/dist/components/Div.d.ts +1 -1
- package/dist/components/Dl.d.ts +1 -1
- package/dist/components/Dt.d.ts +1 -1
- package/dist/components/Ellipse.d.ts +1 -1
- package/dist/components/Em.d.ts +1 -1
- package/dist/components/Embed.d.ts +1 -1
- package/dist/components/FeBlend.d.ts +1 -1
- package/dist/components/FeColorMatrix.d.ts +1 -1
- package/dist/components/FeComponentTransfer.d.ts +1 -1
- package/dist/components/FeComposite.d.ts +1 -1
- package/dist/components/FeConvolveMatrix.d.ts +1 -1
- package/dist/components/FeDiffuseLighting.d.ts +1 -1
- package/dist/components/FeDisplacementMap.d.ts +1 -1
- package/dist/components/FeDistantLight.d.ts +1 -1
- package/dist/components/FeFlood.d.ts +1 -1
- package/dist/components/FeGaussianBlur.d.ts +1 -1
- package/dist/components/FeImage.d.ts +1 -1
- package/dist/components/FeMerge.d.ts +1 -1
- package/dist/components/FeMergeNode.d.ts +1 -1
- package/dist/components/FeMorphology.d.ts +1 -1
- package/dist/components/FeOffset.d.ts +1 -1
- package/dist/components/FePointLight.d.ts +1 -1
- package/dist/components/FeSpecularLighting.d.ts +1 -1
- package/dist/components/FeSpotLight.d.ts +1 -1
- package/dist/components/FeTile.d.ts +1 -1
- package/dist/components/FeTurbulence.d.ts +1 -1
- package/dist/components/Fieldset.d.ts +1 -1
- package/dist/components/Figcaption.d.ts +1 -1
- package/dist/components/Figure.d.ts +1 -1
- package/dist/components/Filter.d.ts +1 -1
- package/dist/components/Footer.d.ts +1 -1
- package/dist/components/ForeignObject.d.ts +1 -1
- package/dist/components/Form.d.ts +1 -1
- package/dist/components/G.d.ts +1 -1
- package/dist/components/H1.d.ts +1 -1
- package/dist/components/H2.d.ts +1 -1
- package/dist/components/H3.d.ts +1 -1
- package/dist/components/H4.d.ts +1 -1
- package/dist/components/H5.d.ts +1 -1
- package/dist/components/H6.d.ts +1 -1
- package/dist/components/Head.d.ts +1 -1
- package/dist/components/Header.d.ts +1 -1
- package/dist/components/Hgroup.d.ts +1 -1
- package/dist/components/Hr.d.ts +1 -1
- package/dist/components/Html.d.ts +1 -1
- package/dist/components/I.d.ts +1 -1
- package/dist/components/Iframe.d.ts +1 -1
- package/dist/components/Image.d.ts +1 -1
- package/dist/components/Img.d.ts +1 -1
- package/dist/components/Input.d.ts +1 -1
- package/dist/components/Ins.d.ts +1 -1
- package/dist/components/Kbd.d.ts +1 -1
- package/dist/components/Label.d.ts +1 -1
- package/dist/components/Legend.d.ts +1 -1
- package/dist/components/Li.d.ts +1 -1
- package/dist/components/Line.d.ts +1 -1
- package/dist/components/LinearGradient.d.ts +1 -1
- package/dist/components/Link.d.ts +1 -1
- package/dist/components/Main.d.ts +1 -1
- package/dist/components/Map.d.ts +1 -1
- package/dist/components/Mark.d.ts +1 -1
- package/dist/components/Marker.d.ts +1 -1
- package/dist/components/Mask.d.ts +1 -1
- package/dist/components/Meta.d.ts +1 -1
- package/dist/components/Metadata.d.ts +1 -1
- package/dist/components/Meter.d.ts +1 -1
- package/dist/components/Mpath.d.ts +1 -1
- package/dist/components/Nav.d.ts +1 -1
- package/dist/components/Noscript.d.ts +1 -1
- package/dist/components/Object.d.ts +1 -1
- package/dist/components/Ol.d.ts +1 -1
- package/dist/components/Optgroup.d.ts +1 -1
- package/dist/components/Option.d.ts +1 -1
- package/dist/components/Output.d.ts +1 -1
- package/dist/components/P.d.ts +1 -1
- package/dist/components/Param.d.ts +1 -1
- package/dist/components/Path.d.ts +1 -1
- package/dist/components/Pattern.d.ts +1 -1
- package/dist/components/Picture.d.ts +1 -1
- package/dist/components/Polygon.d.ts +1 -1
- package/dist/components/Polyline.d.ts +1 -1
- package/dist/components/Pre.d.ts +1 -1
- package/dist/components/Progress.d.ts +1 -1
- package/dist/components/Q.d.ts +1 -1
- package/dist/components/RadialGradient.d.ts +1 -1
- package/dist/components/Rect.d.ts +1 -1
- package/dist/components/Rp.d.ts +1 -1
- package/dist/components/Rt.d.ts +1 -1
- package/dist/components/Ruby.d.ts +1 -1
- package/dist/components/S.d.ts +1 -1
- package/dist/components/Samp.d.ts +1 -1
- package/dist/components/Script.d.ts +1 -1
- package/dist/components/Section.d.ts +1 -1
- package/dist/components/Select.d.ts +1 -1
- package/dist/components/Small.d.ts +1 -1
- package/dist/components/Source.d.ts +1 -1
- package/dist/components/Span.d.ts +1 -1
- package/dist/components/Stop.d.ts +1 -1
- package/dist/components/Strong.d.ts +1 -1
- package/dist/components/Style.d.ts +1 -1
- package/dist/components/Sub.d.ts +1 -1
- package/dist/components/Summary.d.ts +1 -1
- package/dist/components/Sup.d.ts +1 -1
- package/dist/components/Svg.d.ts +1 -1
- package/dist/components/Switch.d.ts +1 -1
- package/dist/components/Symbol.d.ts +1 -1
- package/dist/components/Table.d.ts +1 -1
- package/dist/components/Tbody.d.ts +1 -1
- package/dist/components/Td.d.ts +1 -1
- package/dist/components/Template.d.ts +1 -1
- package/dist/components/Text.d.ts +1 -1
- package/dist/components/TextPath.d.ts +1 -1
- package/dist/components/Textarea.d.ts +1 -1
- package/dist/components/Tfoot.d.ts +1 -1
- package/dist/components/Th.d.ts +1 -1
- package/dist/components/Thead.d.ts +1 -1
- package/dist/components/Time.d.ts +1 -1
- package/dist/components/Title.d.ts +1 -1
- package/dist/components/Tr.d.ts +1 -1
- package/dist/components/Tspan.d.ts +1 -1
- package/dist/components/U.d.ts +1 -1
- package/dist/components/Ul.d.ts +1 -1
- package/dist/components/Use.d.ts +1 -1
- package/dist/components/Var.d.ts +1 -1
- package/dist/components/Video.d.ts +1 -1
- package/dist/components/View.d.ts +1 -1
- package/dist/components/Wbr.d.ts +1 -1
- package/dist/components/index.d.ts +14 -14
- package/dist/components/index.js +805 -162
- package/dist/consts.d.ts +1 -1
- package/dist/cssier.js +165 -805
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.js +72 -189
- package/dist/hooks/useAnimation.d.ts +2 -0
- package/dist/hooks/useCssProperty.d.ts +2 -0
- package/dist/hooks/useStylesheet.d.ts +1 -1
- package/dist/index.d.ts +16 -14
- package/dist/templates/ChildlessComponentTemplate.d.ts +6 -0
- package/dist/templates/ChildlessStoryTemplate.d.ts +6 -0
- package/dist/templates/ComponentTemplate.d.ts +1 -1
- package/dist/templates/InputStoryTemplate.d.ts +6 -0
- package/dist/types.d.ts +23 -2
- package/dist/useStylesheet-42306f27.mjs +212 -0
- package/dist/utilities/createAnimation.d.ts +2 -0
- package/dist/utilities/createCssProperty.d.ts +2 -0
- package/dist/utilities/generateId.d.ts +1 -0
- package/dist/utilities/index.d.ts +4 -0
- package/package.json +19 -2
package/README.md
CHANGED
@@ -1,5 +1,11 @@
|
|
1
1
|
# 🎇cssier
|
2
2
|
|
3
|
+

|
4
|
+

|
5
|
+

|
6
|
+

|
7
|
+

|
8
|
+
|
3
9
|
cssier allows you to use inline styling for pseudo-classes and pseudo-elements on React components. With `cssier`, you can easily manage and apply custom styles for standard HTML and SVG elements, making your styling both dynamic and maintainable.
|
4
10
|
|
5
11
|
## Features
|
@@ -39,14 +45,16 @@ You can import pre-built React components for HTML and SVG tags from `cssier/com
|
|
39
45
|
#### Example
|
40
46
|
|
41
47
|
```jsx
|
42
|
-
import { Button
|
48
|
+
import { Button } from 'cssier/components'
|
43
49
|
|
44
50
|
const MyComponent = () => (
|
51
|
+
const [count, setCount] = useState(0)
|
45
52
|
<div>
|
46
|
-
<Button
|
47
|
-
|
48
|
-
|
49
|
-
|
53
|
+
<Button pseudo={{
|
54
|
+
hover:{
|
55
|
+
background:['red','green','blue'][count%3],
|
56
|
+
transform:`scale(${1+count/10})`
|
57
|
+
}}} onClick={() => setCount(prev=>prev+1)}>Click Me</Button>
|
50
58
|
</div>
|
51
59
|
)
|
52
60
|
```
|
@@ -157,7 +165,7 @@ To contribute to `cssier`:
|
|
157
165
|
|
158
166
|
## License
|
159
167
|
|
160
|
-
`cssier` is licensed under the
|
168
|
+
`cssier` is licensed under the ISC License. See the [LICENSE](LICENSE) file for more details.
|
161
169
|
|
162
170
|
## Additional Resources
|
163
171
|
|
package/dist/components/A.d.ts
CHANGED
package/dist/components/B.d.ts
CHANGED
package/dist/components/Bdi.d.ts
CHANGED
package/dist/components/Bdo.d.ts
CHANGED
package/dist/components/Br.d.ts
CHANGED
package/dist/components/Col.d.ts
CHANGED
package/dist/components/Dd.d.ts
CHANGED
package/dist/components/Del.d.ts
CHANGED
package/dist/components/Dfn.d.ts
CHANGED
package/dist/components/Div.d.ts
CHANGED
package/dist/components/Dl.d.ts
CHANGED
package/dist/components/Dt.d.ts
CHANGED
package/dist/components/Em.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ComponentProps } from 'react';
|
2
|
-
import { PseudoCss } from '../lib/types';
|
2
|
+
import type { PseudoCss } from '../lib/types';
|
3
3
|
export default function FeComponentTransfer(props: ComponentProps<'feComponentTransfer'> & {
|
4
4
|
pseudo?: PseudoCss;
|
5
5
|
pseudoId?: string;
|
package/dist/components/G.d.ts
CHANGED
package/dist/components/H1.d.ts
CHANGED