@nswds/tokens 3.2.0 → 3.3.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/css/typography/global.css +1 -0
- package/dist/css/typography/semantic.css +56 -0
- package/dist/index.cjs +263 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +211 -0
- package/dist/index.d.ts +211 -0
- package/dist/index.js +263 -13
- package/dist/index.js.map +1 -1
- package/dist/js/typography/global.js +1 -0
- package/dist/js/typography/semantic.js +72 -0
- package/dist/json/typography/global.json +2 -1
- package/dist/json/typography/semantic.json +65 -0
- package/dist/less/typography/global.less +1 -0
- package/dist/less/typography/semantic.less +45 -0
- package/dist/scss/typography/global.scss +1 -0
- package/dist/scss/typography/semantic.scss +45 -0
- package/dist/tailwind/typography/global.css +1 -0
- package/dist/tokens/global/typography/canonical.json +5 -0
- package/dist/tokens/semantic/typography/canonical.json +103 -0
- package/dist/tokens/typography.base.json +5 -0
- package/dist/ts/typography/global.ts +1 -0
- package/dist/ts/typography/semantic.ts +72 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39026,7 +39026,8 @@ var require_global4 = __commonJS({
|
|
|
39026
39026
|
"font-weight-regular": 400,
|
|
39027
39027
|
"font-weight-medium": 500,
|
|
39028
39028
|
"font-weight-semibold": 600,
|
|
39029
|
-
"font-weight-bold": 700
|
|
39029
|
+
"font-weight-bold": 700,
|
|
39030
|
+
"font-weight-extrabold": 800
|
|
39030
39031
|
},
|
|
39031
39032
|
"line-height": {
|
|
39032
39033
|
"line-height-none": 1,
|
|
@@ -39045,6 +39046,77 @@ var require_global4 = __commonJS({
|
|
|
39045
39046
|
}
|
|
39046
39047
|
});
|
|
39047
39048
|
|
|
39049
|
+
// src/json/typography/semantic.json
|
|
39050
|
+
var require_semantic = __commonJS({
|
|
39051
|
+
"src/json/typography/semantic.json"(exports$1, module) {
|
|
39052
|
+
module.exports = {
|
|
39053
|
+
"heading-1": {
|
|
39054
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39055
|
+
fontSize: "2.25rem",
|
|
39056
|
+
fontWeight: 800,
|
|
39057
|
+
lineHeight: 1.2,
|
|
39058
|
+
letterSpacing: "-0.0125em"
|
|
39059
|
+
},
|
|
39060
|
+
"heading-2": {
|
|
39061
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39062
|
+
fontSize: "1.5rem",
|
|
39063
|
+
fontWeight: 700,
|
|
39064
|
+
lineHeight: 1.3333333,
|
|
39065
|
+
letterSpacing: "0em"
|
|
39066
|
+
},
|
|
39067
|
+
"heading-3": {
|
|
39068
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39069
|
+
fontSize: "1.25rem",
|
|
39070
|
+
fontWeight: 600,
|
|
39071
|
+
lineHeight: 1.6,
|
|
39072
|
+
letterSpacing: "0em"
|
|
39073
|
+
},
|
|
39074
|
+
"heading-4": {
|
|
39075
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39076
|
+
fontSize: "1rem",
|
|
39077
|
+
fontWeight: 600,
|
|
39078
|
+
lineHeight: 1.5,
|
|
39079
|
+
letterSpacing: "0em"
|
|
39080
|
+
},
|
|
39081
|
+
body: {
|
|
39082
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39083
|
+
fontSize: "1rem",
|
|
39084
|
+
fontWeight: 400,
|
|
39085
|
+
lineHeight: 1.75,
|
|
39086
|
+
letterSpacing: "0em"
|
|
39087
|
+
},
|
|
39088
|
+
"body-sm": {
|
|
39089
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39090
|
+
fontSize: "0.875rem",
|
|
39091
|
+
fontWeight: 400,
|
|
39092
|
+
lineHeight: 1.75,
|
|
39093
|
+
letterSpacing: "0em"
|
|
39094
|
+
},
|
|
39095
|
+
lead: {
|
|
39096
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39097
|
+
fontSize: "1.25rem",
|
|
39098
|
+
fontWeight: 400,
|
|
39099
|
+
lineHeight: 1.6,
|
|
39100
|
+
letterSpacing: "0em"
|
|
39101
|
+
},
|
|
39102
|
+
caption: {
|
|
39103
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
39104
|
+
fontSize: "0.75rem",
|
|
39105
|
+
fontWeight: 400,
|
|
39106
|
+
lineHeight: 1.5,
|
|
39107
|
+
letterSpacing: "0.025em"
|
|
39108
|
+
},
|
|
39109
|
+
code: {
|
|
39110
|
+
fontFamily: "'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
|
|
39111
|
+
fontSize: "0.875rem",
|
|
39112
|
+
fontWeight: 400,
|
|
39113
|
+
lineHeight: 1.5,
|
|
39114
|
+
letterSpacing: "0em"
|
|
39115
|
+
}
|
|
39116
|
+
};
|
|
39117
|
+
}
|
|
39118
|
+
});
|
|
39119
|
+
|
|
39048
39120
|
// src/css/colors/global/hex.css
|
|
39049
39121
|
var hex_exports = {};
|
|
39050
39122
|
__export(hex_exports, {
|
|
@@ -39239,7 +39311,14 @@ var global_exports4 = {};
|
|
|
39239
39311
|
__export(global_exports4, {
|
|
39240
39312
|
default: () => global_default4
|
|
39241
39313
|
});
|
|
39242
|
-
var global_default4 = ":root {\n --font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; /** Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text. */\n --font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; /** Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change. */\n --font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; /** System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later. */\n --font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; /** Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content. */\n --font-size-12: 0.75rem; /** Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-14: 0.875rem; /** Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-16: 1rem; /** Font size 16px (1rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-18: 1.125rem; /** Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-20: 1.25rem; /** Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-22: 1.375rem; /** Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-24: 1.5rem; /** Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-30: 1.875rem; /** Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-36: 2.25rem; /** Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-48: 3rem; /** Font size 48px (3rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-56: 3.5rem; /** Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-64: 4rem; /** Font size 64px (4rem) \u2014 the step name is the px value at the default root font size. */\n --font-weight-light: 300; /** Light (300) \u2014 large display text only; avoid at body sizes for legibility. */\n --font-weight-regular: 400; /** Regular (400) \u2014 default body text weight. */\n --font-weight-medium: 500; /** Medium (500) \u2014 subtle emphasis, labels, and navigation. */\n --font-weight-semibold: 600; /** Semibold (600) \u2014 headings and strong emphasis. */\n --font-weight-bold: 700; /** Bold (700) \u2014 highest emphasis; key figures and primary headings. */\n --line-height-none: 1; /** Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale). */\n --line-height-tight: 1.2; /** Tight (1.2) \u2014 large headings (36/30 in the prose scale). */\n --line-height-snug: 1.3333333; /** Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale). */\n --line-height-base: 1.5; /** Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing. */\n --line-height-relaxed: 1.6; /** Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale). */\n --line-height-loose: 1.75; /** Loose (1.75) \u2014 long-form body text (28/16 in the prose scale). */\n --letter-spacing-tight: -0.0125em; /** Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit. */\n --letter-spacing-normal: 0em; /** Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit. */\n --letter-spacing-wide: 0.025em; /** Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit. */\n}\n";
|
|
39314
|
+
var global_default4 = ":root {\n --font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; /** Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text. */\n --font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; /** Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change. */\n --font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; /** System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later. */\n --font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; /** Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content. */\n --font-size-12: 0.75rem; /** Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-14: 0.875rem; /** Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-16: 1rem; /** Font size 16px (1rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-18: 1.125rem; /** Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-20: 1.25rem; /** Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-22: 1.375rem; /** Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-24: 1.5rem; /** Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-30: 1.875rem; /** Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-36: 2.25rem; /** Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-48: 3rem; /** Font size 48px (3rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-56: 3.5rem; /** Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size. */\n --font-size-64: 4rem; /** Font size 64px (4rem) \u2014 the step name is the px value at the default root font size. */\n --font-weight-light: 300; /** Light (300) \u2014 large display text only; avoid at body sizes for legibility. */\n --font-weight-regular: 400; /** Regular (400) \u2014 default body text weight. */\n --font-weight-medium: 500; /** Medium (500) \u2014 subtle emphasis, labels, and navigation. */\n --font-weight-semibold: 600; /** Semibold (600) \u2014 headings and strong emphasis. */\n --font-weight-bold: 700; /** Bold (700) \u2014 highest emphasis; key figures and primary headings. */\n --font-weight-extrabold: 800; /** Extrabold (800) \u2014 hero/display headings (the prose scale uses 800 for h1). */\n --line-height-none: 1; /** Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale). */\n --line-height-tight: 1.2; /** Tight (1.2) \u2014 large headings (36/30 in the prose scale). */\n --line-height-snug: 1.3333333; /** Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale). */\n --line-height-base: 1.5; /** Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing. */\n --line-height-relaxed: 1.6; /** Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale). */\n --line-height-loose: 1.75; /** Loose (1.75) \u2014 long-form body text (28/16 in the prose scale). */\n --letter-spacing-tight: -0.0125em; /** Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit. */\n --letter-spacing-normal: 0em; /** Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit. */\n --letter-spacing-wide: 0.025em; /** Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit. */\n}\n";
|
|
39315
|
+
|
|
39316
|
+
// src/css/typography/semantic.css
|
|
39317
|
+
var semantic_exports = {};
|
|
39318
|
+
__export(semantic_exports, {
|
|
39319
|
+
default: () => semantic_default
|
|
39320
|
+
});
|
|
39321
|
+
var semantic_default = ":root {\n --typography-heading-1-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-heading-1-font-size: 2.25rem;\n --typography-heading-1-font-weight: 800;\n --typography-heading-1-line-height: 1.2;\n --typography-heading-1-letter-spacing: -0.0125em;\n --typography-heading-1: 800 2.25rem/1.2 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-heading-2-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-heading-2-font-size: 1.5rem;\n --typography-heading-2-font-weight: 700;\n --typography-heading-2-line-height: 1.3333333;\n --typography-heading-2-letter-spacing: 0em;\n --typography-heading-2: 700 1.5rem/1.3333333 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-heading-3-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-heading-3-font-size: 1.25rem;\n --typography-heading-3-font-weight: 600;\n --typography-heading-3-line-height: 1.6;\n --typography-heading-3-letter-spacing: 0em;\n --typography-heading-3: 600 1.25rem/1.6 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-heading-4-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-heading-4-font-size: 1rem;\n --typography-heading-4-font-weight: 600;\n --typography-heading-4-line-height: 1.5;\n --typography-heading-4-letter-spacing: 0em;\n --typography-heading-4: 600 1rem/1.5 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-body-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-body-font-size: 1rem;\n --typography-body-font-weight: 400;\n --typography-body-line-height: 1.75;\n --typography-body-letter-spacing: 0em;\n --typography-body: 400 1rem/1.75 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-body-sm-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-body-sm-font-size: 0.875rem;\n --typography-body-sm-font-weight: 400;\n --typography-body-sm-line-height: 1.75;\n --typography-body-sm-letter-spacing: 0em;\n --typography-body-sm: 400 0.875rem/1.75 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-lead-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-lead-font-size: 1.25rem;\n --typography-lead-font-weight: 400;\n --typography-lead-line-height: 1.6;\n --typography-lead-letter-spacing: 0em;\n --typography-lead: 400 1.25rem/1.6 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-caption-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-caption-font-size: 0.75rem;\n --typography-caption-font-weight: 400;\n --typography-caption-line-height: 1.5;\n --typography-caption-letter-spacing: 0.025em;\n --typography-caption: 400 0.75rem/1.5 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --typography-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n --typography-code-font-size: 0.875rem;\n --typography-code-font-weight: 400;\n --typography-code-line-height: 1.5;\n --typography-code-letter-spacing: 0em;\n --typography-code: 400 0.875rem/1.5 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n}\n";
|
|
39243
39322
|
|
|
39244
39323
|
// src/js/colors/global/hex.js
|
|
39245
39324
|
var hex_exports7 = {};
|
|
@@ -43113,7 +43192,8 @@ var fontWeight = {
|
|
|
43113
43192
|
regular: 400,
|
|
43114
43193
|
medium: 500,
|
|
43115
43194
|
semibold: 600,
|
|
43116
|
-
bold: 700
|
|
43195
|
+
bold: 700,
|
|
43196
|
+
extrabold: 800
|
|
43117
43197
|
};
|
|
43118
43198
|
var lineHeight = {
|
|
43119
43199
|
none: 1,
|
|
@@ -43129,6 +43209,83 @@ var letterSpacing = {
|
|
|
43129
43209
|
wide: "0.025em"
|
|
43130
43210
|
};
|
|
43131
43211
|
|
|
43212
|
+
// src/js/typography/semantic.js
|
|
43213
|
+
var semantic_exports2 = {};
|
|
43214
|
+
__export(semantic_exports2, {
|
|
43215
|
+
body: () => body,
|
|
43216
|
+
bodySm: () => bodySm,
|
|
43217
|
+
caption: () => caption,
|
|
43218
|
+
code: () => code,
|
|
43219
|
+
heading1: () => heading1,
|
|
43220
|
+
heading2: () => heading2,
|
|
43221
|
+
heading3: () => heading3,
|
|
43222
|
+
heading4: () => heading4,
|
|
43223
|
+
lead: () => lead
|
|
43224
|
+
});
|
|
43225
|
+
var heading1 = {
|
|
43226
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43227
|
+
fontSize: "2.25rem",
|
|
43228
|
+
fontWeight: 800,
|
|
43229
|
+
lineHeight: 1.2,
|
|
43230
|
+
letterSpacing: "-0.0125em"
|
|
43231
|
+
};
|
|
43232
|
+
var heading2 = {
|
|
43233
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43234
|
+
fontSize: "1.5rem",
|
|
43235
|
+
fontWeight: 700,
|
|
43236
|
+
lineHeight: 1.3333333,
|
|
43237
|
+
letterSpacing: "0em"
|
|
43238
|
+
};
|
|
43239
|
+
var heading3 = {
|
|
43240
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43241
|
+
fontSize: "1.25rem",
|
|
43242
|
+
fontWeight: 600,
|
|
43243
|
+
lineHeight: 1.6,
|
|
43244
|
+
letterSpacing: "0em"
|
|
43245
|
+
};
|
|
43246
|
+
var heading4 = {
|
|
43247
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43248
|
+
fontSize: "1rem",
|
|
43249
|
+
fontWeight: 600,
|
|
43250
|
+
lineHeight: 1.5,
|
|
43251
|
+
letterSpacing: "0em"
|
|
43252
|
+
};
|
|
43253
|
+
var body = {
|
|
43254
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43255
|
+
fontSize: "1rem",
|
|
43256
|
+
fontWeight: 400,
|
|
43257
|
+
lineHeight: 1.75,
|
|
43258
|
+
letterSpacing: "0em"
|
|
43259
|
+
};
|
|
43260
|
+
var bodySm = {
|
|
43261
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43262
|
+
fontSize: "0.875rem",
|
|
43263
|
+
fontWeight: 400,
|
|
43264
|
+
lineHeight: 1.75,
|
|
43265
|
+
letterSpacing: "0em"
|
|
43266
|
+
};
|
|
43267
|
+
var lead = {
|
|
43268
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43269
|
+
fontSize: "1.25rem",
|
|
43270
|
+
fontWeight: 400,
|
|
43271
|
+
lineHeight: 1.6,
|
|
43272
|
+
letterSpacing: "0em"
|
|
43273
|
+
};
|
|
43274
|
+
var caption = {
|
|
43275
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
43276
|
+
fontSize: "0.75rem",
|
|
43277
|
+
fontWeight: 400,
|
|
43278
|
+
lineHeight: 1.5,
|
|
43279
|
+
letterSpacing: "0.025em"
|
|
43280
|
+
};
|
|
43281
|
+
var code = {
|
|
43282
|
+
fontFamily: "'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
|
|
43283
|
+
fontSize: "0.875rem",
|
|
43284
|
+
fontWeight: 400,
|
|
43285
|
+
lineHeight: 1.5,
|
|
43286
|
+
letterSpacing: "0em"
|
|
43287
|
+
};
|
|
43288
|
+
|
|
43132
43289
|
// src/less/colors/global/hex.less
|
|
43133
43290
|
var hex_exports13 = {};
|
|
43134
43291
|
__export(hex_exports13, {
|
|
@@ -43323,7 +43480,14 @@ var global_exports12 = {};
|
|
|
43323
43480
|
__export(global_exports12, {
|
|
43324
43481
|
default: () => global_default8
|
|
43325
43482
|
});
|
|
43326
|
-
var global_default8 = "@font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text.\n@font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change.\n@font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.\n@font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; // Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content.\n@font-size-12: 0.75rem; // Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size.\n@font-size-14: 0.875rem; // Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size.\n@font-size-16: 1rem; // Font size 16px (1rem) \u2014 the step name is the px value at the default root font size.\n@font-size-18: 1.125rem; // Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size.\n@font-size-20: 1.25rem; // Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size.\n@font-size-22: 1.375rem; // Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size.\n@font-size-24: 1.5rem; // Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size.\n@font-size-30: 1.875rem; // Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size.\n@font-size-36: 2.25rem; // Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size.\n@font-size-48: 3rem; // Font size 48px (3rem) \u2014 the step name is the px value at the default root font size.\n@font-size-56: 3.5rem; // Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size.\n@font-size-64: 4rem; // Font size 64px (4rem) \u2014 the step name is the px value at the default root font size.\n@font-weight-light: 300; // Light (300) \u2014 large display text only; avoid at body sizes for legibility.\n@font-weight-regular: 400; // Regular (400) \u2014 default body text weight.\n@font-weight-medium: 500; // Medium (500) \u2014 subtle emphasis, labels, and navigation.\n@font-weight-semibold: 600; // Semibold (600) \u2014 headings and strong emphasis.\n@font-weight-bold: 700; // Bold (700) \u2014 highest emphasis; key figures and primary headings.\n@line-height-none: 1; // Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).\n@line-height-tight: 1.2; // Tight (1.2) \u2014 large headings (36/30 in the prose scale).\n@line-height-snug: 1.3333333; // Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale).\n@line-height-base: 1.5; // Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.\n@line-height-relaxed: 1.6; // Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale).\n@line-height-loose: 1.75; // Loose (1.75) \u2014 long-form body text (28/16 in the prose scale).\n@letter-spacing-tight: -0.0125em; // Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit.\n@letter-spacing-normal: 0em; // Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit.\n@letter-spacing-wide: 0.025em; // Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit.\n";
|
|
43483
|
+
var global_default8 = "@font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text.\n@font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change.\n@font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.\n@font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; // Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content.\n@font-size-12: 0.75rem; // Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size.\n@font-size-14: 0.875rem; // Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size.\n@font-size-16: 1rem; // Font size 16px (1rem) \u2014 the step name is the px value at the default root font size.\n@font-size-18: 1.125rem; // Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size.\n@font-size-20: 1.25rem; // Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size.\n@font-size-22: 1.375rem; // Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size.\n@font-size-24: 1.5rem; // Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size.\n@font-size-30: 1.875rem; // Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size.\n@font-size-36: 2.25rem; // Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size.\n@font-size-48: 3rem; // Font size 48px (3rem) \u2014 the step name is the px value at the default root font size.\n@font-size-56: 3.5rem; // Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size.\n@font-size-64: 4rem; // Font size 64px (4rem) \u2014 the step name is the px value at the default root font size.\n@font-weight-light: 300; // Light (300) \u2014 large display text only; avoid at body sizes for legibility.\n@font-weight-regular: 400; // Regular (400) \u2014 default body text weight.\n@font-weight-medium: 500; // Medium (500) \u2014 subtle emphasis, labels, and navigation.\n@font-weight-semibold: 600; // Semibold (600) \u2014 headings and strong emphasis.\n@font-weight-bold: 700; // Bold (700) \u2014 highest emphasis; key figures and primary headings.\n@font-weight-extrabold: 800; // Extrabold (800) \u2014 hero/display headings (the prose scale uses 800 for h1).\n@line-height-none: 1; // Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).\n@line-height-tight: 1.2; // Tight (1.2) \u2014 large headings (36/30 in the prose scale).\n@line-height-snug: 1.3333333; // Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale).\n@line-height-base: 1.5; // Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.\n@line-height-relaxed: 1.6; // Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale).\n@line-height-loose: 1.75; // Loose (1.75) \u2014 long-form body text (28/16 in the prose scale).\n@letter-spacing-tight: -0.0125em; // Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit.\n@letter-spacing-normal: 0em; // Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit.\n@letter-spacing-wide: 0.025em; // Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit.\n";
|
|
43484
|
+
|
|
43485
|
+
// src/less/typography/semantic.less
|
|
43486
|
+
var semantic_exports3 = {};
|
|
43487
|
+
__export(semantic_exports3, {
|
|
43488
|
+
default: () => semantic_default2
|
|
43489
|
+
});
|
|
43490
|
+
var semantic_default2 = "@typography-heading-1-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-1-font-size: 2.25rem;\n@typography-heading-1-font-weight: 800;\n@typography-heading-1-line-height: 1.2;\n@typography-heading-1-letter-spacing: -0.0125em;\n@typography-heading-2-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-2-font-size: 1.5rem;\n@typography-heading-2-font-weight: 700;\n@typography-heading-2-line-height: 1.3333333;\n@typography-heading-2-letter-spacing: 0em;\n@typography-heading-3-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-3-font-size: 1.25rem;\n@typography-heading-3-font-weight: 600;\n@typography-heading-3-line-height: 1.6;\n@typography-heading-3-letter-spacing: 0em;\n@typography-heading-4-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-heading-4-font-size: 1rem;\n@typography-heading-4-font-weight: 600;\n@typography-heading-4-line-height: 1.5;\n@typography-heading-4-letter-spacing: 0em;\n@typography-body-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-body-font-size: 1rem;\n@typography-body-font-weight: 400;\n@typography-body-line-height: 1.75;\n@typography-body-letter-spacing: 0em;\n@typography-body-sm-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-body-sm-font-size: 0.875rem;\n@typography-body-sm-font-weight: 400;\n@typography-body-sm-line-height: 1.75;\n@typography-body-sm-letter-spacing: 0em;\n@typography-lead-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-lead-font-size: 1.25rem;\n@typography-lead-font-weight: 400;\n@typography-lead-line-height: 1.6;\n@typography-lead-letter-spacing: 0em;\n@typography-caption-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n@typography-caption-font-size: 0.75rem;\n@typography-caption-font-weight: 400;\n@typography-caption-line-height: 1.5;\n@typography-caption-letter-spacing: 0.025em;\n@typography-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n@typography-code-font-size: 0.875rem;\n@typography-code-font-weight: 400;\n@typography-code-line-height: 1.5;\n@typography-code-letter-spacing: 0em;\n";
|
|
43327
43491
|
|
|
43328
43492
|
// src/scss/colors/global/hex.scss
|
|
43329
43493
|
var hex_exports19 = {};
|
|
@@ -43519,7 +43683,14 @@ var global_exports16 = {};
|
|
|
43519
43683
|
__export(global_exports16, {
|
|
43520
43684
|
default: () => global_default12
|
|
43521
43685
|
});
|
|
43522
|
-
var global_default12 = "$font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text.\n$font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change.\n$font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.\n$font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; // Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content.\n$font-size-12: 0.75rem; // Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size.\n$font-size-14: 0.875rem; // Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size.\n$font-size-16: 1rem; // Font size 16px (1rem) \u2014 the step name is the px value at the default root font size.\n$font-size-18: 1.125rem; // Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size.\n$font-size-20: 1.25rem; // Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size.\n$font-size-22: 1.375rem; // Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size.\n$font-size-24: 1.5rem; // Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size.\n$font-size-30: 1.875rem; // Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size.\n$font-size-36: 2.25rem; // Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size.\n$font-size-48: 3rem; // Font size 48px (3rem) \u2014 the step name is the px value at the default root font size.\n$font-size-56: 3.5rem; // Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size.\n$font-size-64: 4rem; // Font size 64px (4rem) \u2014 the step name is the px value at the default root font size.\n$font-weight-light: 300; // Light (300) \u2014 large display text only; avoid at body sizes for legibility.\n$font-weight-regular: 400; // Regular (400) \u2014 default body text weight.\n$font-weight-medium: 500; // Medium (500) \u2014 subtle emphasis, labels, and navigation.\n$font-weight-semibold: 600; // Semibold (600) \u2014 headings and strong emphasis.\n$font-weight-bold: 700; // Bold (700) \u2014 highest emphasis; key figures and primary headings.\n$line-height-none: 1; // Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).\n$line-height-tight: 1.2; // Tight (1.2) \u2014 large headings (36/30 in the prose scale).\n$line-height-snug: 1.3333333; // Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale).\n$line-height-base: 1.5; // Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.\n$line-height-relaxed: 1.6; // Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale).\n$line-height-loose: 1.75; // Loose (1.75) \u2014 long-form body text (28/16 in the prose scale).\n$letter-spacing-tight: -0.0125em; // Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit.\n$letter-spacing-normal: 0em; // Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit.\n$letter-spacing-wide: 0.025em; // Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit.\n";
|
|
43686
|
+
var global_default12 = "$font-family-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Primary typeface \u2014 Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text.\n$font-family-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Display typeface \u2014 currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change.\n$font-family-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // System typeface \u2014 currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.\n$font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; // Monospace stack \u2014 JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content.\n$font-size-12: 0.75rem; // Font size 12px (0.75rem) \u2014 the step name is the px value at the default root font size.\n$font-size-14: 0.875rem; // Font size 14px (0.875rem) \u2014 the step name is the px value at the default root font size.\n$font-size-16: 1rem; // Font size 16px (1rem) \u2014 the step name is the px value at the default root font size.\n$font-size-18: 1.125rem; // Font size 18px (1.125rem) \u2014 the step name is the px value at the default root font size.\n$font-size-20: 1.25rem; // Font size 20px (1.25rem) \u2014 the step name is the px value at the default root font size.\n$font-size-22: 1.375rem; // Font size 22px (1.375rem) \u2014 the step name is the px value at the default root font size.\n$font-size-24: 1.5rem; // Font size 24px (1.5rem) \u2014 the step name is the px value at the default root font size.\n$font-size-30: 1.875rem; // Font size 30px (1.875rem) \u2014 the step name is the px value at the default root font size.\n$font-size-36: 2.25rem; // Font size 36px (2.25rem) \u2014 the step name is the px value at the default root font size.\n$font-size-48: 3rem; // Font size 48px (3rem) \u2014 the step name is the px value at the default root font size.\n$font-size-56: 3.5rem; // Font size 56px (3.5rem) \u2014 the step name is the px value at the default root font size.\n$font-size-64: 4rem; // Font size 64px (4rem) \u2014 the step name is the px value at the default root font size.\n$font-weight-light: 300; // Light (300) \u2014 large display text only; avoid at body sizes for legibility.\n$font-weight-regular: 400; // Regular (400) \u2014 default body text weight.\n$font-weight-medium: 500; // Medium (500) \u2014 subtle emphasis, labels, and navigation.\n$font-weight-semibold: 600; // Semibold (600) \u2014 headings and strong emphasis.\n$font-weight-bold: 700; // Bold (700) \u2014 highest emphasis; key figures and primary headings.\n$font-weight-extrabold: 800; // Extrabold (800) \u2014 hero/display headings (the prose scale uses 800 for h1).\n$line-height-none: 1; // Solid (1) \u2014 display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).\n$line-height-tight: 1.2; // Tight (1.2) \u2014 large headings (36/30 in the prose scale).\n$line-height-snug: 1.3333333; // Snug (1.3333333) \u2014 mid-size headings (32/24, 40/30 in the prose scale).\n$line-height-base: 1.5; // Base (1.5) \u2014 default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.\n$line-height-relaxed: 1.6; // Relaxed (1.6) \u2014 subheadings and lead text (32/20 in the prose scale).\n$line-height-loose: 1.75; // Loose (1.75) \u2014 long-form body text (28/16 in the prose scale).\n$letter-spacing-tight: -0.0125em; // Tight tracking (-0.0125em) \u2014 large display headings. Value is an em multiplier; string outputs render it with the em unit.\n$letter-spacing-normal: 0em; // Normal tracking (0em) \u2014 default for body text. Value is an em multiplier; string outputs render it with the em unit.\n$letter-spacing-wide: 0.025em; // Wide tracking (0.025em) \u2014 small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit.\n";
|
|
43687
|
+
|
|
43688
|
+
// src/scss/typography/semantic.scss
|
|
43689
|
+
var semantic_exports4 = {};
|
|
43690
|
+
__export(semantic_exports4, {
|
|
43691
|
+
default: () => semantic_default3
|
|
43692
|
+
});
|
|
43693
|
+
var semantic_default3 = "$typography-heading-1-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-1-font-size: 2.25rem;\n$typography-heading-1-font-weight: 800;\n$typography-heading-1-line-height: 1.2;\n$typography-heading-1-letter-spacing: -0.0125em;\n$typography-heading-2-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-2-font-size: 1.5rem;\n$typography-heading-2-font-weight: 700;\n$typography-heading-2-line-height: 1.3333333;\n$typography-heading-2-letter-spacing: 0em;\n$typography-heading-3-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-3-font-size: 1.25rem;\n$typography-heading-3-font-weight: 600;\n$typography-heading-3-line-height: 1.6;\n$typography-heading-3-letter-spacing: 0em;\n$typography-heading-4-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-heading-4-font-size: 1rem;\n$typography-heading-4-font-weight: 600;\n$typography-heading-4-line-height: 1.5;\n$typography-heading-4-letter-spacing: 0em;\n$typography-body-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-body-font-size: 1rem;\n$typography-body-font-weight: 400;\n$typography-body-line-height: 1.75;\n$typography-body-letter-spacing: 0em;\n$typography-body-sm-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-body-sm-font-size: 0.875rem;\n$typography-body-sm-font-weight: 400;\n$typography-body-sm-line-height: 1.75;\n$typography-body-sm-letter-spacing: 0em;\n$typography-lead-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-lead-font-size: 1.25rem;\n$typography-lead-font-weight: 400;\n$typography-lead-line-height: 1.6;\n$typography-lead-letter-spacing: 0em;\n$typography-caption-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n$typography-caption-font-size: 0.75rem;\n$typography-caption-font-weight: 400;\n$typography-caption-line-height: 1.5;\n$typography-caption-letter-spacing: 0.025em;\n$typography-code-font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n$typography-code-font-size: 0.875rem;\n$typography-code-font-weight: 400;\n$typography-code-line-height: 1.5;\n$typography-code-letter-spacing: 0em;\n";
|
|
43523
43694
|
|
|
43524
43695
|
// src/tailwind/colors/global/hex.css
|
|
43525
43696
|
var hex_exports25 = {};
|
|
@@ -43715,7 +43886,7 @@ var global_exports20 = {};
|
|
|
43715
43886
|
__export(global_exports20, {
|
|
43716
43887
|
default: () => global_default16
|
|
43717
43888
|
});
|
|
43718
|
-
var global_default16 = "@theme {\n --font-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n --text-12: 0.75rem;\n --text-14: 0.875rem;\n --text-16: 1rem;\n --text-18: 1.125rem;\n --text-20: 1.25rem;\n --text-22: 1.375rem;\n --text-24: 1.5rem;\n --text-30: 1.875rem;\n --text-36: 2.25rem;\n --text-48: 3rem;\n --text-56: 3.5rem;\n --text-64: 4rem;\n --font-weight-light: 300;\n --font-weight-regular: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --leading-none: 1;\n --leading-tight: 1.2;\n --leading-snug: 1.3333333;\n --leading-base: 1.5;\n --leading-relaxed: 1.6;\n --leading-loose: 1.75;\n --tracking-tight: -0.0125em;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n}\n";
|
|
43889
|
+
var global_default16 = "@theme {\n --font-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-display: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-system: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;\n --text-12: 0.75rem;\n --text-14: 0.875rem;\n --text-16: 1rem;\n --text-18: 1.125rem;\n --text-20: 1.25rem;\n --text-22: 1.375rem;\n --text-24: 1.5rem;\n --text-30: 1.875rem;\n --text-36: 2.25rem;\n --text-48: 3rem;\n --text-56: 3.5rem;\n --text-64: 4rem;\n --font-weight-light: 300;\n --font-weight-regular: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --leading-none: 1;\n --leading-tight: 1.2;\n --leading-snug: 1.3333333;\n --leading-base: 1.5;\n --leading-relaxed: 1.6;\n --leading-loose: 1.75;\n --tracking-tight: -0.0125em;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n}\n";
|
|
43719
43890
|
|
|
43720
43891
|
// src/ts/colors/global/hex.ts
|
|
43721
43892
|
var hex_exports31 = {};
|
|
@@ -47589,7 +47760,8 @@ var fontWeight2 = {
|
|
|
47589
47760
|
regular: 400,
|
|
47590
47761
|
medium: 500,
|
|
47591
47762
|
semibold: 600,
|
|
47592
|
-
bold: 700
|
|
47763
|
+
bold: 700,
|
|
47764
|
+
extrabold: 800
|
|
47593
47765
|
};
|
|
47594
47766
|
var lineHeight2 = {
|
|
47595
47767
|
none: 1,
|
|
@@ -47605,6 +47777,83 @@ var letterSpacing2 = {
|
|
|
47605
47777
|
wide: "0.025em"
|
|
47606
47778
|
};
|
|
47607
47779
|
|
|
47780
|
+
// src/ts/typography/semantic.ts
|
|
47781
|
+
var semantic_exports5 = {};
|
|
47782
|
+
__export(semantic_exports5, {
|
|
47783
|
+
body: () => body2,
|
|
47784
|
+
bodySm: () => bodySm2,
|
|
47785
|
+
caption: () => caption2,
|
|
47786
|
+
code: () => code2,
|
|
47787
|
+
heading1: () => heading12,
|
|
47788
|
+
heading2: () => heading22,
|
|
47789
|
+
heading3: () => heading32,
|
|
47790
|
+
heading4: () => heading42,
|
|
47791
|
+
lead: () => lead2
|
|
47792
|
+
});
|
|
47793
|
+
var heading12 = {
|
|
47794
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47795
|
+
fontSize: "2.25rem",
|
|
47796
|
+
fontWeight: 800,
|
|
47797
|
+
lineHeight: 1.2,
|
|
47798
|
+
letterSpacing: "-0.0125em"
|
|
47799
|
+
};
|
|
47800
|
+
var heading22 = {
|
|
47801
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47802
|
+
fontSize: "1.5rem",
|
|
47803
|
+
fontWeight: 700,
|
|
47804
|
+
lineHeight: 1.3333333,
|
|
47805
|
+
letterSpacing: "0em"
|
|
47806
|
+
};
|
|
47807
|
+
var heading32 = {
|
|
47808
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47809
|
+
fontSize: "1.25rem",
|
|
47810
|
+
fontWeight: 600,
|
|
47811
|
+
lineHeight: 1.6,
|
|
47812
|
+
letterSpacing: "0em"
|
|
47813
|
+
};
|
|
47814
|
+
var heading42 = {
|
|
47815
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47816
|
+
fontSize: "1rem",
|
|
47817
|
+
fontWeight: 600,
|
|
47818
|
+
lineHeight: 1.5,
|
|
47819
|
+
letterSpacing: "0em"
|
|
47820
|
+
};
|
|
47821
|
+
var body2 = {
|
|
47822
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47823
|
+
fontSize: "1rem",
|
|
47824
|
+
fontWeight: 400,
|
|
47825
|
+
lineHeight: 1.75,
|
|
47826
|
+
letterSpacing: "0em"
|
|
47827
|
+
};
|
|
47828
|
+
var bodySm2 = {
|
|
47829
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47830
|
+
fontSize: "0.875rem",
|
|
47831
|
+
fontWeight: 400,
|
|
47832
|
+
lineHeight: 1.75,
|
|
47833
|
+
letterSpacing: "0em"
|
|
47834
|
+
};
|
|
47835
|
+
var lead2 = {
|
|
47836
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47837
|
+
fontSize: "1.25rem",
|
|
47838
|
+
fontWeight: 400,
|
|
47839
|
+
lineHeight: 1.6,
|
|
47840
|
+
letterSpacing: "0em"
|
|
47841
|
+
};
|
|
47842
|
+
var caption2 = {
|
|
47843
|
+
fontFamily: "'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
47844
|
+
fontSize: "0.75rem",
|
|
47845
|
+
fontWeight: 400,
|
|
47846
|
+
lineHeight: 1.5,
|
|
47847
|
+
letterSpacing: "0.025em"
|
|
47848
|
+
};
|
|
47849
|
+
var code2 = {
|
|
47850
|
+
fontFamily: "'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
|
|
47851
|
+
fontSize: "0.875rem",
|
|
47852
|
+
fontWeight: 400,
|
|
47853
|
+
lineHeight: 1.5,
|
|
47854
|
+
letterSpacing: "0em"
|
|
47855
|
+
};
|
|
47856
|
+
|
|
47608
47857
|
// src/index.ts
|
|
47609
47858
|
var globalColorHex = require_hex();
|
|
47610
47859
|
var globalColorHsl = require_hsl();
|
|
@@ -47658,6 +47907,7 @@ var spaceJsonGlobal = require_global();
|
|
|
47658
47907
|
var radiusJsonGlobal = require_global2();
|
|
47659
47908
|
var breakpointsJsonGlobal = require_global3();
|
|
47660
47909
|
var typographyJsonGlobal = require_global4();
|
|
47910
|
+
var typographyJsonSemantic = require_semantic();
|
|
47661
47911
|
var tokens = {
|
|
47662
47912
|
colors: {
|
|
47663
47913
|
global: { hex: globalColorHex, hsl: globalColorHsl, oklch: globalColorOklch, rgb: globalColorRgb },
|
|
@@ -47681,7 +47931,7 @@ var tokens = {
|
|
|
47681
47931
|
space: { global: global_exports },
|
|
47682
47932
|
radius: { global: global_exports2 },
|
|
47683
47933
|
breakpoints: { global: global_exports3 },
|
|
47684
|
-
typography: { global: global_exports4 }
|
|
47934
|
+
typography: { global: global_exports4, semantic: semantic_exports }
|
|
47685
47935
|
},
|
|
47686
47936
|
js: {
|
|
47687
47937
|
global: { hex: hex_exports7, hsl: hsl_exports7, oklch: oklch_exports7, rgb: rgb_exports7 },
|
|
@@ -47695,7 +47945,7 @@ var tokens = {
|
|
|
47695
47945
|
space: { global: global_exports5 },
|
|
47696
47946
|
radius: { global: global_exports6 },
|
|
47697
47947
|
breakpoints: { global: global_exports7 },
|
|
47698
|
-
typography: { global: global_exports8 }
|
|
47948
|
+
typography: { global: global_exports8, semantic: semantic_exports2 }
|
|
47699
47949
|
},
|
|
47700
47950
|
json: {
|
|
47701
47951
|
global: { hex: globalJsonHex, hsl: globalJsonHsl, oklch: globalJsonOklch, rgb: globalJsonRgb },
|
|
@@ -47709,7 +47959,7 @@ var tokens = {
|
|
|
47709
47959
|
space: { global: spaceJsonGlobal },
|
|
47710
47960
|
radius: { global: radiusJsonGlobal },
|
|
47711
47961
|
breakpoints: { global: breakpointsJsonGlobal },
|
|
47712
|
-
typography: { global: typographyJsonGlobal }
|
|
47962
|
+
typography: { global: typographyJsonGlobal, semantic: typographyJsonSemantic }
|
|
47713
47963
|
},
|
|
47714
47964
|
less: {
|
|
47715
47965
|
global: { hex: hex_exports13, hsl: hsl_exports13, oklch: oklch_exports13, rgb: rgb_exports13 },
|
|
@@ -47723,7 +47973,7 @@ var tokens = {
|
|
|
47723
47973
|
space: { global: global_exports9 },
|
|
47724
47974
|
radius: { global: global_exports10 },
|
|
47725
47975
|
breakpoints: { global: global_exports11 },
|
|
47726
|
-
typography: { global: global_exports12 }
|
|
47976
|
+
typography: { global: global_exports12, semantic: semantic_exports3 }
|
|
47727
47977
|
},
|
|
47728
47978
|
scss: {
|
|
47729
47979
|
global: { hex: hex_exports19, hsl: hsl_exports19, oklch: oklch_exports19, rgb: rgb_exports19 },
|
|
@@ -47737,7 +47987,7 @@ var tokens = {
|
|
|
47737
47987
|
space: { global: global_exports13 },
|
|
47738
47988
|
radius: { global: global_exports14 },
|
|
47739
47989
|
breakpoints: { global: global_exports15 },
|
|
47740
|
-
typography: { global: global_exports16 }
|
|
47990
|
+
typography: { global: global_exports16, semantic: semantic_exports4 }
|
|
47741
47991
|
},
|
|
47742
47992
|
tailwind: {
|
|
47743
47993
|
global: { hex: hex_exports25, hsl: hsl_exports25, oklch: oklch_exports25, rgb: rgb_exports25 },
|
|
@@ -47765,7 +48015,7 @@ var tokens = {
|
|
|
47765
48015
|
space: { global: global_exports21 },
|
|
47766
48016
|
radius: { global: global_exports22 },
|
|
47767
48017
|
breakpoints: { global: global_exports23 },
|
|
47768
|
-
typography: { global: global_exports24 }
|
|
48018
|
+
typography: { global: global_exports24, semantic: semantic_exports5 }
|
|
47769
48019
|
}
|
|
47770
48020
|
};
|
|
47771
48021
|
var colorTokens = tokens.colors;
|