@arc-ui/tokens-arc 12.0.0-beta.13 → 12.0.0-beta.14

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 (7) hide show
  1. package/dist/custom-media.css +3 -2
  2. package/dist/index.cjs.js +26 -10
  3. package/dist/index.css +15 -7
  4. package/dist/index.es.js +16 -8
  5. package/dist/scss/variables.scss +15 -7
  6. package/dist/web/ts/index.d.ts +15 -7
  7. package/package.json +8 -3
package/dist/custom-media.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 07 Jan 2025 12:52:06 GMT
3
+ * Generated on Tue, 18 Feb 2025 15:02:24 GMT
4
4
  */
5
5
 
6
6
  @custom-media --arc-custom-media-min-width-xs-px (min-width: 320px);
@@ -8,4 +8,5 @@
8
8
  @custom-media --arc-custom-media-min-width-m-px (min-width: 768px);
9
9
  @custom-media --arc-custom-media-min-width-l-px (min-width: 1024px);
10
10
  @custom-media --arc-custom-media-min-width-xl-px (min-width: 1280px);
11
- @custom-media --arc-custom-media-min-width-xxl-px (min-width: 1440px);
11
+ @custom-media --arc-custom-media-min-width-xxl-px (min-width: 1440px);
12
+ @custom-media --arc-custom-media-min-width-xxxl-px (min-width: 1920px);
package/dist/index.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * Do not edit directly
5
- * Generated on Tue, 07 Jan 2025 12:52:06 GMT
5
+ * Generated on Tue, 18 Feb 2025 15:02:24 GMT
6
6
  */
7
7
  var ArcSizeBreakpointsXs = "320px";
8
8
  var ArcSizeBreakpointsS = "636px";
@@ -10,14 +10,22 @@ var ArcSizeBreakpointsM = "768px";
10
10
  var ArcSizeBreakpointsL = "1024px";
11
11
  var ArcSizeBreakpointsXl = "1280px";
12
12
  var ArcSizeBreakpointsXxl = "1440px";
13
- var ArcSizeSectionMarginS = "16px";
14
- var ArcSizeSectionMarginM = "24px";
15
- var ArcSizeSectionMarginL = "32px";
16
- var ArcSizeSectionWidthL = "1280px";
17
- var ArcSizeSectionWidthM = "1008px";
18
- var ArcSizeSectionWidthS = "620px";
13
+ var ArcSizeBreakpointsXxxl = "1920px";
14
+ var ArcSizeSectionMargin16 = "16px";
15
+ var ArcSizeSectionMargin24 = "24px";
16
+ var ArcSizeSectionMargin32 = "32px";
17
+ var ArcSizeSectionMargin48 = "48px";
18
+ var ArcSizeSectionMargin64 = "64px";
19
+ var ArcSizeSectionMargin96 = "96px";
20
+ var ArcSizeSectionMargin128 = "128px";
21
+ var ArcSizeSectionWidthXs = "620px";
22
+ var ArcSizeSectionWidthS = "1008px";
23
+ var ArcSizeSectionWidthM = "1280px";
24
+ var ArcSizeSectionWidthL = "1920px";
25
+ var ArcSizeGridGutterS = "16px";
19
26
  var ArcSizeGridGutterM = "24px";
20
27
  var ArcSizeGridGutterL = "32px";
28
+ var ArcSizeGridGutterXl = "40px";
21
29
  var ArcGridColumns = 12;
22
30
  var ArcDebugRgb = "207, 58, 138";
23
31
 
@@ -29,11 +37,19 @@ exports.ArcSizeBreakpointsS = ArcSizeBreakpointsS;
29
37
  exports.ArcSizeBreakpointsXl = ArcSizeBreakpointsXl;
30
38
  exports.ArcSizeBreakpointsXs = ArcSizeBreakpointsXs;
31
39
  exports.ArcSizeBreakpointsXxl = ArcSizeBreakpointsXxl;
40
+ exports.ArcSizeBreakpointsXxxl = ArcSizeBreakpointsXxxl;
32
41
  exports.ArcSizeGridGutterL = ArcSizeGridGutterL;
33
42
  exports.ArcSizeGridGutterM = ArcSizeGridGutterM;
