@arc-ui/components 12.0.0-beta.19 → 12.0.0-beta.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-beta.19",
+  "version": "12.0.0-beta.20",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./lib/index.cjs",
@@ -93,13 +93,13 @@
     "ts-jest": "^29.2.5",
     "tslib": "^2.8.1",
     "typescript": "5.6.3",
-    "@arc-ui/css-config": "^12.0.0-beta.19",
-    "@arc-ui/eslint-config": "^12.0.0-beta.19",
-    "@arc-ui/helpers": "^12.0.0-beta.19",
-    "@arc-ui/icons": "^12.0.0-beta.19",
-    "@arc-ui/tokens-arc": "^12.0.0-beta.19",
-    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.19",
-    "@arc-ui/typescript-config": "^12.0.0-beta.19"
+    "@arc-ui/css-config": "^12.0.0-beta.20",
+    "@arc-ui/eslint-config": "^12.0.0-beta.20",
+    "@arc-ui/helpers": "^12.0.0-beta.20",
+    "@arc-ui/icons": "^12.0.0-beta.20",
+    "@arc-ui/tokens-arc": "^12.0.0-beta.20",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.20",
+    "@arc-ui/typescript-config": "^12.0.0-beta.20"
   },
   "browserslist": [
     "defaults",

package/lib/GradientBackground/GradientBackground.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-require('../_shared/cjs/index-DR8Rkav9.cjs');
-
-var GradientBackground = function (_a) {
-    var _b;
-    var _c = _a.type, type = _c === void 0 ? "lightOne" : _c, children = _a.children, scrim = _a.scrim, props = filterAttrs.__rest(_a, ["type", "children", "scrim"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-GradientBackground", "arc-GradientBackground--".concat(type), (_b = {},
-            _b["arc-GradientBackground-scrim--".concat(scrim)] = scrim,
-            _b)) }, filterAttrs.filterAttrs(props)),
-        React.createElement("div", { className: "arc-GradientBackground-content" },
-            React.createElement(Surface.Surface, { isTransparent: true, background: type === "lightOne" ? "light-white" : "dark-black" }, children))));
-};
-
-exports.GradientBackground = GradientBackground;

package/lib/GradientBackground/GradientBackground.mjs

@@ -1,17 +0,0 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
-import React__default from 'react';
-import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
-import '../_shared/esm/index-Spae4j7j.mjs';
-
-var GradientBackground = function (_a) {
-    var _b;
-    var _c = _a.type, type = _c === void 0 ? "lightOne" : _c, children = _a.children, scrim = _a.scrim, props = __rest(_a, ["type", "children", "scrim"]);
-    return (React__default.createElement("div", __assign({ className: classNames("arc-GradientBackground", "arc-GradientBackground--".concat(type), (_b = {},
-            _b["arc-GradientBackground-scrim--".concat(scrim)] = scrim,
-            _b)) }, filterAttrs(props)),
-        React__default.createElement("div", { className: "arc-GradientBackground-content" },
-            React__default.createElement(Surface, { isTransparent: true, background: type === "lightOne" ? "light-white" : "dark-black" }, children))));
-};
-
-export { GradientBackground };

package/lib/GradientBackground/styles.css

