@amsterdam/design-system-tokens 0.6.0 → 0.6.1

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/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.6.1](https://github.com/Amsterdam/design-system/compare/design-system-tokens-v0.6.0...design-system-tokens-v0.6.1) (2024-03-11)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * Button fixes ([#1122](https://github.com/Amsterdam/design-system/issues/1122)) ([b5a9504](https://github.com/Amsterdam/design-system/commit/b5a950491f46710d92526ce6012f7d76992a569f))
12
+ * Fix small space token lengths ([#1126](https://github.com/Amsterdam/design-system/issues/1126)) ([d9111dc](https://github.com/Amsterdam/design-system/commit/d9111dc99a41f399e892a9da994b74efdad53d97))
13
+
6
14
  ## [0.6.0](https://github.com/Amsterdam/design-system/compare/design-system-tokens-v0.5.1...design-system-tokens-v0.6.0) (2024-03-08)
7
15
 
8
16
 
package/dist/compact.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/compact.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
package/dist/compact.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
  */
5
5
 
6
6
  export const amsterdamSpaceGridXs = "clamp(0.25rem, calc(0.390625vw - 0.015625rem), 0.625rem)";
package/dist/compact.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ // Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
 
5
5
  $amsterdam-typography-text-level-6-font-size: clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem);
6
6
  $amsterdam-typography-text-level-5-font-size: clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
  */
5
5
 
6
6
  .amsterdam-theme--compact {
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:30 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -110,13 +110,13 @@
110
110
  --amsterdam-space-stack-xl: 2rem;
111
111
  --amsterdam-space-stack-lg: 1.5rem;
112
112
  --amsterdam-space-stack-md: 1rem;
113
- --amsterdam-space-stack-sm: .5rem;
114
- --amsterdam-space-stack-xs: .25rem;
113
+ --amsterdam-space-stack-sm: .75rem;
114
+ --amsterdam-space-stack-xs: .5rem;
115
115
  --amsterdam-space-inside-xl: 2rem;
116
116
  --amsterdam-space-inside-lg: 1.5rem;
117
117
  --amsterdam-space-inside-md: 1rem;
118
- --amsterdam-space-inside-sm: .5rem;
119
- --amsterdam-space-inside-xs: .25rem;
118
+ --amsterdam-space-inside-sm: .75rem;
119
+ --amsterdam-space-inside-xs: .5rem;
120
120
  --amsterdam-space-grid-xl: clamp(2rem, calc(6.25vw + 0.75rem), 7rem);
121
121
  --amsterdam-space-grid-lg: clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem);
122
122
  --amsterdam-space-grid-md: clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem); /* Grows from 16px at 320px wide to 56px at 1600px wide. */
@@ -489,7 +489,6 @@
489
489
  --amsterdam-button-primary-box-shadow: inset 0 0 0 2px var(--amsterdam-color-primary-blue);
490
490
  --amsterdam-button-primary-background-color: var(--amsterdam-color-primary-blue);
491
491
  --amsterdam-button-disabled-cursor: var(--amsterdam-action-disabled-cursor);
492
- --amsterdam-button-busy-cursor: var(--amsterdam-action-busy-cursor);
493
492
  --amsterdam-button-outline-offset: var(--amsterdam-focus-outline-offset);
494
493
  --amsterdam-button-padding-inline: var(--amsterdam-space-inside-md);
495
494
  --amsterdam-button-padding-block: var(--amsterdam-space-inside-xs);
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -298,9 +298,6 @@ declare const tokens: {
298
298
  "padding-block": DesignToken,
299
299
  "padding-inline": DesignToken,
300
300
  "outline-offset": DesignToken,
301
- "busy": {
302
- "cursor": DesignToken
303
- },
304
301
  "disabled": {
305
302
  "cursor": DesignToken
306
303
  },
package/dist/index.json CHANGED
@@ -34,15 +34,15 @@
34
34
  "xl": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)"
35
35
  },
36
36
  "inside": {
37
- "xs": ".25rem",
38
- "sm": ".5rem",
37
+ "xs": ".5rem",
38
+ "sm": ".75rem",
39
39
  "md": "1rem",
40
40
  "lg": "1.5rem",
41
41
  "xl": "2rem"
42
42
  },
