@warp-ds/css 1.0.0-alpha.35 → 1.0.0-alpha.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -21,9 +21,8 @@ export const attention = {
|
|
|
21
21
|
export const pageIndicator = {
|
|
22
22
|
wrapper: 'flex space-x-8 p-8',
|
|
23
23
|
dot: 'h-8 w-8 rounded-full',
|
|
24
|
-
inactive: 'i-bg-$color-pageindicator-background',
|
|
25
|
-
active: 'i-bg-$color-pageindicator-background-
|
|
26
|
-
hover: 'i-bg-$color-pageindicator-background-hover',
|
|
24
|
+
inactive: 'i-bg-$color-pageindicator-background hover:i-bg-$color-pageindicator-background-hover',
|
|
25
|
+
active: 'i-bg-$color-pageindicator-background-selected',
|
|
27
26
|
};
|
|
28
27
|
|
|
29
28
|
export const ribbon = {
|
|
@@ -238,7 +237,7 @@ export const button = {
|
|
|
238
237
|
buttonUtilityFlat:
|
|
239
238
|
'py-12 px-16 bg-transparent border-0 font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-utility-quiet-text i-bg-$color-button-utility-quiet-background hover:i-bg-$color-button-utility-quiet-background-hover rounded-4', // .button--utility-flat
|
|
240
239
|
buttonPill:
|
|
241
|
-
'font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out rounded-full! min-h-[44px] min-w-[44px] border-0! p-4 i-text-$color-button-pill-icon hover:i-text-$color-button-pill-icon-hover active:i-text-$color-button-pill-icon-active i-bg-$color-button-pill-background hover:i-bg-$color-button-pill-background-hover
|
|
240
|
+
'font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out rounded-full! min-h-[44px] min-w-[44px] border-0! p-4 i-text-$color-button-pill-icon hover:i-text-$color-button-pill-icon-hover active:i-text-$color-button-pill-icon-active i-bg-$color-button-pill-background hover:i-bg-$color-button-pill-background-hover active:i-bg-$color-button-pill-background-active inline-flex items-center justify-center hover:bg-clip-padding', // .button--pill
|
|
242
241
|
buttonLink:
|
|
243
242
|
'leading-[24] max-w-max bg-transparent focusable ease-in-out inline i-text-$color-button-link-text active:underline hover:underline', //.button--link /* Buttons pretending to be links, (Should rather inherit the actual link setup in the future?) */
|
|
244
243
|
// Size stuff
|
|
@@ -335,7 +334,7 @@ export const select = {
|
|
|
335
334
|
readOnly: 'pl-0 bg-transparent border-0 pointer-events-none before:hidden',
|
|
336
335
|
wrapper: 'relative',
|
|
337
336
|
selectWrapper: `relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none `,
|
|
338
|
-
chevron: 'absolute top-[30%] block right-0 bottom-0 w-32 h-full i-text-$color-select-icon',
|
|
337
|
+
chevron: 'absolute top-[30%] block right-0 bottom-0 w-32 h-full i-text-$color-select-icon pointer-events-none cursor-pointer',
|
|
339
338
|
chevronDisabled: 'opacity-25',
|
|
340
339
|
};
|
|
341
340
|
|
package/package.json
CHANGED