@esri/calcite-design-tokens 3.1.0-next.3 → 3.1.0-next.5
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/css/global.css +7 -4
- package/dist/css/semantic.css +7 -4
- package/dist/docs/core.json +1 -1
- package/dist/docs/dark.json +1 -1
- package/dist/docs/global.json +103 -4
- package/dist/docs/light.json +1 -1
- package/dist/docs/semantic.json +103 -4
- package/dist/es6/global.d.ts +4 -1
- package/dist/es6/global.js +7 -4
- package/dist/es6/semantic.d.ts +4 -1
- package/dist/es6/semantic.js +7 -4
- package/dist/js/global.d.ts +3 -0
- package/dist/js/global.js +126 -4
- package/dist/js/semantic.d.ts +3 -0
- package/dist/js/semantic.js +126 -4
- package/dist/scss/global.scss +7 -4
- package/dist/scss/semantic.scss +7 -4
- package/package.json +2 -2
package/dist/css/global.css
CHANGED
|
@@ -14,8 +14,11 @@
|
|
|
14
14
|
--calcite-container-size-gutter: 16px;
|
|
15
15
|
--calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
|
|
16
16
|
--calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
|
|
17
|
-
--calcite-corner-radius-sharp: 0;
|
|
18
|
-
--calcite-corner-radius-
|
|
17
|
+
--calcite-corner-radius-sharp: 0; /* deprecated, use --calcite-conder-radius-none instead */
|
|
18
|
+
--calcite-corner-radius-none: 0;
|
|
19
|
+
--calcite-corner-radius-xs: 2px;
|
|
20
|
+
--calcite-corner-radius-sm: 4px;
|
|
21
|
+
--calcite-corner-radius-round: 4px; /* deprecated, use --calcite-corner-radius-sm instead */
|
|
19
22
|
--calcite-corner-radius-pill: 100%;
|
|
20
23
|
--calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /* Primary font with fallbacks */
|
|
21
24
|
--calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /* Font family for code with fallbacks */
|
|
@@ -43,9 +46,9 @@
|
|
|
43
46
|
--calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
|
|
44
47
|
--calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
|
|
45
48
|
--calcite-font-line-height-relative-loose: 2; /* 2 */
|
|
46
|
-
--calcite-font-letter-spacing-tight: -0.
|
|
49
|
+
--calcite-font-letter-spacing-tight: -0.4px; /* Deprecated */
|
|
47
50
|
--calcite-font-letter-spacing-normal: 0; /* Deprecated */
|
|
48
|
-
--calcite-font-letter-spacing-wide: 0.
|
|
51
|
+
--calcite-font-letter-spacing-wide: 0.4px; /* Deprecated */
|
|
49
52
|
--calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
|
|
50
53
|
--calcite-font-text-decoration-none: none; /* Deprecated */
|
|
51
54
|
--calcite-font-text-decoration-underline: underline; /* Deprecated */
|
package/dist/css/semantic.css
CHANGED
|
@@ -34,8 +34,11 @@
|
|
|
34
34
|
--calcite-container-size-gutter: 16px;
|
|
35
35
|
--calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
|
|
36
36
|
--calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
|
|
37
|
-
--calcite-corner-radius-sharp: 0;
|
|
38
|
-
--calcite-corner-radius-
|
|
37
|
+
--calcite-corner-radius-sharp: 0; /* deprecated, use --calcite-conder-radius-none instead */
|
|
38
|
+
--calcite-corner-radius-none: 0;
|
|
39
|
+
--calcite-corner-radius-xs: 2px;
|
|
40
|
+
--calcite-corner-radius-sm: 4px;
|
|
41
|
+
--calcite-corner-radius-round: 4px; /* deprecated, use --calcite-corner-radius-sm instead */
|
|
39
42
|
--calcite-corner-radius-pill: 100%;
|
|
40
43
|
--calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /* Primary font with fallbacks */
|
|
41
44
|
--calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /* Font family for code with fallbacks */
|
|
@@ -63,9 +66,9 @@
|
|
|
63
66
|
--calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
|
|
64
67
|
--calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
|
|
65
68
|
--calcite-font-line-height-relative-loose: 2; /* 2 */
|
|
66
|
-
--calcite-font-letter-spacing-tight: -0.
|
|
69
|
+
--calcite-font-letter-spacing-tight: -0.4px; /* Deprecated */
|
|
67
70
|
--calcite-font-letter-spacing-normal: 0; /* Deprecated */
|
|
68
|
-
--calcite-font-letter-spacing-wide: 0.
|
|
71
|
+
--calcite-font-letter-spacing-wide: 0.4px; /* Deprecated */
|
|
69
72
|
--calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
|
|
70
73
|
--calcite-font-text-decoration-none: none; /* Deprecated */
|
|
71
74
|
--calcite-font-text-decoration-underline: underline; /* Deprecated */
|
package/dist/docs/core.json
CHANGED
package/dist/docs/dark.json
CHANGED
package/dist/docs/global.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp":
|
|
2
|
+
"timestamp": 1745949896849,
|
|
3
3
|
"tokens": [
|
|
4
4
|
{
|
|
5
5
|
"value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
|
|
@@ -1912,9 +1912,16 @@
|
|
|
1912
1912
|
"type": "dimension",
|
|
1913
1913
|
"attributes": {
|
|
1914
1914
|
"category": "corner",
|
|
1915
|
-
"type": "
|
|
1915
|
+
"type": "dimension",
|
|
1916
1916
|
"item": "radius",
|
|
1917
1917
|
"subitem": "sharp",
|
|
1918
|
+
"value": "0",
|
|
1919
|
+
"description": "deprecated, use --calcite-conder-radius-none instead",
|
|
1920
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
1921
|
+
"isSource": true,
|
|
1922
|
+
"name": "calcite-semantic-corner-radius-sharp",
|
|
1923
|
+
"path": ["semantic", "corner", "radius", "sharp"],
|
|
1924
|
+
"comment": "deprecated, use --calcite-conder-radius-none instead",
|
|
1918
1925
|
"names": {
|
|
1919
1926
|
"scss": "$calcite-corner-radius-sharp",
|
|
1920
1927
|
"css": "var(--calcite-corner-radius-sharp)",
|
|
@@ -1928,12 +1935,68 @@
|
|
|
1928
1935
|
"type": "dimension"
|
|
1929
1936
|
}
|
|
1930
1937
|
},
|
|
1938
|
+
"description": "deprecated, use --calcite-conder-radius-none instead",
|
|
1931
1939
|
"filePath": "src/tokens/semantic/corner.json",
|
|
1932
1940
|
"isSource": true,
|
|
1933
1941
|
"name": "Corner Radius Sharp",
|
|
1934
1942
|
"path": ["semantic", "corner", "radius", "sharp"],
|
|
1943
|
+
"comment": "deprecated, use --calcite-conder-radius-none instead",
|
|
1935
1944
|
"key": "{semantic.corner.radius.sharp}"
|
|
1936
1945
|
},
|
|
1946
|
+
{
|
|
1947
|
+
"value": "0",
|
|
1948
|
+
"type": "dimension",
|
|
1949
|
+
"attributes": {
|
|
1950
|
+
"category": "corner",
|
|
1951
|
+
"type": "corner",
|
|
1952
|
+
"item": "radius",
|
|
1953
|
+
"subitem": "none",
|
|
1954
|
+
"names": {
|
|
1955
|
+
"scss": "$calcite-corner-radius-none",
|
|
1956
|
+
"css": "var(--calcite-corner-radius-none)",
|
|
1957
|
+
"js": "semantic.corner.radius.none",
|
|
1958
|
+
"docs": "semantic.corner.radius.none",
|
|
1959
|
+
"es6": "calciteCornerRadiusNone"
|
|
1960
|
+
},
|
|
1961
|
+
"calcite-schema": {
|
|
1962
|
+
"system": "calcite",
|
|
1963
|
+
"tier": "semantic",
|
|
1964
|
+
"type": "dimension"
|
|
1965
|
+
}
|
|
1966
|
+
},
|
|
1967
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
1968
|
+
"isSource": true,
|
|
1969
|
+
"name": "Corner Radius None",
|
|
1970
|
+
"path": ["semantic", "corner", "radius", "none"],
|
|
1971
|
+
"key": "{semantic.corner.radius.none}"
|
|
1972
|
+
},
|
|
1973
|
+
{
|
|
1974
|
+
"value": "2px",
|
|
1975
|
+
"type": "dimension",
|
|
1976
|
+
"attributes": {
|
|
1977
|
+
"category": "corner",
|
|
1978
|
+
"type": "corner",
|
|
1979
|
+
"item": "radius",
|
|
1980
|
+
"subitem": "xs",
|
|
1981
|
+
"names": {
|
|
1982
|
+
"scss": "$calcite-corner-radius-xs",
|
|
1983
|
+
"css": "var(--calcite-corner-radius-xs)",
|
|
1984
|
+
"js": "semantic.corner.radius.xs",
|
|
1985
|
+
"docs": "semantic.corner.radius.xs",
|
|
1986
|
+
"es6": "calciteCornerRadiusXs"
|
|
1987
|
+
},
|
|
1988
|
+
"calcite-schema": {
|
|
1989
|
+
"system": "calcite",
|
|
1990
|
+
"tier": "semantic",
|
|
1991
|
+
"type": "dimension"
|
|
1992
|
+
}
|
|
1993
|
+
},
|
|
1994
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
1995
|
+
"isSource": true,
|
|
1996
|
+
"name": "Corner Radius Xs",
|
|
1997
|
+
"path": ["semantic", "corner", "radius", "xs"],
|
|
1998
|
+
"key": "{semantic.corner.radius.xs}"
|
|
1999
|
+
},
|
|
1937
2000
|
{
|
|
1938
2001
|
"value": "4px",
|
|
1939
2002
|
"type": "dimension",
|
|
@@ -1941,7 +2004,41 @@
|
|
|
1941
2004
|
"category": "corner",
|
|
1942
2005
|
"type": "corner",
|
|
1943
2006
|
"item": "radius",
|
|
2007
|
+
"subitem": "sm",
|
|
2008
|
+
"names": {
|
|
2009
|
+
"scss": "$calcite-corner-radius-sm",
|
|
2010
|
+
"css": "var(--calcite-corner-radius-sm)",
|
|
2011
|
+
"js": "semantic.corner.radius.sm",
|
|
2012
|
+
"docs": "semantic.corner.radius.sm",
|
|
2013
|
+
"es6": "calciteCornerRadiusSm"
|
|
2014
|
+
},
|
|
2015
|
+
"calcite-schema": {
|
|
2016
|
+
"system": "calcite",
|
|
2017
|
+
"tier": "semantic",
|
|
2018
|
+
"type": "dimension"
|
|
2019
|
+
}
|
|
2020
|
+
},
|
|
2021
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
2022
|
+
"isSource": true,
|
|
2023
|
+
"name": "Corner Radius Sm",
|
|
2024
|
+
"path": ["semantic", "corner", "radius", "sm"],
|
|
2025
|
+
"key": "{semantic.corner.radius.sm}"
|
|
2026
|
+
},
|
|
2027
|
+
{
|
|
2028
|
+
"value": "4px",
|
|
2029
|
+
"type": "dimension",
|
|
2030
|
+
"attributes": {
|
|
2031
|
+
"category": "corner",
|
|
2032
|
+
"type": "dimension",
|
|
2033
|
+
"item": "radius",
|
|
1944
2034
|
"subitem": "round",
|
|
2035
|
+
"value": "4px",
|
|
2036
|
+
"description": "deprecated, use --calcite-corner-radius-sm instead",
|
|
2037
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
2038
|
+
"isSource": true,
|
|
2039
|
+
"name": "calcite-semantic-corner-radius-round",
|
|
2040
|
+
"path": ["semantic", "corner", "radius", "round"],
|
|
2041
|
+
"comment": "deprecated, use --calcite-corner-radius-sm instead",
|
|
1945
2042
|
"names": {
|
|
1946
2043
|
"scss": "$calcite-corner-radius-round",
|
|
1947
2044
|
"css": "var(--calcite-corner-radius-round)",
|
|
@@ -1955,10 +2052,12 @@
|
|
|
1955
2052
|
"type": "dimension"
|
|
1956
2053
|
}
|
|
1957
2054
|
},
|
|
2055
|
+
"description": "deprecated, use --calcite-corner-radius-sm instead",
|
|
1958
2056
|
"filePath": "src/tokens/semantic/corner.json",
|
|
1959
2057
|
"isSource": true,
|
|
1960
2058
|
"name": "Corner Radius Round",
|
|
1961
2059
|
"path": ["semantic", "corner", "radius", "round"],
|
|
2060
|
+
"comment": "deprecated, use --calcite-corner-radius-sm instead",
|
|
1962
2061
|
"key": "{semantic.corner.radius.round}"
|
|
1963
2062
|
},
|
|
1964
2063
|
{
|
|
@@ -2814,7 +2913,7 @@
|
|
|
2814
2913
|
"key": "{semantic.font.line-height.relative.loose}"
|
|
2815
2914
|
},
|
|
2816
2915
|
{
|
|
2817
|
-
"value": "-0.
|
|
2916
|
+
"value": "-0.4px",
|
|
2818
2917
|
"type": "dimension",
|
|
2819
2918
|
"description": "Deprecated",
|
|
2820
2919
|
"attributes": {
|
|
@@ -2886,7 +2985,7 @@
|
|
|
2886
2985
|
"key": "{semantic.font.letter-spacing.normal}"
|
|
2887
2986
|
},
|
|
2888
2987
|
{
|
|
2889
|
-
"value": "0.
|
|
2988
|
+
"value": "0.4px",
|
|
2890
2989
|
"type": "dimension",
|
|
2891
2990
|
"description": "Deprecated",
|
|
2892
2991
|
"attributes": {
|
package/dist/docs/light.json
CHANGED
package/dist/docs/semantic.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp":
|
|
2
|
+
"timestamp": 1745949897016,
|
|
3
3
|
"tokens": [
|
|
4
4
|
{
|
|
5
5
|
"value": "0",
|
|
@@ -731,9 +731,16 @@
|
|
|
731
731
|
"type": "dimension",
|
|
732
732
|
"attributes": {
|
|
733
733
|
"category": "corner",
|
|
734
|
-
"type": "
|
|
734
|
+
"type": "dimension",
|
|
735
735
|
"item": "radius",
|
|
736
736
|
"subitem": "sharp",
|
|
737
|
+
"value": "0",
|
|
738
|
+
"description": "deprecated, use --calcite-conder-radius-none instead",
|
|
739
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
740
|
+
"isSource": true,
|
|
741
|
+
"name": "calcite-semantic-corner-radius-sharp",
|
|
742
|
+
"path": ["semantic", "corner", "radius", "sharp"],
|
|
743
|
+
"comment": "deprecated, use --calcite-conder-radius-none instead",
|
|
737
744
|
"names": {
|
|
738
745
|
"scss": "$calcite-corner-radius-sharp",
|
|
739
746
|
"css": "var(--calcite-corner-radius-sharp)",
|
|
@@ -747,12 +754,68 @@
|
|
|
747
754
|
"type": "dimension"
|
|
748
755
|
}
|
|
749
756
|
},
|
|
757
|
+
"description": "deprecated, use --calcite-conder-radius-none instead",
|
|
750
758
|
"filePath": "src/tokens/semantic/corner.json",
|
|
751
759
|
"isSource": true,
|
|
752
760
|
"name": "Corner Radius Sharp",
|
|
753
761
|
"path": ["semantic", "corner", "radius", "sharp"],
|
|
762
|
+
"comment": "deprecated, use --calcite-conder-radius-none instead",
|
|
754
763
|
"key": "{semantic.corner.radius.sharp}"
|
|
755
764
|
},
|
|
765
|
+
{
|
|
766
|
+
"value": "0",
|
|
767
|
+
"type": "dimension",
|
|
768
|
+
"attributes": {
|
|
769
|
+
"category": "corner",
|
|
770
|
+
"type": "corner",
|
|
771
|
+
"item": "radius",
|
|
772
|
+
"subitem": "none",
|
|
773
|
+
"names": {
|
|
774
|
+
"scss": "$calcite-corner-radius-none",
|
|
775
|
+
"css": "var(--calcite-corner-radius-none)",
|
|
776
|
+
"js": "semantic.corner.radius.none",
|
|
777
|
+
"docs": "semantic.corner.radius.none",
|
|
778
|
+
"es6": "calciteCornerRadiusNone"
|
|
779
|
+
},
|
|
780
|
+
"calcite-schema": {
|
|
781
|
+
"system": "calcite",
|
|
782
|
+
"tier": "semantic",
|
|
783
|
+
"type": "dimension"
|
|
784
|
+
}
|
|
785
|
+
},
|
|
786
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
787
|
+
"isSource": true,
|
|
788
|
+
"name": "Corner Radius None",
|
|
789
|
+
"path": ["semantic", "corner", "radius", "none"],
|
|
790
|
+
"key": "{semantic.corner.radius.none}"
|
|
791
|
+
},
|
|
792
|
+
{
|
|
793
|
+
"value": "2px",
|
|
794
|
+
"type": "dimension",
|
|
795
|
+
"attributes": {
|
|
796
|
+
"category": "corner",
|
|
797
|
+
"type": "corner",
|
|
798
|
+
"item": "radius",
|
|
799
|
+
"subitem": "xs",
|
|
800
|
+
"names": {
|
|
801
|
+
"scss": "$calcite-corner-radius-xs",
|
|
802
|
+
"css": "var(--calcite-corner-radius-xs)",
|
|
803
|
+
"js": "semantic.corner.radius.xs",
|
|
804
|
+
"docs": "semantic.corner.radius.xs",
|
|
805
|
+
"es6": "calciteCornerRadiusXs"
|
|
806
|
+
},
|
|
807
|
+
"calcite-schema": {
|
|
808
|
+
"system": "calcite",
|
|
809
|
+
"tier": "semantic",
|
|
810
|
+
"type": "dimension"
|
|
811
|
+
}
|
|
812
|
+
},
|
|
813
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
814
|
+
"isSource": true,
|
|
815
|
+
"name": "Corner Radius Xs",
|
|
816
|
+
"path": ["semantic", "corner", "radius", "xs"],
|
|
817
|
+
"key": "{semantic.corner.radius.xs}"
|
|
818
|
+
},
|
|
756
819
|
{
|
|
757
820
|
"value": "4px",
|
|
758
821
|
"type": "dimension",
|
|
@@ -760,7 +823,41 @@
|
|
|
760
823
|
"category": "corner",
|
|
761
824
|
"type": "corner",
|
|
762
825
|
"item": "radius",
|
|
826
|
+
"subitem": "sm",
|
|
827
|
+
"names": {
|
|
828
|
+
"scss": "$calcite-corner-radius-sm",
|
|
829
|
+
"css": "var(--calcite-corner-radius-sm)",
|
|
830
|
+
"js": "semantic.corner.radius.sm",
|
|
831
|
+
"docs": "semantic.corner.radius.sm",
|
|
832
|
+
"es6": "calciteCornerRadiusSm"
|
|
833
|
+
},
|
|
834
|
+
"calcite-schema": {
|
|
835
|
+
"system": "calcite",
|
|
836
|
+
"tier": "semantic",
|
|
837
|
+
"type": "dimension"
|
|
838
|
+
}
|
|
839
|
+
},
|
|
840
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
841
|
+
"isSource": true,
|
|
842
|
+
"name": "Corner Radius Sm",
|
|
843
|
+
"path": ["semantic", "corner", "radius", "sm"],
|
|
844
|
+
"key": "{semantic.corner.radius.sm}"
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"value": "4px",
|
|
848
|
+
"type": "dimension",
|
|
849
|
+
"attributes": {
|
|
850
|
+
"category": "corner",
|
|
851
|
+
"type": "dimension",
|
|
852
|
+
"item": "radius",
|
|
763
853
|
"subitem": "round",
|
|
854
|
+
"value": "4px",
|
|
855
|
+
"description": "deprecated, use --calcite-corner-radius-sm instead",
|
|
856
|
+
"filePath": "src/tokens/semantic/corner.json",
|
|
857
|
+
"isSource": true,
|
|
858
|
+
"name": "calcite-semantic-corner-radius-round",
|
|
859
|
+
"path": ["semantic", "corner", "radius", "round"],
|
|
860
|
+
"comment": "deprecated, use --calcite-corner-radius-sm instead",
|
|
764
861
|
"names": {
|
|
765
862
|
"scss": "$calcite-corner-radius-round",
|
|
766
863
|
"css": "var(--calcite-corner-radius-round)",
|
|
@@ -774,10 +871,12 @@
|
|
|
774
871
|
"type": "dimension"
|
|
775
872
|
}
|
|
776
873
|
},
|
|
874
|
+
"description": "deprecated, use --calcite-corner-radius-sm instead",
|
|
777
875
|
"filePath": "src/tokens/semantic/corner.json",
|
|
778
876
|
"isSource": true,
|
|
779
877
|
"name": "Corner Radius Round",
|
|
780
878
|
"path": ["semantic", "corner", "radius", "round"],
|
|
879
|
+
"comment": "deprecated, use --calcite-corner-radius-sm instead",
|
|
781
880
|
"key": "{semantic.corner.radius.round}"
|
|
782
881
|
},
|
|
783
882
|
{
|
|
@@ -1633,7 +1732,7 @@
|
|
|
1633
1732
|
"key": "{semantic.font.line-height.relative.loose}"
|
|
1634
1733
|
},
|
|
1635
1734
|
{
|
|
1636
|
-
"value": "-0.
|
|
1735
|
+
"value": "-0.4px",
|
|
1637
1736
|
"type": "dimension",
|
|
1638
1737
|
"description": "Deprecated",
|
|
1639
1738
|
"attributes": {
|
|
@@ -1705,7 +1804,7 @@
|
|
|
1705
1804
|
"key": "{semantic.font.letter-spacing.normal}"
|
|
1706
1805
|
},
|
|
1707
1806
|
{
|
|
1708
|
-
"value": "0.
|
|
1807
|
+
"value": "0.4px",
|
|
1709
1808
|
"type": "dimension",
|
|
1710
1809
|
"description": "Deprecated",
|
|
1711
1810
|
"attributes": {
|
package/dist/es6/global.d.ts
CHANGED
|
@@ -105,8 +105,11 @@ export const calciteContainerSizeMargin: string;
|
|
|
105
105
|
export const calciteContainerSizeGutter: string; /** for fluid grid widths */
|
|
106
106
|
export const calciteContainerSizeContentFluid: string; /** only for lg breakpoint fixed grid width */
|
|
107
107
|
export const calciteContainerSizeContentFixed: string;
|
|
108
|
-
export const calciteCornerRadius: string;
|
|
108
|
+
export const calciteCornerRadius: string; /** deprecated, use --calcite-conder-radius-none instead */
|
|
109
109
|
export const calciteCornerRadiusSharp: string;
|
|
110
|
+
export const calciteCornerRadiusNone: string;
|
|
111
|
+
export const calciteCornerRadiusXs: string;
|
|
112
|
+
export const calciteCornerRadiusSm: string; /** deprecated, use --calcite-corner-radius-sm instead */
|
|
110
113
|
export const calciteCornerRadiusRound: string;
|
|
111
114
|
export const calciteCornerRadiusPill: string; /** Primary font with fallbacks */
|
|
112
115
|
export const calciteFontFamily: string[]; /** Font family for code with fallbacks */
|
package/dist/es6/global.js
CHANGED
|
@@ -122,8 +122,11 @@ export const calciteContainerSizeGutter = "16px";
|
|
|
122
122
|
export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
|
|
123
123
|
export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
|
|
124
124
|
export const calciteCornerRadius = "0";
|
|
125
|
-
export const calciteCornerRadiusSharp = "0";
|
|
126
|
-
export const
|
|
125
|
+
export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-conder-radius-none instead
|
|
126
|
+
export const calciteCornerRadiusNone = "0";
|
|
127
|
+
export const calciteCornerRadiusXs = "2px";
|
|
128
|
+
export const calciteCornerRadiusSm = "4px";
|
|
129
|
+
export const calciteCornerRadiusRound = "4px"; // deprecated, use --calcite-corner-radius-sm instead
|
|
127
130
|
export const calciteCornerRadiusPill = "100%";
|
|
128
131
|
export const calciteFontFamily = [
|
|
129
132
|
"Avenir Next",
|
|
@@ -162,9 +165,9 @@ export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
|
|
|
162
165
|
export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
|
|
163
166
|
export const calciteFontLineHeightRelativeRelaxed = "1.625"; // 1.625
|
|
164
167
|
export const calciteFontLineHeightRelativeLoose = "2"; // 2
|
|
165
|
-
export const calciteFontLetterSpacingTight = "-0.
|
|
168
|
+
export const calciteFontLetterSpacingTight = "-0.4px"; // Deprecated
|
|
166
169
|
export const calciteFontLetterSpacingNormal = "0"; // Deprecated
|
|
167
|
-
export const calciteFontLetterSpacingWide = "0.
|
|
170
|
+
export const calciteFontLetterSpacingWide = "0.4px"; // Deprecated
|
|
168
171
|
export const calciteFontParagraphSpacingNormal = "4px"; // Deprecated
|
|
169
172
|
export const calciteFontTextDecorationNone = "none"; // Deprecated
|
|
170
173
|
export const calciteFontTextDecorationUnderline = "underline"; // Deprecated
|
package/dist/es6/semantic.d.ts
CHANGED
|
@@ -55,8 +55,11 @@ export const calciteContainerSizeMargin: string;
|
|
|
55
55
|
export const calciteContainerSizeGutter: string; /** for fluid grid widths */
|
|
56
56
|
export const calciteContainerSizeContentFluid: string; /** only for lg breakpoint fixed grid width */
|
|
57
57
|
export const calciteContainerSizeContentFixed: string;
|
|
58
|
-
export const calciteCornerRadius: string;
|
|
58
|
+
export const calciteCornerRadius: string; /** deprecated, use --calcite-conder-radius-none instead */
|
|
59
59
|
export const calciteCornerRadiusSharp: string;
|
|
60
|
+
export const calciteCornerRadiusNone: string;
|
|
61
|
+
export const calciteCornerRadiusXs: string;
|
|
62
|
+
export const calciteCornerRadiusSm: string; /** deprecated, use --calcite-corner-radius-sm instead */
|
|
60
63
|
export const calciteCornerRadiusRound: string;
|
|
61
64
|
export const calciteCornerRadiusPill: string; /** Primary font with fallbacks */
|
|
62
65
|
export const calciteFontFamily: string[]; /** Font family for code with fallbacks */
|
package/dist/es6/semantic.js
CHANGED
|
@@ -24,8 +24,11 @@ export const calciteContainerSizeGutter = "16px";
|
|
|
24
24
|
export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
|
|
25
25
|
export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
|
|
26
26
|
export const calciteCornerRadius = "0";
|
|
27
|
-
export const calciteCornerRadiusSharp = "0";
|
|
28
|
-
export const
|
|
27
|
+
export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-conder-radius-none instead
|
|
28
|
+
export const calciteCornerRadiusNone = "0";
|
|
29
|
+
export const calciteCornerRadiusXs = "2px";
|
|
30
|
+
export const calciteCornerRadiusSm = "4px";
|
|
31
|
+
export const calciteCornerRadiusRound = "4px"; // deprecated, use --calcite-corner-radius-sm instead
|
|
29
32
|
export const calciteCornerRadiusPill = "100%";
|
|
30
33
|
export const calciteFontFamily = [
|
|
31
34
|
"Avenir Next",
|
|
@@ -64,9 +67,9 @@ export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
|
|
|
64
67
|
export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
|
|
65
68
|
export const calciteFontLineHeightRelativeRelaxed = "1.625"; // 1.625
|
|
66
69
|
export const calciteFontLineHeightRelativeLoose = "2"; // 2
|
|
67
|
-
export const calciteFontLetterSpacingTight = "-0.
|
|
70
|
+
export const calciteFontLetterSpacingTight = "-0.4px"; // Deprecated
|
|
68
71
|
export const calciteFontLetterSpacingNormal = "0"; // Deprecated
|
|
69
|
-
export const calciteFontLetterSpacingWide = "0.
|
|
72
|
+
export const calciteFontLetterSpacingWide = "0.4px"; // Deprecated
|
|
70
73
|
export const calciteFontParagraphSpacingNormal = "4px"; // Deprecated
|
|
71
74
|
export const calciteFontTextDecorationNone = "none"; // Deprecated
|
|
72
75
|
export const calciteFontTextDecorationUnderline = "underline"; // Deprecated
|
package/dist/js/global.d.ts
CHANGED
package/dist/js/global.js
CHANGED
|
@@ -2620,9 +2620,16 @@ export default {
|
|
|
2620
2620
|
type: "dimension",
|
|
2621
2621
|
attributes: {
|
|
2622
2622
|
category: "corner",
|
|
2623
|
-
type: "
|
|
2623
|
+
type: "dimension",
|
|
2624
2624
|
item: "radius",
|
|
2625
2625
|
subitem: "sharp",
|
|
2626
|
+
value: "0",
|
|
2627
|
+
description: "deprecated, use --calcite-conder-radius-none instead",
|
|
2628
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
2629
|
+
isSource: true,
|
|
2630
|
+
name: "calcite-semantic-corner-radius-sharp",
|
|
2631
|
+
path: ["semantic", "corner", "radius", "sharp"],
|
|
2632
|
+
comment: "deprecated, use --calcite-conder-radius-none instead",
|
|
2626
2633
|
names: {
|
|
2627
2634
|
scss: "$calcite-corner-radius-sharp",
|
|
2628
2635
|
css: "var(--calcite-corner-radius-sharp)",
|
|
@@ -2636,6 +2643,7 @@ export default {
|
|
|
2636
2643
|
type: "dimension",
|
|
2637
2644
|
},
|
|
2638
2645
|
},
|
|
2646
|
+
description: "deprecated, use --calcite-conder-radius-none instead",
|
|
2639
2647
|
filePath: "src/tokens/semantic/corner.json",
|
|
2640
2648
|
isSource: true,
|
|
2641
2649
|
original: {
|
|
@@ -2644,19 +2652,130 @@ export default {
|
|
|
2644
2652
|
attributes: {
|
|
2645
2653
|
category: "corner",
|
|
2646
2654
|
},
|
|
2655
|
+
description: "deprecated, use --calcite-conder-radius-none instead",
|
|
2647
2656
|
},
|
|
2648
2657
|
name: "Corner Radius Sharp",
|
|
2649
2658
|
path: ["semantic", "corner", "radius", "sharp"],
|
|
2659
|
+
comment: "deprecated, use --calcite-conder-radius-none instead",
|
|
2650
2660
|
key: "{semantic.corner.radius.sharp}",
|
|
2651
2661
|
},
|
|
2652
|
-
|
|
2662
|
+
none: {
|
|
2663
|
+
value: "0",
|
|
2664
|
+
type: "dimension",
|
|
2665
|
+
attributes: {
|
|
2666
|
+
category: "corner",
|
|
2667
|
+
type: "corner",
|
|
2668
|
+
item: "radius",
|
|
2669
|
+
subitem: "none",
|
|
2670
|
+
names: {
|
|
2671
|
+
scss: "$calcite-corner-radius-none",
|
|
2672
|
+
css: "var(--calcite-corner-radius-none)",
|
|
2673
|
+
js: "semantic.corner.radius.none",
|
|
2674
|
+
docs: "semantic.corner.radius.none",
|
|
2675
|
+
es6: "calciteCornerRadiusNone",
|
|
2676
|
+
},
|
|
2677
|
+
"calcite-schema": {
|
|
2678
|
+
system: "calcite",
|
|
2679
|
+
tier: "semantic",
|
|
2680
|
+
type: "dimension",
|
|
2681
|
+
},
|
|
2682
|
+
},
|
|
2683
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
2684
|
+
isSource: true,
|
|
2685
|
+
original: {
|
|
2686
|
+
value: "{core.size.default.none}",
|
|
2687
|
+
type: "dimension",
|
|
2688
|
+
attributes: {
|
|
2689
|
+
category: "corner",
|
|
2690
|
+
},
|
|
2691
|
+
},
|
|
2692
|
+
name: "Corner Radius None",
|
|
2693
|
+
path: ["semantic", "corner", "radius", "none"],
|
|
2694
|
+
key: "{semantic.corner.radius.none}",
|
|
2695
|
+
},
|
|
2696
|
+
xs: {
|
|
2697
|
+
value: "2px",
|
|
2698
|
+
type: "dimension",
|
|
2699
|
+
attributes: {
|
|
2700
|
+
category: "corner",
|
|
2701
|
+
type: "corner",
|
|
2702
|
+
item: "radius",
|
|
2703
|
+
subitem: "xs",
|
|
2704
|
+
names: {
|
|
2705
|
+
scss: "$calcite-corner-radius-xs",
|
|
2706
|
+
css: "var(--calcite-corner-radius-xs)",
|
|
2707
|
+
js: "semantic.corner.radius.xs",
|
|
2708
|
+
docs: "semantic.corner.radius.xs",
|
|
2709
|
+
es6: "calciteCornerRadiusXs",
|
|
2710
|
+
},
|
|
2711
|
+
"calcite-schema": {
|
|
2712
|
+
system: "calcite",
|
|
2713
|
+
tier: "semantic",
|
|
2714
|
+
type: "dimension",
|
|
2715
|
+
},
|
|
2716
|
+
},
|
|
2717
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
2718
|
+
isSource: true,
|
|
2719
|
+
original: {
|
|
2720
|
+
value: "{core.size.default.2}",
|
|
2721
|
+
type: "dimension",
|
|
2722
|
+
attributes: {
|
|
2723
|
+
category: "corner",
|
|
2724
|
+
},
|
|
2725
|
+
},
|
|
2726
|
+
name: "Corner Radius Xs",
|
|
2727
|
+
path: ["semantic", "corner", "radius", "xs"],
|
|
2728
|
+
key: "{semantic.corner.radius.xs}",
|
|
2729
|
+
},
|
|
2730
|
+
sm: {
|
|
2653
2731
|
value: "4px",
|
|
2654
2732
|
type: "dimension",
|
|
2655
2733
|
attributes: {
|
|
2656
2734
|
category: "corner",
|
|
2657
2735
|
type: "corner",
|
|
2658
2736
|
item: "radius",
|
|
2737
|
+
subitem: "sm",
|
|
2738
|
+
names: {
|
|
2739
|
+
scss: "$calcite-corner-radius-sm",
|
|
2740
|
+
css: "var(--calcite-corner-radius-sm)",
|
|
2741
|
+
js: "semantic.corner.radius.sm",
|
|
2742
|
+
docs: "semantic.corner.radius.sm",
|
|
2743
|
+
es6: "calciteCornerRadiusSm",
|
|
2744
|
+
},
|
|
2745
|
+
"calcite-schema": {
|
|
2746
|
+
system: "calcite",
|
|
2747
|
+
tier: "semantic",
|
|
2748
|
+
type: "dimension",
|
|
2749
|
+
},
|
|
2750
|
+
},
|
|
2751
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
2752
|
+
isSource: true,
|
|
2753
|
+
original: {
|
|
2754
|
+
value: "{core.size.default.4}",
|
|
2755
|
+
type: "dimension",
|
|
2756
|
+
attributes: {
|
|
2757
|
+
category: "corner",
|
|
2758
|
+
},
|
|
2759
|
+
},
|
|
2760
|
+
name: "Corner Radius Sm",
|
|
2761
|
+
path: ["semantic", "corner", "radius", "sm"],
|
|
2762
|
+
key: "{semantic.corner.radius.sm}",
|
|
2763
|
+
},
|
|
2764
|
+
round: {
|
|
2765
|
+
value: "4px",
|
|
2766
|
+
type: "dimension",
|
|
2767
|
+
attributes: {
|
|
2768
|
+
category: "corner",
|
|
2769
|
+
type: "dimension",
|
|
2770
|
+
item: "radius",
|
|
2659
2771
|
subitem: "round",
|
|
2772
|
+
value: "4px",
|
|
2773
|
+
description: "deprecated, use --calcite-corner-radius-sm instead",
|
|
2774
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
2775
|
+
isSource: true,
|
|
2776
|
+
name: "calcite-semantic-corner-radius-round",
|
|
2777
|
+
path: ["semantic", "corner", "radius", "round"],
|
|
2778
|
+
comment: "deprecated, use --calcite-corner-radius-sm instead",
|
|
2660
2779
|
names: {
|
|
2661
2780
|
scss: "$calcite-corner-radius-round",
|
|
2662
2781
|
css: "var(--calcite-corner-radius-round)",
|
|
@@ -2670,6 +2789,7 @@ export default {
|
|
|
2670
2789
|
type: "dimension",
|
|
2671
2790
|
},
|
|
2672
2791
|
},
|
|
2792
|
+
description: "deprecated, use --calcite-corner-radius-sm instead",
|
|
2673
2793
|
filePath: "src/tokens/semantic/corner.json",
|
|
2674
2794
|
isSource: true,
|
|
2675
2795
|
original: {
|
|
@@ -2678,9 +2798,11 @@ export default {
|
|
|
2678
2798
|
attributes: {
|
|
2679
2799
|
category: "corner",
|
|
2680
2800
|
},
|
|
2801
|
+
description: "deprecated, use --calcite-corner-radius-sm instead",
|
|
2681
2802
|
},
|
|
2682
2803
|
name: "Corner Radius Round",
|
|
2683
2804
|
path: ["semantic", "corner", "radius", "round"],
|
|
2805
|
+
comment: "deprecated, use --calcite-corner-radius-sm instead",
|
|
2684
2806
|
key: "{semantic.corner.radius.round}",
|
|
2685
2807
|
},
|
|
2686
2808
|
pill: {
|
|
@@ -3780,7 +3902,7 @@ export default {
|
|
|
3780
3902
|
},
|
|
3781
3903
|
"letter-spacing": {
|
|
3782
3904
|
tight: {
|
|
3783
|
-
value: "-0.
|
|
3905
|
+
value: "-0.4px",
|
|
3784
3906
|
type: "dimension",
|
|
3785
3907
|
description: "Deprecated",
|
|
3786
3908
|
attributes: {
|
|
@@ -3868,7 +3990,7 @@ export default {
|
|
|
3868
3990
|
key: "{semantic.font.letter-spacing.normal}",
|
|
3869
3991
|
},
|
|
3870
3992
|
wide: {
|
|
3871
|
-
value: "0.
|
|
3993
|
+
value: "0.4px",
|
|
3872
3994
|
type: "dimension",
|
|
3873
3995
|
description: "Deprecated",
|
|
3874
3996
|
attributes: {
|
package/dist/js/semantic.d.ts
CHANGED
package/dist/js/semantic.js
CHANGED
|
@@ -978,9 +978,16 @@ export default {
|
|
|
978
978
|
type: "dimension",
|
|
979
979
|
attributes: {
|
|
980
980
|
category: "corner",
|
|
981
|
-
type: "
|
|
981
|
+
type: "dimension",
|
|
982
982
|
item: "radius",
|
|
983
983
|
subitem: "sharp",
|
|
984
|
+
value: "0",
|
|
985
|
+
description: "deprecated, use --calcite-conder-radius-none instead",
|
|
986
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
987
|
+
isSource: true,
|
|
988
|
+
name: "calcite-semantic-corner-radius-sharp",
|
|
989
|
+
path: ["semantic", "corner", "radius", "sharp"],
|
|
990
|
+
comment: "deprecated, use --calcite-conder-radius-none instead",
|
|
984
991
|
names: {
|
|
985
992
|
scss: "$calcite-corner-radius-sharp",
|
|
986
993
|
css: "var(--calcite-corner-radius-sharp)",
|
|
@@ -994,6 +1001,7 @@ export default {
|
|
|
994
1001
|
type: "dimension",
|
|
995
1002
|
},
|
|
996
1003
|
},
|
|
1004
|
+
description: "deprecated, use --calcite-conder-radius-none instead",
|
|
997
1005
|
filePath: "src/tokens/semantic/corner.json",
|
|
998
1006
|
isSource: true,
|
|
999
1007
|
original: {
|
|
@@ -1002,19 +1010,130 @@ export default {
|
|
|
1002
1010
|
attributes: {
|
|
1003
1011
|
category: "corner",
|
|
1004
1012
|
},
|
|
1013
|
+
description: "deprecated, use --calcite-conder-radius-none instead",
|
|
1005
1014
|
},
|
|
1006
1015
|
name: "Corner Radius Sharp",
|
|
1007
1016
|
path: ["semantic", "corner", "radius", "sharp"],
|
|
1017
|
+
comment: "deprecated, use --calcite-conder-radius-none instead",
|
|
1008
1018
|
key: "{semantic.corner.radius.sharp}",
|
|
1009
1019
|
},
|
|
1010
|
-
|
|
1020
|
+
none: {
|
|
1021
|
+
value: "0",
|
|
1022
|
+
type: "dimension",
|
|
1023
|
+
attributes: {
|
|
1024
|
+
category: "corner",
|
|
1025
|
+
type: "corner",
|
|
1026
|
+
item: "radius",
|
|
1027
|
+
subitem: "none",
|
|
1028
|
+
names: {
|
|
1029
|
+
scss: "$calcite-corner-radius-none",
|
|
1030
|
+
css: "var(--calcite-corner-radius-none)",
|
|
1031
|
+
js: "semantic.corner.radius.none",
|
|
1032
|
+
docs: "semantic.corner.radius.none",
|
|
1033
|
+
es6: "calciteCornerRadiusNone",
|
|
1034
|
+
},
|
|
1035
|
+
"calcite-schema": {
|
|
1036
|
+
system: "calcite",
|
|
1037
|
+
tier: "semantic",
|
|
1038
|
+
type: "dimension",
|
|
1039
|
+
},
|
|
1040
|
+
},
|
|
1041
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
1042
|
+
isSource: true,
|
|
1043
|
+
original: {
|
|
1044
|
+
value: "{core.size.default.none}",
|
|
1045
|
+
type: "dimension",
|
|
1046
|
+
attributes: {
|
|
1047
|
+
category: "corner",
|
|
1048
|
+
},
|
|
1049
|
+
},
|
|
1050
|
+
name: "Corner Radius None",
|
|
1051
|
+
path: ["semantic", "corner", "radius", "none"],
|
|
1052
|
+
key: "{semantic.corner.radius.none}",
|
|
1053
|
+
},
|
|
1054
|
+
xs: {
|
|
1055
|
+
value: "2px",
|
|
1056
|
+
type: "dimension",
|
|
1057
|
+
attributes: {
|
|
1058
|
+
category: "corner",
|
|
1059
|
+
type: "corner",
|
|
1060
|
+
item: "radius",
|
|
1061
|
+
subitem: "xs",
|
|
1062
|
+
names: {
|
|
1063
|
+
scss: "$calcite-corner-radius-xs",
|
|
1064
|
+
css: "var(--calcite-corner-radius-xs)",
|
|
1065
|
+
js: "semantic.corner.radius.xs",
|
|
1066
|
+
docs: "semantic.corner.radius.xs",
|
|
1067
|
+
es6: "calciteCornerRadiusXs",
|
|
1068
|
+
},
|
|
1069
|
+
"calcite-schema": {
|
|
1070
|
+
system: "calcite",
|
|
1071
|
+
tier: "semantic",
|
|
1072
|
+
type: "dimension",
|
|
1073
|
+
},
|
|
1074
|
+
},
|
|
1075
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
1076
|
+
isSource: true,
|
|
1077
|
+
original: {
|
|
1078
|
+
value: "{core.size.default.2}",
|
|
1079
|
+
type: "dimension",
|
|
1080
|
+
attributes: {
|
|
1081
|
+
category: "corner",
|
|
1082
|
+
},
|
|
1083
|
+
},
|
|
1084
|
+
name: "Corner Radius Xs",
|
|
1085
|
+
path: ["semantic", "corner", "radius", "xs"],
|
|
1086
|
+
key: "{semantic.corner.radius.xs}",
|
|
1087
|
+
},
|
|
1088
|
+
sm: {
|
|
1011
1089
|
value: "4px",
|
|
1012
1090
|
type: "dimension",
|
|
1013
1091
|
attributes: {
|
|
1014
1092
|
category: "corner",
|
|
1015
1093
|
type: "corner",
|
|
1016
1094
|
item: "radius",
|
|
1095
|
+
subitem: "sm",
|
|
1096
|
+
names: {
|
|
1097
|
+
scss: "$calcite-corner-radius-sm",
|
|
1098
|
+
css: "var(--calcite-corner-radius-sm)",
|
|
1099
|
+
js: "semantic.corner.radius.sm",
|
|
1100
|
+
docs: "semantic.corner.radius.sm",
|
|
1101
|
+
es6: "calciteCornerRadiusSm",
|
|
1102
|
+
},
|
|
1103
|
+
"calcite-schema": {
|
|
1104
|
+
system: "calcite",
|
|
1105
|
+
tier: "semantic",
|
|
1106
|
+
type: "dimension",
|
|
1107
|
+
},
|
|
1108
|
+
},
|
|
1109
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
1110
|
+
isSource: true,
|
|
1111
|
+
original: {
|
|
1112
|
+
value: "{core.size.default.4}",
|
|
1113
|
+
type: "dimension",
|
|
1114
|
+
attributes: {
|
|
1115
|
+
category: "corner",
|
|
1116
|
+
},
|
|
1117
|
+
},
|
|
1118
|
+
name: "Corner Radius Sm",
|
|
1119
|
+
path: ["semantic", "corner", "radius", "sm"],
|
|
1120
|
+
key: "{semantic.corner.radius.sm}",
|
|
1121
|
+
},
|
|
1122
|
+
round: {
|
|
1123
|
+
value: "4px",
|
|
1124
|
+
type: "dimension",
|
|
1125
|
+
attributes: {
|
|
1126
|
+
category: "corner",
|
|
1127
|
+
type: "dimension",
|
|
1128
|
+
item: "radius",
|
|
1017
1129
|
subitem: "round",
|
|
1130
|
+
value: "4px",
|
|
1131
|
+
description: "deprecated, use --calcite-corner-radius-sm instead",
|
|
1132
|
+
filePath: "src/tokens/semantic/corner.json",
|
|
1133
|
+
isSource: true,
|
|
1134
|
+
name: "calcite-semantic-corner-radius-round",
|
|
1135
|
+
path: ["semantic", "corner", "radius", "round"],
|
|
1136
|
+
comment: "deprecated, use --calcite-corner-radius-sm instead",
|
|
1018
1137
|
names: {
|
|
1019
1138
|
scss: "$calcite-corner-radius-round",
|
|
1020
1139
|
css: "var(--calcite-corner-radius-round)",
|
|
@@ -1028,6 +1147,7 @@ export default {
|
|
|
1028
1147
|
type: "dimension",
|
|
1029
1148
|
},
|
|
1030
1149
|
},
|
|
1150
|
+
description: "deprecated, use --calcite-corner-radius-sm instead",
|
|
1031
1151
|
filePath: "src/tokens/semantic/corner.json",
|
|
1032
1152
|
isSource: true,
|
|
1033
1153
|
original: {
|
|
@@ -1036,9 +1156,11 @@ export default {
|
|
|
1036
1156
|
attributes: {
|
|
1037
1157
|
category: "corner",
|
|
1038
1158
|
},
|
|
1159
|
+
description: "deprecated, use --calcite-corner-radius-sm instead",
|
|
1039
1160
|
},
|
|
1040
1161
|
name: "Corner Radius Round",
|
|
1041
1162
|
path: ["semantic", "corner", "radius", "round"],
|
|
1163
|
+
comment: "deprecated, use --calcite-corner-radius-sm instead",
|
|
1042
1164
|
key: "{semantic.corner.radius.round}",
|
|
1043
1165
|
},
|
|
1044
1166
|
pill: {
|
|
@@ -2138,7 +2260,7 @@ export default {
|
|
|
2138
2260
|
},
|
|
2139
2261
|
"letter-spacing": {
|
|
2140
2262
|
tight: {
|
|
2141
|
-
value: "-0.
|
|
2263
|
+
value: "-0.4px",
|
|
2142
2264
|
type: "dimension",
|
|
2143
2265
|
description: "Deprecated",
|
|
2144
2266
|
attributes: {
|
|
@@ -2226,7 +2348,7 @@ export default {
|
|
|
2226
2348
|
key: "{semantic.font.letter-spacing.normal}",
|
|
2227
2349
|
},
|
|
2228
2350
|
wide: {
|
|
2229
|
-
value: "0.
|
|
2351
|
+
value: "0.4px",
|
|
2230
2352
|
type: "dimension",
|
|
2231
2353
|
description: "Deprecated",
|
|
2232
2354
|
attributes: {
|
package/dist/scss/global.scss
CHANGED
|
@@ -12,8 +12,11 @@ $calcite-container-size-margin: 24px;
|
|
|
12
12
|
$calcite-container-size-gutter: 16px;
|
|
13
13
|
$calcite-container-size-content-fluid: 100%; // for fluid grid widths
|
|
14
14
|
$calcite-container-size-content-fixed: 1440px; // only for lg breakpoint fixed grid width
|
|
15
|
-
$calcite-corner-radius-sharp: 0;
|
|
16
|
-
$calcite-corner-radius-
|
|
15
|
+
$calcite-corner-radius-sharp: 0; // deprecated, use --calcite-conder-radius-none instead
|
|
16
|
+
$calcite-corner-radius-none: 0;
|
|
17
|
+
$calcite-corner-radius-xs: 2px;
|
|
18
|
+
$calcite-corner-radius-sm: 4px;
|
|
19
|
+
$calcite-corner-radius-round: 4px; // deprecated, use --calcite-corner-radius-sm instead
|
|
17
20
|
$calcite-corner-radius-pill: 100%;
|
|
18
21
|
$calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; // Primary font with fallbacks
|
|
19
22
|
$calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; // Font family for code with fallbacks
|
|
@@ -41,9 +44,9 @@ $calcite-font-line-height-relative-snug: 1.375; // 1.375
|
|
|
41
44
|
$calcite-font-line-height-relative-normal: 1.5; // 1.5
|
|
42
45
|
$calcite-font-line-height-relative-relaxed: 1.625; // 1.625
|
|
43
46
|
$calcite-font-line-height-relative-loose: 2; // 2
|
|
44
|
-
$calcite-font-letter-spacing-tight: -0.
|
|
47
|
+
$calcite-font-letter-spacing-tight: -0.4px; // Deprecated
|
|
45
48
|
$calcite-font-letter-spacing-normal: 0; // Deprecated
|
|
46
|
-
$calcite-font-letter-spacing-wide: 0.
|
|
49
|
+
$calcite-font-letter-spacing-wide: 0.4px; // Deprecated
|
|
47
50
|
$calcite-font-paragraph-spacing-normal: 4px; // Deprecated
|
|
48
51
|
$calcite-font-text-decoration-none: none; // Deprecated
|
|
49
52
|
$calcite-font-text-decoration-underline: underline; // Deprecated
|
package/dist/scss/semantic.scss
CHANGED
|
@@ -32,8 +32,11 @@ $calcite-container-size-margin: 24px;
|
|
|
32
32
|
$calcite-container-size-gutter: 16px;
|
|
33
33
|
$calcite-container-size-content-fluid: 100%; // for fluid grid widths
|
|
34
34
|
$calcite-container-size-content-fixed: 1440px; // only for lg breakpoint fixed grid width
|
|
35
|
-
$calcite-corner-radius-sharp: 0;
|
|
36
|
-
$calcite-corner-radius-
|
|
35
|
+
$calcite-corner-radius-sharp: 0; // deprecated, use --calcite-conder-radius-none instead
|
|
36
|
+
$calcite-corner-radius-none: 0;
|
|
37
|
+
$calcite-corner-radius-xs: 2px;
|
|
38
|
+
$calcite-corner-radius-sm: 4px;
|
|
39
|
+
$calcite-corner-radius-round: 4px; // deprecated, use --calcite-corner-radius-sm instead
|
|
37
40
|
$calcite-corner-radius-pill: 100%;
|
|
38
41
|
$calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; // Primary font with fallbacks
|
|
39
42
|
$calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; // Font family for code with fallbacks
|
|
@@ -61,9 +64,9 @@ $calcite-font-line-height-relative-snug: 1.375; // 1.375
|
|
|
61
64
|
$calcite-font-line-height-relative-normal: 1.5; // 1.5
|
|
62
65
|
$calcite-font-line-height-relative-relaxed: 1.625; // 1.625
|
|
63
66
|
$calcite-font-line-height-relative-loose: 2; // 2
|
|
64
|
-
$calcite-font-letter-spacing-tight: -0.
|
|
67
|
+
$calcite-font-letter-spacing-tight: -0.4px; // Deprecated
|
|
65
68
|
$calcite-font-letter-spacing-normal: 0; // Deprecated
|
|
66
|
-
$calcite-font-letter-spacing-wide: 0.
|
|
69
|
+
$calcite-font-letter-spacing-wide: 0.4px; // Deprecated
|
|
67
70
|
$calcite-font-paragraph-spacing-normal: 4px; // Deprecated
|
|
68
71
|
$calcite-font-text-decoration-none: none; // Deprecated
|
|
69
72
|
$calcite-font-text-decoration-underline: underline; // Deprecated
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@esri/calcite-design-tokens",
|
|
3
|
-
"version": "3.1.0-next.
|
|
3
|
+
"version": "3.1.0-next.5",
|
|
4
4
|
"description": "Esri's Calcite Design System Tokens",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Calcite",
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"vitest": "2.1.9"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "79666ae73f5509df3a114d444439b60c548c081c"
|
|
49
49
|
}
|