From b36cede0e6a43a9fa3932b9b6a0c1ea2e80cde6c Mon Sep 17 00:00:00 2001 From: Jake Strawn Date: Wed, 6 Sep 2023 17:12:34 -0400 Subject: [PATCH 1/4] feat(updates): Documentation and Storybook updates. --- .storybook/main.js | 2 +- package.json | 14 +- .../@deprecated/outline-form/CHANGELOG.md | 7 + .../@deprecated/outline-form/package.json | 4 +- .../@deprecated/light-dom-styles/CHANGELOG.md | 6 + .../@deprecated/light-dom-styles/README.md | 2 + .../@deprecated/light-dom-styles/package.json | 2 +- .../adopted-stylesheets/CHANGELOG.md | 6 + .../controllers/adopted-stylesheets/README.md | 30 +- .../adopted-stylesheets/package.json | 2 +- .../outline-storybook/CHANGELOG.md | 6 + .../outline-storybook/config/main.js | 2 +- .../config/storybook.main.css | 700 +++++++++--------- .../outline-storybook/package.json | 2 +- yarn.lock | 682 ++++++++--------- 15 files changed, 753 insertions(+), 714 deletions(-) diff --git a/.storybook/main.js b/.storybook/main.js index 329ef1232..b4a1ec355 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -35,7 +35,7 @@ module.exports = { modernInlineRender: true, }, framework: { - name: '@storybook/web-components-vite', + name: getAbsolutePath("@storybook/web-components-vite"), options: {}, }, docs: { diff --git a/package.json b/package.json index 5f1411023..a4ab3d9a6 100644 --- a/package.json +++ b/package.json @@ -90,12 +90,12 @@ "@commitlint/cli": "^17.4.0", "@commitlint/config-conventional": "^17.4.0", "@open-wc/testing": "^3.0.0-next.2", - "@storybook/addon-actions": "^7.3.0", - "@storybook/addon-docs": "^7.3.2", - "@storybook/addon-essentials": "^7.3.0", - "@storybook/addon-links": "^7.3.0", - "@storybook/web-components": "^7.3.0", - "@storybook/web-components-vite": "^7.3.0", + "@storybook/addon-actions": "^7.4.0", + "@storybook/addon-docs": "^7.4.0", + "@storybook/addon-essentials": "^7.4.0", + "@storybook/addon-links": "^7.4.0", + "@storybook/web-components": "^7.4.0", + "@storybook/web-components-vite": "^7.4.0", "@types/estree": "^0.0.47", "@typescript-eslint/eslint-plugin": "^5.0.0", "@typescript-eslint/parser": "^5.0.0", @@ -131,7 +131,7 @@ "react-syntax-highlighter": "^15.5.0", "rimraf": "^3.0.2", "rsync": "^0.6.1", - "storybook": "^7.3.0", + "storybook": "^7.4.0", "svgo": "^2.8.0", "tailwindcss": "3.0.0", "ts-lit-plugin": "^1.2.1", diff --git a/packages/components/@deprecated/outline-form/CHANGELOG.md b/packages/components/@deprecated/outline-form/CHANGELOG.md index 373f45400..5133ef496 100644 --- a/packages/components/@deprecated/outline-form/CHANGELOG.md +++ b/packages/components/@deprecated/outline-form/CHANGELOG.md @@ -1,5 +1,12 @@ # @phase2/outline-form +## 0.1.5 + +### Patch Changes + +- Updated dependencies + - @phase2/outline-controller-light-dom-styles-controller@0.0.3 + ## 0.1.4 ### Patch Changes diff --git a/packages/components/@deprecated/outline-form/package.json b/packages/components/@deprecated/outline-form/package.json index 4ea5af843..e4fd5812c 100644 --- a/packages/components/@deprecated/outline-form/package.json +++ b/packages/components/@deprecated/outline-form/package.json @@ -1,6 +1,6 @@ { "name": "@phase2/outline-form", - "version": "0.1.4", + "version": "0.1.5", "description": "The Outline Components for the form component", "keywords": [ "outline components", @@ -29,7 +29,7 @@ }, "dependencies": { "@phase2/outline-core": "^0.2.5", - "@phase2/outline-controller-light-dom-styles-controller": "^0.0.2", + "@phase2/outline-controller-light-dom-styles-controller": "^0.0.3", "lit": "^2.3.1", "tslib": "^2.1.0" }, diff --git a/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md b/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md index dda8860b5..6b5198e25 100644 --- a/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md +++ b/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md @@ -1,5 +1,11 @@ # @phase2/outline-controller-light-dom-styles-controller +## 0.0.3 + +### Patch Changes + +- Documentation updates + ## 0.0.2 ### Patch Changes diff --git a/packages/controllers/@deprecated/light-dom-styles/README.md b/packages/controllers/@deprecated/light-dom-styles/README.md index 9e42218c0..31f5ca4ed 100644 --- a/packages/controllers/@deprecated/light-dom-styles/README.md +++ b/packages/controllers/@deprecated/light-dom-styles/README.md @@ -1,3 +1,5 @@ +[![Latest version for outline-controller-light-dom-styles-controller](https://img.shields.io/npm/v/@phase2/outline-core-link)](https://www.npmjs.com/package/@phase2/outline-controller-light-dom-styles-controller) + # `LightDomStyles` Controller > This controller is deprecated, and the `StyleController` from `@phase2/outline-controller-style-controller` should be utilized in its place when possible. diff --git a/packages/controllers/@deprecated/light-dom-styles/package.json b/packages/controllers/@deprecated/light-dom-styles/package.json index f558d137b..8fa85a82b 100644 --- a/packages/controllers/@deprecated/light-dom-styles/package.json +++ b/packages/controllers/@deprecated/light-dom-styles/package.json @@ -1,6 +1,6 @@ { "name": "@phase2/outline-controller-light-dom-styles-controller", - "version": "0.0.2", + "version": "0.0.3", "description": "Deprecated controller to manage styles via Light DOM.", "keywords": [ "outline components", diff --git a/packages/controllers/adopted-stylesheets/CHANGELOG.md b/packages/controllers/adopted-stylesheets/CHANGELOG.md index 40dbe45fb..ce01a984e 100644 --- a/packages/controllers/adopted-stylesheets/CHANGELOG.md +++ b/packages/controllers/adopted-stylesheets/CHANGELOG.md @@ -1,5 +1,11 @@ # @phase2/outline-adopted-stylesheets-controller +## 0.0.2 + +### Patch Changes + +- Documentation updates + ## 0.0.1 ### Patch Changes diff --git a/packages/controllers/adopted-stylesheets/README.md b/packages/controllers/adopted-stylesheets/README.md index 4ab08846d..1973fe09e 100644 --- a/packages/controllers/adopted-stylesheets/README.md +++ b/packages/controllers/adopted-stylesheets/README.md @@ -1,6 +1,16 @@ -# AdoptedStyleSheets Controller +[![Latest version for outline-adopted-stylesheets-controller](https://img.shields.io/npm/v/@phase2/outline-core-link)](https://www.npmjs.com/package/@phase2/outline-adopted-stylesheets-controller) -The `AdoptedStyleSheets` controller is a part of the `@phase2/outline-adopted-stylesheets-controller` package. This controller helps components attach "global" document styles without duplication at the component level as well as de-duping any previous inclusions into `AdoptedStyleSheets`. +# `AdoptedStylesheets` Controller + +> The `AdoptedStylesheets` controller is a part of the `@phase2/outline-adopted-stylesheets-controller` package. This controller helps components attach "global" document styles without duplication at the component level as well as de-duping any previous inclusions into `AdoptedStylesheets`. + +## Installing the `LightDomStyles` Controller + +Install the new package: + +```bash +yarn add @phase2/outline-adopted-stylesheets-controller +``` ## Overview @@ -8,9 +18,9 @@ Adopted stylesheets are a way to apply styles to a document or a shadow root. Th ## Methods -The `AdoptedStyleSheets` controller provides the following methods: +The `AdoptedStylesheets` controller provides the following methods: -- `constructor(globalStyles: CSSResult)`: This method is used to create a new instance of the `AdoptedStyleSheets` controller. It takes a `CSSResult` object as a parameter, which represents the global styles to be adopted. +- `constructor(globalStyles: CSSResult)`: This method is used to create a new instance of the `AdoptedStylesheets` controller. It takes a `CSSResult` object as a parameter, which represents the global styles to be adopted. - `hostConnected()`: This method is called when the host element is connected to the DOM. It adds the document's stylesheet to the adopted stylesheets if it is not already present. @@ -18,23 +28,23 @@ The `AdoptedStyleSheets` controller provides the following methods: ## Usage -Here is an example of how to use the `AdoptedStyleSheets` controller in a component: +Here is an example of how to use the `AdoptedStylesheets` controller in a component: ```typescript -import { AdoptedStyleSheets } from '@phase2/outline-adopted-stylesheets-controller'; +import { AdoptedStylesheets } from '@phase2/outline-adopted-stylesheets-controller'; import { css, CSSResult } from 'lit'; import { OutlineElement } from '@phase2/outline-core'; import globalStyles from './my-component.lightDom.css.lit'; class MyComponent extends OutlineElement { - adoptedStylesheets: AdoptedStyleSheets; + AdoptedStylesheets: AdoptedStylesheets; connectedCallback() { super.connectedCallback(); - this.adoptedStylesheets = new AdoptedStyleSheets(globalStyles); - this.addController(this.adoptedStylesheets); + this.AdoptedStylesheets = new AdoptedStylesheets(globalStyles); + this.addController(this.AdoptedStylesheets); } } ``` -In the provided example, the `connectedCallback` method is utilized. This method is invoked whenever the element is inserted into the DOM. Within this method, an instance of `AdoptedStyleSheets` is created and added as a controller. This is a more efficient approach than creating the instance and adding the controller within the `constructor`. The reason for this is that it delays these operations until the element is actually inserted into the DOM. If there are many such elements that are created but not immediately added to the DOM, this approach can significantly improve the startup performance of your application. Therefore, the `connectedCallback` method is a crucial part of managing the lifecycle of a web component, especially when dealing with adopted stylesheets. +In the provided example, the `connectedCallback` method is utilized. This method is invoked whenever the element is inserted into the DOM. Within this method, an instance of `AdoptedStylesheets` is created and added as a controller. This is a more efficient approach than creating the instance and adding the controller within the `constructor`. The reason for this is that it delays these operations until the element is actually inserted into the DOM. If there are many such elements that are created but not immediately added to the DOM, this approach can significantly improve the startup performance of your application. Therefore, the `connectedCallback` method is a crucial part of managing the lifecycle of a web component, especially when dealing with adopted stylesheets. diff --git a/packages/controllers/adopted-stylesheets/package.json b/packages/controllers/adopted-stylesheets/package.json index 4797e05df..7b0952984 100644 --- a/packages/controllers/adopted-stylesheets/package.json +++ b/packages/controllers/adopted-stylesheets/package.json @@ -1,6 +1,6 @@ { "name": "@phase2/outline-adopted-stylesheets-controller", - "version": "0.0.1", + "version": "0.0.2", "description": "Controller to help with managing native AdoptedStylesheet implementations.", "keywords": [ "outline components", diff --git a/packages/documentation/outline-storybook/CHANGELOG.md b/packages/documentation/outline-storybook/CHANGELOG.md index a8128a71d..eac7208a5 100644 --- a/packages/documentation/outline-storybook/CHANGELOG.md +++ b/packages/documentation/outline-storybook/CHANGELOG.md @@ -1,5 +1,11 @@ # @phase2/outline-storybook +## 0.1.1 + +### Patch Changes + +- Documentation updates + ## 0.1.0 ### Minor Changes diff --git a/packages/documentation/outline-storybook/config/main.js b/packages/documentation/outline-storybook/config/main.js index 494790711..2161a9de4 100644 --- a/packages/documentation/outline-storybook/config/main.js +++ b/packages/documentation/outline-storybook/config/main.js @@ -14,7 +14,7 @@ module.exports = { modernInlineRender: true, }, framework: { - name: '@storybook/web-components-vite', + name: getAbsolutePath('@storybook/web-components-vite'), options: {}, }, docs: { diff --git a/packages/documentation/outline-storybook/config/storybook.main.css b/packages/documentation/outline-storybook/config/storybook.main.css index 70c1d8ddd..1eb20ce1a 100644 --- a/packages/documentation/outline-storybook/config/storybook.main.css +++ b/packages/documentation/outline-storybook/config/storybook.main.css @@ -1,385 +1,381 @@ @import url('https://rsms.me/inter/inter.css'); -:root { - --brand-primary: #2563eb; - --brand-secondary: #059669; - --brand-tertiary: #dc2626; - --brand-quaternary: #d97706; - --brand-quinary: #9333ea; - --brand-senary: #db2777; - --brand-septenary: #4f46e5; - --brand-octonary: #525252; - --brand-nonary: #1e3a8a; - --brand-denary: #171717; - --status-success: #2f855a; - --status-warning: #b64301; - --status-error: #c53030; - --status-info: #1e3a8a; - --outline-phase2-blue: #0080ff; - --outline-karma-coral: #fa5c5c; - --outline-soft-black: #171717; - --outline-not-gray: #cfc7d4; - --outline-misty-teal: #73f2e5; - --outline-electric-violet: #9484ff; - --outline-dusty-blue: #7fc7ee; - --outline-transparent: transparent; - --outline-white: #fff; - --outline-black: #000; +:root{ + --brand-primary:#2563eb; + --brand-secondary:#059669; + --brand-tertiary:#dc2626; + --brand-quaternary:#d97706; + --brand-quinary:#9333ea; + --brand-senary:#db2777; + --brand-septenary:#4f46e5; + --brand-octonary:#525252; + --brand-nonary:#1e3a8a; + --brand-denary:#171717; + --status-success:#2f855a; + --status-warning:#b64301; + --status-error:#c53030; + --status-info:#1e3a8a; + --outline-phase2-blue:#0080ff; + --outline-karma-coral:#fa5c5c; + --outline-soft-black:#171717; + --outline-not-gray:#cfc7d4; + --outline-misty-teal:#73f2e5; + --outline-electric-violet:#9484ff; + --outline-dusty-blue:#7fc7ee; + --outline-transparent:transparent; + --outline-white:#fff; + --outline-black:#000; + + --outline-gray-50:#fafafa; + --outline-gray-100:#f5f5f5; + --outline-gray-200:#e5e5e5; + --outline-gray-300:#d4d4d4; + --outline-gray-400:#a3a3a3; + --outline-gray-500:#737373; + --outline-gray-600:#525252; + --outline-gray-700:#404040; + --outline-gray-800:#262626; + --outline-gray-900:#171717; - --outline-gray-50: #fafafa; - --outline-gray-100: #f5f5f5; - --outline-gray-200: #e5e5e5; - --outline-gray-300: #d4d4d4; - --outline-gray-400: #a3a3a3; - --outline-gray-500: #737373; - --outline-gray-600: #525252; - --outline-gray-700: #404040; - --outline-gray-800: #262626; - --outline-gray-900: #171717; + --outline-blue-50:#eff6ff; + --outline-blue-100:#dbeafe; + --outline-blue-200:#bfdbfe; + --outline-blue-300:#93c5fd; + --outline-blue-400:#60a5fa; + --outline-blue-500:#3b82f6; + --outline-blue-600:#2563eb; + --outline-blue-700:#1d4ed8; + --outline-blue-800:#1e40af; + --outline-blue-900:#1e3a8a; - --outline-blue-50: #eff6ff; - --outline-blue-100: #dbeafe; - --outline-blue-200: #bfdbfe; - --outline-blue-300: #93c5fd; - --outline-blue-400: #60a5fa; - --outline-blue-500: #3b82f6; - --outline-blue-600: #2563eb; - --outline-blue-700: #1d4ed8; - --outline-blue-800: #1e40af; - --outline-blue-900: #1e3a8a; + --red-50:#fef2f2; + --red-100:#fee2e2; + --red-200:#fecaca; + --red-300:#fca5a5; + --red-400:#f87171; + --red-500:#ef4444; + --red-600:#dc2626; + --red-700:#b91c1c; + --red-800:#991b1b; + --red-900:#7f1d1d; + --yellow-50:#fffbeb; + --yellow-100:#fef3c7; + --yellow-200:#fde68a; + --yellow-300:#fcd34d; + --yellow-400:#fbbf24; + --yellow-500:#f59e0b; + --yellow-600:#d97706; + --yellow-700:#b45309; + --yellow-800:#92400e; + --yellow-900:#78350f; + --green-50:#ecfdf5; + --green-100:#d1fae5; + --green-200:#a7f3d0; + --green-300:#6ee7b7; + --green-400:#34d399; + --green-500:#10b981; + --green-600:#059669; + --green-700:#047857; + --green-800:#065f46; + --green-900:#064e3b; + --indigo-50:#eef2ff; + --indigo-100:#e0e7ff; + --indigo-200:#c7d2fe; + --indigo-300:#a5b4fc; + --indigo-400:#818cf8; + --indigo-500:#6366f1; + --indigo-600:#4f46e5; + --indigo-700:#4338ca; + --indigo-800:#3730a3; + --indigo-900:#312e81; + --purple-50:#faf5ff; + --purple-100:#f3e8ff; + --purple-200:#e9d5ff; + --purple-300:#d8b4fe; + --purple-400:#c084fc; + --purple-500:#a855f7; + --purple-600:#9333ea; + --purple-700:#7e22ce; + --purple-800:#6b21a8; + --purple-900:#581c87; + --pink-50:#fdf2f8; + --pink-100:#fce7f3; + --pink-200:#fbcfe8; + --pink-300:#f9a8d4; + --pink-400:#f472b6; + --pink-500:#ec4899; + --pink-600:#db2777; + --pink-700:#be185d; + --pink-800:#9d174d; + --pink-900:#831843; + --screen-xs:480px; + --screen-sm:640px; + --screen-md:768px; + --screen-lg:1024px; + --screen-xl:1280px; + --screen-xxl:1440px; + --screen-xxxl:2180px; - --red-50: #fef2f2; - --red-100: #fee2e2; - --red-200: #fecaca; - --red-300: #fca5a5; - --red-400: #f87171; - --red-500: #ef4444; - --red-600: #dc2626; - --red-700: #b91c1c; - --red-800: #991b1b; - --red-900: #7f1d1d; - --yellow-50: #fffbeb; - --yellow-100: #fef3c7; - --yellow-200: #fde68a; - --yellow-300: #fcd34d; - --yellow-400: #fbbf24; - --yellow-500: #f59e0b; - --yellow-600: #d97706; - --yellow-700: #b45309; - --yellow-800: #92400e; - --yellow-900: #78350f; - --green-50: #ecfdf5; - --green-100: #d1fae5; - --green-200: #a7f3d0; - --green-300: #6ee7b7; - --green-400: #34d399; - --green-500: #10b981; - --green-600: #059669; - --green-700: #047857; - --green-800: #065f46; - --green-900: #064e3b; - --indigo-50: #eef2ff; - --indigo-100: #e0e7ff; - --indigo-200: #c7d2fe; - --indigo-300: #a5b4fc; - --indigo-400: #818cf8; - --indigo-500: #6366f1; - --indigo-600: #4f46e5; - --indigo-700: #4338ca; - --indigo-800: #3730a3; - --indigo-900: #312e81; - --purple-50: #faf5ff; - --purple-100: #f3e8ff; - --purple-200: #e9d5ff; - --purple-300: #d8b4fe; - --purple-400: #c084fc; - --purple-500: #a855f7; - --purple-600: #9333ea; - --purple-700: #7e22ce; - --purple-800: #6b21a8; - --purple-900: #581c87; - --pink-50: #fdf2f8; - --pink-100: #fce7f3; - --pink-200: #fbcfe8; - --pink-300: #f9a8d4; - --pink-400: #f472b6; - --pink-500: #ec4899; - --pink-600: #db2777; - --pink-700: #be185d; - --pink-800: #9d174d; - --pink-900: #831843; - --screen-xs: 480px; - --screen-sm: 640px; - --screen-md: 768px; - --screen-lg: 1024px; - --screen-xl: 1280px; - --screen-xxl: 1440px; - --screen-xxxl: 2180px; + --spacing-0:0px; + --spacing-1:0.25rem; + --spacing-2:0.5rem; + --spacing-3:0.75rem; + --spacing-4:1rem; + --spacing-5:1.25rem; + --spacing-6:1.5rem; + --spacing-7:1.75rem; + --spacing-8:2rem; + --spacing-9:2.25rem; + --spacing-10:2.5rem; + --spacing-11:2.75rem; + --spacing-12:3rem; + --spacing-14:3.5rem; + --spacing-16:4rem; + --spacing-20:5rem; + --spacing-24:6rem; + --spacing-28:7rem; + --spacing-32:8rem; + --spacing-36:9rem; + --spacing-40:10rem; + --spacing-44:11rem; + --spacing-48:12rem; + --spacing-52:13rem; + --spacing-56:14rem; + --spacing-60:15rem; + --spacing-64:16rem; + --spacing-72:18rem; + --spacing-80:20rem; + --spacing-96:24rem; + --spacing-px:1px; - --spacing-0: 0px; - --spacing-1: 0.25rem; - --spacing-2: 0.5rem; - --spacing-3: 0.75rem; - --spacing-4: 1rem; - --spacing-5: 1.25rem; - --spacing-6: 1.5rem; - --spacing-7: 1.75rem; - --spacing-8: 2rem; - --spacing-9: 2.25rem; - --spacing-10: 2.5rem; - --spacing-11: 2.75rem; - --spacing-12: 3rem; - --spacing-14: 3.5rem; - --spacing-16: 4rem; - --spacing-20: 5rem; - --spacing-24: 6rem; - --spacing-28: 7rem; - --spacing-32: 8rem; - --spacing-36: 9rem; - --spacing-40: 10rem; - --spacing-44: 11rem; - --spacing-48: 12rem; - --spacing-52: 13rem; - --spacing-56: 14rem; - --spacing-60: 15rem; - --spacing-64: 16rem; - --spacing-72: 18rem; - --spacing-80: 20rem; - --spacing-96: 24rem; - --spacing-px: 1px; + --fs-xs:0.75rem; + --fs-sm:0.875rem; + --fs-base:1rem; + --fs-lg:1.125rem; + --fs-xl:1.25rem; + --fs-2xl:1.5rem; + --fs-3xl:1.875rem; + --fs-4xl:2.25rem; + --fs-5xl:3.5rem; + --fs-6xl:4.5rem; + --fs-7xl:5.5rem; + --fs-8xl:6.5rem; + --fs-9xl:7.5rem; - --fs-xs: 0.75rem; - --fs-sm: 0.875rem; - --fs-base: 1rem; - --fs-lg: 1.125rem; - --fs-xl: 1.25rem; - --fs-2xl: 1.5rem; - --fs-3xl: 1.875rem; - --fs-4xl: 2.25rem; - --fs-5xl: 3.5rem; - --fs-6xl: 4.5rem; - --fs-7xl: 5.5rem; - --fs-8xl: 6.5rem; - --fs-9xl: 7.5rem; + --lh-xs:1rem; + --lh-sm:1.25rem; + --lh-base:1.5rem; + --lh-lg:1.75rem; + --lh-xl:1.75rem; + --lh-2xl:2rem; + --lh-3xl:2.25rem; + --lh-4xl:2.5rem; + --lh-5xl:3.75rem; + --lh-6xl:4.75rem; + --lh-7xl:5.75rem; + --lh-8xl:6.75rem; + --lh-9xl:7.75rem; - --lh-xs: 1rem; - --lh-sm: 1.25rem; - --lh-base: 1.5rem; - --lh-lg: 1.75rem; - --lh-xl: 1.75rem; - --lh-2xl: 2rem; - --lh-3xl: 2.25rem; - --lh-4xl: 2.5rem; - --lh-5xl: 3.75rem; - --lh-6xl: 4.75rem; - --lh-7xl: 5.75rem; - --lh-8xl: 6.75rem; - --lh-9xl: 7.75rem; + --ff-display:'Inter var', 'Helvetica', 'Arial', 'sans-serif'; + --ff-body:'Inter var', 'Helvetica', 'Arial', 'sans-serif'; + --ff-demo:'Inter var', 'Helvetica', 'Arial', 'sans-serif'; - --ff-display: 'Inter var', 'Helvetica', 'Arial', 'sans-serif'; - --ff-body: 'Inter var', 'Helvetica', 'Arial', 'sans-serif'; - --ff-demo: 'Inter var', 'Helvetica', 'Arial', 'sans-serif'; + --fw-thin:100; + --fw-extralight:200; + --fw-light:300; + --fw-normal:400; + --fw-medium:500; + --fw-semibold:600; + --fw-bold:700; + --fw-extrabold:800; + --fw-black:900; - --fw-thin: 100; - --fw-extralight: 200; - --fw-light: 300; - --fw-normal: 400; - --fw-medium: 500; - --fw-semibold: 600; - --fw-bold: 700; - --fw-extrabold: 800; - --fw-black: 900; + --fs-h1:4rem; + --fs-h1-medium:3rem; + --fs-h1-small:2.5rem; + + --lh-h1:3rem; + --lh-h1-medium:3.75rem; + --lh-h1-small:2rem; - --fs-h1: 4rem; - --fs-h1-medium: 3rem; - --fs-h1-small: 2.5rem; + --fs-h2:2.75rem; + --fs-h2-medium:2.5rem; + --fs-h2-small:2rem; + + --lh-h2:3.5rem; + --lh-h2-medium:3rem; + --lh-h2-small:2.5rem; + - --lh-h1: 3rem; - --lh-h1-medium: 3.75rem; - --lh-h1-small: 2rem; - - --fs-h2: 2.75rem; - --fs-h2-medium: 2.5rem; - --fs-h2-small: 2rem; - - --lh-h2: 3.5rem; - --lh-h2-medium: 3rem; - --lh-h2-small: 2.5rem; - - --fs-h3: 2rem; - --fs-h3-medium: 1.75rem; - --fs-h3-small: 1.5rem; - - --lh-h3: 2.25rem; - --lh-h3-medium: 2rem; - --lh-h3-small: 1.75rem; - - --fs-h4: 1.5rem; - --fs-h4-medium: 1.5rem; - --fs-h4-small: 1.375rem; - - --lh-h4: 2rem; - --lh-h4-medium: 1.75rem; - --lh-h4-small: 1.75rem; - - --fs-h5: 1.375rem; - --fs-h5-medium: 1.25rem; - --fs-h5-small: 1.125rem; - - --lh-h5: 1.75rem; - --lh-h5-medium: 1.5rem; - --lh-h5-small: 1.375rem; - - --fs-h6: 1.125rem; - --fs-h6-medium: 1.125rem; - --fs-h6-small: 1rem; - - --lh-h6: 1.5rem; - --lh-h6-medium: 1.375rem; - --lh-h6-small: 1.25rem; - --outline-ring-width: 2px; + --fs-h3:2rem; + --fs-h3-medium:1.75rem; + --fs-h3-small:1.5rem; + + --lh-h3:2.25rem; + --lh-h3-medium:2rem; + --lh-h3-small:1.75rem; + + --fs-h4:1.5rem; + --fs-h4-medium:1.5rem; + --fs-h4-small:1.375rem; + + --lh-h4:2rem; + --lh-h4-medium:1.75rem; + --lh-h4-small:1.75rem; + + --fs-h5:1.375rem; + --fs-h5-medium:1.25rem; + --fs-h5-small:1.125rem; + + --lh-h5:1.75rem; + --lh-h5-medium:1.5rem; + --lh-h5-small:1.375rem; + + --fs-h6:1.125rem; + --fs-h6-medium:1.125rem; + --fs-h6-small:1rem; + + --lh-h6:1.5rem; + --lh-h6-medium:1.375rem; + --lh-h6-small:1.25rem; + --outline-ring-width:2px; --outline-ring-inset: ; - --outline-ring-offset-width: 2px; - --outline-ring-offset-color: var(--outline-gray-100); - --outline-ring-color: var(--outline-soft-black); - --outline-ring-offset-shadow: var(--outline-ring-inset) 0 0 0 - var(--outline-ring-offset-width) var(--outline-ring-offset-color); - --outline-ring-shadow: var(--outline-ring-inset) 0 0 0 - calc(var(--outline-ring-width) + var(--outline-ring-offset-width)) - var(--outline-ring-color); + --outline-ring-offset-width:2px; + --outline-ring-offset-color:var(--outline-gray-100); + --outline-ring-color:var(--outline-soft-black); + --outline-ring-offset-shadow:var(--outline-ring-inset) 0 0 0 var(--outline-ring-offset-width) var(--outline-ring-offset-color); + --outline-ring-shadow:var(--outline-ring-inset) 0 0 0 calc(var(--outline-ring-width) + var(--outline-ring-offset-width)) var(--outline-ring-color); + + --outline-shadow:0 0 rgba(0, 0, 0, 0); + --outline-shadow-colored:0 0 rgba(0, 0, 0, 0); - --outline-shadow: 0 0 rgba(0, 0, 0, 0); - --outline-shadow-colored: 0 0 rgba(0, 0, 0, 0); } /* ! tailwindcss v3.0.0 | MIT License | https://tailwindcss.com */ *, ::before, -::after { - box-sizing: border-box; - border-width: 0; - border-style: solid; - border-color: currentColor; +::after{ + box-sizing:border-box; + border-width:0; + border-style:solid; + border-color:currentColor; } ::before, -::after { - --tw-content: ''; -} -html { - line-height: 1.5; - -webkit-text-size-adjust: 100%; - tab-size: 4; - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, - 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, - 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; -} -body { - margin: 0; - line-height: inherit; -} -hr { - height: 0; - color: inherit; - border-top-width: 1px; -} -abbr[title] { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; +::after{ + --tw-content:''; +} +html{ + line-height:1.5; + -webkit-text-size-adjust:100%; + tab-size:4; + font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} +body{ + margin:0; + line-height:inherit; +} +hr{ + height:0; + color:inherit; + border-top-width:1px; +} +abbr[title]{ + -webkit-text-decoration:underline dotted; + text-decoration:underline dotted; } h1, h2, h3, h4, h5, -h6 { - font-size: inherit; - font-weight: inherit; +h6{ + font-size:inherit; + font-weight:inherit; } -a { - color: inherit; - text-decoration: inherit; +a{ + color:inherit; + text-decoration:inherit; } b, -strong { - font-weight: bolder; +strong{ + font-weight:bolder; } code, kbd, samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, - 'Liberation Mono', 'Courier New', monospace; - font-size: 1em; +pre{ + font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size:1em; } -small { - font-size: 80%; +small{ + font-size:80%; } sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; +sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline; } -sub { - bottom: -0.25em; +sub{ + bottom:-0.25em; } -sup { - top: -0.5em; +sup{ + top:-0.5em; } -table { - text-indent: 0; - border-color: inherit; - border-collapse: collapse; +table{ + text-indent:0; + border-color:inherit; + border-collapse:collapse; } button, input, optgroup, select, -textarea { - font-family: inherit; - font-size: 100%; - line-height: inherit; - color: inherit; - margin: 0; - padding: 0; +textarea{ + font-family:inherit; + font-size:100%; + line-height:inherit; + color:inherit; + margin:0; + padding:0; } button, -select { - text-transform: none; +select{ + text-transform:none; } button, [type='button'], [type='reset'], -[type='submit'] { - -webkit-appearance: button; - background-color: transparent; - background-image: none; +[type='submit']{ + -webkit-appearance:button; + background-color:transparent; + background-image:none; } -:-moz-focusring { - outline: auto; +:-moz-focusring{ + outline:auto; } -:-moz-ui-invalid { - box-shadow: none; +:-moz-ui-invalid{ + box-shadow:none; } -progress { - vertical-align: baseline; +progress{ + vertical-align:baseline; } ::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; +::-webkit-outer-spin-button{ + height:auto; } -[type='search'] { - -webkit-appearance: textfield; - outline-offset: -2px; +[type='search']{ + -webkit-appearance:textfield; + outline-offset:-2px; } -::-webkit-search-decoration { - -webkit-appearance: none; +::-webkit-search-decoration{ + -webkit-appearance:none; } -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; +::-webkit-file-upload-button{ + -webkit-appearance:button; + font:inherit; } -summary { - display: list-item; +summary{ + display:list-item; } blockquote, dl, @@ -393,37 +389,37 @@ h6, hr, figure, p, -pre { - margin: 0; +pre{ + margin:0; } -fieldset { - margin: 0; - padding: 0; +fieldset{ + margin:0; + padding:0; } -legend { - padding: 0; +legend{ + padding:0; } ol, ul, -menu { - list-style: none; - margin: 0; - padding: 0; +menu{ + list-style:none; + margin:0; + padding:0; } -textarea { - resize: vertical; +textarea{ + resize:vertical; } input::placeholder, -textarea::placeholder { - opacity: 1; - color: #9ca3af; +textarea::placeholder{ + opacity:1; + color:#9ca3af; } button, -[role='button'] { - cursor: pointer; +[role="button"]{ + cursor:pointer; } -:disabled { - cursor: default; +:disabled{ + cursor:default; } img, svg, @@ -432,15 +428,15 @@ canvas, audio, iframe, embed, -object { - display: block; - vertical-align: middle; +object{ + display:block; + vertical-align:middle; } img, -video { - max-width: 100%; - height: auto; +video{ + max-width:100%; + height:auto; } -[hidden] { - display: none; +[hidden]{ + display:none; } diff --git a/packages/documentation/outline-storybook/package.json b/packages/documentation/outline-storybook/package.json index 274c9cf5b..bf63ab22c 100644 --- a/packages/documentation/outline-storybook/package.json +++ b/packages/documentation/outline-storybook/package.json @@ -1,7 +1,7 @@ { "name": "@phase2/outline-storybook", "description": "Storybook integration for Outline", - "version": "0.1.0", + "version": "0.1.1", "license": "MIT", "scripts": { "package": "yarn publish" diff --git a/yarn.lock b/yarn.lock index 4b9b5bda5..dbd127dd7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3354,202 +3354,202 @@ resolved "https://registry.yarnpkg.com/@splidejs/splide/-/splide-4.1.4.tgz#02d029360569e7d75d28357a9727fc48322015a3" integrity sha512-5I30evTJcAJQXt6vJ26g2xEkG+l1nXcpEw4xpKh0/FWQ8ozmAeTbtniVtVmz2sH1Es3vgfC4SS8B2X4o5JMptA== -"@storybook/addon-actions@7.3.2", "@storybook/addon-actions@^7.3.0": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-7.3.2.tgz#36b8e15a851a12a6fff543d9785307ae02934a8f" - integrity sha512-TsTOHGmwBHRsWS9kaG/bu6haP2dMeiETeGwOgfB5qmukodenXlmi1RujtUdJCNwW3APa0utEFYFKtZVEu9f7WQ== - dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/core-events" "7.3.2" +"@storybook/addon-actions@7.4.0", "@storybook/addon-actions@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-7.4.0.tgz#709988f46422b85b3672d2e6f90bf623af59faa9" + integrity sha512-0lHLLUlrGE7CBFrfmAXrBKu7fUIsiQlnNekuE3cIAjSgVR481bJEzYHUUoMATqpPC4GGErBdP1CZxVDDwWV8jA== + dependencies: + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/theming" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/theming" "7.4.0" + "@storybook/types" "7.4.0" dequal "^2.0.2" lodash "^4.17.21" polished "^4.2.2" prop-types "^15.7.2" react-inspector "^6.0.0" - telejson "^7.0.3" + telejson "^7.2.0" ts-dedent "^2.0.0" uuid "^9.0.0" -"@storybook/addon-backgrounds@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-7.3.2.tgz#e2361b162c5aac1e71ee45b8c8607d3e8fe613be" - integrity sha512-tcQSt6mjAR1h1XiMFlg9OvpAwvBCjFrtpr9qnVaOZD15EIu/TRoumkJOVA7J5sWuQ6kGJXx1t8FfhQfAqvJ9iw== +"@storybook/addon-backgrounds@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-7.4.0.tgz#7d3048329b8ef73145a2e9b435b7b35004a65f86" + integrity sha512-cEO/Tp/eRE+5bf1FGN4wKLqLDBv3EYp9enJyXV7B3cFdciqtoE7VJPZuFZkzjJN1rRcOKSZp8g5agsx+x9uNGQ== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/theming" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/theming" "7.4.0" + "@storybook/types" "7.4.0" memoizerific "^1.11.3" ts-dedent "^2.0.0" -"@storybook/addon-controls@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-7.3.2.tgz#4a8cf72cbbda9cc1fa0327652bfad1874e407e9c" - integrity sha512-n9ZoxlV8c9VLNfpFY1HpcRxjUFmHPmcFnW0UzFfGknIArPKFxzw9S/zCJ7CSH9Mf7+NJtYAUzCXlSU/YzT1eZQ== - dependencies: - "@storybook/blocks" "7.3.2" - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/core-common" "7.3.2" - "@storybook/core-events" "7.3.2" - "@storybook/manager-api" "7.3.2" - "@storybook/node-logger" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/theming" "7.3.2" - "@storybook/types" "7.3.2" +"@storybook/addon-controls@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-7.4.0.tgz#b212d60fd74d69f6b63c53e4d52ab6c77ee51247" + integrity sha512-tYDfqpTR+c9y4kElmr3aWNHPot6kYd+nruYb697LpkCdy4lFErqSo0mhvPyZfMZp2KEajfp6YJAurhQWbvbj/A== + dependencies: + "@storybook/blocks" "7.4.0" + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/core-common" "7.4.0" + "@storybook/core-events" "7.4.0" + "@storybook/manager-api" "7.4.0" + "@storybook/node-logger" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/theming" "7.4.0" + "@storybook/types" "7.4.0" lodash "^4.17.21" ts-dedent "^2.0.0" -"@storybook/addon-docs@7.3.2", "@storybook/addon-docs@^7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-7.3.2.tgz#170ffa8843cd0eb59e2df0f25f3abadc0ded780a" - integrity sha512-g4B+gM7xzRvUeiUcijPyxwDG/LlgHrfQx1chzY7oiFIImGXyewZ+CtGCjhrSdJGhXSj/69oqoz26RQ1VhSlrXg== +"@storybook/addon-docs@7.4.0", "@storybook/addon-docs@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-7.4.0.tgz#e07233c264eaec149a0fcca0e27c586d4e80b403" + integrity sha512-LJE92LUeVTgi8W4tLBEbSvCqF54snmBfTFCr46vhCFov2CE2VBgEvIX1XT3dfUgYUOtPu3RXR2C89fYgU6VYZw== dependencies: "@jest/transform" "^29.3.1" "@mdx-js/react" "^2.1.5" - "@storybook/blocks" "7.3.2" - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/csf-plugin" "7.3.2" - "@storybook/csf-tools" "7.3.2" + "@storybook/blocks" "7.4.0" + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/csf-plugin" "7.4.0" + "@storybook/csf-tools" "7.4.0" "@storybook/global" "^5.0.0" "@storybook/mdx2-csf" "^1.0.0" - "@storybook/node-logger" "7.3.2" - "@storybook/postinstall" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/react-dom-shim" "7.3.2" - "@storybook/theming" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/node-logger" "7.4.0" + "@storybook/postinstall" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/react-dom-shim" "7.4.0" + "@storybook/theming" "7.4.0" + "@storybook/types" "7.4.0" fs-extra "^11.1.0" remark-external-links "^8.0.0" remark-slug "^6.0.0" ts-dedent "^2.0.0" -"@storybook/addon-essentials@^7.3.0": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-7.3.2.tgz#887071bbe2822ee0961f152bbd3138ea244e3ee8" - integrity sha512-MI5wi5k/nDgAqnsS4/uibcQhMk3/mVkAAWNO+Epmg5UMCCmDch8SoX9BprEHARwwsVwXChiHAx99fXF/XacWFQ== - dependencies: - "@storybook/addon-actions" "7.3.2" - "@storybook/addon-backgrounds" "7.3.2" - "@storybook/addon-controls" "7.3.2" - "@storybook/addon-docs" "7.3.2" - "@storybook/addon-highlight" "7.3.2" - "@storybook/addon-measure" "7.3.2" - "@storybook/addon-outline" "7.3.2" - "@storybook/addon-toolbars" "7.3.2" - "@storybook/addon-viewport" "7.3.2" - "@storybook/core-common" "7.3.2" - "@storybook/manager-api" "7.3.2" - "@storybook/node-logger" "7.3.2" - "@storybook/preview-api" "7.3.2" +"@storybook/addon-essentials@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-7.4.0.tgz#b5d19c60233e5bd5e1a29b76b51059c889f18d52" + integrity sha512-nZmNM9AKw2JXxnYUXyFKLeUF/cL7Z9E1WTeZyOFTDtU2aITRt8+LvaepwjchtPqu2B0GcQxLB5FRDdhy0I19nw== + dependencies: + "@storybook/addon-actions" "7.4.0" + "@storybook/addon-backgrounds" "7.4.0" + "@storybook/addon-controls" "7.4.0" + "@storybook/addon-docs" "7.4.0" + "@storybook/addon-highlight" "7.4.0" + "@storybook/addon-measure" "7.4.0" + "@storybook/addon-outline" "7.4.0" + "@storybook/addon-toolbars" "7.4.0" + "@storybook/addon-viewport" "7.4.0" + "@storybook/core-common" "7.4.0" + "@storybook/manager-api" "7.4.0" + "@storybook/node-logger" "7.4.0" + "@storybook/preview-api" "7.4.0" ts-dedent "^2.0.0" -"@storybook/addon-highlight@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-7.3.2.tgz#96ac7748fe6e9f816ce03cd5ce5d10014a1e4223" - integrity sha512-Zdq//ZqOYpm+xXHt00l0j/baVuZDSkpP6Xbd3jqXV1ToojAjANlk0CAzHCJxZBiyeSCj7Qxtj9LvTqD+IU/bMA== +"@storybook/addon-highlight@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-7.4.0.tgz#ea33826a7f610f5e76cfa59ff22283e01cfd76cd" + integrity sha512-kpYSb3oXI9t/1+aRJhToDZ0/1W4mu+SzTBfv9Bl2d/DogEkFzgJricoy5LtvS5EpcXUmKO1FJsw/DCm9buSL2g== dependencies: - "@storybook/core-events" "7.3.2" + "@storybook/core-events" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/preview-api" "7.3.2" + "@storybook/preview-api" "7.4.0" -"@storybook/addon-links@^7.3.0": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-7.3.2.tgz#c6e1c2b35d9b9c3b8986355dc4b6ba01c2f6d29c" - integrity sha512-xpOpb33KscvmM2Sl9nFqU3DCk3tGaoqtFKkDOzf/QlZsMq9CCn4zPNGMfOFqifBEnDGDADHbp+Uxst5i535vdQ== +"@storybook/addon-links@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-7.4.0.tgz#f10ba388143d0de75150a27e94241d5fb4dfba7e" + integrity sha512-lFj8fiokWKk3jx5YUQ4anQo1uCNDMP1y6nJ/92Y85vnOd1vJr3w4GlLy8eOWMABRE33AKLI5Yp6wcpWZDe7hhQ== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/csf" "^0.1.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/router" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/router" "7.4.0" + "@storybook/types" "7.4.0" prop-types "^15.7.2" ts-dedent "^2.0.0" -"@storybook/addon-measure@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-7.3.2.tgz#9056338eff0087731365ac82277f84c44a48e204" - integrity sha512-bEoH3zuKA9b5RA0LBQzdSnoaxEKHa5rZDoAuMbKiEYotTqO7PfP2j/hil31F95UgmH7wPnSkRSqsBsUtWJz3Jg== +"@storybook/addon-measure@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-7.4.0.tgz#61bc0d0af5af8c22e81b70e1690b2f58262944cd" + integrity sha512-8YjBqm6jPOBgkRn9YnJkLN0+ghgJiukdHOa0VB3qhiT+oww4ZOZ7mc2aQRwXQoFb05UbVVG9UNxE7lhyTyaG2w== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/types" "7.4.0" tiny-invariant "^1.3.1" -"@storybook/addon-outline@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-7.3.2.tgz#28dc1e2c7768c51908316bde9ed74e55d0dadf59" - integrity sha512-DA/O5b4bznV2JsC/o0/JkP2tZLLPftRaz2HHCG+z0mwzNv2pl8lvIl4RpIVJWt1iO0K17kT43ToYYjknMUdJnA== +"@storybook/addon-outline@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-7.4.0.tgz#63fef45815f209a3ad7ac2b3765f0734093af668" + integrity sha512-CCAWFC3bfkmYPzFjOemfH/kjpqJOHt+SdJgBKmwujDy+zum0DHlUL/7rd+U32cEpezCA8bapd0hlWn59C4agHQ== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/types" "7.4.0" ts-dedent "^2.0.0" -"@storybook/addon-toolbars@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-7.3.2.tgz#68637495ce2a850db3affb61b210a086a21d20e1" - integrity sha512-hd+5Ax7p3vmsNNuO3t4pcmB2pxp58i9k12ygD66NLChSNafHxediLqdYJDTRuono2No1InV1HMZghlXXucCCHQ== - dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/theming" "7.3.2" - -"@storybook/addon-viewport@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-7.3.2.tgz#1db65d39493cec72ecd973908d9a09528f324ff7" - integrity sha512-G7i67xL35WE6qSmEoctavZUoPd2VDTaAqkRwrGa4oDQs5wed76PgIL2S5IybzbypSzPIXauiNQiBBd2RRMrLFg== - dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/core-events" "7.3.2" +"@storybook/addon-toolbars@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-7.4.0.tgz#db1a3bc1d6e6aa0142b62aaf8c44d5a9f82fd6b7" + integrity sha512-00PDLchlQXI3ZClQHU0YQBfikAAxHOhVNv2QKW54yFKmxPl+P2c/VIeir9LcPhA04smKrJTD1u+Nszd66A9xAA== + dependencies: + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/theming" "7.4.0" + +"@storybook/addon-viewport@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-7.4.0.tgz#a9bc167b822d31491cec6aad21cc0a420f1ae5b7" + integrity sha512-Bfoilf9eJV/C7tR8XHDxz3h8JlZ+iggoESp2Tc0bW9tlRvz+PsCqeyHhF/IgHY+gLnPal2PkK/PIM+ruO45HXA== + dependencies: + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/theming" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/theming" "7.4.0" memoizerific "^1.11.3" prop-types "^15.7.2" -"@storybook/blocks@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-7.3.2.tgz#3fcc55848cdd972311d4d5b15282156ec8005204" - integrity sha512-j/PRnvGLn0Y3VAu/t6RrU7pjenb7II7Cl/SnFW8LzjMBKXBrkFaq8BRbglzDAUtGdAa9HmJBosogenoZ9iWoBw== +"@storybook/blocks@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-7.4.0.tgz#6a9240e2b58bac99a998c559d719be7ff4e19dcc" + integrity sha512-YQznNjJm+l32fCfPxrZso9+MbcyG0pWZSpx3RKI1+pxDMsAs4mbXsIw4//jKfjoDP/6/Cz/FJcSx8LT7i4BJ2w== dependencies: - "@storybook/channels" "7.3.2" - "@storybook/client-logger" "7.3.2" - "@storybook/components" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/channels" "7.4.0" + "@storybook/client-logger" "7.4.0" + "@storybook/components" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/csf" "^0.1.0" - "@storybook/docs-tools" "7.3.2" + "@storybook/docs-tools" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/theming" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/theming" "7.4.0" + "@storybook/types" "7.4.0" "@types/lodash" "^4.14.167" color-convert "^2.0.1" dequal "^2.0.2" @@ -3558,20 +3558,20 @@ memoizerific "^1.11.3" polished "^4.2.2" react-colorful "^5.1.2" - telejson "^7.0.3" + telejson "^7.2.0" tocbot "^4.20.1" ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/builder-manager@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-7.3.2.tgz#6a6c98143007f14e553fc9a106033fe721cfa8a4" - integrity sha512-M0zdzpnZSg6Gd/QiIbOJkVoifAADpMT85NOC5zuAg3h3o29hedVBAigv/CE2nSbuwZtqPifjxs1AUh7wgtmj8A== +"@storybook/builder-manager@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-7.4.0.tgz#80cf72ea83f88e16d585c5bdb40d563874c7d8ca" + integrity sha512-4fuxVzBIBbZh2aVBizSOU5EJ8b74IhR6x2TAZjifZZf5Gdxgfgio8sAyrrd/C78vrFOFhFEgmQhMqZRuCLHxvQ== dependencies: "@fal-works/esbuild-plugin-global-externals" "^2.1.2" - "@storybook/core-common" "7.3.2" - "@storybook/manager" "7.3.2" - "@storybook/node-logger" "7.3.2" + "@storybook/core-common" "7.4.0" + "@storybook/manager" "7.4.0" + "@storybook/node-logger" "7.4.0" "@types/ejs" "^3.1.1" "@types/find-cache-dir" "^3.2.1" "@yarnpkg/esbuild-plugin-pnp" "^3.0.0-rc.10" @@ -3585,20 +3585,20 @@ process "^0.11.10" util "^0.12.4" -"@storybook/builder-vite@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-7.3.2.tgz#c46cd3fe0bead18e8be1bd40fe886d63913e520c" - integrity sha512-9xB3Z6QfDBX6Daj+LFldhavA8O7JU2E1dL6IHfaTLIamFH884Sl5Svq3GS3oh4/EbB/GifpVKEiwlvJaINCj+A== +"@storybook/builder-vite@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-7.4.0.tgz#a5e6919c48b825df418eae8ee58f0411275a29f1" + integrity sha512-2hE+Q5zoSFQvmiPKsRaZWUX5v6vRaSp0+kgZo3EOg0DvAACiC/Cd+sdnv7wxigvSnVRMbWvBVguPyePRjke8KA== dependencies: - "@storybook/channels" "7.3.2" - "@storybook/client-logger" "7.3.2" - "@storybook/core-common" "7.3.2" - "@storybook/csf-plugin" "7.3.2" + "@storybook/channels" "7.4.0" + "@storybook/client-logger" "7.4.0" + "@storybook/core-common" "7.4.0" + "@storybook/csf-plugin" "7.4.0" "@storybook/mdx2-csf" "^1.0.0" - "@storybook/node-logger" "7.3.2" - "@storybook/preview" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/node-logger" "7.4.0" + "@storybook/preview" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/types" "7.4.0" "@types/find-cache-dir" "^3.2.1" browser-assert "^1.2.1" es-module-lexer "^0.9.3" @@ -3610,34 +3610,34 @@ remark-slug "^6.0.0" rollup "^2.25.0 || ^3.3.0" -"@storybook/channels@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-7.3.2.tgz#2126321e7ad70e3fbc33d1544bb09e1fe6ffc5b9" - integrity sha512-GG5+qzv2OZAzXonqUpJR81f2pjKExj7v5MoFJhKYgb3Y+jVYlUzBHBjhQZhuQczP4si418/jvjimvU1PZ4hqcg== +"@storybook/channels@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-7.4.0.tgz#4ab69fce09c0fe7299f1595628b3de10b0fdcd8f" + integrity sha512-/1CU0s3npFumzVHLGeubSyPs21O3jNqtSppOjSB9iDTyV2GtQrjh5ntVwebfKpCkUSitx3x7TkCb9dylpEZ8+w== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/global" "^5.0.0" qs "^6.10.0" - telejson "^7.0.3" + telejson "^7.2.0" tiny-invariant "^1.3.1" -"@storybook/cli@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-7.3.2.tgz#5f8bc0ea8afbf15763098520dfd529803690c7bc" - integrity sha512-RnqE/6KSelL9TQ44uCIU5xvUhY9zXM2Upanr0hao72x44rvlGQbV262pHdkVIYsn0wi8QzYtnoxQPLSqUfUDfA== +"@storybook/cli@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-7.4.0.tgz#a50f435d55e3056547c983c0bfacb2eed63cd692" + integrity sha512-yn27cn3LzhTqpEVX6CzUz13KTJ3jPLA2eM4bO1t7SYUqpDlzw3lET9DIcYIaUAIiL+0r2Js3jW2BsyN/5KmO5w== dependencies: "@babel/core" "^7.22.9" "@babel/preset-env" "^7.22.9" "@babel/types" "^7.22.5" "@ndelangen/get-tarball" "^3.0.7" - "@storybook/codemod" "7.3.2" - "@storybook/core-common" "7.3.2" - "@storybook/core-server" "7.3.2" - "@storybook/csf-tools" "7.3.2" - "@storybook/node-logger" "7.3.2" - "@storybook/telemetry" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/codemod" "7.4.0" + "@storybook/core-common" "7.4.0" + "@storybook/core-server" "7.4.0" + "@storybook/csf-tools" "7.4.0" + "@storybook/node-logger" "7.4.0" + "@storybook/telemetry" "7.4.0" + "@storybook/types" "7.4.0" "@types/semver" "^7.3.4" "@yarnpkg/fslib" "2.10.3" "@yarnpkg/libzip" "2.3.0" @@ -3668,25 +3668,25 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-logger@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-7.3.2.tgz#8c04d07cc3fdce124fa95aafc5413fea0c202345" - integrity sha512-T7q/YS5lPUE6xjz9EUwJ/v+KCd5KU9dl1MQ9RcH7IpM73EtQZeNSuM9/P96uKXZTf0wZOUBTXVlTzKr66ZB/RQ== +"@storybook/client-logger@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-7.4.0.tgz#f90aa5ee29d540074f6e4890bae71836ac87273c" + integrity sha512-4pBnf7+df1wXEVcF1civqxbrtccGGHQkfWQkJo49s53RXvF7SRTcif6XTx0V3cQV0v7I1C5mmLm0LNlmjPRP1Q== dependencies: "@storybook/global" "^5.0.0" -"@storybook/codemod@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-7.3.2.tgz#006b0495b9b9565bf3b883524d80974eaa661bae" - integrity sha512-B2P91aYhlxdk7zeQOq0VBnDox2HEcboP2unSh6Vcf4V8j2FCdPvBIM7ZkT9p15FHfyOHvvrtf56XdBIyD8/XJA== +"@storybook/codemod@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-7.4.0.tgz#c23ef80253b5a5998c83e49e74bd6ff62683d27a" + integrity sha512-XqNhv5bec+L7TJ5tXdsMalmJazwaFMVVxoNlnb0f9zKhovAEF2F6hl6+Pnd2avRomH9+1q7EM+GwrTCAvzAfzg== dependencies: "@babel/core" "^7.22.9" "@babel/preset-env" "^7.22.9" "@babel/types" "^7.22.5" "@storybook/csf" "^0.1.0" - "@storybook/csf-tools" "7.3.2" - "@storybook/node-logger" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/csf-tools" "7.4.0" + "@storybook/node-logger" "7.4.0" + "@storybook/types" "7.4.0" "@types/cross-spawn" "^6.0.2" cross-spawn "^7.0.3" globby "^11.0.2" @@ -3695,38 +3695,37 @@ prettier "^2.8.0" recast "^0.23.1" -"@storybook/components@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-7.3.2.tgz#84855518670a87b74275bdc4194148961b9cc776" - integrity sha512-hsa1OJx4yEtLHTzrCxq8G9U5MTbcTuItj9yp1gsW9RTNc/V1n/rReQv4zE/k+//2hDsLrS62o3yhZ9VksRhLNw== +"@storybook/components@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-7.4.0.tgz#0cc83ff89dd9cdcde3eaeeb7b3fbcf2036ba6fb8" + integrity sha512-GGnQrI4NXwri/PqNjhO1vNv4tC7RBjY87ce9WHBq1ueat3kBakdqV97NzScoldXarkkKK6grBqmhw9jE5PfzhQ== dependencies: "@radix-ui/react-select" "^1.2.2" "@radix-ui/react-toolbar" "^1.0.4" - "@storybook/client-logger" "7.3.2" + "@storybook/client-logger" "7.4.0" "@storybook/csf" "^0.1.0" "@storybook/global" "^5.0.0" - "@storybook/icons" "^1.1.6" - "@storybook/theming" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/theming" "7.4.0" + "@storybook/types" "7.4.0" memoizerific "^1.11.3" use-resize-observer "^9.1.0" util-deprecate "^1.0.2" -"@storybook/core-client@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-7.3.2.tgz#905ba380a1116205dc1bc23a866e648bf44a89c0" - integrity sha512-K2jCnjZiUUskFjKUj7m1FTCphIwBv0KPOE5JCd0UR7un1P1G1kdXMctADE6fHosrW73xRrad9CBSyyetUVQQOA== +"@storybook/core-client@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-7.4.0.tgz#b2b683ebc44d0dfaa7a886f7bb1a5fc74a3d0965" + integrity sha512-AhysJS2HnydB8Jc+BMVzK5VLHa1liJjxroNsd+ZTgGUhD7R8wvozrswQgY4MLFtcaLwN/wDWlK2YavSBqmc94Q== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/preview-api" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/preview-api" "7.4.0" -"@storybook/core-common@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-7.3.2.tgz#82816a6d7a9b7d07a229d287d6a8b16aa41ec10a" - integrity sha512-W+X7JXV0UmHuUl9xSF/xzz1+P7VM8xHt7ORfp8yrtJRwLHURqHvFFQC+NUHBKno1Ydtt/Uch7QNOWUlQKmiWEw== +"@storybook/core-common@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-7.4.0.tgz#da71afd79a12cfb5565351f184f6797214a5da79" + integrity sha512-QKrBL46ZFdfTjlZE3f7b59Q5+frOHWIJ64sC9BZ2PHkZkGjFeYRDdJJ6EHLYBb+nToynl33dYN1GQz+hQn2vww== dependencies: - "@storybook/node-logger" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/node-logger" "7.4.0" + "@storybook/types" "7.4.0" "@types/find-cache-dir" "^3.2.1" "@types/node" "^16.0.0" "@types/node-fetch" "^2.6.4" @@ -3748,31 +3747,33 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/core-events@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-7.3.2.tgz#9d18df7ceb6901225218e538a3d1d720a2f49b46" - integrity sha512-DCrM3s+sxLKS8vl0zB+1tZEtcl5XQTOGl46XgRRV/SIBabFbsC0l5pQPswWkTUsIqdREtiT0YUHcXB1+YDyFvA== +"@storybook/core-events@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-7.4.0.tgz#0d50d254d65a678065d5906ac1dcab64396f2f6a" + integrity sha512-JavEo4dw7TQdF5pSKjk4RtqLgsG2R/eWRI8vZ3ANKa0ploGAnQR/eMTfSxf6TUH3ElBWLJhi+lvUCkKXPQD+dw== + dependencies: + ts-dedent "^2.0.0" -"@storybook/core-server@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-7.3.2.tgz#b5abc90c7ed3900531b79a63c8f4059e4702f7d4" - integrity sha512-TLMEptmfqYLu4bayRV5m8T3R50uR07Fwja1n/8CCmZOGWjnr5kXMFRkD7+hj7wm82yoidfd23bmVcRU9mlG+tg== +"@storybook/core-server@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-7.4.0.tgz#9e624789ff30d9538ac014b038c48fac0ebb7272" + integrity sha512-AcbfXatHVx1by4R2CiPIMgjQlOL3sUbVarkhmgUcL0AWT0zC0SCQWUZdo22en+jZhAraazgXyLGNCVP7A+6Tqg== dependencies: "@aw-web-design/x-default-browser" "1.4.126" "@discoveryjs/json-ext" "^0.5.3" - "@storybook/builder-manager" "7.3.2" - "@storybook/channels" "7.3.2" - "@storybook/core-common" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/builder-manager" "7.4.0" + "@storybook/channels" "7.4.0" + "@storybook/core-common" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/csf" "^0.1.0" - "@storybook/csf-tools" "7.3.2" + "@storybook/csf-tools" "7.4.0" "@storybook/docs-mdx" "^0.1.0" "@storybook/global" "^5.0.0" - "@storybook/manager" "7.3.2" - "@storybook/node-logger" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/telemetry" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager" "7.4.0" + "@storybook/node-logger" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/telemetry" "7.4.0" + "@storybook/types" "7.4.0" "@types/detect-port" "^1.3.0" "@types/node" "^16.0.0" "@types/pretty-hrtime" "^1.0.0" @@ -3793,7 +3794,7 @@ read-pkg-up "^7.0.1" semver "^7.3.7" serve-favicon "^2.5.0" - telejson "^7.0.3" + telejson "^7.2.0" tiny-invariant "^1.3.1" ts-dedent "^2.0.0" util "^0.12.4" @@ -3801,25 +3802,25 @@ watchpack "^2.2.0" ws "^8.2.3" -"@storybook/csf-plugin@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-7.3.2.tgz#c82db8531444bc9e229109f2bf54b42f6669107e" - integrity sha512-uXJLJkRQeXnI2jHRdHfjJCbtEDohqzCrADh1xDfjqy/MQ/Sh2iFnRBCbEXsrxROBMh7Ow88/hJdy+vX0ZQh9fA== +"@storybook/csf-plugin@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-7.4.0.tgz#f25ebb30affbc9b4dd61b1fdb12c4a4257a275dc" + integrity sha512-X1L3l/dpz2UYjCEQlFLkW7w1A13pmzDZpJ0lotkV79PALlakMXBeoX3I2E0VMjJATV8wC9RSj56COBAs6HsPeg== dependencies: - "@storybook/csf-tools" "7.3.2" + "@storybook/csf-tools" "7.4.0" unplugin "^1.3.1" -"@storybook/csf-tools@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-7.3.2.tgz#d93a47443ee24e59bc444f97234e11b2fb157136" - integrity sha512-54UaOsx9QZxiuMSpX01kSAEYuZYaB72Zz8ihlVrKZbIPTSJ6SYcM/jzNCGf1Rz7AjgU2UjXCSs5zBq5t37Nuqw== +"@storybook/csf-tools@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-7.4.0.tgz#db5c97ee603da9a68511192d701534e356f9e592" + integrity sha512-bKyOmWPyvT50Neq2wCRr2PmVGLVVm6pOw8WL5t5jueD8sRRzo9QdfhEkqmuSyqdsBdt3SiJKL5oA6dqY5Vl9ww== dependencies: "@babel/generator" "^7.22.9" "@babel/parser" "^7.22.7" "@babel/traverse" "^7.22.8" "@babel/types" "^7.22.5" "@storybook/csf" "^0.1.0" - "@storybook/types" "7.3.2" + "@storybook/types" "7.4.0" fs-extra "^11.1.0" recast "^0.23.1" ts-dedent "^2.0.0" @@ -3843,14 +3844,14 @@ resolved "https://registry.yarnpkg.com/@storybook/docs-mdx/-/docs-mdx-0.1.0.tgz#33ba0e39d1461caf048b57db354b2cc410705316" integrity sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg== -"@storybook/docs-tools@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-7.3.2.tgz#4e76ca791c45595aa3bbfd53e6f74dcb5b60f100" - integrity sha512-MSmAiL/lg+B14CIKD6DvkBPdTDfGBSSt3bE+vW2uW9ohNJB5eWePZLQZUe34uZuunn3uqyTAgbEF7KjrtGZ/MQ== +"@storybook/docs-tools@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-7.4.0.tgz#d9109c9c8ec4e90bb24d1acfcc16834a252618eb" + integrity sha512-DzXmt4JorAOePoS+sjQznf8jLPI9D5mdB1eSXjfvmGBQyyehKTZv5+TXuxYvT3iPN4rW4OPrIrQCSIrbULFdwA== dependencies: - "@storybook/core-common" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/core-common" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/types" "7.4.0" "@types/doctrine" "^0.0.3" doctrine "^3.0.0" lodash "^4.17.21" @@ -3860,63 +3861,58 @@ resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed" integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ== -"@storybook/icons@^1.1.6": - version "1.1.6" - resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-1.1.6.tgz#22536cde6dd85fa259608fa8bd7b9eeca2a8e688" - integrity sha512-co5gDCYPojRAc5lRMnWxbjrR1V37/rTmAo9Vok4a1hDpHZIwkGTWesdzvYivSQXYFxZTpxdM1b5K3W87brnahw== - -"@storybook/manager-api@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-7.3.2.tgz#8228ce35cfc0f304e3a1c51bec3d3e0d01427a1a" - integrity sha512-EEosLcc+CPLjorLf2+rGLBW0sH0SHVcB1yClLIzKM5Wt8Cl/0l19wNtGMooE/28SDLA4DPIl4WDnP83wRE1hsg== +"@storybook/manager-api@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-7.4.0.tgz#aee0153df1583459b7e1e64e1d8c46fb49a584c8" + integrity sha512-sBfkkt0eZGTozeKrbzMtWLEOQrgqdk24OUJlkc2IDaucR1CBNjoCMjNeYg7cLDw0rXE8W3W3AdWtJnfsUbLMAQ== dependencies: - "@storybook/channels" "7.3.2" - "@storybook/client-logger" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/channels" "7.4.0" + "@storybook/client-logger" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/csf" "^0.1.0" "@storybook/global" "^5.0.0" - "@storybook/router" "7.3.2" - "@storybook/theming" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/router" "7.4.0" + "@storybook/theming" "7.4.0" + "@storybook/types" "7.4.0" dequal "^2.0.2" lodash "^4.17.21" memoizerific "^1.11.3" semver "^7.3.7" store2 "^2.14.2" - telejson "^7.0.3" + telejson "^7.2.0" ts-dedent "^2.0.0" -"@storybook/manager@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-7.3.2.tgz#9554d24b220c8547a75e9cbd714eddfc2c4a5824" - integrity sha512-nA3XcnD36WUjgMCtID2M4DWYZh6MnabItXvKXGbNUkI8SVaIekc5nEgeplFyqutL11eKz3Es/FwwEP+mePbWfw== +"@storybook/manager@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-7.4.0.tgz#21a825c9145f56ca6c38d3e9d3546b311a6db14e" + integrity sha512-uOSdPBEBKg8WORUZ5HKHb4KnKcTyA5j5Q8MWy/NBaRd22JR3fQkZiKuHer9WJIOQTU+fb6KDmzhZbCTKg5Euog== "@storybook/mdx2-csf@^1.0.0": version "1.1.0" resolved "https://registry.yarnpkg.com/@storybook/mdx2-csf/-/mdx2-csf-1.1.0.tgz#97f6df04d0bf616991cc1005a073ac004a7281e5" integrity sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw== -"@storybook/node-logger@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.3.2.tgz#c8fea7b87d63c7b50757646af990d7cf13f7c71e" - integrity sha512-XCCYiLa5mQ7KeDQcZ4awlyWDmtxJHLIJeedvXx29JUNztUjgwyon9rlNvxtxtGj6171zgn9MERFh920WyJOOOQ== +"@storybook/node-logger@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.4.0.tgz#808ed8a63e3bc2f97a2d276b4e8ddaa72b79deb0" + integrity sha512-tWSWkYyAvp6SxjIBaTklg29avzv/3Lv4c0dOG2o5tz79PyZkq9v6sQtwLLoI8EJA9Mo8Z08vaJp8NZyDQ9RCuA== -"@storybook/postinstall@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-7.3.2.tgz#1826abc87d69fc8e125cb7587f19074cb474650d" - integrity sha512-23/QUseeVaYjqexq4O1f1g/Fxq+pNGD+/wbXLPkdwNydutGwMZ3XAD8jcm+zeOmkbUPN8jQzKUXqO2OE/GgvHg== +"@storybook/postinstall@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-7.4.0.tgz#81f3bef31b566e26d616f9c3ce567f07ff143cc7" + integrity sha512-ZVBZggqkuj7ysfuHSCd/J7ovWV06zY9uWf+VU+Zw7ZeojDT8QHFrCurPsN7D9679j9vRU1/kSzqvAiStALS33g== -"@storybook/preview-api@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-7.3.2.tgz#75701e7d27cb804c2e30403ce9d001ea8cb2022a" - integrity sha512-exQrWQQLwf/nXB6OEuQScygN5iO914iNQAvicaJ7mrX9L1ypIq1PpXgJR3mSezBd9dhOMBP/BMy1Zck/wBEL9A== +"@storybook/preview-api@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-7.4.0.tgz#46818910545735bef43965651eef380a6f481f4b" + integrity sha512-ndXO0Nx+eE7ktVE4EqHpQZ0guX7yYBdruDdJ7B739C0+OoPWsJN7jAzUqq0NXaBcYrdaU5gTy+KnWJUt8R+OyA== dependencies: - "@storybook/channels" "7.3.2" - "@storybook/client-logger" "7.3.2" - "@storybook/core-events" "7.3.2" + "@storybook/channels" "7.4.0" + "@storybook/client-logger" "7.4.0" + "@storybook/core-events" "7.4.0" "@storybook/csf" "^0.1.0" "@storybook/global" "^5.0.0" - "@storybook/types" "7.3.2" + "@storybook/types" "7.4.0" "@types/qs" "^6.9.5" dequal "^2.0.2" lodash "^4.17.21" @@ -3926,82 +3922,83 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/preview@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-7.3.2.tgz#ba86f2bdf47df1f523023155735cc57969004438" - integrity sha512-UXgImhD7xa+nYgXRcNFQdTqQT1725mOzWbQUtYPMJXkHO+t251hQrEc81tMzSSPEgPrFY8wndpEqTt8glFm91g== +"@storybook/preview@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-7.4.0.tgz#a58756ac9b12ea21f203032eca47991946257b53" + integrity sha512-R4LMTvUrVAbcUetRbAXpY3frkwD0eysqHrByiR73040+ngzDwtZOBAy0JfO3jw3WrWv2dn3kWlao5aEwVc9Exw== -"@storybook/react-dom-shim@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-7.3.2.tgz#67d266ee56286479cd1c3b113451a7907516fdbe" - integrity sha512-63ysybmpl9UULmLu/aUwWwhjf5QEWTvnMW9r8Z3LF3sW8Z698ZsssdThzNWqw0zlwTlgnQA4ta2Df4/oVXR0+Q== +"@storybook/react-dom-shim@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-7.4.0.tgz#12f137f00f2a209cb49a4084475dd93f23e0678a" + integrity sha512-TLpb8a2hnWJoRLqoXpMADh82BFfRZll6JI2Waf1FjnvJ4SF9eS0zBbxybrjW3lFAHWy2XJi+rwcK8FiPj0iBoQ== -"@storybook/router@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/router/-/router-7.3.2.tgz#6f59996c67bd22c57947cf58337979e0730e1e5e" - integrity sha512-J3QPudwCJhdnfqPx9GaNDlnsjJ6JbFta/ypp3EkHntyuuaNBeNP3Aq73DJJY2XMTS2Xdw8tD9Y9Y9gCFHJXMDQ== +"@storybook/router@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-7.4.0.tgz#627f824bfd9cc4653ee84581fc09373ab1463336" + integrity sha512-IATdtFL5C3ryjNQSwaQfrmiOZiVFoVNMevMoBGDC++g0laSW40TGiNK6fUjUDBKuOgbuDt4Svfbl29k21GefEg== dependencies: - "@storybook/client-logger" "7.3.2" + "@storybook/client-logger" "7.4.0" memoizerific "^1.11.3" qs "^6.10.0" -"@storybook/telemetry@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-7.3.2.tgz#61c07300dedd40f3c17c81ea9d2a097187cb37c9" - integrity sha512-BmgwaZGoR2ZzGZpcO5ipc4uMd9y28qmu9Ynx054Q3mb86daJrw4CU18TVi5UoFa9qmygQhoHx2gaK2QStNtqCg== +"@storybook/telemetry@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-7.4.0.tgz#04e47a2d9decf7671273130a9af9d231a8c3d2e8" + integrity sha512-oxCB3kIbpiDWuXEtQhk/j6t1/h0KKWAuvxmcwGPxwhEvj/uNtoM+f1qhoDID9waxNo4AccU9Px+1ZJQ+2ejcDg== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/core-common" "7.3.2" - "@storybook/csf-tools" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/core-common" "7.4.0" + "@storybook/csf-tools" "7.4.0" chalk "^4.1.0" detect-package-manager "^2.0.1" fetch-retry "^5.0.2" fs-extra "^11.1.0" read-pkg-up "^7.0.1" -"@storybook/theming@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-7.3.2.tgz#6742697322de78831e5e67567368f82b5969a83d" - integrity sha512-npVsnmNAtqGwl1K7vLC/hcVhL8tBC8G0vdZXEcufF0jHdQmRCUs9ZVrnR6W0LCrtmIHDaDoO7PqJVSzu2wgVxw== +"@storybook/theming@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-7.4.0.tgz#f5d9f8f55c41e08c0f50b57d9fb0e159ed595274" + integrity sha512-eLjEf6G3cqlegfutF/iUrec9LrUjKDj7K4ZhGdACWrf7bQcODs99EK62e9/d8GNKr4b+QMSEuM6XNGaqdPnuzQ== dependencies: "@emotion/use-insertion-effect-with-fallbacks" "^1.0.0" - "@storybook/client-logger" "7.3.2" + "@storybook/client-logger" "7.4.0" "@storybook/global" "^5.0.0" memoizerific "^1.11.3" -"@storybook/types@7.3.2": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/types/-/types-7.3.2.tgz#81ca5cf87dcaeb06d99e17e91d7852677a0676b9" - integrity sha512-1UHC1r2J6H9dEpj4pp9a16P1rTL87V9Yc6TtYBpp7m+cxzyIZBRvu1wZFKmRB51RXE/uDaxGRKzfNRfgTALcIQ== +"@storybook/types@7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/types/-/types-7.4.0.tgz#71ce550d4d469f6aaf9777fc7432db9fb67f53f9" + integrity sha512-XyzYkmeklywxvElPrIWLczi/PWtEdgTL6ToT3++FVxptsC2LZKS3Ue+sBcQ9xRZhkRemw4HQHwed5EW3dO8yUg== dependencies: - "@storybook/channels" "7.3.2" + "@storybook/channels" "7.4.0" "@types/babel__core" "^7.0.0" "@types/express" "^4.7.0" + "@types/react" "^16.14.34" file-system-cache "2.3.0" -"@storybook/web-components-vite@^7.3.0": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/web-components-vite/-/web-components-vite-7.3.2.tgz#11e9c0bad544b098560acc5590f504d5396d3371" - integrity sha512-EJ431jDSVC/ahKpPzLrlhqWRATpZnSAWSb6mVi+xWYHYUyrGG4ywydth2TcryeNxyJzFvJJvfM5o9lRkKt9dvA== +"@storybook/web-components-vite@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/web-components-vite/-/web-components-vite-7.4.0.tgz#3b748390b6172d4f1f4fb75775a0bac7bd0f0f4a" + integrity sha512-v8S81zkx4Q6CIWogHkMQEsOZMsDzMkK1acfFzPYP84jgYOi5wrszARD+Wc1SgDiNr3fBE5MwJGl5LVN0pBgtfQ== dependencies: - "@storybook/builder-vite" "7.3.2" - "@storybook/core-server" "7.3.2" - "@storybook/node-logger" "7.3.2" - "@storybook/web-components" "7.3.2" + "@storybook/builder-vite" "7.4.0" + "@storybook/core-server" "7.4.0" + "@storybook/node-logger" "7.4.0" + "@storybook/web-components" "7.4.0" magic-string "^0.30.0" -"@storybook/web-components@7.3.2", "@storybook/web-components@^7.3.0": - version "7.3.2" - resolved "https://registry.yarnpkg.com/@storybook/web-components/-/web-components-7.3.2.tgz#1115c44817390fc200bf750535012e7f06b34410" - integrity sha512-ek2WbNrPElatVHe6NK0Ql0X5MaNowJfKqNjvYzAt+2Q+AMWfXh+UurTueSN3VnUjjhupJ5UTbIbhrI3/VL7buw== +"@storybook/web-components@7.4.0", "@storybook/web-components@^7.4.0": + version "7.4.0" + resolved "https://registry.yarnpkg.com/@storybook/web-components/-/web-components-7.4.0.tgz#cf683963ea55435d27bc9c358d2a1bfec1d211bb" + integrity sha512-j1OcX/rV+1GoGNuwQ6yIcsHX23tNH+qz6db2pRqRNTFwoBEGYlW2np6y56eYA3zZ1Jg6o8/oDgDPwtX3N1XWtQ== dependencies: - "@storybook/client-logger" "7.3.2" - "@storybook/core-client" "7.3.2" - "@storybook/docs-tools" "7.3.2" + "@storybook/client-logger" "7.4.0" + "@storybook/core-client" "7.4.0" + "@storybook/docs-tools" "7.4.0" "@storybook/global" "^5.0.0" - "@storybook/manager-api" "7.3.2" - "@storybook/preview-api" "7.3.2" - "@storybook/types" "7.3.2" + "@storybook/manager-api" "7.4.0" + "@storybook/preview-api" "7.4.0" + "@storybook/types" "7.4.0" tiny-invariant "^1.3.1" ts-dedent "^2.0.0" @@ -4521,6 +4518,15 @@ "@types/scheduler" "*" csstype "^3.0.2" +"@types/react@^16.14.34": + version "16.14.46" + resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.46.tgz#42ac91aece416176e6b6127cd9ec9e381ea67e16" + integrity sha512-Am4pyXMrr6cWWw/TN3oqHtEZl0j+G6Up/O8m65+xF/3ZaUgkv1GAtTPWw4yNRmH0HJXmur6xKCKoMo3rBGynuw== + dependencies: + "@types/prop-types" "*" + "@types/scheduler" "*" + csstype "^3.0.2" + "@types/resolve@1.17.1": version "1.17.1" resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6" @@ -15392,12 +15398,12 @@ store2@^2.14.2: resolved "https://registry.yarnpkg.com/store2/-/store2-2.14.2.tgz#56138d200f9fe5f582ad63bc2704dbc0e4a45068" integrity sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w== -storybook@^7.3.0: - version "7.3.2" - resolved "https://registry.yarnpkg.com/storybook/-/storybook-7.3.2.tgz#602960a7a084af1e6d7b0612f98afbb5e958abff" - integrity sha512-Vf1C5pfF5NHQsb+33NeBd3gLGhcwbT+v6WqqIdARV7LSByqKiWNgJl2ATgzm1b4ERJo8sHU+EiJZIovFWEElkg== +storybook@^7.4.0: + version "7.4.0" + resolved "https://registry.yarnpkg.com/storybook/-/storybook-7.4.0.tgz#f1b64222e3d474bc6e258eb7e48c675685829873" + integrity sha512-jSwbyxHlr2dTY51Pv0mzenjrMDJNZH7DQhHu4ZezpjV+QK/rLCnD+Gt/7iDSaNlsmZJejQcmURDoEybWggMOqw== dependencies: - "@storybook/cli" "7.3.2" + "@storybook/cli" "7.4.0" stream-combiner@~0.0.4: version "0.0.4" @@ -15823,7 +15829,7 @@ tar@^6.0.2, tar@^6.1.0, tar@^6.1.11, tar@^6.1.13, tar@^6.1.2: mkdirp "^1.0.3" yallist "^4.0.0" -telejson@^7.0.3: +telejson@^7.2.0: version "7.2.0" resolved "https://registry.yarnpkg.com/telejson/-/telejson-7.2.0.tgz#3994f6c9a8f8d7f2dba9be2c7c5bbb447e876f32" integrity sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ== From dde12df86973132109784cd4538875b9d2b8d27d Mon Sep 17 00:00:00 2001 From: Jake Strawn Date: Wed, 6 Sep 2023 17:20:57 -0400 Subject: [PATCH 2/4] feat(updates): Formatting. --- .storybook/main.js | 2 +- .../config/storybook.main.css | 700 +++++++++--------- 2 files changed, 353 insertions(+), 349 deletions(-) diff --git a/.storybook/main.js b/.storybook/main.js index b4a1ec355..0a1947813 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -35,7 +35,7 @@ module.exports = { modernInlineRender: true, }, framework: { - name: getAbsolutePath("@storybook/web-components-vite"), + name: getAbsolutePath('@storybook/web-components-vite'), options: {}, }, docs: { diff --git a/packages/documentation/outline-storybook/config/storybook.main.css b/packages/documentation/outline-storybook/config/storybook.main.css index 1eb20ce1a..70c1d8ddd 100644 --- a/packages/documentation/outline-storybook/config/storybook.main.css +++ b/packages/documentation/outline-storybook/config/storybook.main.css @@ -1,381 +1,385 @@ @import url('https://rsms.me/inter/inter.css'); -:root{ - --brand-primary:#2563eb; - --brand-secondary:#059669; - --brand-tertiary:#dc2626; - --brand-quaternary:#d97706; - --brand-quinary:#9333ea; - --brand-senary:#db2777; - --brand-septenary:#4f46e5; - --brand-octonary:#525252; - --brand-nonary:#1e3a8a; - --brand-denary:#171717; - --status-success:#2f855a; - --status-warning:#b64301; - --status-error:#c53030; - --status-info:#1e3a8a; - --outline-phase2-blue:#0080ff; - --outline-karma-coral:#fa5c5c; - --outline-soft-black:#171717; - --outline-not-gray:#cfc7d4; - --outline-misty-teal:#73f2e5; - --outline-electric-violet:#9484ff; - --outline-dusty-blue:#7fc7ee; - --outline-transparent:transparent; - --outline-white:#fff; - --outline-black:#000; - - --outline-gray-50:#fafafa; - --outline-gray-100:#f5f5f5; - --outline-gray-200:#e5e5e5; - --outline-gray-300:#d4d4d4; - --outline-gray-400:#a3a3a3; - --outline-gray-500:#737373; - --outline-gray-600:#525252; - --outline-gray-700:#404040; - --outline-gray-800:#262626; - --outline-gray-900:#171717; +:root { + --brand-primary: #2563eb; + --brand-secondary: #059669; + --brand-tertiary: #dc2626; + --brand-quaternary: #d97706; + --brand-quinary: #9333ea; + --brand-senary: #db2777; + --brand-septenary: #4f46e5; + --brand-octonary: #525252; + --brand-nonary: #1e3a8a; + --brand-denary: #171717; + --status-success: #2f855a; + --status-warning: #b64301; + --status-error: #c53030; + --status-info: #1e3a8a; + --outline-phase2-blue: #0080ff; + --outline-karma-coral: #fa5c5c; + --outline-soft-black: #171717; + --outline-not-gray: #cfc7d4; + --outline-misty-teal: #73f2e5; + --outline-electric-violet: #9484ff; + --outline-dusty-blue: #7fc7ee; + --outline-transparent: transparent; + --outline-white: #fff; + --outline-black: #000; - --outline-blue-50:#eff6ff; - --outline-blue-100:#dbeafe; - --outline-blue-200:#bfdbfe; - --outline-blue-300:#93c5fd; - --outline-blue-400:#60a5fa; - --outline-blue-500:#3b82f6; - --outline-blue-600:#2563eb; - --outline-blue-700:#1d4ed8; - --outline-blue-800:#1e40af; - --outline-blue-900:#1e3a8a; + --outline-gray-50: #fafafa; + --outline-gray-100: #f5f5f5; + --outline-gray-200: #e5e5e5; + --outline-gray-300: #d4d4d4; + --outline-gray-400: #a3a3a3; + --outline-gray-500: #737373; + --outline-gray-600: #525252; + --outline-gray-700: #404040; + --outline-gray-800: #262626; + --outline-gray-900: #171717; - --red-50:#fef2f2; - --red-100:#fee2e2; - --red-200:#fecaca; - --red-300:#fca5a5; - --red-400:#f87171; - --red-500:#ef4444; - --red-600:#dc2626; - --red-700:#b91c1c; - --red-800:#991b1b; - --red-900:#7f1d1d; - --yellow-50:#fffbeb; - --yellow-100:#fef3c7; - --yellow-200:#fde68a; - --yellow-300:#fcd34d; - --yellow-400:#fbbf24; - --yellow-500:#f59e0b; - --yellow-600:#d97706; - --yellow-700:#b45309; - --yellow-800:#92400e; - --yellow-900:#78350f; - --green-50:#ecfdf5; - --green-100:#d1fae5; - --green-200:#a7f3d0; - --green-300:#6ee7b7; - --green-400:#34d399; - --green-500:#10b981; - --green-600:#059669; - --green-700:#047857; - --green-800:#065f46; - --green-900:#064e3b; - --indigo-50:#eef2ff; - --indigo-100:#e0e7ff; - --indigo-200:#c7d2fe; - --indigo-300:#a5b4fc; - --indigo-400:#818cf8; - --indigo-500:#6366f1; - --indigo-600:#4f46e5; - --indigo-700:#4338ca; - --indigo-800:#3730a3; - --indigo-900:#312e81; - --purple-50:#faf5ff; - --purple-100:#f3e8ff; - --purple-200:#e9d5ff; - --purple-300:#d8b4fe; - --purple-400:#c084fc; - --purple-500:#a855f7; - --purple-600:#9333ea; - --purple-700:#7e22ce; - --purple-800:#6b21a8; - --purple-900:#581c87; - --pink-50:#fdf2f8; - --pink-100:#fce7f3; - --pink-200:#fbcfe8; - --pink-300:#f9a8d4; - --pink-400:#f472b6; - --pink-500:#ec4899; - --pink-600:#db2777; - --pink-700:#be185d; - --pink-800:#9d174d; - --pink-900:#831843; - --screen-xs:480px; - --screen-sm:640px; - --screen-md:768px; - --screen-lg:1024px; - --screen-xl:1280px; - --screen-xxl:1440px; - --screen-xxxl:2180px; + --outline-blue-50: #eff6ff; + --outline-blue-100: #dbeafe; + --outline-blue-200: #bfdbfe; + --outline-blue-300: #93c5fd; + --outline-blue-400: #60a5fa; + --outline-blue-500: #3b82f6; + --outline-blue-600: #2563eb; + --outline-blue-700: #1d4ed8; + --outline-blue-800: #1e40af; + --outline-blue-900: #1e3a8a; - --spacing-0:0px; - --spacing-1:0.25rem; - --spacing-2:0.5rem; - --spacing-3:0.75rem; - --spacing-4:1rem; - --spacing-5:1.25rem; - --spacing-6:1.5rem; - --spacing-7:1.75rem; - --spacing-8:2rem; - --spacing-9:2.25rem; - --spacing-10:2.5rem; - --spacing-11:2.75rem; - --spacing-12:3rem; - --spacing-14:3.5rem; - --spacing-16:4rem; - --spacing-20:5rem; - --spacing-24:6rem; - --spacing-28:7rem; - --spacing-32:8rem; - --spacing-36:9rem; - --spacing-40:10rem; - --spacing-44:11rem; - --spacing-48:12rem; - --spacing-52:13rem; - --spacing-56:14rem; - --spacing-60:15rem; - --spacing-64:16rem; - --spacing-72:18rem; - --spacing-80:20rem; - --spacing-96:24rem; - --spacing-px:1px; + --red-50: #fef2f2; + --red-100: #fee2e2; + --red-200: #fecaca; + --red-300: #fca5a5; + --red-400: #f87171; + --red-500: #ef4444; + --red-600: #dc2626; + --red-700: #b91c1c; + --red-800: #991b1b; + --red-900: #7f1d1d; + --yellow-50: #fffbeb; + --yellow-100: #fef3c7; + --yellow-200: #fde68a; + --yellow-300: #fcd34d; + --yellow-400: #fbbf24; + --yellow-500: #f59e0b; + --yellow-600: #d97706; + --yellow-700: #b45309; + --yellow-800: #92400e; + --yellow-900: #78350f; + --green-50: #ecfdf5; + --green-100: #d1fae5; + --green-200: #a7f3d0; + --green-300: #6ee7b7; + --green-400: #34d399; + --green-500: #10b981; + --green-600: #059669; + --green-700: #047857; + --green-800: #065f46; + --green-900: #064e3b; + --indigo-50: #eef2ff; + --indigo-100: #e0e7ff; + --indigo-200: #c7d2fe; + --indigo-300: #a5b4fc; + --indigo-400: #818cf8; + --indigo-500: #6366f1; + --indigo-600: #4f46e5; + --indigo-700: #4338ca; + --indigo-800: #3730a3; + --indigo-900: #312e81; + --purple-50: #faf5ff; + --purple-100: #f3e8ff; + --purple-200: #e9d5ff; + --purple-300: #d8b4fe; + --purple-400: #c084fc; + --purple-500: #a855f7; + --purple-600: #9333ea; + --purple-700: #7e22ce; + --purple-800: #6b21a8; + --purple-900: #581c87; + --pink-50: #fdf2f8; + --pink-100: #fce7f3; + --pink-200: #fbcfe8; + --pink-300: #f9a8d4; + --pink-400: #f472b6; + --pink-500: #ec4899; + --pink-600: #db2777; + --pink-700: #be185d; + --pink-800: #9d174d; + --pink-900: #831843; + --screen-xs: 480px; + --screen-sm: 640px; + --screen-md: 768px; + --screen-lg: 1024px; + --screen-xl: 1280px; + --screen-xxl: 1440px; + --screen-xxxl: 2180px; - --fs-xs:0.75rem; - --fs-sm:0.875rem; - --fs-base:1rem; - --fs-lg:1.125rem; - --fs-xl:1.25rem; - --fs-2xl:1.5rem; - --fs-3xl:1.875rem; - --fs-4xl:2.25rem; - --fs-5xl:3.5rem; - --fs-6xl:4.5rem; - --fs-7xl:5.5rem; - --fs-8xl:6.5rem; - --fs-9xl:7.5rem; + --spacing-0: 0px; + --spacing-1: 0.25rem; + --spacing-2: 0.5rem; + --spacing-3: 0.75rem; + --spacing-4: 1rem; + --spacing-5: 1.25rem; + --spacing-6: 1.5rem; + --spacing-7: 1.75rem; + --spacing-8: 2rem; + --spacing-9: 2.25rem; + --spacing-10: 2.5rem; + --spacing-11: 2.75rem; + --spacing-12: 3rem; + --spacing-14: 3.5rem; + --spacing-16: 4rem; + --spacing-20: 5rem; + --spacing-24: 6rem; + --spacing-28: 7rem; + --spacing-32: 8rem; + --spacing-36: 9rem; + --spacing-40: 10rem; + --spacing-44: 11rem; + --spacing-48: 12rem; + --spacing-52: 13rem; + --spacing-56: 14rem; + --spacing-60: 15rem; + --spacing-64: 16rem; + --spacing-72: 18rem; + --spacing-80: 20rem; + --spacing-96: 24rem; + --spacing-px: 1px; - --lh-xs:1rem; - --lh-sm:1.25rem; - --lh-base:1.5rem; - --lh-lg:1.75rem; - --lh-xl:1.75rem; - --lh-2xl:2rem; - --lh-3xl:2.25rem; - --lh-4xl:2.5rem; - --lh-5xl:3.75rem; - --lh-6xl:4.75rem; - --lh-7xl:5.75rem; - --lh-8xl:6.75rem; - --lh-9xl:7.75rem; + --fs-xs: 0.75rem; + --fs-sm: 0.875rem; + --fs-base: 1rem; + --fs-lg: 1.125rem; + --fs-xl: 1.25rem; + --fs-2xl: 1.5rem; + --fs-3xl: 1.875rem; + --fs-4xl: 2.25rem; + --fs-5xl: 3.5rem; + --fs-6xl: 4.5rem; + --fs-7xl: 5.5rem; + --fs-8xl: 6.5rem; + --fs-9xl: 7.5rem; - --ff-display:'Inter var', 'Helvetica', 'Arial', 'sans-serif'; - --ff-body:'Inter var', 'Helvetica', 'Arial', 'sans-serif'; - --ff-demo:'Inter var', 'Helvetica', 'Arial', 'sans-serif'; + --lh-xs: 1rem; + --lh-sm: 1.25rem; + --lh-base: 1.5rem; + --lh-lg: 1.75rem; + --lh-xl: 1.75rem; + --lh-2xl: 2rem; + --lh-3xl: 2.25rem; + --lh-4xl: 2.5rem; + --lh-5xl: 3.75rem; + --lh-6xl: 4.75rem; + --lh-7xl: 5.75rem; + --lh-8xl: 6.75rem; + --lh-9xl: 7.75rem; - --fw-thin:100; - --fw-extralight:200; - --fw-light:300; - --fw-normal:400; - --fw-medium:500; - --fw-semibold:600; - --fw-bold:700; - --fw-extrabold:800; - --fw-black:900; + --ff-display: 'Inter var', 'Helvetica', 'Arial', 'sans-serif'; + --ff-body: 'Inter var', 'Helvetica', 'Arial', 'sans-serif'; + --ff-demo: 'Inter var', 'Helvetica', 'Arial', 'sans-serif'; - --fs-h1:4rem; - --fs-h1-medium:3rem; - --fs-h1-small:2.5rem; - - --lh-h1:3rem; - --lh-h1-medium:3.75rem; - --lh-h1-small:2rem; + --fw-thin: 100; + --fw-extralight: 200; + --fw-light: 300; + --fw-normal: 400; + --fw-medium: 500; + --fw-semibold: 600; + --fw-bold: 700; + --fw-extrabold: 800; + --fw-black: 900; - --fs-h2:2.75rem; - --fs-h2-medium:2.5rem; - --fs-h2-small:2rem; - - --lh-h2:3.5rem; - --lh-h2-medium:3rem; - --lh-h2-small:2.5rem; - + --fs-h1: 4rem; + --fs-h1-medium: 3rem; + --fs-h1-small: 2.5rem; - --fs-h3:2rem; - --fs-h3-medium:1.75rem; - --fs-h3-small:1.5rem; - - --lh-h3:2.25rem; - --lh-h3-medium:2rem; - --lh-h3-small:1.75rem; - - --fs-h4:1.5rem; - --fs-h4-medium:1.5rem; - --fs-h4-small:1.375rem; - - --lh-h4:2rem; - --lh-h4-medium:1.75rem; - --lh-h4-small:1.75rem; - - --fs-h5:1.375rem; - --fs-h5-medium:1.25rem; - --fs-h5-small:1.125rem; - - --lh-h5:1.75rem; - --lh-h5-medium:1.5rem; - --lh-h5-small:1.375rem; - - --fs-h6:1.125rem; - --fs-h6-medium:1.125rem; - --fs-h6-small:1rem; - - --lh-h6:1.5rem; - --lh-h6-medium:1.375rem; - --lh-h6-small:1.25rem; - --outline-ring-width:2px; - --outline-ring-inset: ; - --outline-ring-offset-width:2px; - --outline-ring-offset-color:var(--outline-gray-100); - --outline-ring-color:var(--outline-soft-black); - --outline-ring-offset-shadow:var(--outline-ring-inset) 0 0 0 var(--outline-ring-offset-width) var(--outline-ring-offset-color); - --outline-ring-shadow:var(--outline-ring-inset) 0 0 0 calc(var(--outline-ring-width) + var(--outline-ring-offset-width)) var(--outline-ring-color); + --lh-h1: 3rem; + --lh-h1-medium: 3.75rem; + --lh-h1-small: 2rem; + + --fs-h2: 2.75rem; + --fs-h2-medium: 2.5rem; + --fs-h2-small: 2rem; + + --lh-h2: 3.5rem; + --lh-h2-medium: 3rem; + --lh-h2-small: 2.5rem; + + --fs-h3: 2rem; + --fs-h3-medium: 1.75rem; + --fs-h3-small: 1.5rem; + + --lh-h3: 2.25rem; + --lh-h3-medium: 2rem; + --lh-h3-small: 1.75rem; + + --fs-h4: 1.5rem; + --fs-h4-medium: 1.5rem; + --fs-h4-small: 1.375rem; + + --lh-h4: 2rem; + --lh-h4-medium: 1.75rem; + --lh-h4-small: 1.75rem; + + --fs-h5: 1.375rem; + --fs-h5-medium: 1.25rem; + --fs-h5-small: 1.125rem; - --outline-shadow:0 0 rgba(0, 0, 0, 0); - --outline-shadow-colored:0 0 rgba(0, 0, 0, 0); + --lh-h5: 1.75rem; + --lh-h5-medium: 1.5rem; + --lh-h5-small: 1.375rem; + --fs-h6: 1.125rem; + --fs-h6-medium: 1.125rem; + --fs-h6-small: 1rem; + + --lh-h6: 1.5rem; + --lh-h6-medium: 1.375rem; + --lh-h6-small: 1.25rem; + --outline-ring-width: 2px; + --outline-ring-inset: ; + --outline-ring-offset-width: 2px; + --outline-ring-offset-color: var(--outline-gray-100); + --outline-ring-color: var(--outline-soft-black); + --outline-ring-offset-shadow: var(--outline-ring-inset) 0 0 0 + var(--outline-ring-offset-width) var(--outline-ring-offset-color); + --outline-ring-shadow: var(--outline-ring-inset) 0 0 0 + calc(var(--outline-ring-width) + var(--outline-ring-offset-width)) + var(--outline-ring-color); + + --outline-shadow: 0 0 rgba(0, 0, 0, 0); + --outline-shadow-colored: 0 0 rgba(0, 0, 0, 0); } /* ! tailwindcss v3.0.0 | MIT License | https://tailwindcss.com */ *, ::before, -::after{ - box-sizing:border-box; - border-width:0; - border-style:solid; - border-color:currentColor; +::after { + box-sizing: border-box; + border-width: 0; + border-style: solid; + border-color: currentColor; } ::before, -::after{ - --tw-content:''; -} -html{ - line-height:1.5; - -webkit-text-size-adjust:100%; - tab-size:4; - font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} -body{ - margin:0; - line-height:inherit; -} -hr{ - height:0; - color:inherit; - border-top-width:1px; -} -abbr[title]{ - -webkit-text-decoration:underline dotted; - text-decoration:underline dotted; +::after { + --tw-content: ''; +} +html { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + tab-size: 4; + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, + 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, + 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; +} +body { + margin: 0; + line-height: inherit; +} +hr { + height: 0; + color: inherit; + border-top-width: 1px; +} +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; } h1, h2, h3, h4, h5, -h6{ - font-size:inherit; - font-weight:inherit; +h6 { + font-size: inherit; + font-weight: inherit; } -a{ - color:inherit; - text-decoration:inherit; +a { + color: inherit; + text-decoration: inherit; } b, -strong{ - font-weight:bolder; +strong { + font-weight: bolder; } code, kbd, samp, -pre{ - font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size:1em; +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + 'Liberation Mono', 'Courier New', monospace; + font-size: 1em; } -small{ - font-size:80%; +small { + font-size: 80%; } sub, -sup{ - font-size:75%; - line-height:0; - position:relative; - vertical-align:baseline; +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } -sub{ - bottom:-0.25em; +sub { + bottom: -0.25em; } -sup{ - top:-0.5em; +sup { + top: -0.5em; } -table{ - text-indent:0; - border-color:inherit; - border-collapse:collapse; +table { + text-indent: 0; + border-color: inherit; + border-collapse: collapse; } button, input, optgroup, select, -textarea{ - font-family:inherit; - font-size:100%; - line-height:inherit; - color:inherit; - margin:0; - padding:0; +textarea { + font-family: inherit; + font-size: 100%; + line-height: inherit; + color: inherit; + margin: 0; + padding: 0; } button, -select{ - text-transform:none; +select { + text-transform: none; } button, [type='button'], [type='reset'], -[type='submit']{ - -webkit-appearance:button; - background-color:transparent; - background-image:none; +[type='submit'] { + -webkit-appearance: button; + background-color: transparent; + background-image: none; } -:-moz-focusring{ - outline:auto; +:-moz-focusring { + outline: auto; } -:-moz-ui-invalid{ - box-shadow:none; +:-moz-ui-invalid { + box-shadow: none; } -progress{ - vertical-align:baseline; +progress { + vertical-align: baseline; } ::-webkit-inner-spin-button, -::-webkit-outer-spin-button{ - height:auto; +::-webkit-outer-spin-button { + height: auto; } -[type='search']{ - -webkit-appearance:textfield; - outline-offset:-2px; +[type='search'] { + -webkit-appearance: textfield; + outline-offset: -2px; } -::-webkit-search-decoration{ - -webkit-appearance:none; +::-webkit-search-decoration { + -webkit-appearance: none; } -::-webkit-file-upload-button{ - -webkit-appearance:button; - font:inherit; +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; } -summary{ - display:list-item; +summary { + display: list-item; } blockquote, dl, @@ -389,37 +393,37 @@ h6, hr, figure, p, -pre{ - margin:0; +pre { + margin: 0; } -fieldset{ - margin:0; - padding:0; +fieldset { + margin: 0; + padding: 0; } -legend{ - padding:0; +legend { + padding: 0; } ol, ul, -menu{ - list-style:none; - margin:0; - padding:0; +menu { + list-style: none; + margin: 0; + padding: 0; } -textarea{ - resize:vertical; +textarea { + resize: vertical; } input::placeholder, -textarea::placeholder{ - opacity:1; - color:#9ca3af; +textarea::placeholder { + opacity: 1; + color: #9ca3af; } button, -[role="button"]{ - cursor:pointer; +[role='button'] { + cursor: pointer; } -:disabled{ - cursor:default; +:disabled { + cursor: default; } img, svg, @@ -428,15 +432,15 @@ canvas, audio, iframe, embed, -object{ - display:block; - vertical-align:middle; +object { + display: block; + vertical-align: middle; } img, -video{ - max-width:100%; - height:auto; +video { + max-width: 100%; + height: auto; } -[hidden]{ - display:none; +[hidden] { + display: none; } From 9f60d4ef91d8bca0e6870415b7981f8925ca0ffd Mon Sep 17 00:00:00 2001 From: Jake Strawn Date: Wed, 6 Sep 2023 17:22:08 -0400 Subject: [PATCH 3/4] feat(updates): Documentation update. --- packages/controllers/adopted-stylesheets/CHANGELOG.md | 6 ++++++ packages/controllers/adopted-stylesheets/README.md | 11 +++++++---- packages/controllers/adopted-stylesheets/package.json | 2 +- 3 files changed, 14 insertions(+), 5 deletions(-) diff --git a/packages/controllers/adopted-stylesheets/CHANGELOG.md b/packages/controllers/adopted-stylesheets/CHANGELOG.md index ce01a984e..0b92982ca 100644 --- a/packages/controllers/adopted-stylesheets/CHANGELOG.md +++ b/packages/controllers/adopted-stylesheets/CHANGELOG.md @@ -1,5 +1,11 @@ # @phase2/outline-adopted-stylesheets-controller +## 0.0.3 + +### Patch Changes + +- Documentation Update + ## 0.0.2 ### Patch Changes diff --git a/packages/controllers/adopted-stylesheets/README.md b/packages/controllers/adopted-stylesheets/README.md index 1973fe09e..709f28575 100644 --- a/packages/controllers/adopted-stylesheets/README.md +++ b/packages/controllers/adopted-stylesheets/README.md @@ -1,10 +1,10 @@ -[![Latest version for outline-adopted-stylesheets-controller](https://img.shields.io/npm/v/@phase2/outline-core-link)](https://www.npmjs.com/package/@phase2/outline-adopted-stylesheets-controller) - # `AdoptedStylesheets` Controller +[![Latest version for outline-adopted-stylesheets-controller](https://img.shields.io/npm/v/@phase2/outline-core-link)](https://www.npmjs.com/package/@phase2/outline-adopted-stylesheets-controller) + > The `AdoptedStylesheets` controller is a part of the `@phase2/outline-adopted-stylesheets-controller` package. This controller helps components attach "global" document styles without duplication at the component level as well as de-duping any previous inclusions into `AdoptedStylesheets`. -## Installing the `LightDomStyles` Controller +## Installing the `AdoptedStylesheets` Controller Install the new package: @@ -14,7 +14,10 @@ yarn add @phase2/outline-adopted-stylesheets-controller ## Overview -Adopted stylesheets are a way to apply styles to a document or a shadow root. They are a part of the CSS Shadow Parts specification. You can read more about them [here](https://wicg.github.io/construct-stylesheets/). +Adopted stylesheets are a method to apply styles to a document or a shadow root. They are a part of the CSS Shadow Parts specification. Unfortunately, the original documentation link is no longer available. However, you can find more information about adopted stylesheets and their usage in web components in the following resources: + +- [MDN Web Docs: Document adoptedStyleSheets](https://developer.mozilla.org/en-US/docs/Web/API/Document/adoptedStyleSheets): This documentation provides an in-depth look at the `adoptedStyleSheets` property of the `Document` interface. +- [MDN Web Docs: ShadowRoot adoptedStyleSheets](https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/adoptedStyleSheets): This documentation provides an in-depth look at the `adoptedStyleSheets` property of the `ShadowRoot` interface. ## Methods diff --git a/packages/controllers/adopted-stylesheets/package.json b/packages/controllers/adopted-stylesheets/package.json index 7b0952984..d045c14d2 100644 --- a/packages/controllers/adopted-stylesheets/package.json +++ b/packages/controllers/adopted-stylesheets/package.json @@ -1,6 +1,6 @@ { "name": "@phase2/outline-adopted-stylesheets-controller", - "version": "0.0.2", + "version": "0.0.3", "description": "Controller to help with managing native AdoptedStylesheet implementations.", "keywords": [ "outline components", From 5519672c25456e1e33926c36235d1e7a670a7d13 Mon Sep 17 00:00:00 2001 From: Jake Strawn Date: Wed, 6 Sep 2023 17:27:12 -0400 Subject: [PATCH 4/4] feat(updates): Documentation update. --- packages/components/@deprecated/outline-form/CHANGELOG.md | 7 +++++++ packages/components/@deprecated/outline-form/package.json | 4 ++-- .../controllers/@deprecated/light-dom-styles/CHANGELOG.md | 6 ++++++ .../controllers/@deprecated/light-dom-styles/README.md | 2 +- .../controllers/@deprecated/light-dom-styles/package.json | 2 +- packages/controllers/adopted-stylesheets/CHANGELOG.md | 6 ++++++ packages/controllers/adopted-stylesheets/README.md | 2 +- packages/controllers/adopted-stylesheets/package.json | 2 +- 8 files changed, 25 insertions(+), 6 deletions(-) diff --git a/packages/components/@deprecated/outline-form/CHANGELOG.md b/packages/components/@deprecated/outline-form/CHANGELOG.md index 5133ef496..2e600b846 100644 --- a/packages/components/@deprecated/outline-form/CHANGELOG.md +++ b/packages/components/@deprecated/outline-form/CHANGELOG.md @@ -1,5 +1,12 @@ # @phase2/outline-form +## 0.1.6 + +### Patch Changes + +- Updated dependencies + - @phase2/outline-controller-light-dom-styles-controller@0.0.4 + ## 0.1.5 ### Patch Changes diff --git a/packages/components/@deprecated/outline-form/package.json b/packages/components/@deprecated/outline-form/package.json index e4fd5812c..43e17a3a3 100644 --- a/packages/components/@deprecated/outline-form/package.json +++ b/packages/components/@deprecated/outline-form/package.json @@ -1,6 +1,6 @@ { "name": "@phase2/outline-form", - "version": "0.1.5", + "version": "0.1.6", "description": "The Outline Components for the form component", "keywords": [ "outline components", @@ -29,7 +29,7 @@ }, "dependencies": { "@phase2/outline-core": "^0.2.5", - "@phase2/outline-controller-light-dom-styles-controller": "^0.0.3", + "@phase2/outline-controller-light-dom-styles-controller": "^0.0.4", "lit": "^2.3.1", "tslib": "^2.1.0" }, diff --git a/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md b/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md index 6b5198e25..aa2ef06e5 100644 --- a/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md +++ b/packages/controllers/@deprecated/light-dom-styles/CHANGELOG.md @@ -1,5 +1,11 @@ # @phase2/outline-controller-light-dom-styles-controller +## 0.0.4 + +### Patch Changes + +- Documentation Updates + ## 0.0.3 ### Patch Changes diff --git a/packages/controllers/@deprecated/light-dom-styles/README.md b/packages/controllers/@deprecated/light-dom-styles/README.md index 31f5ca4ed..039ed5087 100644 --- a/packages/controllers/@deprecated/light-dom-styles/README.md +++ b/packages/controllers/@deprecated/light-dom-styles/README.md @@ -1,4 +1,4 @@ -[![Latest version for outline-controller-light-dom-styles-controller](https://img.shields.io/npm/v/@phase2/outline-core-link)](https://www.npmjs.com/package/@phase2/outline-controller-light-dom-styles-controller) +[![Latest version for outline-controller-light-dom-styles-controller](https://img.shields.io/npm/v/@phase2/outline-controller-light-dom-styles-controller)](https://www.npmjs.com/package/@phase2/outline-controller-light-dom-styles-controller) # `LightDomStyles` Controller diff --git a/packages/controllers/@deprecated/light-dom-styles/package.json b/packages/controllers/@deprecated/light-dom-styles/package.json index 8fa85a82b..20f35a3af 100644 --- a/packages/controllers/@deprecated/light-dom-styles/package.json +++ b/packages/controllers/@deprecated/light-dom-styles/package.json @@ -1,6 +1,6 @@ { "name": "@phase2/outline-controller-light-dom-styles-controller", - "version": "0.0.3", + "version": "0.0.4", "description": "Deprecated controller to manage styles via Light DOM.", "keywords": [ "outline components", diff --git a/packages/controllers/adopted-stylesheets/CHANGELOG.md b/packages/controllers/adopted-stylesheets/CHANGELOG.md index 0b92982ca..5a7952dd0 100644 --- a/packages/controllers/adopted-stylesheets/CHANGELOG.md +++ b/packages/controllers/adopted-stylesheets/CHANGELOG.md @@ -1,5 +1,11 @@ # @phase2/outline-adopted-stylesheets-controller +## 0.0.4 + +### Patch Changes + +- Documentation Updates + ## 0.0.3 ### Patch Changes diff --git a/packages/controllers/adopted-stylesheets/README.md b/packages/controllers/adopted-stylesheets/README.md index 709f28575..cdae3623f 100644 --- a/packages/controllers/adopted-stylesheets/README.md +++ b/packages/controllers/adopted-stylesheets/README.md @@ -1,6 +1,6 @@ # `AdoptedStylesheets` Controller -[![Latest version for outline-adopted-stylesheets-controller](https://img.shields.io/npm/v/@phase2/outline-core-link)](https://www.npmjs.com/package/@phase2/outline-adopted-stylesheets-controller) +[![Latest version for outline-adopted-stylesheets-controller](https://img.shields.io/npm/v/@phase2/outline-adopted-stylesheets-controller)](https://www.npmjs.com/package/@phase2/outline-adopted-stylesheets-controller) > The `AdoptedStylesheets` controller is a part of the `@phase2/outline-adopted-stylesheets-controller` package. This controller helps components attach "global" document styles without duplication at the component level as well as de-duping any previous inclusions into `AdoptedStylesheets`. diff --git a/packages/controllers/adopted-stylesheets/package.json b/packages/controllers/adopted-stylesheets/package.json index d045c14d2..02a0915f2 100644 --- a/packages/controllers/adopted-stylesheets/package.json +++ b/packages/controllers/adopted-stylesheets/package.json @@ -1,6 +1,6 @@ { "name": "@phase2/outline-adopted-stylesheets-controller", - "version": "0.0.3", + "version": "0.0.4", "description": "Controller to help with managing native AdoptedStylesheet implementations.", "keywords": [ "outline components",