@open-inwoner/design-tokens 0.0.14-alpha.4 → 0.0.16

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 (4) hide show
  1. package/dist/_variables.scss +21 -1
  2. package/dist/css/index.css +21 -1
  3. package/package.json +1 -1
  4. package/src/community/denhaag/action.tokens.json +36 -0
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 Oct 2025 13:25:56 GMT
3
+ // Generated on Thu, 23 Oct 2025 13:07:26 GMT
4
4
 
5
5
  $utrecht-unordered-list-marker-color: transparent;
6
6
  $utrecht-unordered-list-item-padding-inline-start: 0;
@@ -192,6 +192,15 @@ $denhaag-side-navigation-row-gap: 30px;
192
192
  $denhaag-side-navigation-min-width: 14.5rem;
193
193
  $denhaag-side-navigation-flex-direction: column;
194
194
  $denhaag-side-navigation-display: flex;
195
+ $denhaag-action-actions-gap: 16px;
196
+ $denhaag-action-lg-gap: 16px;
197
+ $denhaag-action-gap: 8px;
198
+ $denhaag-action-lg-padding-block-end: 16px;
199
+ $denhaag-action-lg-padding-block-start: 16px;
200
+ $denhaag-action-padding-block-end: 12px;
201
+ $denhaag-action-padding-block-start: 12px;
202
+ $denhaag-action-border-width: 1px;
203
+ $denhaag-action-border-style: solid;
195
204
  $oip-utrecht-unordered-list-nested-padding-inline-start: 16px;
196
205
  $oip-utrecht-unordered-list-nested-margin-inline-start: 0;
197
206
  $oip-utrecht-unordered-list-marker-content: none;
@@ -366,6 +375,17 @@ $denhaag-side-navigation-link-hover-color: $oip-color-primary;
366
375
  $denhaag-side-navigation-link-color: $oip-color-fg;
367
376
  $denhaag-side-navigation-item-font-size: $oip-text-font-size;
368
377
  $denhaag-side-navigation-item-font-family: $oip-typography-sans-serif-font-family;
378
+ $denhaag-action-lg-multi-padding-block-end: $denhaag-action-lg-padding-block-end;
379
+ $denhaag-action-lg-multi-padding-block-start: $denhaag-action-lg-padding-block-start;
380
+ $denhaag-action-multi-padding-block-end: $denhaag-action-padding-block-end;
381
+ $denhaag-action-multi-padding-block-start: $denhaag-action-padding-block-start;
382
+ $denhaag-action-lg-single-padding-block-end: $denhaag-action-lg-padding-block-end;
383
+ $denhaag-action-lg-single-padding-block-start: $denhaag-action-lg-padding-block-start;
384
+ $denhaag-action-single-padding-block-end: $denhaag-action-padding-block-end;
385
+ $denhaag-action-single-padding-block-start: $denhaag-action-padding-block-start;
386
+ $denhaag-action-border-color: $oip-color-border;
387
+ $denhaag-action-color: $oip-color-fg;
388
+ $denhaag-action-background-color: $oip-color-bg;
369
389
  $oip-utrecht-paragraph-muted-color: $oip-color-fg-muted;
370
390
  $oip-combobox-icon-color: $oip-color-fg;
371
391
  $oip-combobox-popover-listbox-list-option-selected-icon-color: $oip-color-fg;
package/dist/css/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 07 Oct 2025 13:25:56 GMT
3
+ * Generated on Thu, 23 Oct 2025 13:07:26 GMT
4
4
  */
5
5
 
