@wedgekit/primitives
Advanced tools
Primitives are the building blocks of WedgeKit components. They are largely settings or wrapper components designed for keeping all WedgeKit components consistent in a composable and discoverable way.
Primitives are the building blocks of WedgeKit components. They are largely settings or wrapper components designed for keeping all WedgeKit components consistent in a composable and discoverable way.
import settings from '@wedgekit/primitives';
@wedgekit/primitives exports a settings object as its default export. These settings are intended to enforce consistency across wedgekit and A2W apps. The following settings are included in the settings object:
animations
transitions for transform, box-shadow, and border are included in settings.animations
base
base is a set number of pixels that all sizes in wedgekit and A2W apps should be based on; inspired by Evergreen UI's major scale
border
provides width and radius settings
colors
contains status color codes
cursor
the CSS styles for disabled and readOnly
font
code font settings
fontFamily
a CSS complaint font-family string
fontSize
provides sizes for the following:
fontWeight
provides font-weights for title, normal & link
tabIndex
the tabIndex for disabled for those who strongly prefer package exports over extremely trivial code
widths
inexplicably the widths for toast and multiselect-card are in settings and not in their respective components
zindex
z-index values for modal and header
Background for form elements
disabled
required: ❌
type: boolean
invalid
required: ❌
type: boolean
readOnly
required: ❌
type: boolean
Same... I think this is a cursor mixin for use with inputs.
disabled
required: ❌
type: boolean
invalid
required: ❌
type: boolean
readOnly
required: ❌
type: boolean
I know this one is for inputs.
disabled
required: ❌
type: boolean
invalid
required: ❌
type: boolean
readOnly
required: ❌
type: boolean
status
required: ❌
type: 'default' | 'error' | 'success' | 'pending'
wrapsGroup
required: ❌
type: boolean
Wipes out existing browser styling(?)
a mixin for checkboxes and radio inputs which handles hover and focus-within styling
active
required: ❌
type: boolean
disabled
required: ❌
type: boolean
It's a shadow mixin for popovers. Which is not in the popover package because it's so versatile.
disabled
required: ❌
type: boolean
invalid
required: ❌
type: boolean
status
required: ❌
type: 'default' | 'error' | 'success' | 'pending'
readOnly
required: ❌
type: boolean
wrapsGroup
required: ❌
type: boolean
It's updated, which is how you know its the right one. Unless there's an updatedUpdatedInputMixin of course, in which case please use that instead.
disabled
required: ❌
type: boolean
fullWidth
required: ❌
type: boolean
invalid
required: ❌
type: boolean
labelHidden
required: ❌
type: boolean
labelInline
required: ❌
type: boolean
status
required: ❌
type: 'default' | 'error' | 'success' | 'pending'
readOnly
required: ❌
type: boolean
withUpDown is a React HOC which has a direction prop which can be set to up or down. It will transform the content 180 degrees when direction is up
FAQs
Primitives are the building blocks of WedgeKit components. They are largely settings or wrapper components designed for keeping all WedgeKit components consistent in a composable and discoverable way.
The npm package @wedgekit/primitives receives a total of 17 weekly downloads. As such, @wedgekit/primitives popularity was classified as not popular.
We found that @wedgekit/primitives demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 18 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.