@i-cell/ids-styles 0.0.15-beta.1 → 0.0.15-beta.2
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/components.css +96 -0
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +72 -0
- package/dist/icon/icon.css +95 -0
- package/dist/icon/icon.min.css +1 -0
- package/dist/icon/icon.plugin.js +81 -0
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -4809,6 +4809,102 @@
|
|
|
4809
4809
|
margin-right: 0;
|
|
4810
4810
|
}
|
|
4811
4811
|
|
|
4812
|
+
.ids-icon {
|
|
4813
|
+
font-family: "IDS Icons";
|
|
4814
|
+
font-weight: normal;
|
|
4815
|
+
display: inline-block;
|
|
4816
|
+
text-transform: none;
|
|
4817
|
+
letter-spacing: normal;
|
|
4818
|
+
word-wrap: normal;
|
|
4819
|
+
white-space: nowrap;
|
|
4820
|
+
direction: ltr;
|
|
4821
|
+
background-repeat: no-repeat;
|
|
4822
|
+
overflow: hidden;
|
|
4823
|
+
fill: currentColor;
|
|
4824
|
+
}
|
|
4825
|
+
.ids-icon.ids-icon-smallcollection.ids-icon-compact {
|
|
4826
|
+
height: var(--ids-comp-icon-size-smallcollection-height-compact);
|
|
4827
|
+
width: var(--ids-comp-icon-size-smallcollection-width-compact);
|
|
4828
|
+
font-size: var(--ids-comp-icon-typography-smallcollection-font-size-compact);
|
|
4829
|
+
line-height: var(--ids-comp-icon-typography-smallcollection-line-height-compact);
|
|
4830
|
+
}
|
|
4831
|
+
.ids-icon.ids-icon-smallcollection.ids-icon-comfortable {
|
|
4832
|
+
height: var(--ids-comp-icon-size-smallcollection-height-comfortable);
|
|
4833
|
+
width: var(--ids-comp-icon-size-smallcollection-width-comfortable);
|
|
4834
|
+
font-size: var(--ids-comp-icon-typography-smallcollection-font-size-comfortable);
|
|
4835
|
+
line-height: var(--ids-comp-icon-typography-smallcollection-line-height-comfortable);
|
|
4836
|
+
}
|
|
4837
|
+
.ids-icon.ids-icon-smallcollection.ids-icon-spacious {
|
|
4838
|
+
height: var(--ids-comp-icon-size-smallcollection-height-spacious);
|
|
4839
|
+
width: var(--ids-comp-icon-size-smallcollection-width-spacious);
|
|
4840
|
+
font-size: var(--ids-comp-icon-typography-smallcollection-font-size-spacious);
|
|
4841
|
+
line-height: var(--ids-comp-icon-typography-smallcollection-line-height-spacious);
|
|
4842
|
+
}
|
|
4843
|
+
.ids-icon.ids-icon-smallcollection.ids-icon-dense {
|
|
4844
|
+
height: var(--ids-comp-icon-size-smallcollection-height-dense);
|
|
4845
|
+
width: var(--ids-comp-icon-size-smallcollection-width-dense);
|
|
4846
|
+
font-size: var(--ids-comp-icon-typography-smallcollection-font-size-dense);
|
|
4847
|
+
line-height: var(--ids-comp-icon-typography-smallcollection-line-height-dense);
|
|
4848
|
+
}
|
|
4849
|
+
.ids-icon.ids-icon-bigcollection.ids-icon-compact {
|
|
4850
|
+
height: var(--ids-comp-icon-size-bigcollection-height-compact);
|
|
4851
|
+
width: var(--ids-comp-icon-size-bigcollection-width-compact);
|
|
4852
|
+
font-size: var(--ids-comp-icon-typography-bigcollection-font-size-compact);
|
|
4853
|
+
line-height: var(--ids-comp-icon-typography-bigcollection-line-height-compact);
|
|
4854
|
+
}
|
|
4855
|
+
.ids-icon.ids-icon-bigcollection.ids-icon-comfortable {
|
|
4856
|
+
height: var(--ids-comp-icon-size-bigcollection-height-comfortable);
|
|
4857
|
+
width: var(--ids-comp-icon-size-bigcollection-width-comfortable);
|
|
4858
|
+
font-size: var(--ids-comp-icon-typography-bigcollection-font-size-comfortable);
|
|
4859
|
+
line-height: var(--ids-comp-icon-typography-bigcollection-line-height-comfortable);
|
|
4860
|
+
}
|
|
4861
|
+
.ids-icon.ids-icon-bigcollection.ids-icon-spacious {
|
|
4862
|
+
height: var(--ids-comp-icon-size-bigcollection-height-spacious);
|
|
4863
|
+
width: var(--ids-comp-icon-size-bigcollection-width-spacious);
|
|
4864
|
+
font-size: var(--ids-comp-icon-typography-bigcollection-font-size-spacious);
|
|
4865
|
+
line-height: var(--ids-comp-icon-typography-bigcollection-line-height-spacious);
|
|
4866
|
+
}
|
|
4867
|
+
.ids-icon.ids-icon-bigcollection.ids-icon-dense {
|
|
4868
|
+
height: var(--ids-comp-icon-size-bigcollection-height-dense);
|
|
4869
|
+
width: var(--ids-comp-icon-size-bigcollection-width-dense);
|
|
4870
|
+
font-size: var(--ids-comp-icon-typography-bigcollection-font-size-dense);
|
|
4871
|
+
line-height: var(--ids-comp-icon-typography-bigcollection-line-height-dense);
|
|
4872
|
+
}
|
|
4873
|
+
.ids-icon.ids-icon-primary {
|
|
4874
|
+
color: var(--ids-comp-icon-color-primary-default);
|
|
4875
|
+
}
|
|
4876
|
+
.ids-icon.ids-icon-secondary {
|
|
4877
|
+
color: var(--ids-comp-icon-color-secondary-default);
|
|
4878
|
+
}
|
|
4879
|
+
.ids-icon.ids-icon-light {
|
|
4880
|
+
color: var(--ids-comp-icon-color-light-default);
|
|
4881
|
+
}
|
|
4882
|
+
.ids-icon.ids-icon-dark {
|
|
4883
|
+
color: var(--ids-comp-icon-color-dark-default);
|
|
4884
|
+
}
|
|
4885
|
+
.ids-icon.ids-icon-error {
|
|
4886
|
+
color: var(--ids-comp-icon-color-error-default);
|
|
4887
|
+
}
|
|
4888
|
+
.ids-icon.ids-icon-success {
|
|
4889
|
+
color: var(--ids-comp-icon-color-success-default);
|
|
4890
|
+
}
|
|
4891
|
+
.ids-icon.ids-icon-warning {
|
|
4892
|
+
color: var(--ids-comp-icon-color-warning-default);
|
|
4893
|
+
}
|
|
4894
|
+
.ids-icon.ids-icon-brand {
|
|
4895
|
+
color: var(--ids-comp-icon-color-brand-default);
|
|
4896
|
+
}
|
|
4897
|
+
.ids-icon.ids-icon-surface {
|
|
4898
|
+
color: var(--ids-comp-icon-color-surface-default);
|
|
4899
|
+
}
|
|
4900
|
+
.ids-icon svg {
|
|
4901
|
+
width: 100%;
|
|
4902
|
+
height: 100%;
|
|
4903
|
+
}
|
|
4904
|
+
.ids-icon.ids-icon-font[fontIcon]::before {
|
|
4905
|
+
content: attr(fontIcon);
|
|
4906
|
+
}
|
|
4907
|
+
|
|
4812
4908
|
.ids-icon-button {
|
|
4813
4909
|
padding: 0px;
|
|
4814
4910
|
display: flex;
|