@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 +8 -0
- package/dist/compact.css +1 -1
- package/dist/compact.d.ts +1 -1
- package/dist/compact.mjs +1 -1
- package/dist/compact.scss +1 -1
- package/dist/compact.theme.css +1 -1
- package/dist/index.css +5 -6
- package/dist/index.d.ts +1 -4
- package/dist/index.json +15 -18
- package/dist/index.mjs +16 -17
- package/dist/index.scss +5 -6
- package/dist/index.theme.css +5 -6
- package/package.json +1 -1
- package/src/brand/amsterdam/space.tokens.json +4 -4
- package/src/components/amsterdam/button.tokens.json +0 -3
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
package/dist/compact.d.ts
CHANGED
package/dist/compact.mjs
CHANGED
package/dist/compact.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
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);
|
package/dist/compact.theme.css
CHANGED
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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: .
|
|
114
|
-
--amsterdam-space-stack-xs: .
|
|
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: .
|
|
119
|
-
--amsterdam-space-inside-xs: .
|
|
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
|
|
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": ".
|
|
38
|
-
"sm": ".
|
|
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": ".
|
|
45
|
-
"sm": ".
|
|
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": ".
|
|
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": ".
|
|
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": ".
|
|
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": ".
|
|
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": ".
|
|
834
|
-
"sm": ".
|
|
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": ".
|
|
857
|
-
"padding-inline": ".
|
|
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": ".
|
|
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": ".
|
|
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": ".
|
|
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
|
|
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 = ".
|
|
33
|
-
export const amsterdamSpaceInsideSm = ".
|
|
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 = ".
|
|
38
|
-
export const amsterdamSpaceStackSm = ".
|
|
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 = ".
|
|
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 = ".
|
|
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 = ".
|
|
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 = ".
|
|
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 = ".
|
|
441
|
-
export const amsterdamRowGapSm = ".
|
|
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 = ".
|
|
452
|
-
export const amsterdamSearchFieldButtonPaddingInline = ".
|
|
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 = ".
|
|
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 = ".
|
|
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 = ".
|
|
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
|
|
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: .
|
|
112
|
-
$amsterdam-space-stack-xs: .
|
|
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: .
|
|
117
|
-
$amsterdam-space-inside-xs: .
|
|
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;
|
package/dist/index.theme.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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: .
|
|
114
|
-
--amsterdam-space-stack-xs: .
|
|
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: .
|
|
119
|
-
--amsterdam-space-inside-xs: .
|
|
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
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
"xl": { "value": "clamp(2rem, calc(6.25vw + 0.75rem), 7rem)" }
|
|
13
13
|
},
|
|
14
14
|
"inside": {
|
|
15
|
-
"xs": { "value": ".
|
|
16
|
-
"sm": { "value": ".
|
|
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": ".
|
|
23
|
-
"sm": { "value": ".
|
|
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
|
},
|