@@ -1 +0,0 @@
-.arc-v12-0-0-beta-19 .arc .arc-GradientBackground{--arc-gradient-light-one:radial-gradient(at 0% 0%,#eeeffd 0,transparent 50%),radial-gradient(at 50.949720670391066% 0%,#fae2fd 0,transparent 50%),radial-gradient(at 98.32402234636871% 0%,#fdeafb 0,transparent 50%),radial-gradient(at 26.59217877094972% 27.020506634499398%,#ede4fb 0,transparent 50%),radial-gradient(at 74.86033519553072% 27.744270205066346%,#f8e1f9 0,transparent 50%),radial-gradient(at 0% 52.35223160434258%,#e6ecfb 0,transparent 50%),radial-gradient(at 50.502793296089386% 52.47285886610374%,#f2e7f9 0,transparent 50%),radial-gradient(at 98.54748603351955% 55.72979493365501%,#fbedf5 0,transparent 50%),radial-gradient(at 25.69832402234637% 79.73462002412546%,#f3f2fb 0,transparent 50%),radial-gradient(at 74.63687150837988% 80.33775633293125%,#f9f3f9 0,transparent 50%) #ffffff;--arc-gradient-light-one-mobile:radial-gradient(at 0% 0%,hsla(236,57%,94%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(262,57%,94%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(279,51%,94%,1) 0,transparent 50%),radial-gradient(at 26% 26%,hsla(255,33%,95%,1) 0,transparent 50%),radial-gradient(at 75% 26%,hsla(274,28%,95%,1) 0,transparent 50%),radial-gradient(at 0% 54%,hsla(240,30%,95%,1) 0,transparent 50%),radial-gradient(at 51% 54%,hsla(258,48%,94%,1) 0,transparent 50%),radial-gradient(at 100% 55%,hsla(258,48%,94%,1) 0,transparent 50%),radial-gradient(at 27% 74%,hsla(249,50%,95%,1) 0,transparent 50%),radial-gradient(at 77% 75%,hsla(272,44%,95%,1) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(234,47%,95%,1) 0,transparent 50%),radial-gradient(at 51% 100%,hsla(257,45%,95%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(277,36%,95%,1) 0,transparent 50%),hsla(0,0%,100%,1);background-position:"center";background-repeat:"no-repeat";overflow:hidden;position:relative;--arc-gradient-dark-one:radial-gradient(at 76% 78%,hsla(270,42%,39%,1) 0,transparent 50%),radial-gradient(at 53% 99%,hsla(260,50%,43%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(265,45%,41%,1) 0,transparent 50%),radial-gradient(at 0% 0%,hsla(239,45%,46%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(274,64%,39%,1) 0,transparent 50%),radial-gradient(at 100% 54%,hsla(281,45%,36%,1) 0,transparent 50%),radial-gradient(at 75% 32%,hsla(272,54%,38%,1) 0,transparent 50%),radial-gradient(at 53% 0%,hsla(261,56%,42%,1) 0,transparent 50%),radial-gradient(at 53% 53%,hsla(259,44%,41%,1) 0,transparent 50%),radial-gradient(at 0% 52%,hsla(227,52%,42%,1) 0,transparent 50%),radial-gradient(at 27% 31%,hsla(240,44%,45%,1) 0,transparent 50%),hsla(239,45%,46%,1);--arc-gradient-dark-one-mobile:radial-gradient(at 0% 0%,hsla(245,39%,43%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(256,41%,41%,1) 0,transparent 50%),radial-gradient(at 99% 0%,hsla(265,46%,40%,1) 0,transparent 50%),radial-gradient(at 26% 26%,hsla(250,40%,42%,1) 0,transparent 50%),radial-gradient(at 75% 26%,hsla(262,44%,40%,1) 0,transparent 50%),radial-gradient(at 0% 54%,hsla(245,39%,43%,1) 0,transparent 50%),radial-gradient(at 51% 54%,hsla(258,42%,41%,1) 0,transparent 50%),radial-gradient(at 100% 55%,hsla(266,46%,40%,1) 0,transparent 50%),radial-gradient(at 27% 74%,hsla(255,41%,42%,1) 0,transparent 50%),radial-gradient(at 77% 75%,hsla(263,44%,41%,1) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(251,42%,42%,1) 0,transparent 50%),radial-gradient(at 51% 100%,hsla(260,44%,41%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(268,48%,40%,1) 0,transparent 50%),hsla(0,0%,100%,1);--arc-gradient-brand-asset-full-colour-07:radial-gradient(at 0% 0%,hsla(262,83%,38%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(270,78%,40%,1) 0,transparent 50%),radial-gradient(at 99% 0%,hsla(255,54%,49%,1) 0,transparent 50%),radial-gradient(at 26% 26%,hsla(265,81%,39%,1) 0,transparent 50%),radial-gradient(at 75% 26%,hsla(262,54%,49%,1) 0,transparent 50%),radial-gradient(at 0% 54%,hsla(266,77%,60%,1) 0,transparent 50%),radial-gradient(at 51% 54%,hsla(264,58%,47%,1) 0,transparent 50%),radial-gradient(at 100% 55%,hsla(202,67%,60%,1) 0,transparent 50%),radial-gradient(at 27% 74%,hsla(268,58%,54%,1) 0,transparent 50%),radial-gradient(at 77% 75%,hsla(230,60%,67%,1) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(283,68%,59%,1) 0,transparent 50%),radial-gradient(at 51% 100%,hsla(258,70%,73%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(193,83%,68%,1) 0,transparent 50%),hsla(239,0%,100%,1);--arc-gradient-brand-asset-full-colour-07-alt:radial-gradient(at 0% 0%,#4c11b2,transparent 50%),radial-gradient(at 20% 0%,#5312b4,transparent 50%),radial-gradient(at 40% 0%,#6115b6,transparent 50%),radial-gradient(at 60% 0%,#6f16b7,transparent 50%),radial-gradient(at 80% 0%,#6c19b9,transparent 50%),radial-gradient(at 100% 0%,#563ec3,transparent 50%),radial-gradient(at 0% 20%,#4c0fb1,transparent 50%),radial-gradient(at 20% 20%,#5313b3,transparent 50%),radial-gradient(at 40% 20%,#5c16b6,transparent 50%),radial-gradient(at 60% 20%,#6c1fb9,transparent 50%),radial-gradient(at 80% 20%,#6c31bf,transparent 50%),radial-gradient(at 100% 20%,#566acf,transparent 50%),radial-gradient(at 0% 40%,#5111b2,transparent 50%),radial-gradient(at 20% 40%,#5716b5,transparent 50%),radial-gradient(at 40% 40%,#5f1fb8,transparent 50%),radial-gradient(at 60% 40%,#6c39c0,transparent 50%),radial-gradient(at 80% 40%,#6762cb,transparent 50%),radial-gradient(at 100% 40%,#52a0db,transparent 50%),radial-gradient(at 0% 60%,#6a20bd,transparent 50%),radial-gradient(at 20% 60%,#6b27bf,transparent 50%),radial-gradient(at 40% 60%,#6e36c2,transparent 50%),radial-gradient(at 60% 60%,#7257cb,transparent 50%),radial-gradient(at 80% 60%,#678bd9,transparent 50%),radial-gradient(at 100% 60%,#51c3e6,transparent 50%),radial-gradient(at 0% 80%,#9137cd,transparent 50%),radial-gradient(at 20% 80%,#9444d2,transparent 50%),radial-gradient(at 40% 80%,#8f5ad7,transparent 50%),radial-gradient(at 60% 80%,#837bdc,transparent 50%),radial-gradient(at 80% 80%,#71a9e6,transparent 50%),radial-gradient(at 100% 80%,#5dd3ef,transparent 50%),radial-gradient(at 0% 100%,#b94fdf,transparent 50%),radial-gradient(at 20% 100%,#c262e7,transparent 50%),radial-gradient(at 40% 100%,#b87eec,transparent 50%),radial-gradient(at 60% 100%,#9f9ef0,transparent 50%),radial-gradient(at 80% 100%,#82c1f3,transparent 50%),radial-gradient(at 100% 100%,#6ad5f3,transparent 50%),hsla(239,0%,100%,1);--arc-gradient-light-one-xs:var(--arc-gradient-light-one-mobile);--arc-gradient-light-one-s:var(--arc-gradient-light-one-mobile);--arc-gradient-light-one-m:var(--arc-gradient-light-one);--arc-gradient-light-one-l:var(--arc-gradient-light-one);--arc-gradient-light-one-xl:var(--arc-gradient-light-one);--arc-gradient-light-one-xxl:var(--arc-gradient-light-one);--arc-gradient-light-one-xxxl:var(--arc-gradient-light-one);--arc-gradient-dark-one-xs:var(--arc-gradient-dark-one-mobile);--arc-gradient-dark-one-s:var(--arc-gradient-dark-one-mobile);--arc-gradient-dark-one-m:var(--arc-gradient-dark-one);--arc-gradient-dark-one-l:var(--arc-gradient-dark-one);--arc-gradient-dark-one-xl:var(--arc-gradient-dark-one);--arc-gradient-dark-one-xxl:var(--arc-gradient-dark-one);--arc-gradient-dark-one-xxxl:var(--arc-gradient-dark-one);--arc-gradient-brand-asset-full-colour-07-xs:var(--arc-gradient-brand-asset-full-colour-07-alt);--arc-gradient-brand-asset-full-colour-07-s:var(--arc-gradient-brand-asset-full-colour-07-alt);--arc-gradient-brand-asset-full-colour-07-m:var(--arc-gradient-brand-asset-full-colour-07-alt);--arc-gradient-brand-asset-full-colour-07-l:var(--arc-gradient-brand-asset-full-colour-07-alt);--arc-gradient-brand-asset-full-colour-07-xl:var(--arc-gradient-brand-asset-full-colour-07-alt);--arc-gradient-brand-asset-full-colour-07-xxl:var(--arc-gradient-brand-asset-full-colour-07-alt);--arc-gradient-brand-asset-full-colour-07-xxxl:var(--arc-gradient-brand-asset-full-colour-07-alt)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground-content{position:relative;z-index:1}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--darkOne{background:var(--arc-gradient-dark-one-xs)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--brandAssetFullColour07{background:var(--arc-gradient-brand-asset-full-colour-07-xs)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--lightOne{background:var(--arc-gradient-light-one-xs)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground::after{bottom:-100px;content:"";display:block;filter:blur(50px);left:-100px;position:absolute;right:-100px;top:0}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground-scrim--s::after{background:linear-gradient(to top,white 10%,rgba(255,255,255,0.7) 25%,rgba(255,255,255,0.5) 30%,rgba(255,255,255,0.35) 35%,rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.1) 45%,rgba(255,255,255,0.01) 0%,transparent)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground-scrim--m::after{background:linear-gradient(to top,white 20%,rgba(255,255,255,0.7) 35%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0.35) 45%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 55%,rgba(255,255,255,0.01) 60%,transparent)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground-scrim--l::after{background:linear-gradient(to top,white 30%,rgba(255,255,255,0.7) 45%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.35) 55%,rgba(255,255,255,0.2) 60%,rgba(255,255,255,0.1) 65%,rgba(255,255,255,0.01) 70%,transparent)}@media (min-width:636px){.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--darkOne{background:var(--arc-gradient-dark-one-s)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--brandAssetFullColour07{background:var(--arc-gradient-brand-asset-full-colour-07-s)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--lightOne{background:var(--arc-gradient-light-one-s)}}@media (min-width:768px){.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--darkOne{background:var(--arc-gradient-dark-one-m)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--brandAssetFullColour07{background:var(--arc-gradient-brand-asset-full-colour-07-m)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--lightOne{background:var(--arc-gradient-light-one-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--darkOne{background:var(--arc-gradient-dark-one-l)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--brandAssetFullColour07{background:var(--arc-gradient-brand-asset-full-colour-07-l)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--lightOne{background:var(--arc-gradient-light-one-l)}}@media (min-width:1280px){.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--darkOne{background:var(--arc-gradient-dark-one-xl)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--brandAssetFullColour07{background:var(--arc-gradient-brand-asset-full-colour-07-xl)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--lightOne{background:var(--arc-gradient-light-one-xl)}}@media (min-width:1440px){.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--darkOne{background:var(--arc-gradient-dark-one-xxl)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--brandAssetFullColour07{background:var(--arc-gradient-brand-asset-full-colour-07-xxl)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--lightOne{background:var(--arc-gradient-light-one-xxl)}}@media (min-width:1920px){.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--darkOne{background:var(--arc-gradient-dark-one-xxxl)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--brandAssetFullColour07{background:var(--arc-gradient-brand-asset-full-colour-07-xxxl)}.arc-v12-0-0-beta-19 .arc .arc-GradientBackground--lightOne{background:var(--arc-gradient-light-one-xxxl)}}