@stonecrop/beam 0.2.52 → 0.2.53
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/dist/assets/index.css +1 -1
- package/dist/beam.js +4 -4
- package/dist/beam.js.map +1 -1
- package/dist/beam.umd.cjs +2 -2
- package/dist/beam.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/BeamFilter.vue +2 -2
- package/src/components/BeamFilterOption.vue +13 -13
- package/src/components/ItemCheck.vue +3 -3
- package/src/components/ToggleArrow.vue +1 -1
package/package.json
CHANGED
|
@@ -45,12 +45,12 @@ const getTotalHeight = (el: HTMLDivElement) => {
|
|
|
45
45
|
overflow: hidden;
|
|
46
46
|
box-sizing: border-box;
|
|
47
47
|
transition: all 0.2s ease-in-out;
|
|
48
|
-
border-bottom: 1px solid var(--row-border-color);
|
|
48
|
+
border-bottom: 1px solid var(--sc-row-border-color);
|
|
49
49
|
background: white;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.beam_filters-heading {
|
|
53
|
-
background: var(--primary-color);
|
|
53
|
+
background: var(--sc-primary-color);
|
|
54
54
|
cursor: pointer;
|
|
55
55
|
display: flex;
|
|
56
56
|
align-items: center;
|
|
@@ -67,11 +67,11 @@ const toggle = () => {
|
|
|
67
67
|
.beam_filter-option-select {
|
|
68
68
|
position: relative;
|
|
69
69
|
appearance: none;
|
|
70
|
-
border: 1px solid var(--row-border-color);
|
|
70
|
+
border: 1px solid var(--sc-row-border-color);
|
|
71
71
|
font-weight: bold;
|
|
72
|
-
color: var(--primary-text-color);
|
|
72
|
+
color: var(--sc-primary-text-color);
|
|
73
73
|
font-size: 0.8rem;
|
|
74
|
-
font-family: var(--font-family);
|
|
74
|
+
font-family: var(--sc-font-family);
|
|
75
75
|
display: flex;
|
|
76
76
|
align-items: stretch;
|
|
77
77
|
}
|
|
@@ -82,8 +82,8 @@ label {
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.beam_filter-arrow {
|
|
85
|
-
background: var(--primary-color);
|
|
86
|
-
color: var(--primary-text-color);
|
|
85
|
+
background: var(--sc-primary-color);
|
|
86
|
+
color: var(--sc-primary-text-color);
|
|
87
87
|
cursor: pointer;
|
|
88
88
|
display: flex;
|
|
89
89
|
align-items: center;
|
|
@@ -97,7 +97,7 @@ label {
|
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
svg {
|
|
100
|
-
fill: var(--primary-text-color);
|
|
100
|
+
fill: var(--sc-primary-text-color);
|
|
101
101
|
width: 5px;
|
|
102
102
|
transform: rotate(90deg);
|
|
103
103
|
}
|
|
@@ -107,7 +107,7 @@ svg {
|
|
|
107
107
|
z-index: 100;
|
|
108
108
|
border-top: none;
|
|
109
109
|
left: 0;
|
|
110
|
-
border: 1px solid var(--row-border-color);
|
|
110
|
+
border: 1px solid var(--sc-row-border-color);
|
|
111
111
|
padding: 0rem;
|
|
112
112
|
list-style: none;
|
|
113
113
|
width: 100%;
|
|
@@ -119,21 +119,21 @@ svg {
|
|
|
119
119
|
|
|
120
120
|
.beam_filter-select-option {
|
|
121
121
|
font-size: 0.8rem;
|
|
122
|
-
font-family: var(--font-family);
|
|
122
|
+
font-family: var(--sc-font-family);
|
|
123
123
|
font-weight: bold;
|
|
124
|
-
color: var(--primary-text-color);
|
|
125
|
-
border-bottom: 1px solid var(--row-border-color);
|
|
124
|
+
color: var(--sc-primary-text-color);
|
|
125
|
+
border-bottom: 1px solid var(--sc-row-border-color);
|
|
126
126
|
padding: 0.5rem;
|
|
127
127
|
&:hover {
|
|
128
|
-
background: var(--primary-color);
|
|
128
|
+
background: var(--sc-primary-color);
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
.selected {
|
|
133
|
-
background: var(--row-border-color);
|
|
133
|
+
background: var(--sc-row-border-color);
|
|
134
134
|
|
|
135
135
|
&:hover {
|
|
136
|
-
background: var(--row-border-color);
|
|
136
|
+
background: var(--sc-row-border-color);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
</style>
|
|
@@ -41,7 +41,7 @@ const value = defineModel<boolean>({ default: false })
|
|
|
41
41
|
width: 2rem;
|
|
42
42
|
background-color: #eee;
|
|
43
43
|
outline: 2px solid transparent;
|
|
44
|
-
border: 1px solid var(--highlight);
|
|
44
|
+
border: 1px solid var(--sc-highlight);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.container:hover input ~ .checkmark {
|
|
@@ -49,7 +49,7 @@ const value = defineModel<boolean>({ default: false })
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.container input:checked ~ .checkmark {
|
|
52
|
-
background-color: var(--brand-secondary);
|
|
52
|
+
background-color: var(--sc-brand-secondary);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.checkmark:after {
|
|
@@ -67,7 +67,7 @@ const value = defineModel<boolean>({ default: false })
|
|
|
67
67
|
top: 50%;
|
|
68
68
|
width: 0.5rem;
|
|
69
69
|
height: 1rem;
|
|
70
|
-
border: solid var(--text-color);
|
|
70
|
+
border: solid var(--sc-text-color);
|
|
71
71
|
border-width: 0 3px 3px 0;
|
|
72
72
|
-webkit-transform: rotate(45deg);
|
|
73
73
|
-ms-transform: rotate(45deg);
|