@warp-ds/css - npm Package Compare versions

Comparing version 1.7.1-next.19 to 1.7.1-next.20

component-classes/index.d.ts

		@@ -512,2 +512,3 @@ export namespace pageIndicator {
		export let removedLabelTokens: string;
		export let removedModalTokens: string;
		}
		@@ -514,0 +515,0 @@ export namespace pagination {

component-classes/index.js

		@@ -351,6 +351,6 @@ export const pageIndicator = {
		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-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',
		//TODO: transparentBg can be removed when it has been removed in React and Vue - previously used for opacity before changing to a rgba background in backdrop
		transparentBg: '',
		backdrop: '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] bg-[--w-black-alpha25]',
		modal: 'pb-safe-[32] shadow-m 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 s-bg 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: 'block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative',
		@@ -539,2 +539,3 @@ footer: 'flex justify-end shrink-0 px-16 sm:px-32',
		removedLabelTokens: 'i-text-$color-label-text-negative i-text-$color-label-optional-text i-text-$color-label-text',
		removedModalTokens: 'i-bg-$color-modal-background i-shadow-$shadow-modal 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',
		};
		@@ -541,0 +542,0 @@

package.json

		{
		"name": "@warp-ds/css",
		"repository": "git@github.com:warp-ds/css.git",
		"version": "1.7.1-next.19",
		"version": "1.7.1-next.20",
		"scripts": {
		@@ -6,0 +6,0 @@ "build": "pnpm build:tokens && pnpm build:resets && pnpm build:cc",

dist/components.css