@warp-ds/css 1.3.1-next.1 → 1.4.0-next.2

package/component-classes/classes.js

@@ -1,8 +1,12 @@
 import * as components from './index.js';
 
-export const classes = Object.values(components)
-  .map((e) => {
-    if (typeof e === 'object') return Object.values(e).map((e) => e.split(/\s/));
-    return e.split(/\s/);
-  })
-  .flat(Infinity);
+export const classes = [
+  ...new Set(
+    Object.values(components).map((e) =>
+      typeof e === 'object'
+        ? Object.values(e).map((e) => e.split(/\s/))
+        : e.split(/\s/)
+    ).flat(Infinity)
+  )
+];
+

package/component-classes/index.d.ts

@@ -196,6 +196,10 @@ export namespace expandable {
     export const chevronTransform: string;
     export const chevronExpand: string;
     export const chevronCollapse: string;
+    export const elementsTransformChevronDownPart: string;
+    export const elementsChevronDownExpandPart: string;
+    export const elementsTransformChevronUpPart: string;
+    export const elementsChevronUpCollapsePart: string;
     export const expansion: string;
     export const expansionNotExpanded: string;
     const button_1: string;

package/component-classes/index.js

@@ -211,6 +211,10 @@ export const expandable = {
   chevronTransform: 'transform transition-transform transform-gpu ease-in-out',
   chevronExpand: '-rotate-180',
   chevronCollapse: 'rotate-180',
+  elementsTransformChevronDownPart: 'part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out',
+  elementsChevronDownExpandPart: 'part-[w-icon-chevron-down-16-part]:-rotate-180',
+  elementsTransformChevronUpPart: 'part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out',
+  elementsChevronUpCollapsePart: 'part-[w-icon-chevron-up-16-part]:rotate-180',
   expansion: 'overflow-hidden',
   expansionNotExpanded: 'h-0 invisible',
   button: buttonReset + ' hover:underline focus-visible:underline',
@@ -372,7 +376,7 @@ export const modal = {
   //TODO: this class can be removed when we have the solution for opacity and we can add rgba values to the background of the backdrop
   transparentBg: `before:i-bg-$color-modal-backdrop-background before:content-[""] before:absolute before:top-0 before:bottom-0 before:left-0 before:right-0 before:opacity-25`,
   backdrop:
-    'fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-20 [--w-modal-max-height:80%] [--w-modal-width:640px]',
+    'fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px]',
   modal:
     'pb-safe-[32] i-shadow-$shadow-modal max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 i-bg-$color-modal-background flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
   content:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/css",
   "repository": "git@github.com:warp-ds/css.git",
-  "version": "1.3.1-next.1",
+  "version": "1.4.0-next.2",
   "scripts": {
     "build": "pnpm build:tokens && pnpm build:resets && pnpm build:cc",
     "commit": "cz",
@@ -40,7 +40,7 @@
   ],
   "dependencies": {
     "@warp-ds/tokenizer": "^0.0.2",
-    "@warp-ds/uno": "^1.1.0"
+    "@warp-ds/uno": "^1.2.0"
   },
   "devDependencies": {
     "@eik/cli": "^2.0.22",