From e2d0a9fcf7a13c3849f7c6fb9ca0a832df7bf8bf Mon Sep 17 00:00:00 2001 From: tristen Date: Wed, 14 Sep 2022 15:47:53 -0400 Subject: [PATCH] Drop candidates file --- package-lock.json | 90 ++++--- package.json | 2 +- src/docs/index.js | 1 - src/docs/public/index.html | 4 +- src/docs/tmp-mbx-assembly-candidates.css | 290 ----------------------- 5 files changed, 64 insertions(+), 323 deletions(-) delete mode 100644 src/docs/tmp-mbx-assembly-candidates.css diff --git a/package-lock.json b/package-lock.json index dbdc5ad4..b509a5f3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "2.0.0-beta.3", "license": "BSD-2-Clause", "dependencies": { - "@mapbox/mbx-assembly": "^1.2.0", + "@mapbox/mbx-assembly": "^1.3.0-beta.1", "@mapbox/query-selector-contains-node": "^1.0.0", "@radix-ui/react-accessible-icon": "^0.1.4", "@radix-ui/react-accordion": "^0.1.6", @@ -3632,14 +3632,15 @@ } }, "node_modules/@mapbox/mbx-assembly": { - "version": "1.2.0", - "license": "SEE LICENSE IN LICENSE", + "version": "1.3.0-beta.1", + "resolved": "https://registry.npmjs.org/@mapbox/mbx-assembly/-/mbx-assembly-1.3.0-beta.1.tgz", + "integrity": "sha512-IJFCDEYEb7p4HDOzaTAQfti6qGnwrZAitNzEyW6qc0p66OxnPOubkqe8eF4emI1Fjb1cXqvNNWJKJO5/nOKEig==", "dependencies": { - "@mapbox/assembly": "^1.3.0", + "@mapbox/assembly": "^1.4.0", "autoprefixer": "^10.2.5", - "postcss": "^8.2.8", + "postcss": "^8.4.14", "postcss-custom-media": "^8.0.0", - "postcss-custom-properties": "^7.0.0" + "postcss-custom-properties": "^12.1.8" }, "engines": { "node": ">=14" @@ -3741,6 +3742,24 @@ "postcss": "^8.3" } }, + "node_modules/@mapbox/mbx-assembly/node_modules/postcss-custom-properties": { + "version": "12.1.8", + "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-12.1.8.tgz", + "integrity": "sha512-8rbj8kVu00RQh2fQF81oBqtduiANu4MIxhyf0HbbStgPtnFlWn0yiaYTpLHrPnJbffVY1s9apWsIoVZcc68FxA==", + "dependencies": { + "postcss-value-parser": "^4.2.0" + }, + "engines": { + "node": "^12 || ^14 || >=16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + }, + "peerDependencies": { + "postcss": "^8.4" + } + }, "node_modules/@mapbox/mbx-assembly/node_modules/update-browserslist-db": { "version": "1.0.4", "funding": [ @@ -6938,6 +6957,7 @@ }, "node_modules/ansi-styles": { "version": "3.2.1", + "dev": true, "license": "MIT", "dependencies": { "color-convert": "^1.9.0" @@ -8771,6 +8791,7 @@ }, "node_modules/chalk": { "version": "2.4.2", + "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^3.2.1", @@ -9239,6 +9260,7 @@ }, "node_modules/color-convert": { "version": "1.9.3", + "dev": true, "license": "MIT", "dependencies": { "color-name": "1.1.3" @@ -9246,6 +9268,7 @@ }, "node_modules/color-name": { "version": "1.1.3", + "dev": true, "license": "MIT" }, "node_modules/colord": { @@ -11355,6 +11378,7 @@ }, "node_modules/escape-string-regexp": { "version": "1.0.5", + "dev": true, "license": "MIT", "engines": { "node": ">=0.8.0" @@ -13734,6 +13758,7 @@ }, "node_modules/has-flag": { "version": "3.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=4" @@ -19925,6 +19950,7 @@ }, "node_modules/postcss": { "version": "6.0.23", + "dev": true, "license": "MIT", "dependencies": { "chalk": "^2.4.1", @@ -19935,14 +19961,6 @@ "node": ">=4.0.0" } }, - "node_modules/postcss-custom-properties": { - "version": "7.0.0", - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0", - "postcss": "^6.0.18" - } - }, "node_modules/postcss-js": { "version": "1.0.1", "dev": true, @@ -19988,6 +20006,7 @@ }, "node_modules/postcss/node_modules/source-map": { "version": "0.6.1", + "dev": true, "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" @@ -23742,6 +23761,7 @@ }, "node_modules/supports-color": { "version": "5.5.0", + "dev": true, "license": "MIT", "dependencies": { "has-flag": "^3.0.0" @@ -28317,13 +28337,15 @@ } }, "@mapbox/mbx-assembly": { - "version": "1.2.0", + "version": "1.3.0-beta.1", + "resolved": "https://registry.npmjs.org/@mapbox/mbx-assembly/-/mbx-assembly-1.3.0-beta.1.tgz", + "integrity": "sha512-IJFCDEYEb7p4HDOzaTAQfti6qGnwrZAitNzEyW6qc0p66OxnPOubkqe8eF4emI1Fjb1cXqvNNWJKJO5/nOKEig==", "requires": { - "@mapbox/assembly": "^1.3.0", + "@mapbox/assembly": "^1.4.0", "autoprefixer": "^10.2.5", - "postcss": "^8.2.8", + "postcss": "^8.4.14", "postcss-custom-media": "^8.0.0", - "postcss-custom-properties": "^7.0.0" + "postcss-custom-properties": "^12.1.8" }, "dependencies": { "autoprefixer": { @@ -28360,6 +28382,14 @@ "postcss-value-parser": "^4.2.0" } }, + "postcss-custom-properties": { + "version": "12.1.8", + "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-12.1.8.tgz", + "integrity": "sha512-8rbj8kVu00RQh2fQF81oBqtduiANu4MIxhyf0HbbStgPtnFlWn0yiaYTpLHrPnJbffVY1s9apWsIoVZcc68FxA==", + "requires": { + "postcss-value-parser": "^4.2.0" + } + }, "update-browserslist-db": { "version": "1.0.4", "requires": { @@ -30570,6 +30600,7 @@ }, "ansi-styles": { "version": "3.2.1", + "dev": true, "requires": { "color-convert": "^1.9.0" } @@ -31934,6 +31965,7 @@ }, "chalk": { "version": "2.4.2", + "dev": true, "requires": { "ansi-styles": "^3.2.1", "escape-string-regexp": "^1.0.5", @@ -32231,12 +32263,14 @@ }, "color-convert": { "version": "1.9.3", + "dev": true, "requires": { "color-name": "1.1.3" } }, "color-name": { - "version": "1.1.3" + "version": "1.1.3", + "dev": true }, "colord": { "version": "2.9.2", @@ -33489,7 +33523,8 @@ "dev": true }, "escape-string-regexp": { - "version": "1.0.5" + "version": "1.0.5", + "dev": true }, "escodegen": { "version": "2.0.0", @@ -35006,7 +35041,8 @@ "dev": true }, "has-flag": { - "version": "3.0.0" + "version": "3.0.0", + "dev": true }, "has-property-descriptors": { "version": "1.0.0", @@ -38914,6 +38950,7 @@ }, "postcss": { "version": "6.0.23", + "dev": true, "requires": { "chalk": "^2.4.1", "source-map": "^0.6.1", @@ -38921,17 +38958,11 @@ }, "dependencies": { "source-map": { - "version": "0.6.1" + "version": "0.6.1", + "dev": true } } }, - "postcss-custom-properties": { - "version": "7.0.0", - "requires": { - "balanced-match": "^1.0.0", - "postcss": "^6.0.18" - } - }, "postcss-js": { "version": "1.0.1", "dev": true, @@ -41221,6 +41252,7 @@ }, "supports-color": { "version": "5.5.0", + "dev": true, "requires": { "has-flag": "^3.0.0" } diff --git a/package.json b/package.json index ddcb6542..146c4c5b 100644 --- a/package.json +++ b/package.json @@ -33,7 +33,7 @@ "react-dom": "^16.14.0" }, "dependencies": { - "@mapbox/mbx-assembly": "^1.2.0", + "@mapbox/mbx-assembly": "^1.3.0-beta.1", "@mapbox/query-selector-contains-node": "^1.0.0", "@radix-ui/react-accessible-icon": "^0.1.4", "@radix-ui/react-accordion": "^0.1.6", diff --git a/src/docs/index.js b/src/docs/index.js index d56312f2..37fb847a 100644 --- a/src/docs/index.js +++ b/src/docs/index.js @@ -2,7 +2,6 @@ import React from 'react'; import ReactDOM from 'react-dom'; import App from './app'; import './prism-theme.css'; -import './tmp-mbx-assembly-candidates.css'; const container = document.createElement('div'); document.body.appendChild(container); diff --git a/src/docs/public/index.html b/src/docs/public/index.html index 04ea703e..84ea3a1a 100644 --- a/src/docs/public/index.html +++ b/src/docs/public/index.html @@ -6,12 +6,12 @@ Mr. UI diff --git a/src/docs/tmp-mbx-assembly-candidates.css b/src/docs/tmp-mbx-assembly-candidates.css deleted file mode 100644 index 52358dcb..00000000 --- a/src/docs/tmp-mbx-assembly-candidates.css +++ /dev/null @@ -1,290 +0,0 @@ -/* TODO!! This is a temporary file until https://github.com/mapbox/mbx-assembly/pull/62 is in mbx-assembly and deployed */ - -:root { - --gray-faint: #FFF; - --white: #FFF; - --pink: #F141A8; - --purple: #A45CE2; - --red: #EB1414; - --orange: #DD7A08; - --yellow: #F3D844; - --green: #37AD25; - --blue: #4264FB; - --gray: #617889; - --disabled10: rgba(145, 165, 180, .10); - --disabled25: rgba(145, 165, 180, .25); - --disabled75: rgba(145, 165, 180, .75); - --darken25: rgba(14, 33, 39, 0.25); - --darken50: rgba(14, 33, 39, 0.50); - --darken75: rgba(14, 33, 39, 0.75); -} - -.range > [data-orientation='horizontal'], -.range [role='slider'] { - border-color: transparent; - color: #000; -} - -.switch[data-state='checked'] { - border-color: transparent; - background-color: #757d82; -} - -.switch[data-state='checked']::after { - left: 50%; - background-color: #fff; -} - -.switch[data-disabled] { - border-color: transparent; - background-color: rgba(158,163,167,.25); - pointer-events: none; - color: rgba(26,34,36,.25); -} - -.switch[data-disabled]::after { - background-color: rgba(26,34,36,.25); -} - -.range--pink > [data-orientation='horizontal'], -.range--pink [role='slider'] { - color: var(--pink); -} - -.switch--pink[data-state='checked'] { - background-color: var(--pink); -} - -.switch--dot-pink[data-state='checked']::after { - background-color: var(--pink); -} - -.range--red > [data-orientation='horizontal'], -.range--red [role='slider'] { - color: var(--red); -} - -.switch--red[data-state='checked'] { - background-color: var(--red); -} - -.switch--dot-red[data-state='checked']::after { - background-color: var(--red); -} - -.range--orange > [data-orientation='horizontal'], -.range--orange [role='slider'] { - color: var(--orange); -} - -.switch--orange[data-state='checked'] { - background-color: var(--orange); -} - -.switch--dot-orange[data-state='checked']::after { - background-color: var(--orange); -} - -.range--yellow > [data-orientation='horizontal'], -.range--yellow [role='slider'] { - color: var(--yellow); -} - -.switch--yellow[data-state='checked'] { - background-color: var(--yellow); -} - -.switch--dot-yellow[data-state='checked']::after { - background-color: var(--yellow); -} - -.range--green > [data-orientation='horizontal'], -.range--green [role='slider'] { - color: var(--green); -} - -.switch--green[data-state='checked'] { - background-color: var(--green); -} - -.switch--dot-green[data-state='checked']::after { - background-color: var(--green); -} - -.range--blue > [data-orientation='horizontal'], -.range--blue [role='slider'] { - color: var(--blue); -} - -.switch--blue[data-state='checked'] { - background-color: var(--blue); -} - -.switch--dot-blue[data-state='checked']::after { - background-color: var(--blue); -} - -.range--purple > [data-orientation='horizontal'], -.range--purple [role='slider'] { - color: var(--purple); -} - -.switch--purple[data-state='checked'] { - background-color: var(--purple); -} - -.switch--dot-purple[data-state='checked']::after { - background-color: var(--purple); -} - -.range--gray > [data-orientation='horizontal'], -.range--gray [role='slider'] { - color: var(--gray); -} - -.switch--gray[data-state='checked'] { - background-color: var(--gray); -} - -.switch--dot-gray[data-state='checked']::after { - background-color: var(--gray); -} - -.range--disabled10 > [data-orientation='horizontal'], -.range--disabled10 [role='slider'] { - color: var(--disabled10); -} - -.switch--disabled10[data-state='checked'] { - background-color: var(--disabled10); -} - -.switch--dot-disabled10[data-state='checked']::after { - background-color: var(--disabled10); -} - -.range--disabled25 > [data-orientation='horizontal'], -.range--disabled25 [role='slider'] { - color: var(--disabled25); -} - -.switch--disabled25[data-state='checked'] { - background-color: var(--disabled25); -} - -.switch--dot-disabled25[data-state='checked']::after { - background-color: var(--disabled25); -} - -.range--disabled75 > [data-orientation='horizontal'], -.range--disabled75 [role='slider'] { - color: var(--disabled75); -} - -.switch--disabled75[data-state='checked'] { - background-color: var(--disabled75); -} - -.switch--dot-disabled75[data-state='checked']::after { - background-color: var(--disabled75); -} - -.range--darken75 > [data-orientation='horizontal'], -.range--darken75 [role='slider'] { - color: var(--darken75); -} - -.switch--darken25[data-state='checked'] { - background-color: var(--darken25); -} - -.switch--dot-darken25[data-state='checked']::after { - background-color: var(--darken25); -} - -.range--darken50 > [data-orientation='horizontal'], -.range--darken50 [role='slider'] { - color: var(--darken50); -} - -.switch--darken50[data-state='checked'] { - background-color: var(--darken50); -} - -.switch--dot-darken50[data-state='checked']::after { - background-color: var(--darken50); -} - -.range--darken75 > [data-orientation='horizontal'], -.range--darken75 [role='slider'] { - color: var(--darken75); -} - -.switch--darken75[data-state='checked'] { - background-color: var(--darken75); -} - -.switch--dot-darken75[data-state='checked']::after { - background-color: var(--darken75); -} - -.range [role='slider']:focus, -[data-assembly-focus-within]:focus-within { - box-shadow: 0 0 0 3px rgb(137 199 216 / 65%); -} - -.range > [data-orientation='horizontal'] { - position: relative; - display: flex; - align-items: center; - user-select: none; - touch-action: none; - width: 100%; - height: 20px; - cursor: pointer; -} - -.range.range--s > [data-orientation='horizontal'] { - height: 12px; -} - -.range > [data-orientation='horizontal'] > [data-orientation='horizontal'] { - position: relative; - height: 4px; - border-radius: 2px; - background: currentColor; - flex-grow: 1; -} - -.range.range--s > [data-orientation='horizontal'] > [data-orientation='horizontal'] { - height: 2px; -} - -.range [role='slider'] { - transition: background var(--transition); - display: block; - width: 20px; - height: 20px; - border-radius: 50%; - border: 1px solid currentColor; - background: var(--white); - cursor: grab; -} - -.range [role='slider']:focus { - cursor: grabbing; -} - -.range--s [role='slider'] { - width: 12px; - height: 12px; -} - -.range [data-disabled] [data-orientation='horizontal'] { - background: var(--disabled25); -} - -.range [data-disabled] [role='slider'] { - border-color: var(--disabled25); - background: var(--gray-faint); -}