@utrecht/component-library-css 1.0.0-alpha.207 → 1.0.0-alpha.208

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 (5) hide show
  1. package/dist/bem.css +34 -0
  2. package/dist/index.css +35 -1
  3. package/dist/root-theme.css +1 -1
  4. package/package.json +3 -3
  5. package/src/bem.scss +1 -0
package/dist/bem.css CHANGED
@@ -426,6 +426,40 @@ ol.utrecht-breadcrumb__list {
426
426
  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
427
427
  }
428
428
 
429
+ /**
430
+ * @license EUPL-1.2
431
+ * Copyright (c) 2022 Frameless B.V.
432
+ */
433
+ .utrecht-button-group {
434
+ background-color: var(--utrecht-button-group-background-color);
435
+ display: flex;
436
+ min-block-size: var(--utrecht-button-block-size);
437
+ padding-block-end: var(--utrecht-button-group-padding-block-end);
438
+ padding-block-start: var(--utrecht-button-group-padding-block-start);
439
+ }
440
+
441
+ .utrecht-button-group--distance {
442
+ margin-block-end: var(--utrecht-button-group-margin-block-end);
443
+ margin-block-start: var(--utrecht-button-group-margin-block-start);
444
+ }
445
+
446
+ .utrecht-button-group,
447
+ .utrecht-button-group--horizontal {
448
+ gap: var(--utrecht-button-group-inline-gap, 1em);
449
+ }
450
+
451
+ .utrecht-button-group__button-link--horizontal,
452
+ .utrecht-button-group--horizontal .utrecht-button-link,
453
+ .utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link {
454
+ --utrecht-button-padding-inline-end: 0;
455
+ --utrecht-button-padding-inline-start: 0;
456
+ }
457
+
458
+ .utrecht-button-group--vertical {
459
+ flex-direction: column;
460
+ gap: var(--utrecht-button-group-block-gap, 1em);
461
+ }
462
+
429
463
  /**
430
464
  * @license EUPL-1.2
431
465
  * Copyright (c) 2021 Robbert Broersma
package/dist/index.css CHANGED
@@ -463,6 +463,40 @@ ol.utrecht-breadcrumb__list {
463
463
  transform: scale(var(--utrecht-button-focus-transform-scale, 1));
464
464
  }
465
465
 
466
+ /**
467
+ * @license EUPL-1.2
468
+ * Copyright (c) 2022 Frameless B.V.
469
+ */
470
+ .utrecht-button-group {
471
+ background-color: var(--utrecht-button-group-background-color);
472
+ display: flex;
473
+ min-block-size: var(--utrecht-button-block-size);
474
+ padding-block-end: var(--utrecht-button-group-padding-block-end);
475
+ padding-block-start: var(--utrecht-button-group-padding-block-start);
476
+ }
477
+
478
+ .utrecht-button-group--distance {
479
+ margin-block-end: var(--utrecht-button-group-margin-block-end);
480
+ margin-block-start: var(--utrecht-button-group-margin-block-start);
481
+ }
482
+
483
+ .utrecht-button-group,
484
+ .utrecht-button-group--horizontal {
485
+ gap: var(--utrecht-button-group-inline-gap, 1em);
486
+ }
487
+
488
+ .utrecht-button-group__button-link--horizontal,
489
+ .utrecht-button-group--horizontal .utrecht-button-link,
490
+ .utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link {
491
+ --utrecht-button-padding-inline-end: 0;
492
+ --utrecht-button-padding-inline-start: 0;
493
+ }
494
+
495
+ .utrecht-button-group--vertical {
496
+ flex-direction: column;
497
+ gap: var(--utrecht-button-group-block-gap, 1em);
498
+ }
499
+
466
500
  /**
467
501
  * @license EUPL-1.2
468
502
  * Copyright (c) 2021 Robbert Broersma
@@ -5200,7 +5234,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5200
5234
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5201
5235
  /**
5202
5236
  * Do not edit directly
5203
- * Generated on Sat, 14 May 2022 11:25:18 GMT
5237
+ * Generated on Sat, 14 May 2022 12:04:02 GMT
5204
5238
  */
5205
5239
  .utrecht-theme {
5206
5240
  --denhaag-process-steps-sub-step-heading-font-weight: utrecht.typography.weight-scale.normal.font-weight;
package/dist/root-theme.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Sat, 14 May 2022 11:25:18 GMT
8
+ * Generated on Sat, 14 May 2022 12:04:02 GMT
9
9
  */
10
10
  .utrecht-theme {
11
11
  --denhaag-process-steps-sub-step-heading-font-weight: utrecht.typography.weight-scale.normal.font-weight;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.207",
2
+ "version": "1.0.0-alpha.208",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.200",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.201",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.50.1"
@@ -26,5 +26,5 @@
26
26
  "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
27
27
  "clean": "rimraf dist/"
28
28
  },
29
- "gitHead": "7324d7dfead6c5c43b2f9f7ccbea6f94cb787975"
29
+ "gitHead": "6cdfa3731ad2ef4e2e43add8c193d9f311e045c8"
30
30
  }
package/src/bem.scss CHANGED
@@ -24,6 +24,7 @@
24
24
  @import "../../../components/blockquote/css";
25
25
  @import "../../../components/breadcrumb/css";
26
26
  @import "../../../components/button/bem";
27
+ @import "../../../components/button-group/css";
27
28
  @import "../../../components/checkbox/css";
28
29
  @import "../../../components/custom-checkbox/css";
29
30
  @import "../../../components/digid-button/css";