@shoprenter/sr-styleguide 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -101,6 +101,10 @@ Open this file in a browser to explore the available components and their usage.
|
|
|
101
101
|
|
|
102
102
|
## Changelog
|
|
103
103
|
|
|
104
|
+
### [1.4.1] - 2025-12-18
|
|
105
|
+
#### Changed
|
|
106
|
+
- SrLanguageTab component now accepts a wider range of language codes
|
|
107
|
+
|
|
104
108
|
### [1.4.0] - 2025-12-17
|
|
105
109
|
#### Added
|
|
106
110
|
- New language flags: Bulgarian, Czech, French, Italian, Polish, Slovak, Spanish
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
#sr-styleguide-1-4-
|
|
2
|
-
#sr-styleguide-1-4-
|
|
1
|
+
#sr-styleguide-1-4-1 .admin-style-guide-layout{display:grid;grid-gap:40px;grid-template-columns:1fr}@media only screen and (min-width: 600px){#sr-styleguide-1-4-1 .admin-style-guide-layout{grid-template-columns:1fr}}@media only screen and (min-width: 960px){#sr-styleguide-1-4-1 .admin-style-guide-layout{grid-template-columns:250px 1fr}}@media only screen and (min-width: 1264px){#sr-styleguide-1-4-1 .admin-style-guide-layout{grid-template-columns:300px 1fr}}#sr-styleguide-1-4-1 .sg-page-header{padding:30px 0 60px 0}#sr-styleguide-1-4-1 .sg-section{margin-top:60px;margin-bottom:40px}#sr-styleguide-1-4-1 .sg-section-header{border-left:5px solid var(--sr-black);padding:0 0 0 15px;line-height:1.2;text-transform:uppercase}#sr-styleguide-1-4-1 .sg-subsection{width:100%;margin-top:50px;margin-bottom:50px}#sr-styleguide-1-4-1 .sg-subsection h2{margin-bottom:20px;font-weight:500;position:relative;padding-left:40px;text-transform:uppercase}#sr-styleguide-1-4-1 .sg-subsection h2:before{content:"";display:block;width:30px;height:4px;background:var(--sr-black);position:absolute;left:0;top:calc(50% - 2px)}#sr-styleguide-1-4-1 .sg-subsection h4{font-weight:400;border-left:3px solid var(--v-secondary-base);padding:0 0 0 15px;line-height:1.2;text-transform:uppercase;margin-bottom:20px}#sr-styleguide-1-4-1 .sg-block{margin-top:50px}#sr-styleguide-1-4-1 .sg-button-list{display:flex;justify-content:space-between}#sr-styleguide-1-4-1 .sg-button-type{flex:0 0 20%}
|
|
2
|
+
#sr-styleguide-1-4-1 .sg-iconset{--icon-size: 50px;display:grid;grid-template-columns:1fr;grid-gap:20px}#sr-styleguide-1-4-1 .sg-icon-container{height:var(--icon-size);width:var(--icon-size);background-color:var(--sr-light-grey);display:flex;justify-content:center;align-items:center;flex-shrink:0}#sr-styleguide-1-4-1 .sg-iconset>div{display:flex;align-items:center;gap:20px}#sr-styleguide-1-4-1 sr-code-block{flex-grow:1;min-width:300px}
|
|
3
3
|
/**
|
|
4
4
|
* prism.js default theme for JavaScript, CSS and HTML
|
|
5
5
|
* Based on dabblet (http://dabblet.com)
|
|
6
6
|
* @author Lea Verou
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
#sr-styleguide-1-4-
|
|
9
|
+
#sr-styleguide-1-4-1 code[class*="language-"], #sr-styleguide-1-4-1 pre[class*="language-"] {
|
|
10
10
|
color: black;
|
|
11
11
|
background: none;
|
|
12
12
|
text-shadow: 0 1px white;
|
|
@@ -29,91 +29,91 @@
|
|
|
29
29
|
hyphens: none;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
#sr-styleguide-1-4-
|
|
32
|
+
#sr-styleguide-1-4-1 pre[class*="language-"]::-moz-selection, #sr-styleguide-1-4-1 pre[class*="language-"] ::-moz-selection, #sr-styleguide-1-4-1 code[class*="language-"]::-moz-selection, #sr-styleguide-1-4-1 code[class*="language-"] ::-moz-selection {
|
|
33
33
|
text-shadow: none;
|
|
34
34
|
background: #b3d4fc;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
#sr-styleguide-1-4-
|
|
37
|
+
#sr-styleguide-1-4-1 pre[class*="language-"]::selection, #sr-styleguide-1-4-1 pre[class*="language-"] ::selection, #sr-styleguide-1-4-1 code[class*="language-"]::selection, #sr-styleguide-1-4-1 code[class*="language-"] ::selection {
|
|
38
38
|
text-shadow: none;
|
|
39
39
|
background: #b3d4fc;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
@media print {
|
|
43
|
-
#sr-styleguide-1-4-
|
|
43
|
+
#sr-styleguide-1-4-1 code[class*="language-"], #sr-styleguide-1-4-1 pre[class*="language-"] {
|
|
44
44
|
text-shadow: none;
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
/* Code blocks */
|
|
49
|
-
#sr-styleguide-1-4-
|
|
49
|
+
#sr-styleguide-1-4-1 pre[class*="language-"] {
|
|
50
50
|
padding: 1em;
|
|
51
51
|
margin: .5em 0;
|
|
52
52
|
overflow: auto;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
#sr-styleguide-1-4-
|
|
55
|
+
#sr-styleguide-1-4-1 :not(pre) > code[class*="language-"], #sr-styleguide-1-4-1 pre[class*="language-"] {
|
|
56
56
|
background: #f5f2f0;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
/* Inline code */
|
|
60
|
-
#sr-styleguide-1-4-
|
|
60
|
+
#sr-styleguide-1-4-1 :not(pre) > code[class*="language-"] {
|
|
61
61
|
padding: .1em;
|
|
62
62
|
border-radius: .3em;
|
|
63
63
|
white-space: normal;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
#sr-styleguide-1-4-
|
|
66
|
+
#sr-styleguide-1-4-1 .token.comment, #sr-styleguide-1-4-1 .token.prolog, #sr-styleguide-1-4-1 .token.doctype, #sr-styleguide-1-4-1 .token.cdata {
|
|
67
67
|
color: slategray;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
#sr-styleguide-1-4-
|
|
70
|
+
#sr-styleguide-1-4-1 .token.punctuation {
|
|
71
71
|
color: #999;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
#sr-styleguide-1-4-
|
|
74
|
+
#sr-styleguide-1-4-1 .token.namespace {
|
|
75
75
|
opacity: .7;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
#sr-styleguide-1-4-
|
|
78
|
+
#sr-styleguide-1-4-1 .token.property, #sr-styleguide-1-4-1 .token.tag, #sr-styleguide-1-4-1 .token.boolean, #sr-styleguide-1-4-1 .token.number, #sr-styleguide-1-4-1 .token.constant, #sr-styleguide-1-4-1 .token.symbol, #sr-styleguide-1-4-1 .token.deleted {
|
|
79
79
|
color: #905;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
#sr-styleguide-1-4-
|
|
82
|
+
#sr-styleguide-1-4-1 .token.selector, #sr-styleguide-1-4-1 .token.attr-name, #sr-styleguide-1-4-1 .token.string, #sr-styleguide-1-4-1 .token.char, #sr-styleguide-1-4-1 .token.builtin, #sr-styleguide-1-4-1 .token.inserted {
|
|
83
83
|
color: #690;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
#sr-styleguide-1-4-
|
|
86
|
+
#sr-styleguide-1-4-1 .token.operator, #sr-styleguide-1-4-1 .token.entity, #sr-styleguide-1-4-1 .token.url, #sr-styleguide-1-4-1 .language-css .token.string, #sr-styleguide-1-4-1 .style .token.string {
|
|
87
87
|
color: #9a6e3a;
|
|
88
88
|
/* This background color was intended by the author of this theme. */
|
|
89
89
|
background: hsla(0, 0%, 100%, .5);
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
#sr-styleguide-1-4-
|
|
92
|
+
#sr-styleguide-1-4-1 .token.atrule, #sr-styleguide-1-4-1 .token.attr-value, #sr-styleguide-1-4-1 .token.keyword {
|
|
93
93
|
color: #07a;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
#sr-styleguide-1-4-
|
|
96
|
+
#sr-styleguide-1-4-1 .token.function, #sr-styleguide-1-4-1 .token.class-name {
|
|
97
97
|
color: #DD4A68;
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
#sr-styleguide-1-4-
|
|
100
|
+
#sr-styleguide-1-4-1 .token.regex, #sr-styleguide-1-4-1 .token.important, #sr-styleguide-1-4-1 .token.variable {
|
|
101
101
|
color: #e90;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
#sr-styleguide-1-4-
|
|
104
|
+
#sr-styleguide-1-4-1 .token.important, #sr-styleguide-1-4-1 .token.bold {
|
|
105
105
|
font-weight: bold;
|
|
106
106
|
}
|
|
107
|
-
#sr-styleguide-1-4-
|
|
107
|
+
#sr-styleguide-1-4-1 .token.italic {
|
|
108
108
|
font-style: italic;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
#sr-styleguide-1-4-
|
|
111
|
+
#sr-styleguide-1-4-1 .token.entity {
|
|
112
112
|
cursor: help;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
#sr-styleguide-1-4-
|
|
116
|
-
#sr-styleguide-1-4-
|
|
117
|
-
#sr-styleguide-1-4-
|
|
118
|
-
#sr-styleguide-1-4-
|
|
119
|
-
#sr-styleguide-1-4-
|
|
115
|
+
#sr-styleguide-1-4-1 .sr-code-block .code-block{position:relative;background:rgba(0,0,0,0);padding:0;border-radius:0;color:#333;font-family:monospace;overflow-x:auto;overflow-y:auto;width:500px;font-size:14px;line-height:1.4}#sr-styleguide-1-4-1 .sr-code-block .code-block pre{background:var(--sr-light-grey) !important;border:none !important;border-radius:5px;padding:12px 40px 12px 12px;font-size:14px;line-height:1.5;font-weight:bold}#sr-styleguide-1-4-1 .sr-code-block .code-block code{background:none !important;border:none !important;font-weight:bold}#sr-styleguide-1-4-1 .sr-code-block.code-container{flex-grow:1;min-width:300px;display:flex;align-items:center}#sr-styleguide-1-4-1 .sr-code-block .copied-text{background:var(--sr-primary);color:var(--sr-white);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;opacity:1;z-index:10;transition:opacity .3s,transform .3s;transform:translateY(0);font-family:"Roboto",sans-serif}#sr-styleguide-1-4-1 .fade-enter-active, #sr-styleguide-1-4-1 .fade-leave-active{transition:opacity .3s,transform .3s}#sr-styleguide-1-4-1 .fade-enter, #sr-styleguide-1-4-1 .fade-leave-to{opacity:0;transform:translateY(-5px)}
|
|
116
|
+
#sr-styleguide-1-4-1 .admin-style-guide__menu{position:sticky;top:60px;height:100vh;max-height:500px;overflow-y:auto}#sr-styleguide-1-4-1 .clickable-menu-item{cursor:pointer;transition:background-color .3s ease}#sr-styleguide-1-4-1 .clickable-menu-item:hover{background-color:rgba(0,0,0,.04)}
|
|
117
|
+
#sr-styleguide-1-4-1 .style-guide-row{display:flex;flex-wrap:nowrap;gap:10px;align-items:center}#sr-styleguide-1-4-1 .style-guide-row .element-container{width:200px;min-width:200px;display:flex;justify-content:flex-start}@media(max-width: 768px){#sr-styleguide-1-4-1 .style-guide-row .style-guide-row{flex-direction:column}#sr-styleguide-1-4-1 .style-guide-row .element-container{width:100%}}
|
|
118
|
+
#sr-styleguide-1-4-1 #sr-style-guide-layouts .page-layout--slim, #sr-styleguide-1-4-1 #sr-style-guide-layouts #slim-layout .sr-code-block{margin:0 auto 48px auto;padding:0 30px}@media(min-width: 600px){#sr-styleguide-1-4-1 #sr-style-guide-layouts .page-layout--slim, #sr-styleguide-1-4-1 #sr-style-guide-layouts #slim-layout .sr-code-block{max-width:560px}}@media(min-width: 960px){#sr-styleguide-1-4-1 #sr-style-guide-layouts .page-layout--slim, #sr-styleguide-1-4-1 #sr-style-guide-layouts #slim-layout .sr-code-block{max-width:760px}}#sr-styleguide-1-4-1 #sr-style-guide-layouts #standard-layout .sr-code-block{margin:0 auto 70px auto;padding:0 30px}
|
|
119
|
+
#sr-styleguide-1-4-1 #app-containers .sr-page, #sr-styleguide-1-4-1 .sr-module{border:1px solid var(--sr-dark-grey)}
|