@arc-ui/tokens-arc 12.0.0-beta.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 BT plc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @arc-ui/tokens-arc
+
+Global design tokens that can be used between themes. These are managed by developers and are not implemented in figma.

package/dist/custom-media.css

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 28 Aug 2024 12:01:46 GMT
+ */
+
+@custom-media --arc-custom-media-min-width-xs-px (min-width: 320px);
+@custom-media --arc-custom-media-min-width-s-px (min-width: 636px);
+@custom-media --arc-custom-media-min-width-m-px (min-width: 768px);
+@custom-media --arc-custom-media-min-width-l-px (min-width: 1024px);
+@custom-media --arc-custom-media-min-width-xl-px (min-width: 1280px);
+@custom-media --arc-custom-media-min-width-xxl-px (min-width: 1440px);

package/dist/index.cjs.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 28 Aug 2024 12:01:46 GMT
+ */
+declare const ArcSizeBreakpointsXs = "320px";
+declare const ArcSizeBreakpointsS = "636px";
+declare const ArcSizeBreakpointsM = "768px";
+declare const ArcSizeBreakpointsL = "1024px";
+declare const ArcSizeBreakpointsXl = "1280px";
+declare const ArcSizeBreakpointsXxl = "1440px";
+declare const ArcSizeSectionMarginS = "16px";
+declare const ArcSizeSectionMarginM = "24px";
+declare const ArcSizeSectionMarginL = "32px";
+declare const ArcSizeSectionWidthL = "1280px";
+declare const ArcSizeSectionWidthM = "1008px";
+declare const ArcSizeSectionWidthS = "620px";
+declare const ArcSizeGridGutterM = "24px";
+declare const ArcSizeGridGutterL = "32px";
+declare const ArcGridColumns = 12;
+declare const ArcDebugRgb = "207, 58, 138";
+export { ArcSizeBreakpointsXs, ArcSizeBreakpointsS, ArcSizeBreakpointsM, ArcSizeBreakpointsL, ArcSizeBreakpointsXl, ArcSizeBreakpointsXxl, ArcSizeSectionMarginS, ArcSizeSectionMarginM, ArcSizeSectionMarginL, ArcSizeSectionWidthL, ArcSizeSectionWidthM, ArcSizeSectionWidthS, ArcSizeGridGutterM, ArcSizeGridGutterL, ArcGridColumns, ArcDebugRgb };

package/dist/index.cjs.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 28 Aug 2024 12:01:46 GMT
+ */
+var ArcSizeBreakpointsXs = "320px";
+var ArcSizeBreakpointsS = "636px";
+var ArcSizeBreakpointsM = "768px";
+var ArcSizeBreakpointsL = "1024px";
+var ArcSizeBreakpointsXl = "1280px";
+var ArcSizeBreakpointsXxl = "1440px";
+var ArcSizeSectionMarginS = "16px";
+var ArcSizeSectionMarginM = "24px";
+var ArcSizeSectionMarginL = "32px";
+var ArcSizeSectionWidthL = "1280px";
+var ArcSizeSectionWidthM = "1008px";
+var ArcSizeSectionWidthS = "620px";
+var ArcSizeGridGutterM = "24px";
+var ArcSizeGridGutterL = "32px";
+var ArcGridColumns = 12;
+var ArcDebugRgb = "207, 58, 138";
+
+exports.ArcDebugRgb = ArcDebugRgb;
+exports.ArcGridColumns = ArcGridColumns;
+exports.ArcSizeBreakpointsL = ArcSizeBreakpointsL;
+exports.ArcSizeBreakpointsM = ArcSizeBreakpointsM;
+exports.ArcSizeBreakpointsS = ArcSizeBreakpointsS;
+exports.ArcSizeBreakpointsXl = ArcSizeBreakpointsXl;
+exports.ArcSizeBreakpointsXs = ArcSizeBreakpointsXs;
+exports.ArcSizeBreakpointsXxl = ArcSizeBreakpointsXxl;
+exports.ArcSizeGridGutterL = ArcSizeGridGutterL;
+exports.ArcSizeGridGutterM = ArcSizeGridGutterM;
+exports.ArcSizeSectionMarginL = ArcSizeSectionMarginL;
+exports.ArcSizeSectionMarginM = ArcSizeSectionMarginM;
+exports.ArcSizeSectionMarginS = ArcSizeSectionMarginS;
+exports.ArcSizeSectionWidthL = ArcSizeSectionWidthL;
+exports.ArcSizeSectionWidthM = ArcSizeSectionWidthM;
+exports.ArcSizeSectionWidthS = ArcSizeSectionWidthS;

package/dist/index.css

