@warp-ds/css 1.0.0-alpha.35 → 1.0.0-alpha.36
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
|
package/package.json
CHANGED