@gostudent/shared-ui-library 1.2.0-DT-16585.2 → 1.2.0

package/README.md

@@ -210,6 +210,8 @@ scripts/
 
 ## Creating New Components
 
+> For the full step-by-step guide (token sync, Figma import, Storybook generation), see [docs/contributing-components.md](docs/contributing-components.md) or the [Confluence page](https://gostudent.atlassian.net/wiki/x/BQCPYw).
+
 1. Create a folder in `src/components/ComponentName/`
 2. Add the component files:
    - `ComponentName.tsx` — implementation

package/dist/index.js

@@ -1,55 +1,61 @@
-import { jsx as e, jsxs as y, Fragment as X } from "react/jsx-runtime";
-const x = "_root_1dd3g_9", b = "_icon_1dd3g_28", u = "_label_1dd3g_34", M = "_primary_1dd3g_40", N = "_secondary_1dd3g_68", k = "_link_1dd3g_101", L = "_sizeXl_1dd3g_131", S = "_sizeLg_1dd3g_138", f = "_sizeMd_1dd3g_145", j = "_sizeSm_1dd3g_152", h = "_sizeXs_1dd3g_159", B = "_sizeXxs_1dd3g_166", s = {
-  root: x,
+import { jsx as e, jsxs as x, Fragment as u } from "react/jsx-runtime";
+const f = "_root_9vmy3_9", b = "_icon_9vmy3_28", M = "_label_9vmy3_34", g = "_primary_9vmy3_40", N = "_secondary_9vmy3_67", k = "_link_9vmy3_99", L = "_sizeXl_9vmy3_128", S = "_sizeLg_9vmy3_135", j = "_sizeMd_9vmy3_142", h = "_sizeSm_9vmy3_149", B = "_sizeXs_9vmy3_156", C = "_sizeXxs_9vmy3_163", F = "_pressed_9vmy3_172", q = "_focused_9vmy3_176", s = {
+  root: f,
   icon: b,
-  label: u,
-  primary: M,
+  label: M,
+  primary: g,
   secondary: N,
   link: k,
   sizeXl: L,
   sizeLg: S,
-  sizeMd: f,
-  sizeSm: j,
-  sizeXs: h,
-  sizeXxs: B
-}, v = {
+  sizeMd: j,
+  sizeSm: h,
+  sizeXs: B,
+  sizeXxs: C,
+  pressed: F,
+  focused: q
+}, w = {
   xxs: s.sizeXxs,
   xs: s.sizeXs,
   sm: s.sizeSm,
   md: s.sizeMd,
   lg: s.sizeLg,
   xl: s.sizeXl
-}, C = {
+}, A = {
   primary: s.primary,
   secondary: s.secondary,
   link: s.link
 };
-function q({
-  variant: _ = "primary",
-  size: l = "md",
-  children: i,
-  disabled: r = !1,
-  leftIcon: n,
+function E({
+  variant: r = "primary",
+  size: m = "md",
+  children: n,
+  disabled: l = !1,
+  leftIcon: i,
   rightIcon: o,
-  className: z,
-  onClick: a,
-  type: m = "button",
-  href: d,
-  target: g,
-  rel: p
+  className: y,
+  onClick: c,
+  type: z = "button",
+  href: _,
+  target: d,
+  rel: p,
+  forceFocus: v,
+  forceActive: X
 }) {
-  const c = [
+  const a = [
     s.root,
-    C[_],
-    v[l],
-    z
-  ].filter(Boolean).join(" "), t = /* @__PURE__ */ y(X, { children: [
-    n && /* @__PURE__ */ e("span", { className: s.icon, children: n }),
-    i && /* @__PURE__ */ e("span", { className: s.label, children: i }),
+    A[r],
+    w[m],
+    v && s.focused,
+    X && s.pressed,
+    y
+  ].filter(Boolean).join(" "), t = /* @__PURE__ */ x(u, { children: [
+    i && /* @__PURE__ */ e("span", { className: s.icon, children: i }),
+    n && /* @__PURE__ */ e("span", { className: s.label, children: n }),
     o && /* @__PURE__ */ e("span", { className: s.icon, children: o })
   ] });
-  return d ? /* @__PURE__ */ e("a", { href: d, target: g, rel: p, onClick: a, className: c, children: t }) : /* @__PURE__ */ e("button", { type: m, disabled: r, onClick: a, className: c, children: t });
+  return _ ? /* @__PURE__ */ e("a", { href: _, target: d, rel: p, onClick: c, className: a, children: t }) : /* @__PURE__ */ e("button", { type: z, disabled: l, onClick: c, className: a, children: t });
 }
 export {
-  q as Button
+  E as Button
 };

package/dist/src/components/Button/Button.d.ts

@@ -15,6 +15,10 @@ export interface ButtonProps {
     href?: string;
     target?: string;
     rel?: string;
+    /** Force the focus-visible appearance. Useful for Storybook and visual tests. */
+    forceFocus?: boolean;
+    /** Force the active/pressed appearance. Useful for Storybook and visual tests. */
+    forceActive?: boolean;
 }
-export declare function Button({ variant, size, children, disabled, leftIcon, rightIcon, className, onClick, type, href, target, rel, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, children, disabled, leftIcon, rightIcon, className, onClick, type, href, target, rel, forceFocus, forceActive, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/src/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAiBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAe,EACf,IAAI,EACJ,MAAM,EACN,GAAG,GACJ,EAAE,WAAW,2CA+Bb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACzE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAe,EACf,IAAI,EACJ,MAAM,EACN,GAAG,EACH,UAAU,EACV,WAAW,GACZ,EAAE,WAAW,2CAiCb"}

package/dist/src/tokens/output/base/border/tokens.d.ts

@@ -0,0 +1,8 @@
+export declare const t: {
+    readonly borderSm: "var(--border-sm)";
+    readonly borderMd: "var(--border-md)";
+    readonly borderLg: "var(--border-lg)";
+    readonly borderXs: "var(--border-xs)";
+};
+export type TokenKey = keyof typeof t;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/src/tokens/output/base/border/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/border/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;CAKJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}

package/dist/src/tokens/output/base/font-mobile/tokens.d.ts

@@ -11,7 +11,7 @@ export declare const t: {
     readonly fontMobileSizeMd: "var(--font-mobile-size-md)";
     readonly fontMobileSizeLg: "var(--font-mobile-size-lg)";
     readonly fontMobileSizeXl: "var(--font-mobile-size-xl)";
-    readonly fontMobileSize2xll: "var(--font-mobile-size-2xll)";
+    readonly fontMobileSize2xl: "var(--font-mobile-size-2xl)";
     readonly fontMobileSize3xl: "var(--font-mobile-size-3xl)";
     readonly fontMobileSize4xl: "var(--font-mobile-size-4xl)";
     readonly fontMobileLineHeightXxs: "var(--font-mobile-line-height-xxs)";

package/dist/src/tokens/output/base/global-colours/tokens.d.ts

@@ -10,6 +10,7 @@ export declare const t: {
     readonly warning700: "var(--warning-700)";
     readonly colorBlack: "var(--color-black)";
     readonly colorWhite: "var(--color-white)";
+    readonly colorTransparent: "var(--color-transparent)";
     readonly steel50: "var(--steel-50)";
     readonly steel100: "var(--steel-100)";
     readonly steel200: "var(--steel-200)";

package/dist/src/tokens/output/base/global-colours/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/global-colours/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/global-colours/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}

package/dist/src/tokens/output/base/semantic-border/tokens.d.ts

@@ -1,7 +1,8 @@
 export declare const t: {
-    readonly regular: "var(--regular)";
-    readonly semiBold: "var(--semi-bold)";
-    readonly bold: "var(--bold)";
+    readonly borderDefault: "var(--border-default)";
+    readonly borderMedium: "var(--border-medium)";
+    readonly borderStrong: "var(--border-strong)";
+    readonly borderThin: "var(--border-thin)";
 };
 export type TokenKey = keyof typeof t;
 //# sourceMappingURL=tokens.d.ts.map

package/dist/src/tokens/output/base/semantic-border/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-border/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;CAIJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-border/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;CAKJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}

package/dist/src/tokens/output/base/semantic-texts/tokens.d.ts

@@ -1,4 +1,5 @@
 export declare const t: {
+    readonly textContentH1: "var(--text-content-h1)";
     readonly textButtonFontSizeXxs: "var(--text-button-font-size-xxs)";
     readonly textButtonFontSizeXs: "var(--text-button-font-size-xs)";
     readonly textButtonFontSizeSm: "var(--text-button-font-size-sm)";

package/dist/src/tokens/output/base/semantic-texts/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-texts/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;CAaJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-texts/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;CAcJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}

package/dist/src/tokens/output/base/tokens.d.ts

@@ -35,7 +35,7 @@ export declare const t: {
     readonly fontMobileSizeMd: "var(--font-mobile-size-md)";
     readonly fontMobileSizeLg: "var(--font-mobile-size-lg)";
     readonly fontMobileSizeXl: "var(--font-mobile-size-xl)";
-    readonly fontMobileSize2xll: "var(--font-mobile-size-2xll)";
+    readonly fontMobileSize2xl: "var(--font-mobile-size-2xl)";
     readonly fontMobileSize3xl: "var(--font-mobile-size-3xl)";
     readonly fontMobileSize4xl: "var(--font-mobile-size-4xl)";
     readonly fontMobileLineHeightXxs: "var(--font-mobile-line-height-xxs)";
@@ -64,6 +64,7 @@ export declare const t: {
     readonly warning700: "var(--warning-700)";
     readonly colorBlack: "var(--color-black)";
     readonly colorWhite: "var(--color-white)";
+    readonly colorTransparent: "var(--color-transparent)";
     readonly steel50: "var(--steel-50)";
     readonly steel100: "var(--steel-100)";
     readonly steel200: "var(--steel-200)";
@@ -102,6 +103,10 @@ export declare const t: {
     readonly md: "var(--md)";
     readonly lg: "var(--lg)";
     readonly xs: "var(--xs)";
+    readonly borderSm: "var(--border-sm)";
+    readonly borderMd: "var(--border-md)";
+    readonly borderLg: "var(--border-lg)";
+    readonly borderXs: "var(--border-xs)";
 };
 export type TokenKey = keyof typeof t;
 //# sourceMappingURL=tokens.d.ts.map

package/dist/src/tokens/output/base/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/output/base/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/output/base/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}

package/dist/themes/style.css

@@ -1 +1 @@
-._root_1dd3g_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);border:2px solid transparent;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-desktop-family-worksans);font-weight:var(--font-desktop-weight-medium);white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}._root_1dd3g_9:disabled{cursor:not-allowed}._icon_1dd3g_28{display:inline-flex;align-items:center;flex-shrink:0}._label_1dd3g_34{display:inline-block}._primary_1dd3g_40{background-color:var(--color-button-primary-background-default);color:var(--color-button-primary-text-default)}._primary_1dd3g_40:hover:not(:disabled){background-color:var(--color-button-primary-background-hover)}._primary_1dd3g_40:active:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_1dd3g_40:focus-visible{background-color:var(--color-button-primary-background-focus);outline:2px solid var(--color-button-primary-border-focus-outside);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--color-button-primary-border-focus-inside)}._primary_1dd3g_40:disabled{background-color:var(--color-button-primary-background-disabled);color:var(--color-button-primary-text-disabled);border-color:var(--color-button-primary-border-disabled)}._secondary_1dd3g_68{background-color:var(--color-button-secondary-background-default);color:var(--color-button-secondary-text-default-focus);border-color:var(--color-button-secondary-border-default)}._secondary_1dd3g_68:hover:not(:disabled){background-color:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-hover)}._secondary_1dd3g_68:active:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_1dd3g_68:focus-visible{background-color:var(--color-button-secondary-background-focus);border-color:var(--color-button-secondary-border-focus-inside);outline:2px solid var(--color-button-secondary-border-focus-outside);outline-offset:2px}._secondary_1dd3g_68:disabled{background-color:var(--color-button-secondary-background-disabled);color:var(--color-button-secondary-text-disabled);border-color:var(--color-button-secondary-border-disabled)}._link_1dd3g_101{background-color:var(--color-button-link-background-default);color:var(--color-button-link-text-default)}._link_1dd3g_101:hover:not(:disabled){background-color:var(--color-button-link-background-hover);color:var(--color-button-link-text-hover)}._link_1dd3g_101:active:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_1dd3g_101:focus-visible{background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);border-color:var(--color-button-link-border-focus);outline:2px solid var(--color-button-link-border-focus);outline-offset:2px}._link_1dd3g_101:disabled{background-color:var(--color-button-link-background-disabled);color:var(--color-button-link-text-disabled)}._sizeXl_1dd3g_131{height:var(--spacing-3xl);padding:0 var(--spacing-md);font-size:var(--text-button-font-size-xl);line-height:var(--text-button-line-height-xl)}._sizeLg_1dd3g_138{height:var(--spacing-2xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-lg);line-height:var(--text-button-line-height-lg)}._sizeMd_1dd3g_145{height:var(--spacing-xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-md);line-height:var(--text-button-line-height-md)}._sizeSm_1dd3g_152{height:2.75rem;padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-sm);line-height:var(--text-button-line-height-sm)}._sizeXs_1dd3g_159{height:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-xs);line-height:var(--text-button-line-height-xs)}._sizeXxs_1dd3g_166{height:var(--spacing-sm);padding:0 var(--spacing-xxs);font-size:var(--text-button-font-size-xxs);line-height:var(--text-button-line-height-xxs)}
+._root_9vmy3_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);border:var(--border-default) solid transparent;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-desktop-family-worksans);font-weight:var(--font-desktop-weight-medium);white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}._root_9vmy3_9:disabled{cursor:not-allowed}._icon_9vmy3_28{display:inline-flex;align-items:center;flex-shrink:0}._label_9vmy3_34{display:inline-block}._primary_9vmy3_40{background-color:var(--color-button-primary-background-default);color:var(--color-button-primary-text-default)}._primary_9vmy3_40:hover:not(:disabled){background-color:var(--color-button-primary-background-hover)}._primary_9vmy3_40:active:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_9vmy3_40:focus-visible{background-color:var(--color-button-primary-background-focus);outline:var(--border-default) solid var(--color-button-primary-border-focus-outside);outline-offset:var(--border-default)}._primary_9vmy3_40:disabled{background-color:var(--color-button-primary-background-disabled);color:var(--color-button-primary-text-disabled);border-color:var(--color-button-primary-border-disabled)}._secondary_9vmy3_67{background-color:var(--color-button-secondary-background-default);color:var(--color-button-secondary-text-default-focus);border-color:var(--color-button-secondary-border-default)}._secondary_9vmy3_67:hover:not(:disabled){background-color:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-hover)}._secondary_9vmy3_67:active:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_9vmy3_67:focus-visible{background-color:var(--color-button-secondary-background-focus);outline:var(--border-default) solid var(--color-button-secondary-border-focus-outside);outline-offset:var(--border-default)}._secondary_9vmy3_67:disabled{background-color:var(--color-button-secondary-background-disabled);color:var(--color-button-secondary-text-disabled);border-color:var(--color-button-secondary-border-disabled)}._link_9vmy3_99{background-color:var(--color-button-link-background-default);color:var(--color-button-link-text-default)}._link_9vmy3_99:hover:not(:disabled){background-color:var(--color-button-link-background-hover);color:var(--color-button-link-text-hover)}._link_9vmy3_99:active:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_9vmy3_99:focus-visible{background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);outline:var(--border-default) solid var(--color-button-link-border-focus);outline-offset:var(--border-default)}._link_9vmy3_99:disabled{background-color:var(--color-button-link-background-disabled);color:var(--color-button-link-text-disabled)}._sizeXl_9vmy3_128{height:var(--spacing-3xl);padding:0 var(--spacing-md);font-size:var(--text-button-font-size-xl);line-height:var(--text-button-line-height-xl)}._sizeLg_9vmy3_135{height:var(--spacing-2xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-lg);line-height:var(--text-button-line-height-lg)}._sizeMd_9vmy3_142{height:var(--spacing-xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-md);line-height:var(--text-button-line-height-md)}._sizeSm_9vmy3_149{height:2.75rem;padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-sm);line-height:var(--text-button-line-height-sm)}._sizeXs_9vmy3_156{height:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-xs);line-height:var(--text-button-line-height-xs)}._sizeXxs_9vmy3_163{height:var(--spacing-sm);padding:0 var(--spacing-xxs);font-size:var(--text-button-font-size-xxs);line-height:var(--text-button-line-height-xxs)}._primary_9vmy3_40._pressed_9vmy3_172:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_9vmy3_40._focused_9vmy3_176:not(:disabled){background-color:var(--color-button-primary-background-focus);outline:var(--border-default) solid var(--color-button-primary-border-focus-outside);outline-offset:var(--border-default)}._secondary_9vmy3_67._pressed_9vmy3_172:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_9vmy3_67._focused_9vmy3_176:not(:disabled){background-color:var(--color-button-secondary-background-focus);outline:var(--border-default) solid var(--color-button-secondary-border-focus-outside);outline-offset:var(--border-default)}._link_9vmy3_99._pressed_9vmy3_172:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_9vmy3_99._focused_9vmy3_176:not(:disabled){background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);outline:var(--border-default) solid var(--color-button-link-border-focus);outline-offset:var(--border-default)}