@@ -0,0 +1,23 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 28 Aug 2024 12:01:46 GMT
+ */
+
+:root {
+  --arc-size-breakpoints-xs: 320px;
+  --arc-size-breakpoints-s: 636px;
+  --arc-size-breakpoints-m: 768px;
+  --arc-size-breakpoints-l: 1024px;
+  --arc-size-breakpoints-xl: 1280px;
+  --arc-size-breakpoints-xxl: 1440px;
+  --arc-size-section-margin-s: 16px;
+  --arc-size-section-margin-m: 24px;
+  --arc-size-section-margin-l: 32px;
+  --arc-size-section-width-l: 1280px;
+  --arc-size-section-width-m: 1008px;
+  --arc-size-section-width-s: 620px;
+  --arc-size-grid-gutter-m: 24px;
+  --arc-size-grid-gutter-l: 32px;
+  --arc-grid-columns: 12;
+  --arc-debug-rgb: 207, 58, 138;
+}

package/dist/index.es.js

@@ -0,0 +1,22 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 28 Aug 2024 12:01:46 GMT
+ */
+var ArcSizeBreakpointsXs = "320px";
+var ArcSizeBreakpointsS = "636px";
+var ArcSizeBreakpointsM = "768px";
+var ArcSizeBreakpointsL = "1024px";
+var ArcSizeBreakpointsXl = "1280px";
+var ArcSizeBreakpointsXxl = "1440px";
+var ArcSizeSectionMarginS = "16px";
+var ArcSizeSectionMarginM = "24px";
+var ArcSizeSectionMarginL = "32px";
+var ArcSizeSectionWidthL = "1280px";
+var ArcSizeSectionWidthM = "1008px";
+var ArcSizeSectionWidthS = "620px";
+var ArcSizeGridGutterM = "24px";
+var ArcSizeGridGutterL = "32px";
+var ArcGridColumns = 12;
+var ArcDebugRgb = "207, 58, 138";
+
+export { ArcDebugRgb, ArcGridColumns, ArcSizeBreakpointsL, ArcSizeBreakpointsM, ArcSizeBreakpointsS, ArcSizeBreakpointsXl, ArcSizeBreakpointsXs, ArcSizeBreakpointsXxl, ArcSizeGridGutterL, ArcSizeGridGutterM, ArcSizeSectionMarginL, ArcSizeSectionMarginM, ArcSizeSectionMarginS, ArcSizeSectionWidthL, ArcSizeSectionWidthM, ArcSizeSectionWidthS };

package/dist/scss/index.scss

@@ -0,0 +1,2 @@
+@forward "./variables.scss";
+@forward "./mixins.scss";

package/dist/scss/mixins.scss

@@ -0,0 +1,17 @@
+@use "sass:map";
+@use "./variables.scss" as variables;
+
+@mixin breakpoint($breakpoint) {
+  $breakpoints: (
+    "xs": variables.$arc-size-breakpoints-xs, 
+    "s": variables.$arc-size-breakpoints-s, 
+    "m": variables.$arc-size-breakpoints-m,
+    "l": variables.$arc-size-breakpoints-l,
+    "xl": variables.$arc-size-breakpoints-xl,
+    "xxl": variables.$arc-size-breakpoints-xxl
+  );
+
+  @media (min-width: map.get($breakpoints, $breakpoint)) {
+    @content;
+  }
+}

package/dist/scss/variables.scss

@@ -0,0 +1,20 @@
+
+// Do not edit directly
+// Generated on Wed, 28 Aug 2024 12:01:46 GMT
+
+$arc-size-breakpoints-xs: 320px;
+$arc-size-breakpoints-s: 636px;
+$arc-size-breakpoints-m: 768px;
+$arc-size-breakpoints-l: 1024px;
+$arc-size-breakpoints-xl: 1280px;
+$arc-size-breakpoints-xxl: 1440px;
+$arc-size-section-margin-s: 16px;
+$arc-size-section-margin-m: 24px;
+$arc-size-section-margin-l: 32px;
+$arc-size-section-width-l: 1280px;
+$arc-size-section-width-m: 1008px;
+$arc-size-section-width-s: 620px;
+$arc-size-grid-gutter-m: 24px;
+$arc-size-grid-gutter-l: 32px;
+$arc-grid-columns: 12;
+$arc-debug-rgb: 207, 58, 138;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@arc-ui/tokens-arc",
+  "version": "12.0.0-beta.4",
+  "homepage": "https://ui.digital-ent-int.bt.com",
+  "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "style": "dist/index.css",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "types": "./dist/index.cjs.d.ts",
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^19.0.0",
+    "@rollup/plugin-node-resolve": "^13.0.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.50.1",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-ts": "^3.0.2",
+    "style-dictionary": "^3.0.0",
+    "typescript": "^4.0.2"
+  },
+  "scripts": {
+    "build": "rimraf dist && pnpm run build:tokens && pnpm run build:bundle",
+    "build:bundle": "rollup -c rollup.config.js",
+    "build:tokens": "node style-dictionary.config.mjs"
+  }
+}