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

Comparing version 1.0.0-alpha.101 to 1.0.0-alpha.102

index.js

@@ -161,3 +161,3 @@ export const attention = {
   toastNegative: 'i-bg-$color-toast-negative-background i-border-$color-toast-negative-subtle-border i-text-$color-toast-negative-text',
-  toastIcon: 'flex-shrink-0 rounded-full w-[16px] h-[16px] m-[8px] text-white',
+  toastIcon: 'flex-shrink-0 rounded-full w-[16px] h-[16px] m-[8px] s-text-inverted',
   toastIconPositive: 'i-text-$color-toast-positive-icon',
@@ -236,3 +236,3 @@ toastIconWarning: 'i-text-$color-toast-warning-icon',
   buttonLink:
-    'leading-24 max-w-max focusable ease-in-out inline i-text-$color-text-link active:underline hover:underline', //.button--link /* Buttons pretending to be links, (Should rather inherit the actual link setup in the future?)  */
+    'leading-24 max-w-max focusable ease-in-out inline s-text-link active:underline hover:underline', //.button--link /* Buttons pretending to be links, (Should rather inherit the actual link setup in the future?)  */
   // Sizestuff
@@ -319,3 +319,3 @@ buttonSmall: 'px-16 py-6 text-12 leading-16', // .button--small
   readOnly: 'pl-0 bg-transparent border-0 pointer-events-none i-text-$color-input-text-read-only',
-  placeholder: 'placeholder:i-text-$color-text-placeholder',
+  placeholder: 'placeholder:s-text-placeholder',
   wrapper: 'relative',
@@ -385,3 +385,3 @@ suffix: 'pr-40',
   noContent: `before:content-[""]`,
-  indeterminate: `leading-[1.1] 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`,
+  indeterminate: `leading-[1.1] before:s-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',
@@ -402,3 +402,3 @@ checkbox: 'before:rounded-2 hover:before:i-border-$color-checkbox-border-hover hover:before:i-bg-$color-checkbox-background-hover',
   radioButtonsGroup: 'group',
-  radioButtonsLabel: 'peer-hover:peer-not-checked:i-bg-$color-buttongroup-primary-background-hover peer-checked:i-text-$color-buttongroup-primary-text-active peer-checked:i-bg-$color-buttongroup-primary-background-active peer-checked:i-border-$color-buttongroup-primary-border-active block relative text-14 font-bold cursor-pointer i-text-$color-buttongroup-primary-text text-center i-bg-$color-background border-2 i-border-$color-buttongroup-primary-border py-8 pl-12 pr-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 peer-checked:z-10 group-not-first:-ml-2',
+  radioButtonsLabel: 'peer-hover:peer-not-checked:i-bg-$color-buttongroup-primary-background-hover peer-checked:i-text-$color-buttongroup-primary-text-active peer-checked:i-bg-$color-buttongroup-primary-background-active peer-checked:i-border-$color-buttongroup-primary-border-active block relative text-14 font-bold cursor-pointer i-text-$color-buttongroup-primary-text text-center s-bg-default border-2 i-border-$color-buttongroup-primary-border py-8 pl-12 pr-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 peer-checked:z-10 group-not-first:-ml-2',
   radioButtonsJustified: 'flex!',
@@ -419,8 +419,8 @@ radioButtonsGroupJustified: 'grow-1 shrink-0 basis-auto',
   wrapper: 'relative',
-  combobox: 'absolute left-0 right-0 pb-8 rounded-8 i-bg-$color-background-interactive shadow-m',
+  combobox: 'absolute left-0 right-0 pb-8 rounded-8 s-bg-default shadow-m',
   textMatch: 'font-bold',
   listbox: 'm-0 p-0 select-none list-none',
-  option: 'block cursor-pointer p-8 hover:i-bg-$color-background-interactive-hover',
-  optionSelected: 'i-bg-$color-background-interactive-selected',
+  option: 'block cursor-pointer p-8 hover:s-bg-hover',
+  optionSelected: 's-bg-selected',
   a11y: 'sr-only',
 }

package.json

 {
   "name": "@warp-ds/component-classes",
   "repository": "[e-mail]:warp-ds/component-classes.git",
-  "version": "1.0.0-alpha.101",
+  "version": "1.0.0-alpha.102",
   "description": "WARP component classes",
@@ -30,3 +30,3 @@ "type": "module",
     "@semantic-release/git": "^10.0.1",
-    "@warp-ds/uno": "^1.0.0-alpha.36",
+    "@warp-ds/uno": "^1.0.0-alpha.41",
     "cz-conventional-changelog": "^3.3.0",
@@ -36,3 +36,3 @@ "semantic-release": "^19.0.5",
     "unocss": "^0.53.1",
-    "vite": "^4.2.1",
+    "vite": "^4.3.9",
     "vite-plugin-dts": "^2.3.0"
@@ -39,0 +39,0 @@ },

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

Worsened metrics

Total package byte prevSize

113296

decreased by-0.25%

No dependency changes