sate-lib 1.38.0 → 1.40.0

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.
@@ -1 +1 @@
1
- .button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0}.outlined-QtvRsh:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-QtvRsh:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-QtvRsh:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0}.text-qf5rbY:hover,.text-qf5rbY:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-qf5rbY:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-yMdhhl:hover,.toned-yMdhhl:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-yMdhhl:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.lightOnContent-ZxiAH4{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent)}.lightOnContent-ZxiAH4:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#ffffffa8)66%,transparent)}.lightOnContent-ZxiAH4:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffff75)46%,transparent)}.lightOnContent-ZxiAH4:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.darkOnContent-gXMY2B{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent)}.darkOnContent-gXMY2B svg{fill:#fff}.darkOnContent-gXMY2B:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#00000080)50%,transparent)}.darkOnContent-gXMY2B:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#00000073)45%,transparent)}.darkOnContent-gXMY2B:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY:active{transform:scale(.92)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP:active{transform:scale(.96)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.large-N1qL9e:active{transform:scale(.96)}.iconOnly-C9Yim0{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-C9Yim0.xSmall-ZaB0BL{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-C9Yim0.small-uxUptY{width:2rem;height:2rem;padding:.3125rem}.iconOnly-C9Yim0.medium-iwhjuP{width:2.5rem;height:2.5rem}
1
+ .button-dWV52U{cursor:pointer;border-radius:var(--radius-radii-12,.75rem);border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,outline .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;transform:scale(1);&:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U:disabled,.button-dWV52U.loading-BHYlLw{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background-color:var(--color-interactive-accent,#202020);position:relative;overflow:hidden}.filled-FpNFjd .noise-pBMZ6I{z-index:-1;pointer-events:none;width:100%;min-width:170px;transition:opacity .2s;position:absolute;top:0;left:0}.filled-FpNFjd:hover{background-color:var(--color-interactive-accent-hover,#000)}.filled-FpNFjd:hover .noise-pBMZ6I,.filled-FpNFjd:active .noise-pBMZ6I{opacity:.9}.filled-FpNFjd:active{background-color:var(--color-interactive-accent-active,#202020)}.filled-FpNFjd:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline-offset:-1px;background:0 0}.outlined-QtvRsh:hover{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.outlined-QtvRsh:active{background:color-mix(in srgb,var(--color-background-screen-active,#0000000a)4%,transparent)}.outlined-QtvRsh:focus-visible{outline:2px solid var(--color-background-screen,#fdfdf9);outline-offset:0;background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 4px var(--color-content-primary,#202020)}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background:0 0}.text-qf5rbY:hover,.text-qf5rbY:active{background:color-mix(in srgb,var(--color-background-screen-hover,#0000000a)4%,transparent)}.text-qf5rbY:focus-visible{background:var(--color-background-screen,#fdfdf9);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent)}.toned-yMdhhl:hover,.toned-yMdhhl:active{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.toned-yMdhhl:focus-visible{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.lightOnContent-ZxiAH4{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent)}.lightOnContent-ZxiAH4 svg{fill:var(--color-interactive-accent,#202020)}.lightOnContent-ZxiAH4:hover{background:color-mix(in srgb,var(--color-fixed-elevated-light-hover,#ffffffa8)66%,transparent)}.lightOnContent-ZxiAH4:active{background:color-mix(in srgb,var(--color-fixed-elevated-light-active,#ffffff75)46%,transparent)}.lightOnContent-ZxiAH4:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-light,#ffffffed)93%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.darkOnContent-gXMY2B{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent)}.darkOnContent-gXMY2B svg{fill:var(--color-interactive-control,#fff)}.darkOnContent-gXMY2B:hover{background:color-mix(in srgb,var(--color-fixed-elevated-dark-hover,#00000080)50%,transparent)}.darkOnContent-gXMY2B:active{background:color-mix(in srgb,var(--color-fixed-elevated-dark-active,#00000073)45%,transparent)}.darkOnContent-gXMY2B:focus-visible{background:color-mix(in srgb,var(--color-fixed-elevated-dark,#0000009c)61%,transparent);box-shadow:0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-uxUptY:active{transform:scale(.92)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-iwhjuP:active{transform:scale(.96)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.large-N1qL9e:active{transform:scale(.96)}.iconOnly-C9Yim0{border-radius:var(--radius-radii-full,62.5rem);padding:unset!important}.iconOnly-C9Yim0.xSmall-ZaB0BL{width:1.5rem;height:1.5rem;padding:.3125rem}.iconOnly-C9Yim0.small-uxUptY{width:2rem;height:2rem;padding:.3125rem}.iconOnly-C9Yim0.medium-iwhjuP{width:2.5rem;height:2.5rem}
@@ -1,6 +1,6 @@
1
- import type { ReactNode } from "react";
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
2
  export type Variant = "displayLarge" | "displayMedium" | "displaySmall" | "titleScreen" | "titleSection" | "titleSubsection" | "titleBody" | "titleGroup" | "bodyXLargeEmphasis" | "bodyXLarge" | "bodyLargeEmphasis" | "bodyLarge" | "bodyDefaultEmphasis" | "bodyDefault" | "bodySmallEmphasis" | "bodySmall" | "linkLarge" | "linkDefault" | "linkSmall";
3
- export interface TypographyProps {
3
+ export interface TypographyProps extends HTMLAttributes<HTMLParagraphElement> {
4
4
  className?: string;
5
5
  children?: ReactNode;
6
6
  as?: "p" | "span" | "h1" | "h2" | "h3" | "h4";
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GAChB,cAAc,GACd,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,oBAAoB,GACpB,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,qBAAqB,GACrB,aAAa,GACb,mBAAmB,GACnB,WAAW,GACX,WAAW,GACX,aAAa,GACb,WAAW,CAAC;AAEf,MAAM,WAAW,eAAe;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,GAAI,6DAOxB,eAAe,4CAejB,CAAC"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,OAAO,GAChB,cAAc,GACd,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,oBAAoB,GACpB,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,qBAAqB,GACrB,aAAa,GACb,mBAAmB,GACnB,WAAW,GACX,WAAW,GACX,aAAa,GACb,WAAW,CAAC;AAEf,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,GAAI,6DAOxB,eAAe,4CAejB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sate-lib",
3
- "version": "1.38.0",
3
+ "version": "1.40.0",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "keywords": [