6
6
  .openinwoner-theme {
@@ -194,6 +194,15 @@
194
194
  --denhaag-side-navigation-min-width: 14.5rem;
195
195
  --denhaag-side-navigation-flex-direction: column;
196
196
  --denhaag-side-navigation-display: flex;
197
+ --denhaag-action-actions-gap: 16px;
198
+ --denhaag-action-lg-gap: 16px;
199
+ --denhaag-action-gap: 8px;
200
+ --denhaag-action-lg-padding-block-end: 16px;
201
+ --denhaag-action-lg-padding-block-start: 16px;
202
+ --denhaag-action-padding-block-end: 12px;
203
+ --denhaag-action-padding-block-start: 12px;
204
+ --denhaag-action-border-width: 1px;
205
+ --denhaag-action-border-style: solid;
197
206
  --oip-utrecht-unordered-list-nested-padding-inline-start: 16px;
198
207
  --oip-utrecht-unordered-list-nested-margin-inline-start: 0;
199
208
  --oip-utrecht-unordered-list-marker-content: none;
@@ -368,6 +377,17 @@
368
377
  --denhaag-side-navigation-link-color: var(--oip-color-fg);
369
378
  --denhaag-side-navigation-item-font-size: var(--oip-text-font-size);
370
379
  --denhaag-side-navigation-item-font-family: var(--oip-typography-sans-serif-font-family);
380
+ --denhaag-action-lg-multi-padding-block-end: var(--denhaag-action-lg-padding-block-end);
381
+ --denhaag-action-lg-multi-padding-block-start: var(--denhaag-action-lg-padding-block-start);
382
+ --denhaag-action-multi-padding-block-end: var(--denhaag-action-padding-block-end);
383
+ --denhaag-action-multi-padding-block-start: var(--denhaag-action-padding-block-start);
384
+ --denhaag-action-lg-single-padding-block-end: var(--denhaag-action-lg-padding-block-end);
385
+ --denhaag-action-lg-single-padding-block-start: var(--denhaag-action-lg-padding-block-start);
386
+ --denhaag-action-single-padding-block-end: var(--denhaag-action-padding-block-end);
387
+ --denhaag-action-single-padding-block-start: var(--denhaag-action-padding-block-start);
388
+ --denhaag-action-border-color: var(--oip-color-border);
389
+ --denhaag-action-color: var(--oip-color-fg);
390
+ --denhaag-action-background-color: var(--oip-color-bg);
371
391
  --oip-utrecht-paragraph-muted-color: var(--oip-color-fg-muted);
372
392
  --oip-combobox-icon-color: var(--oip-color-fg);
373
393
  --oip-combobox-popover-listbox-list-option-selected-icon-color: var(--oip-color-fg);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@open-inwoner/design-tokens",
3
- "version": "0.0.14-alpha.4",
3
+ "version": "0.0.16",
4
4
  "description": "Design tokens for Open Inwoner",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/src/community/denhaag/action.tokens.json ADDED
@@ -0,0 +1,36 @@
1
+ {
2
+ "denhaag": {
3
+ "action": {
4
+ "background-color": {"value": "{oip.color.bg}"},
5
+ "color": {"value": "{oip.color.fg}"},
6
+ "border-color": {"value": "{oip.color.border}"},
7
+ "border-style": {"value": "solid"},
8
+ "border-width": {"value": "1px"},
9
+ "padding-block-start": {"value": "12px"},
10
+ "padding-block-end": {"value": "12px"},
11
+ "lg": {
12
+ "padding-block-start": {"value": "16px"},
13
+ "padding-block-end": {"value": "16px"}
14
+ },
15
+ "single": {
16
+ "padding-block-start": {"value": "{denhaag.action.padding-block-start}"},
17
+ "padding-block-end": {"value": "{denhaag.action.padding-block-end}"}
18
+ },
19
+ "lg-single": {
20
+ "padding-block-start": {"value": "{denhaag.action.lg.padding-block-start}"},
21
+ "padding-block-end": {"value": "{denhaag.action.lg.padding-block-end}"}
22
+ },
23
+ "multi": {
24
+ "padding-block-start": {"value": "{denhaag.action.padding-block-start}"},
25
+ "padding-block-end": {"value": "{denhaag.action.padding-block-end}"}
26
+ },
27
+ "lg-multi": {
28
+ "padding-block-start": {"value": "{denhaag.action.lg.padding-block-start}"},
29
+ "padding-block-end": {"value": "{denhaag.action.lg.padding-block-end}"}
30
+ },
31
+ "gap": {"value": "8px"},
32
+ "lg-gap": {"value": "16px"},
33
+ "actions-gap": {"value": "16px"}
34
+ }
35
+ }
36
+ }