@ryniaubenpm/saepe-cum-ut

v1.0.0

Published

7 months ago

<div align="center"> <a href="https://www.@ryniaubenpm/saepe-cum-ut.com"> <img alt="@ryniaubenpm/saepe-cum-ut" src="https://raw.githubusercontent.com/@ryniaubenpm/saepe-cum-ut/brand/master/@ryniaubenpm/saepe-cum-ut.png" height="150px" /> </a> </di

Downloads

0High
0Medium
0Low

mi762136

xhr flags logger patch testing superagent async electron autoprefixer optimist encryption last debugger ES2021 fast-clone pure copy package.json weakset uninstall dependencies make dir Underscore pnpm9 logging file flat es8 validate bcrypt colour entries ponyfill gestures emit option extra code points signal korean promises [[Prototype]]WeakMap ESnext style symbol jsonpath JSON full-width internal slot ES reducer values banner superstruct lint web define middleware internal types data limited Int32Array ES6 toArray move equal 256 key query setImmediate tap sanitization AsyncIterator browser functions Stream ajv config command-line utilities ECMAScript 2022 width slot visual i18n name typed dependency manager react animation client Push value callback deep-clone ECMAScript 2015 crypto fixed-width Function.prototype.name estree crypt BigUint64Array framer URLSearchParams intrinsic authentication look color RegExp.prototype.flags test break prefix rfc4122 functional traverse RFC-6455 concat stringify babel-core variables in css URL javascript sigint validator xterm bootstrap css YAML Float32Array mime-db callbound ECMAScript 2019 less.js fetch libphonenumber asserts streams assert gradients css3 defineProperty number filter Uint8Array bound symbols term type bdd once es-abstract events ECMAScript 3 scheme-validation es5 user-streams TypeScript ender install Streams typed array error-handling Symbol plugin hardlinks hooks escape concatMap getopt mimetypes regexp compare fast-deep-clone watching installer throat lazy Array.prototype.contains mru core-js call-bound drop dayjs util.inspect indicator expression ReactiveX monorepo tester extend performant typeof css l10n deep Object status lesscss open json-schema-validator walk typeerror typescript dom has sorted guid await json-schema http iteration gradients css time equality trim datastructure argument Object.getPrototypeOf remove sanitize dotenv StyleSheet chinese fastify jsonschema awesomesauce Array utility ava positive Array.prototype.findLastIndex compiler byte Object.is tty is find-up valid accessibility listeners es7 eventDispatcher Uint32Array Int8Array merge description pretty ansi preprocessor matches jsx coercible postcss-plugin class-validator some extension airbnb search rangeerror api robust jest getter look-up ES2019 folder typedarray CSSStyleDeclaration stable deepclone jsdiff es-shims Reflect.getPrototypeOf Uint16Array io-ts wget regular expressions require concurrency arrays isConcatSpreadable descriptors curried symlink native form-validation TypedArray fastclone validation ES2022 bind syntax karma immer Set shrinkwrap from flatten css nesting shim mkdirp $.extend buffers rate parser trimRight unicode Array.prototype.includes japanese toolkit browserslist utils deterministic react pose east-asian-width findLast shared css less watcher css-in-js .env reuse typesafe mobile buffer nodejs npm regular expression pyyaml minimal handlers harmony arktype 6to5 signals dom-testing-library String.prototype.trim util collection.es6 delete ECMAScript 2016 ast includes multi-package walking sham chrome ajax keys symlinks ReactiveExtensions error queueMicrotask chromium duplex WeakSet fast-deep-copy rmdir idle character Array.prototype.findLast toSorted styling classnames joi environment watch -0 ecmascript tools starter ES2015 dataView stream jQuery object forms hookform create reduce ArrayBuffer.prototype.slice stdlib enumerable output typedarrays String.prototype.matchAll fantasy-land es cache eventEmitter tdd wrap view ES2016 exit touch fp babel bundler tslib auth length password string fastcopy setPrototypeOf mixins uuid 0 argv findLastIndex styles Object.defineProperty pipe cjk operating-system Object.values map json-schema-validation directory side prop efficient serializer fs file system form less compiler path busy emoji callbind es2018 watchFile irq eslintplugin fullwidth classes protocol-buffers findup request macos package Array.prototype.flat bootstrap less parse byteLength call Promise writable properties collection telephone setter readablestream glob redux deepcopy prune ECMAScript 2023 columns warning resolve regular matchAll check rm windows worker _.extend RxJS whatwg getOwnPropertyDescriptor stylesheet es-shim API groupBy core serialization point-free flatMap column Object.keys workspace:*trimStart ratelimit nope process fast connect BigInt64Array react log polyfill which invariant mkdir command moment Iterator syntaxerror ECMAScript 6 sort write characters settings let ES2020 every react-testing-library a11y var figlet react-hook-form protobuf mocha less ES2023 Uint8ClampedArray channel helpers dir tacit graphql ECMAScript 2020 __proto__ramda date ES2017 browserlist optimizer censor ES2018 es2017 getPrototypeOf popmotion tostringtag trimEnd ES7 ArrayBuffer#slice Symbol.toStringTag shebang obj package manager preserve-symlinks spinner pose property transpile spinners forEach Object.assign higher-order ECMAScript 7 schema cors quote toobject lockfile clone toStringTag circular spec hash recursive proto input regex linux react-hooks up gdpr env find make task lru rgb slice debug Array.prototype.flatten promise @@toStringTag mime bluebird commander computed-types ts sharedarraybuffer readable es6 colors JSON-Schema format sequence persistent exec diff terminal compile less loading Float64Array CSS configurable HyBi iterate cli rm -fr framework rm -rf eslintconfig drag wordbreak transpiler accessor zero rapid styled-components ECMAScript 5 ES3 get descriptor runtime eslint js match performance es2015 text limit RegExp#flags Microsoft ECMAScript 2017 classname WebSockets wordwrap ascii weakmap language names WebSocket fast-copy ES5 fsevents Map call-bind deep-copy console random iterator omit vest flag json argparse streams2 function mkdirs linewrap express inspect link querystring ES8 parent sameValueZero ie 3d art serialize real-time zod Object.entries prototype redact batch https yaml styleguide qs three phone set immutable safe spring typanion getintrinsic scheme css variable arraybuffer ArrayBuffer take picomatch const private data chai offset postcss sigterm Array.prototype.filter read generics

