@charcoal-ui/icons 5.11.0-beta.0 → 5.11.0-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.
Files changed (30) hide show
  1. package/css/v1/index.css +31 -1
  2. package/css/v1/index.html +27 -0
  3. package/css/v1/index.story.tsx +28 -1
  4. package/dist/index.cjs +1 -1
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +0 -1
  7. package/dist/index.d.cts.map +1 -1
  8. package/dist/index.d.ts +0 -1
  9. package/dist/index.d.ts.map +1 -1
  10. package/dist/index.js.map +1 -1
  11. package/package.json +2 -2
  12. package/react/v1/24/ArrowLeft.d.ts +4 -0
  13. package/react/v1/24/ArrowLeft.d.ts.map +1 -0
  14. package/react/v1/24/ArrowLeft.js +5 -0
  15. package/react/v1/24/ArrowRight.d.ts +4 -0
  16. package/react/v1/24/ArrowRight.d.ts.map +1 -0
  17. package/react/v1/24/ArrowRight.js +5 -0
  18. package/react/v1/24/ArrowUp.js +1 -1
  19. package/react/v1/24/FormatText.d.ts +4 -0
  20. package/react/v1/24/FormatText.d.ts.map +1 -0
  21. package/react/v1/24/FormatText.js +5 -0
  22. package/react/v1/index.d.ts +3 -0
  23. package/react/v1/index.d.ts.map +1 -1
  24. package/react/v1/index.js +3 -0
  25. package/src/react/v1/24/ArrowLeft.tsx +28 -0
  26. package/src/react/v1/24/ArrowRight.tsx +28 -0
  27. package/src/react/v1/24/ArrowUp.tsx +1 -1
  28. package/src/react/v1/24/FormatText.tsx +26 -0
  29. package/src/react/v1/index.story.tsx +18 -0
  30. package/src/react/v1/index.tsx +3 -0
package/css/v1/index.css CHANGED
@@ -148,11 +148,31 @@
148
148
  aspect-ratio: 1/1;
149
149
  }
150
150
 
151
+ .charcoal-icon-v1-arrowleft {
152
+ display: inline-block;
153
+ width: 1em;
154
+ height: 1em;
155
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%2012l6.707-6.707a1%201%200%20111.414%201.414L7.828%2011H19a1%201%200%20110%202H7.828l4.293%204.293a1%201%200%2001-1.414%201.414L4%2012z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
156
+ mask-size: 100% 100%;
157
+ background: currentColor;
158
+ aspect-ratio: 1/1;
159
+ }
160
+
161
+ .charcoal-icon-v1-arrowright {
162
+ display: inline-block;
163
+ width: 1em;
164
+ height: 1em;
165
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.004%2012l-6.707%206.707a1%201%200%2001-1.414-1.414L16.176%2013H5a1%201%200%20110-2h11.176l-4.293-4.293a1%201%200%20011.414-1.414L20.004%2012z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
166
+ mask-size: 100% 100%;
167
+ background: currentColor;
168
+ aspect-ratio: 1/1;
169
+ }
170
+
151
171
  .charcoal-icon-v1-arrowup {
152
172
  display: inline-block;
153
173
  width: 1em;
154
174
  height: 1em;
155
- mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%204.586l6.707%206.707a1%201%200%2001-1.414%201.414L13%208.414V19a1%201%200%2011-2%200V8.414l-4.293%204.293a1%201%200%2011-1.414-1.414L12%204.586z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
175
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%204.586l6.707%206.707a1%201%200%2001-1.414%201.414L13%208.414V19a1%201%200%2011-2%200V8.414l-4.293%204.293a1%201%200%2001-1.414-1.414L12%204.586z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
156
176
  mask-size: 100% 100%;
157
177
  background: currentColor;
158
178
  aspect-ratio: 1/1;
@@ -1048,6 +1068,16 @@
1048
1068
  aspect-ratio: 1/1;
1049
1069
  }
1050
1070
 
1071
+ .charcoal-icon-v1-formattext {
1072
+ display: inline-block;
1073
+ width: 1em;
1074
+ height: 1em;
1075
+ mask-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%204a1%201%200%20110%202h-5v12.934c0%20.589-.448%201.066-1%201.066s-1-.477-1-1.066V6H6a1%201%200%20010-2h12z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
1076
+ mask-size: 100% 100%;
1077
+ background: currentColor;
1078
+ aspect-ratio: 1/1;
1079
+ }
1080
+
1051
1081
  .charcoal-icon-v1-fov {
1052
1082
  display: inline-block;
1053
1083
  width: 1em;
package/css/v1/index.html CHANGED
@@ -152,6 +152,24 @@
152
152
  <code>.charcoal-icon-v1-arrowdown-16</code>
153
153
  </div>
154
154
 
155
+ <div>
156
+ <div
157
+ class="charcoal-icon-v1-arrowleft"
158
+ aria-label=".charcoal-icon-v1-arrowleft"
159
+ role="img"
160
+ ></div>
161
+ <code>.charcoal-icon-v1-arrowleft</code>
162
+ </div>
163
+
164
+ <div>
165
+ <div
166
+ class="charcoal-icon-v1-arrowright"
167
+ aria-label=".charcoal-icon-v1-arrowright"
168
+ role="img"
169
+ ></div>
170
+ <code>.charcoal-icon-v1-arrowright</code>
171
+ </div>
172
+
155
173
  <div>
156
174
  <div
157
175
  class="charcoal-icon-v1-arrowup"
@@ -962,6 +980,15 @@
962
980
  <code>.charcoal-icon-v1-formatlinespacing</code>
963
981
  </div>
964
982
 
983
+ <div>
984
+ <div
985
+ class="charcoal-icon-v1-formattext"
986
+ aria-label=".charcoal-icon-v1-formattext"
987
+ role="img"
988
+ ></div>
989
+ <code>.charcoal-icon-v1-formattext</code>
990
+ </div>
991
+
965
992
  <div>
966
993
  <div
967
994
  class="charcoal-icon-v1-fov"