We will only fix bugs and will no longer add new features. For the latest library, please follow the TVA project.
Install nvm
nvm install
nvm use
yarn config set ignore-engines true
yarn
yarn build
yarn start
yarn publish:all
This library (classic) is officially in maintenance mode only. For the latest library, please see the TVA project (https://pluralsight.github.io/tva/).
Home Page: https://design-system.pluralsight.com
License: Apache License 2.0
We will only fix bugs and will no longer add new features. For the latest library, please follow the TVA project.
Install nvm
nvm install
nvm use
yarn config set ignore-engines true
yarn
yarn build
yarn start
yarn publish:all
icon assets to download: https://pluralsight.slack.com/files/dmitry-borodyansky/F6F5AUW6T/ds-bg.svg
would have to run a 'gen site' command.
but would have to have live updates to dev env on localhost without running the gen cmd
while applying the icon styles as best as possible
waiting -- secondary nav
more consistent with other naming
how do they package components?
popped up since the design system change #26
wrap something custom for the site.
@dborodyansky would you mind providing measurements for these? Or are they just the spacings that used to exist in the design system?
this line:
https://github.com/pluralsight/design-system/blob/master/packages/card/react/index.js#L115
needs to change to:
el.props.className
See how far we can take this. One CPT had a hard time with the config. It is a leap. And it is an effort to work it into an existing/different build config. Others matched up well, but mostly because the tech choice/familiarity was similar.
There will likely be tradeoffs in this direction, but let's get a feel for them before we scale out our building of component and do 10 more in a certain way.
colocates dup gradient definition next to the first, css definition
makes sense to import this into icon for use as a fill override.
carets, etc from comp
Label (Title Case): XSmall, XXSmall, XXLarge
Code (camelCase): xSmall, xXSmall, xXLarge, psLayoutSpacingXXLarge
Code (lowercase): xsmall, xxsmall, xxlarge
Code (dashified): x-small, xx-small, xx-large
Have a discussion about:
instead of skipping xLarge
Card L
Card M
Card S
Wanted to document the idea around exporting the configuration options for our components as part of the API.
Current
<Button
appearance="stroke"
size="tiny">Click me</Button>
Proposal
<Button
appearance={Button.APPEARANCES.STROKE}
size={Button.SIZES.TINY>Click me</Button>
Or
import Button, { APPEARANCES, SIZES} from '...'
// Splitting hairs, the point is just to make it explicit/part of the interface.
While this API is more characters I think it has some valuable wins...
Happy to support if we want to continue down the current direction.
auto
auto formatted
auto optimized
header differences - xl and l
options instead of serial
ensure matches styleguide
gather +1s
this class
ps-card__metadata__datum--link
only if element type is a, anchor
right now, all react elements get it.
for sidenav and landing logo
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.