@madgex/design-system 1.11.0 → 1.12.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 (27) hide show
  1. package/dist/_tokens/css/_tokens.css +8 -2
  2. package/dist/_tokens/js/_tokens-module.js +109 -3
  3. package/dist/_tokens/scss/_tokens.scss +19 -3
  4. package/dist/css/index.css +2674 -2242
  5. package/fractal-theme/assets/css/styles.css +14 -1
  6. package/package.json +1 -1
  7. package/src/helpers/borders/README.md +26 -0
  8. package/src/helpers/borders/borders.njk +13 -0
  9. package/src/helpers/display/README.md +8 -0
  10. package/src/helpers/display/display.njk +14 -0
  11. package/src/helpers/floats/README.md +8 -0
  12. package/src/helpers/floats/floats.njk +5 -0
  13. package/src/helpers/text-align/README.md +8 -0
  14. package/src/helpers/text-align/text-align.njk +4 -0
  15. package/src/layout/containers/README.md +4 -0
  16. package/src/layout/containers/containers.njk +9 -0
  17. package/src/scss/core/__index.scss +1 -0
  18. package/src/scss/core/_containers.scss +17 -0
  19. package/src/scss/helpers/__index.scss +4 -0
  20. package/src/scss/helpers/_borders.scss +100 -0
  21. package/src/scss/helpers/_display.scss +35 -0
  22. package/src/scss/helpers/_floats.scss +18 -0
  23. package/src/scss/helpers/_text-align.scss +18 -0
  24. package/src/scss/index.scss +2 -2
  25. package/src/tokens/size.json +25 -3
  26. /package/src/{layout → helpers}/spacing/README.md +0 -0
  27. /package/src/{layout → helpers}/spacing/spacing.njk +0 -0
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jul 2019 13:44:29 GMT
3
+ * Generated on Wed, 10 Jul 2019 14:24:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -116,6 +116,12 @@
116
116
  --mds-size-breakpoint-lg: 1008px;
117
117
  --mds-size-breakpoint-xl: 1280px;
118
118
  --mds-size-border-width: 1px;
119
- --mds-size-border-radius: 3px;
119
+ --mds-size-border-radius: 4px;
120
120
  --mds-size-gutter-width: 20px;
121
+ --mds-size-container-width: 100%;
122
+ --mds-size-container-min-width: 0;
123
+ --mds-size-container-max-width: 100%;
124
+ --mds-size-wrapper-width: 100%;
125
+ --mds-size-wrapper-max-width: 1280px;
126
+ --mds-size-wrapper-paddings: 2.5%;
121
127
  }
package/dist/_tokens/js/_tokens-module.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jul 2019 13:44:30 GMT
3
+ * Generated on Wed, 10 Jul 2019 14:24:59 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -2397,9 +2397,9 @@ module.exports = {
2397
2397
  ]
2398
2398
  },
