@warp-ds/component-classes - npm Package Compare versions

Comparing version 1.0.0-alpha.50 to 1.0.0-alpha.51

index.js

@@ -353,1 +353,28 @@ export const attention = {
 }
+
+export const toggle = {
+  field: 'text-16 relative',
+  wrapper: 'relative py-1',
+  input: 'sr-only peer',
+  inputDisabled: 'pointer-events-none',
+  focusable: 'peer-focus:focusable:focus peer-focus-visible:focusable:focus-visible peer-not-focus-visible:focusable:focus:not(:focus-visible)',
+  focusableWithin: 'focus-within:focusable:focus focus-within:focusable:focus-visible',
+  label: 'cursor-pointer text-16 i-text-$color-label-text py-2 pl-28 select-none relative block before:block before:border before:i-border-$color-checkbox-border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2',
+  noContent: `before:content-['']`,
+  indeterminate: `before:i-text-$color-text-inverted before:text-center before:font-bold before:content-['–'] peer-indeterminate:before:i-border-$color-checkbox-border-active peer-indeterminate:before:i-bg-$color-checkbox-background-active peer-indeterminate:hover:before:i-border-$color-checkbox-border-hover peer-indeterminate:hover:before:i-bg-$color-checkbox-background-active-hover`,
+  labelDisabled: 'pointer-events-none',
+  checkbox: 'before:rounded-2 hover:before:i-border-$color-checkbox-border-hover hover:before:i-bg-$color-checkbox-background-hover',
+  checkboxChecked: 'peer-checked:before:i-border-$color-checkbox-border-active peer-checked:before:i-bg-$color-checkbox-background-active peer-checked:peer-hover:before:i-border-$color-checkbox-border-active-hover peer-checked:peer-hover:before:i-bg-$color-checkbox-background-active-hover',
+  checkboxInvalid: 'before:i-bg-$color-checkbox-negative-background hover:before:i-bg-$color-checkbox-negative-background-hover before:i-border-$color-checkbox-negative-border hover:before:i-border-$color-checkbox-negative-border-hover peer-checked:before:i-bg-$color-checkbox-negative-background-active peer-checked:peer-hover:before:i-bg-$color-checkbox-negative-background-active-hover peer-checked:peer-hover:before:i-border-$color-checkbox-negative-border-active-hover',
+  labelCheckboxColors: 'i-bg-$color-checkbox-background i-border-$color-checkbox-border',
+  radio: 'before:rounded-full peer-checked:before:i-border-$color-radio-border-active peer-checked:before:border-[6] peer-checked:peer-hover:before:i-border-$color-radio-border-active-hover peer-hover:before:i-border-$color-radio-border-hover peer-hover:before:i-bg-$color-radio-background-hover',
+  radioInvalid: 'before:i-bg-$color-radio-negative-background peer-hover:before:i-bg-$color-radio-negative-background-hover before:i-border-$color-radio-negative-border peer-hover:before:i-border-$color-radio-negative-border-hover peer-checked:before:i-border-$color-radio-negative-border-active peer-checked:peer-hover:before:i-border-$color-radio-negative-border-active-hover ',
+  labelRadioColors: 'i-bg-$color-radio-background i-border-$color-radio-border',
+  segmentControl: 'inline-flex relative font-bold rounded-8',
+  scLabel: 'peer-hover:i-bg-$color-buttongroup-background-hover peer-checked:i-text-$color-buttongroup-text-active peer-checked:i-bg-$color-buttongroup-background-active peer-checked:peer-hover:i-bg-$color-buttongroup-background-active-hover peer-checked:i-border-$color-buttongroup-border-active block relative text-14 font-bold pb-4 cursor-pointer i-text-$color-buttongroup-text text-center i-bg-$color-background border-2 i-border-$color-buttongroup-border py-10 px-14 group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 ',
+  scJustified: 'flex',
+  scLabelJustified: 'grow-0 shrink-0 basis-auto',
+  scLabelSmall: 'text-12 py-[5px]! px-[8px]!',
+  icon: 'peer-checked:before:bg-center before:bg-[var(--x-form-check-mark)]',
+  a11y: 'sr-only',
+};

package.json

 {
   "name": "@warp-ds/component-classes",
   "repository": "[e-mail]:warp-ds/component-classes.git",
-  "version": "1.0.0-alpha.50",
+  "version": "1.0.0-alpha.51",
   "description": "WARP component classes",
@@ -6,0 +6,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68387

increased by17.14%

Lines of code

489

increased by12.93%

No dependency changes