@justeattakeaway/pie-assistive-text - npm Package Compare versions

dist/index.js

		@@ -5,4 +5,4 @@ import { unsafeCSS as p, LitElement as f, html as i, nothing as l } from "lit";
		import { ifDefined as u } from "lit/directives/if-defined.js";
		import "@justeattakeaway/pie-icons-webc/dist/IconAlertCircle.js";
		import "@justeattakeaway/pie-icons-webc/dist/IconCheckCircle.js";
		import "@justeattakeaway/pie-icons-webc/IconAlertCircle";
		import "@justeattakeaway/pie-icons-webc/IconCheckCircle";
		const h = `,:after,:before{box-sizing:inherit}.c-assistiveText{--assistive-text-color: var(--dt-color-content-default);margin:0;padding-block-start:var(--dt-spacing-a);color:var(--assistive-text-color);font-family:var(--dt-font-body-s-family);font-weight:var(--dt-font-body-s-weight);font-size:calc(var(--dt-font-body-s-size) 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px);gap:var(--dt-spacing-b);display:flex;align-items:flex-start}.c-assistiveText[variant=success]{--assistive-text-color: var(--dt-color-content-positive)}.c-assistiveText[variant=error]{--assistive-text-color: var(--dt-color-content-error)}.c-assistiveText .c-assistiveText-icon{display:inline-flex}
		@@ -35,3 +35,3 @@ `, g = ["default", "error", "success"];
		return i`
		<p
		<p
		class="c-assistiveText"
		@@ -38,0 +38,0 @@ data-test-id="pie-assistive-text"

dist/react.js

		@@ -9,4 +9,4 @@ import * as t from "react";
		import "lit/directives/if-defined.js";
		import "@justeattakeaway/pie-icons-webc/dist/IconAlertCircle.js";
		import "@justeattakeaway/pie-icons-webc/dist/IconCheckCircle.js";
		import "@justeattakeaway/pie-icons-webc/IconAlertCircle";
		import "@justeattakeaway/pie-icons-webc/IconCheckCircle";
		const s = e({
		@@ -13,0 +13,0 @@ displayName: "PieAssistiveText",

package.json

		{
		"name": "@justeattakeaway/pie-assistive-text",
		"description": "PIE Design System Assistive Text built using Web Components",
		"version": "0.0.0-snapshot-release-20240404151611",
		"version": "0.0.0-snapshot-release-20240405071915",
		"type": "module",
		@@ -39,8 +39,8 @@ "main": "dist/index.js",
		"@custom-elements-manifest/analyzer": "0.9.0",
		"@justeattakeaway/pie-components-config": "0.0.0-snapshot-release-20240404151611",
		"@justeattakeaway/pie-components-config": "0.14.0",
		"cem-plugin-module-file-extensions": "0.0.5"
		},
		"dependencies": {
		"@justeattakeaway/pie-icons-webc": "0.0.0-snapshot-release-20240404151611",
		"@justeattakeaway/pie-webc-core": "0.20.0"
		"@justeattakeaway/pie-icons-webc": "0.0.0-snapshot-release-20240405071915",
		"@justeattakeaway/pie-webc-core": "0.0.0-snapshot-release-20240405071915"
		},
		@@ -47,0 +47,0 @@ "volta": {

src/index.ts

		@@ -8,4 +8,4 @@ import {
		import { ifDefined } from 'lit/directives/if-defined.js';
		import '@justeattakeaway/pie-icons-webc/dist/IconAlertCircle.js';
		import '@justeattakeaway/pie-icons-webc/dist/IconCheckCircle.js';
		import '@justeattakeaway/pie-icons-webc/IconAlertCircle';
		import '@justeattakeaway/pie-icons-webc/IconCheckCircle';

		@@ -46,3 +46,3 @@ import styles from './assistive-text.scss?inline';
		return html`
		<p
		<p
		class="c-assistiveText"
		@@ -49,0 +49,0 @@ data-test-id="pie-assistive-text"

New alerts