2399
2399
  "radius": {
2400
- "value": "3rem",
2400
+ "value": "4rem",
2401
2401
  "original": {
2402
- "value": "3px"
2402
+ "value": "4px"
2403
2403
  },
2404
2404
  "name": "MdsSizeBorderRadius",
2405
2405
  "attributes": {
@@ -2428,6 +2428,112 @@ module.exports = {
2428
2428
  "size",
2429
2429
  "gutter-width"
2430
2430
  ]
2431
+ },
2432
+ "container": {
2433
+ "width": {
2434
+ "value": "100rem",
2435
+ "original": {
2436
+ "value": "100%"
2437
+ },
2438
+ "name": "MdsSizeContainerWidth",
2439
+ "attributes": {
2440
+ "category": "size",
2441
+ "type": "container",
2442
+ "item": "width"
2443
+ },
2444
+ "path": [
2445
+ "size",
2446
+ "container",
2447
+ "width"
2448
+ ]
2449
+ },
2450
+ "min-width": {
2451
+ "value": "0rem",
2452
+ "original": {
2453
+ "value": "0"
2454
+ },
2455
+ "name": "MdsSizeContainerMinWidth",
2456
+ "attributes": {
2457
+ "category": "size",
2458
+ "type": "container",
2459
+ "item": "min-width"
2460
+ },
2461
+ "path": [
2462
+ "size",
2463
+ "container",
2464
+ "min-width"
2465
+ ]
2466
+ },
2467
+ "max-width": {
2468
+ "value": "100rem",
2469
+ "original": {
2470
+ "value": "100%"
2471
+ },
2472
+ "name": "MdsSizeContainerMaxWidth",
2473
+ "attributes": {
2474
+ "category": "size",
2475
+ "type": "container",
2476
+ "item": "max-width"
2477
+ },
2478
+ "path": [
2479
+ "size",
2480
+ "container",
2481
+ "max-width"
2482
+ ]
2483
+ }
2484
+ },
2485
+ "wrapper": {
2486
+ "width": {
2487
+ "value": "100rem",
2488
+ "original": {
2489
+ "value": "100%"
2490
+ },
2491
+ "name": "MdsSizeWrapperWidth",
2492
+ "attributes": {
2493
+ "category": "size",
2494
+ "type": "wrapper",
2495
+ "item": "width"
2496
+ },
2497
+ "path": [
2498
+ "size",
2499
+ "wrapper",
2500
+ "width"
2501
+ ]
2502
+ },
2503
+ "max-width": {
2504
+ "value": "1280rem",
2505
+ "original": {
2506
+ "value": "1280px"
2507
+ },
2508
+ "name": "MdsSizeWrapperMaxWidth",
2509
+ "attributes": {
2510
+ "category": "size",
2511
+ "type": "wrapper",
2512
+ "item": "max-width"
2513
+ },
2514
+ "path": [
2515
+ "size",
2516
+ "wrapper",
2517
+ "max-width"
2518
+ ]
2519
+ },
2520
+ "paddings": {
2521
+ "value": "2.5rem",
2522
+ "original": {
2523
+ "value": "2.5%"
2524
+ },
2525
+ "name": "MdsSizeWrapperPaddings",
2526
+ "attributes": {
2527
+ "category": "size",
2528
+ "type": "wrapper",
2529
+ "item": "paddings"
2530
+ },
2531
+ "path": [
2532
+ "size",
2533
+ "wrapper",
2534
+ "paddings"
2535
+ ]
2536
+ }
2431
2537
  }
2432
2538
  }
2433
2539
  };
package/dist/_tokens/scss/_tokens.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Wed, 10 Jul 2019 13:44:30 GMT
4
+ Generated on Wed, 10 Jul 2019 14:24:59 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-base: #1b75bb !default;
@@ -116,8 +116,14 @@ $mds-size-breakpoint-md: 600px !default;
116
116
  $mds-size-breakpoint-lg: 1008px !default;
117
117
  $mds-size-breakpoint-xl: 1280px !default;
118
118
  $mds-size-border-width: 1px !default;
119
- $mds-size-border-radius: 3px !default;
119
+ $mds-size-border-radius: 4px !default;
120
120
  $mds-size-gutter-width: 20px !default;
121
+ $mds-size-container-width: 100% !default;
122
+ $mds-size-container-min-width: 0 !default;
123
+ $mds-size-container-max-width: 100% !default;
124
+ $mds-size-wrapper-width: 100% !default;
125
+ $mds-size-wrapper-max-width: 1280px !default;
126
+ $mds-size-wrapper-paddings: 2.5% !default;
121
127
 
122
128
  $tokens: (
123
129
  'color': (
@@ -358,6 +364,16 @@ $tokens: (
358
364
  'width': $mds-size-border-width,
359
365
  'radius': $mds-size-border-radius
360
366
  ),
361
- 'gutter-width': $mds-size-gutter-width
367
+ 'gutter-width': $mds-size-gutter-width,
368
+ 'container': (
369
+ 'width': $mds-size-container-width,
370
+ 'min-width': $mds-size-container-min-width,
371
+ 'max-width': $mds-size-container-max-width
372
+ ),
373
+ 'wrapper': (
374
+ 'width': $mds-size-wrapper-width,
375
+ 'max-width': $mds-size-wrapper-max-width,
376
+ 'paddings': $mds-size-wrapper-paddings
377
+ )
362
378
  )
363
379
  );