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

@actionishope/shelley

Package Overview
Dependencies
Maintainers
2
Versions
64
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@actionishope/shelley - npm Package Compare versions

Comparing version 0.1.1-alpha.18 to 0.1.1-alpha.20

style/allGlobal.st.css

4

components_site/StyleInfo/StyleInfo.js

@@ -14,4 +14,4 @@ "use strict";

var styleInfo_st_css_1 = require("./styleInfo.st.css");
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var text_st_css_1 = require("../../projects/default/css/text.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
var text_st_css_1 = require("../../style/text.st.css");
var StyleInfo = function (_a) {

@@ -18,0 +18,0 @@ var className = _a.className,

@@ -15,3 +15,3 @@ "use strict";

var CodeSample_1 = __importDefault(require("../../components_site/CodeSample/CodeSample"));
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
exports.meta = {

@@ -18,0 +18,0 @@ name: "Blockquote"

@@ -15,3 +15,3 @@ "use strict";

var CodeSample_1 = __importDefault(require("../../components_site/CodeSample/CodeSample"));
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
exports.meta = {

@@ -18,0 +18,0 @@ name: "HTMLInputElement"

@@ -17,3 +17,3 @@ "use strict";

var Grid_1 = __importDefault(require("./Grid"));
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
var Text_1 = __importDefault(require("../Text/Text"));

@@ -61,3 +61,3 @@ exports.meta = {

react_1.default.createElement(CodeSample_1.default, { language: "html" }, "<div class=\"grid-root grid-variant1 grid-formatted\">\n <!-- children -->\n</div>")); };
exports.ComponentCSS = function () { return (react_1.default.createElement(CodeSample_1.default, { fixedHeight: true }, "/** grid.st.css */\n\n/* import the Shelley component selectors */\n:import {\n -st-from: \"../../../components/Grid/grid.st.css\";\n -st-default: Grid;\n}\n \nGrid {}\n\n/* Variants */\nGrid.variant1 {}\nGrid.variant2 {}\nGrid.variant3 {}\nGrid.variant4 {}\nGrid.variant5 {}\nGrid.variant6 {}\n\n/* Root alignment hook */\nGrid:formatted {}\n")); };
exports.ComponentCSS = function () { return (react_1.default.createElement(CodeSample_1.default, { fixedHeight: true }, "/** grid.st.css */\n\n/* import the Shelley component selectors */\n:import {\n -st-from: \"../components/Grid/grid.st.css\";\n -st-default: Grid;\n}\n \nGrid {}\n\n/* Variants */\nGrid.variant1 {}\nGrid.variant2 {}\nGrid.variant3 {}\nGrid.variant4 {}\nGrid.variant5 {}\nGrid.variant6 {}\n\n/* Root alignment hook */\nGrid:formatted {}\n")); };
exports.A11yIconWrong = function () { return (react_1.default.createElement(Icon_1.default, { viewBox: "0 0 24 24", style: { fontSize: "1.5rem" } },

@@ -64,0 +64,0 @@ react_1.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),

@@ -14,3 +14,3 @@ "use strict";

var CodeSample_1 = __importDefault(require("../../components_site/CodeSample/CodeSample"));
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
exports.meta = {

@@ -17,0 +17,0 @@ name: "SVGSVGElement"

@@ -19,3 +19,3 @@ "use strict";

var Icon_1 = __importDefault(require("../../components/Icon/Icon"));
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
exports.meta = {

@@ -22,0 +22,0 @@ name: "Button"

@@ -17,3 +17,3 @@ "use strict";

// Styles.
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
exports.meta = {

@@ -20,0 +20,0 @@ name: "Button"

@@ -16,3 +16,3 @@ "use strict";

// import styleExamples from "./__gridExample.st.css";
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
var Text_1 = __importDefault(require("../Text/Text"));

@@ -19,0 +19,0 @@ var Label_1 = __importDefault(require("../Label/Label"));

@@ -17,3 +17,3 @@ "use strict";

// Styles.
var grid_st_css_1 = require("../../projects/default/css/grid.st.css");
var grid_st_css_1 = require("../../style/grid.st.css");
exports.meta = {

@@ -72,3 +72,3 @@ name: "Button"

exports.ComponentHTML = function () { return react_1.default.createElement(CodeSample_1.default, null, "TBC"); };
exports.ComponentCSS = function () { return (react_1.default.createElement(CodeSample_1.default, { className: grid_st_css_1.classes.mid, fixedHeight: true }, "/** text.st.css */\n\n :import {\n -st-from: \"../../../components/Text/text.st.css\";\n -st-default: Text;\n }\n \n /* Volume */\n Text.vol1 {}\n Text.vol2 {}\n Text.vol3 {}\n Text.vol4 {}\n Text.vol5 {}\n Text.vol6 {}\n Text.vol7 {}\n Text.vol8 {}\n Text.vol9 {}\n Text.vol10 {}\n Text.vol11 {}\n Text.vol12 {}\n \n /* Extras */\n Text.uppercase {}\n Text.underline {}\n Text.bold {}\n \n /* State selectors - Note: Inherits functional styles from Shelley. */\n Text:truncate {}\n \n /* Whatever you need which you can use as classNames by importing your text.st.css */\n Text.hint {}\n Text.error {}\n Text.taxonomy-color1 {}\n Text.TupacOrBiggie {}\n ")); };
exports.ComponentCSS = function () { return (react_1.default.createElement(CodeSample_1.default, { className: grid_st_css_1.classes.mid, fixedHeight: true }, "/** text.st.css */\n\n :import {\n -st-from: \"../components/Text/text.st.css\";\n -st-default: Text;\n }\n \n /* Volume */\n Text.vol1 {}\n Text.vol2 {}\n Text.vol3 {}\n Text.vol4 {}\n Text.vol5 {}\n Text.vol6 {}\n Text.vol7 {}\n Text.vol8 {}\n Text.vol9 {}\n Text.vol10 {}\n Text.vol11 {}\n Text.vol12 {}\n \n /* Extras */\n Text.uppercase {}\n Text.underline {}\n Text.bold {}\n \n /* State selectors - Note: Inherits functional styles from Shelley. */\n Text:truncate {}\n \n /* Whatever you need which you can use as classNames by importing your text.st.css */\n Text.hint {}\n Text.error {}\n Text.taxonomy-color1 {}\n Text.TupacOrBiggie {}\n ")); };
exports.Example1 = function () { return (

@@ -75,0 +75,0 @@ // We have just used P for the demo, use vol as the design requires and the tags for semantics.

{
"name": "@actionishope/shelley",
"version": "0.1.1-alpha.18",
"version": "0.1.1-alpha.20",
"license": "ISC",

@@ -23,3 +23,2 @@ "description": "Gatsby, stylable boilerplate.",

"classnames": "^2.2.6",
"create-index": "^2.5.0",
"react-expanding-textarea": "^2.0.4"

@@ -38,3 +37,4 @@ },

"format": "prettier --parser typescript --trailing-comma es5 --no-semi --single-quote --write \"src/**/*.ts*\"",
"test": "jest"
"test": "jest",
"release": "np"
},

@@ -41,0 +41,0 @@ "np": {

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