@ticketmaster/tm-global-address 0.8.0 → 0.9.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.
package/dist/index.d.ts CHANGED
@@ -28,5 +28,3 @@ export { useLabels, resolveLabels, loadBundle, isRTLLocale, interpolate, SUPPORT
28
28
  export type { ResolvedLabels, LocaleBundle, FormLabels, ValidationLabels, CountryOverrides, InterpolationVars, SupportedLocale, } from './i18n/index';
29
29
  export { useAddressForm, useAddressFormRHF } from './hooks/index';
30
30
  export type { UseAddressFormConfig, UseAddressFormReturn, AddressFormValues } from './hooks/index';
31
- export { HelloWorld } from './components/HelloWorld/HelloWorld';
32
- export type { HelloWorldProps } from './components/HelloWorld/HelloWorld';
package/dist/index.js CHANGED
@@ -11,16 +11,15 @@ import { STATE_REQUIRED_CODES as F } from "./data/countryConfig.js";
11
11
  import { COUNTRY_CONFIGS as L, COUNTRY_OPTIONS as v, getCountryConfig as _, getCountryName as g } from "./data/countryData.js";
12
12
  import { FIELD_CONSTRAINTS as U } from "./validation/constants.js";
13
13
  import { SUPPORTED_LOCALES as D, useLabels as B } from "./i18n/index.js";
14
- import { HelloWorld as G } from "./components/HelloWorld/HelloWorld.js";
15
- import { interpolate as Y, isRTLLocale as c, loadBundle as z, resolveLabels as Q } from "./i18n/labelResolver.js";
16
- import { sanitize as W } from "./validation/sanitize.js";
17
- import { useAddressForm as k } from "./hooks/useAddressForm.js";
18
- import { useAddressFormRHF as w } from "./hooks/useAddressFormRHF.js";
19
- import { validateForm as K } from "./validation/validateForm.js";
20
- import { validatePhoneNumber as X } from "./validation/validatePhoneNumber.js";
21
- import { validatePostalCode as $ } from "./validation/validatePostalCode.js";
22
- import { validateState as or } from "./validation/validateState.js";
23
- import { validateTextField as tr } from "./validation/validateTextField.js";
14
+ import { interpolate as G, isRTLLocale as Y, loadBundle as c, resolveLabels as z } from "./i18n/labelResolver.js";
15
+ import { sanitize as Q } from "./validation/sanitize.js";
16
+ import { useAddressForm as j } from "./hooks/useAddressForm.js";
17
+ import { useAddressFormRHF as q } from "./hooks/useAddressFormRHF.js";
18
+ import { validateForm as J } from "./validation/validateForm.js";
19
+ import { validatePhoneNumber as M } from "./validation/validatePhoneNumber.js";
20
+ import { validatePostalCode as X } from "./validation/validatePostalCode.js";
21
+ import { validateState as $ } from "./validation/validateState.js";
22
+ import { validateTextField as or } from "./validation/validateTextField.js";
24
23
  export {
25
24
  f as AddressCard,
26
25
  m as AddressForm,
@@ -31,7 +30,6 @@ export {
31
30
  v as COUNTRY_OPTIONS,
32
31
  U as FIELD_CONSTRAINTS,
33
32
  e as GlobalAddress,
34
- G as HelloWorld,
35
33
  P as POSTAL_PATTERNS,
36
34
  s as PhoneField,
37
35
  F as STATE_REQUIRED_CODES,
@@ -43,17 +41,17 @@ export {
43
41
  g as getCountryName,
44
42
  R as getPostalPattern,
45
43
  u as getSubdivisions,
46
- Y as interpolate,
47
- c as isRTLLocale,
48
- z as loadBundle,
49
- Q as resolveLabels,
50
- W as sanitize,
51
- k as useAddressForm,
52
- w as useAddressFormRHF,
44
+ G as interpolate,
45
+ Y as isRTLLocale,
46
+ c as loadBundle,
47
+ z as resolveLabels,
48
+ Q as sanitize,
49
+ j as useAddressForm,
50
+ q as useAddressFormRHF,
53
51
  B as useLabels,
54
- K as validateForm,
55
- X as validatePhoneNumber,
56
- $ as validatePostalCode,
57
- or as validateState,
58
- tr as validateTextField
52
+ J as validateForm,
53
+ M as validatePhoneNumber,
54
+ X as validatePostalCode,
55
+ $ as validateState,
56
+ or as validateTextField
59
57
  };
@@ -0,0 +1,63 @@
1
+ /**
2
+ * Dark theme design tokens for tm-global-address.
3
+ *
4
+ * Intentionally designed dark palette — NOT a simple color inversion.
5
+ * Surfaces use deep navy/charcoal rather than black to reduce eye strain.
6
+ * Interactive colors maintain sufficient contrast ratios (WCAG AA minimum 4.5:1).
7
+ *
8
+ * These tokens mirror the GDS token naming conventions, matching `tokens.ts`.
9
+ *
10
+ * TODO(Phase 2 GDS swap): Replace with GDS dark theme token references.
11
+ */
12
+ export declare const darkTokens: {
13
+ readonly colorInteractivePrimary: "#4D9FEC";
14
+ readonly colorInteractivePrimaryHover: "#6DB5F5";
15
+ readonly colorInteractivePrimaryText: "#0D1117";
16
+ readonly colorInteractiveGhost: "transparent";
17
+ readonly colorInteractiveGhostBorder: "#4D9FEC";
18
+ readonly colorInteractiveGhostText: "#4D9FEC";
19
+ readonly colorInteractiveLink: "#6DB5F5";
20
+ readonly colorFeedbackError: "#F28B82";
21
+ readonly colorFeedbackErrorSurface: "#2D1A1A";
22
+ readonly colorFeedbackErrorBorder: "#F28B82";
23
+ readonly colorBorderInput: "#6E7681";
24
+ readonly colorBorderInputFocus: "#4D9FEC";
25
+ readonly colorBorderInputError: "#F28B82";
26
+ readonly colorBorderInputDisabled: "#3D4451";
27
+ readonly colorSurfacePrimary: "#161B22";
28
+ readonly colorSurfaceSecondary: "#21262D";
29
+ readonly colorSurfaceDisabled: "#1C2128";
30
+ readonly colorTextPrimary: "#E6EDF3";
31
+ readonly colorTextSecondary: "#8B949E";
32
+ readonly colorTextPlaceholder: "#6E7681";
33
+ readonly colorTextDisabled: "#484F58";
34
+ readonly colorTextError: "#F28B82";
35
+ readonly colorTextInverse: "#0D1117";
36
+ readonly colorBadgeBorder: "#6E7681";
37
+ readonly colorBadgeText: "#8B949E";
38
+ readonly space1: "4px";
39
+ readonly space2: "8px";
40
+ readonly space3: "12px";
41
+ readonly space4: "16px";
42
+ readonly space5: "20px";
43
+ readonly space6: "24px";
44
+ readonly space8: "32px";
45
+ readonly fontSizeBody: "14px";
46
+ readonly fontSizeInput: "16px";
47
+ readonly fontSizeLabel: "14px";
48
+ readonly fontSizeError: "12px";
49
+ readonly fontSizeHeading: "16px";
50
+ readonly fontWeightNormal: "400";
51
+ readonly fontWeightBold: "600";
52
+ readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
53
+ readonly lineHeightBody: "1.5";
54
+ readonly borderRadiusInput: "4px";
55
+ readonly borderRadiusButton: "4px";
56
+ readonly borderRadiusBadge: "4px";
57
+ readonly borderWidthInput: "1px";
58
+ readonly borderWidthInputFocus: "2px";
59
+ readonly breakpointMobile: "768px";
60
+ readonly transitionFast: "150ms ease";
61
+ readonly transitionNormal: "250ms ease";
62
+ readonly zIndexDropdown: 100;
63
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ticketmaster/tm-global-address",
3
- "version": "0.8.0",
3
+ "version": "0.9.0",
4
4
  "description": "Shared React UI Library for Global Address Management",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -1,14 +0,0 @@
1
- import { default as React } from 'react';
2
- /**
3
- * HelloWorld — placeholder component.
4
- *
5
- * This component exists solely to validate the build pipeline,
6
- * test setup, and Storybook configuration in Phase 1.
7
- * It will be replaced by the actual address form components in Phase 2.
8
- */
9
- export interface HelloWorldProps {
10
- /** Optional message to display alongside the package name */
11
- message?: string;
12
- }
13
- export declare const HelloWorld: React.FC<HelloWorldProps>;
14
- export default HelloWorld;
@@ -1,11 +0,0 @@
1
- import { jsxs as r, jsx as d } from "react/jsx-runtime";
2
- const t = ({ message: l }) => /* @__PURE__ */ r("div", { "data-testid": "hello-world", children: [
3
- /* @__PURE__ */ d("span", { children: "tm-global-address" }),
4
- l && /* @__PURE__ */ r("span", { children: [
5
- " — ",
6
- l
7
- ] })
8
- ] });
9
- export {
10
- t as HelloWorld
11
- };