43
43
  "stack": {
44
- "xs": ".25rem",
45
- "sm": ".5rem",
44
+ "xs": ".5rem",
45
+ "sm": ".75rem",
46
46
  "md": "1rem",
47
47
  "lg": "1.5rem",
48
48
  "xl": "2rem"
@@ -152,7 +152,7 @@
152
152
  "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
153
153
  "font-weight": 800,
154
154
  "line-height": "1.6",
155
- "padding-block": ".5rem",
155
+ "padding-block": ".75rem",
156
156
  "padding-inline": "1rem",
157
157
  "focus": {
158
158
  "outline-offset": "2px"
@@ -204,7 +204,7 @@
204
204
  "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
205
205
  "font-weight": 800,
206
206
  "line-height": "1.6",
207
- "padding-inline": ".25rem",
207
+ "padding-inline": ".5rem",
208
208
  "blue": {
209
209
  "background-color": "#009DE6",
210
210
  "color": "#000000"
@@ -272,12 +272,9 @@
272
272
  "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
273
273
  "line-height": "1.6",
274
274
  "gap": "1rem",
275
- "padding-block": ".25rem",
275
+ "padding-block": ".5rem",
276
276
  "padding-inline": "1rem",
277
277
  "outline-offset": "2px",
278
- "busy": {
279
- "cursor": "wait"
280
- },
281
278
  "disabled": {
282
279
  "cursor": "not-allowed"
283
280
  },
@@ -750,7 +747,7 @@
750
747
  "line-height": "1.6",
751
748
  "button": {
752
749
  "outline-offset": "2px",
753
- "padding-inline": ".5rem",
750
+ "padding-inline": ".75rem",
754
751
  "text-decoration-line": "none",
755
752
  "text-decoration-thickness": "0.125rem",
756
753
  "text-underline-offset": "0.375rem",
@@ -830,8 +827,8 @@
830
827
  },
831
828
  "row": {
832
829
  "gap": {
833
- "xs": ".25rem",
834
- "sm": ".5rem",
830
+ "xs": ".5rem",
831
+ "sm": ".75rem",
835
832
  "md": "1rem",
836
833
  "lg": "1.5rem",
837
834
  "xl": "2rem"
@@ -853,8 +850,8 @@
853
850
  "hover": {
854
851
  "background-color": "#102E62"
855
852
  },
856
- "padding-block": ".25rem",
857
- "padding-inline": ".25rem"
853
+ "padding-block": ".5rem",
854
+ "padding-inline": ".5rem"
858
855
  },
859
856
  "input": {
860
857
  "box-shadow": "inset 0 0 0 1px #000000",
@@ -864,7 +861,7 @@
864
861
  "font-weight": 400,
865
862
  "line-height": "1.6",
866
863
  "outline-offset": "2px",
867
- "padding-block": ".25rem",
864
+ "padding-block": ".5rem",
868
865
  "padding-inline": "1rem",
869
866
  "cancel-button": {
870
867
  "background-image": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")",
@@ -888,7 +885,7 @@
888
885
  "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
889
886
  "line-height": "1.6",
890
887
  "outline-offset": "2px",
891
- "padding-block": ".25rem",
888
+ "padding-block": ".5rem",
892
889
  "padding-inline": "1rem",
893
890
  "hover": {
894
891
  "background-color": "#102E62"
@@ -1026,7 +1023,7 @@
1026
1023
  "font-weight": 400,
1027
1024
  "line-height": "1.6",
1028
1025
  "outline-offset": "2px",
1029
- "padding-block": ".25rem",
1026
+ "padding-block": ".5rem",
1030
1027
  "padding-inline": "1rem",
1031
1028
  "disabled": {
1032
1029
  "background-color": "#FFFFFF",
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
  */
5
5
 
6
6
  export const amsterdamColorPrimaryBlack = "#000000";
@@ -29,13 +29,13 @@ export const amsterdamSpaceGridSm = "clamp(0.5rem, calc(1.5625vw + 0.1875rem), 1
29
29
  export const amsterdamSpaceGridMd = "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)"; // Grows from 16px at 320px wide to 56px at 1600px wide.
30
30
  export const amsterdamSpaceGridLg = "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)";
31
31
  export const amsterdamSpaceGridXl = "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)";
32
- export const amsterdamSpaceInsideXs = ".25rem";
33
- export const amsterdamSpaceInsideSm = ".5rem";
32
+ export const amsterdamSpaceInsideXs = ".5rem";
33
+ export const amsterdamSpaceInsideSm = ".75rem";
34
34
  export const amsterdamSpaceInsideMd = "1rem";
35
35
  export const amsterdamSpaceInsideLg = "1.5rem";
36
36
  export const amsterdamSpaceInsideXl = "2rem";
37
- export const amsterdamSpaceStackXs = ".25rem";
38
- export const amsterdamSpaceStackSm = ".5rem";
37
+ export const amsterdamSpaceStackXs = ".5rem";
38
+ export const amsterdamSpaceStackSm = ".75rem";
39
39
  export const amsterdamSpaceStackMd = "1rem";
40
40
  export const amsterdamSpaceStackLg = "1.5rem";
41
41
  export const amsterdamSpaceStackXl = "2rem";
@@ -85,7 +85,7 @@ export const amsterdamAccordionButtonFontFamily = "'Amsterdam Sans', Arial, sans
85
85
  export const amsterdamAccordionButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
86
86
  export const amsterdamAccordionButtonFontWeight = 800;
87
87
  export const amsterdamAccordionButtonLineHeight = "1.6";
88
- export const amsterdamAccordionButtonPaddingBlock = ".5rem";
88
+ export const amsterdamAccordionButtonPaddingBlock = ".75rem";
89
89
  export const amsterdamAccordionButtonPaddingInline = "1rem";
90
90
  export const amsterdamAccordionButtonFocusOutlineOffset = "2px";
91
91
  export const amsterdamAccordionButtonHoverBoxShadow = "inset 0 0 0 2px #767676";
@@ -112,7 +112,7 @@ export const amsterdamBadgeFontFamily = "'Amsterdam Sans', Arial, sans-serif";
112
112
  export const amsterdamBadgeFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
113
113
  export const amsterdamBadgeFontWeight = 800;
114
114
  export const amsterdamBadgeLineHeight = "1.6";
115
- export const amsterdamBadgePaddingInline = ".25rem";
115
+ export const amsterdamBadgePaddingInline = ".5rem";
116
116
  export const amsterdamBadgeBlueBackgroundColor = "#009DE6";
117
117
  export const amsterdamBadgeBlueColor = "#000000";
118
118
  export const amsterdamBadgeDarkBlueBackgroundColor = "#004699";
@@ -152,10 +152,9 @@ export const amsterdamButtonFontFamily = "'Amsterdam Sans', Arial, sans-serif";
152
152
  export const amsterdamButtonFontSize = "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)";
153
153
  export const amsterdamButtonLineHeight = "1.6";
154
154
  export const amsterdamButtonGap = "1rem";
155
- export const amsterdamButtonPaddingBlock = ".25rem";
155
+ export const amsterdamButtonPaddingBlock = ".5rem";
156
156
  export const amsterdamButtonPaddingInline = "1rem";
157
157
  export const amsterdamButtonOutlineOffset = "2px";
158
- export const amsterdamButtonBusyCursor = "wait";
159
158
  export const amsterdamButtonDisabledCursor = "not-allowed";
160
159
  export const amsterdamButtonPrimaryBackgroundColor = "#004699";
161
160
  export const amsterdamButtonPrimaryBoxShadow = "inset 0 0 0 2px #004699";
@@ -401,7 +400,7 @@ export const amsterdamPaginationFontSize = "clamp(1.125rem, calc(0.469vw + 1.031
401
400
  export const amsterdamPaginationFontWeight = 400;
402
401
  export const amsterdamPaginationLineHeight = "1.6";
403
402
  export const amsterdamPaginationButtonOutlineOffset = "2px";
404
- export const amsterdamPaginationButtonPaddingInline = ".5rem";
403
+ export const amsterdamPaginationButtonPaddingInline = ".75rem";
405
404
  export const amsterdamPaginationButtonTextDecorationLine = "none";
406
405
  export const amsterdamPaginationButtonTextDecorationThickness = "0.125rem";
407
406
  export const amsterdamPaginationButtonTextUnderlineOffset = "0.375rem";
@@ -437,8 +436,8 @@ export const amsterdamRadioCircleInvalidCheckedHoverBackgroundImage = "url(\"dat
437
436
  export const amsterdamRadioCircleInvalidHoverBorderColor = "#EC0000";
438
437
  export const amsterdamRadioDisabledColor = "#767676";
439
438
  export const amsterdamRadioHoverColor = "#102E62";
440
- export const amsterdamRowGapXs = ".25rem";
441
- export const amsterdamRowGapSm = ".5rem";
439
+ export const amsterdamRowGapXs = ".5rem";
440
+ export const amsterdamRowGapSm = ".75rem";
442
441
  export const amsterdamRowGapMd = "1rem";
443
442
  export const amsterdamRowGapLg = "1.5rem";
444
443
  export const amsterdamRowGapXl = "2rem";
@@ -448,8 +447,8 @@ export const amsterdamSearchFieldButtonBackgroundColor = "#004699";
448
447
  export const amsterdamSearchFieldButtonColor = "#FFFFFF";
449
448
  export const amsterdamSearchFieldButtonOutlineOffset = "2px";
450
449
  export const amsterdamSearchFieldButtonHoverBackgroundColor = "#102E62";
451
- export const amsterdamSearchFieldButtonPaddingBlock = ".25rem";
452
- export const amsterdamSearchFieldButtonPaddingInline = ".25rem";
450
+ export const amsterdamSearchFieldButtonPaddingBlock = ".5rem";
451
+ export const amsterdamSearchFieldButtonPaddingInline = ".5rem";
453
452
  export const amsterdamSearchFieldInputBoxShadow = "inset 0 0 0 1px #000000";
454
453
  export const amsterdamSearchFieldInputColor = "#000000";
455
454
  export const amsterdamSearchFieldInputFontFamily = "'Amsterdam Sans', Arial, sans-serif";
@@ -457,7 +456,7 @@ export const amsterdamSearchFieldInputFontSize = "clamp(0.964rem, calc(0.295vw +
457
456
  export const amsterdamSearchFieldInputFontWeight = 400;
458
457
  export const amsterdamSearchFieldInputLineHeight = "1.6";
459
458
  export const amsterdamSearchFieldInputOutlineOffset = "2px";
460
- export const amsterdamSearchFieldInputPaddingBlock = ".25rem";
459
+ export const amsterdamSearchFieldInputPaddingBlock = ".5rem";
461
460
  export const amsterdamSearchFieldInputPaddingInline = "1rem";
462
461
  export const amsterdamSearchFieldInputCancelButtonBackgroundImage = "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")";
463
462
  export const amsterdamSearchFieldInputCancelButtonColor = "#004699";
@@ -472,7 +471,7 @@ export const amsterdamSkipLinkFontWeight = 400;
472
471
  export const amsterdamSkipLinkFontSize = "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)";
473
472
  export const amsterdamSkipLinkLineHeight = "1.6";
474
473
  export const amsterdamSkipLinkOutlineOffset = "2px";
475
- export const amsterdamSkipLinkPaddingBlock = ".25rem";
474
+ export const amsterdamSkipLinkPaddingBlock = ".5rem";
476
475
  export const amsterdamSkipLinkPaddingInline = "1rem";
477
476
  export const amsterdamSkipLinkHoverBackgroundColor = "#102E62";
478
477
  export const amsterdamSpotlightBlueBackgroundColor = "#009DE6";
@@ -546,7 +545,7 @@ export const amsterdamTextInputFontSize = "clamp(0.964rem, calc(0.295vw + 0.905r
546
545
  export const amsterdamTextInputFontWeight = 400;
547
546
  export const amsterdamTextInputLineHeight = "1.6";
548
547
  export const amsterdamTextInputOutlineOffset = "2px";
549
- export const amsterdamTextInputPaddingBlock = ".25rem";
548
+ export const amsterdamTextInputPaddingBlock = ".5rem";
550
549
  export const amsterdamTextInputPaddingInline = "1rem";
551
550
  export const amsterdamTextInputDisabledBackgroundColor = "#FFFFFF";
552
551
  export const amsterdamTextInputDisabledBoxShadow = "inset 0 0 0 1px #BEBEBE";
package/dist/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ // Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
 
5
5
  $amsterdam-unordered-list-unordered-list-item-padding-inline-start: 0.875rem; // The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem.
6
6
  $amsterdam-unordered-list-unordered-list-item-margin-inline-start: 0.875rem; // Indent less than the parent to start-align the child’s marker with the parent text.
@@ -108,13 +108,13 @@ $amsterdam-typography-font-family: 'Amsterdam Sans', Arial, sans-serif;
108
108
  $amsterdam-space-stack-xl: 2rem;
109
109
  $amsterdam-space-stack-lg: 1.5rem;
110
110
  $amsterdam-space-stack-md: 1rem;
111
- $amsterdam-space-stack-sm: .5rem;
112
- $amsterdam-space-stack-xs: .25rem;
111
+ $amsterdam-space-stack-sm: .75rem;
112
+ $amsterdam-space-stack-xs: .5rem;
113
113
  $amsterdam-space-inside-xl: 2rem;
114
114
  $amsterdam-space-inside-lg: 1.5rem;
115
115
  $amsterdam-space-inside-md: 1rem;
116
- $amsterdam-space-inside-sm: .5rem;
117
- $amsterdam-space-inside-xs: .25rem;
116
+ $amsterdam-space-inside-sm: .75rem;
117
+ $amsterdam-space-inside-xs: .5rem;
118
118
  $amsterdam-space-grid-xl: clamp(2rem, calc(6.25vw + 0.75rem), 7rem);
119
119
  $amsterdam-space-grid-lg: clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem);
120
120
  $amsterdam-space-grid-md: clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem); // Grows from 16px at 320px wide to 56px at 1600px wide.
@@ -487,7 +487,6 @@ $amsterdam-button-primary-color: $amsterdam-color-primary-white;
487
487
  $amsterdam-button-primary-box-shadow: inset 0 0 0 2px $amsterdam-color-primary-blue;
488
488
  $amsterdam-button-primary-background-color: $amsterdam-color-primary-blue;
489
489
  $amsterdam-button-disabled-cursor: $amsterdam-action-disabled-cursor;
490
- $amsterdam-button-busy-cursor: $amsterdam-action-busy-cursor;
491
490
  $amsterdam-button-outline-offset: $amsterdam-focus-outline-offset;
492
491
  $amsterdam-button-padding-inline: $amsterdam-space-inside-md;
493
492
  $amsterdam-button-padding-block: $amsterdam-space-inside-xs;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Mar 2024 13:00:06 GMT
3
+ * Generated on Mon, 11 Mar 2024 17:19:31 GMT
4
4
  */
5
5
 
6
6
  .amsterdam-theme {
@@ -110,13 +110,13 @@
110
110
  --amsterdam-space-stack-xl: 2rem;
111
111
  --amsterdam-space-stack-lg: 1.5rem;
112
112
  --amsterdam-space-stack-md: 1rem;
113
- --amsterdam-space-stack-sm: .5rem;
114
- --amsterdam-space-stack-xs: .25rem;
113
+ --amsterdam-space-stack-sm: .75rem;
114
+ --amsterdam-space-stack-xs: .5rem;
115
115
  --amsterdam-space-inside-xl: 2rem;
116
116
  --amsterdam-space-inside-lg: 1.5rem;
117
117
  --amsterdam-space-inside-md: 1rem;
118
- --amsterdam-space-inside-sm: .5rem;
119
- --amsterdam-space-inside-xs: .25rem;
118
+ --amsterdam-space-inside-sm: .75rem;
119
+ --amsterdam-space-inside-xs: .5rem;
120
120
  --amsterdam-space-grid-xl: clamp(2rem, calc(6.25vw + 0.75rem), 7rem);
121
121
  --amsterdam-space-grid-lg: clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem);
122
122
  --amsterdam-space-grid-md: clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem); /* Grows from 16px at 320px wide to 56px at 1600px wide. */
@@ -489,7 +489,6 @@
489
489
  --amsterdam-button-primary-box-shadow: inset 0 0 0 2px var(--amsterdam-color-primary-blue);
490
490
  --amsterdam-button-primary-background-color: var(--amsterdam-color-primary-blue);
491
491
  --amsterdam-button-disabled-cursor: var(--amsterdam-action-disabled-cursor);
492
- --amsterdam-button-busy-cursor: var(--amsterdam-action-busy-cursor);
493
492
  --amsterdam-button-outline-offset: var(--amsterdam-focus-outline-offset);
494
493
  --amsterdam-button-padding-inline: var(--amsterdam-space-inside-md);
495
494
  --amsterdam-button-padding-block: var(--amsterdam-space-inside-xs);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.6.0",
2
+ "version": "0.6.1",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Design tokens for components for the City of Amsterdam based on the NL Design System architecture",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
@@ -12,15 +12,15 @@
12
12
  "xl": { "value": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)" }
13
13
  },
14
14
  "inside": {
15
- "xs": { "value": ".25rem" },
16
- "sm": { "value": ".5rem" },
15
+ "xs": { "value": ".5rem" },
16
+ "sm": { "value": ".75rem" },
17
17
  "md": { "value": "1rem" },
18
18
  "lg": { "value": "1.5rem" },
19
19
  "xl": { "value": "2rem" }
20
20
  },
21
21
  "stack": {
22
- "xs": { "value": ".25rem" },
23
- "sm": { "value": ".5rem" },
22
+ "xs": { "value": ".5rem" },
23
+ "sm": { "value": ".75rem" },
24
24
  "md": { "value": "1rem" },
25
25
  "lg": { "value": "1.5rem" },
26
26
  "xl": { "value": "2rem" }
@@ -9,9 +9,6 @@
9
9
  "padding-block": { "value": "{amsterdam.space.inside.xs}" },
10
10
  "padding-inline": { "value": "{amsterdam.space.inside.md}" },
11
11
  "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
12
- "busy": {
13
- "cursor": { "value": "{amsterdam.action.busy.cursor}" }
14
- },
15
12
  "disabled": {
16
13
  "cursor": { "value": "{amsterdam.action.disabled.cursor}" }
17
14
  },