package/dist/themes/theme-gs.css

@@ -40,7 +40,7 @@
   --font-mobile-size-md: 1rem;
   --font-mobile-size-lg: 1.125rem;
   --font-mobile-size-xl: 1.25rem;
-  --font-mobile-size-2xll: 1.5rem;
+  --font-mobile-size-2xl: 1.5rem;
   --font-mobile-size-3xl: 1.75rem;
   --font-mobile-size-4xl: 2rem;
   --font-mobile-line-height-xxs: 1rem;
@@ -69,6 +69,7 @@
   --warning-700: #976c00;
   --color-black: #000000;
   --color-white: #ffffff;
+  --color-transparent: rgba(255, 255, 255, 0);
   --steel-50: #f8f8fa;
   --steel-100: #f0f1f4;
   --steel-200: #e9e9ef;
@@ -107,6 +108,10 @@
   --md: 0.1875rem;
   --lg: 0.25rem;
   --xs: 0.0625rem;
+  --border-sm: 0.125rem;
+  --border-md: 0.1875rem;
+  --border-lg: 0.25rem;
+  --border-xs: 0.0625rem;
 }
 
 /**
@@ -216,7 +221,7 @@
   --color-button-link-text-disabled: #caced4;
   --color-button-link-text-focus: #0b2fac;
   --color-button-link-border-focus: #0b2fac;
-  --color-overlay-50: #ffffff;
+  --color-overlay-50: rgba(85, 89, 120, 0.3);
   --color-feedback-positive-background: #f2faf6;
   --color-feedback-positive-icon: #4a9a6f;
   --color-feedback-positive-border: #224632;
@@ -233,6 +238,7 @@
  */
 
 :root {
+  --text-content-h1: String value;
   --text-button-font-size-xxs: 0.625rem;
   --text-button-font-size-xs: 0.75rem;
   --text-button-font-size-sm: 1rem;
@@ -252,8 +258,14 @@
  */
 
 :root {
-  --regular: 0.125rem;
-  --semi-bold: 0.1875rem;
-  --bold: 0.25rem;
+  --border-default: 0.125rem;
+  --border-medium: 0.1875rem;
+  --border-strong: 0.25rem;
+  --border-thin: 0.0625rem;
 }
 
+
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/dist/themes/theme-sk.css

@@ -40,7 +40,7 @@
   --font-mobile-size-md: 1rem;
   --font-mobile-size-lg: 1.125rem;
   --font-mobile-size-xl: 1.25rem;
-  --font-mobile-size-2xll: 1.5rem;
+  --font-mobile-size-2xl: 1.5rem;
   --font-mobile-size-3xl: 1.75rem;
   --font-mobile-size-4xl: 2rem;
   --font-mobile-line-height-xxs: 1rem;
@@ -69,6 +69,7 @@
   --warning-700: #976c00;
   --color-black: #000000;
   --color-white: #ffffff;
+  --color-transparent: rgba(255, 255, 255, 0);
   --steel-50: #f8f8fa;
   --steel-100: #f0f1f4;
   --steel-200: #e9e9ef;
@@ -107,6 +108,10 @@
   --md: 0.1875rem;
   --lg: 0.25rem;
   --xs: 0.0625rem;
+  --border-sm: 0.125rem;
+  --border-md: 0.1875rem;
+  --border-lg: 0.25rem;
+  --border-xs: 0.0625rem;
 }
 
 /**
@@ -226,7 +231,7 @@
   --color-button-link-text-disabled: #c2c6ce;
   --color-button-link-text-focus: #131e29;
   --color-button-link-border-focus: #131e29;
-  --color-overlay-50: #ffffff;
+  --color-overlay-50: rgba(85, 89, 120, 0.3);
   --color-feedback-positive-background: #f2faf6;
   --color-feedback-positive-icon: #4a9a6f;
   --color-feedback-positive-border: #224632;
@@ -243,6 +248,7 @@
  */
 
 :root {
+  --text-content-h1: String value;
   --text-button-font-size-xxs: 0.625rem;
   --text-button-font-size-xs: 0.75rem;
   --text-button-font-size-sm: 1rem;
@@ -262,8 +268,14 @@
  */
 
 :root {
-  --regular: 0.125rem;
-  --semi-bold: 0.1875rem;
-  --bold: 0.25rem;
+  --border-default: 0.125rem;
+  --border-medium: 0.1875rem;
+  --border-strong: 0.25rem;
+  --border-thin: 0.0625rem;
 }
 
+
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gostudent/shared-ui-library",
-  "version": "1.2.0-DT-16585.2",
+  "version": "1.2.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -74,7 +74,7 @@
     "lint": "eslint . --ext .ts,.tsx --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint . --ext .ts,.tsx --fix",
     "test": "vitest",
-    "test:ci": "vitest run --coverage --reporter=junit --reporter=default",
+    "test:ci": "vitest run --coverage",
     "test:coverage": "vitest run --coverage",
     "check": "node ./scripts/checkVersions.js package-lock node",
     "build:tokens": "node scripts/build-tokens.mjs",

package/src/tokens/output/base/border/tokens.d.ts

@@ -0,0 +1,9 @@
+// Auto-generated by scripts/build-tokens.mjs — do not edit manually
+export declare const t: {
+  readonly borderSm: string;
+  readonly borderMd: string;
+  readonly borderLg: string;
+  readonly borderXs: string
+};
+
+export type TokenKey = keyof typeof t;

package/src/tokens/output/base/border/tokens.js

@@ -0,0 +1,7 @@
+// Auto-generated by scripts/build-tokens.mjs — do not edit manually
+export const t = {
+  borderSm: 'var(--border-sm)',
+  borderMd: 'var(--border-md)',
+  borderLg: 'var(--border-lg)',
+  borderXs: 'var(--border-xs)'
+};

package/src/tokens/output/base/border/tokens.ts

@@ -0,0 +1,9 @@
+// Auto-generated by scripts/build-tokens.mjs — do not edit manually
+export const t = {
+  borderSm: 'var(--border-sm)',
+  borderMd: 'var(--border-md)',
+  borderLg: 'var(--border-lg)',
+  borderXs: 'var(--border-xs)'
+} as const;
+
+export type TokenKey = keyof typeof t;

package/src/tokens/output/base/border/variables.css

@@ -0,0 +1,10 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --border-sm: 0.125rem;
+  --border-md: 0.1875rem;
+  --border-lg: 0.25rem;
+  --border-xs: 0.0625rem;
+}

