Socket
Socket
Sign inDemoInstall

@spectrum-web-components/help-text

Package Overview
Dependencies
Maintainers
7
Versions
122
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-web-components/help-text - npm Package Compare versions

Comparing version 0.2.11 to 0.2.12

14

custom-elements.json

@@ -7,3 +7,3 @@ {

"kind": "javascript-module",
"path": "sp-help-text.ts",
"path": "sp-help-text.js",
"declarations": [],

@@ -23,3 +23,3 @@ "exports": [

"kind": "javascript-module",
"path": "src/HelpText.ts",
"path": "src/HelpText.js",
"declarations": [

@@ -94,3 +94,3 @@ {

"name": "HelpText",
"module": "src/HelpText.ts"
"module": "src/HelpText.js"
}

@@ -102,3 +102,3 @@ }

"kind": "javascript-module",
"path": "src/HelpTextManagedElement.ts",
"path": "src/HelpTextManagedElement.js",
"declarations": [

@@ -137,3 +137,3 @@ {

"name": "HelpTextManagedElement",
"module": "src/HelpTextManagedElement.ts"
"module": "src/HelpTextManagedElement.js"
}

@@ -145,3 +145,3 @@ }

"kind": "javascript-module",
"path": "src/HelpTextManager.ts",
"path": "src/HelpTextManager.js",
"declarations": [

@@ -298,3 +298,3 @@ {

"name": "HelpTextManager",
"module": "src/HelpTextManager.ts"
"module": "src/HelpTextManager.js"
}

@@ -301,0 +301,0 @@ }

{
"name": "@spectrum-web-components/help-text",
"version": "0.2.11",
"version": "0.2.12",
"publishConfig": {

@@ -81,3 +81,3 @@ "access": "public"

"@spectrum-web-components/base": "^0.7.4",
"@spectrum-web-components/icons-workflow": "^0.9.9"
"@spectrum-web-components/icons-workflow": "^0.9.10"
},

@@ -93,3 +93,3 @@ "devDependencies": {

],
"gitHead": "5e11d828243bb3ff572c25b33a8d58844a89f524"
"gitHead": "1e25ee121f3bc838dbb99bac62f3c95857570f7a"
}
"use strict";
import { css } from "@spectrum-web-components/base";
const styles = css`
:host{--spectrum-helptext-line-height:var(
--spectrum-line-height-100
);--spectrum-helptext-content-color-default:var(
:host{--spectrum-helptext-line-height:var(--spectrum-line-height-100);--spectrum-helptext-content-color-default:var(
--spectrum-neutral-subdued-content-color-default

@@ -22,7 +20,3 @@ );--spectrum-helptext-icon-color-default:var(

--spectrum-helptext-disabled-content-color
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(
--spectrum-line-height-cjk-100
)}:host([size=s]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(--spectrum-line-height-cjk-100)}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-small

@@ -33,5 +27,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=m]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=m]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-medium

@@ -42,5 +34,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=l]){--spectrum-helptext-min-height:var(
--spectrum-component-height-100
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-large

@@ -51,5 +41,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-100
)}:host([size=xl]){--spectrum-helptext-min-height:var(
--spectrum-component-height-200
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-extra-large

@@ -56,0 +44,0 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

"use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
:host{--spectrum-helptext-line-height:var(
--spectrum-line-height-100
);--spectrum-helptext-content-color-default:var(
:host{--spectrum-helptext-line-height:var(--spectrum-line-height-100);--spectrum-helptext-content-color-default:var(
--spectrum-neutral-subdued-content-color-default

@@ -20,7 +18,3 @@ );--spectrum-helptext-icon-color-default:var(

--spectrum-helptext-disabled-content-color
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(
--spectrum-line-height-cjk-100
)}:host([size=s]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(--spectrum-line-height-cjk-100)}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-small

@@ -31,5 +25,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=m]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=m]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-medium

@@ -40,5 +32,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=l]){--spectrum-helptext-min-height:var(
--spectrum-component-height-100
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-large

@@ -49,5 +39,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-100
)}:host([size=xl]){--spectrum-helptext-min-height:var(
--spectrum-component-height-200
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-extra-large

@@ -54,0 +42,0 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

@@ -0,4 +1,5 @@

// @ts-check
/*
Copyright 2020 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
Copyright 2023 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the 'License');
you may not use this file except in compliance with the License. You may obtain a copy

@@ -8,3 +9,3 @@ of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language

@@ -14,57 +15,46 @@ governing permissions and limitations under the License.

import { converterFor } from '../../../tasks/process-spectrum-utils.js';
const converter = converterFor('spectrum-HelpText');
/**
* @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
*/
const config = {
spectrum: 'helptext',
components: [
conversions: [
{
name: 'help-text',
host: {
selector: '.spectrum-HelpText',
},
attributes: [
{
type: 'boolean',
name: 'disabled',
selector: '.is-disabled',
},
{
type: 'enum',
name: 'variant',
values: [
'.spectrum-HelpText--neutral',
'.spectrum-HelpText--negative',
inPackage: '@spectrum-css/helptext',
outPackage: 'help-text',
fileName: 'help-text',
components: [
converter.classToHost(),
converter.classToAttribute('is-disabled', 'disabled'),
...converter.enumerateAttributes(
[
['spectrum-HelpText--neutral'],
['spectrum-HelpText--negative'],
],
},
{
type: 'enum',
name: 'size',
forceOntoHost: true,
values: [
{
name: 's',
selector: '.spectrum-HelpText--sizeS',
},
{
name: 'm',
selector: '.spectrum-HelpText--sizeM',
},
{
name: 'l',
selector: '.spectrum-HelpText--sizeL',
},
{
name: 'xl',
selector: '.spectrum-HelpText--sizeXL',
},
'variant'
),
...converter.enumerateAttributes(
[
['spectrum-HelpText--sizeS', 's'],
['spectrum-HelpText--sizeM', 'm'],
['spectrum-HelpText--sizeL', 'l'],
['spectrum-HelpText--sizeXL', 'xl'],
],
},
],
classes: [
'size'
),
converter.classToClass('spectrum-HelpText-text'),
converter.classToClass(
'spectrum-HelpText-validationIcon',
'icon'
),
{
selector: '.spectrum-HelpText-text',
name: 'text',
find: {
type: 'pseudo-class',
kind: 'lang',
},
hoist: true,
},
{
selector: '.spectrum-HelpText-validationIcon',
name: 'icon',
},
],

@@ -71,0 +61,0 @@ },

"use strict";
import { css } from "@spectrum-web-components/base";
const styles = css`
:host{--spectrum-helptext-line-height:var(
--spectrum-line-height-100
);--spectrum-helptext-content-color-default:var(
:host{--spectrum-helptext-line-height:var(--spectrum-line-height-100);--spectrum-helptext-content-color-default:var(
--spectrum-neutral-subdued-content-color-default

@@ -22,7 +20,3 @@ );--spectrum-helptext-icon-color-default:var(

--spectrum-helptext-disabled-content-color
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(
--spectrum-line-height-cjk-100
)}:host([size=s]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(--spectrum-line-height-cjk-100)}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-small

@@ -33,5 +27,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=m]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=m]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-medium

@@ -42,5 +34,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=l]){--spectrum-helptext-min-height:var(
--spectrum-component-height-100
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-large

@@ -51,5 +41,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-100
)}:host([size=xl]){--spectrum-helptext-min-height:var(
--spectrum-component-height-200
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-extra-large

@@ -56,0 +44,0 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

"use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
:host{--spectrum-helptext-line-height:var(
--spectrum-line-height-100
);--spectrum-helptext-content-color-default:var(
:host{--spectrum-helptext-line-height:var(--spectrum-line-height-100);--spectrum-helptext-content-color-default:var(
--spectrum-neutral-subdued-content-color-default

@@ -20,7 +18,3 @@ );--spectrum-helptext-icon-color-default:var(

--spectrum-helptext-disabled-content-color
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(
--spectrum-line-height-cjk-100
)}:host([size=s]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(--spectrum-line-height-cjk-100)}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-small

@@ -31,5 +25,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=m]){--spectrum-helptext-min-height:var(
--spectrum-component-height-75
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=m]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-medium

@@ -40,5 +32,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-75
)}:host([size=l]){--spectrum-helptext-min-height:var(
--spectrum-component-height-100
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-large

@@ -49,5 +39,3 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

--spectrum-component-bottom-to-text-100
)}:host([size=xl]){--spectrum-helptext-min-height:var(
--spectrum-component-height-200
);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(
--spectrum-help-text-top-to-workflow-icon-extra-large

@@ -54,0 +42,0 @@ );--spectrum-helptext-bottom-to-workflow-icon:var(

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc