From 3f987f67e611ab71310533e91c08b0508169cda7 Mon Sep 17 00:00:00 2001 From: Lasse Boisen Andersen Date: Mon, 26 May 2025 15:18:05 +0200 Subject: [PATCH 1/3] update colors and switch --- packages/browser-sdk/src/toolbar/Features.css | 3 +-- packages/browser-sdk/src/toolbar/Switch.css | 21 ++++++++++++------- packages/browser-sdk/src/toolbar/Toolbar.css | 8 +++++-- 3 files changed, 20 insertions(+), 12 deletions(-) diff --git a/packages/browser-sdk/src/toolbar/Features.css b/packages/browser-sdk/src/toolbar/Features.css index ddef7c6e..c544c10d 100644 --- a/packages/browser-sdk/src/toolbar/Features.css +++ b/packages/browser-sdk/src/toolbar/Features.css @@ -97,8 +97,7 @@ } .reset { - color: var(--brand300); - + color: var(--gray500); text-decoration: none; &:hover, diff --git a/packages/browser-sdk/src/toolbar/Switch.css b/packages/browser-sdk/src/toolbar/Switch.css index 3a4bfd30..a86de5c9 100644 --- a/packages/browser-sdk/src/toolbar/Switch.css +++ b/packages/browser-sdk/src/toolbar/Switch.css @@ -15,20 +15,21 @@ position: absolute; } -.switch-input:focus-visible + .switch-track { - outline: none; - box-shadow: 0 0 0 1px #fff; -} - .switch-track { position: relative; transition: background 0.1s ease; - background: #606476; + background: var(--gray600); border-radius: 999px; + transition: transform 0.1s ease-out; +} + +.switch-input:focus-visible + .switch-track { + outline: none; + box-shadow: 0 0 0 1px #fff; } .switch[data-enabled="true"] .switch-track { - background: #847cfb; + background: white; } .switch-dot { @@ -36,6 +37,10 @@ border-radius: 50%; position: absolute; top: 1px; - transition: transform 0.1s ease-in-out; + transition: transform 0.1s ease-out; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); } + +.switch[data-enabled="true"] .switch-dot { + background: var(--black); +} diff --git a/packages/browser-sdk/src/toolbar/Toolbar.css b/packages/browser-sdk/src/toolbar/Toolbar.css index c27cd3ae..1b58c006 100644 --- a/packages/browser-sdk/src/toolbar/Toolbar.css +++ b/packages/browser-sdk/src/toolbar/Toolbar.css @@ -51,10 +51,14 @@ /* Toolbar */ .toolbar { - --brand300: #a39dfc; - --brand400: #847cfb; + --brand300: #9cc4d3; + --brand400: #77adc1; --gray500: #787c91; + --gray600: #3c3d49; + --gray700: #22232a; + --gray800: #17181c; --black: #1e1f24; + --white: white; --bg-color: hsla(230, 9%, 8%, 0.85); --bg-light-color: hsla(230, 9%, 6%, 0.85); From fbc89e0800795cc8636d67a21acc4cb8e8bdb5a7 Mon Sep 17 00:00:00 2001 From: Lasse Boisen Andersen Date: Mon, 26 May 2025 15:24:52 +0200 Subject: [PATCH 2/3] bump version --- packages/browser-sdk/package.json | 2 +- packages/openfeature-browser-provider/package.json | 4 ++-- packages/react-sdk/package.json | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/browser-sdk/package.json b/packages/browser-sdk/package.json index 39140cb8..0b27775a 100644 --- a/packages/browser-sdk/package.json +++ b/packages/browser-sdk/package.json @@ -1,6 +1,6 @@ { "name": "@bucketco/browser-sdk", - "version": "3.1.2", + "version": "3.1.3", "packageManager": "yarn@4.1.1", "license": "MIT", "repository": { diff --git a/packages/openfeature-browser-provider/package.json b/packages/openfeature-browser-provider/package.json index f1abd360..eb6dddb5 100644 --- a/packages/openfeature-browser-provider/package.json +++ b/packages/openfeature-browser-provider/package.json @@ -1,6 +1,6 @@ { "name": "@bucketco/openfeature-browser-provider", - "version": "0.5.1", + "version": "0.5.2", "packageManager": "yarn@4.1.1", "license": "MIT", "repository": { @@ -35,7 +35,7 @@ } }, "dependencies": { - "@bucketco/browser-sdk": "3.1.2" + "@bucketco/browser-sdk": "3.1.3" }, "devDependencies": { "@bucketco/eslint-config": "0.0.2", diff --git a/packages/react-sdk/package.json b/packages/react-sdk/package.json index 44743f0d..ec298699 100644 --- a/packages/react-sdk/package.json +++ b/packages/react-sdk/package.json @@ -1,6 +1,6 @@ { "name": "@bucketco/react-sdk", - "version": "3.1.4", + "version": "3.1.5", "license": "MIT", "repository": { "type": "git", @@ -34,7 +34,7 @@ } }, "dependencies": { - "@bucketco/browser-sdk": "3.1.2", + "@bucketco/browser-sdk": "3.1.3", "canonical-json": "^0.0.4", "rollup": "^4.2.0" }, From e2a748e7528a8e4433628c3008e5af7908691842 Mon Sep 17 00:00:00 2001 From: Lasse Boisen Andersen Date: Mon, 26 May 2025 15:32:46 +0200 Subject: [PATCH 3/3] update lockfile --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 5ed3e710..83012161 100644 --- a/yarn.lock +++ b/yarn.lock @@ -460,7 +460,7 @@ __metadata: languageName: node linkType: hard -"@bucketco/browser-sdk@npm:3.1.2, @bucketco/browser-sdk@workspace:packages/browser-sdk": +"@bucketco/browser-sdk@npm:3.1.3, @bucketco/browser-sdk@workspace:packages/browser-sdk": version: 0.0.0-use.local resolution: "@bucketco/browser-sdk@workspace:packages/browser-sdk" dependencies: @@ -603,7 +603,7 @@ __metadata: version: 0.0.0-use.local resolution: "@bucketco/openfeature-browser-provider@workspace:packages/openfeature-browser-provider" dependencies: - "@bucketco/browser-sdk": "npm:3.1.2" + "@bucketco/browser-sdk": "npm:3.1.3" "@bucketco/eslint-config": "npm:0.0.2" "@bucketco/tsconfig": "npm:0.0.2" "@openfeature/core": "npm:1.5.0" @@ -649,7 +649,7 @@ __metadata: version: 0.0.0-use.local resolution: "@bucketco/react-sdk@workspace:packages/react-sdk" dependencies: - "@bucketco/browser-sdk": "npm:3.1.2" + "@bucketco/browser-sdk": "npm:3.1.3" "@bucketco/eslint-config": "workspace:^" "@bucketco/tsconfig": "workspace:^" "@testing-library/react": "npm:^15.0.7"