package/src/tokens/output/base/font-mobile/tokens.d.ts

@@ -12,7 +12,7 @@ export declare const t: {
   readonly fontMobileSizeMd: string;
   readonly fontMobileSizeLg: string;
   readonly fontMobileSizeXl: string;
-  readonly fontMobileSize2xll: string;
+  readonly fontMobileSize2xl: string;
   readonly fontMobileSize3xl: string;
   readonly fontMobileSize4xl: string;
   readonly fontMobileLineHeightXxs: string;

package/src/tokens/output/base/font-mobile/tokens.js

@@ -12,7 +12,7 @@ export const t = {
   fontMobileSizeMd: 'var(--font-mobile-size-md)',
   fontMobileSizeLg: 'var(--font-mobile-size-lg)',
   fontMobileSizeXl: 'var(--font-mobile-size-xl)',
-  fontMobileSize2xll: 'var(--font-mobile-size-2xll)',
+  fontMobileSize2xl: 'var(--font-mobile-size-2xl)',
   fontMobileSize3xl: 'var(--font-mobile-size-3xl)',
   fontMobileSize4xl: 'var(--font-mobile-size-4xl)',
   fontMobileLineHeightXxs: 'var(--font-mobile-line-height-xxs)',

package/src/tokens/output/base/font-mobile/tokens.ts

@@ -12,7 +12,7 @@ export const t = {
   fontMobileSizeMd: 'var(--font-mobile-size-md)',
   fontMobileSizeLg: 'var(--font-mobile-size-lg)',
   fontMobileSizeXl: 'var(--font-mobile-size-xl)',
-  fontMobileSize2xll: 'var(--font-mobile-size-2xll)',
+  fontMobileSize2xl: 'var(--font-mobile-size-2xl)',
   fontMobileSize3xl: 'var(--font-mobile-size-3xl)',
   fontMobileSize4xl: 'var(--font-mobile-size-4xl)',
   fontMobileLineHeightXxs: 'var(--font-mobile-line-height-xxs)',

package/src/tokens/output/base/font-mobile/variables.css

@@ -15,7 +15,7 @@
   --font-mobile-size-md: 1rem;
   --font-mobile-size-lg: 1.125rem;
   --font-mobile-size-xl: 1.25rem;
-  --font-mobile-size-2xll: 1.5rem;
+  --font-mobile-size-2xl: 1.5rem;
   --font-mobile-size-3xl: 1.75rem;
   --font-mobile-size-4xl: 2rem;
   --font-mobile-line-height-xxs: 1rem;

package/src/tokens/output/base/global-colours/tokens.d.ts

@@ -11,6 +11,7 @@ export declare const t: {
   readonly warning700: string;
   readonly colorBlack: string;
   readonly colorWhite: string;
+  readonly colorTransparent: string;
   readonly steel50: string;
   readonly steel100: string;
   readonly steel200: string;

package/src/tokens/output/base/global-colours/tokens.js

@@ -11,6 +11,7 @@ export const t = {
   warning700: 'var(--warning-700)',
   colorBlack: 'var(--color-black)',
   colorWhite: 'var(--color-white)',
+  colorTransparent: 'var(--color-transparent)',
   steel50: 'var(--steel-50)',
   steel100: 'var(--steel-100)',
   steel200: 'var(--steel-200)',

package/src/tokens/output/base/global-colours/tokens.ts

@@ -11,6 +11,7 @@ export const t = {
   warning700: 'var(--warning-700)',
   colorBlack: 'var(--color-black)',
   colorWhite: 'var(--color-white)',
+  colorTransparent: 'var(--color-transparent)',
   steel50: 'var(--steel-50)',
   steel100: 'var(--steel-100)',
   steel200: 'var(--steel-200)',

package/src/tokens/output/base/global-colours/variables.css

@@ -14,6 +14,7 @@
   --warning-700: #976c00;
   --color-black: #000000;
   --color-white: #ffffff;
+  --color-transparent: rgba(255, 255, 255, 0);
   --steel-50: #f8f8fa;
   --steel-100: #f0f1f4;
   --steel-200: #e9e9ef;

package/src/tokens/output/base/semantic-border/tokens.d.ts

@@ -1,8 +1,9 @@
 // Auto-generated by scripts/build-tokens.mjs — do not edit manually
 export declare const t: {
-  readonly regular: string;
-  readonly semiBold: string;
-  readonly bold: string
+  readonly borderDefault: string;
+  readonly borderMedium: string;
+  readonly borderStrong: string;
+  readonly borderThin: string
 };
 
 export type TokenKey = keyof typeof t;

package/src/tokens/output/base/semantic-border/tokens.js

@@ -1,6 +1,7 @@
 // Auto-generated by scripts/build-tokens.mjs — do not edit manually
 export const t = {
-  regular: 'var(--regular)',
-  semiBold: 'var(--semi-bold)',
-  bold: 'var(--bold)'
+  borderDefault: 'var(--border-default)',
+  borderMedium: 'var(--border-medium)',
+  borderStrong: 'var(--border-strong)',
+  borderThin: 'var(--border-thin)'
 };

package/src/tokens/output/base/semantic-border/tokens.ts

@@ -1,8 +1,9 @@
 // Auto-generated by scripts/build-tokens.mjs — do not edit manually
 export const t = {
-  regular: 'var(--regular)',
-  semiBold: 'var(--semi-bold)',
-  bold: 'var(--bold)'
+  borderDefault: 'var(--border-default)',
+  borderMedium: 'var(--border-medium)',
+  borderStrong: 'var(--border-strong)',
+  borderThin: 'var(--border-thin)'
 } as const;
 
 export type TokenKey = keyof typeof t;

package/src/tokens/output/base/semantic-border/variables.css

@@ -3,7 +3,8 @@
  */
 
 :root {
-  --regular: 0.125rem;
-  --semi-bold: 0.1875rem;
-  --bold: 0.25rem;
+  --border-default: 0.125rem;
+  --border-medium: 0.1875rem;
+  --border-strong: 0.25rem;
+  --border-thin: 0.0625rem;
 }

package/src/tokens/output/base/semantic-texts/tokens.d.ts

@@ -1,5 +1,6 @@
 // Auto-generated by scripts/build-tokens.mjs — do not edit manually
 export declare const t: {
+  readonly textContentH1: string;
   readonly textButtonFontSizeXxs: string;
   readonly textButtonFontSizeXs: string;
   readonly textButtonFontSizeSm: string;

package/src/tokens/output/base/semantic-texts/tokens.js

@@ -1,5 +1,6 @@
 // Auto-generated by scripts/build-tokens.mjs — do not edit manually
 export const t = {
+  textContentH1: 'var(--text-content-h1)',
   textButtonFontSizeXxs: 'var(--text-button-font-size-xxs)',
   textButtonFontSizeXs: 'var(--text-button-font-size-xs)',
   textButtonFontSizeSm: 'var(--text-button-font-size-sm)',

package/src/tokens/output/base/semantic-texts/tokens.ts

@@ -1,5 +1,6 @@
 // Auto-generated by scripts/build-tokens.mjs — do not edit manually
 export const t = {
+  textContentH1: 'var(--text-content-h1)',
   textButtonFontSizeXxs: 'var(--text-button-font-size-xxs)',
   textButtonFontSizeXs: 'var(--text-button-font-size-xs)',
   textButtonFontSizeSm: 'var(--text-button-font-size-sm)',

package/src/tokens/output/base/semantic-texts/variables.css

@@ -3,6 +3,7 @@
  */
 
 :root {
+  --text-content-h1: String value;
   --text-button-font-size-xxs: 0.625rem;
   --text-button-font-size-xs: 0.75rem;
   --text-button-font-size-sm: 1rem;

package/src/tokens/output/base/tokens.d.ts

@@ -36,7 +36,7 @@ export declare const t: {
   readonly fontMobileSizeMd: string;
   readonly fontMobileSizeLg: string;
   readonly fontMobileSizeXl: string;
-  readonly fontMobileSize2xll: string;
+  readonly fontMobileSize2xl: string;
   readonly fontMobileSize3xl: string;
   readonly fontMobileSize4xl: string;
   readonly fontMobileLineHeightXxs: string;
@@ -65,6 +65,7 @@ export declare const t: {
   readonly warning700: string;
   readonly colorBlack: string;
   readonly colorWhite: string;
+  readonly colorTransparent: string;
   readonly steel50: string;
   readonly steel100: string;
   readonly steel200: string;
@@ -102,7 +103,11 @@ export declare const t: {
   readonly sm: string;
   readonly md: string;
   readonly lg: string;
-  readonly xs: string
+  readonly xs: string;
+  readonly borderSm: string;
+  readonly borderMd: string;
+  readonly borderLg: string;
+  readonly borderXs: string
 };
 
 export type TokenKey = keyof typeof t;

package/src/tokens/output/base/tokens.js

@@ -36,7 +36,7 @@ export const t = {
   fontMobileSizeMd: 'var(--font-mobile-size-md)',
   fontMobileSizeLg: 'var(--font-mobile-size-lg)',
   fontMobileSizeXl: 'var(--font-mobile-size-xl)',
-  fontMobileSize2xll: 'var(--font-mobile-size-2xll)',
+  fontMobileSize2xl: 'var(--font-mobile-size-2xl)',
   fontMobileSize3xl: 'var(--font-mobile-size-3xl)',
   fontMobileSize4xl: 'var(--font-mobile-size-4xl)',
   fontMobileLineHeightXxs: 'var(--font-mobile-line-height-xxs)',
@@ -65,6 +65,7 @@ export const t = {
   warning700: 'var(--warning-700)',
   colorBlack: 'var(--color-black)',
   colorWhite: 'var(--color-white)',
+  colorTransparent: 'var(--color-transparent)',
   steel50: 'var(--steel-50)',
   steel100: 'var(--steel-100)',
   steel200: 'var(--steel-200)',
@@ -102,5 +103,9 @@ export const t = {
   sm: 'var(--sm)',
   md: 'var(--md)',
   lg: 'var(--lg)',
-  xs: 'var(--xs)'
+  xs: 'var(--xs)',
+  borderSm: 'var(--border-sm)',
+  borderMd: 'var(--border-md)',
+  borderLg: 'var(--border-lg)',
+  borderXs: 'var(--border-xs)'
 };

package/src/tokens/output/base/tokens.ts

@@ -36,7 +36,7 @@ export const t = {
   fontMobileSizeMd: 'var(--font-mobile-size-md)',
   fontMobileSizeLg: 'var(--font-mobile-size-lg)',
   fontMobileSizeXl: 'var(--font-mobile-size-xl)',
-  fontMobileSize2xll: 'var(--font-mobile-size-2xll)',
+  fontMobileSize2xl: 'var(--font-mobile-size-2xl)',
   fontMobileSize3xl: 'var(--font-mobile-size-3xl)',
   fontMobileSize4xl: 'var(--font-mobile-size-4xl)',
   fontMobileLineHeightXxs: 'var(--font-mobile-line-height-xxs)',
@@ -65,6 +65,7 @@ export const t = {
   warning700: 'var(--warning-700)',
   colorBlack: 'var(--color-black)',
   colorWhite: 'var(--color-white)',
+  colorTransparent: 'var(--color-transparent)',
   steel50: 'var(--steel-50)',
   steel100: 'var(--steel-100)',
   steel200: 'var(--steel-200)',
@@ -102,7 +103,11 @@ export const t = {
   sm: 'var(--sm)',
   md: 'var(--md)',
   lg: 'var(--lg)',
-  xs: 'var(--xs)'
+  xs: 'var(--xs)',
+  borderSm: 'var(--border-sm)',
+  borderMd: 'var(--border-md)',
+  borderLg: 'var(--border-lg)',
+  borderXs: 'var(--border-xs)'
 } as const;
 
 export type TokenKey = keyof typeof t;

package/src/tokens/output/base/variables.css

@@ -39,7 +39,7 @@
   --font-mobile-size-md: 1rem;
   --font-mobile-size-lg: 1.125rem;
   --font-mobile-size-xl: 1.25rem;
-  --font-mobile-size-2xll: 1.5rem;
+  --font-mobile-size-2xl: 1.5rem;
   --font-mobile-size-3xl: 1.75rem;
   --font-mobile-size-4xl: 2rem;
   --font-mobile-line-height-xxs: 1rem;
@@ -68,6 +68,7 @@
   --warning-700: #976c00;
   --color-black: #000000;
   --color-white: #ffffff;
+  --color-transparent: rgba(255, 255, 255, 0);
   --steel-50: #f8f8fa;
   --steel-100: #f0f1f4;
   --steel-200: #e9e9ef;
@@ -106,4 +107,8 @@
   --md: 0.1875rem;
   --lg: 0.25rem;
   --xs: 0.0625rem;
+  --border-sm: 0.125rem;
+  --border-md: 0.1875rem;
+  --border-lg: 0.25rem;
+  --border-xs: 0.0625rem;
 }

package/src/tokens/output/gs/semantic-colors/variables.css

@@ -38,7 +38,7 @@
   --color-button-link-text-disabled: #caced4;
   --color-button-link-text-focus: #0b2fac;
   --color-button-link-border-focus: #0b2fac;
-  --color-overlay-50: #ffffff;
+  --color-overlay-50: rgba(85, 89, 120, 0.3);
   --color-feedback-positive-background: #f2faf6;
   --color-feedback-positive-icon: #4a9a6f;
   --color-feedback-positive-border: #224632;

package/src/tokens/output/sk/semantic-colors/variables.css

@@ -38,7 +38,7 @@
   --color-button-link-text-disabled: #c2c6ce;
   --color-button-link-text-focus: #131e29;
   --color-button-link-border-focus: #131e29;
-  --color-overlay-50: #ffffff;
+  --color-overlay-50: rgba(85, 89, 120, 0.3);
   --color-feedback-positive-background: #f2faf6;
   --color-feedback-positive-icon: #4a9a6f;
   --color-feedback-positive-border: #224632;

package/dist/src/components/PlaceholderButton/Button.d.ts

@@ -1,29 +0,0 @@
-import { default as React } from 'react';
-
-export interface ButtonProps {
-    /**
-     * PlaceholderButton label text
-     */
-    children: React.ReactNode;
-    /**
-     * PlaceholderButton variant
-     */
-    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
-    /**
-     * PlaceholderButton size
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: React.FC<ButtonProps>;
-//# sourceMappingURL=Button.d.ts.map

package/dist/src/components/PlaceholderButton/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/PlaceholderButton/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgBxC,CAAC"}

package/dist/src/components/PlaceholderButton/index.d.ts

@@ -1,3 +0,0 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/PlaceholderButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PlaceholderButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}