Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@warp-ds/component-classes

Package Overview
Dependencies
Maintainers
6
Versions
115
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@warp-ds/component-classes - npm Package Compare versions

Comparing version 1.0.0-alpha.102 to 1.0.0-alpha.103

119

dist/index.d.ts

@@ -15,2 +15,3 @@ export namespace attention {

const content: string;
const notCallout: string;
}

@@ -132,18 +133,24 @@ export namespace pageIndicator {

export namespace toaster {
const toasterContainer: string;
const toaster: string;
export const container: string;
const content_2: string;
export { content_2 as content };
export const toaster: string;
}
export namespace toast {
const toastWrapper: string;
const toast: string;
const toastPositive: string;
const toastWarning: string;
const toastNegative: string;
const toastIcon: string;
const toastIconPositive: string;
const toastIconWarning: string;
const toastIconNegative: string;
const toastIconLoading: string;
const toastContent: string;
const toastClose: string;
const wrapper_2: string;
export { wrapper_2 as wrapper };
export const toast: string;
export const positive: string;
const warning_1: string;
export { warning_1 as warning };
export const negative: string;
export const icon: string;
export const iconPositive: string;
export const iconWarning: string;
export const iconNegative: string;
export const iconLoading: string;
const content_3: string;
export { content_3 as content };
const close_1: string;
export { close_1 as close };
}

@@ -156,8 +163,11 @@ export namespace tabs {

export namespace tab {
const tab: string;
const tabActive: string;
const icon: string;
const iconUnderlinedActive: string;
const contentUnderlined: string;
const contentUnderlinedActive: string;
export const tab: string;
export const tabActive: string;
const icon_1: string;
export { icon_1 as icon };
export const iconUnderlinedActive: string;
const content_4: string;
export { content_4 as content };
export const contentUnderlined: string;
export const contentUnderlinedActive: string;
}

@@ -186,5 +196,9 @@ export namespace gridLayout {

export const chevronExpanded: string;
export const expansion: string;
export const expansionNotExpanded: string;
const button_1: string;
export { button_1 as button };
export const buttonBox: string;
export const paddingTop: string;
export const title: string;
}

@@ -214,4 +228,4 @@ export namespace button {

export namespace buttonGroup {
const wrapper_2: string;
export { wrapper_2 as wrapper };
const wrapper_3: string;
export { wrapper_3 as wrapper };
export const raised: string;

@@ -223,4 +237,4 @@ export const vertical: string;

export namespace buttonGroupItem {
const wrapper_3: string;
export { wrapper_3 as wrapper };
const wrapper_4: string;
export { wrapper_4 as wrapper };
export const outlined: string;

@@ -238,4 +252,4 @@ export const outlinedVertical: string;

export const modal: string;
const content_2: string;
export { content_2 as content };
const content_5: string;
export { content_5 as content };
export const footer: string;

@@ -245,3 +259,4 @@ export const transitionTitle: string;

export const transitionTitleColSpan: string;
export const title: string;
const title_1: string;
export { title_1 as title };
export const titleText: string;

@@ -258,12 +273,14 @@ export const titleButton: string;

export const textWrapper: string;
const title_1: string;
export { title_1 as title };
const icon_1: string;
export { icon_1 as icon };
export const negative: string;
const title_2: string;
export { title_2 as title };
const icon_2: string;
export { icon_2 as icon };
const negative_1: string;
export { negative_1 as negative };
export const negativeIcon: string;
export const positive: string;
const positive_1: string;
export { positive_1 as positive };
export const positiveIcon: string;
const warning_1: string;
export { warning_1 as warning };
const warning_2: string;
export { warning_2 as warning };
export const warningIcon: string;

@@ -283,4 +300,4 @@ const info_2: string;

export const placeholder: string;
const wrapper_4: string;
export { wrapper_4 as wrapper };
const wrapper_5: string;
export { wrapper_5 as wrapper };
export const suffix: string;

@@ -298,4 +315,4 @@ export const prefix: string;

export { readOnly_1 as readOnly };
const wrapper_5: string;
export { wrapper_5 as wrapper };
const wrapper_6: string;
export { wrapper_6 as wrapper };
export const selectWrapper: string;

@@ -318,4 +335,4 @@ const chevron_1: string;

export namespace suffix {
const wrapper_6: string;
export { wrapper_6 as wrapper };
const wrapper_7: string;
export { wrapper_7 as wrapper };
export const wrapperWithLabel: string;

@@ -327,4 +344,4 @@ export const wrapperWithIcon: string;

export namespace prefix {
const wrapper_7: string;
export { wrapper_7 as wrapper };
const wrapper_8: string;
export { wrapper_8 as wrapper };
const wrapperWithLabel_1: string;

@@ -338,4 +355,4 @@ export { wrapperWithLabel_1 as wrapperWithLabel };

export namespace breadcrumbs {
const wrapper_8: string;
export { wrapper_8 as wrapper };
const wrapper_9: string;
export { wrapper_9 as wrapper };
export const text: string;

@@ -348,4 +365,4 @@ export const link: string;

export namespace toggle {
const wrapper_9: string;
export { wrapper_9 as wrapper };
const wrapper_10: string;
export { wrapper_10 as wrapper };
export const deadToggleWrapper: string;

@@ -382,4 +399,4 @@ export const input: string;

export const radioButtonsLabelSmall: string;
const icon_2: string;
export { icon_2 as icon };
const icon_3: string;
export { icon_3 as icon };
const a11y_5: string;

@@ -395,4 +412,4 @@ export { a11y_5 as a11y };

export namespace combobox {
const wrapper_10: string;
export { wrapper_10 as wrapper };
const wrapper_11: string;
export { wrapper_11 as wrapper };
export const combobox: string;

@@ -399,0 +416,0 @@ export const textMatch: string;

119

index.d.ts

@@ -15,2 +15,3 @@ export namespace attention {

const content: string;
const notCallout: string;
}

@@ -132,18 +133,24 @@ export namespace pageIndicator {

export namespace toaster {
const toasterContainer: string;
const toaster: string;
export const container: string;
const content_2: string;
export { content_2 as content };
export const toaster: string;
}
export namespace toast {
const toastWrapper: string;
const toast: string;
const toastPositive: string;
const toastWarning: string;
const toastNegative: string;
const toastIcon: string;
const toastIconPositive: string;
const toastIconWarning: string;
const toastIconNegative: string;
const toastIconLoading: string;
const toastContent: string;
const toastClose: string;
const wrapper_2: string;
export { wrapper_2 as wrapper };
export const toast: string;
export const positive: string;
const warning_1: string;
export { warning_1 as warning };
export const negative: string;
export const icon: string;
export const iconPositive: string;
export const iconWarning: string;
export const iconNegative: string;
export const iconLoading: string;
const content_3: string;
export { content_3 as content };
const close_1: string;
export { close_1 as close };
}

@@ -156,8 +163,11 @@ export namespace tabs {

export namespace tab {
const tab: string;
const tabActive: string;
const icon: string;
const iconUnderlinedActive: string;
const contentUnderlined: string;
const contentUnderlinedActive: string;
export const tab: string;
export const tabActive: string;
const icon_1: string;
export { icon_1 as icon };
export const iconUnderlinedActive: string;
const content_4: string;
export { content_4 as content };
export const contentUnderlined: string;
export const contentUnderlinedActive: string;
}

@@ -186,5 +196,9 @@ export namespace gridLayout {

export const chevronExpanded: string;
export const expansion: string;
export const expansionNotExpanded: string;
const button_1: string;
export { button_1 as button };
export const buttonBox: string;
export const paddingTop: string;
export const title: string;
}

@@ -214,4 +228,4 @@ export namespace button {

export namespace buttonGroup {
const wrapper_2: string;
export { wrapper_2 as wrapper };
const wrapper_3: string;
export { wrapper_3 as wrapper };
export const raised: string;

@@ -223,4 +237,4 @@ export const vertical: string;

export namespace buttonGroupItem {
const wrapper_3: string;
export { wrapper_3 as wrapper };
const wrapper_4: string;
export { wrapper_4 as wrapper };
export const outlined: string;

@@ -238,4 +252,4 @@ export const outlinedVertical: string;

export const modal: string;
const content_2: string;
export { content_2 as content };
const content_5: string;
export { content_5 as content };
export const footer: string;

@@ -245,3 +259,4 @@ export const transitionTitle: string;

export const transitionTitleColSpan: string;
export const title: string;
const title_1: string;
export { title_1 as title };
export const titleText: string;

@@ -258,12 +273,14 @@ export const titleButton: string;

export const textWrapper: string;
const title_1: string;
export { title_1 as title };
const icon_1: string;
export { icon_1 as icon };
export const negative: string;
const title_2: string;
export { title_2 as title };
const icon_2: string;
export { icon_2 as icon };
const negative_1: string;
export { negative_1 as negative };
export const negativeIcon: string;
export const positive: string;
const positive_1: string;
export { positive_1 as positive };
export const positiveIcon: string;
const warning_1: string;
export { warning_1 as warning };
const warning_2: string;
export { warning_2 as warning };
export const warningIcon: string;

@@ -283,4 +300,4 @@ const info_2: string;

export const placeholder: string;
const wrapper_4: string;
export { wrapper_4 as wrapper };
const wrapper_5: string;
export { wrapper_5 as wrapper };
export const suffix: string;

@@ -298,4 +315,4 @@ export const prefix: string;

export { readOnly_1 as readOnly };
const wrapper_5: string;
export { wrapper_5 as wrapper };
const wrapper_6: string;
export { wrapper_6 as wrapper };
export const selectWrapper: string;

@@ -318,4 +335,4 @@ const chevron_1: string;

export namespace suffix {
const wrapper_6: string;
export { wrapper_6 as wrapper };
const wrapper_7: string;
export { wrapper_7 as wrapper };
export const wrapperWithLabel: string;

@@ -327,4 +344,4 @@ export const wrapperWithIcon: string;

export namespace prefix {
const wrapper_7: string;
export { wrapper_7 as wrapper };
const wrapper_8: string;
export { wrapper_8 as wrapper };
const wrapperWithLabel_1: string;

@@ -338,4 +355,4 @@ export { wrapperWithLabel_1 as wrapperWithLabel };

export namespace breadcrumbs {
const wrapper_8: string;
export { wrapper_8 as wrapper };
const wrapper_9: string;
export { wrapper_9 as wrapper };
export const text: string;

@@ -348,4 +365,4 @@ export const link: string;

export namespace toggle {
const wrapper_9: string;
export { wrapper_9 as wrapper };
const wrapper_10: string;
export { wrapper_10 as wrapper };
export const deadToggleWrapper: string;

@@ -382,4 +399,4 @@ export const input: string;

export const radioButtonsLabelSmall: string;
const icon_2: string;
export { icon_2 as icon };
const icon_3: string;
export { icon_3 as icon };
const a11y_5: string;

@@ -395,4 +412,4 @@ export { a11y_5 as a11y };

export namespace combobox {
const wrapper_10: string;
export { wrapper_10 as wrapper };
const wrapper_11: string;
export { wrapper_11 as wrapper };
export const combobox: string;

@@ -399,0 +416,0 @@ export const textMatch: string;

37

index.js

@@ -18,2 +18,3 @@ export const attention = {

content: 'last-child:mb-0',
notCallout: 'absolute z-50',
};

@@ -31,5 +32,5 @@

base: 'py-4 px-8 border rounded-4 inline-flex last:mb-0',
info: ' i-bg-$color-badge-info-background i-text-$color-badge-info-text',
success: ' i-bg-$color-badge-positive-background i-text-$color-badge-positive-text',
warning: ' i-bg-$color-badge-warning-background i-text-$color-badge-warning-text',
info: 'i-bg-$color-badge-info-background i-text-$color-badge-info-text',
success: 'i-bg-$color-badge-positive-background i-text-$color-badge-positive-text',
warning: 'i-bg-$color-badge-warning-background i-text-$color-badge-warning-text',
error: ' i-bg-$color-badge-negative-background i-text-$color-badge-negative-text',

@@ -150,4 +151,5 @@ disabled: 'i-border-$color-badge-disabled-background i-bg-$color-badge-disabled-background i-text-$color-badge-disabled-text',

export const toaster = {
toasterContainer:
container:
'fixed fixed-ios-fix bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none',
content: 'w-full',
toaster:

@@ -158,15 +160,15 @@ 'grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',

export const toast = {
toastWrapper: 'relative overflow-hidden w-full',
wrapper: 'relative overflow-hidden w-full',
toast:
'flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all',
toastPositive: 'i-bg-$color-toast-positive-background i-border-$color-toast-positive-subtle-border i-text-$color-toast-positive-text',
toastWarning: 'i-bg-$color-toast-warning-background i-border-$color-toast-warning-subtle-border i-text-$color-toast-warning-text',
toastNegative: 'i-bg-$color-toast-negative-background i-border-$color-toast-negative-subtle-border i-text-$color-toast-negative-text',
toastIcon: 'flex-shrink-0 rounded-full w-[16px] h-[16px] m-[8px] s-text-inverted',
toastIconPositive: 'i-text-$color-toast-positive-icon',
toastIconWarning: 'i-text-$color-toast-warning-icon',
toastIconNegative: 'i-bg-$color-toast-negative-icon',
toastIconLoading: 'animate-bounce',
toastContent: 'self-center mr-8 py-4 last-child:mb-0',
toastClose: 'ml-auto p-[8px]',
positive: 'i-bg-$color-toast-positive-background i-border-$color-toast-positive-subtle-border i-text-$color-toast-positive-text',
warning: 'i-bg-$color-toast-warning-background i-border-$color-toast-warning-subtle-border i-text-$color-toast-warning-text',
negative: 'i-bg-$color-toast-negative-background i-border-$color-toast-negative-subtle-border i-text-$color-toast-negative-text',
icon: 'flex-shrink-0 rounded-full w-[16px] h-[16px] m-[8px] s-text-inverted',
iconPositive: 'i-text-$color-toast-positive-icon',
iconWarning: 'i-text-$color-toast-warning-icon',
iconNegative: 'i-bg-$color-toast-negative-icon',
iconLoading: 'animate-bounce',
content: 'self-center mr-8 py-4 last-child:mb-0',
close: 'ml-auto p-[8px]',
};

@@ -187,2 +189,3 @@

iconUnderlinedActive: 'i-text-$color-tabs-text-active',
content: 'flex items-center justify-center gap-8',
contentUnderlined: 'content-underlined', // content-underlined is a no-op that prevents a quirk in how Vue handles class bindings

@@ -217,4 +220,8 @@ contentUnderlinedActive: 'i-text-$color-tabs-text-active',

chevronExpanded: '-rotate-180',
expansion: 'overflow-hidden',
expansionNotExpanded: 'h-0 invisible',
button: buttonReset + ' hover:underline focus:underline',
buttonBox: 'w-full text-left relative inline-flex! items-center ' + box.box,
paddingTop: 'pt-0',
title: 'flex justify-between items-center',
};

@@ -221,0 +228,0 @@

2

package.json
{
"name": "@warp-ds/component-classes",
"repository": "git@github.com:warp-ds/component-classes.git",
"version": "1.0.0-alpha.102",
"version": "1.0.0-alpha.103",
"description": "WARP component classes",

@@ -6,0 +6,0 @@ "type": "module",

dist/assets/components.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc