@nswds/tokens 4.0.0 → 4.1.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.
Files changed (13) hide show
  1. package/dist/css/colors/semantic/hex.dark.css +1 -1
  2. package/dist/css/colors/semantic/hsl.dark.css +1 -1
  3. package/dist/css/colors/semantic/oklch.dark.css +1 -1
  4. package/dist/css/colors/semantic/rgb.dark.css +1 -1
  5. package/dist/css/shadow/global.css +4 -4
  6. package/dist/index.cjs +7 -7
  7. package/dist/index.cjs.map +1 -1
  8. package/dist/index.js +7 -7
  9. package/dist/index.js.map +1 -1
  10. package/dist/less/shadow/global.less +4 -4
  11. package/dist/scss/shadow/global.scss +4 -4
  12. package/dist/tokens/global/shadow/canonical.json +4 -4
  13. package/package.json +9 -2
package/dist/less/shadow/global.less CHANGED
@@ -4,7 +4,7 @@
4
4
  @shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha — the faintest elevation tint. Step name is the alpha percentage.
5
5
  @shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha — the standard elevation tint. Step name is the alpha percentage.
6
6
  @shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha — strong elevation for overlays/modals. Step name is the alpha percentage.
7
- @shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation — cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.
8
- @shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.
9
- @shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.
10
- @shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.
7
+ @shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation — cards and raised controls (Tailwind shadow-sm geometry).
8
+ @shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry).
9
+ @shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry).
10
+ @shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry).
package/dist/scss/shadow/global.scss CHANGED
@@ -4,7 +4,7 @@ $box-shadow-thicker: inset 0 0 0 0.25rem; // Thicker inset ring (inset 0 0 0 bor
4
4
  $shadow-color-5: rgb(0 0 0 / 0.05); // Shadow black at 5% alpha — the faintest elevation tint. Step name is the alpha percentage.
5
5
  $shadow-color-10: rgb(0 0 0 / 0.1); // Shadow black at 10% alpha — the standard elevation tint. Step name is the alpha percentage.
6
6
  $shadow-color-25: rgb(0 0 0 / 0.25); // Shadow black at 25% alpha — strong elevation for overlays/modals. Step name is the alpha percentage.
7
- $shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation — cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.
8
- $shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.
9
- $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.
10
- $shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.
7
+ $shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); // Small elevation — cards and raised controls (Tailwind shadow-sm geometry).
8
+ $shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry).
9
+ $shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); // Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry).
10
+ $shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); // Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry).
package/dist/tokens/global/shadow/canonical.json CHANGED
@@ -108,7 +108,7 @@
108
108
  "shadow": {
109
109
  "sm": {
110
110
  "$type": "shadow",
111
- "$description": "Small elevation — cards and raised controls (Tailwind shadow-sm geometry). DRAFT pending design review.",
111
+ "$description": "Small elevation — cards and raised controls (Tailwind shadow-sm geometry).",
112
112
  "$value": [
113
113
  {
114
114
  "offsetX": {
@@ -152,7 +152,7 @@
152
152
  },
153
153
  "md": {
154
154
  "$type": "shadow",
155
- "$description": "Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry). DRAFT pending design review.",
155
+ "$description": "Medium elevation — dropdowns and popovers (Tailwind shadow-md geometry).",
156
156
  "$value": [
157
157
  {
158
158
  "offsetX": {
@@ -196,7 +196,7 @@
196
196
  },
197
197
  "lg": {
198
198
  "$type": "shadow",
199
- "$description": "Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry). DRAFT pending design review.",
199
+ "$description": "Large elevation — dialogs and floating panels (Tailwind shadow-lg geometry).",
200
200
  "$value": [
201
201
  {
202
202
  "offsetX": {
@@ -240,7 +240,7 @@
240
240
  },
241
241
  "xl": {
242
242
  "$type": "shadow",
243
- "$description": "Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry). DRAFT pending design review.",
243
+ "$description": "Extra-large elevation — modals and full overlays (Tailwind shadow-xl geometry).",
244
244
  "$value": [
245
245
  {
246
246
  "offsetX": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nswds/tokens",
3
- "version": "4.0.0",
3
+ "version": "4.1.0",
4
4
  "description": "Design tokens for NSW Government digital products, providing colour tokens, theme outputs, and brand assets for use across CSS, SCSS, Less, JavaScript, TypeScript, JSON, Tailwind, Figma, and DTCG-compatible workflows.",
5
5
  "license": "MPL-2.0",
6
6
  "keywords": [
@@ -46,7 +46,14 @@
46
46
  "build:canonical": "node scripts/build-canonical.mjs",
47
47
  "test:tokens": "vitest run --globals",
48
48
  "sync-tokens-to-figma": "tsx scripts/sync_tokens_to_figma.ts",
49
- "sync-figma-to-tokens": "tsx scripts/sync_figma_to_tokens.ts"
49
+ "sync-figma-to-tokens": "tsx scripts/sync_figma_to_tokens.ts",
50
+ "snyk:check": "bash -lc 'npm exec --yes --package snyk@latest -- snyk test --all-projects --exclude=fixtures,.next --json-file-output=snyk-analysis.json; code=$?; if [ $code -eq 0 ] || [ $code -eq 1 ]; then exit 0; fi; exit $code'",
51
+ "snyk:monitor": "npm exec --yes --package snyk@latest -- snyk monitor --all-projects --exclude=fixtures,.next",
52
+ "branch:create": "scripts/create-branch.sh",
53
+ "branch:suggest": "scripts/suggest-branch-name.sh",
54
+ "branch:suggest:create": "scripts/suggest-branch-name.sh --create",
55
+ "commit": "scripts/git-commit.sh",
56
+ "pr": "scripts/pull-request.sh"
50
57
  },
51
58
  "tsup": {
52
59
  "entry": [