34
- exports.ArcSizeSectionMarginL = ArcSizeSectionMarginL;
35
- exports.ArcSizeSectionMarginM = ArcSizeSectionMarginM;
36
- exports.ArcSizeSectionMarginS = ArcSizeSectionMarginS;
43
+ exports.ArcSizeGridGutterS = ArcSizeGridGutterS;
44
+ exports.ArcSizeGridGutterXl = ArcSizeGridGutterXl;
45
+ exports.ArcSizeSectionMargin128 = ArcSizeSectionMargin128;
46
+ exports.ArcSizeSectionMargin16 = ArcSizeSectionMargin16;
47
+ exports.ArcSizeSectionMargin24 = ArcSizeSectionMargin24;
48
+ exports.ArcSizeSectionMargin32 = ArcSizeSectionMargin32;
49
+ exports.ArcSizeSectionMargin48 = ArcSizeSectionMargin48;
50
+ exports.ArcSizeSectionMargin64 = ArcSizeSectionMargin64;
51
+ exports.ArcSizeSectionMargin96 = ArcSizeSectionMargin96;
37
52
  exports.ArcSizeSectionWidthL = ArcSizeSectionWidthL;
38
53
  exports.ArcSizeSectionWidthM = ArcSizeSectionWidthM;
39
54
  exports.ArcSizeSectionWidthS = ArcSizeSectionWidthS;
55
+ exports.ArcSizeSectionWidthXs = ArcSizeSectionWidthXs;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 07 Jan 2025 12:52:06 GMT
3
+ * Generated on Tue, 18 Feb 2025 15:02:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -10,14 +10,22 @@
10
10
  --arc-size-breakpoints-l: 1024px;
11
11
  --arc-size-breakpoints-xl: 1280px;
12
12
  --arc-size-breakpoints-xxl: 1440px;
13
- --arc-size-section-margin-s: 16px;
14
- --arc-size-section-margin-m: 24px;
15
- --arc-size-section-margin-l: 32px;
16
- --arc-size-section-width-l: 1280px;
17
- --arc-size-section-width-m: 1008px;
18
- --arc-size-section-width-s: 620px;
13
+ --arc-size-breakpoints-xxxl: 1920px;
14
+ --arc-size-section-margin-16: 16px;
15
+ --arc-size-section-margin-24: 24px;
16
+ --arc-size-section-margin-32: 32px;
17
+ --arc-size-section-margin-48: 48px;
18
+ --arc-size-section-margin-64: 64px;
19
+ --arc-size-section-margin-96: 96px;
20
+ --arc-size-section-margin-128: 128px;
21
+ --arc-size-section-width-xs: 620px;
22
+ --arc-size-section-width-s: 1008px;
23
+ --arc-size-section-width-m: 1280px;
24
+ --arc-size-section-width-l: 1920px;
25
+ --arc-size-grid-gutter-s: 16px;
19
26
  --arc-size-grid-gutter-m: 24px;
20
27
  --arc-size-grid-gutter-l: 32px;
28
+ --arc-size-grid-gutter-xl: 40px;
21
29
  --arc-grid-columns: 12;
22
30
  --arc-debug-rgb: 207, 58, 138;
23
31
  }
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 07 Jan 2025 12:52:06 GMT
3
+ * Generated on Tue, 18 Feb 2025 15:02:24 GMT
4
4
  */
5
5
  var ArcSizeBreakpointsXs = "320px";
6
6
  var ArcSizeBreakpointsS = "636px";
@@ -8,15 +8,23 @@ var ArcSizeBreakpointsM = "768px";
8
8
  var ArcSizeBreakpointsL = "1024px";
9
9
  var ArcSizeBreakpointsXl = "1280px";
10
10
  var ArcSizeBreakpointsXxl = "1440px";
11
- var ArcSizeSectionMarginS = "16px";
12
- var ArcSizeSectionMarginM = "24px";
13
- var ArcSizeSectionMarginL = "32px";
14
- var ArcSizeSectionWidthL = "1280px";
15
- var ArcSizeSectionWidthM = "1008px";
16
- var ArcSizeSectionWidthS = "620px";
11
+ var ArcSizeBreakpointsXxxl = "1920px";
12
+ var ArcSizeSectionMargin16 = "16px";
13
+ var ArcSizeSectionMargin24 = "24px";
14
+ var ArcSizeSectionMargin32 = "32px";
15
+ var ArcSizeSectionMargin48 = "48px";
16
+ var ArcSizeSectionMargin64 = "64px";
17
+ var ArcSizeSectionMargin96 = "96px";
18
+ var ArcSizeSectionMargin128 = "128px";
19
+ var ArcSizeSectionWidthXs = "620px";
20
+ var ArcSizeSectionWidthS = "1008px";
21
+ var ArcSizeSectionWidthM = "1280px";
22
+ var ArcSizeSectionWidthL = "1920px";
23
+ var ArcSizeGridGutterS = "16px";
17
24
  var ArcSizeGridGutterM = "24px";
18
25
  var ArcSizeGridGutterL = "32px";
26
+ var ArcSizeGridGutterXl = "40px";
19
27
  var ArcGridColumns = 12;
20
28
  var ArcDebugRgb = "207, 58, 138";
21
29
 
22
- export { ArcDebugRgb, ArcGridColumns, ArcSizeBreakpointsL, ArcSizeBreakpointsM, ArcSizeBreakpointsS, ArcSizeBreakpointsXl, ArcSizeBreakpointsXs, ArcSizeBreakpointsXxl, ArcSizeGridGutterL, ArcSizeGridGutterM, ArcSizeSectionMarginL, ArcSizeSectionMarginM, ArcSizeSectionMarginS, ArcSizeSectionWidthL, ArcSizeSectionWidthM, ArcSizeSectionWidthS };
30
+ export { ArcDebugRgb, ArcGridColumns, ArcSizeBreakpointsL, ArcSizeBreakpointsM, ArcSizeBreakpointsS, ArcSizeBreakpointsXl, ArcSizeBreakpointsXs, ArcSizeBreakpointsXxl, ArcSizeBreakpointsXxxl, ArcSizeGridGutterL, ArcSizeGridGutterM, ArcSizeGridGutterS, ArcSizeGridGutterXl, ArcSizeSectionMargin128, ArcSizeSectionMargin16, ArcSizeSectionMargin24, ArcSizeSectionMargin32, ArcSizeSectionMargin48, ArcSizeSectionMargin64, ArcSizeSectionMargin96, ArcSizeSectionWidthL, ArcSizeSectionWidthM, ArcSizeSectionWidthS, ArcSizeSectionWidthXs };
package/dist/scss/variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 07 Jan 2025 12:52:06 GMT
3
+ // Generated on Tue, 18 Feb 2025 15:02:24 GMT
4
4
 
5
5
  $arc-size-breakpoints-xs: 320px;
6
6
  $arc-size-breakpoints-s: 636px;
@@ -8,13 +8,21 @@ $arc-size-breakpoints-m: 768px;
8
8
  $arc-size-breakpoints-l: 1024px;
9
9
  $arc-size-breakpoints-xl: 1280px;
10
10
  $arc-size-breakpoints-xxl: 1440px;
11
- $arc-size-section-margin-s: 16px;
12
- $arc-size-section-margin-m: 24px;
13
- $arc-size-section-margin-l: 32px;
14
- $arc-size-section-width-l: 1280px;
15
- $arc-size-section-width-m: 1008px;
16
- $arc-size-section-width-s: 620px;
11
+ $arc-size-breakpoints-xxxl: 1920px;
12
+ $arc-size-section-margin-16: 16px;
13
+ $arc-size-section-margin-24: 24px;
14
+ $arc-size-section-margin-32: 32px;
15
+ $arc-size-section-margin-48: 48px;
16
+ $arc-size-section-margin-64: 64px;
17
+ $arc-size-section-margin-96: 96px;
18
+ $arc-size-section-margin-128: 128px;
19
+ $arc-size-section-width-xs: 620px;
20
+ $arc-size-section-width-s: 1008px;
21
+ $arc-size-section-width-m: 1280px;
22
+ $arc-size-section-width-l: 1920px;
23
+ $arc-size-grid-gutter-s: 16px;
17
24
  $arc-size-grid-gutter-m: 24px;
18
25
  $arc-size-grid-gutter-l: 32px;
26
+ $arc-size-grid-gutter-xl: 40px;
19
27
  $arc-grid-columns: 12;
20
28
  $arc-debug-rgb: 207, 58, 138;
package/dist/web/ts/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 07 Jan 2025 12:52:06 GMT
3
+ * Generated on Tue, 18 Feb 2025 15:02:24 GMT
4
4
  */
5
5
  export declare const ArcSizeBreakpointsXs = "320px";
6
6
  export declare const ArcSizeBreakpointsS = "636px";
@@ -8,13 +8,21 @@ export declare const ArcSizeBreakpointsM = "768px";
8
8
  export declare const ArcSizeBreakpointsL = "1024px";
9
9
  export declare const ArcSizeBreakpointsXl = "1280px";
10
10
  export declare const ArcSizeBreakpointsXxl = "1440px";
11
- export declare const ArcSizeSectionMarginS = "16px";
12
- export declare const ArcSizeSectionMarginM = "24px";
13
- export declare const ArcSizeSectionMarginL = "32px";
14
- export declare const ArcSizeSectionWidthL = "1280px";
15
- export declare const ArcSizeSectionWidthM = "1008px";
16
- export declare const ArcSizeSectionWidthS = "620px";
11
+ export declare const ArcSizeBreakpointsXxxl = "1920px";
12
+ export declare const ArcSizeSectionMargin16 = "16px";
13
+ export declare const ArcSizeSectionMargin24 = "24px";
14
+ export declare const ArcSizeSectionMargin32 = "32px";
15
+ export declare const ArcSizeSectionMargin48 = "48px";
16
+ export declare const ArcSizeSectionMargin64 = "64px";
17
+ export declare const ArcSizeSectionMargin96 = "96px";
18
+ export declare const ArcSizeSectionMargin128 = "128px";
19
+ export declare const ArcSizeSectionWidthXs = "620px";
20
+ export declare const ArcSizeSectionWidthS = "1008px";
21
+ export declare const ArcSizeSectionWidthM = "1280px";
22
+ export declare const ArcSizeSectionWidthL = "1920px";
23
+ export declare const ArcSizeGridGutterS = "16px";
17
24
  export declare const ArcSizeGridGutterM = "24px";
18
25
  export declare const ArcSizeGridGutterL = "32px";
26
+ export declare const ArcSizeGridGutterXl = "40px";
19
27
  export declare const ArcGridColumns = 12;
20
28
  export declare const ArcDebugRgb = "207, 58, 138";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arc-ui/tokens-arc",
3
- "version": "12.0.0-beta.13",
3
+ "version": "12.0.0-beta.14",
4
4
  "homepage": "https://ui.digital-ent-int.bt.com",
5
5
  "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
6
6
  "type": "module",
@@ -17,16 +17,21 @@
17
17
  "devDependencies": {
18
18
  "@rollup/plugin-commonjs": "^28.0.1",
19
19
  "@rollup/plugin-node-resolve": "^15.3.0",
20
- "@rollup/plugin-typescript": "12.1.1",
20
+ "@rollup/plugin-typescript": "^12.1.1",
21
+ "eslint": "^9.15.0",
21
22
  "postcss-import": "^16.1.0",
22
23
  "rimraf": "^6.0.1",
23
24
  "rollup": "^4.27.4",
24
25
  "rollup-plugin-copy": "^3.5.0",
25
26
  "rollup-plugin-postcss": "^4.0.0",
26
27
  "style-dictionary": "^3.0.0",
27
- "typescript": "^4.9.5"
28
+ "typescript": "5.6.3",
29
+ "@arc-ui/eslint-config": "^12.0.0-beta.14",
30
+ "@arc-ui/typescript-config": "^12.0.0-beta.14"
28
31
  },
29
32
  "scripts": {
33
+ "lint:ts": "eslint .",
34
+ "ts:check": "tsc --noEmit",
30
35
  "build": "rimraf dist && pnpm run build:tokens && pnpm run build:bundle",
31
36
  "build:bundle": "rollup -c rollup.config.js",
32
37
  "build:tokens": "node style-dictionary.config.mjs"