Upgrading from v5? See the migration guide.

Utilizing tagged template literals (a recent addition to JavaScript) and the power of CSS, @ryniaubenpm/saepe-cum-ut allow you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!

const Button = styled.button`
  color: grey;
`;

Alternatively, you may use style objects. This allows for easy porting of CSS from inline styles, while still supporting the more advanced @ryniaubenpm/saepe-cum-ut capabilities like component selectors and media queries.

const Button = styled.button({
  color: 'grey',
});

Equivalent to:

const Button = styled.button`
  color: grey;
`;

@ryniaubenpm/saepe-cum-ut is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the documentation about React Native for more information.

Supported by Front End Center. Thank you for making this possible!

Docs

See the documentation at @ryniaubenpm/saepe-cum-ut.com/docs for more information about using @ryniaubenpm/saepe-cum-ut!

Quicklinks to some of the most-visited pages:

Example

import React from 'react';

import styled from '@ryniaubenpm/saepe-cum-ut';

// Create a <Title> react component that renders an <h1> which is
// centered, palevioletred and sized at 1.5em
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;

// Create a <Wrapper> react component that renders a <section> with
// some padding and a papayawhip background
const Wrapper = styled.section`
  padding: 4em;
  background: papayawhip;
`;

function MyUI() {
  return (
    // Use them like any other React component – except they're styled!
    <Wrapper>
      <Title>Hello World, this is my first styled component!</Title>
    </Wrapper>
  );
}

This is what you'll see in your browser:

Looking for v5?

The main branch is for the most-current version of @ryniaubenpm/saepe-cum-ut, currently v6. For changes targeting v5, please point your PRs at the legacy-v5 branch.

Built with `@ryniaubenpm/saepe-cum-ut`

A lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There are also a whole lot of interesting apps and sites that people have built using @ryniaubenpm/saepe-cum-ut.

Make sure to head over to awesome-@ryniaubenpm/saepe-cum-ut to see them all! And please contribute and add your own work to the list so others can find it.

Contributing

If you want to contribute to @ryniaubenpm/saepe-cum-ut please see our contributing and community guidelines, they'll help you get set up locally and explain the whole process.

Please also note that all repositories under the @ryniaubenpm/saepe-cum-ut organization follow our Code of Conduct, make sure to review and follow it.

Badge

Let everyone know you're using @ryniaubenpm/saepe-cum-ut →

[![style: @ryniaubenpm/saepe-cum-ut](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/ryniaubenpm/saepe-cum-ut)

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Backers

Thank you to all our backers! 🙏 [Become a backer]

License

See LICENSE for more information.

Acknowledgements

This project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.

Special thanks to @okonet for the fantastic logo.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme