@arc-ui/tokens-arc 12.0.0-beta.9 → 12.0.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.
- package/dist/custom-media.css +3 -2
- package/dist/index.cjs.js +26 -12
- package/dist/index.css +15 -7
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +16 -8
- package/dist/scss/variables.scss +15 -7
- package/dist/web/ts/index.d.ts +28 -0
- package/package.json +17 -10
- package/dist/index.cjs.d.ts +0 -21
package/dist/custom-media.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 18 Nov 2025 18:15:01 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
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
/**
|
|
6
4
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
5
|
+
* Generated on Tue, 18 Nov 2025 18:15:01 GMT
|
|
8
6
|
*/
|
|
9
7
|
var ArcSizeBreakpointsXs = "320px";
|
|
10
8
|
var ArcSizeBreakpointsS = "636px";
|
|
@@ -12,14 +10,22 @@ var ArcSizeBreakpointsM = "768px";
|
|
|
12
10
|
var ArcSizeBreakpointsL = "1024px";
|
|
13
11
|
var ArcSizeBreakpointsXl = "1280px";
|
|
14
12
|
var ArcSizeBreakpointsXxl = "1440px";
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
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";
|
|
21
26
|
var ArcSizeGridGutterM = "24px";
|
|
22
27
|
var ArcSizeGridGutterL = "32px";
|
|
28
|
+
var ArcSizeGridGutterXl = "40px";
|
|
23
29
|
var ArcGridColumns = 12;
|
|
24
30
|
var ArcDebugRgb = "207, 58, 138";
|
|
25
31
|
|
|
@@ -31,11 +37,19 @@ exports.ArcSizeBreakpointsS = ArcSizeBreakpointsS;
|
|
|
31
37
|
exports.ArcSizeBreakpointsXl = ArcSizeBreakpointsXl;
|
|
32
38
|
exports.ArcSizeBreakpointsXs = ArcSizeBreakpointsXs;
|
|
33
39
|
exports.ArcSizeBreakpointsXxl = ArcSizeBreakpointsXxl;
|
|
40
|
+
exports.ArcSizeBreakpointsXxxl = ArcSizeBreakpointsXxxl;
|
|
34
41
|
exports.ArcSizeGridGutterL = ArcSizeGridGutterL;
|
|
35
42
|
exports.ArcSizeGridGutterM = ArcSizeGridGutterM;
|
|
36
|
-
exports.
|
|
37
|
-
exports.
|
|
38
|
-
exports.
|
|
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;
|
|
39
52
|
exports.ArcSizeSectionWidthL = ArcSizeSectionWidthL;
|
|
40
53
|
exports.ArcSizeSectionWidthM = ArcSizeSectionWidthM;
|
|
41
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
|
|
3
|
+
* Generated on Tue, 18 Nov 2025 18:15:01 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-
|
|
14
|
-
--arc-size-section-margin-
|
|
15
|
-
--arc-size-section-margin-
|
|
16
|
-
--arc-size-section-
|
|
17
|
-
--arc-size-section-
|
|
18
|
-
--arc-size-section-
|
|
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.d.ts
ADDED
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 18 Nov 2025 18:15:01 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
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
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,
|
|
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
|
|
3
|
+
// Generated on Tue, 18 Nov 2025 18:15:01 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-
|
|
12
|
-
$arc-size-section-margin-
|
|
13
|
-
$arc-size-section-margin-
|
|
14
|
-
$arc-size-section-
|
|
15
|
-
$arc-size-section-
|
|
16
|
-
$arc-size-section-
|
|
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;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Tue, 18 Nov 2025 18:15:01 GMT
|
|
4
|
+
*/
|
|
5
|
+
export declare const ArcSizeBreakpointsXs = "320px";
|
|
6
|
+
export declare const ArcSizeBreakpointsS = "636px";
|
|
7
|
+
export declare const ArcSizeBreakpointsM = "768px";
|
|
8
|
+
export declare const ArcSizeBreakpointsL = "1024px";
|
|
9
|
+
export declare const ArcSizeBreakpointsXl = "1280px";
|
|
10
|
+
export declare const ArcSizeBreakpointsXxl = "1440px";
|
|
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";
|
|
24
|
+
export declare const ArcSizeGridGutterM = "24px";
|
|
25
|
+
export declare const ArcSizeGridGutterL = "32px";
|
|
26
|
+
export declare const ArcSizeGridGutterXl = "40px";
|
|
27
|
+
export declare const ArcGridColumns = 12;
|
|
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
|
|
3
|
+
"version": "12.0.0",
|
|
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
|
"main": "dist/index.cjs.js",
|
|
@@ -12,20 +12,27 @@
|
|
|
12
12
|
"publishConfig": {
|
|
13
13
|
"access": "public"
|
|
14
14
|
},
|
|
15
|
-
"types": "./dist/index.
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@rollup/plugin-commonjs": "^
|
|
18
|
-
"@rollup/plugin-node-resolve": "^
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
17
|
+
"@rollup/plugin-commonjs": "^28.0.1",
|
|
18
|
+
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
19
|
+
"@rollup/plugin-typescript": "^12.1.1",
|
|
20
|
+
"eslint": "^9.15.0",
|
|
21
|
+
"postcss-import": "^16.1.0",
|
|
22
|
+
"rimraf": "^6.0.1",
|
|
23
|
+
"rollup": "^4.27.4",
|
|
24
|
+
"rollup-plugin-copy": "^3.5.0",
|
|
25
|
+
"rollup-plugin-postcss": "^4.0.0",
|
|
23
26
|
"style-dictionary": "^3.0.0",
|
|
24
|
-
"typescript": "
|
|
27
|
+
"typescript": "5.6.3",
|
|
28
|
+
"@arc-ui/eslint-config": "^12.0.0",
|
|
29
|
+
"@arc-ui/typescript-config": "^12.0.0"
|
|
25
30
|
},
|
|
26
31
|
"scripts": {
|
|
32
|
+
"lint:ts": "eslint .",
|
|
33
|
+
"ts:check": "tsc --noEmit",
|
|
27
34
|
"build": "rimraf dist && pnpm run build:tokens && pnpm run build:bundle",
|
|
28
|
-
"build:bundle": "rollup -c rollup.config.
|
|
35
|
+
"build:bundle": "rollup -c rollup.config.mjs",
|
|
29
36
|
"build:tokens": "node style-dictionary.config.mjs"
|
|
30
37
|
}
|
|
31
38
|
}
|
package/dist/index.cjs.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 14 Nov 2024 15:25:13 GMT
|
|
4
|
-
*/
|
|
5
|
-
declare const ArcSizeBreakpointsXs = "320px";
|
|
6
|
-
declare const ArcSizeBreakpointsS = "636px";
|
|
7
|
-
declare const ArcSizeBreakpointsM = "768px";
|
|
8
|
-
declare const ArcSizeBreakpointsL = "1024px";
|
|
9
|
-
declare const ArcSizeBreakpointsXl = "1280px";
|
|
10
|
-
declare const ArcSizeBreakpointsXxl = "1440px";
|
|
11
|
-
declare const ArcSizeSectionMarginS = "16px";
|
|
12
|
-
declare const ArcSizeSectionMarginM = "24px";
|
|
13
|
-
declare const ArcSizeSectionMarginL = "32px";
|
|
14
|
-
declare const ArcSizeSectionWidthL = "1280px";
|
|
15
|
-
declare const ArcSizeSectionWidthM = "1008px";
|
|
16
|
-
declare const ArcSizeSectionWidthS = "620px";
|
|
17
|
-
declare const ArcSizeGridGutterM = "24px";
|
|
18
|
-
declare const ArcSizeGridGutterL = "32px";
|
|
19
|
-
declare const ArcGridColumns = 12;
|
|
20
|
-
declare const ArcDebugRgb = "207, 58, 138";
|
|
21
|
-
export { ArcSizeBreakpointsXs, ArcSizeBreakpointsS, ArcSizeBreakpointsM, ArcSizeBreakpointsL, ArcSizeBreakpointsXl, ArcSizeBreakpointsXxl, ArcSizeSectionMarginS, ArcSizeSectionMarginM, ArcSizeSectionMarginL, ArcSizeSectionWidthL, ArcSizeSectionWidthM, ArcSizeSectionWidthS, ArcSizeGridGutterM, ArcSizeGridGutterL, ArcGridColumns, ArcDebugRgb };
|